 
   html,
   button,
   input,
   select,
   textarea {
       color: #222;
   }
   
   body {
       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;
   }
    
   img {
       vertical-align: middle;
   }
   
    
   fieldset {
       border: 0;
       margin: 0;
       padding: 0;
   }
   
    
   textarea {
       resize: vertical;
   }
    
   .chromeframe {
       margin: 0.2em 0;
       background: #ccc;
       color: #000;
       padding: 0.2em 0;
   }
    
   article,
   aside,
   details,
   figcaption,
   figure,
   footer,
   header,
   hgroup,
   main,
   nav,
   section,
   summary {
       display: block;
   }
   
    
   
   audio,
   canvas,
   video {
       display: inline-block;
       *display: inline;
       *zoom: 1;
   }
    
   
   audio:not([controls]) {
       display: none;
       height: 0;
   }
   
    
   
   [hidden] {
       display: none;
   }
   
   
   
   html {
       background: #fff; /* 1 */
       color: #000; /* 2 */
       font-size: 100%; /* 3 */
       -webkit-text-size-adjust: 100%; /* 4 */
       -ms-text-size-adjust: 100%; /* 4 */
   }
   
   /**
    * Address `font-family` inconsistency between `textarea` and other form
    * elements.
    */
   
   html,
   button,
   input,
   select,
   textarea {
       font-family: sans-serif;
   }
   
   /**
    * Address margins handled incorrectly in IE 6/7.
    */
   
   body {
       margin: 0;
   }
   
   /* ==========================================================================
      Links
      ========================================================================== */
   
   /**
    * Address `outline` inconsistency between Chrome and other browsers.
    */
   
   a:focus {
       outline: thin dotted;
   }
   
   /**
    * Improve readability when focused and also mouse hovered in all browsers.
    */
   
   a:active,
   a:hover {
       outline: 0;
   }
   
   /* ==========================================================================
      Typography
      ========================================================================== */
   
   /**
    * Address font sizes and margins set differently in IE 6/7.
    * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
    * and Chrome.
    */
   
   h1 {
       font-size: 2em;
       margin: 0.67em 0;
   }
   
   h2 {
       font-size: 1.5em;
       margin: 0.83em 0;
   }
   
   h3 {
       font-size: 1.17em;
       margin: 1em 0;
   }
   
   h4 {
       font-size: 1em;
       margin: 1.33em 0;
   }
   
   h5 {
       font-size: 0.83em;
       margin: 1.67em 0;
   }
   
   h6 {
       font-size: 0.67em;
       margin: 2.33em 0;
   }
   
   /**
    * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
    */
   
   abbr[title] {
       border-bottom: 1px dotted;
   }
   
   /**
    * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
    */
   
   b,
   strong {
       font-weight: bold;
   }
   
   blockquote {
       margin: 1em 40px;
   }
   
   /**
    * Address styling not present in Safari 5 and Chrome.
    */
   
   dfn {
       font-style: italic;
   }
    
   
   hr {
       -moz-box-sizing: content-box;
       box-sizing: content-box;
       height: 0;
   }
    
   
   mark {
       background: #ff0;
       color: #000;
   }
    
   
   p,
   pre {
       margin: 1em 0;
   } 
   
   code,
   kbd,
   pre,
   samp {
       font-family: monospace, serif;
       _font-family: 'courier new', monospace;
       font-size: 1em;
   }
    
   pre {
       white-space: pre;
       white-space: pre-wrap;
       word-wrap: break-word;
   }
    
   
   q {
       quotes: none;
   }
    
   
   q:before,
   q:after {
       content: '';
       content: none;
   }
    
   
   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;
   }
    
   
   dl,
   menu,
   ol,
   ul {
       margin: 1em 0;
   }
   
   dd {
       margin: 0 0 0 40px;
   }
    
   
   menu,
   ol,
   ul {
       padding: 0 0 0 40px;
   }
    
   
   nav ul,
   nav ol {
       list-style: none;
       list-style-image: none;
   } 
   
   img {
       border: 0; /* 1 */
       -ms-interpolation-mode: bicubic; /* 2 */
   }
    
   
   svg:not(:root) {
       overflow: hidden;
   }
    
   
   figure {
       margin: 0;
   }
    
   
   form {
       margin: 0;
   }
    
   fieldset {
       border: 1px solid #c0c0c0;
       margin: 0 2px;
       padding: 0.35em 0.625em 0.75em;
   }
    
   
   legend {
       border: 0; /* 1 */
       padding: 0;
       white-space: normal; /* 2 */
       *margin-left: -7px; /* 3 */
   }
    
   
   button,
   input,
   select,
   textarea {
       font-size: 100%; /* 1 */
       margin: 0; /* 2 */
       vertical-align: baseline; /* 3 */
       *vertical-align: middle; /* 3 */
   }
    
   button,
   input {
       line-height: normal;
   } 
   
   button,
   select {
       text-transform: none;
   }
    
   
   button,
   html input[type="button"], /* 1 */
   input[type="reset"],
   input[type="submit"] {
       -webkit-appearance: button; /* 2 */
       cursor: pointer; /* 3 */
       *overflow: visible; /* 4 */
   } 

   button[disabled],
   html input[disabled] {
       cursor: default;
   }
    
   
   input[type="checkbox"],
   input[type="radio"] {
       box-sizing: border-box; /* 1 */
       padding: 0; /* 2 */
       *height: 13px; /* 3 */
       *width: 13px; /* 3 */
   } 
   
   input[type="search"] {
       -webkit-appearance: textfield; /* 1 */
       -moz-box-sizing: content-box;
       -webkit-box-sizing: content-box; /* 2 */
       box-sizing: content-box;
   }
    
   
   input[type="search"]::-webkit-search-cancel-button,
   input[type="search"]::-webkit-search-decoration {
       -webkit-appearance: none;
   }
    
   
   button::-moz-focus-inner,
   input::-moz-focus-inner {
       border: 0;
       padding: 0;
   } 
   
   textarea {
       overflow: auto; /* 1 */
       vertical-align: top; /* 2 */
   }
    
   
   table {
       border-collapse: collapse;
       border-spacing: 0;
   }
    