/*
 * This file is part of 'xiaomi' package.
 *
 * (c) Piotr (urson) Zeludziewicz <piotr@nocake.io>
 */
/*
 * Main file
 *
 * @package main
 */
/*
 * This file is part of 'xiaomi' package.
 *
 * (c) Piotr (urson) Zeludziewicz <piotr@nocake.io>
 */
/*
 * Fonts.
 *
 * @package base/fonts
 */
@font-face {
  font-family: 'CAMPHORPROFORXIAOMI-HEAVY';
  src: url("https://cdn-prod.neonet.pl/richcontent/654749/assets/fonts/CAMPHORPROFORXIAOMI-HEAVY.OTF") format("opentype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'CAMPHORPROFORXIAOMI-BOLD';
  src: url("https://cdn-prod.neonet.pl/richcontent/654749/assets/fonts/CAMPHORPROFORXIAOMI-BOLD.OTF") format("opentype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'CAMPHORPROFORXIAOMI-MEDIUM';
  src: url("https://cdn-prod.neonet.pl/richcontent/654749/assets/fonts/CAMPHORPROFORXIAOMI-MEDIUM.OTF") format("opentype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'CAMPHORPROFORXIAOMI-REGULAR';
  src: url("https://cdn-prod.neonet.pl/richcontent/654749/assets/fonts/CAMPHORPROFORXIAOMI-REGULAR.OTF") format("opentype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'CAMPHORPROFORXIAOMI-LIGHT';
  src: url("https://cdn-prod.neonet.pl/richcontent/654749/assets/fonts/CAMPHORPROFORXIAOMI-LIGHT.OTF") format("opentype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'CAMPHORPROFORXIAOMI-THIN';
  src: url("https://cdn-prod.neonet.pl/richcontent/654749/assets/fonts/CAMPHORPROFORXIAOMI-THIN.OTF") format("opentype");
  font-weight: normal;
  font-style: normal; }

/*
 * This file is part of 'xiaomi' package.
 *
 * (c) Piotr (urson) Zeludziewicz <piotr@nocake.io>
 */
/*
 * Variables
 *
 * @package base/variables
 */
/*
 * This file is part of 'xiaomi' package.
 *
 * (c) Piotr (urson) Zeludziewicz <piotr@nocake.io>
 */
/*
 * Mixins.
 *
 * @package base/mixins
 */
/*
 * This file is part of 'xiaomi' package.
 *
 * (c) Piotr (urson) Zeludziewicz <piotr@nocake.io>
 */
/*
 * Functions.
 *
 * @package base/functions
 */
html {
  font-size: 26px; }

body {
  margin: 0; }

#xiaomi-note8-overview {
  background: #fff;
  font-family: "CAMPHORPROFORXIAOMI-REGULAR", sans-serif;
  font-weight: 400;
  color: #000000;
  /*
 * This file is part of 'xiaomi' package.
 *
 * (c) Piotr (urson) Zeludziewicz <piotr@nocake.io>
 */
  /*
 * Section 1
 *
 * @package modules/section-1
 */
  /*
 * This file is part of 'xiaomi' package.
 *
 * (c) Piotr (urson) Zeludziewicz <piotr@nocake.io>
 */
  /*
 * Section 2
 *
 * @package modules/section-2
 */
  /*
 * This file is part of 'xiaomi' package.
 *
 * (c) Piotr (urson) Zeludziewicz <piotr@nocake.io>
 */
  /*
 * Section 3
 *
 * @package modules/section-3
 */
  /*
 * This file is part of 'xiaomi' package.
 *
 * (c) Piotr (urson) Zeludziewicz <piotr@nocake.io>
 */
  /*
 * Section 4
 *
 * @package modules/section-4
 */
  /*
* This file is part of 'xiaomi' package.
*
* (c) Piotr (urson) Zeludziewicz <piotr@nocake.io>
*/
  /*
 * Section 5
 *
 * @package modules/section-5
 */
  /*
* This file is part of 'xiaomi' package.
*
* (c) Piotr (urson) Zeludziewicz <piotr@nocake.io>
*/
  /*
 * Section 6
 *
 * @package modules/section-6
 */
  /*
* This file is part of 'xiaomi' package.
*
* (c) Piotr (urson) Zeludziewicz <piotr@nocake.io>
*/
  /*
 * Section 7
 *
 * @package modules/section-7
 */
  /*
* This file is part of 'xiaomi' package.
*
* (c) Piotr (urson) Zeludziewicz <piotr@nocake.io>
*/
  /*
 * Section 8
 *
 * @package modules/section-8
 */
  /*
* This file is part of 'xiaomi' package.
*
* (c) Piotr (urson) Zeludziewicz <piotr@nocake.io>
*/
  /*
 * Section 9
 *
 * @package modules/section-9
 */
  /*
 * This file is part of 'xiaomi' package.
 *
 * (c) Piotr (urson) Zeludziewicz <piotr@nocake.io>
 */
  /*
 * Section 10
 *
 * @package modules/section-10
 */
  /*
* This file is part of 'xiaomi' package.
*
* (c) Piotr (urson) Zeludziewicz <piotr@nocake.io>
*/
  /*
 * Section 11
 *
 * @package modules/section-11
 */
  /*
* This file is part of 'xiaomi' package.
*
* (c) Piotr (urson) Zeludziewicz <piotr@nocake.io>
*/
  /*
 * Section 12
 *
 * @package modules/section-12
 */
  /*
* This file is part of 'xiaomi' package.
*
* (c) Piotr (urson) Zeludziewicz <piotr@nocake.io>
*/
  /*
 * Section 13
 *
 * @package modules/section-13
 */
  /*
* This file is part of 'xiaomi' package.
*
* (c) Piotr (urson) Zeludziewicz <piotr@nocake.io>
*/
  /*
 * Section 14
 *
 * @package modules/section-14
 */
  /*
* This file is part of 'xiaomi' package.
*
* (c) Piotr (urson) Zeludziewicz <piotr@nocake.io>
*/
  /*
 * Section 15
 *
 * @package modules/section-15
 */
  /*
* This file is part of 'xiaomi' package.
*
* (c) Piotr (urson) Zeludziewicz <piotr@nocake.io>
*/
  /*
 * Section 16
 *
 * @package modules/section-16
 */
  /*
* This file is part of 'xiaomi' package.
*
* (c) Piotr (urson) Zeludziewicz <piotr@nocake.io>
*/
  /*
 * Section 17
 *
 * @package modules/section-17
 */
  /*
* This file is part of 'xiaomi' package.
*
* (c) Piotr (urson) Zeludziewicz <piotr@nocake.io>
*/
  /*
 * Section 18
 *
 * @package modules/section-18
 */
  /*
* This file is part of 'xiaomi' package.
*
* (c) Piotr (urson) Zeludziewicz <piotr@nocake.io>
*/
  /*
 * Section 19
 *
 * @package modules/section-19
 */
  /*
 * This file is part of 'xiaomi' package.
 *
 * (c) Piotr (urson) Zeludziewicz <piotr@nocake.io>
 */
  /*
 * Section 20.
 *
 * @package modules/section-20
 */ }
  #xiaomi-note8-overview *, #xiaomi-note8-overview :before, #xiaomi-note8-overview :after {
    box-sizing: border-box;
    -moz-box-sizing: border-box; }
  #xiaomi-note8-overview a {
    text-decoration: none;
    word-wrap: break-word; }
  #xiaomi-note8-overview p {
    line-height: 1.23077rem; }
  #xiaomi-note8-overview strong {
    font-family: "CAMPHORPROFORXIAOMI-BOLD", sans-serif;
    font-weight: 500; }
  #xiaomi-note8-overview h1, #xiaomi-note8-overview h2, #xiaomi-note8-overview h3, #xiaomi-note8-overview h4, #xiaomi-note8-overview h5, #xiaomi-note8-overview h6 {
    font-family: "CAMPHORPROFORXIAOMI-BOLD", sans-serif;
    font-weight: 700; }
  #xiaomi-note8-overview .section-1 {
    background-image: url("https://cdn-prod.neonet.pl/richcontent/654749/assets/img/section-1.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 5% 20px 25% 20px;
    text-align: center; }
    @media only screen and (max-width: 1340px) {
      #xiaomi-note8-overview .section-1 {
        padding: 40px 20px 400px 20px; } }
    @media only screen and (max-width: 750px) {
      #xiaomi-note8-overview .section-1--heading {
        max-width: 200px; } }
    @media only screen and (max-width: 450px) {
      #xiaomi-note8-overview .section-1--heading {
        max-width: 150px; } }
    #xiaomi-note8-overview .section-1--subheading {
      color: #fff;
      font-size: 0.69231rem;
      font-family: "CAMPHORPROFORXIAOMI-REGULAR", sans-serif;
      font-weight: 700;
      letter-spacing: -0.31px;
      margin-top: 20px; }
      @media only screen and (max-width: 750px) {
        #xiaomi-note8-overview .section-1--subheading {
          font-size: 0.57692rem; } }
      @media only screen and (max-width: 600px) {
        #xiaomi-note8-overview .section-1--subheading {
          font-size: 0.53846rem; } }
    #xiaomi-note8-overview .section-1--price {
      display: block;
      margin-top: 40px;
      font-weight: 700;
      color: #fff;
      font-size: 1.03846rem; }
      @media only screen and (max-width: 600px) {
        #xiaomi-note8-overview .section-1--price {
          font-size: 0.69231rem; } }
      #xiaomi-note8-overview .section-1--price small {
        font-size: 0.76923rem; }
        @media only screen and (max-width: 600px) {
          #xiaomi-note8-overview .section-1--price small {
            font-size: 0.5rem; } }
  #xiaomi-note8-overview .section-2 {
    padding: 5% calc((100% - 950px) / 2);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: calc(5% - 50px); }
    @media only screen and (max-width: 990px) {
      #xiaomi-note8-overview .section-2 {
        padding: 40px 20px; } }
    #xiaomi-note8-overview .section-2--item {
      width: calc(50% - 40px);
      font-size: 1.07692rem;
      font-weight: 700;
      margin-bottom: 50px; }
      @media only screen and (max-width: 700px) {
        #xiaomi-note8-overview .section-2--item {
          font-size: 0.76923rem; } }
      @media only screen and (max-width: 550px) {
        #xiaomi-note8-overview .section-2--item {
          width: 100%;
          margin: 25px 0;
          text-align: center; } }
  #xiaomi-note8-overview .section-3:after, #xiaomi-note8-overview .section-3:before {
    content: '';
    display: table; }
  #xiaomi-note8-overview .section-3:after {
    clear: both; }
  #xiaomi-note8-overview .section-3--video {
    width: 100%;
    max-height: 500px;
    float: left; }
  #xiaomi-note8-overview .section-4 {
    background-image: url("https://cdn-prod.neonet.pl/richcontent/654749/assets/img/section-4.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 5% calc((100% - 950px) / 2);
    text-align: center;
    position: relative;
    z-index: 1; }
    @media only screen and (max-width: 990px) {
      #xiaomi-note8-overview .section-4 {
        padding: 40px 20px; } }
    #xiaomi-note8-overview .section-4--heading {
      font-size: 1.92308rem;
      font-weight: 700;
      color: #fff; }
      @media only screen and (max-width: 700px) {
        #xiaomi-note8-overview .section-4--heading {
          font-size: 1.15385rem; } }
  #xiaomi-note8-overview .section-5 {
    text-align: center;
    position: relative; }
    #xiaomi-note8-overview .section-5--img {
      width: 100%; }
      @media only screen and (max-width: 1130px) {
        #xiaomi-note8-overview .section-5--img {
          margin-top: -16%; } }
    #xiaomi-note8-overview .section-5--content {
      position: absolute;
      top: 8%;
      left: 50%;
      transform: translateX(-50%);
      max-width: 700px;
      z-index: 1; }
      @media only screen and (max-width: 1260px) {
        #xiaomi-note8-overview .section-5--content {
          top: 4%; } }
      @media only screen and (max-width: 1130px) {
        #xiaomi-note8-overview .section-5--content {
          position: relative;
          transform: none;
          top: auto;
          left: auto;
          margin: auto;
          background: #fff;
          max-width: 100%;
          padding: 40px calc((100% - 700px) /2); } }
      @media only screen and (max-width: 740px) {
        #xiaomi-note8-overview .section-5--content {
          padding: 40px 20px; } }
    #xiaomi-note8-overview .section-5--heading {
      font-size: 1.15385rem;
      font-weight: 700;
      line-height: 1.38462rem;
      color: #000;
      margin-top: 0; }
    #xiaomi-note8-overview .section-5--desc {
      font-size: 0.53846rem;
      font-weight: 400;
      line-height: 0.61538rem;
      color: #000; }
  #xiaomi-note8-overview .section-6 {
    text-align: center;
    padding: 5% calc((100% - 950px) / 2); }
    @media only screen and (max-width: 990px) {
      #xiaomi-note8-overview .section-6 {
        padding: 40px 20px; } }
    #xiaomi-note8-overview .section-6--img {
      width: 100%;
      margin-top: 8%; }
    #xiaomi-note8-overview .section-6--content {
      max-width: 700px;
      margin: auto; }
    #xiaomi-note8-overview .section-6--heading {
      font-size: 1.15385rem;
      font-weight: 700;
      line-height: 1.38462rem;
      color: #000;
      margin-top: 0; }
    #xiaomi-note8-overview .section-6--desc {
      font-size: 0.53846rem;
      font-weight: 400;
      line-height: 0.61538rem;
      color: #000; }
  #xiaomi-note8-overview .section-7 {
    text-align: center;
    position: relative; }
    #xiaomi-note8-overview .section-7:after, #xiaomi-note8-overview .section-7:before {
      content: '';
      display: table; }
    #xiaomi-note8-overview .section-7:after {
      clear: both; }
    #xiaomi-note8-overview .section-7--img {
      width: 100%;
      float: left; }
      @media only screen and (max-width: 1130px) {
        #xiaomi-note8-overview .section-7--img {
          margin-top: -20%; } }
    #xiaomi-note8-overview .section-7--content {
      position: absolute;
      top: 10%;
      left: 50%;
      transform: translateX(-50%);
      max-width: 700px;
      z-index: 1; }
      @media only screen and (max-width: 1260px) {
        #xiaomi-note8-overview .section-7--content {
          top: 4%; } }
      @media only screen and (max-width: 1130px) {
        #xiaomi-note8-overview .section-7--content {
          position: relative;
          transform: none;
          top: auto;
          left: auto;
          margin: auto;
          background: #010101;
          max-width: 100%;
          padding: 40px calc((100% - 700px) /2); }
          #xiaomi-note8-overview .section-7--content:after {
            content: '';
            position: absolute;
            top: calc(100% - 25px);
            left: 0;
            right: 0;
            background: #010101;
            height: 50px;
            opacity: 1;
            filter: blur(22px); } }
      @media only screen and (max-width: 740px) {
        #xiaomi-note8-overview .section-7--content {
          padding: 40px 20px; } }
    #xiaomi-note8-overview .section-7--heading {
      font-size: 1.15385rem;
      font-weight: 700;
      line-height: 1.38462rem;
      color: #fff;
      margin-top: 0; }
    #xiaomi-note8-overview .section-7--desc {
      font-size: 0.53846rem;
      font-weight: 400;
      line-height: 0.61538rem;
      color: #fff; }
    #xiaomi-note8-overview .section-7--logos {
      margin-top: 40px;
      max-width: 205px; }
  #xiaomi-note8-overview .section-8 {
    text-align: center;
    position: relative;
    background-color: #302e35;
    padding: 5% 0;
    overflow: hidden; }
    #xiaomi-note8-overview .section-8:after, #xiaomi-note8-overview .section-8:before {
      content: '';
      display: table; }
    #xiaomi-note8-overview .section-8:after {
      clear: both; }
    @media only screen and (max-width: 607px) {
      #xiaomi-note8-overview .section-8 {
        padding: 40px 20px; } }
    #xiaomi-note8-overview .section-8--img {
      width: 100%;
      position: relative;
      margin-top: 5%; }
      #xiaomi-note8-overview .section-8--img img {
        max-width: 100%; }
      #xiaomi-note8-overview .section-8--img:before {
        content: url("https://cdn-prod.neonet.pl/richcontent/654749/assets/img/section-8-bg.png");
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-width: 100%; }
    #xiaomi-note8-overview .section-8--content {
      max-width: 567px;
      margin: auto; }
    #xiaomi-note8-overview .section-8--heading {
      font-size: 1.15385rem;
      font-weight: 700;
      line-height: 1.38462rem;
      color: #fff;
      margin-top: 0; }
    #xiaomi-note8-overview .section-8--desc {
      font-size: 0.53846rem;
      font-weight: 400;
      line-height: 0.61538rem;
      color: #fff; }
    #xiaomi-note8-overview .section-8--bottom {
      margin: 40px 0 0 0;
      display: flex;
      align-items: center;
      justify-content: center; }
      #xiaomi-note8-overview .section-8--bottom span {
        font-size: 0.84615rem;
        font-weight: 400;
        line-height: 1.15385rem;
        color: #fff; }
        #xiaomi-note8-overview .section-8--bottom span:nth-child(2) {
          margin: 0 20px; }
  #xiaomi-note8-overview .section-9 {
    text-align: center;
    padding: 5% calc((100% - 950px) / 2);
    background-color: #26292a; }
    @media only screen and (max-width: 990px) {
      #xiaomi-note8-overview .section-9 {
        padding: 40px 20px; } }
    #xiaomi-note8-overview .section-9--img {
      width: 100%;
      margin-top: 8%;
      position: relative; }
      #xiaomi-note8-overview .section-9--img img {
        width: 100%; }
      #xiaomi-note8-overview .section-9--img--left {
        position: absolute;
        left: 20px;
        top: 20px;
        font-size: 0.76923rem;
        color: #fff; }
      #xiaomi-note8-overview .section-9--img--right {
        position: absolute;
        right: 20px;
        top: 20px;
        font-size: 0.76923rem;
        color: #fff; }
    #xiaomi-note8-overview .section-9--content {
      max-width: 700px;
      margin: auto; }
    #xiaomi-note8-overview .section-9--heading {
      font-size: 1.15385rem;
      font-weight: 700;
      line-height: 1.38462rem;
      color: #fff;
      margin-top: 0; }
    #xiaomi-note8-overview .section-9--desc {
      font-size: 0.53846rem;
      font-weight: 400;
      line-height: 0.61538rem;
      color: #fff; }
  #xiaomi-note8-overview .section-10 {
    background-image: url("https://cdn-prod.neonet.pl/richcontent/654749/assets/img/section-10.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 5% calc((100% - 950px) / 2);
    text-align: center; }
    @media only screen and (max-width: 990px) {
      #xiaomi-note8-overview .section-10 {
        padding: 40px 20px; } }
    #xiaomi-note8-overview .section-10--heading {
      font-size: 50px;
      font-weight: 700;
      color: #fff; }
      @media only screen and (max-width: 700px) {
        #xiaomi-note8-overview .section-10--heading {
          font-size: 1.15385rem; } }
  #xiaomi-note8-overview .section-11 {
    text-align: center;
    position: relative; }
    #xiaomi-note8-overview .section-11:after, #xiaomi-note8-overview .section-11:before {
      content: '';
      display: table; }
    #xiaomi-note8-overview .section-11:after {
      clear: both; }
    #xiaomi-note8-overview .section-11--img {
      width: 100%;
      float: left; }
      @media only screen and (max-width: 1130px) {
        #xiaomi-note8-overview .section-11--img {
          margin-top: -12%; } }
    #xiaomi-note8-overview .section-11--content {
      position: absolute;
      top: 10%;
      left: 50%;
      transform: translateX(-50%);
      max-width: 550px;
      z-index: 1; }
      @media only screen and (max-width: 1260px) {
        #xiaomi-note8-overview .section-11--content {
          top: 4%; } }
      @media only screen and (max-width: 1130px) {
        #xiaomi-note8-overview .section-11--content {
          position: relative;
          transform: none;
          top: auto;
          left: auto;
          margin: auto;
          background: #05060a;
          max-width: 100%;
          padding: 40px calc((100% - 700px) /2); }
          #xiaomi-note8-overview .section-11--content:after {
            content: '';
            position: absolute;
            top: calc(100% - 25px);
            left: 0;
            right: 0;
            background: #05060a;
            height: 50px;
            opacity: 1;
            filter: blur(13px); } }
      @media only screen and (max-width: 740px) {
        #xiaomi-note8-overview .section-11--content {
          padding: 40px 20px; } }
    #xiaomi-note8-overview .section-11--heading {
      font-size: 1.15385rem;
      font-weight: 700;
      line-height: 1.38462rem;
      color: #fff;
      margin-top: 0; }
    #xiaomi-note8-overview .section-11--desc {
      font-size: 0.53846rem;
      font-weight: 400;
      line-height: 0.61538rem;
      color: #fff; }
    #xiaomi-note8-overview .section-11--logos {
      margin-top: 40px;
      max-width: 205px; }
  #xiaomi-note8-overview .section-12 {
    text-align: center;
    position: relative; }
    #xiaomi-note8-overview .section-12:after, #xiaomi-note8-overview .section-12:before {
      content: '';
      display: table; }
    #xiaomi-note8-overview .section-12:after {
      clear: both; }
    @media only screen and (max-width: 940px) {
      #xiaomi-note8-overview .section-12 {
        padding: 40px 20px; } }
    #xiaomi-note8-overview .section-12--img {
      width: 100%;
      float: left; }
    #xiaomi-note8-overview .section-12--content {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      max-width: 550px;
      z-index: 1; }
      #xiaomi-note8-overview .section-12--content img {
        margin-top: 40px; }
      @media only screen and (max-width: 940px) {
        #xiaomi-note8-overview .section-12--content {
          position: relative;
          top: auto;
          left: auto;
          transform: none;
          margin: auto; } }
    #xiaomi-note8-overview .section-12--heading {
      font-size: 1.15385rem;
      font-weight: 700;
      line-height: 1.38462rem;
      color: #000;
      margin-top: 0; }
    #xiaomi-note8-overview .section-12--desc {
      font-size: 0.53846rem;
      font-weight: 400;
      line-height: 0.61538rem;
      color: #000; }
    #xiaomi-note8-overview .section-12--logos {
      margin-top: 40px;
      max-width: 205px; }
  #xiaomi-note8-overview .section-13 {
    position: relative;
    background: #f7f7f7; }
    #xiaomi-note8-overview .section-13:after, #xiaomi-note8-overview .section-13:before {
      content: '';
      display: table; }
    #xiaomi-note8-overview .section-13:after {
      clear: both; }
    @media only screen and (max-width: 780px) {
      #xiaomi-note8-overview .section-13 {
        padding: 40px 20px 0 20px; } }
    #xiaomi-note8-overview .section-13--img {
      width: 100%;
      float: left; }
    #xiaomi-note8-overview .section-13--content {
      position: absolute;
      top: 50%;
      right: calc((100% - 950px) /2);
      transform: translateY(-50%);
      max-width: 340px;
      z-index: 1; }
      @media only screen and (max-width: 990px) {
        #xiaomi-note8-overview .section-13--content {
          right: 20px; } }
      @media only screen and (max-width: 780px) {
        #xiaomi-note8-overview .section-13--content {
          position: relative;
          top: auto;
          right: auto;
          transform: none;
          margin: auto;
          text-align: center;
          max-width: 550px; } }
    #xiaomi-note8-overview .section-13--heading {
      font-size: 1.15385rem;
      font-weight: 700;
      line-height: 1.38462rem;
      color: #000;
      margin-top: 0; }
    #xiaomi-note8-overview .section-13--desc {
      font-size: 0.53846rem;
      font-weight: 400;
      line-height: 0.61538rem;
      color: #000; }
    #xiaomi-note8-overview .section-13--logos {
      margin-top: 40px;
      max-width: 205px; }
  #xiaomi-note8-overview .section-14 {
    position: relative;
    background: #b1dcdc;
    background: linear-gradient(90deg, #b2dcdc 0%, #95c7cc 100%); }
    #xiaomi-note8-overview .section-14:after, #xiaomi-note8-overview .section-14:before {
      content: '';
      display: table; }
    #xiaomi-note8-overview .section-14:after {
      clear: both; }
    @media only screen and (max-width: 1300px) {
      #xiaomi-note8-overview .section-14 {
        padding: 40px 0 0 0; } }
    #xiaomi-note8-overview .section-14--img {
      width: 100%;
      float: left; }
    #xiaomi-note8-overview .section-14--content {
      position: absolute;
      top: 16%;
      left: 19%;
      max-width: 340px;
      z-index: 1; }
      @media only screen and (max-width: 1300px) {
        #xiaomi-note8-overview .section-14--content {
          position: relative;
          top: auto;
          left: auto;
          max-width: 100%;
          margin: auto;
          padding: 0 calc((100% - 550px) / 2) 40px calc((100% - 550px) / 2);
          text-align: center; }
          #xiaomi-note8-overview .section-14--content:after {
            content: '';
            position: absolute;
            top: calc(100% - 25px);
            left: 0;
            right: 0;
            background: #b2dcdc;
            height: 50px;
            opacity: 1;
            filter: blur(22px); } }
      @media only screen and (max-width: 590px) {
        #xiaomi-note8-overview .section-14--content {
          padding-left: 20px;
          padding-right: 20px; } }
    #xiaomi-note8-overview .section-14--heading {
      font-size: 1.15385rem;
      font-weight: 700;
      line-height: 1.38462rem;
      color: #fff;
      margin-top: 0; }
    #xiaomi-note8-overview .section-14--desc {
      font-size: 0.53846rem;
      font-weight: 400;
      line-height: 0.61538rem;
      color: #fff; }
    #xiaomi-note8-overview .section-14--logo {
      margin-top: 40px; }
  #xiaomi-note8-overview .section-15 {
    background-image: url("https://cdn-prod.neonet.pl/richcontent/654749/assets/img/section-15.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 5% calc((100% - 950px) / 2);
    text-align: center; }
    @media only screen and (max-width: 990px) {
      #xiaomi-note8-overview .section-15 {
        padding: 40px 20px; } }
    #xiaomi-note8-overview .section-15--heading {
      font-size: 50px;
      font-weight: 700;
      color: #fff; }
      @media only screen and (max-width: 700px) {
        #xiaomi-note8-overview .section-15--heading {
          font-size: 1.15385rem; } }
  #xiaomi-note8-overview .section-16 {
    position: relative;
    background: #000; }
    #xiaomi-note8-overview .section-16:after, #xiaomi-note8-overview .section-16:before {
      content: '';
      display: table; }
    #xiaomi-note8-overview .section-16:after {
      clear: both; }
    #xiaomi-note8-overview .section-16--img {
      width: 100%;
      float: left; }
    #xiaomi-note8-overview .section-16--content {
      position: absolute;
      top: 50%;
      left: calc((100% - 950px) /2);
      transform: translateY(-50%);
      max-width: 340px;
      z-index: 1; }
      @media only screen and (max-width: 990px) {
        #xiaomi-note8-overview .section-16--content {
          left: 20px; } }
      @media only screen and (max-width: 600px) {
        #xiaomi-note8-overview .section-16--content {
          position: relative;
          left: auto;
          top: auto;
          max-width: 550px;
          transform: none;
          text-align: center;
          padding: 40px 20px;
          margin: auto; } }
    #xiaomi-note8-overview .section-16--heading {
      font-size: 1.15385rem;
      font-weight: 700;
      line-height: 1.38462rem;
      color: #fff;
      margin-top: 0; }
    #xiaomi-note8-overview .section-16--desc {
      font-size: 0.53846rem;
      font-weight: 400;
      line-height: 0.61538rem;
      color: #fff; }
  #xiaomi-note8-overview .section-17 {
    position: relative;
    padding-top: 5%; }
    #xiaomi-note8-overview .section-17:after, #xiaomi-note8-overview .section-17:before {
      content: '';
      display: table; }
    #xiaomi-note8-overview .section-17:after {
      clear: both; }
    @media only screen and (max-width: 700px) {
      #xiaomi-note8-overview .section-17 {
        padding: 40px 20px 0 20px; } }
    #xiaomi-note8-overview .section-17--img {
      width: 100%;
      float: left; }
    #xiaomi-note8-overview .section-17--content {
      max-width: 520px;
      margin: 0 auto 5% auto;
      text-align: center; }
    #xiaomi-note8-overview .section-17--heading {
      font-size: 1.15385rem;
      font-weight: 700;
      line-height: 1.38462rem;
      color: #000;
      margin-top: 0; }
    #xiaomi-note8-overview .section-17--desc {
      font-size: 0.53846rem;
      font-weight: 400;
      line-height: 0.61538rem;
      color: #000; }
    #xiaomi-note8-overview .section-17--logo {
      margin-top: 40px; }
  #xiaomi-note8-overview .section-18 {
    position: relative;
    text-align: center;
    background: #050e17;
    padding-bottom: 5%; }
    #xiaomi-note8-overview .section-18--img {
      width: 100%; }
      @media only screen and (max-width: 800px) {
        #xiaomi-note8-overview .section-18--img {
          margin-top: -10%; } }
    #xiaomi-note8-overview .section-18--content {
      max-width: 520px;
      text-align: center;
      position: absolute;
      top: 10%;
      left: 50%;
      transform: translateX(-50%); }
      @media only screen and (max-width: 800px) {
        #xiaomi-note8-overview .section-18--content {
          position: relative;
          top: auto;
          left: auto;
          transform: none;
          margin: auto;
          padding: 40px 20px; } }
    #xiaomi-note8-overview .section-18--heading {
      font-size: 1.15385rem;
      font-weight: 700;
      line-height: 1.38462rem;
      color: #fff;
      margin-top: 0; }
    #xiaomi-note8-overview .section-18--desc {
      font-size: 0.53846rem;
      font-weight: 400;
      line-height: 0.61538rem;
      color: #fff; }
    #xiaomi-note8-overview .section-18--boxes {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      flex-wrap: wrap;
      padding: 0 calc((100% - 950px) /2);
      margin-top: -20%;
      text-align: left; }
      @media only screen and (max-width: 990px) {
        #xiaomi-note8-overview .section-18--boxes {
          padding: 40px 20px; } }
      #xiaomi-note8-overview .section-18--boxes--box {
        width: calc(33.333% - 20px);
        margin-bottom: 40px; }
        @media only screen and (max-width: 550px) {
          #xiaomi-note8-overview .section-18--boxes--box {
            width: calc(50% - 20px); } }
        #xiaomi-note8-overview .section-18--boxes--box strong {
          display: block;
          font-size: 0.76923rem;
          font-weight: 777;
          line-height: 0.92308rem;
          color: #fff; }
        #xiaomi-note8-overview .section-18--boxes--box span {
          font-size: 0.53846rem;
          font-weight: 400;
          line-height: 0.61538rem;
          color: #fff; }
    #xiaomi-note8-overview .section-18--icons {
      margin-top: 5%;
      max-width: 100%;
      padding: 0 20px; }
  #xiaomi-note8-overview .section-19--img {
    width: 100%; }
    @media only screen and (max-width: 550px) {
      #xiaomi-note8-overview .section-19--img.is-desktop {
        display: none; } }
    #xiaomi-note8-overview .section-19--img.is-mobile {
      display: none; }
      @media only screen and (max-width: 550px) {
        #xiaomi-note8-overview .section-19--img.is-mobile {
          display: block; } }
  #xiaomi-note8-overview .section-20 {
    padding: 40px calc((100% - 878px) /2); }
    @media only screen and (max-width: 918px) {
      #xiaomi-note8-overview .section-20 {
        padding: 20px 20px 10% 20px; } }
    #xiaomi-note8-overview .section-20--desc {
      font-size: 0.38462rem;
      line-height: 0.69231rem;
      color: #000000;
      opacity: 0.6;
      margin: 0; }