
      
    


      #IE-warning {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: white;
      }
      .IE-warning-message {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
      }
     


      
     


       *{} html {
          text-size-adjust: 100%;line-height: 1.25;font-family: sans-serif;box-sizing: border-box;
      }
        
        @media (max-width: 639px) {
          
        html {
          font-family: sans-serif;text-size-adjust: 100%;line-height: 1.25;box-sizing: border-box;
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        html {
          font-family: sans-serif;text-size-adjust: 100%;line-height: 1.25;box-sizing: border-box;
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        html {
          font-family: sans-serif;text-size-adjust: 100%;line-height: 1.25;box-sizing: border-box;
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        html {
          font-family: sans-serif;text-size-adjust: 100%;line-height: 1.25;box-sizing: border-box;
      }
        }
        @media (min-width: 1200px) {
          
        html {
          font-family: sans-serif;text-size-adjust: 100%;line-height: 1.25;box-sizing: border-box;
      }
        }
        
        body {
          max-width: 1024px;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;overflow-x: hidden;border-image-repeat: initial;border-image-outset: initial;border-image-width: initial;border-image-slice: initial;border-image-source: initial;border-left-color: rgb(173, 183, 194);border-bottom-color: rgb(173, 183, 194);border-right-color: rgb(173, 183, 194);border-top-color: rgb(173, 183, 194);border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;border-left-width: 0px;border-bottom-width: 0px;border-right-width: 0px;border-top-width: 0px;box-sizing: inherit;
      }
        
        @media (max-width: 639px) {
          
        body {
          max-width: 1024px;margin-left: 10px;margin-bottom: 10px;margin-right: 10px;margin-top: 10px;overflow-x: hidden;border-image-repeat: initial;border-image-outset: initial;border-image-width: initial;border-image-slice: initial;border-image-source: initial;border-left-color: rgb(173, 183, 194);border-bottom-color: rgb(173, 183, 194);border-right-color: rgb(173, 183, 194);border-top-color: rgb(173, 183, 194);border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;border-left-width: 0px;border-bottom-width: 0px;border-right-width: 0px;border-top-width: 0px;box-sizing: inherit;
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        body {
          max-width: 1024px;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;overflow-x: hidden;border-image-repeat: initial;border-image-outset: initial;border-image-width: initial;border-image-slice: initial;border-image-source: initial;border-left-color: rgb(173, 183, 194);border-bottom-color: rgb(173, 183, 194);border-right-color: rgb(173, 183, 194);border-top-color: rgb(173, 183, 194);border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;border-left-width: 0px;border-bottom-width: 0px;border-right-width: 0px;border-top-width: 0px;box-sizing: inherit;
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        body {
          max-width: 1024px;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;overflow-x: hidden;border-image-repeat: initial;border-image-outset: initial;border-image-width: initial;border-image-slice: initial;border-image-source: initial;border-left-color: rgb(173, 183, 194);border-bottom-color: rgb(173, 183, 194);border-right-color: rgb(173, 183, 194);border-top-color: rgb(173, 183, 194);border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;border-left-width: 0px;border-bottom-width: 0px;border-right-width: 0px;border-top-width: 0px;box-sizing: inherit;
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        body {
          max-width: 1024px;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;overflow-x: hidden;border-image-repeat: initial;border-image-outset: initial;border-image-width: initial;border-image-slice: initial;border-image-source: initial;border-left-color: rgb(173, 183, 194);border-bottom-color: rgb(173, 183, 194);border-right-color: rgb(173, 183, 194);border-top-color: rgb(173, 183, 194);border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;border-left-width: 0px;border-bottom-width: 0px;border-right-width: 0px;border-top-width: 0px;box-sizing: inherit;
      }
        }
        @media (min-width: 1200px) {
          
        body {
          max-width: 1024px;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;overflow-x: hidden;border-image-repeat: initial;border-image-outset: initial;border-image-width: initial;border-image-slice: initial;border-image-source: initial;border-left-color: rgb(173, 183, 194);border-bottom-color: rgb(173, 183, 194);border-right-color: rgb(173, 183, 194);border-top-color: rgb(173, 183, 194);border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;border-left-width: 0px;border-bottom-width: 0px;border-right-width: 0px;border-top-width: 0px;box-sizing: inherit;
      }
        }
        
        body * {
          border-image-repeat: initial;border-image-outset: initial;border-image-width: initial;border-image-slice: initial;border-image-source: initial;border-left-color: rgb(173, 183, 194);border-bottom-color: rgb(173, 183, 194);border-right-color: rgb(173, 183, 194);border-top-color: rgb(173, 183, 194);border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;border-left-width: 0px;border-bottom-width: 0px;border-right-width: 0px;border-top-width: 0px;box-sizing: inherit;
      }
        
        @media (max-width: 639px) {
          
        body * {
          border-image-repeat: initial;border-image-outset: initial;border-image-width: initial;border-image-slice: initial;border-image-source: initial;border-left-color: rgb(173, 183, 194);border-bottom-color: rgb(173, 183, 194);border-right-color: rgb(173, 183, 194);border-top-color: rgb(173, 183, 194);border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;border-left-width: 0px;border-bottom-width: 0px;border-right-width: 0px;border-top-width: 0px;box-sizing: inherit;
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        body * {
          border-image-repeat: initial;border-image-outset: initial;border-image-width: initial;border-image-slice: initial;border-image-source: initial;border-left-color: rgb(173, 183, 194);border-bottom-color: rgb(173, 183, 194);border-right-color: rgb(173, 183, 194);border-top-color: rgb(173, 183, 194);border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;border-left-width: 0px;border-bottom-width: 0px;border-right-width: 0px;border-top-width: 0px;box-sizing: inherit;
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        body * {
          border-image-repeat: initial;border-image-outset: initial;border-image-width: initial;border-image-slice: initial;border-image-source: initial;border-left-color: rgb(173, 183, 194);border-bottom-color: rgb(173, 183, 194);border-right-color: rgb(173, 183, 194);border-top-color: rgb(173, 183, 194);border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;border-left-width: 0px;border-bottom-width: 0px;border-right-width: 0px;border-top-width: 0px;box-sizing: inherit;
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        body * {
          border-image-repeat: initial;border-image-outset: initial;border-image-width: initial;border-image-slice: initial;border-image-source: initial;border-left-color: rgb(173, 183, 194);border-bottom-color: rgb(173, 183, 194);border-right-color: rgb(173, 183, 194);border-top-color: rgb(173, 183, 194);border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;border-left-width: 0px;border-bottom-width: 0px;border-right-width: 0px;border-top-width: 0px;box-sizing: inherit;
      }
        }
        @media (min-width: 1200px) {
          
        body * {
          border-image-repeat: initial;border-image-outset: initial;border-image-width: initial;border-image-slice: initial;border-image-source: initial;border-left-color: rgb(173, 183, 194);border-bottom-color: rgb(173, 183, 194);border-right-color: rgb(173, 183, 194);border-top-color: rgb(173, 183, 194);border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;border-left-width: 0px;border-bottom-width: 0px;border-right-width: 0px;border-top-width: 0px;box-sizing: inherit;
      }
        }
        
        h1 {
          font-family: Roboto, sans-serif;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;font-size: 2em;
      }
        
        @media (max-width: 639px) {
          
        h1 {
          font-family: Roboto, sans-serif;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;font-size: 2em;
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        h1 {
          font-family: Roboto, sans-serif;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;font-size: 2em;
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        h1 {
          font-family: Roboto, sans-serif;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;font-size: 2em;
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        h1 {
          font-family: Roboto, sans-serif;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;font-size: 2em;
      }
        }
        @media (min-width: 1200px) {
          
        h1 {
          font-family: Roboto, sans-serif;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;font-size: 2em;
      }
        }
        
        p {
          font-size: 18px;font-family: Roboto, sans-serif;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;
      }
        
        @media (max-width: 639px) {
          
        p {
          font-family: Roboto, sans-serif;font-size: 18px;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        p {
          font-family: Roboto, sans-serif;font-size: 18px;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        p {
          font-family: Roboto, sans-serif;font-size: 18px;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        p {
          font-family: Roboto, sans-serif;font-size: 18px;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;
      }
        }
        @media (min-width: 1200px) {
          
        p {
          font-family: Roboto, sans-serif;font-size: 18px;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;
      }
        }
        
        li {
          line-height: 30px;font-family: Roboto, sans-serif;font-size: 18px;
      }
        
        @media (max-width: 639px) {
          
        li {
          font-family: Roboto, sans-serif;line-height: 30px;font-size: 18px;
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        li {
          font-family: Roboto, sans-serif;line-height: 30px;font-size: 18px;
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        li {
          font-family: Roboto, sans-serif;line-height: 30px;font-size: 18px;
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        li {
          font-family: Roboto, sans-serif;line-height: 30px;font-size: 18px;
      }
        }
        @media (min-width: 1200px) {
          
        li {
          font-family: Roboto, sans-serif;line-height: 30px;font-size: 18px;
      }
        }
        
        a {
          color: white;text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: initial;text-decoration-line: none;cursor: pointer;background-color: transparent;
      }
        
        @media (max-width: 639px) {
          
        a {
          color: white;text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: initial;text-decoration-line: none;cursor: pointer;background-color: transparent;
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        a {
          color: white;text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: initial;text-decoration-line: none;cursor: pointer;background-color: transparent;
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        a {
          color: white;text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: initial;text-decoration-line: none;cursor: pointer;background-color: transparent;
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        a {
          color: white;text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: initial;text-decoration-line: none;cursor: pointer;background-color: transparent;
      }
        }
        @media (min-width: 1200px) {
          
        a {
          color: white;text-decoration-color: initial;text-decoration-style: solid;text-decoration-thickness: initial;text-decoration-line: none;cursor: pointer;background-color: transparent;
      }
        }
        
        ul {
          list-style-type: none;list-style-image: initial;list-style-position: initial;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;
      }
        
        @media (max-width: 639px) {
          
        ul {
          list-style-type: none;list-style-image: initial;list-style-position: initial;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        ul {
          list-style-type: none;list-style-image: initial;list-style-position: initial;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        ul {
          list-style-type: none;list-style-image: initial;list-style-position: initial;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        ul {
          list-style-type: none;list-style-image: initial;list-style-position: initial;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;
      }
        }
        @media (min-width: 1200px) {
          
        ul {
          list-style-type: none;list-style-image: initial;list-style-position: initial;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;
      }
        }
        
        main {
          display: block;
      }
        
        @media (max-width: 639px) {
          
        main {
          display: block;
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        main {
          display: block;
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        main {
          display: block;
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        main {
          display: block;
      }
        }
        @media (min-width: 1200px) {
          
        main {
          display: block;
      }
        }
        
        hr {
          overflow-y: visible;overflow-x: visible;height: 0px;box-sizing: content-box;
      }
        
        @media (max-width: 639px) {
          
        hr {
          overflow-y: visible;overflow-x: visible;height: 0px;box-sizing: content-box;
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        hr {
          overflow-y: visible;overflow-x: visible;height: 0px;box-sizing: content-box;
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        hr {
          overflow-y: visible;overflow-x: visible;height: 0px;box-sizing: content-box;
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        hr {
          overflow-y: visible;overflow-x: visible;height: 0px;box-sizing: content-box;
      }
        }
        @media (min-width: 1200px) {
          
        hr {
          overflow-y: visible;overflow-x: visible;height: 0px;box-sizing: content-box;
      }
        }
        
        pre {
          font-size: 1em;font-family: monospace, monospace;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;
      }
        
        @media (max-width: 639px) {
          
        pre {
          font-family: monospace, monospace;font-size: 1em;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        pre {
          font-family: monospace, monospace;font-size: 1em;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        pre {
          font-family: monospace, monospace;font-size: 1em;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        pre {
          font-family: monospace, monospace;font-size: 1em;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;
      }
        }
        @media (min-width: 1200px) {
          
        pre {
          font-family: monospace, monospace;font-size: 1em;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;
      }
        }
        
        b {
          font-weight: bolder;
      }
        
        @media (max-width: 639px) {
          
        b {
          font-weight: bolder;
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        b {
          font-weight: bolder;
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        b {
          font-weight: bolder;
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        b {
          font-weight: bolder;
      }
        }
        @media (min-width: 1200px) {
          
        b {
          font-weight: bolder;
      }
        }
        
        strong {
          font-weight: bolder;
      }
        
        @media (max-width: 639px) {
          
        strong {
          font-weight: bolder;
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        strong {
          font-weight: bolder;
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        strong {
          font-weight: bolder;
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        strong {
          font-weight: bolder;
      }
        }
        @media (min-width: 1200px) {
          
        strong {
          font-weight: bolder;
      }
        }
        
        code {
          font-size: 1em;font-family: monospace, monospace;
      }
        
        @media (max-width: 639px) {
          
        code {
          font-family: monospace, monospace;font-size: 1em;
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        code {
          font-family: monospace, monospace;font-size: 1em;
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        code {
          font-family: monospace, monospace;font-size: 1em;
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        code {
          font-family: monospace, monospace;font-size: 1em;
      }
        }
        @media (min-width: 1200px) {
          
        code {
          font-family: monospace, monospace;font-size: 1em;
      }
        }
        
        kbd {
          font-size: 1em;font-family: monospace, monospace;
      }
        
        @media (max-width: 639px) {
          
        kbd {
          font-family: monospace, monospace;font-size: 1em;
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        kbd {
          font-family: monospace, monospace;font-size: 1em;
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        kbd {
          font-family: monospace, monospace;font-size: 1em;
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        kbd {
          font-family: monospace, monospace;font-size: 1em;
      }
        }
        @media (min-width: 1200px) {
          
        kbd {
          font-family: monospace, monospace;font-size: 1em;
      }
        }
        
        samp {
          font-size: 1em;font-family: monospace, monospace;
      }
        
        @media (max-width: 639px) {
          
        samp {
          font-family: monospace, monospace;font-size: 1em;
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        samp {
          font-family: monospace, monospace;font-size: 1em;
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        samp {
          font-family: monospace, monospace;font-size: 1em;
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        samp {
          font-family: monospace, monospace;font-size: 1em;
      }
        }
        @media (min-width: 1200px) {
          
        samp {
          font-family: monospace, monospace;font-size: 1em;
      }
        }
        
        small {
          font-size: 80%;
      }
        
        @media (max-width: 639px) {
          
        small {
          font-size: 80%;
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        small {
          font-size: 80%;
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        small {
          font-size: 80%;
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        small {
          font-size: 80%;
      }
        }
        @media (min-width: 1200px) {
          
        small {
          font-size: 80%;
      }
        }
        
        sub {
          vertical-align: baseline;position: relative;line-height: 0;font-size: 75%;bottom: -0.25em;
      }
        
        @media (max-width: 639px) {
          
        sub {
          vertical-align: baseline;position: relative;line-height: 0;font-size: 75%;bottom: -0.25em;
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        sub {
          vertical-align: baseline;position: relative;line-height: 0;font-size: 75%;bottom: -0.25em;
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        sub {
          vertical-align: baseline;position: relative;line-height: 0;font-size: 75%;bottom: -0.25em;
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        sub {
          vertical-align: baseline;position: relative;line-height: 0;font-size: 75%;bottom: -0.25em;
      }
        }
        @media (min-width: 1200px) {
          
        sub {
          vertical-align: baseline;position: relative;line-height: 0;font-size: 75%;bottom: -0.25em;
      }
        }
        
        sup {
          vertical-align: baseline;position: relative;line-height: 0;font-size: 75%;top: -0.5em;
      }
        
        @media (max-width: 639px) {
          
        sup {
          vertical-align: baseline;position: relative;line-height: 0;font-size: 75%;top: -0.5em;
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        sup {
          vertical-align: baseline;position: relative;line-height: 0;font-size: 75%;top: -0.5em;
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        sup {
          vertical-align: baseline;position: relative;line-height: 0;font-size: 75%;top: -0.5em;
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        sup {
          vertical-align: baseline;position: relative;line-height: 0;font-size: 75%;top: -0.5em;
      }
        }
        @media (min-width: 1200px) {
          
        sup {
          vertical-align: baseline;position: relative;line-height: 0;font-size: 75%;top: -0.5em;
      }
        }
        
        img {
          border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;height: auto;max-width: 100%;
      }
        
        @media (max-width: 639px) {
          
        img {
          border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;height: auto;max-width: 100%;
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        img {
          border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;height: auto;max-width: 100%;
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        img {
          border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;height: auto;max-width: 100%;
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        img {
          border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;height: auto;max-width: 100%;
      }
        }
        @media (min-width: 1200px) {
          
        img {
          border-left-style: solid;border-bottom-style: solid;border-right-style: solid;border-top-style: solid;height: auto;max-width: 100%;
      }
        }
        
        button {
          margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;font-family: inherit;overflow-y: visible;overflow-x: visible;text-transform: none;appearance: button;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;background-color: transparent;background-clip: initial;background-origin: initial;background-attachment: initial;background-repeat-y: initial;background-repeat-x: initial;background-size: initial;background-position-y: initial;background-position-x: initial;background-image: initial;cursor: pointer;
      }
        button:focus,button.gp-focus {
          outline-width: 5px;outline-style: auto;outline-color: -webkit-focus-ring-color;
      }
        
        @media (max-width: 639px) {
          
        button {
          font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;overflow-y: visible;overflow-x: visible;text-transform: none;appearance: button;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;background-color: transparent;background-clip: initial;background-origin: initial;background-attachment: initial;background-repeat-y: initial;background-repeat-x: initial;background-size: initial;background-position-y: initial;background-position-x: initial;background-image: initial;cursor: pointer;
      }
        button:focus,button.gp-focus {
          outline-width: 5px;outline-style: auto;outline-color: -webkit-focus-ring-color;
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        button {
          font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;overflow-y: visible;overflow-x: visible;text-transform: none;appearance: button;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;background-color: transparent;background-clip: initial;background-origin: initial;background-attachment: initial;background-repeat-y: initial;background-repeat-x: initial;background-size: initial;background-position-y: initial;background-position-x: initial;background-image: initial;cursor: pointer;
      }
        button:focus,button.gp-focus {
          outline-width: 5px;outline-style: auto;outline-color: -webkit-focus-ring-color;
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        button {
          font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;overflow-y: visible;overflow-x: visible;text-transform: none;appearance: button;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;background-color: transparent;background-clip: initial;background-origin: initial;background-attachment: initial;background-repeat-y: initial;background-repeat-x: initial;background-size: initial;background-position-y: initial;background-position-x: initial;background-image: initial;cursor: pointer;
      }
        button:focus,button.gp-focus {
          outline-width: 5px;outline-style: auto;outline-color: -webkit-focus-ring-color;
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        button {
          font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;overflow-y: visible;overflow-x: visible;text-transform: none;appearance: button;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;background-color: transparent;background-clip: initial;background-origin: initial;background-attachment: initial;background-repeat-y: initial;background-repeat-x: initial;background-size: initial;background-position-y: initial;background-position-x: initial;background-image: initial;cursor: pointer;
      }
        button:focus,button.gp-focus {
          outline-width: 5px;outline-style: auto;outline-color: -webkit-focus-ring-color;
      }
        }
        @media (min-width: 1200px) {
          
        button {
          font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;overflow-y: visible;overflow-x: visible;text-transform: none;appearance: button;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;background-color: transparent;background-clip: initial;background-origin: initial;background-attachment: initial;background-repeat-y: initial;background-repeat-x: initial;background-size: initial;background-position-y: initial;background-position-x: initial;background-image: initial;cursor: pointer;
      }
        button:focus,button.gp-focus {
          outline-width: 5px;outline-style: auto;outline-color: -webkit-focus-ring-color;
      }
        }
        
        input {
          margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;font-family: inherit;overflow-y: visible;overflow-x: visible;
      }
        
        @media (max-width: 639px) {
          
        input {
          font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;overflow-y: visible;overflow-x: visible;
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        input {
          font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;overflow-y: visible;overflow-x: visible;
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        input {
          font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;overflow-y: visible;overflow-x: visible;
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        input {
          font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;overflow-y: visible;overflow-x: visible;
      }
        }
        @media (min-width: 1200px) {
          
        input {
          font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;overflow-y: visible;overflow-x: visible;
      }
        }
        
        optgroup {
          margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;font-family: inherit;
      }
        
        @media (max-width: 639px) {
          
        optgroup {
          font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        optgroup {
          font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        optgroup {
          font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        optgroup {
          font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;
      }
        }
        @media (min-width: 1200px) {
          
        optgroup {
          font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;
      }
        }
        
        select {
          margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;font-family: inherit;text-transform: none;
      }
        
        @media (max-width: 639px) {
          
        select {
          font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;text-transform: none;
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        select {
          font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;text-transform: none;
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        select {
          font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;text-transform: none;
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        select {
          font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;text-transform: none;
      }
        }
        @media (min-width: 1200px) {
          
        select {
          font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;text-transform: none;
      }
        }
        
        textarea {
          margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;font-family: inherit;overflow-y: auto;overflow-x: auto;resize: vertical;color: inherit;
      }
        textarea:focus,textarea.gp-focus {
          outline-width: 0px;outline-style: initial;outline-color: initial;
      }
        
        @media (max-width: 639px) {
          
        textarea {
          font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;overflow-y: auto;overflow-x: auto;resize: vertical;color: inherit;
      }
        textarea:focus,textarea.gp-focus {
          outline-width: 0px;outline-style: initial;outline-color: initial;
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        textarea {
          font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;overflow-y: auto;overflow-x: auto;resize: vertical;color: inherit;
      }
        textarea:focus,textarea.gp-focus {
          outline-width: 0px;outline-style: initial;outline-color: initial;
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        textarea {
          font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;overflow-y: auto;overflow-x: auto;resize: vertical;color: inherit;
      }
        textarea:focus,textarea.gp-focus {
          outline-width: 0px;outline-style: initial;outline-color: initial;
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        textarea {
          font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;overflow-y: auto;overflow-x: auto;resize: vertical;color: inherit;
      }
        textarea:focus,textarea.gp-focus {
          outline-width: 0px;outline-style: initial;outline-color: initial;
      }
        }
        @media (min-width: 1200px) {
          
        textarea {
          font-family: inherit;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;line-height: 1.15;font-size: 100%;overflow-y: auto;overflow-x: auto;resize: vertical;color: inherit;
      }
        textarea:focus,textarea.gp-focus {
          outline-width: 0px;outline-style: initial;outline-color: initial;
      }
        }
        
        fieldset {
          padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;
      }
        
        @media (max-width: 639px) {
          
        fieldset {
          padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        fieldset {
          padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        fieldset {
          padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        fieldset {
          padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;
      }
        }
        @media (min-width: 1200px) {
          
        fieldset {
          padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;
      }
        }
        
        legend {
          white-space: normal;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;max-width: 100%;display: table;color: inherit;box-sizing: border-box;
      }
        
        @media (max-width: 639px) {
          
        legend {
          white-space: normal;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;max-width: 100%;display: table;color: inherit;box-sizing: border-box;
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        legend {
          white-space: normal;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;max-width: 100%;display: table;color: inherit;box-sizing: border-box;
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        legend {
          white-space: normal;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;max-width: 100%;display: table;color: inherit;box-sizing: border-box;
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        legend {
          white-space: normal;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;max-width: 100%;display: table;color: inherit;box-sizing: border-box;
      }
        }
        @media (min-width: 1200px) {
          
        legend {
          white-space: normal;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;max-width: 100%;display: table;color: inherit;box-sizing: border-box;
      }
        }
        
        progress {
          vertical-align: baseline;
      }
        
        @media (max-width: 639px) {
          
        progress {
          vertical-align: baseline;
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        progress {
          vertical-align: baseline;
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        progress {
          vertical-align: baseline;
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        progress {
          vertical-align: baseline;
      }
        }
        @media (min-width: 1200px) {
          
        progress {
          vertical-align: baseline;
      }
        }
        
        details {
          display: block;
      }
        
        @media (max-width: 639px) {
          
        details {
          display: block;
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        details {
          display: block;
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        details {
          display: block;
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        details {
          display: block;
      }
        }
        @media (min-width: 1200px) {
          
        details {
          display: block;
      }
        }
        
        summary {
          display: list-item;
      }
        
        @media (max-width: 639px) {
          
        summary {
          display: list-item;
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        summary {
          display: list-item;
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        summary {
          display: list-item;
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        summary {
          display: list-item;
      }
        }
        @media (min-width: 1200px) {
          
        summary {
          display: list-item;
      }
        }
        
        template {
          display: none;
      }
        
        @media (max-width: 639px) {
          
        template {
          display: none;
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        template {
          display: none;
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        template {
          display: none;
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        template {
          display: none;
      }
        }
        @media (min-width: 1200px) {
          
        template {
          display: none;
      }
        }
        
        blockquote {
          margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;
      }
        
        @media (max-width: 639px) {
          
        blockquote {
          margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        blockquote {
          margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        blockquote {
          margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        blockquote {
          margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;
      }
        }
        @media (min-width: 1200px) {
          
        blockquote {
          margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;
      }
        }
        
        dd {
          margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;
      }
        
        @media (max-width: 639px) {
          
        dd {
          margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        dd {
          margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        dd {
          margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        dd {
          margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;
      }
        }
        @media (min-width: 1200px) {
          
        dd {
          margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;
      }
        }
        
        dl {
          margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;
      }
        
        @media (max-width: 639px) {
          
        dl {
          margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        dl {
          margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        dl {
          margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        dl {
          margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;
      }
        }
        @media (min-width: 1200px) {
          
        dl {
          margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;
      }
        }
        
        figure {
          margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;
      }
        
        @media (max-width: 639px) {
          
        figure {
          margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        figure {
          margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        figure {
          margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        figure {
          margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;
      }
        }
        @media (min-width: 1200px) {
          
        figure {
          margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;
      }
        }
        
        ol {
          margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;list-style-position: inside;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;
      }
        
        @media (max-width: 639px) {
          
        ol {
          margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;list-style-position: inside;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        ol {
          margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;list-style-position: inside;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        ol {
          margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;list-style-position: inside;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        ol {
          margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;list-style-position: inside;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;
      }
        }
        @media (min-width: 1200px) {
          
        ol {
          margin-left: 0px;margin-bottom: 0px;margin-right: 0px;margin-top: 0px;list-style-position: inside;padding-left: 0px;padding-bottom: 0px;padding-right: 0px;padding-top: 0px;
      }
        }
        
        table {
          border-collapse: collapse;
      }
        
        @media (max-width: 639px) {
          
        table {
          border-collapse: collapse;
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        table {
          border-collapse: collapse;
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        table {
          border-collapse: collapse;
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        table {
          border-collapse: collapse;
      }
        }
        @media (min-width: 1200px) {
          
        table {
          border-collapse: collapse;
      }
        }/*endBaseStyles*/
     



 @import 'https://fonts.googleapis.com/css?family=Roboto'; body { margin: 10px auto; max-width: 1024px; } h1 { font-family: 'Roboto', sans-serif; } h2 { font-size: 1.7em; margin: 0; padding: 0; font-family: 'Roboto', sans-serif; } h3 { font-family: 'Roboto', sans-serif; } h4 { font-size: 18px; font-weight: bold; font-family: 'Roboto', sans-serif; } p { font-family: 'Roboto', sans-serif; font-size: 18px; } li { font-size: 18px; font-family: 'Roboto', sans-serif; line-height: 30px; } a { text-decoration: none; color: #FFFFFF; } .mobileButton { margin: 2%; margin-bottom: 3%; padding: 2%; border: solid #adadba 1px; border-radius: 0px; text-align: center; font-family: verdana; font-weight: bold; } .wrapper { width: 800px; text-align: left; } .container{ margin: 0 auto; } ul{ list-style:none; } ul li{ padding:10px 10px; } a{ color:white; } ul li a{ text-align:center; font-size: 21px; text-decoration:none; } .columnHeading{ width:25%; float:left; } .headingBorder{ padding:20px 0; text-align:center; border-top:2px solid gray; border-bottom:2px solid gray; } .endRow{ float:right; } .clearRight{ clear:left; } .submenuPopularAppBtn,.submenuEmailClientBtn,.submenuSecuritySoftBtn,.submenuSpamFiltersBtn{ text-align:center; width:75%; padding:10px; cursor:pointer; } .submenuPopularAppBtn{ background-color:#007abd; } .submenuEmailClientBtn{ background-color:#7ec324; } .submenuSecuritySoftBtn{ background-color:#fdab00; } .submenuSpamFiltersBtn{ background-color:#eb605a; } @media only screen and (min-width:600px) and (max-width: 879px){ .columnHeading{ width:50%; } .headingBorder{ padding:20px 0; text-align:center; border-top:2px solid gray; border-bottom:2px solid gray; } #sSoftware{ clear:left; } } @media only screen and (min-width : 880px) and (max-width:1140px) { .columnHeading{ width:33.33333%; } #sFilters{ clear:both; } } /*fix margin*/ @media only screen and (min-width:0) and (max-width:600px){ body{ margin:10px; } .columnHeading{ width:100%; } .clearFix { clear: both; } } /*Instruction Icons*/ .instruction-icon { float: left; margin: 10px; } /* BEGIN Back to top button */ a.backTop { padding: 10px; } .backTop { color: #FFFFFF; font-weight: bold; font-family: roboto; display: inline-block; position: fixed; bottom: 40px; right: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden; white-space: nowrap; background: #CC0000; } .backTop.backTopVisible, .backTop.backTopFadeOut, .no-touch .backTop:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; } .backTop.backTopIsVisible { /* the button becomes visible */ visibility: visible; opacity: 1; } .backTop.backTopFadeOut { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */ opacity: .5; } .no-touch .backTop:hover { background-color: #e86256; opacity: 1; } @media only screen and (min-width: 768px) { .backTop { right: 20px; bottom: 20px; } } @media only screen and (min-width: 1024px) { .backTop { right: 30px; bottom: 30px; } } /* END Back to top button */ 

