html{color:#222;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;}
.demo-ribbon{width:100%;height:40vh;background-color:#3F51B5;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
.mdl-layout-title a{text-decoration:none;}
.md-toolbar-tools a{text-decoration:none;}
.material-icons.md-72{font-size:72px;color:red;}
.demo-main{margin-top:-35vh;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
.demo-header .mdl-layout__header-row{padding-left:40px;}
.md-toolbar-tools{padding-left:40px;}
.demo-container{max-width:1600px;width:calc(100% - 16px);margin:0 auto;}
.demo-content{border-radius:2px;padding:80px 56px;margin-bottom:80px;}
.demo-layout.is-small-screen .demo-content{padding:40px 28px;}
.demo-content h3{margin-top:48px;}
.demo-footer{padding-left:40px;}
.demo-footer .mdl-mini-footer--link-list a{font-size:13px;}
.img-fluid{width:100%;height:auto;padding-bottom:10px;}
.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 only screen and (min-width:35em){}
@media print,
(-webkit-min-device-pixel-ratio:1.25),
(min-resolution:1.25dppx),
(min-resolution:120dpi){}
@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;}
}