html {
color: rgba(0,0,0, 0.87);
font-size: 1em;
line-height: 1.4
}
::-moz-selection {
background: #b3d4fc;
text-shadow: none
}
::selection {
background: #b3d4fc;
text-shadow: none
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0
}
audio, canvas, iframe, img, svg, video {
vertical-align: middle
}
fieldset {
border: 0;
margin: 0;
padding: 0
}
textarea {
resize: vertical
}
.browserupgrade {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0
}
.hidden {
display: none !important
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto
}
.invisible {
visibility: hidden
}
.clearfix:before, .clearfix:after {
content: " ";
display: table
}
.clearfix:after {
clear: both
}
@media print {
*, *:before, *:after, *:first-letter, *:first-line {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important
}
a, a:visited {
text-decoration: underline
}
a[href]:after {
content: " (" attr(href) ")"
}
abbr[title]:after {
content: " (" attr(title) ")"
}
a[href^="#"]:after, a[href^="javascript:"]:after {
content: ""
}
pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid
}
thead {
display: table-header-group
}
tr, img {
page-break-inside: avoid
}
img {
max-width: 100% !important
}
p, h2, h3 {
orphans: 3;
widows: 3
}
h2, h3 {
page-break-after: avoid
}
}
a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu, .mdl-icon-toggle, .mdl-item, .mdl-radio, .mdl-slider, .mdl-switch, .mdl-tabs__tab {
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: rgba(255,255,255,0)
}
html {
width: 100%;
height: 100%;
-ms-touch-action: manipulation;
touch-action: manipulation
}
body {
width: 100%;
min-height: 100%;
margin: 0
}
main {
display: block
}
*[hidden] {
display: none !important
}
html, body {
font-family: "Helvetica","Arial",sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px
}
h1, h2, h3, h4, h5, h6, p {
margin: 0;
padding: 0
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
font-family: "Roboto","Helvetica","Arial",sans-serif;
font-size: 56px;
font-weight: 400;
line-height: 1.35;
letter-spacing: -0.02em;
opacity: 0.54;
font-size: 0.6em
}
h1 {
font-family: "Roboto","Helvetica","Arial",sans-serif;
font-size: 56px;
font-weight: 400;
line-height: 1.35;
letter-spacing: -0.02em;
margin-top: 24px;
margin-bottom: 24px
}
h2 {
font-family: "Roboto","Helvetica","Arial",sans-serif;
font-size: 45px;
font-weight: 400;
line-height: 48px;
margin-top: 24px;
margin-bottom: 24px
}
h3 {
font-family: "Roboto","Helvetica","Arial",sans-serif;
font-size: 34px;
font-weight: 400;
line-height: 40px;
margin-top: 24px;
margin-bottom: 24px
}
h4 {
font-family: "Roboto","Helvetica","Arial",sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 32px;
-moz-osx-font-smoothing: grayscale;
margin-top: 24px;
margin-bottom: 16px
}
h5 {
font-family: "Roboto","Helvetica","Arial",sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 1;
letter-spacing: 0.02em;
margin-top: 24px;
margin-bottom: 16px
}
h6 {
font-family: "Roboto","Helvetica","Arial",sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.04em;
margin-top: 24px;
margin-bottom: 16px
}
p {
font-size: 14px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0;
margin-bottom: 16px
}
a {
color: rgb(255,64,129);
font-weight: 500
}
blockquote {
font-family: "Roboto","Helvetica","Arial",sans-serif;
position: relative;
font-size: 24px;
font-weight: 300;
font-style: italic;
line-height: 1.35;
letter-spacing: 0.08em
}
blockquote:before {
position: absolute;
left: -0.5em;
content: '“'
}
blockquote:after {
content: 'â€';
margin-left: -0.05em
}
mark {
background-color: #f4ff81
}
dt {
font-weight: 700
}
address {
font-size: 12px;
font-weight: 400;
line-height: 1;
letter-spacing: 0;
font-style: normal
}
ul, ol {
font-size: 14px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0
}
.mdl-typography--display-4 {
font-family: "Roboto","Helvetica","Arial",sans-serif;
font-size: 112px;
font-weight: 300;
line-height: 1;
letter-spacing: -0.04em
}
.mdl-typography--display-4-color-contrast {
font-family: "Roboto","Helvetica","Arial",sans-serif;
font-size: 112px;
font-weight: 300;
line-height: 1;
letter-spacing: -0.04em;
opacity: 0.54
}
.mdl-typography--display-3 {
font-family: "Roboto","Helvetica","Arial",sans-serif;
font-size: 56px;
font-weight: 400;
line-height: 1.35;
letter-spacing: -0.02em
}
.mdl-typography--display-3-color-contrast {
font-family: "Roboto","Helvetica","Arial",sans-serif;
font-size: 56px;
font-weight: 400;
line-height: 1.35;
letter-spacing: -0.02em;
opacity: 0.54
}
.mdl-typography--display-2 {
font-family: "Roboto","Helvetica","Arial",sans-serif;
font-size: 45px;
font-weight: 400;
line-height: 48px
}
.mdl-typography--display-2-color-contrast {
font-family: "Roboto","Helvetica","Arial",sans-serif;
font-size: 45px;
font-weight: 400;
line-height: 48px;
opacity: 0.54
}
.mdl-typography--display-1 {
font-family: "Roboto","Helvetica","Arial",sans-serif;
font-size: 34px;
font-weight: 400;
line-height: 40px
}
.mdl-typography--display-1-color-contrast {
font-family: "Roboto","Helvetica","Arial",sans-serif;
font-size: 34px;
font-weight: 400;
line-height: 40px;
opacity: 0.54
}
.mdl-typography--headline {
font-family: "Roboto","Helvetica","Arial",sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 32px;
-moz-osx-font-smoothing: grayscale
}
.mdl-typography--headline-color-contrast {
font-family: "Roboto","Helvetica","Arial",sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 32px;
-moz-osx-font-smoothing: grayscale;
opacity: 0.87
}
.mdl-typography--title {
font-family: "Roboto","Helvetica","Arial",sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 1;
letter-spacing: 0.02em
}
.mdl-typography--title-color-contrast {
font-family: "Roboto","Helvetica","Arial",sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 1;
letter-spacing: 0.02em;
opacity: 0.87
}
.mdl-typography--subhead {
font-family: "Roboto","Helvetica","Arial",sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.04em
}
.mdl-typography--subhead-color-contrast {
font-family: "Roboto","Helvetica","Arial",sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0.04em;
opacity: 0.87
}
.mdl-typography--body-2 {
font-size: 14px;
font-weight: bold;
line-height: 24px;
letter-spacing: 0
}
.mdl-typography--body-2-color-contrast {
font-size: 14px;
font-weight: bold;
line-height: 24px;
letter-spacing: 0;
opacity: 0.87
}
.mdl-typography--body-1 {
font-size: 14px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0
}
.mdl-typography--body-1-color-contrast {
font-size: 14px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0;
opacity: 0.87
}
.mdl-typography--body-2-force-preferred-font {
font-family: "Roboto","Helvetica","Arial",sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0
}
.mdl-typography--body-2-force-preferred-font-color-contrast {
font-family: "Roboto","Helvetica","Arial",sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0;
opacity: 0.87
}
.mdl-typography--body-1-force-preferred-font {
font-family: "Roboto","Helvetica","Arial",sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0
}
.mdl-typography--body-1-force-preferred-font-color-contrast {
font-family: "Roboto","Helvetica","Arial",sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0;
opacity: 0.87
}
.mdl-typography--caption {
font-size: 12px;
font-weight: 400;
line-height: 1;
letter-spacing: 0
}
.mdl-typography--caption-force-preferred-font {
font-family: "Roboto","Helvetica","Arial",sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 1;
letter-spacing: 0
}
.mdl-typography--caption-color-contrast {
font-size: 12px;
font-weight: 400;
line-height: 1;
letter-spacing: 0;
opacity: 0.54
}
.mdl-typography--caption-force-preferred-font-color-contrast {
font-family: "Roboto","Helvetica","Arial",sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 1;
letter-spacing: 0;
opacity: 0.54
}
.mdl-typography--menu {
font-family: "Roboto","Helvetica","Arial",sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1;
letter-spacing: 0
}
.mdl-typography--menu-color-contrast {
font-family: "Roboto","Helvetica","Arial",sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1;
letter-spacing: 0;
opacity: 0.87
}
.mdl-typography--button {
font-family: "Roboto","Helvetica","Arial",sans-serif;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
line-height: 1;
letter-spacing: 0
}
.mdl-typography--button-color-contrast {
font-family: "Roboto","Helvetica","Arial",sans-serif;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
line-height: 1;
letter-spacing: 0;
opacity: 0.87
}
.mdl-typography--text-left {
text-align: left
}
.mdl-typography--text-right {
text-align: right
}
.mdl-typography--text-center {
text-align: center
}
.mdl-typography--text-justify {
text-align: justify
}
.mdl-typography--text-nowrap {
white-space: nowrap
}
.mdl-typography--text-lowercase {
text-transform: lowercase
}
.mdl-typography--text-uppercase {
text-transform: uppercase
}
.mdl-typography--text-capitalize {
text-transform: capitalize
}
.mdl-typography--font-thin {
font-weight: 200 !important
}
.mdl-typography--font-light {
font-weight: 300 !important
}
.mdl-typography--font-regular {
font-weight: 400 !important
}
.mdl-typography--font-medium {
font-weight: 500 !important
}
.mdl-typography--font-bold {
font-weight: 700 !important
}
.mdl-typography--font-black {
font-weight: 900 !important
}
.mdl-color-text--red {
color: rgb(244,67,54) !important
}
.mdl-color--red {
background-color: rgb(244,67,54) !important
}
.mdl-color-text--red-50 {
color: rgb(255,235,238) !important
}
.mdl-color--red-50 {
background-color: rgb(255,235,238) !important
}
.mdl-color-text--red-100 {
color: rgb(255,205,210) !important
}
.mdl-color--red-100 {
background-color: rgb(255,205,210) !important
}
.mdl-color-text--red-200 {
color: rgb(239,154,154) !important
}
.mdl-color--red-200 {
background-color: rgb(239,154,154) !important
}
.mdl-color-text--red-300 {
color: rgb(229,115,115) !important
}
.mdl-color--red-300 {
background-color: rgb(229,115,115) !important
}
.mdl-color-text--red-400 {
color: rgb(239,83,80) !important
}
.mdl-color--red-400 {
background-color: rgb(239,83,80) !important
}
.mdl-color-text--red-500 {
color: rgb(244,67,54) !important
}
.mdl-color--red-500 {
background-color: rgb(244,67,54) !important
}
.mdl-color-text--red-600 {
color: rgb(229,57,53) !important
}
.mdl-color--red-600 {
background-color: rgb(229,57,53) !important
}
.mdl-color-text--red-700 {
color: rgb(211,47,47) !important
}
.mdl-color--red-700 {
background-color: rgb(211,47,47) !important
}
.mdl-color-text--red-800 {
color: rgb(198,40,40) !important
}
.mdl-color--red-800 {
background-color: rgb(198,40,40) !important
}
.mdl-color-text--red-900 {
color: rgb(183,28,28) !important
}
.mdl-color--red-900 {
background-color: rgb(183,28,28) !important
}
.mdl-color-text--red-A100 {
color: rgb(255,138,128) !important
}
.mdl-color--red-A100 {
background-color: rgb(255,138,128) !important
}
.mdl-color-text--red-A200 {
color: rgb(255,82,82) !important
}
.mdl-color--red-A200 {
background-color: rgb(255,82,82) !important
}
.mdl-color-text--red-A400 {
color: rgb(255,23,68) !important
}
.mdl-color--red-A400 {
background-color: rgb(255,23,68) !important
}
.mdl-color-text--red-A700 {
color: rgb(213,0,0) !important
}
.mdl-color--red-A700 {
background-color: rgb(213,0,0) !important
}
.mdl-color-text--pink {
color: rgb(233,30,99) !important
}
.mdl-color--pink {
background-color: rgb(233,30,99) !important
}
.mdl-color-text--pink-50 {
color: rgb(252,228,236) !important
}
.mdl-color--pink-50 {
background-color: rgb(252,228,236) !important
}
.mdl-color-text--pink-100 {
color: rgb(248,187,208) !important
}
.mdl-color--pink-100 {
background-color: rgb(248,187,208) !important
}
.mdl-color-text--pink-200 {
color: rgb(244,143,177) !important
}
.mdl-color--pink-200 {
background-color: rgb(244,143,177) !important
}
.mdl-color-text--pink-300 {
color: rgb(240,98,146) !important
}
.mdl-color--pink-300 {
background-color: rgb(240,98,146) !important
}
.mdl-color-text--pink-400 {
color: rgb(236,64,122) !important
}
.mdl-color--pink-400 {
background-color: rgb(236,64,122) !important
}
.mdl-color-text--pink-500 {
color: rgb(233,30,99) !important
}
.mdl-color--pink-500 {
background-color: rgb(233,30,99) !important
}
.mdl-color-text--pink-600 {
color: rgb(216,27,96) !important
}
.mdl-color--pink-600 {
background-color: rgb(216,27,96) !important
}
.mdl-color-text--pink-700 {
color: rgb(194,24,91) !important
}
.mdl-color--pink-700 {
background-color: rgb(194,24,91) !important
}
.mdl-color-text--pink-800 {
color: rgb(173,20,87) !important
}
.mdl-color--pink-800 {
background-color: rgb(173,20,87) !important
}
.mdl-color-text--pink-900 {
color: rgb(136,14,79) !important
}
.mdl-color--pink-900 {
background-color: rgb(136,14,79) !important
}
.mdl-color-text--pink-A100 {
color: rgb(255,128,171) !important
}
.mdl-color--pink-A100 {
background-color: rgb(255,128,171) !important
}
.mdl-color-text--pink-A200 {
color: rgb(255,64,129) !important
}
.mdl-color--pink-A200 {
background-color: rgb(255,64,129) !important
}
.mdl-color-text--pink-A400 {
color: rgb(245,0,87) !important
}
.mdl-color--pink-A400 {
background-color: rgb(245,0,87) !important
}
.mdl-color-text--pink-A700 {
color: rgb(197,17,98) !important
}
.mdl-color--pink-A700 {
background-color: rgb(197,17,98) !important
}
.mdl-color-text--purple {
color: rgb(156,39,176) !important
}
.mdl-color--purple {
background-color: rgb(156,39,176) !important
}
.mdl-color-text--purple-50 {
color: rgb(243,229,245) !important
}
.mdl-color--purple-50 {
background-color: rgb(243,229,245) !important
}
.mdl-color-text--purple-100 {
color: rgb(225,190,231) !important
}
.mdl-color--purple-100 {
background-color: rgb(225,190,231) !important
}
.mdl-color-text--purple-200 {
color: rgb(206,147,216) !important
}
.mdl-color--purple-200 {
background-color: rgb(206,147,216) !important
}
.mdl-color-text--purple-300 {
color: rgb(186,104,200) !important
}
.mdl-color--purple-300 {
background-color: rgb(186,104,200) !important
}
.mdl-color-text--purple-400 {
color: rgb(171,71,188) !important
}
.mdl-color--purple-400 {
background-color: rgb(171,71,188) !important
}
.mdl-color-text--purple-500 {
color: rgb(156,39,176) !important
}
.mdl-color--purple-500 {
background-color: rgb(156,39,176) !important
}
.mdl-color-text--purple-600 {
color: rgb(142,36,170) !important
}
.mdl-color--purple-600 {
background-color: rgb(142,36,170) !important
}
.mdl-color-text--purple-700 {
color: rgb(123,31,162) !important
}
.mdl-color--purple-700 {
background-color: rgb(123,31,162) !important
}
.mdl-color-text--purple-800 {
color: rgb(106,27,154) !important
}
.mdl-color--purple-800 {
background-color: rgb(106,27,154) !important
}
.mdl-color-text--purple-900 {
color: rgb(74,20,140) !important
}
.mdl-color--purple-900 {
background-color: rgb(74,20,140) !important
}
.mdl-color-text--purple-A100 {
color: rgb(234,128,252) !important
}
.mdl-color--purple-A100 {
background-color: rgb(234,128,252) !important
}
.mdl-color-text--purple-A200 {
color: rgb(224,64,251) !important
}
.mdl-color--purple-A200 {
background-color: rgb(224,64,251) !important
}
.mdl-color-text--purple-A400 {
color: rgb(213,0,249) !important
}
.mdl-color--purple-A400 {
background-color: rgb(213,0,249) !important
}
.mdl-color-text--purple-A700 {
color: rgb(170,0,255) !important
}
.mdl-color--purple-A700 {
background-color: rgb(170,0,255) !important
}
.mdl-color-text--deep-purple {
color: rgb(103,58,183) !important
}
.mdl-color--deep-purple {
background-color: rgb(103,58,183) !important
}
.mdl-color-text--deep-purple-50 {
color: rgb(237,231,246) !important
}
.mdl-color--deep-purple-50 {
background-color: rgb(237,231,246) !important
}
.mdl-color-text--deep-purple-100 {
color: rgb(209,196,233) !important
}
.mdl-color--deep-purple-100 {
background-color: rgb(209,196,233) !important
}
.mdl-color-text--deep-purple-200 {
color: rgb(179,157,219) !important
}
.mdl-color--deep-purple-200 {
background-color: rgb(179,157,219) !important
}
.mdl-color-text--deep-purple-300 {
color: rgb(149,117,205) !important
}
.mdl-color--deep-purple-300 {
background-color: rgb(149,117,205) !important
}
.mdl-color-text--deep-purple-400 {
color: rgb(126,87,194) !important
}
.mdl-color--deep-purple-400 {
background-color: rgb(126,87,194) !important
}
.mdl-color-text--deep-purple-500 {
color: rgb(103,58,183) !important
}
.mdl-color--deep-purple-500 {
background-color: rgb(103,58,183) !important
}
.mdl-color-text--deep-purple-600 {
color: rgb(94,53,177) !important
}
.mdl-color--deep-purple-600 {
background-color: rgb(94,53,177) !important
}
.mdl-color-text--deep-purple-700 {
color: rgb(81,45,168) !important
}
.mdl-color--deep-purple-700 {
background-color: rgb(81,45,168) !important
}
.mdl-color-text--deep-purple-800 {
color: rgb(69,39,160) !important
}
.mdl-color--deep-purple-800 {
background-color: rgb(69,39,160) !important
}
.mdl-color-text--deep-purple-900 {
color: rgb(49,27,146) !important
}
.mdl-color--deep-purple-900 {
background-color: rgb(49,27,146) !important
}
.mdl-color-text--deep-purple-A100 {
color: rgb(179,136,255) !important
}
.mdl-color--deep-purple-A100 {
background-color: rgb(179,136,255) !important
}
.mdl-color-text--deep-purple-A200 {
color: rgb(124,77,255) !important
}
.mdl-color--deep-purple-A200 {
background-color: rgb(124,77,255) !important
}
.mdl-color-text--deep-purple-A400 {
color: rgb(101,31,255) !important
}
.mdl-color--deep-purple-A400 {
background-color: rgb(101,31,255) !important
}
.mdl-color-text--deep-purple-A700 {
color: rgb(98,0,234) !important
}
.mdl-color--deep-purple-A700 {
background-color: rgb(98,0,234) !important
}
.mdl-color-text--indigo {
color: rgb(63,81,181) !important
}
.mdl-color--indigo {
background-color: rgb(63,81,181) !important
}
.mdl-color-text--indigo-50 {
color: rgb(232,234,246) !important
}
.mdl-color--indigo-50 {
background-color: rgb(232,234,246) !important
}
.mdl-color-text--indigo-100 {
color: rgb(197,202,233) !important
}
.mdl-color--indigo-100 {
background-color: rgb(197,202,233) !important
}
.mdl-color-text--indigo-200 {
color: rgb(159,168,218) !important
}
.mdl-color--indigo-200 {
background-color: rgb(159,168,218) !important
}
.mdl-color-text--indigo-300 {
color: rgb(121,134,203) !important
}
.mdl-color--indigo-300 {
background-color: rgb(121,134,203) !important
}
.mdl-color-text--indigo-400 {
color: rgb(92,107,192) !important
}
.mdl-color--indigo-400 {
background-color: rgb(92,107,192) !important
}
.mdl-color-text--indigo-500 {
color: rgb(63,81,181) !important
}
.mdl-color--indigo-500 {
background-color: rgb(63,81,181) !important
}
.mdl-color-text--indigo-600 {
color: rgb(57,73,171) !important
}
.mdl-color--indigo-600 {
background-color: rgb(57,73,171) !important
}
.mdl-color-text--indigo-700 {
color: rgb(48,63,159) !important
}
.mdl-color--indigo-700 {
background-color: rgb(48,63,159) !important
}
.mdl-color-text--indigo-800 {
color: rgb(40,53,147) !important
}
.mdl-color--indigo-800 {
background-color: rgb(40,53,147) !important
}
.mdl-color-text--indigo-900 {
color: rgb(26,35,126) !important
}
.mdl-color--indigo-900 {
background-color: rgb(26,35,126) !important
}
.mdl-color-text--indigo-A100 {
color: rgb(140,158,255) !important
}
.mdl-color--indigo-A100 {
background-color: rgb(140,158,255) !important
}
.mdl-color-text--indigo-A200 {
color: rgb(83,109,254) !important
}
.mdl-color--indigo-A200 {
background-color: rgb(83,109,254) !important
}
.mdl-color-text--indigo-A400 {
color: rgb(61,90,254) !important
}
.mdl-color--indigo-A400 {
background-color: rgb(61,90,254) !important
}
.mdl-color-text--indigo-A700 {
color: rgb(48,79,254) !important
}
.mdl-color--indigo-A700 {
background-color: rgb(48,79,254) !important
}
.mdl-color-text--blue {
color: rgb(33,150,243) !important
}
.mdl-color--blue {
background-color: rgb(33,150,243) !important
}
.mdl-color-text--blue-50 {
color: rgb(227,242,253) !important
}
.mdl-color--blue-50 {
background-color: rgb(227,242,253) !important
}
.mdl-color-text--blue-100 {
color: rgb(187,222,251) !important
}
.mdl-color--blue-100 {
background-color: rgb(187,222,251) !important
}
.mdl-color-text--blue-200 {
color: rgb(144,202,249) !important
}
.mdl-color--blue-200 {
background-color: rgb(144,202,249) !important
}
.mdl-color-text--blue-300 {
color: rgb(100,181,246) !important
}
.mdl-color--blue-300 {
background-color: rgb(100,181,246) !important
}
.mdl-color-text--blue-400 {
color: rgb(66,165,245) !important
}
.mdl-color--blue-400 {
background-color: rgb(66,165,245) !important
}
.mdl-color-text--blue-500 {
color: rgb(33,150,243) !important
}
.mdl-color--blue-500 {
background-color: rgb(33,150,243) !important
}
.mdl-color-text--blue-600 {
color: rgb(30,136,229) !important
}
.mdl-color--blue-600 {
background-color: rgb(30,136,229) !important
}
.mdl-color-text--blue-700 {
color: rgb(25,118,210) !important
}
.mdl-color--blue-700 {
background-color: rgb(25,118,210) !important
}
.mdl-color-text--blue-800 {
color: rgb(21,101,192) !important
}
.mdl-color--blue-800 {
background-color: rgb(21,101,192) !important
}
.mdl-color-text--blue-900 {
color: rgb(13,71,161) !important
}
.mdl-color--blue-900 {
background-color: rgb(13,71,161) !important
}
.mdl-color-text--blue-A100 {
color: rgb(130,177,255) !important
}
.mdl-color--blue-A100 {
background-color: rgb(130,177,255) !important
}
.mdl-color-text--blue-A200 {
color: rgb(68,138,255) !important
}
.mdl-color--blue-A200 {
background-color: rgb(68,138,255) !important
}
.mdl-color-text--blue-A400 {
color: rgb(41,121,255) !important
}
.mdl-color--blue-A400 {
background-color: rgb(41,121,255) !important
}
.mdl-color-text--blue-A700 {
color: rgb(41,98,255) !important
}
.mdl-color--blue-A700 {
background-color: rgb(41,98,255) !important
}
.mdl-color-text--light-blue {
color: rgb(3,169,244) !important
}
.mdl-color--light-blue {
background-color: rgb(3,169,244) !important
}
.mdl-color-text--light-blue-50 {
color: rgb(225,245,254) !important
}
.mdl-color--light-blue-50 {
background-color: rgb(225,245,254) !important
}
.mdl-color-text--light-blue-100 {
color: rgb(179,229,252) !important
}
.mdl-color--light-blue-100 {
background-color: rgb(179,229,252) !important
}
.mdl-color-text--light-blue-200 {
color: rgb(129,212,250) !important
}
.mdl-color--light-blue-200 {
background-color: rgb(129,212,250) !important
}
.mdl-color-text--light-blue-300 {
color: rgb(79,195,247) !important
}
.mdl-color--light-blue-300 {
background-color: rgb(79,195,247) !important
}
.mdl-color-text--light-blue-400 {
color: rgb(41,182,246) !important
}
.mdl-color--light-blue-400 {
background-color: rgb(41,182,246) !important
}
.mdl-color-text--light-blue-500 {
color: rgb(3,169,244) !important
}
.mdl-color--light-blue-500 {
background-color: rgb(3,169,244) !important
}
.mdl-color-text--light-blue-600 {
color: rgb(3,155,229) !important
}
.mdl-color--light-blue-600 {
background-color: rgb(3,155,229) !important
}
.mdl-color-text--light-blue-700 {
color: rgb(2,136,209) !important
}
.mdl-color--light-blue-700 {
background-color: rgb(2,136,209) !important
}
.mdl-color-text--light-blue-800 {
color: rgb(2,119,189) !important
}
.mdl-color--light-blue-800 {
background-color: rgb(2,119,189) !important
}
.mdl-color-text--light-blue-900 {
color: rgb(1,87,155) !important
}
.mdl-color--light-blue-900 {
background-color: rgb(1,87,155) !important
}
.mdl-color-text--light-blue-A100 {
color: rgb(128,216,255) !important
}
.mdl-color--light-blue-A100 {
background-color: rgb(128,216,255) !important
}
.mdl-color-text--light-blue-A200 {
color: rgb(64,196,255) !important
}
.mdl-color--light-blue-A200 {
background-color: rgb(64,196,255) !important
}
.mdl-color-text--light-blue-A400 {
color: rgb(0,176,255) !important
}
.mdl-color--light-blue-A400 {
background-color: rgb(0,176,255) !important
}
.mdl-color-text--light-blue-A700 {
color: rgb(0,145,234) !important
}
.mdl-color--light-blue-A700 {
background-color: rgb(0,145,234) !important
}
.mdl-color-text--cyan {
color: rgb(0,188,212) !important
}
.mdl-color--cyan {
background-color: rgb(0,188,212) !important
}
.mdl-color-text--cyan-50 {
color: rgb(224,247,250) !important
}
.mdl-color--cyan-50 {
background-color: rgb(224,247,250) !important
}
.mdl-color-text--cyan-100 {
color: rgb(178,235,242) !important
}
.mdl-color--cyan-100 {
background-color: rgb(178,235,242) !important
}
.mdl-color-text--cyan-200 {
color: rgb(128,222,234) !important
}
.mdl-color--cyan-200 {
background-color: rgb(128,222,234) !important
}
.mdl-color-text--cyan-300 {
color: rgb(77,208,225) !important
}
.mdl-color--cyan-300 {
background-color: rgb(77,208,225) !important
}
.mdl-color-text--cyan-400 {
color: rgb(38,198,218) !important
}
.mdl-color--cyan-400 {
background-color: rgb(38,198,218) !important
}
.mdl-color-text--cyan-500 {
color: rgb(0,188,212) !important
}
.mdl-color--cyan-500 {
background-color: rgb(0,188,212) !important
}
.mdl-color-text--cyan-600 {
color: rgb(0,172,193) !important
}
.mdl-color--cyan-600 {
background-color: rgb(0,172,193) !important
}
.mdl-color-text--cyan-700 {
color: rgb(0,151,167) !important
}
.mdl-color--cyan-700 {
background-color: rgb(0,151,167) !important
}
.mdl-color-text--cyan-800 {
color: rgb(0,131,143) !important
}
.mdl-color--cyan-800 {
background-color: rgb(0,131,143) !important
}
.mdl-color-text--cyan-900 {
color: rgb(0,96,100) !important
}
.mdl-color--cyan-900 {
background-color: rgb(0,96,100) !important
}
.mdl-color-text--cyan-A100 {
color: rgb(132,255,255) !important
}
.mdl-color--cyan-A100 {
background-color: rgb(132,255,255) !important
}
.mdl-color-text--cyan-A200 {
color: rgb(24,255,255) !important
}
.mdl-color--cyan-A200 {
background-color: rgb(24,255,255) !important
}
.mdl-color-text--cyan-A400 {
color: rgb(0,229,255) !important
}
.mdl-color--cyan-A400 {
background-color: rgb(0,229,255) !important
}
.mdl-color-text--cyan-A700 {
color: rgb(0,184,212) !important
}
.mdl-color--cyan-A700 {
background-color: rgb(0,184,212) !important
}
.mdl-color-text--teal {
color: rgb(0,150,136) !important
}
.mdl-color--teal {
background-color: rgb(0,150,136) !important
}
.mdl-color-text--teal-50 {
color: rgb(224,242,241) !important
}
.mdl-color--teal-50 {
background-color: rgb(224,242,241) !important
}
.mdl-color-text--teal-100 {
color: rgb(178,223,219) !important
}
.mdl-color--teal-100 {
background-color: rgb(178,223,219) !important
}
.mdl-color-text--teal-200 {
color: rgb(128,203,196) !important
}
.mdl-color--teal-200 {
background-color: rgb(128,203,196) !important
}
.mdl-color-text--teal-300 {
color: rgb(77,182,172) !important
}
.mdl-color--teal-300 {
background-color: rgb(77,182,172) !important
}
.mdl-color-text--teal-400 {
color: rgb(38,166,154) !important
}
.mdl-color--teal-400 {
background-color: rgb(38,166,154) !important
}
.mdl-color-text--teal-500 {
color: rgb(0,150,136) !important
}
.mdl-color--teal-500 {
background-color: rgb(0,150,136) !important
}
.mdl-color-text--teal-600 {
color: rgb(0,137,123) !important
}
.mdl-color--teal-600 {
background-color: rgb(0,137,123) !important
}
.mdl-color-text--teal-700 {
color: rgb(0,121,107) !important
}
.mdl-color--teal-700 {
background-color: rgb(0,121,107) !important
}
.mdl-color-text--teal-800 {
color: rgb(0,105,92) !important
}
.mdl-color--teal-800 {
background-color: rgb(0,105,92) !important
}
.mdl-color-text--teal-900 {
color: rgb(0,77,64) !important
}
.mdl-color--teal-900 {
background-color: rgb(0,77,64) !important
}
.mdl-color-text--teal-A100 {
color: rgb(167,255,235) !important
}
.mdl-color--teal-A100 {
background-color: rgb(167,255,235) !important
}
.mdl-color-text--teal-A200 {
color: rgb(100,255,218) !important
}
.mdl-color--teal-A200 {
background-color: rgb(100,255,218) !important
}
.mdl-color-text--teal-A400 {
color: rgb(29,233,182) !important
}
.mdl-color--teal-A400 {
background-color: rgb(29,233,182) !important
}
.mdl-color-text--teal-A700 {
color: rgb(0,191,165) !important
}
.mdl-color--teal-A700 {
background-color: rgb(0,191,165) !important
}
.mdl-color-text--green {
color: rgb(76,175,80) !important
}
.mdl-color--green {
background-color: rgb(76,175,80) !important
}
.mdl-color-text--green-50 {
color: rgb(232,245,233) !important
}
.mdl-color--green-50 {
background-color: rgb(232,245,233) !important
}
.mdl-color-text--green-100 {
color: rgb(200,230,201) !important
}
.mdl-color--green-100 {
background-color: rgb(200,230,201) !important
}
.mdl-color-text--green-200 {
color: rgb(165,214,167) !important
}
.mdl-color--green-200 {
background-color: rgb(165,214,167) !important
}
.mdl-color-text--green-300 {
color: rgb(129,199,132) !important
}
.mdl-color--green-300 {
background-color: rgb(129,199,132) !important
}
.mdl-color-text--green-400 {
color: rgb(102,187,106) !important
}
.mdl-color--green-400 {
background-color: rgb(102,187,106) !important
}
.mdl-color-text--green-500 {
color: rgb(76,175,80) !important
}
.mdl-color--green-500 {
background-color: rgb(76,175,80) !important
}
.mdl-color-text--green-600 {
color: rgb(67,160,71) !important
}
.mdl-color--green-600 {
background-color: rgb(67,160,71) !important
}
.mdl-color-text--green-700 {
color: rgb(56,142,60) !important
}
.mdl-color--green-700 {
background-color: rgb(56,142,60) !important
}
.mdl-color-text--green-800 {
color: rgb(46,125,50) !important
}
.mdl-color--green-800 {
background-color: rgb(46,125,50) !important
}
.mdl-color-text--green-900 {
color: rgb(27,94,32) !important
}
.mdl-color--green-900 {
background-color: rgb(27,94,32) !important
}
.mdl-color-text--green-A100 {
color: rgb(185,246,202) !important
}
.mdl-color--green-A100 {
background-color: rgb(185,246,202) !important
}
.mdl-color-text--green-A200 {
color: rgb(105,240,174) !important
}
.mdl-color--green-A200 {
background-color: rgb(105,240,174) !important
}
.mdl-color-text--green-A400 {
color: rgb(0,230,118) !important
}
.mdl-color--green-A400 {
background-color: rgb(0,230,118) !important
}
.mdl-color-text--green-A700 {
color: rgb(0,200,83) !important
}
.mdl-color--green-A700 {
background-color: rgb(0,200,83) !important
}
.mdl-color-text--light-green {
color: rgb(139,195,74) !important
}
.mdl-color--light-green {
background-color: rgb(139,195,74) !important
}
.mdl-color-text--light-green-50 {
color: rgb(241,248,233) !important
}
.mdl-color--light-green-50 {
background-color: rgb(241,248,233) !important
}
.mdl-color-text--light-green-100 {
color: rgb(220,237,200) !important
}
.mdl-color--light-green-100 {
background-color: rgb(220,237,200) !important
}
.mdl-color-text--light-green-200 {
color: rgb(197,225,165) !important
}
.mdl-color--light-green-200 {
background-color: rgb(197,225,165) !important
}
.mdl-color-text--light-green-300 {
color: rgb(174,213,129) !important
}
.mdl-color--light-green-300 {
background-color: rgb(174,213,129) !important
}
.mdl-color-text--light-green-400 {
color: rgb(156,204,101) !important
}
.mdl-color--light-green-400 {
background-color: rgb(156,204,101) !important
}
.mdl-color-text--light-green-500 {
color: rgb(139,195,74) !important
}
.mdl-color--light-green-500 {
background-color: rgb(139,195,74) !important
}
.mdl-color-text--light-green-600 {
color: rgb(124,179,66) !important
}
.mdl-color--light-green-600 {
background-color: rgb(124,179,66) !important
}
.mdl-color-text--light-green-700 {
color: rgb(104,159,56) !important
}
.mdl-color--light-green-700 {
background-color: rgb(104,159,56) !important
}
.mdl-color-text--light-green-800 {
color: rgb(85,139,47) !important
}
.mdl-color--light-green-800 {
background-color: rgb(85,139,47) !important
}
.mdl-color-text--light-green-900 {
color: rgb(51,105,30) !important
}
.mdl-color--light-green-900 {
background-color: rgb(51,105,30) !important
}
.mdl-color-text--light-green-A100 {
color: rgb(204,255,144) !important
}
.mdl-color--light-green-A100 {
background-color: rgb(204,255,144) !important
}
.mdl-color-text--light-green-A200 {
color: rgb(178,255,89) !important
}
.mdl-color--light-green-A200 {
background-color: rgb(178,255,89) !important
}
.mdl-color-text--light-green-A400 {
color: rgb(118,255,3) !important
}
.mdl-color--light-green-A400 {
background-color: rgb(118,255,3) !important
}
.mdl-color-text--light-green-A700 {
color: rgb(100,221,23) !important
}
.mdl-color--light-green-A700 {
background-color: rgb(100,221,23) !important
}
.mdl-color-text--lime {
color: rgb(205,220,57) !important
}
.mdl-color--lime {
background-color: rgb(205,220,57) !important
}
.mdl-color-text--lime-50 {
color: rgb(249,251,231) !important
}
.mdl-color--lime-50 {
background-color: rgb(249,251,231) !important
}
.mdl-color-text--lime-100 {
color: rgb(240,244,195) !important
}
.mdl-color--lime-100 {
background-color: rgb(240,244,195) !important
}
.mdl-color-text--lime-200 {
color: rgb(230,238,156) !important
}
.mdl-color--lime-200 {
background-color: rgb(230,238,156) !important
}
.mdl-color-text--lime-300 {
color: rgb(220,231,117) !important
}
.mdl-color--lime-300 {
background-color: rgb(220,231,117) !important
}
.mdl-color-text--lime-400 {
color: rgb(212,225,87) !important
}
.mdl-color--lime-400 {
background-color: rgb(212,225,87) !important
}
.mdl-color-text--lime-500 {
color: rgb(205,220,57) !important
}
.mdl-color--lime-500 {
background-color: rgb(205,220,57) !important
}
.mdl-color-text--lime-600 {
color: rgb(192,202,51) !important
}
.mdl-color--lime-600 {
background-color: rgb(192,202,51) !important
}
.mdl-color-text--lime-700 {
color: rgb(175,180,43) !important
}
.mdl-color--lime-700 {
background-color: rgb(175,180,43) !important
}
.mdl-color-text--lime-800 {
color: rgb(158,157,36) !important
}
.mdl-color--lime-800 {
background-color: rgb(158,157,36) !important
}
.mdl-color-text--lime-900 {
color: rgb(130,119,23) !important
}
.mdl-color--lime-900 {
background-color: rgb(130,119,23) !important
}
.mdl-color-text--lime-A100 {
color: rgb(244,255,129) !important
}
.mdl-color--lime-A100 {
background-color: rgb(244,255,129) !important
}
.mdl-color-text--lime-A200 {
color: rgb(238,255,65) !important
}
.mdl-color--lime-A200 {
background-color: rgb(238,255,65) !important
}
.mdl-color-text--lime-A400 {
color: rgb(198,255,0) !important
}
.mdl-color--lime-A400 {
background-color: rgb(198,255,0) !important
}
.mdl-color-text--lime-A700 {
color: rgb(174,234,0) !important
}
.mdl-color--lime-A700 {
background-color: rgb(174,234,0) !important
}
.mdl-color-text--yellow {
color: rgb(255,235,59) !important
}
.mdl-color--yellow {
background-color: rgb(255,235,59) !important
}
.mdl-color-text--yellow-50 {
color: rgb(255,253,231) !important
}
.mdl-color--yellow-50 {
background-color: rgb(255,253,231) !important
}
.mdl-color-text--yellow-100 {
color: rgb(255,249,196) !important
}
.mdl-color--yellow-100 {
background-color: rgb(255,249,196) !important
}
.mdl-color-text--yellow-200 {
color: rgb(255,245,157) !important
}
.mdl-color--yellow-200 {
background-color: rgb(255,245,157) !important
}
.mdl-color-text--yellow-300 {
color: rgb(255,241,118) !important
}
.mdl-color--yellow-300 {
background-color: rgb(255,241,118) !important
}
.mdl-color-text--yellow-400 {
color: rgb(255,238,88) !important
}
.mdl-color--yellow-400 {
background-color: rgb(255,238,88) !important
}
.mdl-color-text--yellow-500 {
color: rgb(255,235,59) !important
}
.mdl-color--yellow-500 {
background-color: rgb(255,235,59) !important
}
.mdl-color-text--yellow-600 {
color: rgb(253,216,53) !important
}
.mdl-color--yellow-600 {
background-color: rgb(253,216,53) !important
}
.mdl-color-text--yellow-700 {
color: rgb(251,192,45) !important
}
.mdl-color--yellow-700 {
background-color: rgb(251,192,45) !important
}
.mdl-color-text--yellow-800 {
color: rgb(249,168,37) !important
}
.mdl-color--yellow-800 {
background-color: rgb(249,168,37) !important
}
.mdl-color-text--yellow-900 {
color: rgb(245,127,23) !important
}
.mdl-color--yellow-900 {
background-color: rgb(245,127,23) !important
}
.mdl-color-text--yellow-A100 {
color: rgb(255,255,141) !important
}
.mdl-color--yellow-A100 {
background-color: rgb(255,255,141) !important
}
.mdl-color-text--yellow-A200 {
color: rgb(255,255,0) !important
}
.mdl-color--yellow-A200 {
background-color: rgb(255,255,0) !important
}
.mdl-color-text--yellow-A400 {
color: rgb(255,234,0) !important
}
.mdl-color--yellow-A400 {
background-color: rgb(255,234,0) !important
}
.mdl-color-text--yellow-A700 {
color: rgb(255,214,0) !important
}
.mdl-color--yellow-A700 {
background-color: rgb(255,214,0) !important
}
.mdl-color-text--amber {
color: rgb(255,193,7) !important
}
.mdl-color--amber {
background-color: rgb(255,193,7) !important
}
.mdl-color-text--amber-50 {
color: rgb(255,248,225) !important
}
.mdl-color--amber-50 {
background-color: rgb(255,248,225) !important
}
.mdl-color-text--amber-100 {
color: rgb(255,236,179) !important
}
.mdl-color--amber-100 {
background-color: rgb(255,236,179) !important
}
.mdl-color-text--amber-200 {
color: rgb(255,224,130) !important
}
.mdl-color--amber-200 {
background-color: rgb(255,224,130) !important
}
.mdl-color-text--amber-300 {
color: rgb(255,213,79) !important
}
.mdl-color--amber-300 {
background-color: rgb(255,213,79) !important
}
.mdl-color-text--amber-400 {
color: rgb(255,202,40) !important
}
.mdl-color--amber-400 {
background-color: rgb(255,202,40) !important
}
.mdl-color-text--amber-500 {
color: rgb(255,193,7) !important
}
.mdl-color--amber-500 {
background-color: rgb(255,193,7) !important
}
.mdl-color-text--amber-600 {
color: rgb(255,179,0) !important
}
.mdl-color--amber-600 {
background-color: rgb(255,179,0) !important
}
.mdl-color-text--amber-700 {
color: rgb(255,160,0) !important
}
.mdl-color--amber-700 {
background-color: rgb(255,160,0) !important
}
.mdl-color-text--amber-800 {
color: rgb(255,143,0) !important
}
.mdl-color--amber-800 {
background-color: rgb(255,143,0) !important
}
.mdl-color-text--amber-900 {
color: rgb(255,111,0) !important
}
.mdl-color--amber-900 {
background-color: rgb(255,111,0) !important
}
.mdl-color-text--amber-A100 {
color: rgb(255,229,127) !important
}
.mdl-color--amber-A100 {
background-color: rgb(255,229,127) !important
}
.mdl-color-text--amber-A200 {
color: rgb(255,215,64) !important
}
.mdl-color--amber-A200 {
background-color: rgb(255,215,64) !important
}
.mdl-color-text--amber-A400 {
color: rgb(255,196,0) !important
}
.mdl-color--amber-A400 {
background-color: rgb(255,196,0) !important
}
.mdl-color-text--amber-A700 {
color: rgb(255,171,0) !important
}
.mdl-color--amber-A700 {
background-color: rgb(255,171,0) !important
}
.mdl-color-text--orange {
color: rgb(255,152,0) !important
}
.mdl-color--orange {
background-color: rgb(255,152,0) !important
}
.mdl-color-text--orange-50 {
color: rgb(255,243,224) !important
}
.mdl-color--orange-50 {
background-color: rgb(255,243,224) !important
}
.mdl-color-text--orange-100 {
color: rgb(255,224,178) !important
}
.mdl-color--orange-100 {
background-color: rgb(255,224,178) !important
}
.mdl-color-text--orange-200 {
color: rgb(255,204,128) !important
}
.mdl-color--orange-200 {
background-color: rgb(255,204,128) !important
}
.mdl-color-text--orange-300 {
color: rgb(255,183,77) !important
}
.mdl-color--orange-300 {
background-color: rgb(255,183,77) !important
}
.mdl-color-text--orange-400 {
color: rgb(255,167,38) !important
}
.mdl-color--orange-400 {
background-color: rgb(255,167,38) !important
}
.mdl-color-text--orange-500 {
color: rgb(255,152,0) !important
}
.mdl-color--orange-500 {
background-color: rgb(255,152,0) !important
}
.mdl-color-text--orange-600 {
color: rgb(251,140,0) !important
}
.mdl-color--orange-600 {
background-color: rgb(251,140,0) !important
}
.mdl-color-text--orange-700 {
color: rgb(245,124,0) !important
}
.mdl-color--orange-700 {
background-color: rgb(245,124,0) !important
}
.mdl-color-text--orange-800 {
color: rgb(239,108,0) !important
}
.mdl-color--orange-800 {
background-color: rgb(239,108,0) !important
}
.mdl-color-text--orange-900 {
color: rgb(230,81,0) !important
}
.mdl-color--orange-900 {
background-color: rgb(230,81,0) !important
}
.mdl-color-text--orange-A100 {
color: rgb(255,209,128) !important
}
.mdl-color--orange-A100 {
background-color: rgb(255,209,128) !important
}
.mdl-color-text--orange-A200 {
color: rgb(255,171,64) !important
}
.mdl-color--orange-A200 {
background-color: rgb(255,171,64) !important
}
.mdl-color-text--orange-A400 {
color: rgb(255,145,0) !important
}
.mdl-color--orange-A400 {
background-color: rgb(255,145,0) !important
}
.mdl-color-text--orange-A700 {
color: rgb(255,109,0) !important
}
.mdl-color--orange-A700 {
background-color: rgb(255,109,0) !important
}
.mdl-color-text--deep-orange {
color: rgb(255,87,34) !important
}
.mdl-color--deep-orange {
background-color: rgb(255,87,34) !important
}
.mdl-color-text--deep-orange-50 {
color: rgb(251,233,231) !important
}
.mdl-color--deep-orange-50 {
background-color: rgb(251,233,231) !important
}
.mdl-color-text--deep-orange-100 {
color: rgb(255,204,188) !important
}
.mdl-color--deep-orange-100 {
background-color: rgb(255,204,188) !important
}
.mdl-color-text--deep-orange-200 {
color: rgb(255,171,145) !important
}
.mdl-color--deep-orange-200 {
background-color: rgb(255,171,145) !important
}
.mdl-color-text--deep-orange-300 {
color: rgb(255,138,101) !important
}
.mdl-color--deep-orange-300 {
background-color: rgb(255,138,101) !important
}
.mdl-color-text--deep-orange-400 {
color: rgb(255,112,67) !important
}
.mdl-color--deep-orange-400 {
background-color: rgb(255,112,67) !important
}
.mdl-color-text--deep-orange-500 {
color: rgb(255,87,34) !important
}
.mdl-color--deep-orange-500 {
background-color: rgb(255,87,34) !important
}
.mdl-color-text--deep-orange-600 {
color: rgb(244,81,30) !important
}
.mdl-color--deep-orange-600 {
background-color: rgb(244,81,30) !important
}
.mdl-color-text--deep-orange-700 {
color: rgb(230,74,25) !important
}
.mdl-color--deep-orange-700 {
background-color: rgb(230,74,25) !important
}
.mdl-color-text--deep-orange-800 {
color: rgb(216,67,21) !important
}
.mdl-color--deep-orange-800 {
background-color: rgb(216,67,21) !important
}
.mdl-color-text--deep-orange-900 {
color: rgb(191,54,12) !important
}
.mdl-color--deep-orange-900 {
background-color: rgb(191,54,12) !important
}
.mdl-color-text--deep-orange-A100 {
color: rgb(255,158,128) !important
}
.mdl-color--deep-orange-A100 {
background-color: rgb(255,158,128) !important
}
.mdl-color-text--deep-orange-A200 {
color: rgb(255,110,64) !important
}
.mdl-color--deep-orange-A200 {
background-color: rgb(255,110,64) !important
}
.mdl-color-text--deep-orange-A400 {
color: rgb(255,61,0) !important
}
.mdl-color--deep-orange-A400 {
background-color: rgb(255,61,0) !important
}
.mdl-color-text--deep-orange-A700 {
color: rgb(221,44,0) !important
}
.mdl-color--deep-orange-A700 {
background-color: rgb(221,44,0) !important
}
.mdl-color-text--brown {
color: rgb(121,85,72) !important
}
.mdl-color--brown {
background-color: rgb(121,85,72) !important
}
.mdl-color-text--brown-50 {
color: rgb(239,235,233) !important
}
.mdl-color--brown-50 {
background-color: rgb(239,235,233) !important
}
.mdl-color-text--brown-100 {
color: rgb(215,204,200) !important
}
.mdl-color--brown-100 {
background-color: rgb(215,204,200) !important
}
.mdl-color-text--brown-200 {
color: rgb(188,170,164) !important
}
.mdl-color--brown-200 {
background-color: rgb(188,170,164) !important
}
.mdl-color-text--brown-300 {
color: rgb(161,136,127) !important
}
.mdl-color--brown-300 {
background-color: rgb(161,136,127) !important
}
.mdl-color-text--brown-400 {
color: rgb(141,110,99) !important
}
.mdl-color--brown-400 {
background-color: rgb(141,110,99) !important
}
.mdl-color-text--brown-500 {
color: rgb(121,85,72) !important
}
.mdl-color--brown-500 {
background-color: rgb(121,85,72) !important
}
.mdl-color-text--brown-600 {
color: rgb(109,76,65) !important
}
.mdl-color--brown-600 {
background-color: rgb(109,76,65) !important
}
.mdl-color-text--brown-700 {
color: rgb(93,64,55) !important
}
.mdl-color--brown-700 {
background-color: rgb(93,64,55) !important
}
.mdl-color-text--brown-800 {
color: rgb(78,52,46) !important
}
.mdl-color--brown-800 {
background-color: rgb(78,52,46) !important
}
.mdl-color-text--brown-900 {
color: rgb(62,39,35) !important
}
.mdl-color--brown-900 {
background-color: rgb(62,39,35) !important
}
.mdl-color-text--grey {
color: rgb(158,158,158) !important
}
.mdl-color--grey {
background-color: rgb(158,158,158) !important
}
.mdl-color-text--grey-50 {
color: rgb(250,250,250) !important
}
.mdl-color--grey-50 {
background-color: rgb(250,250,250) !important
}
.mdl-color-text--grey-100 {
color: rgb(245,245,245) !important
}
.mdl-color--grey-100 {
background-color: rgb(245,245,245) !important
}
.mdl-color-text--grey-200 {
color: rgb(238,238,238) !important
}
.mdl-color--grey-200 {
background-color: rgb(238,238,238) !important
}
.mdl-color-text--grey-300 {
color: rgb(224,224,224) !important
}
.mdl-color--grey-300 {
background-color: rgb(224,224,224) !important
}
.mdl-color-text--grey-400 {
color: rgb(189,189,189) !important
}
.mdl-color--grey-400 {
background-color: rgb(189,189,189) !important
}
.mdl-color-text--grey-500 {
color: rgb(158,158,158) !important
}
.mdl-color--grey-500 {
background-color: rgb(158,158,158) !important
}
.mdl-color-text--grey-600 {
color: rgb(117,117,117) !important
}
.mdl-color--grey-600 {
background-color: rgb(117,117,117) !important
}
.mdl-color-text--grey-700 {
color: rgb(97,97,97) !important
}
.mdl-color--grey-700 {
background-color: rgb(97,97,97) !important
}
.mdl-color-text--grey-800 {
color: rgb(66,66,66) !important
}
.mdl-color--grey-800 {
background-color: rgb(66,66,66) !important
}
.mdl-color-text--grey-900 {
color: rgb(33,33,33) !important
}
.mdl-color--grey-900 {
background-color: rgb(33,33,33) !important
}
.mdl-color-text--blue-grey {
color: rgb(96,125,139) !important
}
.mdl-color--blue-grey {
background-color: rgb(96,125,139) !important
}
.mdl-color-text--blue-grey-50 {
color: rgb(236,239,241) !important
}
.mdl-color--blue-grey-50 {
background-color: rgb(236,239,241) !important
}
.mdl-color-text--blue-grey-100 {
color: rgb(207,216,220) !important
}
.mdl-color--blue-grey-100 {
background-color: rgb(207,216,220) !important
}
.mdl-color-text--blue-grey-200 {
color: rgb(176,190,197) !important
}
.mdl-color--blue-grey-200 {
background-color: rgb(176,190,197) !important
}
.mdl-color-text--blue-grey-300 {
color: rgb(144,164,174) !important
}
.mdl-color--blue-grey-300 {
background-color: rgb(144,164,174) !important
}
.mdl-color-text--blue-grey-400 {
color: rgb(120,144,156) !important
}
.mdl-color--blue-grey-400 {
background-color: rgb(120,144,156) !important
}
.mdl-color-text--blue-grey-500 {
color: rgb(96,125,139) !important
}
.mdl-color--blue-grey-500 {
background-color: rgb(96,125,139) !important
}
.mdl-color-text--blue-grey-600 {
color: rgb(84,110,122) !important
}
.mdl-color--blue-grey-600 {
background-color: rgb(84,110,122) !important
}
.mdl-color-text--blue-grey-700 {
color: rgb(69,90,100) !important
}
.mdl-color--blue-grey-700 {
background-color: rgb(69,90,100) !important
}
.mdl-color-text--blue-grey-800 {
color: rgb(55,71,79) !important
}
.mdl-color--blue-grey-800 {
background-color: rgb(55,71,79) !important
}
.mdl-color-text--blue-grey-900 {
color: rgb(38,50,56) !important
}
.mdl-color--blue-grey-900 {
background-color: rgb(38,50,56) !important
}
.mdl-color--black {
background-color: rgb(0,0,0) !important
}
.mdl-color-text--black {
color: rgb(0,0,0) !important
}
.mdl-color--white {
background-color: rgb(255,255,255) !important
}
.mdl-color-text--white {
color: rgb(255,255,255) !important
}
.mdl-color--primary {
background-color: rgb(63,81,181) !important
}
.mdl-color--primary-contrast {
background-color: rgb(255,255,255) !important
}
.mdl-color--primary-dark {
background-color: rgb(48,63,159) !important
}
.mdl-color--accent {
background-color: rgb(255,64,129) !important
}
.mdl-color--accent-contrast {
background-color: rgb(255,255,255) !important
}
.mdl-color-text--primary {
color: rgb(63,81,181) !important
}
.mdl-color-text--primary-contrast {
color: rgb(255,255,255) !important
}
.mdl-color-text--primary-dark {
color: rgb(48,63,159) !important
}
.mdl-color-text--accent {
color: rgb(255,64,129) !important
}
.mdl-color-text--accent-contrast {
color: rgb(255,255,255) !important
}
.mdl-ripple {
background: rgb(0,0,0);
border-radius: 50%;
height: 50px;
left: 0;
opacity: 0;
pointer-events: none;
position: absolute;
top: 0;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 50px;
overflow: hidden
}
.mdl-ripple.is-animating {
transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1),width 0.3s cubic-bezier(0, 0, 0.2, 1),height 0.3s cubic-bezier(0, 0, 0.2, 1),opacity 0.6s cubic-bezier(0, 0, 0.2, 1)
}
.mdl-ripple.is-visible {
opacity: 0.3
}
.mdl-animation--default {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}
.mdl-animation--fast-out-slow-in {
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}
.mdl-animation--linear-out-slow-in {
transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
}
.mdl-animation--fast-out-linear-in {
transition-timing-function: cubic-bezier(0.4, 0, 1, 1)
}
.mdl-button {
background: transparent;
border: none;
border-radius: 2px;
color: rgb(0,0,0);
position: relative;
height: 36px;
min-width: 64px;
padding: 0 16px;
display: inline-block;
font-family: "Roboto","Helvetica","Arial",sans-serif;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
line-height: 1;
letter-spacing: 0;
overflow: hidden;
will-change: box-shadow, transform;
transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1),background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
outline: none;
cursor: pointer;
text-decoration: none;
text-align: center;
line-height: 36px;
vertical-align: middle
}
.mdl-button::-moz-focus-inner {
border: 0
}
.mdl-button:hover {
background-color: rgba(158,158,158, 0.20)
}
.mdl-button:focus:not(:active) {
background-color: rgba(0,0,0, 0.12)
}
.mdl-button:active {
background-color: rgba(158,158,158, 0.40)
}
.mdl-button.mdl-button--colored {
color: rgb(63,81,181)
}
.mdl-button.mdl-button--colored:focus:not(:active) {
background-color: rgba(0,0,0, 0.12)
}
input.mdl-button[type="submit"] {
-webkit-appearance: none
}
.mdl-button--raised {
background: rgba(158,158,158, 0.20);
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12)
}
.mdl-button--raised:active {
box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2);
background-color: rgba(158,158,158, 0.40)
}
.mdl-button--raised:focus:not(:active) {
box-shadow: 0 0 8px rgba(0,0,0,0.18),0 8px 16px rgba(0,0,0,0.36);
background-color: rgba(158,158,158, 0.40)
}
.mdl-button--raised.mdl-button--colored {
background: rgb(63,81,181);
color: rgb(255,255,255)
}
.mdl-button--raised.mdl-button--colored:hover {
background-color: rgb(63,81,181)
}
.mdl-button--raised.mdl-button--colored:active {
background-color: rgb(63,81,181)
}
.mdl-button--raised.mdl-button--colored:focus:not(:active) {
background-color: rgb(63,81,181)
}
.mdl-button--raised.mdl-button--colored .mdl-ripple {
background: rgb(255,255,255)
}
.mdl-button--fab {
border-radius: 50%;
font-size: 24px;
height: 56px;
margin: auto;
min-width: 56px;
width: 56px;
padding: 0;
overflow: hidden;
background: rgba(158,158,158, 0.20);
box-shadow: 0 1px 1.5px 0 rgba(0,0,0,0.12),0 1px 1px 0 rgba(0,0,0,0.24);
position: relative;
line-height: normal
}
.mdl-button--fab .material-icons {
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-12px, -12px);
transform: translate(-12px, -12px);
line-height: 24px;
width: 24px
}
.mdl-button--fab.mdl-button--mini-fab {
height: 40px;
min-width: 40px;
width: 40px
}
.mdl-button--fab .mdl-button__ripple-container {
border-radius: 50%;
-webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000)
}
.mdl-button--fab:active {
box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2);
background-color: rgba(158,158,158, 0.40)
}
.mdl-button--fab:focus:not(:active) {
box-shadow: 0 0 8px rgba(0,0,0,0.18),0 8px 16px rgba(0,0,0,0.36);
background-color: rgba(158,158,158, 0.40)
}
.mdl-button--fab.mdl-button--colored {
background: rgb(255,64,129);
color: rgb(255,255,255)
}
.mdl-button--fab.mdl-button--colored:hover {
background-color: rgb(255,64,129)
}
.mdl-button--fab.mdl-button--colored:focus:not(:active) {
background-color: rgb(255,64,129)
}
.mdl-button--fab.mdl-button--colored:active {
background-color: rgb(255,64,129)
}
.mdl-button--fab.mdl-button--colored .mdl-ripple {
background: rgb(255,255,255)
}
.mdl-button--icon {
border-radius: 50%;
font-size: 24px;
height: 32px;
margin-left: 0;
margin-right: 0;
min-width: 32px;
width: 32px;
padding: 0;
overflow: hidden;
color: inherit;
line-height: normal
}
.mdl-button--icon .material-icons {
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-12px, -12px);
transform: translate(-12px, -12px);
line-height: 24px;
width: 24px
}
.mdl-button--icon.mdl-button--mini-icon {
height: 24px;
min-width: 24px;
width: 24px
}
.mdl-button--icon.mdl-button--mini-icon .material-icons {
top: 0px;
left: 0px
}
.mdl-button--icon .mdl-button__ripple-container {
border-radius: 50%;
-webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000)
}
.mdl-button__ripple-container {
/*display: block;
height: 100%;
left: 0px;
position: absolute;
top: 0px;
width: 100%;
z-index: 0;
overflow: hidden*/
}
.mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple, .mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple {
background-color: transparent
}
.mdl-button--primary.mdl-button--primary {
color: rgb(63,81,181)
}
.mdl-button--primary.mdl-button--primary .mdl-ripple {
background: rgb(255,255,255)
}
.mdl-button--primary.mdl-button--primary.mdl-button--raised, .mdl-button--primary.mdl-button--primary.mdl-button--fab {
color: rgb(255,255,255);
background-color: rgb(63,81,181)
}
.mdl-button--accent.mdl-button--accent {
color: rgb(255,64,129)
}
.mdl-button--accent.mdl-button--accent .mdl-ripple {
background: rgb(255,255,255)
}
.mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab {
color: rgb(255,255,255);
background-color: rgb(255,64,129)
}
.mdl-button[disabled][disabled], .mdl-button.mdl-button--disabled.mdl-button--disabled {
color: rgba(0,0,0, 0.26);
cursor: default;
background-color: transparent
}
.mdl-button--fab[disabled][disabled], .mdl-button--fab.mdl-button--disabled.mdl-button--disabled {
background-color: rgba(0,0,0, 0.12);
color: rgba(0,0,0, 0.26);
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12)
}
.mdl-button--raised[disabled][disabled], .mdl-button--raised.mdl-button--disabled.mdl-button--disabled {
background-color: rgba(0,0,0, 0.12);
color: rgba(0,0,0, 0.26);
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12)
}
.mdl-button--colored[disabled][disabled], .mdl-button--colored.mdl-button--disabled.mdl-button--disabled {
color: rgba(0,0,0, 0.26)
}
.mdl-button .material-icons {
vertical-align: middle
}
.mdl-menu__container {
display: block;
margin: 0;
padding: 0;
border: none;
position: absolute;
overflow: visible;
height: 0;
width: 0;
visibility: hidden;
z-index: -1
}
.mdl-menu__container.is-visible, .mdl-menu__container.is-animating {
z-index: 999;
visibility: visible
}
.mdl-menu__outline {
display: block;
background: rgb(255,255,255);
margin: 0;
padding: 0;
border: none;
border-radius: 2px;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
opacity: 0;
-ms-transform: scale(0);
transform: scale(0);
-ms-transform-origin: 0 0;
transform-origin: 0 0;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12);
will-change: transform;
transition: transform .3s cubic-bezier(0.4, 0, 0.2, 1),opacity .2s cubic-bezier(0.4, 0, 0.2, 1);
z-index: -1
}
.mdl-menu__container.is-visible .mdl-menu__outline {
opacity: 1;
-ms-transform: scale(1);
transform: scale(1);
z-index: 999
}
.mdl-menu__outline.mdl-menu--bottom-right {
-ms-transform-origin: 100% 0;
transform-origin: 100% 0
}
.mdl-menu__outline.mdl-menu--top-left {
-ms-transform-origin: 0 100%;
transform-origin: 0 100%
}
.mdl-menu__outline.mdl-menu--top-right {
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%
}
.mdl-menu {
position: absolute;
list-style: none;
top: 0;
left: 0;
height: auto;
width: auto;
min-width: 124px;
padding: 8px 0;
margin: 0;
opacity: 0;
clip: rect(0 0 0 0);
z-index: -1
}
.mdl-menu__container.is-visible .mdl-menu {
opacity: 1;
z-index: 999
}
.mdl-menu.is-animating {
transition: opacity .2s cubic-bezier(0.4, 0, 0.2, 1),clip .3s cubic-bezier(0.4, 0, 0.2, 1)
}
.mdl-menu.mdl-menu--bottom-right {
left: auto;
right: 0
}
.mdl-menu.mdl-menu--top-left {
top: auto;
bottom: 0
}
.mdl-menu.mdl-menu--top-right {
top: auto;
left: auto;
bottom: 0;
right: 0
}
.mdl-menu.mdl-menu--unaligned {
top: auto;
left: auto
}
.mdl-menu__item {
display: block;
border: none;
color: rgba(0,0,0, 0.87);
background-color: transparent;
text-align: left;
margin: 0;
padding: 0 16px;
outline-color: rgb(189,189,189);
position: relative;
overflow: hidden;
font-size: 14px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0;
text-decoration: none;
cursor: pointer;
height: 48px;
line-height: 48px;
white-space: nowrap;
opacity: 0;
transition: opacity .2s cubic-bezier(0.4, 0, 0.2, 1);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.mdl-menu__container.is-visible .mdl-menu__item {
opacity: 1
}
.mdl-menu__item::-moz-focus-inner {
border: 0
}
.mdl-menu__item[disabled] {
color: rgb(189,189,189);
background-color: transparent;
cursor: auto
}
.mdl-menu__item[disabled]:hover {
background-color: transparent
}
.mdl-menu__item[disabled]:focus {
background-color: transparent
}
.mdl-menu__item[disabled] .mdl-ripple {
background: transparent
}
.mdl-menu__item:hover {
background-color: rgb(238,238,238)
}
.mdl-menu__item:focus {
outline: none;
background-color: rgb(238,238,238)
}
.mdl-menu__item:active {
background-color: rgb(224,224,224)
}
.mdl-menu__item--ripple-container {
display: block;
height: 100%;
left: 0px;
position: absolute;
top: 0px;
width: 100%;
z-index: 0;
overflow: hidden
}
.mdl-shadow--2dp {
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.2),0 1px 5px 0 rgba(0,0,0,0.12)
}
.mdl-shadow--3dp {
box-shadow: 0 3px 4px 0 rgba(0,0,0,0.14),0 3px 3px -2px rgba(0,0,0,0.2),0 1px 8px 0 rgba(0,0,0,0.12)
}
.mdl-shadow--4dp {
box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.2)
}
.mdl-shadow--6dp {
box-shadow: 0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12),0 3px 5px -1px rgba(0,0,0,0.2)
}
.mdl-shadow--8dp {
box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.2)
}
.mdl-shadow--16dp {
box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.2)
}
.mdl-menu__container.is-visible, .mdl-menu__container.is-animating, .mdl-menu__container.is-visible .mdl-menu__outline, .mdl-menu__container.is-visible .mdl-menu, .mdl-menu__container.is-visible .mdl-menu__outline {
z-index: 99
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block
}
audio, canvas, progress, video {
display: inline-block;
vertical-align: baseline
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden], template {
display: none
}
a {
background-color: transparent
}
a:active, a:hover {
outline: 0
}
abbr[title] {
border-bottom: 1px dotted
}
b, strong {
font-weight: bold
}
dfn {
font-style: italic
}
h1 {
font-size: 2em;
margin: 0.67em 0
}
mark {
background: #ff0;
color: #000
}
small {
font-size: 80%
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -0.5em
}
sub {
bottom: -0.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 1em 40px
}
hr {
box-sizing: content-box;
height: 0
}
pre {
overflow: auto
}
code, kbd, pre, samp {
font-family: monospace, monospace;
font-size: 1em
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0
}
button {
overflow: visible
}
button, select {
text-transform: none
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled], html input[disabled] {
cursor: default
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em
}
legend {
border: 0;
padding: 0
}
textarea {
overflow: auto
}
optgroup {
font-weight: bold
}
table {
border-collapse: collapse;
border-spacing: 0
}
td, th {
padding: 0
}
.grid {
list-style: none;
margin: 0;
padding: 0;
margin-left: -20px
}
.grid__item {
display: inline-block;
padding-left: 20px;
vertical-align: top;
width: 100%;
box-sizing: border-box
}
.grid--rev {
direction: rtl;
text-align: left
}
.grid--rev > .grid__item {
direction: ltr;
text-align: left
}
.grid--full {
margin-left: 0
}
.grid--full > .grid__item {
padding-left: 0
}
.grid--right {
text-align: right
}
.grid--right > .grid__item {
text-align: left
}
.grid--center {
text-align: center
}
.grid--center > .grid__item {
text-align: left
}
.grid--middle > .grid__item {
vertical-align: middle
}
.grid--bottom > .grid__item {
vertical-align: bottom
}
.grid--narrow {
margin-left: -10px
}
.grid--narrow > .grid__item {
padding-left: 10px
}
.grid--wide {
margin-left: -40px
}
.grid--wide > .grid__item {
padding-left: 40px
}
.one-whole {
width: 100%
}
.one-half, .two-quarters, .three-sixths, .four-eighths, .five-tenths, .six-twelfths {
width: 50%
}
.one-third, .two-sixths, .four-twelfths {
width: 33.333%
}
.two-thirds, .four-sixths, .eight-twelfths {
width: 66.666%
}
.one-quarter, .two-eighths, .three-twelfths {
width: 25%
}
.three-quarters, .six-eighths, .nine-twelfths {
width: 75%
}
.one-fifth, .two-tenths {
width: 20%
}
.two-fifths, .four-tenths {
width: 40%
}
.three-fifths, .six-tenths {
width: 60%
}
.four-fifths, .eight-tenths {
width: 80%
}
.one-sixth, .two-twelfths {
width: 16.666%
}
.five-sixths, .ten-twelfths {
width: 83.333%
}
.one-eighth {
width: 12.5%
}
.three-eighths {
width: 37.5%
}
.five-eighths {
width: 62.5%
}
.seven-eighths {
width: 87.5%
}
.one-tenth {
width: 10%
}
.three-tenths {
width: 30%
}
.seven-tenths {
width: 70%
}
.nine-tenths {
width: 90%
}
.one-twelfth {
width: 8.333%
}
.five-twelfths {
width: 41.666%
}
.seven-twelfths {
width: 58.333%
}
.eleven-twelfths {
width: 91.666%
}
@media only screen and (max-width: 480px) {
.palm--one-whole {
width: 100%
}
.palm--one-half, .palm--two-quarters, .palm--three-sixths, .palm--four-eighths, .palm--five-tenths, .palm--six-twelfths {
width: 50%
}
.palm--one-third, .palm--two-sixths, .palm--four-twelfths {
width: 33.333%
}
.palm--two-thirds, .palm--four-sixths, .palm--eight-twelfths {
width: 66.666%
}
.palm--one-quarter, .palm--two-eighths, .palm--three-twelfths {
width: 25%
}
.palm--three-quarters, .palm--six-eighths, .palm--nine-twelfths {
width: 75%
}
.palm--one-fifth, .palm--two-tenths {
width: 20%
}
.palm--two-fifths, .palm--four-tenths {
width: 40%
}
.palm--three-fifths, .palm--six-tenths {
width: 60%
}
.palm--four-fifths, .palm--eight-tenths {
width: 80%
}
.palm--one-sixth, .palm--two-twelfths {
width: 16.666%
}
.palm--five-sixths, .palm--ten-twelfths {
width: 83.333%
}
.palm--one-eighth {
width: 12.5%
}
.palm--three-eighths {
width: 37.5%
}
.palm--five-eighths {
width: 62.5%
}
.palm--seven-eighths {
width: 87.5%
}
.palm--one-tenth {
width: 10%
}
.palm--three-tenths {
width: 30%
}
.palm--seven-tenths {
width: 70%
}
.palm--nine-tenths {
width: 90%
}
.palm--one-twelfth {
width: 8.333%
}
.palm--five-twelfths {
width: 41.666%
}
.palm--seven-twelfths {
width: 58.333%
}
.palm--eleven-twelfths {
width: 91.666%
}
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.lap--one-whole {
width: 100%
}
.lap--one-half, .lap--two-quarters, .lap--three-sixths, .lap--four-eighths, .lap--five-tenths, .lap--six-twelfths {
width: 50%
}
.lap--one-third, .lap--two-sixths, .lap--four-twelfths {
width: 33.333%
}
.lap--two-thirds, .lap--four-sixths, .lap--eight-twelfths {
width: 66.666%
}
.lap--one-quarter, .lap--two-eighths, .lap--three-twelfths {
width: 25%
}
.lap--three-quarters, .lap--six-eighths, .lap--nine-twelfths {
width: 75%
}
.lap--one-fifth, .lap--two-tenths {
width: 20%
}
.lap--two-fifths, .lap--four-tenths {
width: 40%
}
.lap--three-fifths, .lap--six-tenths {
width: 60%
}
.lap--four-fifths, .lap--eight-tenths {
width: 80%
}
.lap--one-sixth, .lap--two-twelfths {
width: 16.666%
}
.lap--five-sixths, .lap--ten-twelfths {
width: 83.333%
}
.lap--one-eighth {
width: 12.5%
}
.lap--three-eighths {
width: 37.5%
}
.lap--five-eighths {
width: 62.5%
}
.lap--seven-eighths {
width: 87.5%
}
.lap--one-tenth {
width: 10%
}
.lap--three-tenths {
width: 30%
}
.lap--seven-tenths {
width: 70%
}
.lap--nine-tenths {
width: 90%
}
.lap--one-twelfth {
width: 8.333%
}
.lap--five-twelfths {
width: 41.666%
}
.lap--seven-twelfths {
width: 58.333%
}
.lap--eleven-twelfths {
width: 91.666%
}
}
@media only screen and (max-width: 1023px) {
.portable--one-whole {
width: 100%
}
.portable--one-half, .portable--two-quarters, .portable--three-sixths, .portable--four-eighths, .portable--five-tenths, .portable--six-twelfths {
width: 50%
}
.portable--one-third, .portable--two-sixths, .portable--four-twelfths {
width: 33.333%
}
.portable--two-thirds, .portable--four-sixths, .portable--eight-twelfths {
width: 66.666%
}
.portable--one-quarter, .portable--two-eighths, .portable--three-twelfths {
width: 25%
}
.portable--three-quarters, .portable--six-eighths, .portable--nine-twelfths {
width: 75%
}
.portable--one-fifth, .portable--two-tenths {
width: 20%
}
.portable--two-fifths, .portable--four-tenths {
width: 40%
}
.portable--three-fifths, .portable--six-tenths {
width: 60%
}
.portable--four-fifths, .portable--eight-tenths {
width: 80%
}
.portable--one-sixth, .portable--two-twelfths {
width: 16.666%
}
.portable--five-sixths, .portable--ten-twelfths {
width: 83.333%
}
.portable--one-eighth {
width: 12.5%
}
.portable--three-eighths {
width: 37.5%
}
.portable--five-eighths {
width: 62.5%
}
.portable--seven-eighths {
width: 87.5%
}
.portable--one-tenth {
width: 10%
}
.portable--three-tenths {
width: 30%
}
.portable--seven-tenths {
width: 70%
}
.portable--nine-tenths {
width: 90%
}
.portable--one-twelfth {
width: 8.333%
}
.portable--five-twelfths {
width: 41.666%
}
.portable--seven-twelfths {
width: 58.333%
}
.portable--eleven-twelfths {
width: 91.666%
}
}
@media only screen and (min-width: 1024px) {
.desk--one-whole {
width: 100%
}
.desk--one-half, .desk--two-quarters, .desk--three-sixths, .desk--four-eighths, .desk--five-tenths, .desk--six-twelfths {
width: 49.7%
}
.desk--one-third, .desk--two-sixths, .desk--four-twelfths {
width: 33.333%
}
.desk--two-thirds, .desk--four-sixths, .desk--eight-twelfths {
width: 66.666%
}
.desk--one-quarter, .desk--two-eighths, .desk--three-twelfths {
width: 25%
}
.desk--three-quarters, .desk--six-eighths, .desk--nine-twelfths {
width: 75%
}
.desk--one-fifth, .desk--two-tenths {
width: 20%
}
.desk--two-fifths, .desk--four-tenths {
width: 40%
}
.desk--three-fifths, .desk--six-tenths {
width: 60%
}
.desk--four-fifths, .desk--eight-tenths {
width: 80%
}
.desk--one-sixth, .desk--two-twelfths {
width: 16.666%
}
.desk--five-sixths, .desk--ten-twelfths {
width: 83.333%
}
.desk--one-eighth {
width: 12.5%
}
.desk--three-eighths {
width: 37.5%
}
.desk--five-eighths {
width: 62.5%
}
.desk--seven-eighths {
width: 87.5%
}
.desk--one-tenth {
width: 10%
}
.desk--three-tenths {
width: 30%
}
.desk--seven-tenths {
width: 70%
}
.desk--nine-tenths {
width: 90%
}
.desk--one-twelfth {
width: 8.333%
}
.desk--five-twelfths {
width: 41.666%
}
.desk--seven-twelfths {
width: 58.333%
}
.desk--eleven-twelfths {
width: 91.666%
}
}
[class*="push--"] {
position: relative
}
.push--one-whole {
left: 100%
}
.push--one-half, .push--two-quarters, .push--three-sixths, .push--four-eighths, .push--five-tenths, .push--six-twelfths {
left: 50%
}
.push--one-third, .push--two-sixths, .push--four-twelfths {
left: 33.333%
}
.push--two-thirds, .push--four-sixths, .push--eight-twelfths {
left: 66.666%
}
.push--one-quarter, .push--two-eighths, .push--three-twelfths {
left: 25%
}
.push--three-quarters, .push--six-eighths, .push--nine-twelfths {
left: 75%
}
.push--one-fifth, .push--two-tenths {
left: 20%
}
.push--two-fifths, .push--four-tenths {
left: 40%
}
.push--three-fifths, .push--six-tenths {
left: 60%
}
.push--four-fifths, .push--eight-tenths {
left: 80%
}
.push--one-sixth, .push--two-twelfths {
left: 16.666%
}
.push--five-sixths, .push--ten-twelfths {
left: 83.333%
}
.push--one-eighth {
left: 12.5%
}
.push--three-eighths {
left: 37.5%
}
.push--five-eighths {
left: 62.5%
}
.push--seven-eighths {
left: 87.5%
}
.push--one-tenth {
left: 10%
}
.push--three-tenths {
left: 30%
}
.push--seven-tenths {
left: 70%
}
.push--nine-tenths {
left: 90%
}
.push--one-twelfth {
left: 8.333%
}
.push--five-twelfths {
left: 41.666%
}
.push--seven-twelfths {
left: 58.333%
}
.push--eleven-twelfths {
left: 91.666%
}
@media only screen and (max-width: 480px) {
.push--palm--one-whole {
left: 100%
}
.push--palm--one-half, .push--palm--two-quarters, .push--palm--three-sixths, .push--palm--four-eighths, .push--palm--five-tenths, .push--palm--six-twelfths {
left: 50%
}
.push--palm--one-third, .push--palm--two-sixths, .push--palm--four-twelfths {
left: 33.333%
}
.push--palm--two-thirds, .push--palm--four-sixths, .push--palm--eight-twelfths {
left: 66.666%
}
.push--palm--one-quarter, .push--palm--two-eighths, .push--palm--three-twelfths {
left: 25%
}
.push--palm--three-quarters, .push--palm--six-eighths, .push--palm--nine-twelfths {
left: 75%
}
.push--palm--one-fifth, .push--palm--two-tenths {
left: 20%
}
.push--palm--two-fifths, .push--palm--four-tenths {
left: 40%
}
.push--palm--three-fifths, .push--palm--six-tenths {
left: 60%
}
.push--palm--four-fifths, .push--palm--eight-tenths {
left: 80%
}
.push--palm--one-sixth, .push--palm--two-twelfths {
left: 16.666%
}
.push--palm--five-sixths, .push--palm--ten-twelfths {
left: 83.333%
}
.push--palm--one-eighth {
left: 12.5%
}
.push--palm--three-eighths {
left: 37.5%
}
.push--palm--five-eighths {
left: 62.5%
}
.push--palm--seven-eighths {
left: 87.5%
}
.push--palm--one-tenth {
left: 10%
}
.push--palm--three-tenths {
left: 30%
}
.push--palm--seven-tenths {
left: 70%
}
.push--palm--nine-tenths {
left: 90%
}
.push--palm--one-twelfth {
left: 8.333%
}
.push--palm--five-twelfths {
left: 41.666%
}
.push--palm--seven-twelfths {
left: 58.333%
}
.push--palm--eleven-twelfths {
left: 91.666%
}
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.push--lap--one-whole {
left: 100%
}
.push--lap--one-half, .push--lap--two-quarters, .push--lap--three-sixths, .push--lap--four-eighths, .push--lap--five-tenths, .push--lap--six-twelfths {
left: 50%
}
.push--lap--one-third, .push--lap--two-sixths, .push--lap--four-twelfths {
left: 33.333%
}
.push--lap--two-thirds, .push--lap--four-sixths, .push--lap--eight-twelfths {
left: 66.666%
}
.push--lap--one-quarter, .push--lap--two-eighths, .push--lap--three-twelfths {
left: 25%
}
.push--lap--three-quarters, .push--lap--six-eighths, .push--lap--nine-twelfths {
left: 75%
}
.push--lap--one-fifth, .push--lap--two-tenths {
left: 20%
}
.push--lap--two-fifths, .push--lap--four-tenths {
left: 40%
}
.push--lap--three-fifths, .push--lap--six-tenths {
left: 60%
}
.push--lap--four-fifths, .push--lap--eight-tenths {
left: 80%
}
.push--lap--one-sixth, .push--lap--two-twelfths {
left: 16.666%
}
.push--lap--five-sixths, .push--lap--ten-twelfths {
left: 83.333%
}
.push--lap--one-eighth {
left: 12.5%
}
.push--lap--three-eighths {
left: 37.5%
}
.push--lap--five-eighths {
left: 62.5%
}
.push--lap--seven-eighths {
left: 87.5%
}
.push--lap--one-tenth {
left: 10%
}
.push--lap--three-tenths {
left: 30%
}
.push--lap--seven-tenths {
left: 70%
}
.push--lap--nine-tenths {
left: 90%
}
.push--lap--one-twelfth {
left: 8.333%
}
.push--lap--five-twelfths {
left: 41.666%
}
.push--lap--seven-twelfths {
left: 58.333%
}
.push--lap--eleven-twelfths {
left: 91.666%
}
}
@media only screen and (max-width: 1023px) {
.push--portable--one-whole {
left: 100%
}
.push--portable--one-half, .push--portable--two-quarters, .push--portable--three-sixths, .push--portable--four-eighths, .push--portable--five-tenths, .push--portable--six-twelfths {
left: 50%
}
.push--portable--one-third, .push--portable--two-sixths, .push--portable--four-twelfths {
left: 33.333%
}
.push--portable--two-thirds, .push--portable--four-sixths, .push--portable--eight-twelfths {
left: 66.666%
}
.push--portable--one-quarter, .push--portable--two-eighths, .push--portable--three-twelfths {
left: 25%
}
.push--portable--three-quarters, .push--portable--six-eighths, .push--portable--nine-twelfths {
left: 75%
}
.push--portable--one-fifth, .push--portable--two-tenths {
left: 20%
}
.push--portable--two-fifths, .push--portable--four-tenths {
left: 40%
}
.push--portable--three-fifths, .push--portable--six-tenths {
left: 60%
}
.push--portable--four-fifths, .push--portable--eight-tenths {
left: 80%
}
.push--portable--one-sixth, .push--portable--two-twelfths {
left: 16.666%
}
.push--portable--five-sixths, .push--portable--ten-twelfths {
left: 83.333%
}
.push--portable--one-eighth {
left: 12.5%
}
.push--portable--three-eighths {
left: 37.5%
}
.push--portable--five-eighths {
left: 62.5%
}
.push--portable--seven-eighths {
left: 87.5%
}
.push--portable--one-tenth {
left: 10%
}
.push--portable--three-tenths {
left: 30%
}
.push--portable--seven-tenths {
left: 70%
}
.push--portable--nine-tenths {
left: 90%
}
.push--portable--one-twelfth {
left: 8.333%
}
.push--portable--five-twelfths {
left: 41.666%
}
.push--portable--seven-twelfths {
left: 58.333%
}
.push--portable--eleven-twelfths {
left: 91.666%
}
}
@media only screen and (min-width: 1024px) {
.push--desk--one-whole {
left: 100%
}
.push--desk--one-half, .push--desk--two-quarters, .push--desk--three-sixths, .push--desk--four-eighths, .push--desk--five-tenths, .push--desk--six-twelfths {
left: 50%
}
.push--desk--one-third, .push--desk--two-sixths, .push--desk--four-twelfths {
left: 33.333%
}
.push--desk--two-thirds, .push--desk--four-sixths, .push--desk--eight-twelfths {
left: 66.666%
}
.push--desk--one-quarter, .push--desk--two-eighths, .push--desk--three-twelfths {
left: 25%
}
.push--desk--three-quarters, .push--desk--six-eighths, .push--desk--nine-twelfths {
left: 75%
}
.push--desk--one-fifth, .push--desk--two-tenths {
left: 20%
}
.push--desk--two-fifths, .push--desk--four-tenths {
left: 40%
}
.push--desk--three-fifths, .push--desk--six-tenths {
left: 60%
}
.push--desk--four-fifths, .push--desk--eight-tenths {
left: 80%
}
.push--desk--one-sixth, .push--desk--two-twelfths {
left: 16.666%
}
.push--desk--five-sixths, .push--desk--ten-twelfths {
left: 83.333%
}
.push--desk--one-eighth {
left: 12.5%
}
.push--desk--three-eighths {
left: 37.5%
}
.push--desk--five-eighths {
left: 62.5%
}
.push--desk--seven-eighths {
left: 87.5%
}
.push--desk--one-tenth {
left: 10%
}
.push--desk--three-tenths {
left: 30%
}
.push--desk--seven-tenths {
left: 70%
}
.push--desk--nine-tenths {
left: 90%
}
.push--desk--one-twelfth {
left: 8.333%
}
.push--desk--five-twelfths {
left: 41.666%
}
.push--desk--seven-twelfths {
left: 58.333%
}
.push--desk--eleven-twelfths {
left: 91.666%
}
}
[class*="pull--"] {
position: relative
}
.pull--one-whole {
right: 100%
}
.pull--one-half, .pull--two-quarters, .pull--three-sixths, .pull--four-eighths, .pull--five-tenths, .pull--six-twelfths {
right: 50%
}
.pull--one-third, .pull--two-sixths, .pull--four-twelfths {
right: 33.333%
}
.pull--two-thirds, .pull--four-sixths, .pull--eight-twelfths {
right: 66.666%
}
.pull--one-quarter, .pull--two-eighths, .pull--three-twelfths {
right: 25%
}
.pull--three-quarters, .pull--six-eighths, .pull--nine-twelfths {
right: 75%
}
.pull--one-fifth, .pull--two-tenths {
right: 20%
}
.pull--two-fifths, .pull--four-tenths {
right: 40%
}
.pull--three-fifths, .pull--six-tenths {
right: 60%
}
.pull--four-fifths, .pull--eight-tenths {
right: 80%
}
.pull--one-sixth, .pull--two-twelfths {
right: 16.666%
}
.pull--five-sixths, .pull--ten-twelfths {
right: 83.333%
}
.pull--one-eighth {
right: 12.5%
}
.pull--three-eighths {
right: 37.5%
}
.pull--five-eighths {
right: 62.5%
}
.pull--seven-eighths {
right: 87.5%
}
.pull--one-tenth {
right: 10%
}
.pull--three-tenths {
right: 30%
}
.pull--seven-tenths {
right: 70%
}
.pull--nine-tenths {
right: 90%
}
.pull--one-twelfth {
right: 8.333%
}
.pull--five-twelfths {
right: 41.666%
}
.pull--seven-twelfths {
right: 58.333%
}
.pull--eleven-twelfths {
right: 91.666%
}
@media only screen and (max-width: 480px) {
.pull--palm--one-whole {
right: 100%
}
.pull--palm--one-half, .pull--palm--two-quarters, .pull--palm--three-sixths, .pull--palm--four-eighths, .pull--palm--five-tenths, .pull--palm--six-twelfths {
right: 50%
}
.pull--palm--one-third, .pull--palm--two-sixths, .pull--palm--four-twelfths {
right: 33.333%
}
.pull--palm--two-thirds, .pull--palm--four-sixths, .pull--palm--eight-twelfths {
right: 66.666%
}
.pull--palm--one-quarter, .pull--palm--two-eighths, .pull--palm--three-twelfths {
right: 25%
}
.pull--palm--three-quarters, .pull--palm--six-eighths, .pull--palm--nine-twelfths {
right: 75%
}
.pull--palm--one-fifth, .pull--palm--two-tenths {
right: 20%
}
.pull--palm--two-fifths, .pull--palm--four-tenths {
right: 40%
}
.pull--palm--three-fifths, .pull--palm--six-tenths {
right: 60%
}
.pull--palm--four-fifths, .pull--palm--eight-tenths {
right: 80%
}
.pull--palm--one-sixth, .pull--palm--two-twelfths {
right: 16.666%
}
.pull--palm--five-sixths, .pull--palm--ten-twelfths {
right: 83.333%
}
.pull--palm--one-eighth {
right: 12.5%
}
.pull--palm--three-eighths {
right: 37.5%
}
.pull--palm--five-eighths {
right: 62.5%
}
.pull--palm--seven-eighths {
right: 87.5%
}
.pull--palm--one-tenth {
right: 10%
}
.pull--palm--three-tenths {
right: 30%
}
.pull--palm--seven-tenths {
right: 70%
}
.pull--palm--nine-tenths {
right: 90%
}
.pull--palm--one-twelfth {
right: 8.333%
}
.pull--palm--five-twelfths {
right: 41.666%
}
.pull--palm--seven-twelfths {
right: 58.333%
}
.pull--palm--eleven-twelfths {
right: 91.666%
}
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.pull--lap--one-whole {
right: 100%
}
.pull--lap--one-half, .pull--lap--two-quarters, .pull--lap--three-sixths, .pull--lap--four-eighths, .pull--lap--five-tenths, .pull--lap--six-twelfths {
right: 50%
}
.pull--lap--one-third, .pull--lap--two-sixths, .pull--lap--four-twelfths {
right: 33.333%
}
.pull--lap--two-thirds, .pull--lap--four-sixths, .pull--lap--eight-twelfths {
right: 66.666%
}
.pull--lap--one-quarter, .pull--lap--two-eighths, .pull--lap--three-twelfths {
right: 25%
}
.pull--lap--three-quarters, .pull--lap--six-eighths, .pull--lap--nine-twelfths {
right: 75%
}
.pull--lap--one-fifth, .pull--lap--two-tenths {
right: 20%
}
.pull--lap--two-fifths, .pull--lap--four-tenths {
right: 40%
}
.pull--lap--three-fifths, .pull--lap--six-tenths {
right: 60%
}
.pull--lap--four-fifths, .pull--lap--eight-tenths {
right: 80%
}
.pull--lap--one-sixth, .pull--lap--two-twelfths {
right: 16.666%
}
.pull--lap--five-sixths, .pull--lap--ten-twelfths {
right: 83.333%
}
.pull--lap--one-eighth {
right: 12.5%
}
.pull--lap--three-eighths {
right: 37.5%
}
.pull--lap--five-eighths {
right: 62.5%
}
.pull--lap--seven-eighths {
right: 87.5%
}
.pull--lap--one-tenth {
right: 10%
}
.pull--lap--three-tenths {
right: 30%
}
.pull--lap--seven-tenths {
right: 70%
}
.pull--lap--nine-tenths {
right: 90%
}
.pull--lap--one-twelfth {
right: 8.333%
}
.pull--lap--five-twelfths {
right: 41.666%
}
.pull--lap--seven-twelfths {
right: 58.333%
}
.pull--lap--eleven-twelfths {
right: 91.666%
}
}
@media only screen and (max-width: 1023px) {
.pull--portable--one-whole {
right: 100%
}
.pull--portable--one-half, .pull--portable--two-quarters, .pull--portable--three-sixths, .pull--portable--four-eighths, .pull--portable--five-tenths, .pull--portable--six-twelfths {
right: 50%
}
.pull--portable--one-third, .pull--portable--two-sixths, .pull--portable--four-twelfths {
right: 33.333%
}
.pull--portable--two-thirds, .pull--portable--four-sixths, .pull--portable--eight-twelfths {
right: 66.666%
}
.pull--portable--one-quarter, .pull--portable--two-eighths, .pull--portable--three-twelfths {
right: 25%
}
.pull--portable--three-quarters, .pull--portable--six-eighths, .pull--portable--nine-twelfths {
right: 75%
}
.pull--portable--one-fifth, .pull--portable--two-tenths {
right: 20%
}
.pull--portable--two-fifths, .pull--portable--four-tenths {
right: 40%
}
.pull--portable--three-fifths, .pull--portable--six-tenths {
right: 60%
}
.pull--portable--four-fifths, .pull--portable--eight-tenths {
right: 80%
}
.pull--portable--one-sixth, .pull--portable--two-twelfths {
right: 16.666%
}
.pull--portable--five-sixths, .pull--portable--ten-twelfths {
right: 83.333%
}
.pull--portable--one-eighth {
right: 12.5%
}
.pull--portable--three-eighths {
right: 37.5%
}
.pull--portable--five-eighths {
right: 62.5%
}
.pull--portable--seven-eighths {
right: 87.5%
}
.pull--portable--one-tenth {
right: 10%
}
.pull--portable--three-tenths {
right: 30%
}
.pull--portable--seven-tenths {
right: 70%
}
.pull--portable--nine-tenths {
right: 90%
}
.pull--portable--one-twelfth {
right: 8.333%
}
.pull--portable--five-twelfths {
right: 41.666%
}
.pull--portable--seven-twelfths {
right: 58.333%
}
.pull--portable--eleven-twelfths {
right: 91.666%
}
}
@media only screen and (min-width: 1024px) {
.pull--desk--one-whole {
right: 100%
}
.pull--desk--one-half, .pull--desk--two-quarters, .pull--desk--three-sixths, .pull--desk--four-eighths, .pull--desk--five-tenths, .pull--desk--six-twelfths {
right: 50%
}
.pull--desk--one-third, .pull--desk--two-sixths, .pull--desk--four-twelfths {
right: 33.333%
}
.pull--desk--two-thirds, .pull--desk--four-sixths, .pull--desk--eight-twelfths {
right: 66.666%
}
.pull--desk--one-quarter, .pull--desk--two-eighths, .pull--desk--three-twelfths {
right: 25%
}
.pull--desk--three-quarters, .pull--desk--six-eighths, .pull--desk--nine-twelfths {
right: 75%
}
.pull--desk--one-fifth, .pull--desk--two-tenths {
right: 20%
}
.pull--desk--two-fifths, .pull--desk--four-tenths {
right: 40%
}
.pull--desk--three-fifths, .pull--desk--six-tenths {
right: 60%
}
.pull--desk--four-fifths, .pull--desk--eight-tenths {
right: 80%
}
.pull--desk--one-sixth, .pull--desk--two-twelfths {
right: 16.666%
}
.pull--desk--five-sixths, .pull--desk--ten-twelfths {
right: 83.333%
}
.pull--desk--one-eighth {
right: 12.5%
}
.pull--desk--three-eighths {
right: 37.5%
}
.pull--desk--five-eighths {
right: 62.5%
}
.pull--desk--seven-eighths {
right: 87.5%
}
.pull--desk--one-tenth {
right: 10%
}
.pull--desk--three-tenths {
right: 30%
}
.pull--desk--seven-tenths {
right: 70%
}
.pull--desk--nine-tenths {
right: 90%
}
.pull--desk--one-twelfth {
right: 8.333%
}
.pull--desk--five-twelfths {
right: 41.666%
}
.pull--desk--seven-twelfths {
right: 58.333%
}
.pull--desk--eleven-twelfths {
right: 91.666%
}
}
/*! HiDPI v2.0.1 | MIT License | git.io/hidpi */
html {
font-size: 100%
}
body {
background-color: #fff;
color: #757575;
font-family: 'Roboto', 'Helvetica', 'Arial',sans-serif;
font-weight: 300;
padding: 56px 0 50px;
text-rendering: optimizeLegibility
}
@media only screen and (min-width: 48rem) {
body {
padding-bottom: 0
}
}
@media only screen and (min-width: 64rem) {
body {
padding-top: 80px
}
}
*, *:before, *:after {
box-sizing: border-box
}
a {
color: #448aff;
font-weight: inherit;
text-decoration: none
}
a:hover, a:active, a:focus {
color: #2962ff
}
h1, h2, h3, h4, h5, h6 {
color: #424242;
font-family: 'Roboto', sans-serif;
letter-spacing: normal
}
h1, h2, h3 {
font-size: 28px;
font-size: 1.75rem;
margin: 28px 0;
margin: 1.75rem 0;
color: #474747;
font-weight: 100;
line-height: 1.3
}
@media only screen and (min-width: 48rem) {
h1, h2, h3 {
font-size: 42px;
font-size: 2.625rem
}
}
h1.page-title, h2.page-title, h3.page-title {
margin-top: 0
}
h3 {
font-size: 38px;
font-size: 2.375rem
}
h4 {
font-size: 18px;
font-size: 1.125rem;
margin: 22px 0;
margin: 1.375rem 0;
font-weight: 400
}
h5 {
font-size: 18px;
font-size: 1.125rem;
margin: 28px 0;
margin: 1.75rem 0;
font-weight: 300;
line-height: 1.5
}
p {
font-size: 16px;
font-size: 1rem;
margin: 0 0 20px;
margin: 0 0 1.25rem;
font-weight: 300;
line-height: 1.5
}
.aux {
max-width: 1500px;
margin: 0 auto
}
.text-hidden {
color: transparent;
font-size: 0
}
.page {
padding: 28px 0;
padding: 1.75rem 0
}
@media only screen and (min-width: 64rem) {
.page {
padding: 70px 0;
padding: 4.375rem 0
}
}
.container {
padding: 0 22px;
padding: 0 1.375rem
}
.mdl-button:hover {
text-decoration: none
}
@media only screen and (max-width: 63.9375rem) {
.section__image .hide-for-mobile {
display: none
}
}
@media only screen and (min-width: 48rem) {
.section__image .hide-for-mobile {
display: block
}
}
.align-center--mobile {
text-align: center
}
@media only screen and (min-width: 48rem) {
.align-center--mobile {
text-align: inherit
}
}
.social-icons ul, .site-header__main-nav > ul, .site-footer .site-footer__top ul, .site-footer .site-footer__bottom ul {
list-style-type: none;
margin: 0;
padding: 0
}
.social-icons ul li, .site-header__main-nav > ul li, .site-footer .site-footer__bottom ul li {
display: inline-block
}
.question__question:before {
content: "";
display: inline-block
}
.sprite-android-pay-icon, .sprite-wizkids-icon, .sprite-twitter, .sprite-apple, .sprite-close, .sprite-close-blue, .video-container .video-close .icon--video-close {
background-image: url("../images/sprite.png");
background-repeat: no-repeat
}
.sprite-android-pay-icon {
background-position: 0 0;
height: 82px;
width: 82px
}
.sprite-wizkids-icon {
background-position: -82px 0;
height: 50px;
width: 50px
}
.sprite-twitter {
background-position: -82px -50px;
height: 23px;
width: 22px
}
.sprite-apple {
background-position: -104px -50px;
height: 23px;
width: 20px
}
.sprite-close {
background-position: 0 -82px;
height: 22px;
width: 22px
}
.sprite-close-blue, .video-container .video-close .icon--video-close {
background-position: -22px -82px;
height: 22px;
width: 22px
}
@media screen and (-webkit-min-device-pixel-ratio: 1), screen and (min--moz-device-pixel-ratio: 1), screen and (min-device-pixel-ratio: 1), screen and (min-resolution: 1dppx) {
.sprite-android-pay-icon, .sprite-wizkids-icon, .sprite-twitter, .sprite-apple, .sprite-close, .sprite-close-blue, .video-container .video-close .icon--video-close {
background-image: url("../images/sprite.png");
background-size: 132px 104px
}
}
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min--moz-device-pixel-ratio: 2), screen and (min-device-pixel-ratio: 2), screen and (min-resolution: 2dppx) {
.sprite-android-pay-icon, .sprite-wizkids-icon, .sprite-twitter, .sprite-apple, .sprite-close, .sprite-close-blue, .video-container .video-close .icon--video-close {
background-image: url("../images/sprite@2x.png");
background-size: 132px 104px
}
}
.mdl-button {
line-height: 5px;
line-height: .3125rem;
padding: 16px 20px;
padding: 1rem 1.25rem;
font-weight: 400
}
.mdl-button--raised.mdl-button--colored {
background: #448aff
}
.mdl-button--raised.mdl-button--colored:hover {
background: #2962ff
}
.mdl-button--raised.mdl-button--colored:hover {
background: #2962ff
}
.mdl-button--raised.mdl-button--white-colored {
background: #0f9d58;
color: #fff;
margin: 10px;
min-width: 180px
}
.mdl-button--raised.mdl-button--white-colored:hover {
background: #0b7240
}
.mdl-button--raised.mdl-button--white-colored .icon--send-money {
margin-left: 5px
}
.mdl-button--raised.mdl-button--white-colored .icon--request-money {
margin-left: 5px;
margin-top: -1px
}
.control {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.get-app-menu .mdl-menu__container, .get-app-menu .mdl-menu__outline {
width: 100% !important
}
.get-app-menu .mdl-menu__container {
visibility: hidden
}
.get-app-menu .mdl-menu__container.is-visible {
visibility: visible
}
.get-app-menu .mdl-menu {
border-radius: 2px;
overflow: hidden;
padding: 0;
width: 100% !important
}
.get-app-menu a {
color: #848484
}
.get-app-menu a:hover {
color: #848484
}
.get-app-menu .mdl-menu__item {
font-size: 14px;
font-size: .875rem;
border-bottom: 1px solid #eee;
border-radius: 2px;
color: #848484;
display: block;
font-weight: 400;
overflow: hidden;
text-transform: none
}
.get-app-menu .mdl-menu__item:first-child {
border-radius: 2px 2px 0 0
}
.get-app-menu .mdl-menu__item:last-child {
border: 0;
border-radius: 0 0 2px 2px
}
.get-app-menu .mdl-menu__item a {
display: block
}
.get-app-menu .mdl-menu__item i {
font-size: 18px;
font-size: 1.125rem;
margin-right: 10px;
margin-right: .625rem;
vertical-align: middle
}
.mdl-menu__container.is-visible .get-app-menu__item.is-unavailable {
font-size: 12px;
font-size: .75rem;
opacity: .5;
pointer-events: none
}
.get-app-menu__android-icon {
position: relative;
top: -2px
}
.get-app-menu__ios-icon {
position: relative;
top: -4px
}
.is-unavailable .get-app-menu__ios-icon {
top: -3px
}
.video-container {
background: #ccc;
display: none;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.video-container.active {
display: block
}
.video-container .video-close {
border-radius: 24px;
border-radius: 1.5rem;
height: 48px;
height: 3rem;
right: 24px;
right: 1.5rem;
top: 24px;
top: 1.5rem;
width: 48px;
width: 3rem;
background: #fff;
cursor: pointer;
pointer-events: all;
position: absolute;
z-index: 12
}
.video-container .video-close .icon--video-close {
height: 22px;
height: 1.375rem;
left: 13px;
left: .8125rem;
top: 13px;
top: .8125rem;
width: 22px;
width: 1.375rem;
display: block;
position: relative
}
.hero__bg-container {
background-position: bottom right;
background-repeat: no-repeat;
background-size: contain;
display: inline-block;
width: 100%
}
.hero__bg-container-overlay {
background-image: url(/images/dot_purple.png) !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center center;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
align-items: center;
justify-content: center;
height: 68vh;
}
@media only screen and (min-width: 48rem) {
.hero__bg-container-overlay {
margin-top: 5vh;
margin-left: 15vh;
height: 70vh;
width: 70vh;
}
}
.hero__get-app {
display: inline-block;
position: relative
}
.hero__btn {
display: none
}
@media only screen and (min-width: 48rem) {
.hero__btn {
display: inline-block
}
}
.hero__video-btn {
color: #fff;
font-weight: 400
}
.hero__video-btn:hover, .hero__video-btn:active, .hero__video-btn:focus {
color: #ccc;
background: transparent;
text-decoration: none
}
.hero__btn, .hero__video-btn {
padding: 23px 23px 25px;
padding: 1.4375rem 1.4375rem 1.5625rem
}
.hero__fab {
height: 56px;
height: 3.5rem;
margin-left: -28px;
margin-left: -1.75rem;
margin-bottom: -28px;
margin-bottom: -1.75rem;
width: 56px;
width: 3.5rem;
background: #fff;
bottom: 0;
color: #448aff;
display: none;
left: 50%;
position: absolute
}
@media only screen and (min-width: 64rem) {
.hero__fab {
display: block
}
}
.hero__fab .material-icons {
margin-top: 2px;
margin-top: .125rem
}
.hero__fab:hover {
background: #fff
}
.site-header {
height: 56px;
height: 3.5rem;
background: #fff;
box-shadow: 0 1px 6px rgba(0,0,0,0.35);
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 100
}
@media only screen and (min-width: 64rem) {
.site-header {
height: 80px;
height: 5rem
}
}
.site-header--minimal {
position: absolute
}
.site-header--minimal .site-header__main-nav, .site-header--minimal .site-header__wizkids-logo {
visibility: hidden
}
.site-header__title {
line-height: 56px;
line-height: 3.5rem;
margin-left: 16px;
margin-left: 1rem;
float: left;
font-size: 0;
margin-bottom: 0;
margin-top: 0
}
@media only screen and (min-width: 64rem) {
.site-header__title {
line-height: 80px;
line-height: 5rem;
margin-left: 0
}
}
.site-header__wizkids-logo {
height: 25px;
height: 1.5625rem;
margin-right: 3px;
margin-right: .1875rem
}
.site-header__root-link:hover {
text-decoration: none
}
.site-header__main-nav {
height: 56px;
height: 3.5rem;
float: right
}
@media only screen and (min-width: 64rem) {
.site-header__main-nav {
height: 80px;
height: 5rem
}
}
.site-header__main-nav ul {
display: flex;
align-items: center;
}
.site-header__main-nav > ul > li {
line-height: 56px;
line-height: 3.5rem;
height: 56px;
height: 3.5rem;
font-size: 0;
font-weight: 400;
text-transform: uppercase;
vertical-align: middle
}
@media only screen and (min-width: 64rem) {
.site-header__main-nav > ul > li:last-child a {
padding-right: 0
}
}
@media only screen and (min-width: 64rem) {
.site-header__main-nav > ul > li {
line-height: 80px;
line-height: 5rem;
height: 80px;
height: 5rem
}
}
.site-header__main-nav > ul > li .mdl-button {
font-size: 12px;
font-size: .75rem;
box-shadow: none;
display: none
}
@media only screen and (min-width: 48rem) {
.site-header__main-nav > ul > li .mdl-button {
display: inline-block
}
}
@media only screen and (min-width: 64rem) {
.site-header__main-nav > ul > li .mdl-button {
font-size: 14px;
font-size: .875rem;
padding: 23px 23px 25px;
padding: 1.4375rem 1.4375rem 1.5625rem
}
}
.site-header__main-nav > ul .nav-link {
font-size: 12px;
font-size: .75rem;
padding: 0 10px;
padding: 0 .625rem;
color: #848484;
display: inline-block
}
@media only screen and (min-width: 48rem) {
.site-header__main-nav > ul .nav-link {
font-size: 14px;
font-size: .875rem;
padding: 0 16px;
padding: 0 1rem
}
}
.site-header__main-nav > ul .nav-link:hover {
color: #448aff;
text-decoration: none;
transition: .15s ease-in color
}
@media only screen and (min-width: 48rem) {
.site-header__main-nav > ul .nav-link__pay {
display: none
}
}
.site-header__main-nav > ul .nav-link__pay--full {
display: none
}
@media only screen and (min-width: 48rem) {
.site-header__main-nav > ul .nav-link__pay--full {
display: inline-block
}
}
.site-header__cta {
position: relative
}
.site-header__cta > button {
min-width: 135px
}
.site-header__cta--desktop {
margin-right: 8px;
margin-right: .5rem;
display: none
}
#google-sign-in-desktop {
display: none;
}
@media only screen and (min-width: 48rem) {
.site-header__cta--desktop {
margin-left: 12px;
margin-left: .75rem;
display: inline-block;
}
#google-sign-in-desktop {
display: inline-block;
}
}
@media only screen and (min-width: 64rem) {
.site-header__cta--desktop {
margin-right: 0
}
}
.site-header__cta--mobile {
height: 50px;
height: 3.125rem;
bottom: 0px;
display: block;
left: 0;
margin: 0;
position: fixed;
right: 0
}
.site-header__cta site-header__cta--mobile {
}
@media only screen and (min-width: 48rem) {
.site-header__cta--mobile {
display: none
}
}
.site-header__cta--mobile > a {
line-height: 50px;
line-height: 3.125rem;
font-size: 16px;
font-size: 1rem;
background: #448aff;
border-radius: 0;
color: #fff;
display: block;
font-weight: 400;
height: 100%;
padding: 0;
text-align: center;
text-transform: uppercase;
width: 100%
}
.site-header__cta--mobile:hover {
color: #fff
}
.site-footer {
background: #31146C;
color: #fff;
padding: 2em 20px;
padding: 2em 1.25rem
}
.site-footer .site-footer__top {
padding: 0
}
@media only screen and (min-width: 48rem) {
.site-footer .site-footer__top {
padding: 0 1em
}
}
.site-footer .site-footer__top h4 {
margin: 0 0 10px;
margin: 0 0 .625rem;
color: #ffffff
}
.site-footer .site-footer__top ul a {
color: #a3a3a3
}
.site-footer .site-footer__bottom {
border-top: 1px solid #666;
margin-top: 1.5em;
padding: 1.5em 0 0
}
@media only screen and (min-width: 48rem) {
.site-footer .site-footer__bottom {
padding: 1.5em 1em 0
}
}
.site-footer .site-footer__bottom a {
margin-right: 16px;
margin-right: 1rem;
color: #a3a3a3
}
.section {
background: #fff;
padding: 22px 22px 0;
padding: 1.375rem 1.375rem 0
}
@media only screen and (min-width: 48rem) {
.desktop-36-margin {
margin-top: 36px;
}
}
@media only screen and (min-width: 64rem) {
.section {
padding: 90px 20px;
padding: 5.625rem 1.25rem
}
.section.section--welcome, .section.section--safety {
padding-top: 50px;
padding-top: 3.125rem
}
}
@media only screen and (min-width: 48.0625rem) and (max-width: 63.9375rem) {
.section {
padding: 60px 20px;
padding: 3.75rem 1.25rem
}
}
.section .mdl-button {
padding: 21px 20px 23px;
padding: 1.3125rem 1.25rem 1.4375rem
}
.section__title {
color: #fff
}
.section p {
color: #fff
}
.section__image {
margin-top: 1em;
text-align: center
}
@media only screen and (min-width: 64rem) {
.section__image {
margin: 0
}
}
@media only screen and (min-width: 48rem) {
.section__image {
text-align: left
}
}
.section__image img {
display: inline-block;
max-width: 70%
}
@media only screen and (max-width: 30rem) {
.section__image img {
max-width: 100%
}
}
@media only screen and (min-width: 48rem) {
.section__image img {
margin: 0;
max-width: 100%;
/*max-height: 500px;
max-height: 31.25rem*/
}
}
.section.section--align-image-bottom {
padding-bottom: 0
}
@media only screen and (min-width: 64rem) {
.section.section--align-image-bottom .section__content {
margin-bottom: 90px
}
}
@media only screen and (min-width: 48.0625rem) and (max-width: 63.9375rem) {
.section.section--align-image-bottom .section__content {
margin-bottom: 60px
}
}
@media only screen and (max-width: 30rem) {
.section.section--align-image-bottom .section__content {
margin-bottom: 0
}
}
@media only screen and (min-width: 48rem) {
.section--rev .grid {
direction: rtl;
text-align: left
}
.section--rev .grid > .grid__item {
direction: ltr;
text-align: left
}
}
.section--text-left .section__image {
text-align: center
}
@media only screen and (min-width: 48rem) {
.section--text-left .section__image {
text-align: right
}
}
.section--grey {
background-color: #f6f6f6
}
.hero {
position: relative;
text-align: left;
vertical-align: middle
}
.hero h1 {
color: #fff;
font-size: 6vh;
}
.hero #header-cta {
padding: 1.6vw;
padding-left: 2.5vw;
padding-right: 2.5vw;
background-color: #fff;
border-radius: 3.5vw;
font-weight: bold;
font-size: 1.5vw;
}
@media only screen and (min-width: 48rem) {
.hero h1 {
}
.hero #header-cta {
}
}
@media only screen and (min-width: 64rem) {
.hero h1 {
color: #fff;
margin-top: 0;
}
.hero #header-cta {
}
}
.hero a {
display: inline-block
}
.hero__bg-container {
background-position: bottom right;
background-repeat: no-repeat;
background-size: contain;
background-position: left;
display: inline-block;
width: 100%
}
.hero__bg-container-overlay {
padding: 12% 5%
}
@media only screen and (min-width: 48rem) {
.hero__bg-container-overlay {
}
}
.hero__get-app {
display: inline-block;
position: relative
}
.hero__btn {
display: none
}
@media only screen and (min-width: 48rem) {
.hero__btn {
display: inline-block
}
}
.hero__video-btn {
color: #448aff;
font-weight: 400
}
@media only screen and (min-width: 64rem) {
.hero__video-btn {
color: #fff
}
}
.hero__video-btn:hover, .hero__video-btn:active, .hero__video-btn:focus {
color: #ccc;
background: transparent;
text-decoration: none
}
.hero__btn, .hero__video-btn {
padding: 23px 23px 25px;
padding: 1.4375rem 1.4375rem 1.5625rem
}
.hero__fab {
height: 56px;
height: 3.5rem;
margin-left: -28px;
margin-left: -1.75rem;
margin-bottom: -28px;
margin-bottom: -1.75rem;
width: 56px;
width: 3.5rem;
background: #fff;
bottom: 0;
color: #448aff;
display: none;
left: 50%;
position: absolute
}
@media only screen and (min-width: 64rem) {
.hero__fab {
display: block
}
}
.hero__fab .material-icons {
margin-top: 2px;
margin-top: .125rem
}
.hero__fab:hover {
background: #fff
}
.hero--home .hero__bg-container {
background-image: url("/images/section-welcome2.png");
background-position: right bottom;
background-size: cover;
height: 100%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-webkit-min-device-pixel-ratio: 1.3020833333333333), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
.hero--home .hero__bg-container {
}
}
@media only screen and (min-width: 48rem) {
.hero--home .hero__bg-container {
}
}
@media only screen and (min-width: 48rem) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 48rem) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 48rem) and (-webkit-min-device-pixel-ratio: 1.3020833333333333), only screen and (min-width: 48rem) and (min-resolution: 125dpi), only screen and (min-width: 48rem) and (min-resolution: 1.3dppx) {
.hero--home .hero__bg-container {
}
}
@media only screen and (min-width: 64rem) {
.hero--home .hero__bg-container {
}
}
@media only screen and (min-width: 75rem) {
.hero--home .hero__bg-container {
}
}
@media only screen and (min-width: 100rem) {
.hero--home .hero__bg-container {
}
}
@media only screen and (min-width: 64rem) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-width: 64rem) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-width: 64rem) and (-webkit-min-device-pixel-ratio: 1.3020833333333333), only screen and (min-width: 64rem) and (min-resolution: 125dpi), only screen and (min-width: 64rem) and (min-resolution: 1.3dppx) {
.hero--home .hero__bg-container {
}
}
@media only screen and (min-width: 48.0625rem) and (max-width: 63.9375rem) {
.section--welcome .section__image img {
/*max-width: 150%;
margin-left: -50%*/
}
}
@media only screen and (min-width: 64rem) {
.section--welcome .section__image img {
/*max-width: 130%;
margin-left: -30%*/
}
}
.section--card .get-card-btn {
margin: 24px 0 0 0;
margin: 1.5rem 0 0 0
}
@media only screen and (min-width: 48rem) {
.section--card .get-card-btn {
margin: 0;
margin: 0
}
}
.section--card .terms {
margin: 24px 0 0 0;
margin: 1.5rem 0 0 0
}
@media only screen and (min-width: 48rem) {
.section--card .terms {
margin: 32px 0 0 0;
margin: 2rem 0 0 0
}
}
.section--card .section__header img {
display: block;
margin: 0 auto;
max-width: 80%
}
@media only screen and (min-width: 48rem) {
.section--card .section__header img {
display: none
}
}
.section--card .terms {
font-size: 9px;
font-size: .5625rem;
line-height: 1.2em
}
.section--notifications .section__image img {
max-width: 100%
}
@media only screen and (min-width: 48rem) {
.section--notifications .section__image img {
display: block;
margin: 0 auto;
max-width: 80%
}
}
.section--safety {
overflow: hidden
}
.section--safety .section__modules {
overflow: hidden
}
.section--safety .section__modules .grid__item {
float: left
}
.section--safety .section__modules {
margin-top: 50px;
margin-top: 3.125rem
}
.section--safety .section__modules .section__module {
margin-bottom: 50px;
margin-bottom: 3.125rem;
text-align: center
}
@media only screen and (min-width: 48rem) {
.section--safety .section__modules .section__module {
margin-bottom: 0
}
}
.section--safety .section__modules .section__module h4 {
margin-bottom: 16px;
margin-bottom: 1rem
}
.section--safety .section__modules .section__module img {
height: 50px;
height: 3.125rem;
display: inline-block
}
.section--safety .section__modules .section__module p {
font-size: 14px;
font-size: .875rem;
margin: 0 26px 20px;
margin: 0 1.625rem 1.25rem
}
.section--safety .section__modules .section__module p:last-child {
margin-bottom: 0
}
.section--safety .section__modules .section__module .cta-links {
margin: 0
}
.section--safety .section__modules .section__module .cta-links a {
font-size: 14px;
font-size: .875rem;
display: inline-block
}
.section--safety .section__modules .section__module .cta-links .divider {
color: #448aff;
margin: 0 5px;
margin: 0 .3125rem
}
@media only screen and (max-width: 30rem) {
.section--safety .section__image img {
max-width: 80%
}
}
@media only screen and (min-width: 48rem) {
.section--safety .section__image img {
display: block;
margin: 0 auto
}
}
.section--social {
padding-bottom: 0;
padding-top: 0
}
.section--support {
padding: 15px 20px 18px;
padding: .9375rem 1.25rem 1.125rem
}
@media only screen and (min-width: 64rem) {
.section--support {
padding: 45px 20px;
padding: 2.8125rem 1.25rem
}
}
@media only screen and (min-width: 48.0625rem) and (max-width: 63.9375rem) {
.section--support {
padding: 30px 20px;
padding: 1.875rem 1.25rem
}
}
@media only screen and (max-width: 30rem) {
.section--support {
padding: 15px 20px;
padding: .9375rem 1.25rem
}
}
.section--support .help-item {
position: relative;
text-align: center
}
.section--support .help-item h3 {
margin-bottom: .25em
}
@media only screen and (min-width: 48rem) {
.section--support .help-item:after {
content: "";
background: #eee;
width: 1px;
height: 100%;
position: absolute;
right: -10px;
top: 0
}
}
.section--support .help-item:last-child:after {
background: transparent
}
.section--legal {
color: #a3a3a3
}
.section--legal .aux {
border-top: 1px solid #eee;
padding: 1em 0
}
.section--legal p {
font-size: .875rem;
margin: 0 0 0 14px
}
.sidebar-nav {
margin-bottom: 20px;
margin-bottom: 1.25rem
}
@media only screen and (min-width: 64rem) {
.sidebar-nav {
width: 312px;
width: 19.5rem;
margin-bottom: 0;
position: fixed
}
}
.sidebar-nav ul {
list-style: none;
margin: 0;
padding: 0
}
.sidebar-nav a {
font-size: 18px;
font-size: 1.125rem;
line-height: 24px;
line-height: 1.5rem;
padding: 9px 21px;
padding: .5625rem 1.3125rem;
border-left: 2px solid #ccc;
color: #448aff;
display: block;
font-weight: 400
}
@media only screen and (min-width: 64rem) {
.sidebar-nav li.is-active a {
border-left-color: #448aff;
color: #424242
}
}
.question {
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.question__section {
position: relative
}
.question__section .question__anchor {
position: absolute;
top: -154px
}
.question__question {
cursor: pointer;
padding-right: 40px;
position: relative
}
.question__question:before {
background-image: linear-gradient(to top, #fff, rgba(255,255,255,0));
height: 24px;
left: 0;
position: absolute;
top: -24px;
width: 100%
}
.question__question h5 {
margin: 0
}
.question__question .question__icon {
transition: transform .15s ease-in
}
.question__question.is-expanded .question__arrow {
top: 0
}
.question__question.is-expanded .question__icon {
transform: rotateZ(180deg);
will-change: transform
}
.question__answer {
overflow: hidden;
transition-duration: .4s;
transition-property: height;
transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
will-change: height
}
.google-js .question__answer {
display: none
}
.question__answer.is-collapsed {
display: none;
opacity: 0
}
.question__answer.is-expanded {
display: block;
opacity: 1
}
.question__answer p:first-child {
margin-top: 16px;
margin-top: 1rem
}
.question__answer :last-child {
margin-bottom: 0
}
.question__answer ul, .question__answer ol {
font-size: 16px;
font-size: 1rem;
font-weight: 300
}
.faq-section__title {
margin-top: 80px;
margin-top: 5rem
}
.question__arrow {
color: #448aff;
position: absolute;
right: 0;
top: 2px
}
.faq-grid {
font-size: 0
}
.strong {
font-weight: 700
}
.apps {
margin: 64px auto 32px;
margin: 4rem auto 2rem;
max-width: 600px;
max-width: 37.5rem;
width: 100%
}
.app {
margin-bottom: 32px;
margin-bottom: 2rem;
text-align: center
}
.app__icon {
height: 80px;
height: 5rem;
padding: 10px;
padding: .625rem;
width: 80px;
width: 5rem;
background: #fafafa;
box-shadow: 0 2px 2px rgba(0,0,0,0.35);
display: block;
margin: 0 auto;
position: relative
}
.app--android-pay .app__icon {
border-radius: 40px
}
.app--wizkids .app__icon {
border-radius: 6px
}
.app__title {
font-size: 16px;
font-size: 1rem;
margin: 16px 0 8px;
margin: 1rem 0 .5rem;
color: #448aff;
display: block;
font-weight: 400
}
.app__icon-sprite {
left: 50%;
position: absolute;
top: 50%
}
.app__icon-sprite.sprite-android-pay-icon {
margin: -41px -41px;
margin: -2.5625rem -2.5625rem
}
.app__icon-sprite.sprite-wizkids-icon {
margin: -25px -26px;
margin: -1.5625rem -1.625rem
}
.sidebar-nav {
margin-bottom: 20px;
margin-bottom: 1.25rem
}
@media only screen and (min-width: 64rem) {
.sidebar-nav {
width: 312px;
width: 19.5rem;
margin-bottom: 0;
position: fixed
}
}
.sidebar-nav ul {
list-style: none;
margin: 0;
padding: 0
}
.sidebar-nav a {
font-size: 18px;
font-size: 1.125rem;
line-height: 24px;
line-height: 1.5rem;
padding: 9px 21px;
padding: .5625rem 1.3125rem;
border-left: 2px solid #ccc;
color: #448aff;
display: block;
font-weight: 400
}
@media only screen and (min-width: 64rem) {
.sidebar-nav li.is-active a {
border-left-color: #448aff;
color: #424242
}
}
.question {
margin-bottom: 24px;
margin-bottom: 1.5rem
}
.question__section {
position: relative
}
.question__section .question__anchor {
position: absolute;
top: -154px
}
.question__question {
cursor: pointer;
padding-right: 40px;
position: relative
}
.question__question:before {
background-image: linear-gradient(to top, #fff, rgba(255,255,255,0));
height: 24px;
left: 0;
position: absolute;
top: -24px;
width: 100%
}
.question__question h5 {
margin: 0
}
.question__question .question__icon {
transition: transform .15s ease-in
}
.question__question.is-expanded .question__arrow {
top: 0
}
.question__question.is-expanded .question__icon {
transform: rotateZ(180deg);
will-change: transform
}
.question__answer {
overflow: hidden;
transition-duration: .4s;
transition-property: height;
transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
will-change: height
}
.google-js .question__answer {
display: none
}
.question__answer.is-collapsed {
display: none;
opacity: 0
}
.question__answer.is-expanded {
display: block;
opacity: 1
}
.question__answer p:first-child {
margin-top: 16px;
margin-top: 1rem
}
.question__answer :last-child {
margin-bottom: 0
}
.question__answer ul, .question__answer ol {
font-size: 16px;
font-size: 1rem;
font-weight: 300
}
.faq-section__title {
margin-top: 80px;
margin-top: 5rem
}
.question__arrow {
color: #448aff;
position: absolute;
right: 0;
top: 2px
}
.faq-grid {
font-size: 0
}
.strong {
font-weight: 700
}
.apps {
margin: 64px auto 32px;
margin: 4rem auto 2rem;
max-width: 600px;
max-width: 37.5rem;
width: 100%
}
.app {
margin-bottom: 32px;
margin-bottom: 2rem;
text-align: center
}
.app__icon {
height: 80px;
height: 5rem;
padding: 10px;
padding: .625rem;
width: 80px;
width: 5rem;
background: #fafafa;
box-shadow: 0 2px 2px rgba(0,0,0,0.35);
display: block;
margin: 0 auto;
position: relative
}
.app--android-pay .app__icon {
border-radius: 40px
}
.app--wizkids .app__icon {
border-radius: 6px
}
.app__title {
font-size: 16px;
font-size: 1rem;
margin: 16px 0 8px;
margin: 1rem 0 .5rem;
color: #448aff;
display: block;
font-weight: 400
}
.app__icon-sprite {
left: 50%;
position: absolute;
top: 50%
}
.app__icon-sprite.sprite-android-pay-icon {
margin: -41px -41px;
margin: -2.5625rem -2.5625rem
}
.app__icon-sprite.sprite-wizkids-icon {
margin: -25px -26px;
margin: -1.5625rem -1.625rem
}
.center {
text-align: center
}
.center:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle
}
.center__inner {
display: inline-block;
vertical-align: middle
}
.cf:before, .cf:after {
content: ' ';
display: table
}
.cf:after {
clear: both
}
.hidden {
display: none !important
}