.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.body {
  background-color: #f8f8f8;
  justify-content: center;
  align-items: center;
}

.audyt {
  flex-flow: column;
  width: 900px;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 100px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.sekcja {
  background-color: #fff;
  border-radius: 12px;
  width: 100%;
  height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 20px;
}

.speeds {
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.speed {
  border-radius: 400px;
  width: 160px;
  height: 160px;
}

.sp {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.sp-label {
  margin-top: 0;
  font-weight: 500;
}

.speed-r {
  border-radius: 200px;
  width: 100%;
  height: 100%;
  position: relative;
  top: -15px;
  overflow: hidden;
}

.chartdiv {
  border-radius: 200px;
  width: 100%;
  height: 100%;
  position: relative;
  top: 15px;
}

.legend {
  justify-content: space-between;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.legen {
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 20px;
  display: flex;
}

.ln-dot {
  background-color: #eee;
  border-radius: 20px;
  width: 15px;
  height: 15px;
  margin-right: 5px;
}

.ln-dot.lnd-red {
  background-color: #f33;
}

.ln-dot.lnd-yellow {
  background-color: #fa3;
}

.ln-dot.lnd-green {
  background-color: #0c6;
}

.ln-label {
  line-height: 14px;
}

.performance {
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 20px;
  display: flex;
}

.speed2 {
  border-radius: 400px;
  width: 350px;
  height: 350px;
}

.s-content {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  margin-top: 10px;
  display: flex;
}

.img-viev {
  width: 100%;
}

.performance-right {
  flex-flow: column;
  flex: 1;
  margin-top: 20px;
  padding-left: 20px;
  display: flex;
}

.sr-tyt {
  justify-content: flex-start;
  align-items: flex-end;
  padding-bottom: 10px;
  font-size: 30px;
  font-weight: 400;
  line-height: 30px;
  display: flex;
}

.sr-tyt2 {
  font-size: 20px;
  line-height: 20px;
}

.perf-dane {
  border-bottom: 1px solid #0000004d;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 10px;
  padding-bottom: 15px;
  display: flex;
}

.pd-tyt {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.s-tyt {
  font-size: 30px;
  line-height: 30px;
}

.diagram {
  justify-content: space-around;
  width: 100%;
  padding-bottom: 10px;
  display: flex;
  overflow: auto;
}

.s-podtyt {
  color: #000;
  font-size: 25px;
  font-weight: 400;
  line-height: 25px;
}

.sub-content {
  margin-top: 20px;
  padding-top: 10px;
}

.pd-top {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
}

.pdtyt {
  color: #000;
  flex: 1;
  margin-left: 5px;
  margin-right: 10px;
  font-size: 16px;
  font-weight: 700;
}

.pd-value {
  font-size: 30px;
  line-height: 30px;
}

.pd-value.pdv-red {
  color: #f33;
  padding-bottom: 5px;
}

.pd-value.pdv-green {
  color: #0c6;
  padding-bottom: 5px;
}

.pd-value.pdv-yellow {
  color: #fa3;
  padding-bottom: 5px;
}

.pd-cont {
  padding-left: 25px;
}

.sub-content-top {
  border-bottom: 1px solid #000;
  padding-bottom: 5px;
}

.pd-info {
  padding-left: 25px;
}

.pdi-txt {
  color: #000;
  font-size: 14px;
  line-height: 18px;
}

.pd-warn {
  margin-top: 5px;
}

.pdw {
  background-color: #ff33337d;
  background-image: radial-gradient(circle at 0%, #ffc6c6, #fff0 91%);
  border-radius: 5px;
  padding: 9px 10px 11px 25px;
}

.pdw.pdw0 {
  background-color: #ff9b9b;
  margin-top: 10px;
  padding: 15px;
}

.pdw-inf {
  background-color: #ffaa33b5;
  background-image: radial-gradient(circle at 0%, #ffdcab, #fff0 77%);
  border-radius: 5px;
  padding: 9px 10px 11px 25px;
}

.pdw-inf.pdwi0 {
  background-color: #ffc36e;
  margin-top: 10px;
  padding: 15px;
}

.pdi-txt2 {
  color: #000;
  font-size: 16px;
  line-height: 18px;
}

.performance-left {
  flex-flow: column;
  flex: 0 auto;
  display: flex;
}

.perf-right-content {
  margin-top: 10px;
}

.view {
  justify-content: center;
  align-items: center;
  display: flex;
}

.stop-info {
  margin-top: 10px;
}

.perform-info {
  background-color: #f8f8f8;
  border-radius: 5px;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  padding: 15px;
  display: flex;
}

.pi {
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  margin-top: 5px;
  margin-bottom: 5px;
  display: flex;
}

.pi-ico {
  background-image: url('../images/ico-speed.png');
  background-position: 50%;
  background-size: cover;
  width: 30px;
  height: 30px;
  margin-right: 10px;
}

.pii-lab {
  font-size: 13px;
  line-height: 13px;
}

.diag {
  border: 1px solid #0000004d;
  margin-top: 3px;
  margin-bottom: 3px;
  padding: 3px 10px;
  transition: box-shadow .2s;
}

.diag:hover {
  box-shadow: 0 2px 18px #0000001a;
}

.diag.diag-red {
  border-color: #f33;
  border-top-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-radius: 0;
}

.diag.diag-red:hover {
  box-shadow: 0 2px 18px #ff00001a;
}

.diag.diag-yellow {
  border-color: #fa3;
  border-top-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
}

.diag.diag-yellow:hover {
  box-shadow: 0 2px 18px #ffaa3324;
}

.diag-top {
  cursor: pointer;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
}

.diag-top-left {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.diag-top-right {
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.diag-min {
  background-color: #b4b4b4;
  width: 20px;
  height: 2px;
}

.diag-min.dm-red {
  background-color: #f33;
}

.diag-min.dm-yellow {
  background-color: #fa3;
}

.diag-min.diag-min-open {
  transform: rotate(90deg);
}

.diag-contener {
  height: 0;
  padding-left: 25px;
  overflow: hidden;
}

.diag-txt {
  color: #000;
  font-size: 14px;
  line-height: 18px;
}

.diag-content {
  flex-flow: column;
  padding-top: 5px;
  padding-bottom: 10px;
  display: flex;
}

.grid-files {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr auto auto;
}

.tab {
  margin-top: 20px;
}

.grid-belka {
  border-bottom: 1px solid #f0f0f0;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 5px 10px;
  display: flex;
}

.grid-belka.gb-right {
  justify-content: flex-end;
  align-items: center;
}

.gb-tyt {
  font-size: 13px;
  font-weight: 700;
  line-height: 16px;
}

.gb-tyt.gbt-right {
  text-align: right;
}

.grid-td {
  border-bottom: 1px solid #f0f0f0;
  width: 100%;
  height: 100%;
  padding: 5px 10px;
}

.grid-td.gt-right {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.grid-td.gt-middle {
  background-color: #f8f8f8;
}

.gb-td {
  justify-content: flex-start;
  align-items: center;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}

.pdw2 {
  background-color: #ff33331a;
  border-radius: 5px;
  margin-top: 10px;
  padding: 8px 15px 11px;
}

.bold-text, .bold-text-2 {
  line-height: 16px;
}

.pdwi2 {
  background-color: #ffaa3326;
  border-radius: 5px;
  margin-top: 10px;
  padding: 8px 15px 11px;
}

.legent-left, .legend-left {
  display: flex;
}

.devices {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.device {
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  padding: 8px 10px;
  transition: background-color .2s;
  display: flex;
}

.device:hover {
  background-color: #a8d6ff94;
}

.device.device-active {
  cursor: pointer;
  background-color: #a8d6ff;
}

.devi-ico {
  background-image: url('../images/ico-mob.png');
  background-position: 50%;
  background-size: cover;
  width: 30px;
  height: 30px;
  margin-right: 5px;
}

.devi-ico.di-desktop {
  background-image: url('../images/ico-desktop.png');
}

.devi-label {
  font-size: 16px;
  line-height: 16px;
}

.legend-right {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.diag-thomb {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 150px;
  min-width: 150px;
  max-width: 150px;
  margin-right: 40px;
  display: flex;
}

.img-viev-txt {
  text-align: center;
  background-color: #d8d8d8;
  border-radius: 5px;
  margin-top: 10px;
  padding: 3px;
  line-height: 14px;
}

.pdtyt-aditional {
  color: #6d6d6d;
  flex: 0 auto;
  margin-right: 10px;
}

.pdtyt-aditional.pdtyt-ad-red {
  color: red;
}

.che-label {
  font-size: 16px;
}

.che-label.cl-red {
  color: red;
}

.f-label {
  margin-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
}

.form-tr {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.f-field {
  flex-flow: column;
  flex: 1;
  margin-top: 20px;
  display: flex;
}

.text-block {
  font-size: 33px;
  line-height: 50px;
}

.af-tyt {
  font-size: 33px;
  font-weight: 700;
  line-height: 50px;
}

.af-button {
  color: #fff;
  height: 40px;
  margin-top: 10px;
  font-size: 18px;
  line-height: 18px;
}

.content {
  flex-flow: column;
  width: 900px;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 100px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  display: flex;
}

.info-false {
  background-color: #ff000008;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px;
}

.info-false-txt {
  color: red;
}

.info-true {
  background-color: #ffea0008;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 5px;
}

.info-true-txt {
  color: #000;
  font-size: 16px;
}

.reklama {
  background-color: #fff;
  border-radius: 12px;
  width: 100%;
  height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 20px;
}

.reklama-contener {
  flex-flow: column;
  display: flex;
}

.tyt-reklama {
  font-size: 14px;
  line-height: 14px;
}

.reklama-slider {
  cursor: pointer;
  background-color: #fff;
  height: auto;
  margin-top: 10px;
}

.slide {
  height: auto;
}

.slide-baner {
  width: 100%;
  height: 100%;
}

.slide-baner.sb1 {
  background-image: url('../images/baner1e.jpg');
  background-position: 50%;
  background-size: cover;
  height: 480px;
}

.slide-baner.sb2 {
  height: 480px;
}

.reklama-text {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.rek-tyt {
  font-size: 16px;
  font-weight: 700;
}

.rek-link {
  color: #000;
  cursor: pointer;
}

.rek-link:hover {
  text-decoration: none;
}

.content-center {
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer {
  border-radius: 12px;
  width: 100%;
  height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 20px;
}

@media screen and (max-width: 991px) {
  .audyt {
    width: 96%;
  }

  .speeds {
    flex-flow: wrap;
  }

  .performance {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .af-tyt {
    line-height: 40px;
  }

  .content {
    width: 96%;
  }

  .info-false, .info-true {
    margin-top: 10px;
  }

  .slide-baner.sb1, .slide-baner.sb2 {
    height: 50vw;
  }
}

@media screen and (max-width: 767px) {
  .sekcja {
    padding: 7px;
  }

  .sp {
    padding-bottom: 20px;
  }

  .af-tyt {
    line-height: 40px;
  }

  .reklama {
    padding: 7px;
  }

  .slide-baner.sb1, .slide-baner.sb2 {
    height: 52vw;
  }

  .footer {
    padding: 7px;
  }
}

@media screen and (max-width: 479px) {
  .sekcja {
    padding: 15px;
  }

  .speed {
    width: 100px;
    height: 100px;
  }

  .sp {
    margin-top: 10px;
    padding-bottom: 10px;
  }

  .speed2 {
    width: 250px;
    height: 250px;
  }

  .af-tyt {
    font-size: 28px;
    line-height: 35px;
  }

  .reklama {
    padding: 15px;
  }

  .left-arrow, .right-arrow {
    width: 50px;
  }

  .icon {
    font-size: 30px;
  }

  .slide-baner.sb1, .slide-baner.sb2 {
    height: 51vw;
  }

  .icon-2 {
    font-size: 30px;
  }

  .footer {
    padding: 15px;
  }
}