/**
 * @license
 *
 * Font Family: Satoshi
 * Designed by: Deni Anggara
 * URL: https://www.fontshare.com/fonts/satoshi
 * © 2021 Indian Type Foundry
 *
 * Font Styles:
 * Satoshi Variable(Variable font)
 * Satoshi Light
 * Satoshi Regular
 * Satoshi Medium
 * Satoshi Bold
 * Satoshi Black
 *
*/


/**
* This is a variable font
* You can controll variable axes as shown below:
* font-variation-settings: 'wght' 300.0;
*
* available axes:

* 'wght' (range from 300.0 to 900.0)

*/

@font-face {
  font-family: 'Satoshi-Variable';
  src: url('https://cdn-prod.neonet.pl/richcontent/670189/fonts/Satoshi-Variable.a106a4ec.woff2') format('woff2'),
       url('https://cdn-prod.neonet.pl/richcontent/670189/fonts/Satoshi-Variable.aa5dbc6d.woff') format('woff'),
       url('https://cdn-prod.neonet.pl/richcontent/670189/fonts/Satoshi-Variable.c50574ab.ttf') format('truetype');
       font-weight: 300 900;
       font-display: swap;
       font-style: normal;
}


@font-face {
  font-family: 'Satoshi-Light';
  src: url('https://cdn-prod.neonet.pl/richcontent/670189/fonts/Satoshi-Light.9991f90a.woff2') format('woff2'),
       url('https://cdn-prod.neonet.pl/richcontent/670189/fonts/Satoshi-Light.3df7556c.woff') format('woff'),
       url('https://cdn-prod.neonet.pl/richcontent/670189/fonts/Satoshi-Light.c25673ad.ttf') format('truetype');
       font-weight: 300;
       font-display: swap;
       font-style: normal;
}


@font-face {
  font-family: 'Satoshi-Regular';
  src: url('https://cdn-prod.neonet.pl/richcontent/670189/fonts/Satoshi-Regular.c38334a9.woff2') format('woff2'),
       url('https://cdn-prod.neonet.pl/richcontent/670189/fonts/Satoshi-Regular.2cb7701f.woff') format('woff'),
       url('https://cdn-prod.neonet.pl/richcontent/670189/fonts/Satoshi-Regular.336cc82a.ttf') format('truetype');
       font-weight: 400;
       font-display: swap;
       font-style: normal;
}


@font-face {
  font-family: 'Satoshi-Medium';
  src: url('https://cdn-prod.neonet.pl/richcontent/670189/fonts/Satoshi-Medium.479ead98.woff2') format('woff2'),
       url('https://cdn-prod.neonet.pl/richcontent/670189/fonts/Satoshi-Medium.53bf8aa4.woff') format('woff'),
       url('https://cdn-prod.neonet.pl/richcontent/670189/fonts/Satoshi-Medium.ee9ea712.ttf') format('truetype');
       font-weight: 500;
       font-display: swap;
       font-style: normal;
}


@font-face {
  font-family: 'Satoshi-Bold';
  src: url('https://cdn-prod.neonet.pl/richcontent/670189/fonts/Satoshi-Bold.774ba1cb.woff2') format('woff2'),
       url('https://cdn-prod.neonet.pl/richcontent/670189/fonts/Satoshi-Bold.94a7e770.woff') format('woff'),
       url('https://cdn-prod.neonet.pl/richcontent/670189/fonts/Satoshi-Bold.059ec2c6.ttf') format('truetype');
       font-weight: 700;
       font-display: swap;
       font-style: normal;
}


@font-face {
  font-family: 'Satoshi-Black';
  src: url('https://cdn-prod.neonet.pl/richcontent/670189/fonts/Satoshi-Black.d0a411c4.woff2') format('woff2'),
       url('https://cdn-prod.neonet.pl/richcontent/670189/fonts/Satoshi-Black.fd8f58ed.woff') format('woff'),
       url('https://cdn-prod.neonet.pl/richcontent/670189/fonts/Satoshi-Black.ae2487a8.ttf') format('truetype');
       font-weight: 900;
       font-display: swap;
       font-style: normal;
}

@charset "UTF-8";
body {
  margin: 0;
  padding: 0;
}

.bgc {
  background: rgba(173, 8, 160, 0.2);
}

#motus {
  margin: 0;
  padding: 0;
  margin: 0 auto;
  box-sizing: border-box;
  width: 100%;
  counter-reset: section;
}
#motus h1,
#motus h2,
#motus h3,
#motus h4 {
  margin: 0;
  padding: 0;
  z-index: 10000;
}
#motus h1 {
  font-size: 50px;
  font-weight: 700;
}
#motus h2 {
  font-family: "Satoshi", sans-serif;
  font-size: 1.8rem;
  color: #d90017;
  text-transform: uppercase;
  font-weight: 800;
  margin-bottom: 55px;
  position: relative;
  line-height: 125%;
  z-index: 5;
}
#motus h3 {
  font-family: "Unica One", cursive;
  font-size: 1.7rem;
  font-weight: 300;
  text-transform: uppercase;
  position: relative;
  z-index: 10;
}
#motus h4 {
  font-family: "Satoshi", sans-serif;
  font-size: 1.875rem;
  text-transform: uppercase;
  font-weight: 800;
  line-height: 120%;
}
#motus p {
  font-family: "Raleway", sans-serif;
  font-size: 1.125rem;
  color: #2e2e2e;
  line-height: 150%;
  margin: 0;
  margin-bottom: 15px;
}
#motus caption,
#motus ul,
#motus li,
#motus td {
  font-family: "Raleway", sans-serif;
  line-height: 150%;
}
#motus ul {
  list-style: none;
}
#motus li {
  padding-bottom: 10px;
}
#motus img {
  width: 100%;
  margin: 0;
  padding: 0;
}
#motus table {
  margin: 0 auto;
}
#motus table caption {
  caption-side: top;
  padding: 25px 0;
  margin: 0 0 25px 0;
  font-weight: 600;
  font-size: 1.5rem;
  border-bottom: #2e2e2e 1px solid;
}
#motus table tr {
  border-bottom: 1px #4a4848 solid;
}
#motus table tr td {
  text-align: right;
  font-weight: 600;
  padding: 5px 0;
  padding-right: 10px;
}
#motus table tr td:last-child {
  text-align: left;
  font-weight: 300;
  padding-left: 10px;
}
#motus .tabela-motus td {
  border-bottom: 1px solid #4a4848;
}
#motus img {
  width: 100%;
  height: auto;
}
#motus .wrapper-motus {
  width: 100%;
  margin: 0 auto;
  padding: 50px 0;
}
#motus .container-motus {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  max-width: 1366px;
  margin: 0 auto;
}
#motus .container-icons {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
}
#motus .container-icons img {
  width: 150px;
  margin: 50px 0;
}
#motus .content {
  margin: 50px 0 0 55px;
  width: 80%;
}
#motus .box {
  width: 100%;
}
#motus .box-25 {
  width: 25%;
}
#motus .box-35 {
  width: 35%;
}
#motus .box-45 {
  width: 45%;
}
#motus .box-55 {
  width: 55%;
}
#motus .box-65 {
  width: 65%;
}
#motus .box-75 {
  width: 75%;
}
#motus .h-600 {
  height: 600px;
}
#motus .h-800 {
  height: 800px;
}
#motus .center {
  text-align: center;
}
#motus .color-red {
  color: #f01313;
}
#motus .color-white {
  color: #ffffff;
}
#motus .color-dark {
  color: #4a4848;
}
#motus .separator {
  height: 25px;
  padding: 10px;
}
#motus .bg-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
}
#motus .bg-color-black {
  background-color: #2e2e2e;
}
#motus .bg-color-dark-A {
  background-color: rgba(46, 46, 46, 0.8);
  padding: 15px;
}
#motus .bg-color-blue {
  background-color: rgba(7, 64, 90, 0.6);
  padding: 15px;
}
#motus .gradient-bg {
  background-image: linear-gradient(90deg, #4a4848, #2e2e2e 60%);
}
#motus .size-1 {
  font-size: 1rem;
}
#motus .size-2 {
  font-size: 1.5rem;
}
#motus .size-3 {
  font-size: 2rem;
}
#motus .size-4 {
  font-size: 2.5rem;
}
#motus .size-5 {
  font-size: 3rem;
}
#motus .size-6 {
  font-size: 3.5rem;
}
#motus .size-7 {
  font-size: 4rem;
}

@media screen and (max-width: 940px) {
  #motus .content {
    margin: 50px 0 0 50px;
    width: 80%;
  }
  #motus .box {
    width: 100%;
    padding: 0 10px;
  }
  #motus .box h2 {
    margin-left: 10px;
    margin-right: 10px;
  }
  #motus .box h3 {
    margin-left: 10px;
    margin-bottom: 5px;
  }
  #motus .box h4 {
    margin: 0 auto;
    width: 60%;
  }
  #motus .box p {
    margin-left: 10px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 550px) {
  #motus .box {
    width: 100%;
    padding: 0 10px;
  }
  #motus .box h2 {
    margin-left: 10px;
    margin-right: 10px;
  }
  #motus .box h3 {
    margin-left: 10px;
    margin-bottom: 5px;
  }
  #motus .box h4 {
    margin: 0 auto;
    width: 60%;
  }
  #motus .box p {
    margin-left: 10px;
    margin-right: 20px;
  }
  #motus .box-45 {
    width: 100%;
  }
  #motus .box-55 {
    width: 100%;
  }
  #motus .box-100 {
    width: 100%;
  }
  #motus .container-icons img {
    width: 100px;
  }
  #motus .size-1 {
    font-size: 0.5rem;
  }
  #motus .size-2 {
    font-size: 1rem;
  }
  #motus .size-3 {
    font-size: 1.5rem;
  }
  #motus .size-4 {
    font-size: 2rem;
  }
  #motus .size-5 {
    font-size: 2.5rem;
  }
  #motus .size-6 {
    font-size: 3rem;
  }
  #motus .size-7 {
    font-size: 3.5rem;
  }
}
#motus .novelty {
  display: inline-block;
  background-color: #f01313;
  font-family: "Satoshi", sans-serif;
  color: white;
  font-weight: 900;
  text-transform: uppercase;
  padding: 5px 10px;
  margin-bottom: 10px;
  z-index: 2000;
}
#motus .kreska {
  position: relative;
}
#motus .kreska::before {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 0;
  background: #f01313;
  width: 75%;
  height: 10px;
  clip-path: polygon(0 0, 100% 0, 80% 70%, 0 25%);
}
#motus .border-bottom {
  position: relative;
}
#motus .border-bottom::before {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 25%;
  background: #f01313;
  width: 50%;
  height: 10px;
  clip-path: polygon(0 0, 100% 0, 90% 100%, 10% 100%);
  z-index: 100;
}
#motus .border-bottom-right {
  position: relative;
}
#motus .border-bottom-right::before {
  content: "";
  position: absolute;
  bottom: -10px;
  right: 0;
  background: #f01313;
  width: 90%;
  height: 10px;
  clip-path: polygon(0 20%, 100% 0, 100% 50%, 10% 100%);
  z-index: 100;
}
#motus li.star {
  position: relative;
}
#motus li.star::before {
  content: "✪";
  position: absolute;
  color: #f01313;
  font-size: 2rem;
  left: -35px;
  top: -3px;
}
#motus ul.why li {
  list-style: none;
}
#motus .why {
  text-align: center;
  font-size: 1.5rem;
  padding-bottom: 50px;
}
#motus .label {
  padding: 15px 25px;
  background-color: #f01313;
}
#motus .wymiary {
  padding-top: 50px;
}
#motus .txt-wymiary {
  font-weight: 600;
  font-size: 1.5rem;
  text-align: center;
  padding: 50px 0 25px 0;
  border-bottom: 1px solid #2e2e2e;
}
#motus .white-color {
  color: #ffffff;
}
#motus .numbering::after {
  counter-increment: section;
  content: counter(section);
  position: absolute;
  left: -60px;
  top: -20px;
  color: rgba(134, 134, 134, 0.3);
  font-size: 10rem;
  z-index: -1000;
}
#motus .reverse {
  flex-direction: row-reverse;
}
#motus .box.slogan {
  width: 100%;
}
#motus .tech {
  height: 500px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#motus .tech h4 {
  color: #ffffff;
  font-size: 1.5rem;
}
#motus .slogan p {
  font-family: "Satoshi", sans-serif;
  text-align: center;
  color: #ffffff;
  margin: 0;
}
#motus .slogan .one p {
  font-size: 2rem;
  font-weight: 700;
  line-height: 120%;
}
#motus .slogan .two p {
  font-size: 2.5rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 120%;
}
#motus .black {
  background: #4a4848;
  padding: 70px 25px;
  clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 85%);
}
#motus .red {
  background: #f01313;
  padding: 70px 25px;
  clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 100%);
  transform: translateY(-55px);
}
#motus .header-content {
  text-align: center;
  font-family: "Unica One", cursive;
  font-size: 2.813rem;
  text-transform: uppercase;
}
#motus .bggray {
  background: #d7d5d6;
  z-index: -200;
}
#motus .color-motus-black {
  background: #2e2e2e;
  z-index: -200;
}
#motus .color-motus-black p {
  color: #d7d5d6;
}
#motus .wrap {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
#motus .wrap img {
  position: absolute;
  width: 120%;
}
#motus .distinction {
  width: 80%;
  border: #d90017 solid 1px;
  margin-top: 25px;
  padding: 20px;
}
#motus .distinction h4 {
  margin: 0;
  margin-bottom: 10px;
  text-align: left;
  color: #d90017;
}
#motus .concept {
  margin: 0 auto;
  margin-bottom: 50px;
  width: 80%;
}
#motus .concept h2 {
  text-align: center;
}
#motus .concept .box {
  margin: 0;
  padding: 0;
  padding-bottom: 50px;
}
#motus .hero {
  height: 700px;
  background-position-y: center;
  background-position-x: right;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 50px;
}
#motus .hero img {
  margin: 15px 0 45px 0;
  width: 85%;
}
#motus .hero h2 {
  font-size: 3.5rem;
  line-height: 120%;
}
#motus .hero h3 {
  letter-spacing: 7px;
}
#motus .hero p {
  font-size: 1.3rem;
}
#motus .logo-bottom {
  margin: 0 auto;
  padding: 50px 0;
  width: 250px;
}
#motus .logo-footer {
  margin: 0 auto;
  padding: 50px 0;
  width: 250px;
}
#motus .highlighted {
  display: inline-block;
  font-family: "Satoshi", sans-serif;
  color: #f01313;
  font-size: 1.5rem;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
  line-height: 120%;
  border: 3px #f01313 solid;
  padding: 20px;
}

@media screen and (max-width: 940px) {
  #motus .hero {
    height: 700px;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 10px 10px 10px;
  }
  #motus .hero img {
    margin: 15px 0 45px 0;
    width: 75%;
  }
  #motus .hero h2 {
    font-size: 2rem;
    line-height: 120%;
  }
  #motus .hero h3 {
    letter-spacing: 7px;
  }
  #motus .hero p {
    font-size: 1rem;
  }
}
@media screen and (max-width: 550px) {
  #motus .hero {
    height: 700px;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 10px 10px 10px;
  }
  #motus .hero img {
    margin: 15px 0 45px 0;
    width: 75%;
  }
  #motus .hero h2 {
    font-size: 2rem;
    line-height: 120%;
  }
  #motus .hero h3 {
    letter-spacing: 7px;
  }
  #motus .hero p {
    margin-top: 200px;
    font-size: 1rem;
  }
  #motus .hero .container.icons img {
    width: 75%;
  }
}
#motus .section-6 {
  background: #4a4848;
  background-position: center;
}
#motus .section-bg {
  width: 100%;
  height: 800px;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: contain;
}
#motus .section-bg img {
  margin-top: 25px;
}