.ports {
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  background-color: #FFFFFF; }
  .ports__title {
    font-weight: 500;
    font-size: 30px;
    line-height: 41px;
    color: #222222; }
  .ports__description {
    font-weight: normal;
    font-size: 18px;
    line-height: 27px;
    color: #333333; }
  .ports__list {
    list-style: none;
    padding: 0;
    margin: 0; }
  .ports__grey-block {
    background-color: #F9F9F9; }
  .ports__start-button {
    cursor: pointer;
    border: none;
    background: #FB434B;
    border-radius: 93px;
    padding: 15px 50px;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF; }
    .ports__start-button:hover {
      opacity: .8; }

.ports-container {
  max-width: 1170px;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  text-align: center; }
  .ports-container__about-scanner {
    padding: 100px 0 40px 0; }
  .ports-container__anon-seo {
    padding: 60px 0 40px 0; }

.dnsleak-title-style {
  font-size: 42px;
  line-height: 57px;
  color: #333333; }

.dnsleak-description-style {
  font-weight: 300;
  font-size: 18px;
  line-height: 26px;
  color: #555555; }

.dnsleak-header {
  max-width: 1230px;
  padding: 105px 30px 40px 30px;
  margin: 0 auto;
  color: #FFFFFF; }
  @media screen and (max-width: 850px) {
    .dnsleak-header {
      padding-top: 135px; } }
  .dnsleak-header__background {
    background-repeat: no-repeat;
    width: 100%;
    background-position: center;
    background-size: cover;
    background-image: url(/images/backgrounds/dnsleak-bg.svg); }
  .dnsleak-header__title {
    font-size: 42px;
    line-height: 57px;
    margin-bottom: 31px; }
  .dnsleak-header__table-wrapper {
    width: 100%;
    border: 1px solid #00D18A;
    border-radius: 0 0 2px 2px; }
    @media screen and (min-width: 501px) {
      .dnsleak-header__table-wrapper {
        padding: 30px 35px; } }
    @media screen and (max-width: 500px) {
      .dnsleak-header__table-wrapper {
        padding: 20px 15px; } }
    .dnsleak-header__table-wrapper--green {
      border-color: #00D18A; }
    .dnsleak-header__table-wrapper--red {
      border-color: #FB434B; }
    .dnsleak-header__table-wrapper--no-dns {
      border-color: #10B8ED; }
  .dnsleak-header__blur.active {
    filter: blur(7px);
    pointer-events: none; }
  .dnsleak-header__status {
    display: flex;
    align-items: center;
    padding: 12px 36px;
    background-color: #00D18A;
    border-radius: 2px 2px 0 0; }
    .dnsleak-header__status--green {
      background-color: #00D18A; }
    .dnsleak-header__status--red {
      background-color: #FB434B; }
    .dnsleak-header__status--no-dns {
      background-color: #10B8ED; }
  .dnsleak-header__status-img {
    margin-right: 13px; }
  .dnsleak-header__status-text {
    font-weight: bold;
    font-size: 18px;
    line-height: 25px; }
  .dnsleak-header__status-title {
    font-weight: bold;
    font-size: 36px;
    line-height: 49px; }
    .dnsleak-header__status-title--green {
      color: #00D18A; }
    .dnsleak-header__status-title--red {
      color: #FB434B; }
    .dnsleak-header__status-title--no-dns {
      color: #10B8ED; }
  .dnsleak-header__status-description {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 25px; }
  .dnsleak-header__table-overflow {
    overflow-x: auto; }
    @media screen and (max-width: 500px) {
      .dnsleak-header__table-overflow {
        margin: 0 -15px 0 -15px; } }
  .dnsleak-header__table {
    width: 100%;
    margin-bottom: 18px;
    font-size: 16px;
    line-height: 16px;
    border-collapse: collapse; }
    .dnsleak-header__table thead {
      background-color: #124055;
      font-weight: 600; }
    .dnsleak-header__table td {
      width: 33.3%;
      padding: 13px 0px 13px 22px; }
      .dnsleak-header__table td img {
        margin-top: -4px;
        margin-right: 4px; }
  @media screen and (max-width: 500px) {
    .dnsleak-header__table-country {
      display: none; } }
  .dnsleak-header__link {
    background: #FB434B;
    border-radius: 93px;
    padding: 17px 35px;
    display: inline-block;
    color: #FFFFFF; }
    .dnsleak-header__link:hover {
      color: #FFFFFF;
      text-decoration: none;
      opacity: 0.7; }
    .dnsleak-header__link--no-dns {
      background: #10B8ED; }
  .dnsleak-header__preloader div {
    background-color: #FFFFFF;
    height: 5px;
    width: 5px;
    border-radius: 50%;
    display: inline-block;
    -webkit-animation: stretchdelay 0.7s infinite ease-in-out;
    animation: stretchdelay 0.7s infinite ease-in-out; }
  .dnsleak-header__preloader .circ2 {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s; }
  .dnsleak-header__preloader .circ3 {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s; }
  .dnsleak-header__preloader .circ4 {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s; }
  .dnsleak-header__preloader .circ5 {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s; }

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: translateY(-10px); }
  20% {
    -webkit-transform: translateY(-20px); } }
@keyframes stretchdelay {
  0%, 40%, 100% {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px); }
  20% {
    transform: translateY(-20px);
    -webkit-transform: translateY(-20px); } }
.about-scanner__title {
  margin-bottom: 10px; }
.about-scanner__description {
  max-width: 980px;
  margin: 0 auto 41px auto; }
.about-scanner__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  @media screen and (max-width: 397px) {
    .about-scanner__list {
      padding: 0 10px; } }
.about-scanner__list-element {
  max-width: 378px;
  width: 100%;
  margin-bottom: 10px;
  padding: 42px 32px;
  border: 1px solid #EEEEEE;
  border-radius: 29px; }
  @media screen and (min-width: 756px) {
    .about-scanner__list-element {
      margin-right: 10px; } }
  @media screen and (max-width: 1150px) {
    .about-scanner__list-element:last-child {
      margin-bottom: 0;
      margin-right: 0; } }
.about-scanner__list-element-icon {
  margin-bottom: 25px; }
  .about-scanner__list-element-icon--detect {
    width: 65px;
    height: 65px; }
  .about-scanner__list-element-icon--services {
    width: 51px;
    height: 56px; }
  .about-scanner__list-element-icon--attack {
    width: 45px;
    height: 61px; }
  .about-scanner__list-element-icon--anon {
    width: 48px;
    height: 56px; }
  .about-scanner__list-element-icon--ip {
    width: 50px;
    height: 55px; }
  .about-scanner__list-element-icon--content {
    width: 60px;
    height: 55px; }
  .about-scanner__list-element-icon--anon, .about-scanner__list-element-icon--ip, .about-scanner__list-element-icon--content {
    margin-bottom: 22px; }
.about-scanner__list-element-text {
  font-size: 16px;
  line-height: 24px;
  color: #555555;
  margin-bottom: 0; }
  .about-scanner__list-element-text--bold {
    font-weight: 600;
    font-size: 22px;
    line-height: 27px;
    color: #333333; }

.what-scanner {
  padding: 70px 0 40px 0; }
  .what-scanner__grey-block {
    max-width: 1793px;
    margin: 0 auto;
    border-radius: 66px;
    padding: 60px 20px; }
  @media screen and (min-width: 851px) {
    .what-scanner__container {
      display: flex; } }
  @media screen and (min-width: 851px) {
    .what-scanner__container--second {
      padding: 100px 20px 40px; } }
  @media screen and (max-width: 851px) {
    .what-scanner__container--second {
      padding: 40px 20px; } }
  @media screen and (min-width: 851px) {
    .what-scanner__text-block {
      max-width: 55%;
      width: 100%;
      text-align: left; } }
  @media screen and (min-width: 851px) {
    .what-scanner__text-block--first {
      margin-left: 80px; } }
  @media screen and (min-width: 851px) {
    .what-scanner__text-block--second {
      margin-right: 80px; } }
  @media screen and (min-width: 851px) {
    .what-scanner__img {
      width: 45%; } }
  @media screen and (max-width: 850px) {
    .what-scanner__img {
      margin-bottom: 20px; } }
  @media screen and (max-width: 568px) {
    .what-scanner__img {
      width: 100%; } }
  .what-scanner__title {
    margin-bottom: 16px; }
  .what-scanner__list {
    list-style: disc;
    padding-left: 20px;
    margin-top: 23px; }
  .what-scanner__list-element {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    color: #333333; }
    .what-scanner__list-element::marker {
      color: #2bb2cc; }

.ports-list {
  padding: 0 10px 40px; }
  .ports-list__grey-block {
    max-width: 1793px;
    margin: 0 auto;
    border-radius: 66px;
    padding: 60px 20px 95px;
    text-align: center; }
  .ports-list__title {
    margin-bottom: 6px; }
  .ports-list__description {
    margin-bottom: 26px; }
  .ports-list__list {
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 29px;
    margin-bottom: 38px;
    display: grid;
    text-align: left; }
    @media screen and (max-width: 549px) {
      .ports-list__list {
        grid-template-columns: 1fr; } }
    @media screen and (min-width: 550px) and (max-width: 849px) {
      .ports-list__list {
        grid-template-columns: repeat(2, 1fr); } }
    @media screen and (min-width: 850px) and (max-width: 1219px) {
      .ports-list__list {
        grid-template-columns: repeat(3, 1fr); } }
    @media screen and (min-width: 1220px) {
      .ports-list__list {
        grid-template-columns: repeat(4, 1fr); } }
  .ports-list__list-element {
    padding: 30px;
    width: 100%;
    border-bottom: 1px solid #EEEEEE; }
    @media screen and (min-width: 550px) {
      .ports-list__list-element {
        max-width: 390px;
        border-right: 1px solid #EEEEEE; } }
    @media screen and (min-width: 550px) and (max-width: 849px) {
      .ports-list__list-element:nth-child(2n) {
        border-right: none; } }
    @media screen and (min-width: 850px) and (max-width: 1219px) {
      .ports-list__list-element:nth-child(3n) {
        border-right: none; }
      .ports-list__list-element:nth-child(n+16) {
        border-bottom: none; } }
    @media screen and (min-width: 1220px) {
      .ports-list__list-element:nth-child(4n) {
        border-right: none; } }
    .ports-list__list-element:nth-child(n+17) {
      border-bottom: none; }
  .ports-list__icon-ok {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    margin-right: 11px;
    background: linear-gradient(180deg, #82D766 0%, #82D766 271.11%); }
    .ports-list__icon-ok:after {
      content: '';
      display: block;
      position: absolute;
      width: 11px;
      height: 8px;
      top: 5px;
      left: 4px;
      background-image: url("data:image/svg+xml,%3Csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.27783 3.67053L4.59529 6.98799L9.64688 1.9364' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
  .ports-list__ports-name {
    font-size: 16px;
    line-height: 24px;
    color: #555555; }
  .ports-list__start {
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
    background: #FB434B;
    border-radius: 93px;
    padding: 15px 5px;
    max-width: 232px;
    width: 100%; }
    .ports-list__start:hover {
      text-decoration: none;
      color: #FFFFFF;
      opacity: .8; }

/*# sourceMappingURL=style.css.map */