.page-contact .page-content .address .inner a,
    .plans .item .item-inner .no-price {
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }

    .container,
    .for-you .item.featured .inner,
    .for-you .item a .content,
    .for-you .item a .icon,
    .grid-1,
    .grid-2,
    .grid-3,
    .grid-4,
    .grid-5,
    .grid-6,
    .grid-7,
    .grid-8,
    .grid-9,
    .grid-10,
    .grid-11,
    .grid-12,
    .grid-13,
    .page-contact .page-content,
    .page-header,
    .plans .item .item-inner .item-header,
    .row,
    .slide .slide-infos,
    button,
    input,
    select,
    textarea {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    * {
        outline: none !important;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
    }

    a,
    abbr,
    acronym,
    address,
    applet,
    article,
    aside,
    audio,
    b,
    big,
    blockquote,
    body,
    canvas,
    caption,
    center,
    cite,
    code,
    dd,
    del,
    details,
    dfn,
    div,
    dl,
    dt,
    em,
    embed,
    fieldset,
    figcaption,
    figure,
    footer,
    form,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    header,
    hgroup,
    html,
    i,
    iframe,
    img,
    ins,
    kbd,
    label,
    legend,
    li,
    main,
    mark,
    menu,
    nav,
    object,
    ol,
    output,
    p,
    pre,
    q,
    ruby,
    s,
    samp,
    section,
    small,
    span,
    strike,
    strong,
    sub,
    summary,
    sup,
    table,
    tbody,
    td,
    tfoot,
    th,
    thead,
    time,
    tr,
    tt,
    u,
    ul,
    var,
    video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline
    }

    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    main,
    menu,
    nav,
    section {
        display: block
    }

    .hidden,
    [hidden] {
        display: none;
        visibility: hidden
    }

    body {
        line-height: 1
    }

    ol,
    ul {
        list-style: none
    }

    blockquote,
    q {
        quotes: none
    }

    blockquote:after,
    blockquote:before,
    q:after,
    q:before {
        content: "";
        content: none
    }

    table {
        border-collapse: collapse;
        border-spacing: 0
    }

    body {
        color: #777;
        font-family: Montserrat, sans-serif;
        font-size: 16px;
        line-height: 1.2em;
        font-weight: 400;
        overflow-y: scroll
    }

    .wrapper {
        background-color: rgb(220, 220, 220);
        overflow: hidden
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-weight: 700;
        line-height: 1.2em;
        margin: 0
    }

    h1 {
        font-size: 25px
    }

    h2 {
        font-size: 23px
    }

    h3 {
        font-size: 21px
    }

    h4 {
        font-size: 19px
    }

    h5 {
        font-size: 17px
    }

    h6 {
        font-size: 15px
    }

    b,
    strong {
        font-weight: 700
    }

    a {
        line-height: 1.2em;
        text-decoration: none;
        outline: none
    }

    img,
    svg {
        height: auto !important;
        max-width: 100%;
        vertical-align: middle
    }

    .container {
        margin: 0 auto;
        max-width: 1200px;
        padding: 0 15px;
        width: 100%
    }

    .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -15px;
        margin-right: -15px
    }

    .grid-1,
    .grid-2,
    .grid-3,
    .grid-4,
    .grid-5,
    .grid-6,
    .grid-7,
    .grid-8,
    .grid-9,
    .grid-10,
    .grid-11,
    .grid-12,
    .grid-13 {
        padding: 0 15px;
        position: relative
    }

    .grid-13 {
        width: 20%;
    }

    .grid-12 {
        width: 100%
    }

    .grid-11 {
        width: 91.66666667%
    }

    .grid-10 {
        width: 83.33333333%
    }

    .grid-9 {
        width: 75%
    }

    .grid-8 {
        width: 66.66666667%
    }

    .grid-7 {
        width: 58.33333333%
    }

    .grid-6 {
        width: 50%
    }

    .grid-5 {
        width: 41.66666667%
    }

    .grid-4 {
        width: 33.33333333%
    }

    .grid-3 {
        width: 25%
    }

    .grid-2 {
        width: 16.66666667%
    }

    .grid-1 {
        width: 8.33333333%
    }

    button,
    input,
    select,
    textarea {
        -moz-appearance: none;
        appearance: none;
        -webkit-appearance: none;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #222;
        display: block;
        font-family: inherit;
        font-size: 16px;
        font-weight: 400;
        line-height: 1em;
        margin: 0;
        outline: none;
        padding: 15px;
        position: relative;
        resize: none;
        border-radius: 8px !important;
    }

    input[type=email],
    input[type=file],
    input[type=password],
    input[type=search],
    input[type=tel],
    input[type=text],
    select,
    textarea {
        border: 1px solid #e5e5e5;
        width: 100%
    }

    textarea {
        height: 160px
    }

    .owl-carousel {
        width: 100%;
        -webkit-tap-highlight-color: transparent;
        position: relative;
        z-index: 1
    }

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        touch-action: manipulation;
        -moz-backface-visibility: hidden
    }

    .owl-carousel .owl-stage:after {
        content: "";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0
    }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translateZ(0)
    }

    .owl-carousel .owl-item,
    .owl-carousel .owl-wrapper {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0)
    }

    .owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none
    }

    .owl-carousel .owl-dots.disabled,
    .owl-carousel .owl-nav.disabled {
        display: none
    }

    .owl-carousel .owl-dot,
    .owl-carousel .owl-nav .owl-next,
    .owl-carousel .owl-nav .owl-prev {
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel button.owl-dot {
        background: none;
        color: inherit;
        border: none;
        padding: 0 !important;
        font: inherit
    }

    .owl-carousel.owl-loaded {
        display: block
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block
    }

    .owl-carousel.owl-hidden {
        opacity: 0
    }

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden
    }

    .owl-carousel.owl-drag .owl-item {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: -webkit-grab;
        cursor: grab
    }

    .owl-carousel.owl-rtl {
        direction: rtl
    }

    .owl-carousel.owl-rtl .owl-item {
        float: right
    }

    .hidden {
        display: none !important
    }

    .visible {
        display: block !important
    }

    .btn,
    .flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .btn {
        border-radius: 5px !important;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;

    }

    .btn a {
        border-radius: 5px !important;
        background-color: #fff;
        color: #222;
        font-size: 14px;
        font-weight: 700;
        line-height: 1em;
        padding: 18px 30px;
        text-align: center;
        text-transform: uppercase;
        white-space: nowrap;
        z-index: 1
    }

    .btn a,
    .btn a span {
        border-radius: 5px !important;
        display: block;
        position: relative
    }

    .btn a span {
        border-radius: 5px !important;
        z-index: 2
    }

    .btn.center {
        border-radius: 5px !important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .btn.primary a {
        border-radius: 5px !important;
        background-color: #0061b9;
        color: #fff
    }

    .btn.secondary a {
        border-radius: 5px !important;
        border: 1px solid #e5e5e5
    }

    .btn.fourth a {
        border-radius: 5px !important;
        background-color: #fefa37;
        color: #000
    }

    .section-title {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 0 0 50px;
        text-align: center
    }

    .section-title .title {
        color: #0061b9;
        font-size: 32px
    }

    .section-title .subtitle {
        color: #222;
        font-size: 26px;
        text-transform: uppercase
    }

    .block-text .title {
        color: #008ded;
        font-size: 32px;
        margin: 0 0 30px
    }

    .block-text p {
        color: #777;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.375em
    }

    .block-text p+p {
        margin: 15px 0 0
    }

    header {
        padding: 15px 0;

    }

    header,
    header .container {
        position: relative;
        z-index: 1
    }

    header .header-left {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    header .header-left .btn {
        margin: 0 45px 0 35px
    }

    header .header-left .btn a {
        padding: 15px 20px
    }

    .telephones-top {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%
    }

    .telephones-top a,
    .telephones-top p {
        color: #222;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        font-size: 10px;
        font-weight: 700;
        min-height: 26px;
        position: relative
    }

    nav {
        margin: 15px 0 0;
        width: 100%
    }

    nav .btn-toggle-menu {
        display: none
    }

    nav ul {
        padding: 0 0 0 40px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    nav ul li+li {
        margin: 0 0 0 10px
    }

    nav ul li a {
        display: block;
        color: #777;
        font-size: 14px;
        font-weight: 700;
        padding: 14px 0 0;
        text-transform: uppercase
    }

    .slide {
        position: relative
    }

    .slide .owl-slide>div.slide-item+div {
        display: none
    }

    .slide .slide-item {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
    }

    .slide .slide-item picture {
        width: 100% !important;
    }

    .slide .slide-item a {
        display: block;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0
    }

    .slide .slide-infos {
        left: 0;
        position: relative;
        top: 100%;
        width: 100%;
    }

    .slide .slide-infos .container {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        position: relative;
        z-index: 2
    }

    .slide .slide-infos .left {
        background-color: #0061b9;
        border-radius: 10px 0px 0px 10px;
        padding: 5px 30px 5px 30px
    }

    .slide .slide-infos .count {
        color: #fff;
        cursor: default;
        font-size: 50px;
        font-weight: 800;
        line-height: 1em;
        text-align: center;
        width: 65px
    }

    .slide .slide-infos .block-dots {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 0 0 15
    }

    .slide .slide-infos .block-dots button {
        background-color: #fff;
        border-radius: 50%;
        cursor: pointer;
        height: 10px;
        padding: 0;
        width: 10px
    }

    .slide .slide-infos .block-dots button+button {
        margin: 0 0 0 30px
    }


    .plans-home {
        margin: 80px 0 0
    }

    .plans .list-items .row {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: -50px
    }

    .plans .item {
        margin: 0 0 50px
    }

    .plans .item .item-inner {
        background-color: #fff;
        border-radius: 10px;
        display: block;
        height: 100%;
        margin: 0 auto;
        max-width: 350px;
        overflow: hidden;
        position: relative
    }

    .plans .item .item-inner .item-header {
        background-color: #fefa37;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-height: 150px;
        padding: 10px 20px
    }

    .plans .item .item-inner .title {
        color: #fff;
        font-size: 16px;
        letter-spacing: 3px;
        text-align: center;
        text-transform: uppercase;
        position: relative;
        z-index: 2
    }

    .plans .item .item-inner .title span {
        display: block;
        font-size: 32px;
        letter-spacing: 0;
        line-height: 1em
    }

    .plans .item .item-inner .title.big span {
        font-size: 48px;
        font-weight: 800
    }

    .plans .item .item-inner .title+.title {
        margin-top: 10px
    }

    .plans .item .item-inner .item-body {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 0 25px 100px;
        background-color: rgb(235, 235, 235);
    }

    .plans .item .item-inner .item-body ul {
        width: 100%;
        margin: 20px 0 0
    }

    .plans .item .item-inner .item-body ul li {
        font-size: 18px;
        font-weight: 500;
        color: #777;
        padding-left: 13px
    }

    .plans .item .item-inner .item-body ul li+li {
        margin-top: 10px
    }

    .plans .item .item-inner .item-price {
        border-top: 1px solid #e5e5e5;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 15px 0 0;
        margin: 15px 0 0;
        width: 100%
    }

    .plans .item .item-inner .item-price p {
        color: #0061b9;
        font-weight: 700;
        line-height: 1em
    }

    .plans .item .item-inner .item-price p.big {
        font-size: 60px
    }

    .plans .item .item-inner .item-price p.small span {
        display: block;
        font-size: 18px;
        line-height: 1.2em;
        text-transform: uppercase
    }

    .plans .item .item-inner .item-price p.small span:first-child {
        font-size: 25px
    }

    .plans .item .item-inner .no-price {
        border-top: 1px solid #e5e5e5;
        color: #000;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 20px;
        font-weight: 700;
        line-height: 1.2em;
        padding: 45px 0 0
    }

    .plans .item .item-inner .item-button-white,
    .plans .item .item-inner .no-price {
        border-radius: 5px !important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%
    }

    .plans .item .item-inner .item-button-white {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin: 20px 0 0;
        border-radius: 5px !important;
    }

    .plans .item .item-inner .item-button-white>span {
        border-radius: 5px !important;
        background-color: #fff;
        color: #222;
        display: block;
        font-size: 14px;
        font-weight: 700;
        line-height: 1em;
        padding: 18px 30px;
        position: relative;
        text-align: center;
        text-transform: uppercase;
        white-space: nowrap;
        z-index: 1;
        border: 1px solid #e5e5e5
    }

    .plans .item .item-inner .item-button-white>span>span {
        border-radius: 5px !important;
        display: block;
        position: relative;
        z-index: 2
    }

    .plans .item .item-inner .item-button {
        bottom: 25px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        left: 0;
        margin: 0;
        position: absolute;
        width: 100%;
        border-radius: 5px !important;

    }

    .plans .item .item-inner .item-button>span {
        border-radius: 5px !important;
        background-color: #fefa37;
        color: #000;
        display: block;
        font-size: 14px;
        font-weight: 700;
        line-height: 1em;
        padding: 18px 30px;
        position: relative;
        text-align: center;
        text-transform: uppercase;
        white-space: nowrap;
        z-index: 1
    }

    .plans .item .item-inner .item-button>span>span {
        display: block;
        border-radius: 5px !important;
        position: relative;
        z-index: 2
    }

    .plans .item.featured .item-inner .item-header {
        background-color: #0061b9
    }

    .plans .btn {
        margin: 60px 0 0
    }

    .speed-test {
        margin: 50px 0 0
    }

    .speed-test .inner {
        background-color: #0061b9;
        border-radius: 10px;
        padding: 25px 30px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .speed-test .inner p {
        color: #fff;
        font-size: 22px;
        line-height: 1.2em;
        position: relative
    }

    .speed-test .inner .btn {
        margin: 0 0 0 30px
    }

    .for-you-home {
        margin: 50px 0 0
    }

    .for-you .list-items .row {
        margin-bottom: -80px
    }

    .for-you .item {
        margin: 0 0 160px
    }

    .for-you .item a {
        display: block;
        margin: 0 auto;
        max-width: 370px;
        position: relative;
        width: 100%
    }

    .for-you .item a figure {
        position: relative;
        z-index: 1
    }

    .for-you .item a figure img {
        border-radius: 10px
    }

    .for-you .item a .content {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        bottom: 70px;
        left: 0;
        overflow: hidden;
        padding: 0 15px 70px;
        pointer-events: none;
        position: absolute;
        text-align: center;
        -webkit-transform: translateY(70px);
        transform: translateY(70px);
        width: 100%;
        z-index: 5
    }

    .for-you .item a .title {
        color: #777;
        font-size: 16px;
        text-transform: uppercase
    }

    .for-you .item a .subtitle {
        color: #fff;
        font-size: 26px;
        margin: 8px 0 0
    }

    .for-you .item a .btn {
        bottom: 0;
        position: absolute;
        opacity: 0
    }

    .for-you .item a .icon {
        pointer-events: none;
        left: 0;
        position: absolute;
        top: calc(100% - 40px);
        width: 100%;
        z-index: 4
    }

    .for-you .item.featured .inner {
        border: 5px solid #008ded;
        border-radius: 10px;
        max-width: 340px;
        padding: 40px 20px 0;
        width: 100%
    }

    .for-you .item.featured .inner .title {
        font-size: 28px;
        color: #008ded
    }

    .for-you .item.featured .inner p {
        color: #777;
        font-size: 22px;
        line-height: 1.35em;
        margin: 30px 0 0
    }

    .for-you .item.featured .inner figure {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: center;
        margin: -10px 0 0;
        padding: 0 0 0 55px;
        width: 100%
    }

    .for-you .item.featured .inner figure img {
        -webkit-transform: translate(55px, 40px);
        transform: translate(55px, 40px)
    }

    .plans-speed .videos video {
        height: 240px;
        width: 240px
    }

    .plans-speed .videos svg {
        display: block;
        max-width: 250px;
        width: 250px
    }

    footer {
        background-color: #0061b9;
        margin: 130px 0 0;
        padding: 30px 0
    }

    footer .container {
        position: relative;
        z-index: 1
    }

    footer .links-footer {
        background-color: #fff;
        border-radius: 10px;
        margin: -80px 0 60px;
        padding: 10px
    }

    footer .links-footer .item a,
    footer .links-footer .row {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    footer .links-footer .item a {
        color: #222;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.3em;
        padding: 14px 15px
    }

    footer .links-footer .item a i,
    footer .links-footer .item a span {
        position: relative;
        z-index: 1
    }

    footer .links-footer .item a i {
        color: #0061b9;
        font-size: 50px;
        margin: 0 12px 0 0;
        padding: 1px
    }

    footer .infos-footer {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 35px 0 0
    }

    footer .infos-footer.no-social-media,
    footer .infos-footer p {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    footer .infos-footer p {
        color: #fff;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-size: 16px;
        font-weight: 700
    }

    footer .infos-footer p+p {
        margin: 0 0 0 30px
    }

    footer .infos-footer p a {
        color: #fff;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    footer .infos-footer p span {
        color: #fff;
        font-size: 22px;
        margin: 0 8px 0 0
    }

    footer .social-media-footer {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 0 0 30px
    }

    footer .social-media-footer h3 {
        color: #fff;
        font-size: 16px
    }

    footer .social-media-footer ul {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 0 0 40px
    }

    footer .social-media-footer ul li+li {
        margin: 0 0 0 20px
    }

    footer .social-media-footer ul li a {
        display: block
    }

    footer .social-media-footer ul li a span {
        color: #fff;
        font-size: 25px
    }

    footer .bottom {
        margin: 60px 0 0
    }

    footer .bottom .copyright {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    footer .bottom .copyright p {
        color: #fff;
        font-size: 14px;
        line-height: 1.2em
    }

    footer .bottom .copyright .back-top {
        color: #fff;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 12px;
        font-weight: 700;
        margin: 15px 0 0;
        text-transform: uppercase
    }

    footer .bottom .copyright .back-top span {
        color: #fff;
        font-size: 12px;
        margin: 0 0 0 5px
    }

    footer .bottom .copyright .tdh {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 12px 0 0
    }

    footer .bottom .copyright .tdh a {
        color: #fff;
        display: block
    }

    footer .bottom .copyright .tdh a svg {
        width: 50px
    }

    footer .bottom .copyright .tdh a svg path {
        fill: #fff
    }

    footer .bottom .menu-footer>ul {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    footer .bottom .menu-footer>ul>li+li {
        margin: 0 0 0 20px
    }

    footer .bottom .menu-footer>ul>li p {
        color: #fff;
        cursor: default;
        font-size: 15px;
        font-weight: 700;
        line-height: 1.2em;
        margin: 0 0 15px;
        text-transform: uppercase
    }

    footer .bottom .menu-footer>ul>li>ul.submenu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    footer .bottom .menu-footer>ul>li>ul.submenu>li+li {
        margin: 10px 0 0
    }

    footer .bottom .menu-footer>ul>li>ul.submenu>li>a {
        color: #fff;
        display: block;
        font-size: 14px
    }

    .page-header {
        background-color: #222;
        margin: 0 0 40px;
        overflow: hidden;
        padding: 60px 0
    }

    .page-header .container {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        height: 100%;
        max-width: 770px
    }

    .page-header .page-title {
        color: #fff;
        font-size: 48px;
        text-align: center
    }

    .page-header .page-description {
        margin: 30px 0 0;
        text-align: center
    }

    .page-header .page-description p {
        color: #fff;
        font-size: 20px;
        line-height: 1.35em
    }

    .page-header.default {
        height: 250px
    }

    .page-header.big {
        height: 960px;
        padding-bottom: 120px
    }

    .breadcrumbs {
        margin: 10px 0 0
    }

    .breadcrumbs ol {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .breadcrumbs ol li+li {
        margin: 0 0 0 15px
    }

    .breadcrumbs ol li a {
        color: #fff;
        display: block;
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase
    }

    .page-contact .page-content {
        background-color: #fff;
        border-radius: 10px;
        -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
        box-shadow: 0 5px 30px rgba(0, 0, 0, .1);
        margin: 0 auto -70px;
        max-width: 675px;
        padding: 50px;
        position: relative;
        z-index: 1;
        width: 100%
    }

    .page-contact .page-content .address {
        border-top: 1px solid #e5e5e5;
        margin: 30px 0 0;
        padding: 30px 50px 0
    }

    .page-contact .page-content .address .inner {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 0 0 0 50px;
        position: relative
    }

    .page-contact .page-content .address .inner p {
        color: #222;
        font-size: 16px;
        line-height: 1.35em
    }

    .page-contact .page-content .address .inner a {
        color: #222;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        font-size: 14px;
        font-weight: 700;
        margin: 10px 0 0;
        position: relative;
        text-transform: uppercase
    }

    .field {
        margin: 0 0 35px;
        position: relative
    }

    .field label {
        color: #222;
        display: table;
        font-size: 14px;
        font-weight: 700;
        margin: 0 0 5px;
        text-transform: uppercase;
        border-radius: 5px;
    }

    .buttons {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 10px 0 0
    }

    .buttons button {
        border-radius: 5px !important;
        background-color: #fff;
        color: #222;
        cursor: pointer;
        display: block;
        font-size: 14px;
        font-weight: 700;
        line-height: 1em;
        padding: 18px 30px;
        position: relative;
        text-align: center;
        text-transform: uppercase;
        white-space: nowrap;
        z-index: 1
    }

    .buttons button span {
        border-radius: 5px !important;
        display: block;
        position: relative;
        z-index: 2
    }

    .buttons.primary button {
        border-radius: 5px !important;
        background-color: #0061b9;
        color: #fff
    }

    .buttons.secondary button {
        border: 1px solid #e5e5e5
    }

    .page-about .page-header {
        margin: 0
    }

    .page-about .block-text {
        padding-bottom: 40px;
        padding-top: 40px
    }

    .page-about .advantage {
        margin: 0;
        background-color: #008ded;
    }

    .dark header {
        background-color: #1a1a1a
    }

    .dark header:before {
        background-color: #000
    }

    .dark .telephones-top a,
    .dark .telephones-top p {
        color: #fff
    }

    .dark nav ul {
        border-color: #000
    }

    .dark nav ul li a {
        color: #fff
    }

    .dark footer {
        background-color: #1a1a1a
    }

    .dark footer .links-footer {
        background-color: #272727
    }

    .dark footer .links-footer .item a {
        color: #fff
    }

    .page-ideal-plane .section-title {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 0 60px;
        text-align: center
    }

    .page-ideal-plane .section-title .title {
        max-width: 770px
    }

    .page-ideal-plane .section-title .subtitle {
        margin: 25px 0 0;
        max-width: 770px;
        text-transform: none
    }

    .block-steps {
        position: relative
    }

    .block-steps .block-item>h3 {
        color: #008ded;
        font-size: 22px;
        margin: 0 0 20px;
        text-align: center
    }

    .block-steps .block-item .items {
        background-image: -webkit-gradient(linear, left top, right top, from(#0061b9), to(#008ded));
        background-image: linear-gradient(90deg, #0061b9, #008ded);
        border-radius: 10px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: horizontal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 30px 90px;
        position: relative
    }

    .block-steps .block-item .items,
    .block-steps .block-item .items .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal
    }

    .block-steps .block-item .items .item {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 0 10px;
        text-align: center
    }

    .block-steps .block-item .items .item p {
        line-height: 1.2em
    }

    .block-steps .block-item .items .item p.num {
        border-radius: 50%;
        color: #1a1a1a;
        font-weight: 700
    }

    .block-steps .block-item .items .item p.num,
    .block-steps .block-item .items .item span {
        background-color: #fff;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 60px;
        height: 100px;
        width: 100px
    }

    .block-steps .block-item .items .item span {
        border-radius: 10px;
        color: #0061b9;
        line-height: 1.2em;
        margin: 0 0 10px
    }

    .block-steps .block-item .items .item h4 {
        color: #fff;
        font-size: 12px;
        font-weight: 400;
        text-transform: uppercase
    }

    .block-steps>.block-item+.block-item {
        display: none
    }

    .block-steps.owl-carousel .owl-nav .owl-next,
    .block-steps.owl-carousel .owl-nav .owl-prev {
        top: 50%;
        height: 40px;
        overflow: hidden;
        position: absolute;
        text-align: left;
        text-indent: -9999px;
        width: 25px
    }

    .block-steps.owl-carousel .owl-nav .owl-prev {
        left: 20px
    }

    .block-steps.owl-carousel .owl-nav .owl-next {
        right: 20px
    }

    @media (min-width:1024px) and (max-width:1199px) {
        nav ul {
            padding: 0 0 0 20px
        }

        .for-you .item.featured .inner figure {
            padding: 0 0 0 75px
        }

        .for-you .item.featured .inner figure img {
            -webkit-transform: translate(25px, 30px);
            transform: translate(25px, 30px)
        }

        .block-steps .block-item .items {
            padding: 30px 60px
        }
    }

    @media (min-width:1024px) {
        nav .toggle-menu {
            display: block !important
        }

        footer .bottom .menu-footer .menu-mobile {
            display: none !important
        }
    }

    @media (max-width:1023px) {



        header {
            padding: 30px 0
        }

        header .header-left {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 100%
        }

        header .header-left .btn {
            margin: 15px auto
        }

        header .logo {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin-left: 20px;
            margin-bottom: 20px;
        }

        header .logo a {
            display: block
        }

        header .header-right {
            width: 100%
        }

        .telephones-top {

            display: none !important;
        }

        .telephones-top a,
        .telephones-top p {

            display: none !important;
        }

        .telephones-top a+a,
        .telephones-top a+p,
        .telephones-top p+a,
        .telephones-top p+p {
            margin: 5px 0 0
        }

        .telephones-top p {
            -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
            order: 3
        }

        .telephones-top a {
            background-color: #f2f2f2;
            border: 1px solid #e5e5e5;
            padding: 10px;
            width: 100%
        }

        .telephones-top a+p {
            margin: 20px 0 0
        }

        nav {
            margin: 0 auto;
            max-width: 640px;
            -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
            order: -1
        }

        nav .btn-toggle-menu {
            background-color: #0061b9;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            color: #fff;
            display: block;
            font-size: 14px;
            font-weight: 700;
            padding: 20px;
            text-transform: uppercase;
            width: 100%;
            border-radius: 8px;
        }

        nav .toggle-menu {
            display: none
        }

        nav ul {
            background-color: #0061b9;
            display: block;
            padding: 20px 20px 20px;
            border-radius: 8px 8px 8px 8px;
        }

        nav ul li {
            width: 100%
        }

        nav ul li+li {
            margin: 1px 0 0
        }

        nav ul li a {
            color: #fff;
            padding: 20px;
            text-align: center
        }

        .btn a {
            padding: 15px 20px
        }

        .section-title .title {
            font-size: 26px
        }

        .section-title .subtitle {
            font-size: 20px;
            margin: 10px 0 0
        }

        .plans .list-items .row {
            margin-bottom: 0
        }

        .plans .item {
            margin: 0;
            width: 100%
        }

        .plans .item+div {
            margin: 40px 0 0
        }

        .for-you .list-items .row {
            margin-bottom: 0
        }

        .for-you .item {
            margin: 0;
            width: 100%
        }

        .for-you .item+div {
            margin: 100px 0 0
        }

        .for-you .item.featured .inner {
            margin: 0 auto;
            max-width: 370px;
            padding: 20px;
            text-align: center
        }

        .for-you .item.featured .inner .title {
            font-size: 26px
        }

        .for-you .item.featured .inner p {
            font-size: 20px
        }

        .for-you .item.featured .inner figure {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin: 20px 0 0;
            padding: 0
        }

        .for-you .item.featured .inner figure img {
            -webkit-transform: translate(0);
            transform: translate(0)
        }

        .speed-test .inner {
            -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;
            padding: 20px;
            text-align: center
        }

        .speed-test .inner p {
            font-size: 20px
        }

        .speed-test .inner p strong {
            display: block
        }

        .speed-test .inner .btn {
            margin: 20px 0 0
        }

        footer .links-footer {
            padding: 15px;
            border-radius: 8px;
        }

        footer .links-footer .item {
            width: 50%;
            border-radius: 50px;
        }

        footer .logo-footer {
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            width: 100%;
            margin-top: 15px;
        }

        footer .logo-footer a {
            display: block
        }

        footer .infos-footer {
            width: 100%
        }

        footer .infos-footer,
        footer .infos-footer.no-social-media {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        footer .infos-footer p+p {
            margin: 0 0 0 25px
        }

        footer .social-media-footer {
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            margin: 35px 0 0;
            width: 100%
        }

        footer .social-media-footer ul {
            margin: 30px 0 0
        }

        footer .social-media-footer ul li+li {
            margin: 0 0 0 3px
        }

        footer .social-media-footer ul li a {
            background-color: rgba(0, 0, 0, .1);
            border-radius: 3px;
            padding: 15px
        }

        footer .bottom {
            margin: 35px 0 0
        }

        footer .bottom .row {
            margin: 0
        }

        footer .bottom .copyright {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin: 30px 0 0;
            padding: 0;
            width: 100%
        }

        footer .bottom .copyright .back-top {
            border: 1px solid #fff;
            margin: 20px 0 0;
            padding: 12px 15px
        }

        footer .bottom .menu-footer {
            -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
            order: -1;
            padding: 0;
            width: 100%
        }

        footer .bottom .menu-footer .menu-desk {
            display: none !important
        }

        footer .bottom .menu-footer .menu-mobile {
            -ms-flex-line-pack: stretch;
            align-content: stretch;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin: 0 -1px;
            margin-top: 5px !important;
        }

        footer .bottom .menu-footer .menu-mobile li {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: 1px;
            margin: 0;
            width: 25%
        }

        footer .bottom .menu-footer .menu-mobile li a {
            background-color: rgba(0, 0, 0, .1);
            border-radius: 3px;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            color: #fff;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            font-size: 14px;
            font-weight: 700;
            height: 100%;
            padding: 15px 10px;
            text-align: center;
            text-transform: uppercase
        }

        .block-speeds .block-left,
        .block-speeds .block-right {
            width: 100%
        }

        .block-speeds .block-right {
            -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
            order: -1
        }

        .breadcrumbs {
            display: none
        }

        .page-header.default {
            height: auto
        }

        .page-header.big {
            height: 600px
        }

        .page-header .page-title {
            font-size: 30px
        }

        .page-header .page-description p {
            color: #fff;
            font-size: 18px
        }

        .dark .telephones-top a {
            background-color: #222;
            border-color: #222;
            color: #fff
        }

        .dark footer .links-footer .item a {
            color: #0061b9
        }

        .page-about .page-header {
            margin-bottom: 40px
        }

        .page-about .image {
            text-align: center;
            width: 100%
        }

        .page-about .block-text {
            margin: 40px 0 0;
            padding-bottom: 0;
            padding-top: 0;
            width: 100%
        }

        .page-about .block-text .title {
            font-size: 26px;
            text-align: center
        }

        .page-about .advantage {
            margin: 40px 0 0;

        }

        .block-steps .block-item .items {
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding: 40px 10px 0
        }

        .block-steps .block-item .items .item {
            margin: 0 0 40px;
            padding: 0 10px;
            width: 33.33%
        }

        .block-steps.owl-carousel .owl-nav {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin: 20px 0 0
        }

        .block-steps.owl-carousel .owl-nav .owl-next,
        .block-steps.owl-carousel .owl-nav .owl-prev {
            background-color: #0061b9;
            border-radius: 5px;
            height: 60px;
            left: auto;
            position: relative;
            right: auto;
            width: 60px
        }

        .block-steps.owl-carousel .owl-nav .owl-next+button,
        .block-steps.owl-carousel .owl-nav .owl-prev+button {
            margin: 0 0 0 5px
        }

        .aplicativo{
            margin-top: -50px !important;
            
        }
    }

    @media (max-width:787px) {
        .page-contact .page-content {
            margin: 0 15px 60px;
            max-width: 100%;
            padding: 15px;
            width: auto
        }

        .testevel {
            width: 100%;
        }

        .infos {
            display: none;
        }

        .slide {
            margin: 0 0 0;
            transform: scale(1.5) !important;
        }

        .slide .slide-infos .container {
            padding: 0;
            -webkit-transform: translate(0);
            transform: translate(0)
        }

        .slide .slide-infos .left {
            display: none
        }

        .page-header.big {
            height: 420px;
            padding-bottom: 60px
        }

        .field {
            width: 100%
        }

        .page-contact .page-content {
            margin: 0 15px 60px;
            max-width: 100%;
            padding: 15px;
            width: auto
        }

        .page-contact .page-content .address {
            padding: 20px 15px 0
        }

        .plans-speed .videos video {
            height: 210px;
            width: 210px
        }

        .plans-speed .videos svg {
            display: block;
            max-width: 220px;
            width: 220px
        }

        .aplicativo{
            background-color: #fff !important;
            background-image: none !important;
            margin-top: 10px !important;
            
        }
        .aplicativo h3{
            font-size: 25px !important;
        }
        .aplicativo p{
            font-size: 15px !important;
        }
        .aplicativo .subtext{
            font-size: 12px !important;
        }
        .aplicativo .container{
            padding-right: 20px !important;
            align-items: center;
        }
    }

    @media (max-width:640px) {
        footer .links-footer .item {
            width: 100%
        }

        footer .links-footer .item+div {
            margin: 3px 0 0
        }

        footer .links-footer .item a {
            background-color: #f2f2f2
        }

        footer .bottom .menu-footer .menu-mobile li {
            width: 100%
        }

        .block-steps .block-item .items .item {
            width: 50%
        }
    }

    @media (max-width:480px) {
        .plans .item a .item-body ul li {
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column
        }

        .plans .item a .item-body ul li span {
            display: block;
            margin: 5px 0 0
        }

        footer .infos-footer {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column
        }

        footer .infos-footer p+p {
            margin: 20px 0 0
        }
    }

    .aplicativo{
        background-image: url(../../../images/aplicativo_bkaground_white.jpg) !important;
        height: 500px !important;
    }