div.alert-old {
           text-align: center;
           padding: 25px;
           font-size: 20px;
           color: #777;
           background-color: black;
           color: #f0f0f0;
       }

       div.alert-old a {
           color: white;
           text-decoration: underline;
           font-weight: bold;
       }

       div.alert-old a:hover {
           color: orange;
       }


       ::selection {
           background: #0054ff;
           color: white;
       }

       ::-webkit-selection {
           background: #0054ff;
           color: white;
       }

       ::-khtml-selection {
           background: #0054ff;
           color: white;
       }

       ::-moz-selection {
           background: #0054ff;
           color: white;
       }

       ::-wap-selection {
           background: #0054ff;
           color: white;
       }

       ::-ms-selection {
           background: #0054ff;
           color: white;
       }

       ::-o-selection {
           background: #0054ff;
           color: white;
       }

       body {
           cursor: default;
       }

       .wrapper {
           display: block;
           margin: 0 auto;
           width: 1200px;
           font-family: 'Roboto', sans-serif;
       }

       .inl {
           display: inline-block;
           vertical-align: top;
           * display: inline;
           zoom: 1;
       }

       .tal {
           text-align: left;
       }

       .tac {
           text-align: center;
       }

       .tar {
           text-align: right;
       }

       img {
           display: block;
           margin: 0px 0px;
           padding: 0px 0px;
           border: none;
           width: 100%;
       }

       img.auto {
           width: auto;
       }

       img.right {
           float: right;
           margin: 0px 0px 10px 10px;
       }

       img.left {
           float: left;
           margin: 0px 10px 10px 0px;
       }

       a,
       input,
       button,
       select,
       textarea {
           border: none;
           outline: none;
           background-color: transparent;
           text-decoration: none;
           color: #000;
       }

       /* ################################### Top ################################### */
       .top {
           display: block;
           background-color: #036;
           border-top: 4px solid #c20017;
           height: 42px;
           font-size: 0px;
           color: #b0b0b0;
       }

       .top .top-inner {
           padding: 0px 0px;
       }

       .top .top-inner .top-logo {
           width: 83px;
       }

       .top .top-inner .top-logo img {
           display: block;
           width: 75px;
           margin: 4px 0px 0px;
           border: 2px solid #f1f1f1;
       }

       .top .top-inner .top-menu {
           width: 70%;
       }

       .top .top-inner .top-menu ul {
           display: block;
           margin: 0px 0px;
           padding: 0px;
           font-size: 13px;
       }

       .top .top-inner .top-menu ul li {
           display: inline-block;
           padding: 13px 8px;
           margin: 0 8px;
           text-transform: uppercase;
           font-weight: bold;
       }

       .top .top-inner .top-menu ul li a {
           text-decoration: none;
           color: #fff;
           text-transform: none;
       }

       .top .top-inner .top-menu ul li a:hover {
           text-decoration: underline;
       }

       .top .top-inner .top-search {
           width: 20%;
           text-align: right;
       }

       .top .top-inner .top-search ul {
           display: block;
           margin: 0px 0px;
           padding: 0px 0px;
           font-size: 12px;
           text-transform: uppercase;
       }

       .top .top-inner .top-search ul li {
           display: inline-block;
           padding: 0px 0px;
           color: #626262;
       }

       .top .top-inner .top-search ul li a {
           display: inline-block;
           vertical-align: middle;
           color: #626262;
       }

       .top .top-inner .top-search ul li.mob {
           display: none;
           text-align:
       }

       .top .top-inner .top-search ul li img {
           margin: 2px 0px;
       }

       /* ################################### Mobile################################### */
       .mobile-menu {
           display: none;
           background-color: #036;
           color: #fff;
       }

       .mobile-menu ul {
           display: block;
           margin: 0px 0px;
           padding: 10px 10px;
       }

       .mobile-menu ul li {
           display: block;
           padding: 5px 0px;
       }

       .mobile-menu ul li a {
           color: #fff;
       }

       /* ################################### Header ################################### */
       .header {
           display: block;
           background-color: #fff;
           font-size: 0px;
           border-bottom: 1px solid #f1f1f1;
           padding: 15px 0;
           box-sizing: border-box;
       }

       .header .header-inner {
           padding: 0px 0px;
       }

       .header .header-inner .header-menu {
           display: block;
           margin: 0px 0px;
       }

       .header .header-inner .header-menu ul {
           display: block;
           margin: 0px 0px;
           padding: 5px 0px 0px 93px;
       }

       .header .header-inner .header-menu ul li {
           display: inline-block;
           color: #036;
           font-size: 11px;
           padding: 10px 10px;
           font-weight: bold;
       }

       .header .header-inner .header-menu ul li a.hmp {
           color: #c20017;
       }

       .header .header-inner .header-menu ul li:hover {
           text-decoration: underline;
       }

       .header .header-inner .header-menu ul li a {
           color: #036;
       }

       /* ################################### Main Title ################################### */
       .banner-ad {
           display: block;
           padding: 20px 0px;
           margin: 0px 0px;
           text-align: center;
       }

       .banner-ad img {
           display: block;
           margin: 0 auto;
           width: auto;
       }

       .main-title {
           display: block;
           margin: 40px auto;
           width: 80%;
           text-align: center;
       }

       .main-title p {
           display: block;
           margin: 10px 0;
           padding: 0;
           font-size: 14px;
           color: #767676;
           text-transform: uppercase;
       }

       .main-title p span {
           color: #036;
           font-weight: bold;
           text-transform: none;
       }

       .main-title h1 {
           display: block;
           margin: 0px 0px;
           padding: 0px 0px;
           font-size: 50px;
           line-height: 55px;
           font-weight: bold;
       }

       .main-title h1 span {
           color: #bb0000;
       }

       .main-title h2 {
           display: block;
           margin: 0px 0px;
           padding: 0px 0px;
           font-size: 15px;
           line-height: 18px;
           font-weight: normal;
           color: #173a52;
           text-transform: uppercase;
       }

       /* ################################### CONTENT ################################### */
       .content {
           display: block;
           margin: 20px 0px;
           font-size: 0px;
           color: #57585a;
           font-size: 0;
       }

       .content a {
           color: #006598;
       }

       .content a:hover {
           text-decoration: underline;
       }

       .content .article {
           width: 70%;
       }

       .content .article .article-inner {
           padding: 0px 40px 0px 0px;
       }

       .content .article .article-inner .meta {
           margin: 20px 0px;
           padding: 10px 0px;
           border-top: 1px solid #cedfef;
           border-bottom: 1px solid #cedfef;
       }

       .content .article .article-inner .meta a {
           font-weight: bold;
       }

       .content .article .article-inner .meta .meta-left {
           width: 50%;
           vertical-align: middle;
           text-align: left;
       }

       .content .article .article-inner .meta .meta-left p {
           display: block;
           font-size: 14px;
           margin: 5px 0px 0px;
           padding: 0;
       }

       .content .article .article-inner .meta .meta-right {
           width: 50%;
           vertical-align: middle;
           text-align: right;
       }

       .content .article .article-inner .meta .meta-right img {
           display: inline-block;
           width: auto;
           margin: 0;
       }

       .responsive-video {
           width: 100%;
           max-width: 100%;
           height: auto;
       }

       .content .article .article-inner p {
           display: block;
           margin: 20px 0px;
           padding: 0px 0px;
           font-size: 16px;
           line-height: 28px;
           color: #000;
       }

       .content .article .article-inner p span {
           color: #bb0000;
       }

       .content .article .article-inner p.cap {
           font-size: 18px;
           padding: 10px;
           font-style: italic;
           border-top: 1px solid #cedfef;
           border-bottom: 1px solid #cedfef;
       }

       .content .article .article-inner p.cap span {
           display: block;
           font-size: 12px;
           color: #333;
       }

       .content .article .article-inner p img.right {
           float: right;
           margin: 0px 0px 10px 10px;
           width: auto;
       }

       .content .article .article-inner p img.left {
           float: left;
           margin: 0px 10px 10px 0px;
           width: auto;
       }

       .content .article .article-inner h1 {
           display: block;
           margin: 0px 0px;
           padding: 0px 0px;
           font-size: 30px;
           line-height: 35px;
       }

       .content .article .article-inner h2 {
           display: block;
           font-size: 25px;
           line-height: 30px;
           margin: 20px 0px;
           color: #000;
       }

       .content .article .article-inner h3 {
           display: block;
           font-size: 18px;
           text-decoration: underline;
           font-weight: normal;
           margin: 0px 0px;
           color: #173a52;
       }

       .content .article .article-inner h2 span {
           padding: 10px 10px 10px 10px;
           color: #173a52;
       }

       .content .article .article-inner h4 {
           font-size: 16px;
           font-weight: normal;
           margin: 40px 0px;
           padding: 10px 70px 10px 20px;
           color: #57585a;
           background-color: #f2f2f2;
           border-bottom: 1px solid #d9d9d9;
       }

       .content .article .article-inner h6 {
           display: block;
           font-size: 14px;
           margin: 0px 0px;
           font-weight: normal;
           font-style: italic;
       }

       .content .article .article-inner ul {
           display: block;
           margin: 0px 0px;
           padding: 0px 20px;
           font-size: 16px;
       }

       .content .article .article-inner ul li {
           margin: 5px 0px;
           color: #425e71;
       }

       .content .article .article-inner img {
           display: block;
           margin: 20px auto;
           width: 100%;
       }

       .content .article .article-inner img.auto {
           width: auto;
       }

       .content .article .article-inner .week {
           display: block;
           margin: 40px 0px;
           padding: 20px;
           box-sizing: border-box;
           border: 1px solid #CBCBCB;
           background-color: #fff;
           box-shadow: 0 5px 5px #707070;
       }

       .content .article .article-inner .week img {
           margin: 0;
       }

       .content .article .article-inner p.yellow {
           display: block;
           margin: 10px 0px;
           padding: 0px 0px;
           font-size: 22px;
           line-height: 32px;
           font-style: italic;
           font-weight: bold;
           text-align: center;
           color: #f6a832;
       }

       .content .article .article-inner .day {
           display: block;
           margin: 10px 0;
       }

       .content .article .article-inner .day .day-left {
           width: 20%;
       }

       .content .article .article-inner .day .day-left img {
           display: block;
           width: 100%;
       }

       .content .article .article-inner .day .day-right {
           width: 80%;
           padding: 20px 10px;
           box-sizing: border-box;
       }

       .content .article .article-inner .day .day-right p {
           display: block;
           margin: 10px 0;
           font-size: 15px;
           line-height: 20px;
       }

       .content .article .article-inner .white-box {
           display: block;
           margin: 20px 0px;
           border: 1px solid #cacaca;
           background-color: #e9e9e9;
       }

       .content .article .article-inner .white-box .white-box-inner {
           padding: 20px;
       }

       .content .article .article-inner .white-box .white-box-inner .white-box-left {
           width: 20%;
       }

       .content .article .article-inner .white-box .white-box-inner .white-box-left img {
           display: block;
           width: auto;
           margin: 0 auto;
       }

       .content .article .article-inner .white-box .white-box-inner .white-box-right {
           width: 80%;
       }

       .content .article .article-inner .white-box .white-box-inner .white-box-right .white-box-right-inner {
           padding: 30px 20px;
       }

       .content .article .article-inner .white-box .white-box-inner .white-box-right .white-box-right-inner h1 {
           display: block;
           margin: 0px 0px 10px;
           color: #000;
           font-weight: normal;
           font-size: 30px;
       }

       .content .article .article-inner .white-box .white-box-inner .white-box-right .white-box-right-inner p {
           display: block;
           margin: 0px 0px 10px;
           color: #666666;
       }

       .content .article .article-inner .white-box .white-box-inner .white-box-right .white-box-right-inner .button {
           display: block;
           width: 200px;
           padding: 10px 20px;
           background-color: #173a52;
           text-transform: uppercase;
           color: #fff;
           font-size: 18px;
           text-align: center;
           border-radius: 5px;
           margin: 10px 0px 10px;
       }

       .content .article .product {
           display: block;
           margin: 20px 0;
           border: 1px solid #000000;
       }

       .content .article .product h1 {
           display: block;
           margin: 0 0;
           padding: 0;
           box-sizing: border-box;
           font-size: 30px;
           line-height: 40px;
           font-weight: normal;
           background-color: #000000;
           padding: 20px;
           box-sizing: border-box;
           color: #fff;
       }

       .content .article .product .product-inner {
           padding: 20px;
           box-sizing: border-box;
       }

       .content .article .product .product-inner .product-left {
           width: 30%;
           vertical-align: middle;
           padding: 0 20px;
           box-sizing: border-box;
       }

       .content .article .product .product-inner .product-left img {
           display: block;
           margin: 0 auto;
           width: 100%;
       }

       .content .article .product .product-inner .product-right {
           width: 70%;
           vertical-align: middle;
           text-align: center;
       }

       .content .article .product .product-inner .product-right img {
           display: block;
           margin: 20px auto;
           width: auto;
           max-height: 240px;
       }

       .content .article .product img {
           display: block;
           width: 100%;
       }

       .content .article .product img.bottle {
           display: block;
           max-height: 250px;
           width: auto;
           margin: 0 auto;
       }

       .content .sidebar {
           width: 30%;
           padding: 0px 20px;
           box-sizing: border-box;
       }

       .content .sidebar img {
           margin: 0 0 40px;
       }

       .content .sidebar .sidebar-inner {
           padding: 15px 15px;
           font-size: 0px;
           border: 1px solid #cedfef;
       }

       .content .sidebar .sidebar-inner img {
           display: block;
           width: 100%;
           margin: 0px auto;
       }

       .content .sidebar .sidebar-inner img.auto {
           width: auto;
       }

       .content .sidebar .sidebar-inner h1 {
           font-size: 18px;
           text-transform: uppercase;
           margin: 0px 0px 5px;
           padding: 0px 0px 0px 0px;
           color: #222;
       }

       .content .sidebar .sidebar-inner p {
           display: block;
           margin: 10px 0px;
           font-size: 14px;
           line-height: 24px;
           color: #57585a;
           padding: 0px 0px;
       }

       .content .sidebar .sidebar-inner p.center {
           text-align: center;
       }

       .content .sidebar .sidebar-inner p span {
           display: block;
           color: #000;
       }

       .content .sidebar .sidebar-inner .box {
           display: block;
           margin: 10px 0px;
       }

       .content .sidebar .sidebar-inner .box .box-inner {
           padding: 10px 10px;
       }

       .content .sidebar .sidebar-inner .box .box-inner .box-left {
           width: 30%;
       }

       .content .sidebar .sidebar-inner .box .box-inner .box-left img {
           display: block;
           width: 50px;
       }

       .content .sidebar .sidebar-inner .box .box-inner .box-right {
           width: 70%;
       }

       .content .sidebar .sidebar-inner .box .box-inner .box-right p {
           display: block;
           margin: 10px 0px;
           font-size: 16px;
           color: #57585a;
           padding: 0px 0px;
       }

       .content .sidebar .sidebar-inner .box .box-inner .box-right p span {
           font-size: 12px;
           color: #9b9b9b;
       }

       .content .sidebar .sidebar-inner .box .box-inner .box-right .button {
           display: block;
           width: 120px;
           padding: 10px 10px;
           background-color: #173a52;
           text-transform: uppercase;
           color: #fff;
           font-size: 13px;
           text-align: center;
           border-radius: 5px;
           margin: 5px 0px 5px;
       }

       .content .sidebar .sidebar-inner .testi {
           display: block;
           margin: 30px 0px 0px;
           font-size: 0px;
           border-top: 1px solid #d9d9d9;
       }

       .content .sidebar .sidebar-inner .testi .testi-left {
           width: 100%;
       }

       .content .sidebar .sidebar-inner .testi .testi-left img {
           display: block;
           width: 100%;
           margin: 0px 0px;
       }

       .content .sidebar .sidebar-inner .testi .testi-right {
           width: 100%;
       }

       .content .sidebar .sidebar-inner .testi .testi-right p {
           display: block;
           margin: 10px 0px;
           font-size: 15px;
           color: #173a52;
           padding: 0px 0px;
       }

       /* ################################### Footer ################################### */
       .footer {
           display: block;
           margin: 40px 0px 0px;
           background-color: #036;
           font-size: 0px;
       }

       .footer .footer-inner {
           padding: 40px 0px;
       }

       .footer .footer-inner .footer-box {
           width: 16%;
           padding: 0px 10px;
           box-sizing: border-box;
           margin: 0 0 20px 0;
       }

       .footer .footer-inner .footer-box h1 {
           display: block;
           font-size: 16px;
           text-transform: uppercase;
           color: #fff;
       }

       .footer .footer-inner .footer-box ul {
           display: block;
           margin: 10px 0;
           padding: 0px;
           font-size: 15px;
           border: none;
       }

       .footer .footer-inner .footer-box ul li {
           display: block;
           margin: 5px 0;
       }

       .footer .footer-inner ul {
           display: block;
           margin: 0px 0px;
           padding: 0px 0px 20px;
           font-size: 14px;
           border-bottom: 1px solid #93aaba;
       }

       .footer .footer-inner ul li {
           display: inline-block;
           color: #fff;
           padding: 0px 5px;
       }

       .footer .footer-inner ul li a {
           color: #fff;
       }

       .footer .footer-inner ul li a:hover {
           color: #fff;
       }


       .footer .footer-inner .copyright {
           display: block;
           margin: 0px 0px;
           font-size: 0px;
       }

       .footer .footer-inner .copyright .copy-left {
           width: 50%;
       }

       .footer .footer-inner .copyright .copy-right {
           width: 50%;
           text-align: right;
       }

       .footer .footer-inner .copyright .copy-left p,
       .footer .footer-inner .copyright .copy-right p {
           display: block;
           color: #fff;
           font-size: 15px;
       }

       .footer .footer-inner .statement {
           display: block;
           padding: 10px 0px;
       }

       .footer .footer-inner .statement p {
           color: #93aaba;
           font-size: 12px;
       }

       /* ################################### Comments ################################### */
       .comments {
           display: block;
           margin: 20px 0px;
           font-size: 0px;
       }

       .comments .comments-inner {
           padding: 0px 0px;
       }

       .comments .comments-inner .comment-box {
           margin: 20px 0px;
           display: block;
           padding: 0px 0px 20px;
           border-bottom: 1px solid #d9d9d9;
       }

       .comments .comments-inner .comment-box .comment-pic {
           width: 7%;
       }

       .comments .comments-inner .comment-box .comment-pic img {
           display: block;
           width: 50px;
           margin: 0px 0px;
       }

       .comments .comments-inner .comment-box .comment-text {
           width: 80%;
       }

       .comments .comments-inner .comment-box .comment-text .comment-text-inner {
           padding: 0px 20px;
       }

       .comments .comments-inner .comment-box .comment-text .comment-text-inner h1 {
           display: block;
           margin: 2px 0px 0px;
           font-size: 15px;
           line-height: 16px;
           color: #006598;
       }

       .comments .comments-inner .comment-box .comment-text .comment-text-inner p {
           display: block;
           margin: 5px 0px;
           padding: 0px 0px;
           font-size: 14px;
           line-height: 16px;
       }

       .comments .comments-inner .comment-box .comment-text .comment-text-inner h2 {
           display: block;
           margin: 10px 0px 0px;
           font-size: 13px;
           line-height: 13px;
           color: #57585a;
       }

       .comments .comments-inner .comment-box .comment-text .comment-text-inner h2 span {
           color: #006598;
           border: none;
           background-color: transparent;
           padding: 0px 0px;
       }

       @media screen and (max-width: 1024px) {
           .comments .comments-inner .comment-box .comment-pic {
               width: 10%;
           }

       }

       @media screen and (max-width: 770px) {

           .content .article .article-inner .product_inner .product_box .product_inn .pro_desc a img {
               width: 100%;
           }

       }

       @media screen and (max-width: 600px) {

           .content .article .article-inner .product_inner .product_box h1 {
               font-size: 20px;
               line-height: 25px;
               text-align: center;
           }

           .content .article .article-inner .product_inner .product_box .product_inn .pro_bottle {
               text-align: center;
               width: 100%;
           }

           .content .article .article-inner .product_inner .product_box .product_inn .pro_desc {
               margin: 30px 0 0;
               padding: 0 0 15px;
               width: 100%;
           }

           .comments .comments-inner .comment-box .comment-pic {
               width: 15%;
           }


       }

       @media screen and (max-width: 420px) {}
  
       
      @media screen and (max-width: 1220px) {
        .wrapper {
          width: 700px;
        }

        .top .top-inner .top-menu {
          display: none;
        }

        .top .top-inner .top-logo {
          width: 50%;
        }

        .top .top-inner .top-search {
          width: 50%;
        }

        .main-title {
          margin: 30px auto 10px;
          width: 100%;
        }

        .main-title h1 {
          font-size: 40px;
          line-height: 50px;
        }

        .content .article .article-inner .meta {
          border: none;
          margin: 0;
        }

        .content .article .article-inner .meta .meta-left {
          display: none;
        }

        .content .article .article-inner .meta .meta-right {
          width: 100%;
        }

        .content .article .article-inner .meta .meta-right img {
          display: block;
          width: auto;
          margin: 0 auto;
        }

        .content .article .article-inner img.auto {
          width: 100%;
        }

        .content .article {
          width: 100%;
        }

        .content .article .article-inner {
          padding: 0;
        }

        .content .sidebar {
          display: none;
        }

        .footer .footer-inner .footer-box {
          width: 32%;
        }
      }

      @media screen and (max-width: 770px) {
        .wrapper {
          width: 550px;
        }

        .header .header-inner .header-menu {
          display: none;
        }

        .banner-ad img {
          width: 100%;
        }

        .top .top-inner .top-search ul li.mob {
          display: inline-block;
          vertical-align: middle;
        }

        .top .top-inner .top-search ul li.mob img {
          width: auto;
        }

        .top .top-inner .top-search ul li.mob img.mob-img {
          margin: 5px 0;
        }

        .content .article .article-inner .meta {
          margin: 0 0 20px;
        }

        .footer .footer-inner .footer-box {
          width: 50%;
        }

        .content .article .product .product-inner .product-left {
          width: 100%;
        }

        .content .article .product .product-inner .product-left img {
          width: 60%;
        }

        .content .article .product .product-inner .product-right {
          width: 100%;
        }
      }

      @media screen and (max-width: 600px) {
        .wrapper {
          width: 90%;
        }

        .top .top-inner .top-logo {
          width: 20%;
        }

        .top .top-inner .top-search {
          width: 80%;
        }

        .main-title h1 {
          font-size: 28px;
          line-height: 32px;
        }

        .content .article .article-inner .meta .meta-left {
          display: none;
        }

        .content
          .article
          .article-inner
          .white-box
          .white-box-inner
          .white-box-left {
          width: 100%;
        }

        .content
          .article
          .article-inner
          .white-box
          .white-box-inner
          .white-box-right {
          width: 100%;
        }

        .content
          .article
          .article-inner
          .white-box
          .white-box-inner
          .white-box-right
          .white-box-right-inner {
          padding: 20px 0px;
        }

        .content .article .article-inner p img.right {
          float: none;
          width: 50%;
          margin: 0 auto;
        }

        .content
          .article
          .article-inner
          .white-box
          .white-box-inner
          .white-box-right
          .white-box-right-inner
          .button {
          width: 170px;
        }

        .content .article .article-inner h2 span {
          padding: 10px 10px;
        }

        .footer .footer-inner .search-wrapper,
        .footer .footer-inner .copyright .copy-left,
        .footer .footer-inner .copyright .copy-right {
          text-align: center;
          width: 100%;
        }

        .footer .footer-inner .copyright .copy-left p,
        .footer .footer-inner .copyright .copy-right p {
          margin: 5px 0px;
        }

        .footer .footer-inner .statement {
          display: block;
          text-align: center;
        }

        .content .article .product .product-inner .product-right img {
          width: 100%;
        }

        .content .article .product h1 {
          font-size: 25px;
          line-height: 30px;
        }

        .content .article .product .product-inner .product-left img {
          width: 80%;
        }

        .footer .footer-inner {
          padding: 20px 0;
        }

        .footer .footer-inner .footer-box {
          display: none;
        }
      }

      @media screen and (max-width: 420px) {
        .wrapper {
          width: 90%;
        }

        .search {
          width: 200px;
        }

        .top .top-inner .top-logo img {
          width: 50px;
        }

        .top .top-inner .top-search ul li img {
          margin: 5px 0;
          width: 140px;
        }

        .search input[type="submit"] {
          margin: 3px 0 0 -3px;
        }

        .content .sidebar .sidebar-inner img.auto {
          width: 100%;
        }

        .top .top-inner .top-search ul li {
          font-size: 11px;
          padding: 0 3px;
        }

        .footer .footer-inner ul {
          display: none;
        }
      }
    

    
      html {
        font-family: sans-serif;
        /* 1 */
        -ms-text-size-adjust: 100%;
        /* 2 */
        -webkit-text-size-adjust: 100%;
        /* 2 */
      }

      /**
 * Remove default margin.
 */

      body {
        margin: 0;
      }

      /* HTML5 display definitions
   ========================================================================== */

      /**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

      article,
      aside,
      details,
      figcaption,
      figure,
      footer,
      header,
      hgroup,
      main,
      menu,
      nav,
      section,
      summary {
        display: block;
      }

      /**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

      audio,
      canvas,
      progress,
      video {
        display: inline-block;
        /* 1 */
        vertical-align: baseline;
        /* 2 */
      }

      /**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

      audio:not([controls]) {
        display: none;
        height: 0;
      }

      /**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

      [hidden],
      template {
        display: none;
      }

      /* Links
   ========================================================================== */

      /**
 * Remove the gray background color from active links in IE 10.
 */

      a {
        background-color: transparent;
      }

      /**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

      a:active,
      a:hover {
        outline: 0;
      }

      /* Text-level semantics
   ========================================================================== */

      /**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

      abbr[title] {
        border-bottom: 1px dotted;
      }

      /**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

      b,
      strong {
        font-weight: bold;
      }

      /**
 * Address styling not present in Safari and Chrome.
 */

      dfn {
        font-style: italic;
      }

      /**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

      h1 {
        font-size: 2em;
        margin: 0.67em 0;
      }

      /**
 * Address styling not present in IE 8/9.
 */

      mark {
        background: #ff0;
        color: #000;
      }

      /**
 * Address inconsistent and variable font size in all browsers.
 */

      small {
        font-size: 80%;
      }

      /**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

      sub,
      sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
      }

      sup {
        top: -0.5em;
      }

      sub {
        bottom: -0.25em;
      }

      /* Embedded content
   ========================================================================== */

      /**
 * Remove border when inside `a` element in IE 8/9/10.
 */

      img {
        border: 0;
      }

      /**
 * Correct overflow not hidden in IE 9/10/11.
 */

      svg:not(:root) {
        overflow: hidden;
      }

      /* Grouping content
   ========================================================================== */

      /**
 * Address margin not present in IE 8/9 and Safari.
 */

      figure {
        margin: 1em 40px;
      }

      /**
 * Address differences between Firefox and other browsers.
 */

      hr {
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        height: 0;
      }

      /**
 * Contain overflow in all browsers.
 */

      pre {
        overflow: auto;
      }

      /**
 * Address odd `em`-unit font size rendering in all browsers.
 */

      code,
      kbd,
      pre,
      samp {
        font-family: monospace, monospace;
        font-size: 1em;
      }

      /* Forms
   ========================================================================== */

      /**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

      /**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

      button,
      input,
      optgroup,
      select,
      textarea {
        color: inherit;
        /* 1 */
        font: inherit;
        /* 2 */
        margin: 0;
        /* 3 */
      }

      /**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

      button {
        overflow: visible;
      }

      /**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

      button,
      select {
        text-transform: none;
      }

      /**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

      button,
    html input[type="button"],
    /* 1 */
    input[type="reset"],
    input[type="submit"] {
        -webkit-appearance: button;
        /* 2 */
        cursor: pointer;
        /* 3 */
      }

      /**
 * Re-set default cursor for disabled elements.
 */

      button[disabled],
      html input[disabled] {
        cursor: default;
      }

      /**
 * Remove inner padding and border in Firefox 4+.
 */

      button::-moz-focus-inner,
      input::-moz-focus-inner {
        border: 0;
        padding: 0;
      }

      /**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

      input {
        line-height: normal;
      }

      /**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address -webkit-box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

      input[type="checkbox"],
      input[type="radio"] {
        box-sizing: border-box;
        /* 1 */
        padding: 0;
        /* 2 */
      }

      /**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

      input[type="number"]::-webkit-inner-spin-button,
      input[type="number"]::-webkit-outer-spin-button {
        height: auto;
      }

      /**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

      input[type="search"] {
        -webkit-appearance: textfield;
        /* 1 */
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        /* 2 */
        box-sizing: content-box;
      }

      /**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

      input[type="search"]::-webkit-search-cancel-button,
      input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
      }

      /**
 * Define consistent border, margin, and padding.
 */

      fieldset {
        border: 1px solid #c0c0c0;
        margin: 0 2px;
        padding: 0.35em 0.625em 0.75em;
      }

      /**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

      legend {
        border: 0;
        /* 1 */
        padding: 0;
        /* 2 */
      }

      /**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

      textarea {
        overflow: auto;
      }

      /**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

      optgroup {
        font-weight: bold;
      }

      /* Tables
   ========================================================================== */

      /**
 * Remove most spacing between table cells.
 */

      table {
        border-collapse: collapse;
        border-spacing: 0;
      }

      td,
      th {
        padding: 0;
      }
    
      
   
      
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 100;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOiCnqEu92Fr1Mu51QrEz0dL_nz.woff2)
          format("woff2");
        unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF,
          U+A640-A69F, U+FE2E-FE2F;
      }

      /* cyrillic */
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 100;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOiCnqEu92Fr1Mu51QrEzQdL_nz.woff2)
          format("woff2");
        unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
      }

      /* greek-ext */
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 100;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOiCnqEu92Fr1Mu51QrEzwdL_nz.woff2)
          format("woff2");
        unicode-range: U+1F00-1FFF;
      }

      /* greek */
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 100;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOiCnqEu92Fr1Mu51QrEzMdL_nz.woff2)
          format("woff2");
        unicode-range: U+0370-03FF;
      }

      /* vietnamese */
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 100;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOiCnqEu92Fr1Mu51QrEz8dL_nz.woff2)
          format("woff2");
        unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
          U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
      }

      /* latin-ext */
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 100;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOiCnqEu92Fr1Mu51QrEz4dL_nz.woff2)
          format("woff2");
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
          U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
      }

      /* latin */
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 100;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOiCnqEu92Fr1Mu51QrEzAdLw.woff2)
          format("woff2");
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
          U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
          U+2212, U+2215, U+FEFF, U+FFFD;
      }

      /* cyrillic-ext */
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 300;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TjASc3CsTKlA.woff2)
          format("woff2");
        unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF,
          U+A640-A69F, U+FE2E-FE2F;
      }

      /* cyrillic */
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 300;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TjASc-CsTKlA.woff2)
          format("woff2");
        unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
      }

      /* greek-ext */
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 300;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TjASc2CsTKlA.woff2)
          format("woff2");
        unicode-range: U+1F00-1FFF;
      }

      /* greek */
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 300;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TjASc5CsTKlA.woff2)
          format("woff2");
        unicode-range: U+0370-03FF;
      }

      /* vietnamese */
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 300;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TjASc1CsTKlA.woff2)
          format("woff2");
        unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
          U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
      }

      /* latin-ext */
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 300;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TjASc0CsTKlA.woff2)
          format("woff2");
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
          U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
      }

      /* latin */
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 300;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TjASc6CsQ.woff2)
          format("woff2");
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
          U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
          U+2212, U+2215, U+FEFF, U+FFFD;
      }

      /* cyrillic-ext */
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xFIzIFKw.woff2)
          format("woff2");
        unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF,
          U+A640-A69F, U+FE2E-FE2F;
      }

      /* cyrillic */
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xMIzIFKw.woff2)
          format("woff2");
        unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
      }

      /* greek-ext */
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xEIzIFKw.woff2)
          format("woff2");
        unicode-range: U+1F00-1FFF;
      }

      /* greek */
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xLIzIFKw.woff2)
          format("woff2");
        unicode-range: U+0370-03FF;
      }

      /* vietnamese */
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xHIzIFKw.woff2)
          format("woff2");
        unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
          U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
      }

      /* latin-ext */
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xGIzIFKw.woff2)
          format("woff2");
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
          U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
      }

      /* latin */
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1Mu51xIIzI.woff2)
          format("woff2");
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
          U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
          U+2212, U+2215, U+FEFF, U+FFFD;
      }

      /* cyrillic-ext */
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 500;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51S7ACc3CsTKlA.woff2)
          format("woff2");
        unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF,
          U+A640-A69F, U+FE2E-FE2F;
      }

      /* cyrillic */
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 500;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51S7ACc-CsTKlA.woff2)
          format("woff2");
        unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
      }

      /* greek-ext */
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 500;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51S7ACc2CsTKlA.woff2)
          format("woff2");
        unicode-range: U+1F00-1FFF;
      }

      /* greek */
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 500;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51S7ACc5CsTKlA.woff2)
          format("woff2");
        unicode-range: U+0370-03FF;
      }

      /* vietnamese */
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 500;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51S7ACc1CsTKlA.woff2)
          format("woff2");
        unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
          U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
      }

      /* latin-ext */
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 500;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51S7ACc0CsTKlA.woff2)
          format("woff2");
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
          U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
      }

      /* latin */
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 500;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51S7ACc6CsQ.woff2)
          format("woff2");
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
          U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
          U+2212, U+2215, U+FEFF, U+FFFD;
      }

      /* cyrillic-ext */
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 700;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TzBic3CsTKlA.woff2)
          format("woff2");
        unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF,
          U+A640-A69F, U+FE2E-FE2F;
      }

      /* cyrillic */
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 700;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TzBic-CsTKlA.woff2)
          format("woff2");
        unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
      }

      /* greek-ext */
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 700;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TzBic2CsTKlA.woff2)
          format("woff2");
        unicode-range: U+1F00-1FFF;
      }

      /* greek */
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 700;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TzBic5CsTKlA.woff2)
          format("woff2");
        unicode-range: U+0370-03FF;
      }

      /* vietnamese */
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 700;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TzBic1CsTKlA.woff2)
          format("woff2");
        unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
          U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
      }

      /* latin-ext */
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 700;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TzBic0CsTKlA.woff2)
          format("woff2");
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
          U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
      }

      /* latin */
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 700;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TzBic6CsQ.woff2)
          format("woff2");
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
          U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
          U+2212, U+2215, U+FEFF, U+FFFD;
      }

      /* cyrillic-ext */
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 900;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TLBCc3CsTKlA.woff2)
          format("woff2");
        unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF,
          U+A640-A69F, U+FE2E-FE2F;
      }

      /* cyrillic */
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 900;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TLBCc-CsTKlA.woff2)
          format("woff2");
        unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
      }

      /* greek-ext */
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 900;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TLBCc2CsTKlA.woff2)
          format("woff2");
        unicode-range: U+1F00-1FFF;
      }

      /* greek */
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 900;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TLBCc5CsTKlA.woff2)
          format("woff2");
        unicode-range: U+0370-03FF;
      }

      /* vietnamese */
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 900;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TLBCc1CsTKlA.woff2)
          format("woff2");
        unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
          U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
      }

      /* latin-ext */
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 900;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TLBCc0CsTKlA.woff2)
          format("woff2");
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
          U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
      }

      /* latin */
      @font-face {
        font-family: "Roboto";
        font-style: italic;
        font-weight: 900;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOjCnqEu92Fr1Mu51TLBCc6CsQ.woff2)
          format("woff2");
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
          U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
          U+2212, U+2215, U+FEFF, U+FFFD;
      }

      /* cyrillic-ext */
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 100;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1MmgVxFIzIFKw.woff2)
          format("woff2");
        unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF,
          U+A640-A69F, U+FE2E-FE2F;
      }

      /* cyrillic */
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 100;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1MmgVxMIzIFKw.woff2)
          format("woff2");
        unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
      }

      /* greek-ext */
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 100;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1MmgVxEIzIFKw.woff2)
          format("woff2");
        unicode-range: U+1F00-1FFF;
      }

      /* greek */
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 100;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1MmgVxLIzIFKw.woff2)
          format("woff2");
        unicode-range: U+0370-03FF;
      }

      /* vietnamese */
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 100;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1MmgVxHIzIFKw.woff2)
          format("woff2");
        unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
          U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
      }

      /* latin-ext */
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 100;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1MmgVxGIzIFKw.woff2)
          format("woff2");
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
          U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
      }

      /* latin */
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 100;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOkCnqEu92Fr1MmgVxIIzI.woff2)
          format("woff2");
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
          U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
          U+2212, U+2215, U+FEFF, U+FFFD;
      }

      /* cyrillic-ext */
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 300;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2)
          format("woff2");
        unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF,
          U+A640-A69F, U+FE2E-FE2F;
      }

      /* cyrillic */
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 300;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2)
          format("woff2");
        unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
      }

      /* greek-ext */
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 300;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2)
          format("woff2");
        unicode-range: U+1F00-1FFF;
      }

      /* greek */
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 300;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2)
          format("woff2");
        unicode-range: U+0370-03FF;
      }

      /* vietnamese */
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 300;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2)
          format("woff2");
        unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
          U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
      }

      /* latin-ext */
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 300;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2)
          format("woff2");
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
          U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
      }

      /* latin */
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 300;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fBBc4.woff2)
          format("woff2");
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
          U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
          U+2212, U+2215, U+FEFF, U+FFFD;
      }

      /* cyrillic-ext */
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu72xKOzY.woff2)
          format("woff2");
        unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF,
          U+A640-A69F, U+FE2E-FE2F;
      }

      /* cyrillic */
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu5mxKOzY.woff2)
          format("woff2");
        unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
      }

      /* greek-ext */
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7mxKOzY.woff2)
          format("woff2");
        unicode-range: U+1F00-1FFF;
      }

      /* greek */
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4WxKOzY.woff2)
          format("woff2");
        unicode-range: U+0370-03FF;
      }

      /* vietnamese */
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7WxKOzY.woff2)
          format("woff2");
        unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
          U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
      }

      /* latin-ext */
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7GxKOzY.woff2)
          format("woff2");
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
          U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
      }

      /* latin */
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 400;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxK.woff2)
          format("woff2");
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
          U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
          U+2212, U+2215, U+FEFF, U+FFFD;
      }

      /* cyrillic-ext */
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 500;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2)
          format("woff2");
        unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF,
          U+A640-A69F, U+FE2E-FE2F;
      }

      /* cyrillic */
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 500;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2)
          format("woff2");
        unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
      }

      /* greek-ext */
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 500;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2)
          format("woff2");
        unicode-range: U+1F00-1FFF;
      }

      /* greek */
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 500;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2)
          format("woff2");
        unicode-range: U+0370-03FF;
      }

      /* vietnamese */
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 500;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2)
          format("woff2");
        unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
          U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
      }

      /* latin-ext */
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 500;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2)
          format("woff2");
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
          U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
      }

      /* latin */
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 500;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fBBc4.woff2)
          format("woff2");
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
          U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
          U+2212, U+2215, U+FEFF, U+FFFD;
      }

      /* cyrillic-ext */
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 700;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2)
          format("woff2");
        unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF,
          U+A640-A69F, U+FE2E-FE2F;
      }

      /* cyrillic */
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 700;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2)
          format("woff2");
        unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
      }

      /* greek-ext */
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 700;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2)
          format("woff2");
        unicode-range: U+1F00-1FFF;
      }

      /* greek */
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 700;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2)
          format("woff2");
        unicode-range: U+0370-03FF;
      }

      /* vietnamese */
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 700;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2)
          format("woff2");
        unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
          U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
      }

      /* latin-ext */
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 700;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2)
          format("woff2");
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
          U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
      }

      /* latin */
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 700;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBBc4.woff2)
          format("woff2");
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
          U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
          U+2212, U+2215, U+FEFF, U+FFFD;
      }

      /* cyrillic-ext */
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 900;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmYUtfCRc4EsA.woff2)
          format("woff2");
        unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF,
          U+A640-A69F, U+FE2E-FE2F;
      }

      /* cyrillic */
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 900;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmYUtfABc4EsA.woff2)
          format("woff2");
        unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
      }

      /* greek-ext */
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 900;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2)
          format("woff2");
        unicode-range: U+1F00-1FFF;
      }

      /* greek */
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 900;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2)
          format("woff2");
        unicode-range: U+0370-03FF;
      }

      /* vietnamese */
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 900;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmYUtfCxc4EsA.woff2)
          format("woff2");
        unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
          U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
      }

      /* latin-ext */
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 900;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmYUtfChc4EsA.woff2)
          format("woff2");
        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
          U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
      }

      /* latin */
      @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 900;
        src: url(https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmYUtfBBc4.woff2)
          format("woff2");
        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
          U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
          U+2212, U+2215, U+FEFF, U+FFFD;
      }