@import url(https://fonts.googleapis.com/css?family=Inter+Tight:300,regular,500,italic);
@import url(https://fonts.googleapis.com/css2?family=PT+Mono&display=swap);

@charset "UTF-8";

@font-face {
  font-family: icons;
  font-display: swap;
  src: url("../fonts/icons.woff2") format("woff2"), url("../fonts/icons.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
html.light body {
    color: #000;
    background-color: #fff;
}
h1, h2, h3, h4 {
	color: #19191B;
}
h1 {
	text-transform: uppercase;
	font-size: 3.625rem;
}

h2 {
	font-size: 3rem;
	line-height: 120%;
	text-transform: uppercase;
	font-weight: 500;
}
h3 {
	font-size: 2rem;
	line-height: 120%;
	font-weight: 500;
}
body {
    color: #19191b;
    line-height: 100%;
    font-family: "Inter Tight";
    font-size: 1rem;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	padding: 0;
    margin: 0;
	font-size: 1rem;
}
a {
    display: inline-block;
    color: inherit;
    text-decoration: none;
}
*, *:after, *:before {
    box-sizing: border-box;
}
ul li {
    list-style: none;
}
@supports (overflow:clip) {
    .wrapper {
        overflow: clip;
    }
}
.wrapper {
    position: relative;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
main.page {
    position: relative;
    padding-bottom: 64px;
}
.wrapper > main {
    flex: 1 1 auto;
}
@media (min-width: 61.9988em) {
    .header {
        margin-bottom: 1.5rem;
        padding: 1.75rem 0;
    }
}
@media (max-width: 61.9988em) and (min-width: 48em) {
    .header {
        padding-top: 2rem;
    }
}
@media (min-width: 29.9988em) and (max-width: 61.9988em) {
    .header {
        margin-bottom: 2.5rem;
    }
}
@media (max-width: 61.9988em) and (min-width: 22.5em) and (max-width: 48em) {
    @supports (padding-top:clamp(1.5rem ,1.0588235294rem + 1.9607843137vw ,2rem)) {
        .header {
            padding-top: clamp(1.5rem, 1.0588235294rem + 1.9607843137vw, 2rem);
        }
    }
}
@media (max-width: 29.9988em) {
    .header {
        margin-bottom: 2rem;
    }
}
@media (max-width: 61.9988em) and (max-width: 22.5em) {
    .header {
        padding-top: 1.5rem;
    }
}
@media screen and (max-width: 96rem) {
    [class*=__container_wide] {
        max-width: 120rem;
    }
}
@media screen and (max-width: 96rem) {
    [class*=__container] {
        max-width: 86.125rem;
    }
}
[class*=__container_wide] {
    max-width: 120rem;
}
[class*=__container] {
    max-width: 102.25rem;
    margin: 0 auto;
    padding: 0 1rem;
}
@media screen and (max-width: 96rem) and (max-width: 87.5em) and (min-width: 48em) {
    [class*=__container] {
        padding-right: 1.875rem;
    }
}
/*
@media (min-width: 29.9988em) and (max-width: 62em) {
    .header__container {
        padding-right: 1.875rem;
    }
}
@media screen and (max-width: 96rem) and (max-width: 87.5em) and (min-width: 22.5em) and (max-width: 48em) {
    @supports (padding-right:clamp(0.9375rem ,0.1102941176rem + 3.6764705882vw ,1.875rem)) {
        [class*=__container] {
            padding-right: clamp(.9375rem, .1102941176rem + 3.6764705882vw, 1.875rem);
        }
    }
}
@media (min-width: 29.9988em) and (min-width: 62em) and (max-width: 102.25em) {
    @supports (padding-right:clamp(1.875rem ,1.1048136646rem + 1.2422360248vw ,2.375rem)) {
        .header__container {
            padding-right: clamp(1.875rem, 1.1048136646rem + 1.2422360248vw, 2.375rem);
        }
    }
}
@media (min-width: 29.9988em) and (min-width: 62em) and (max-width: 102.25em) {
    @supports (padding-left:clamp(1.875rem ,1.1048136646rem + 1.2422360248vw ,2.375rem)) {
        .header__container {
            padding-left: clamp(1.875rem, 1.1048136646rem + 1.2422360248vw, 2.375rem);
        }
    }
}

*/



@media (min-width: 47.9988em) and (min-width: 48em) and (max-width: 102.25em) {
    @supports (height:clamp(2rem ,1.5576036866rem + 0.9216589862vw ,2.5rem)) {
        .header__logo img {
            height: clamp(2rem, 1.5576036866rem + .9216589862vw, 2.5rem);
        }
    }
}
@media (min-width: 47.9988em) and (min-width: 48em) and (max-width: 102.25em) {
    @supports (width:clamp(10.4375rem ,7.9490207373rem + 5.1843317972vw ,13.25rem)) {
        .header__logo img {
            width: clamp(10.4375rem, 7.9490207373rem + 5.1843317972vw, 13.25rem);
        }
    }
}
.header__logo img {
    -o-object-fit: contain;
    object-fit: contain;
}
.header__logo {
    position: relative;
    margin-right: 2rem;
}
.header__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (any-hover: hover) {
    .header__link-button:hover {
        background-color: #000;
    }
}
@media (min-width: 62em) and (max-width: 102.25em) {
    @supports (font-size:clamp(0.875rem ,0.7787267081rem + 0.1552795031vw ,0.9375rem)) {
        .header__link-button {
            font-size: clamp(.875rem, .7787267081rem + .1552795031vw, .9375rem);
        }
    }
}

.header__link-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
    padding: .75rem 2.521875rem;
    background-color: #21bdba;
    border-radius: 2.5rem;
	transition: background-color 0.3s;
	font-size: 1rem;
}

.header__link-button {
    font-weight: 500;
    line-height: 140%;
}
@media (max-width: 992px) {
    .header__box .header__link-button {
        display: none;
    }
}
@media (max-width: 62em) {
    .header__link-button {
        font-size: .875rem;
    }
}
@media (any-hover: hover) {
    .header__link-button:hover {
        background-color: #000;
    }
}
@media (min-width: 47.9988em) {
    .header__link-button {
        transition: background-color 0.3s;
    }
}
.header__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (min-width: 47.9988em) {
    .header__calculator {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        font-size: 0.9375rem;
        padding: 0.6875rem 2.5rem;
        border: 0.0625rem solid rgba(25, 25, 27, 0.2);
        border-radius: 2.5rem;
        font-weight: 500;
        line-height: 140%;
        -webkit-transition: color 0.3s 0s ease, border 0.3s 0s ease, background-color 0.3s 0s ease;
        transition: 0.3s 0s ease, border 0.3s 0s ease, 0.3s 0s ease;
    }
}
@media (min-width: 47.9988em) and (any-hover: hover) {
    .header__calculator:hover {
        background-color: #000;
        color: #fff;
        border: 0.0625rem solid transparent;
    }
}
@media (max-width: 71.875em) {
    .header__calculator {
        display: none;
    }
}

.header__phone:not(:last-child) {
	margin-right: 2.75rem;
	margin-left: auto;
}

@media (min-width: 37.5625em) and (any-hover: hover) {
    .header__phone:hover {
        color: #21bdba;
    }
}
@media (min-width: 37.5625em) {
    .header__phone {
        font-size: 0.9375rem;
        line-height: 150%;
        -webkit-transition: color 0.3s 0s ease;
        transition: color 0.3s 0s ease;
    }
}

@media (min-width: 61.9988em) and (min-width: 62em) and (max-width: 102.25em) {
    @supports (margin-bottom:clamp(2.5rem ,1.7298136646rem + 1.2422360248vw ,3rem)) {
        .page .page__home:not(:last-child) {
            margin-bottom: clamp(2.5rem, 1.7298136646rem + 1.2422360248vw, 3rem);
        }
    }
}

@media (min-width: 48em) and (max-width: 102.25em) {
    @supports (margin-bottom:clamp(2rem ,1.5576036866rem + 0.9216589862vw ,2.5rem)) {
        .page .page__home_bottom {
            margin-bottom: clamp(2rem, 1.5576036866rem + .9216589862vw, 2.5rem);
        }
    }
}
@media (max-width: 61.9988em) and (min-width: 48em) {
    .page .page__home:not(:last-child) {
        margin-bottom: 2.5rem;
    }
}
@media (min-width: 48em) and (max-width: 102.25em) {
    @supports (margin-bottom:clamp(2rem ,1.5576036866rem + 0.9216589862vw ,2.5rem)) {
        .page .page__home_bottom {
            margin-bottom: clamp(2rem, 1.5576036866rem + .9216589862vw, 2.5rem);
        }
    }
}
@media (max-width: 61.9988em) and (min-width: 22.5em) and (max-width: 48em) {
    @supports (margin-bottom:clamp(1.5rem ,0.6176470588rem + 3.9215686275vw ,2.5rem)) {
        .page .page__home:not(:last-child) {
            margin-bottom: clamp(1.5rem, .6176470588rem + 3.9215686275vw, 2.5rem);
        }
    }
}
@media (max-width: 48em) {
    .page .page__home_bottom {
        margin-bottom: 2rem;
    }
}

@media (min-width: 48em) and (max-width: 102.25em) {
    @supports (margin-bottom:clamp(2rem ,1.5576036866rem + 0.9216589862vw ,2.5rem)) {
        .page .page__home_bottom .home__name-navigation:not(:last-child) {
            margin-bottom: clamp(2rem, 1.5576036866rem + .9216589862vw, 2.5rem);
        }
    }
}
@media (min-width: 61.9988em) and (min-width: 102.25em) {
    .page .page__home:not(:last-child) {
        margin-bottom: 3rem;
    }
}
.page .page__home .home__name-navigation {
    margin-bottom: 2rem;
}
@media (max-width: 48em) {
    .page .page__home_bottom .home__name-navigation:not(:last-child) {
        margin-bottom: 2rem;
    }
}

.name-navigation__items {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
	padding-left: 0;
}
.name-navigation__item:not(:last-child) {
    margin-right: 1.5rem;
}
@media (min-width: 48em) and (max-width: 102.25em) {
    @supports (font-size:clamp(0.75rem ,0.6394009217rem + 0.2304147465vw ,0.875rem)) {
        .name-navigation__item {
            font-size: clamp(.75rem, .6394009217rem + .2304147465vw, .875rem);
        }
    }
}
.name-navigation__item {
    line-height: 150%;
}
@media (max-width: 48em) {
    .name-navigation__item {
        font-size: .75rem;
    }
}
@media (min-width: 47.9988em) {
    .name-navigation__link {
        transition: color 0.3s ease;
    }
}
.name-navigation__link {
    color: #6a737d;
    position: relative;
}
@media (any-hover: hover) {
    .name-navigation__link:hover {
        color: #21bdba;
    }
}
.name-navigation__link::before {
    content: "";
    position: absolute;
    width: .25rem;
    height: .25rem;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: -.875rem;
    border-radius: 50%;
    background-color: #21bdba;
}
.page .page__home .home__body {
    padding: 0;
	display: flex;
}

@media (min-width: 47.9988em) and (min-width: 48em) and (max-width: 102.25em) {
    @supports (font-size:clamp(4.25rem ,0.9320276498rem + 6.9124423963vw ,8rem)) {
        .home__title {
            font-size: clamp(4.25rem, .9320276498rem + 6.9124423963vw, 8rem);
        }
    }
}
@media (min-width: 47.9988em) {
    .home__title {
        text-transform: uppercase;
    }
}
.home__title {
    line-height: 120%;
    font-weight: 500;
}
@media (max-width: 47.9988em) and (min-width: 20em) and (max-width: 48em) {
    @supports (font-size:clamp(1.875rem ,1.4285714286rem + 2.2321428571vw ,2.5rem)) {
        .home__title_size {
            font-size: clamp(1.875rem, 1.4285714286rem + 2.2321428571vw, 2.5rem);
        }
    }
}
@media (max-width: 47.9988em) and (min-width: 20em) and (max-width: 48em) {
    @supports (font-size:clamp(2.0625rem ,0.5rem + 7.8125vw ,4.25rem)) {
        .home__title {
            font-size: clamp(2.0625rem, .5rem + 7.8125vw, 4.25rem);
        }
    }
}
@media (min-width: 47.9988em) and (min-width: 48em) and (max-width: 102.25em) {
    @supports (font-size:clamp(2.5rem ,1.5046082949rem + 2.0737327189vw ,3.625rem)) {
        .home__title_size {
            font-size: clamp(2.5rem, 1.5046082949rem + 2.0737327189vw, 3.625rem);
        }
    }
}

@media (any-hover: hover) {
    .button:hover {
        background-color: #000;
        color: #fff;
    }
}
@media (min-width: 41.3125em) and (min-width: 48em) and (max-width: 102.125em) {
    @supports (min-width: clamp( 13.1875rem , 12.5223729792rem + 1.3856812933vw , 13.9375rem )) {
        .button, .button-3, .button-4 {
            min-width: clamp(13.1875rem, 12.5223729792rem + 1.3856812933vw, 13.9375rem);
        }
    }
}
@media (min-width: 22.5em) and (max-width: 102.125em) {
    @supports (font-size: clamp( 0.875rem , 0.839678179rem + 0.1569858713vw , 1rem )) {
        .button, .button-3, .button-4 {
            font-size: clamp(0.875rem, 0.839678179rem + 0.1569858713vw, 1rem);
        }
    }
}
@media (min-width: 47.9988em) {
    .button, .button-3, .button-4 {
        -webkit-transition: background-color 0.3s 0s ease, color 0.3s 0s ease, border 0.3s 0s ease;
        transition: background-color 0.3s 0s ease, color 0.3s 0s ease, border 0.3s 0s ease;
    }
}
.button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.button, .button-3, .button-4 {
    position: relative;
    white-space: nowrap;
    padding: 1.0625rem 2.5rem;
    line-height: 150%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 2.5rem;
    border: 0.0625rem solid #d5dae0;
}
@media (min-width: 47.9988em) {
    .button::before, .button-3::before, .button-4::before {
        -webkit-transition: color 0.3s 0s ease, opacity 0.3s 0s ease, -webkit-transform 0.3s 0s ease;
        transition: color 0.3s 0s ease, opacity 0.3s 0s ease, -webkit-transform 0.3s 0s ease;
        transition: color 0.3s 0s ease, opacity 0.3s 0s ease, transform 0.3s 0s ease;
        transition: color 0.3s 0s ease, opacity 0.3s 0s ease, transform 0.3s 0s ease, -webkit-transform 0.3s 0s ease;
    }
}
.button::before, .button-3::before, .button-4::before {
    font-size: 0.75rem;
    margin-left: 1.5rem;
    color: #21bdba;
}
._icon-arrow:before {
    content: "\e900";
}
[class*=_icon-]:before {
    display: block;
}
[class*=_icon-]:before {
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.button span, .button-3 span, .button-4 span {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
@media (min-width: 22.5em) and (max-width: 102.125em) {
    @supports (font-size: clamp( 0.875rem , 0.839678179rem + 0.1569858713vw , 1rem )) {
        .button, .button-3, .button-4 {
            font-size: clamp(0.875rem, 0.839678179rem + 0.1569858713vw, 1rem);
        }
    }
}
@media (any-hover: hover) {
    .button:hover span::before {
        opacity: 1;
        border: 0.125rem solid #21bdba;
    }
}
@media (any-hover: hover) {
    .button:hover::before {
        opacity: 0;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }
}

.button span::before, .button-3 span::before, .button-4 span::before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0rem, -50%);
    -ms-transform: translate(0rem, -50%);
    transform: translate(0rem, -50%);
    right: -2.5rem;
    width: 1.125rem;
    height: 1.125rem;
    z-index: 10;
    border-radius: 50%;
    border: 0.125rem solid transparent;
    -webkit-transition: border 0.3s 0s ease, opacity 0.3s 0s ease;
    transition: border 0.3s 0s ease, opacity 0.3s 0s ease;
}
.advantages__button {
	max-height: max-content;
    margin: auto 0 auto auto;
}
.speed-elements {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 1.75rem;
}
/*
@media (min-width: 1675px) {
	.speed-item {
		width: 23.75rem;
		height: 18.375rem;
		background-color: #EFF1F3;
		border-radius: 1.5rem;
	}
}
*/
.speedtest {
	margin-bottom: 7rem;
}
.speed-item {
	width: calc(25% - 1.32rem);
    aspect-ratio: 190/147;
    background-color: #EFF1F3;
    border-radius: 1.5rem;
	position: relative;
}
.speed-header {
	width: 100%;
    font-size: 1.25rem;
    text-align: center;
    top: 2rem;
    position: absolute;
}
.speed-data {
	width: 100%;
    text-align: center;
    position: absolute;
    top: 56.72%;
}
.speed-number {
	font-size: 2rem;
    font-weight: 500;
}
.speed-unit {
	font-size: 1rem;
    margin-top: 1rem;
}
.speed-data-progress-row {
	position: absolute;
    width: 100%;
    bottom: 12%;
    display: flex;
}
.speed-data-progress-bar {
	width: 104px;
    margin: auto;
    height: 2px;
    background: #fff;
    position: relative;
}
.speed-data-progress {
	height: 2px;
    position: absolute;
    left: 0;
    border-radius: 2px;
    background: #21bdba;
    width: 0;
    transition: 0.3s;
}

.speed-item:before {
	content: '';
}

.speed-stop-button {
	border: none;
    position: relative;
    display: flex;
    padding: 1.25rem 2.25rem;
	cursor: pointer;
	margin: auto;
}
.speed-stop-button:after {
	content: "";
    order: 2;
    margin-left: 1.75rem;
    width: 24px;
    height: 24px;
    display: block;
    transition: 0.3s;
    background-image: url(/img/speedometer-03.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.speed-stop-button.in-progress:after {
	content: "";
	background-image: url(/img/x-circle.svg);
}

.speed-stop-button:hover:before {
	color: #21bdba;
	border-color: #21bdba;
}
.speed-details {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-top: 2.5rem;
}
.speed-ip-info {
	font-size: 1rem;
    color: #6A737D;
    display: flex;
    flex-direction: row;
    max-width: max-content;
    margin: 2.5rem auto auto auto;	
	padding: 0 1.75rem;
}
.speed-ip-info img {
	width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.5rem;
}
.speed-ip-info span {
	padding: 0;
    margin: 0;
}
.speed-ip-info div {
	margin: auto;
}
.speed-share-results {
	color: #21bdba;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    max-width: max-content;
    margin: 2.5rem auto auto auto;
	position: relative;
}
.speed-share-results img {
	width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.5rem;
}
.speed-share-results span {
	display: block;
    margin: auto;
}
.speed-scale-wrap {
	position: absolute;
	left: 0;
	top: 27.9%;
	width: 100%;
	display: flex;
}
.speed-scale {
	width: 204px;
    height: 205px;
    position: relative;
	margin: auto;
}
.speed-scale-empty {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    overflow: hidden;
  clip-path: path('M191.247 130.998C195.533 132.391 200.171 130.05 201.216 125.666C204.307 112.712 204.836 99.2499 202.744 86.0437C200.226 70.1452 193.981 55.0684 184.52 42.0459C175.058 29.0234 162.649 18.4251 148.307 11.1173C133.965 3.8096 118.097 2.55828e-07 102 0C85.9033 -2.55828e-07 70.0352 3.8096 55.693 11.1173C41.3507 18.4251 28.9416 29.0234 19.4803 42.0459C10.0189 55.0684 3.77386 70.1452 1.25579 86.0437C-0.835872 99.2499 -0.306621 112.712 2.78354 125.666C3.8292 130.05 8.46678 132.391 12.7529 130.998V130.998C17.0389 129.606 19.3437 125.007 18.3649 120.608C16.0312 110.118 15.6862 99.2583 17.3749 88.5967C19.49 75.242 24.7359 62.5774 32.6834 51.6386C40.631 40.6997 51.0546 31.7971 63.1021 25.6586C75.1496 19.5201 88.4788 16.32 102 16.32C115.521 16.32 128.85 19.5201 140.898 25.6586C152.945 31.7971 163.369 40.6997 171.317 51.6386C179.264 62.5774 184.51 75.242 186.625 88.5967C188.314 99.2583 187.969 110.118 185.635 120.608C184.656 125.007 186.961 129.606 191.247 130.998V130.998Z');
}
.speed-scale-color {
	opacity: 0;
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
	background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
	background-color: transparent;

}
.speed-scale-color.color1 {
	background-image: url(../img/ellipse_20.svg);
}
.speed-scale-color.color2 {
	background-image: url(../img/ellipse_21.svg);
}
.speed-scale-color.color3 {
	background-image: url(../img/ellipse_22.svg);
}
.speed-scale-color-mask {
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
}
.speed-files-block h2 {
	width: 100%;
	text-align: center;
	margin-bottom: 3rem;
}
.speed-files-table {
	width: 100%;
	max-width: 66.25rem;
	margin: auto;
	display: flex;
	flex-direction: column;
}
.speed-files-table-description {
	width: 100%;
	text-align: left;
	font-size: 0.875rem;
	margin-bottom: 1rem;
}
.speed-files-table-row {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-bottom: 1.5rem;
}
.speed-files-table-code {
	width: 100%;
	display: flex;
	padding: 20px;
	background-color: #EFF1F3;
	border-radius: 0.5rem;
	font-family: "PT Mono", monospace;
	font-size: 0.875rem
}
.speed-files-table-code span {
	max-width: calc(100% - 25px);
    overflow-wrap: break-word;
}
.speed-files-link {
	width: 1.25rem;
	height: 1.25rem;
	background-image: url(../img/copy-06.svg);
	background-size: cover;
	background-repeat: no-repeat;
	cursor: pointer;
	margin: auto 0 auto auto;
	position: relative;
}
.results-interpretation {
	width: 100%;
	background-color: #EFF1F3;
	border-radius: 1.5rem;
	padding: 4rem;
	display: flex;
	margin-top: 5rem;
}
.results-interpretation .left-col,
.results-interpretation .right-col {
	width: 50%;
}
.results-interpretation .right-col {
	position: relative;
}
.results-interpretation .right-col img {
	position: absolute;
	bottom: -4rem;
	left: 0;
}
.results-interpretation .button {
	max-width: max-content;
}
.results-interpretation .left-col p {
	font-size: 1rem;
	line-height: 150%;
	margin-bottom: 48px;
}
.results-interpretation h3 {
	margin: 0 0 1.5rem 0;
}
.mobile-btn {
	display: none;
	margin-top: 1.5rem;
}
.mobile-btn .speed-stop-button {
	width: 100%;
}
@media (min-width: 1050px) and (max-width: 1160px) {
	.speed-scale-wrap {
		transform: scale(0.8);
		top: 20%;
	}
	.speed-number {
		font-size: 1.5rem;
	}
	.speed-header {
		font-size: 1rem;
		top: 1.5rem;
	}
	
}

@media (min-width: 997px) and (max-width: 1049px) {
	.speed-scale-wrap {
		transform: scale(0.75);
        top: 13%;
	}
	.speed-data-progress-bar {
		width: 75px;
	}
	.speed-header {
        font-size: 1rem;
        top: 1.5rem;
    }
	.speed-number {
        font-size: 1.5rem;
    }
}

@media (max-width: 996px) {
	.speed-item {
		width: calc(50% - 1rem);
	}
/*	
	.speed__container {
		margin-right: -1rem;
	}
*/	
	.speed-files-block {
		padding: 0 1.5rem;
	}
	.home__title_size {
		font-size: 2.5rem!important;;
	}
}

@media (min-width: 871px) and (max-width: 996px) {

	.speed-scale-wrap {
		transform: scale(1.2);
		top: 31.9%;
	}
	.speed-number {
		font-size: 3rem;
	}
	.speed-data-progress-row {
		bottom: 15%;
	}
}

@media (max-width: 870px) {

	.speed-item {
        width: calc(50% - 0.75rem);
		aspect-ratio: 57 / 49;
    }
	.speed-elements {
		gap: 1rem;
		justify-content: space-evenly;
	}	
	.speed-number {
		font-size: 1.625rem;
		
	}
	.speed-data-progress-row {
		bottom: 15%;
	}
	.speed-unit {
		font-size: 0.875rem;
	}
	.results-interpretation {
		flex-direction: column;
		overflow: hidden;
		padding: 2.5rem;
	}
	.results-interpretation .left-col,
	.results-interpretation .right-col {
		width: 100%;
		display: flex;
	}
	
	.results-interpretation .left-col {
		flex-direction: column;
		align-items: center;
	}
	.results-interpretation .right-col img {
		position: initial;
        margin: 4rem auto -4rem auto;
	}
	.results-interpretation .left-col p {
		font-size: 0.875rem;
	}
}

@media (min-width: 558px) and (max-width: 630px) {
	.speed-scale-wrap {
		transform: scale(0.8);
		top: 23%;
	}
}
@media (min-width: 501px) and (max-width: 557px) {
	.speed-scale-wrap {
        transform: scale(0.65);
        top: 15%;
    }
}
@media (max-width: 600px) {
	.header__phone {
		display: none;
	}
}

@media (max-width: 500px) {
	.speed-elements {
		flex-direction: unset;
	}
	.speed-item {
		width: calc(100% - 0.75rem);
	}
	.speed-item {
		background-color: transparent;
	}
	.speed-scale-empty {
		background-color: #EFF1F3;
	}
	.speed-scale-color-mask {
		background-color: #EFF1F3;
	}
	.advantages__button {
		display: none;
	}

	.home__title {
		margin: auto;
	}
	.mobile-btn {
		display: flex;
	}
	.pc-btn {
		display: none;
	}
/*	
	[class*=__container] {
		margin-right: -0.75rem;
	}
*/	
	.speed-number {
		font-size: 1.375rem;
	}
	.speed-header {
		font-size: 1rem;
	}
	
	.speed-data-progress-row {
		display: none;
	}
	.speed-ping {
		order: 0;
	}
	.speed-dgitter {
		order: 1;
	}
	.speed-download {
		order: 2;
	}
	.speed-load {
		order: 3;
	}	
	.speed-ping .speed-scale-wrap,
	.speed-dgitter .speed-scale-wrap {
		display: none;
	}
	.speed-item {
		aspect-ratio: 2 / 1;
	}
	
	.speed-data {
		top: 63.72%;
	}
	
	.speed-ping, .speed-dgitter {
		aspect-ratio: unset;
		width: 45%;
	}
	
	
	.speed-ping .speed-header,
	.speed-ping .speed-data,
	.speed-dgitter .speed-header,
	.speed-dgitter .speed-data {
		position: initial;
	}
	.speed-ping .speed-data,
	.speed-dgitter .speed-data {
		margin-top: 1rem;
	}	
	.speed-unit {
		margin-top: 0.875rem;
	}	
	.speed-download .speed-header,
	.speed-load .speed-header {
		top: 0.7rem;
	}
	.header__row {
		position: relative;
	}
	.top-login-btn {
		background: no-repeat;
		color: #21bdba;
		position: absolute;
		right: 0;
		padding: 0 1rem 0 0;
	}
	.top-login-btn:hover {
		background:transparent;
		color: #21bdba;
	}
	.header__box {
		margin: auto;
	}
	.home__name-navigation {
		display: none;
	}
	.results-interpretation h3 {
		width: 100%;
		text-align: center;
		font-size: 1.375rem;
	}
	.results-interpretation .left-col p {
		width: 100%;
		text-align: center;
	}
	.results-interpretation .right-col img {
		max-width: -webkit-fill-available;
	}
}

@media (min-width: 100px) and (max-width: 500px){
	.speed-download .speed-header,
	.speed-load .speed-header {
		top: 0;
	}
}

@media (max-width: 400px) {

	.speed-scale-wrap {
		transform: scale(0.7);
		top: 0;
	}
	.speed-item {
        aspect-ratio: 3 / 1.2;

    }
	.speed-header {
		top: 0;
	}
	.speed-data {
		top: 76px;
	}
	.speed-download, .speed-load {
		margin-top: 1.5rem;
	}	
	
}

/*    F O O T E R   */

.contacts-footer__list {
	display: flex;
	align-items: center;
	padding: 0;
    margin: 0;
}

.contacts-footer__link {
	position: relative;
	z-index: 5;
}

.contacts-footer__link::before {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	color: #6a737d;
}

.contacts-footer__link_size-1::before {
	font-size: .875rem;
}

.contacts-footer__link_size-2::before {
	font-size: 1rem;
}

.contacts-footer__link_size-3::before {
	font-size: 1.083125rem;
}

.contacts-footer__link_size-4::before {
	font-size: 1.5rem;
}

.footer__row {
	display: flex;
	position: relative;
}

.footer__row::before {
	content: "";
	position: absolute;
	width: 100vw;
	height: 100%;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%,0);
	transform: translate(-50%,0);
	border-top: .0625rem solid #d5dae0;
}

.footer__copywriting {
	position: relative;
	z-index: 5;
	color: #6a737d;
	line-height: 150%;
}

.footer__politics {
	position: relative;
	z-index: 5;
	color: #6a737d;
	line-height: 150%;
}

@media (min-width:29.99875em) {
	.footer__row {
		padding: 1rem 0;
	}
}

@media (min-width:34.4375em) {
	.footer__row {
		align-items: center;
		justify-content: space-between;
	}
}

@media (min-width:47.99875em) {
	.contacts-footer__link::before {
		transition: color 0.3s ease;
	}

	.footer__copywriting {
		font-size: .875rem;
	}

	.footer__politics {
		transition: color 0.3s ease;
	}

	.footer__politics {
		font-size: .875rem;
	}
}

@media (min-width:61.99875em) {
	.footer__block {
		display: flex;
	}
}

@media (min-width:102.25em) {
	.footer__copywriting {
		margin-right: 4rem;
	}
}

@media (min-width:48em) {
	.contacts-footer__item:not(:last-child) {
		margin-right: 1.5rem;
	}

	.footer__copywriting {
		font-size: .875rem;
	}

	.footer__politics {
		font-size: .875rem;
	}
}

@media (max-width:48em) {
	.footer__copywriting {
		margin-right: 1.875rem;
	}
}

@media screen and (max-width:96rem) {
	[class*=__container] {
		max-width: 86.125rem;
	}
}

@media screen and (max-width:96rem) and (max-width:87.5em) and (max-width:22.5em) {
	[class*=__container] {
		padding-left: .9375rem;
	}

	[class*=__container] {
		padding-right: .9375rem;
	}
}

@media (max-width:47.99875em) {
	.footer__copywriting {
		font-size: .75rem;
	}

	.footer__copywriting:not(:last-child) {
		margin-bottom: .5rem;
	}

	.footer__politics {
		font-size: .75rem;
	}
}

@media (max-width:34.375em) {
	.footer__row {
		flex-direction: column-reverse;
	}

	.footer__contacts {
		margin-bottom: 2rem;
	}
}

@media (max-width:29.99875em) {
	.footer__row {
		padding: 2rem 0 1.5rem 0;
	}
}

@media (max-width:22.5em) {
	.contacts-footer__item:not(:last-child) {
		margin-right: 1rem;
	}

	.footer__copywriting {
		font-size: .75rem;
	}

	.footer__politics {
		font-size: .75rem;
	}
}

@media (min-width:29.99875em) and (max-width:61.99875em) {
	.footer {
		padding: 0 .875rem;
	}

	.footer__copywriting:not(:last-child) {
		margin-bottom: .375rem;
	}
}

@media screen and (max-width:96rem) and (max-width:87.5em) and (min-width:48em) {
	[class*=__container] {
		padding-left: 1.875rem;
	}

	[class*=__container] {
		padding-right: 1.875rem;
	}
}

@media (any-hover:hover) {
	.contacts-footer__link:hover::before {
		color: #21bdba;
	}

	.footer__politics:hover {
		color: #21bdba;
	}
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
}

@media (max-width: 991px) {
	.footer {
		position: relative;
	}
}
@supports (margin-right:clamp(1.875rem ,-0.0051843318rem + 3.9170506912vw ,4rem)) {
        .footer__copywriting {
            margin-right: clamp(1.875rem, -.0051843318rem + 3.9170506912vw, 4rem);
        }
    }
}
@media (min-width: 47.9988em) {
    .contacts-footer__link::before {
        transition: color var(--s) var(--e);
    }
}
.contacts-footer__link_size-1::before {
    font-size: .875rem;
}
.contacts-footer__link::before {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    color: var(--grayColor2);
}
._icon-wkontakte:before {
    content: "\e909";
}
._icon-youtube:before {
    content: "\e90b";
}
._icon-telegram:before {
    content: "\e906";
}
._icon-xabr:before {
    content: "\e90a";
}

/* L O O K I N G   G L A S S */

.looking_glass_content {
	width: 100%;
	max-width: 66.25rem;
	margin: auto;
	display: flex;
	flex-direction: column;
}
.ping-button {
    border: none;
    position: relative;
    display: flex;
    padding: 1.25rem 2.25rem;
    cursor: pointer;
    margin: auto;
}
.ping-button:before {
    content: "\E905";
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    right: 0;
    order: 2;
    margin-left: 1.75rem;
    font-size: 1rem;
    width: calc(1rem + 2px);
    height: calc(1rem + 2px);
    display: block;
    text-align: center;
    line-height: calc(1rem + 1px);
    transition: 0.3s;
}
.form-group {
	display: flex;
	flex-direction: column;
}
.form-group label {
	width: 100%;
	font-size: 1rem;
	color: #19191B;
	margin-bottom: 0.5rem;
}
.form-group select {
	outline: none;
	border: none;
	border-right: 1rem solid transparent;
	background-color: transparent;
	font-size: 1rem;
	color: #1E2125;
	padding: 1.1rem;
	width: 100%;
}

.select-border {
	border: 1px solid #C1CAD6;
	border-radius: 0.375rem;
	width: 100%;
}
.form-group input {
	outline: none;	
	font-size: 1rem;
	color: #1E2125;
	padding: 1.1rem;
	border: 1px solid #C1CAD6;
	border-radius: 0.375rem;
	width: 100%;	
}

.looking-form {
	display: flex;
	flex-wrap:wrap;
	gap: 1rem;
	width: 100%;
}
.looking-form .form-group {
	width: calc(50% - 0.5rem);
}

.looking-form .ping-button {
	margin-top: 1.375rem;
}
.looking-result h3 {
	width: 100%;
	text-align: center;
}
.looking-result-area {
	width: 100%;
	padding: 1.25rem 3.5rem 1.25rem 1.25rem;
	background-color: #EFF1F3;
	border-radius: 0.5rem;
	font-family: "PT Mono", monospace;
    font-size: 0.875rem;
	position: relative;
}
.looking-result-txt {
	padding: 0;
	margin: 0;
	line-height: 180%;
	white-space: pre-wrap; 
	word-break: break-word;	
}
.looking-result-copy {
    width: 1.25rem;
    height: 1.25rem;
    background-image: url(../img/copy-06.svg);
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
	position: absolute;
	top: 1rem;
	right: 1rem;
}
.looking_glass {
	margin-bottom: 6.5rem;
}
@media (max-width: 768px) {
	.looking-form .form-group {
		width: 100%;
	}
	.looking-form {
		gap: 1.5rem;
	}
}

.copy-message {
	left: -2.75rem;
    position: absolute;
    top: -2rem;
    background: #000;
    color: #fff;
    padding: 0.25rem 0.5rem;
    border-radius: 0.35rem;
	transition: 0.2s;
    opacity: 0;
    visibility: hidden;
}
.copy-message:before {
	content: '';
    position: absolute;
    left: 56%;
    bottom: -18px;
    margin-left: -16px;
    border: 10px solid transparent;
    border-top: 10px solid #000000;
}
.copy-message.visible {
    opacity: 1;
    visibility: visible;
}
.looking-btn-mobile {
	display: none;
    margin-top: 3rem;
}
.looking-btn-mobile a {
	max-width: max-content;
    margin: auto;
}
@media (max-width: 500px) {
	.looking-btn-mobile {
		display: flex;
	}
	.looking-btn-mobile a {
		display: flex!important;
	}
}