@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700&subset=cyrillic');
html,
body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

.container {
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    max-width: 1180px;
    padding: 0 20px;
    margin: 0 auto
}

@media (max-width: 1480px) {
    .container {
        min-width: 1180px
    }
}

@media (max-width: 1250px) {
    .container {
        min-width: 1024px
    }
}

@media (max-width: 1050px) {
    .container {
        min-width: 100%
    }
}

@media (max-width: 768px) {
    .container {
        width: 100%;
    }
}

.column,
.columns {
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%
}

@media (max-width: 768px) {
    .column,
    .columns {
        width: 50%
    }
}

@media (min-width: 768px) {
    .column,
    .columns {
        margin-left: 4%
    }
    .column:first-child,
    .columns:first-child {
        margin-left: 0
    }
    .one.column,
    .one.columns {
        width: 4.66666666667%
    }
    .two.columns {
        width: 13.3333333333%
    }
    .three.columns {
        width: 22%
    }
    .four.columns {
        width: 30.6666666667%
    }
    .five.columns {
        width: 39.3333333333%
    }
    .six.columns {
        width: 48%
    }
    .seven.columns {
        width: 56.6666666667%
    }
    .eight.columns {
        width: 65.3333333333%
    }
    .nine.columns {
        width: 74%
    }
    .ten.columns {
        width: 82.6666666667%
    }
    .eleven.columns {
        width: 91.3333333333%
    }
    .twelve.columns {
        width: 100%;
        margin-left: 0
    }
    .one-third.column {
        width: 30.6666666667%
    }
    .two-thirds.column {
        width: 65.3333333333%
    }
    .one-half.column {
        width: 48%
    }
    .offset-by-one.column,
    .offset-by-one.columns {
        margin-left: 8.66666666667%
    }
    .offset-by-two.column,
    .offset-by-two.columns {
        margin-left: 17.3333333333%
    }
    .offset-by-three.column,
    .offset-by-three.columns {
        margin-left: 26%
    }
    .offset-by-four.column,
    .offset-by-four.columns {
        margin-left: 34.6666666667%
    }
    .offset-by-five.column,
    .offset-by-five.columns {
        margin-left: 43.3333333333%
    }
    .offset-by-six.column,
    .offset-by-six.columns {
        margin-left: 52%
    }
    .offset-by-seven.column,
    .offset-by-seven.columns {
        margin-left: 60.6666666667%
    }
    .offset-by-eight.column,
    .offset-by-eight.columns {
        margin-left: 69.3333333333%
    }
    .offset-by-nine.column,
    .offset-by-nine.columns {
        margin-left: 78%
    }
    .offset-by-ten.column,
    .offset-by-ten.columns {
        margin-left: 86.6666666667%
    }
    .offset-by-eleven.column,
    .offset-by-eleven.columns {
        margin-left: 95.3333333333%
    }
    .offset-by-one-third.column,
    .offset-by-one-third.columns {
        margin-left: 34.6666666667%
    }
    .offset-by-two-thirds.column,
    .offset-by-two-thirds.columns {
        margin-left: 69.3333333333%
    }
    .offset-by-one-half.column,
    .offset-by-one-half.columns {
        margin-left: 52%
    }
}

.container:after,
.row:after,
.u-cf {
    display: table;
    content: "";
    clear: both
}


/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

h1 {
    margin: .67em 0;
    font-size: 2em
}

figcaption,
figure,
main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    overflow: visible;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    height: 0
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

abbr[title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    border-bottom: none
}

b,
strong {
    font-weight: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    color: #000;
    background-color: #ff0
}

small {
    font-size: 80%
}

sub,
sup {
    vertical-align: baseline;
    position: relative;
    font-size: 75%;
    line-height: 0
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

legend {
    display: table;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 100%;
    padding: 0;
    white-space: normal;
    color: inherit
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

details,
menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

img {
    max-width: 100%;
    height: auto
}

#main-header-mobile__button {
    display: none
}

.main-header {
    z-index: 1;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
}

.main-header-logo {
    position: absolute;
    margin-top: 15px;
    margin-left: 25px
}

@media (max-width: 1300px) {
    .main-header-logo {
        margin-left: 5px
    }
}

@media (max-width: 1024px) {
    .main-header-logo {
        top: -8px
    }
}

@media (max-width: 1024px) {
    .main-header-logo {
        left: 20px
    }
}

@media (max-width: 480px) {
    .main-header-logo {
        top: -5px;
        width: 120px
    }
}

.main-header-nav__list {
    float: left;
    padding: 0;
    padding-left: 201px;
    margin: 0;
    margin-top: 29px
}

@media (max-width: 1300px) {
    .main-header-nav__list {
        padding-left: 170px
    }
}

.main-header-nav__item {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-right: 15px;
    margin-left: 15px;
    padding-bottom: 15px;
}

@media (max-width: 1300px) {
    .main-header-nav__item {
        margin-right: 10px;
        margin-left: 10px
    }
}

.main-header-nav__item::before {
    position: absolute;
    content: "";
    top: -3px;
    right: -22px;
    width: 1px;
    height: 24px;
    background-color: #93bed5
}

@media (max-width: 1300px) {
    .main-header-nav__item::before {
        top: -3px;
        right: -12px
    }
}

.main-header-nav__item a,
.main-header-nav__item span {
    text-decoration: none;
    color: #4a4a4a;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300
}

@media (max-width: 1300px) {
    .main-header-nav__item a,
    .main-header-nav__item span {
        font-size: 14px
    }
}

.main-header-nav__item a:hover {
    color: #fff
}

.main-header-nav__item:nth-of-type(2)::before {
    right: -18px
}

@media (max-width: 1300px) {
    .main-header-nav__item:nth-of-type(2)::before {
        right: -12px
    }
}

.main-header-nav__item:nth-of-type(3) {
    margin-right: 8px
}

.main-header-nav__item:nth-of-type(3)::before {
    right: -14px
}

@media (max-width: 1300px) {
    .main-header-nav__item:nth-of-type(3)::before {
        right: -12px
    }
}

.main-header-nav__item:nth-of-type(4) {
    margin-right: 11px
}

.main-header-nav__item:nth-of-type(4)::before {
    right: -18px
}

@media (max-width: 1300px) {
    .main-header-nav__item:nth-of-type(4)::before {
        right: -14px
    }
}

.main-header-nav__item:nth-of-type(5) {
    margin-right: 10px
}

.main-header-nav__item:nth-of-type(5)::before {
    right: -18px
}

@media (max-width: 1300px) {
    .main-header-nav__item:nth-of-type(5)::before {
        right: -12px
    }
}

.main-header-nav__item:nth-of-type(6) {
    margin-right: 10px
}

.main-header-nav__item:nth-of-type(6)::before {
    right: -18px
}

@media (max-width: 1300px) {
    .main-header-nav__item:nth-of-type(6)::before {
        right: -12px
    }
}

.main-header-nav__item:nth-of-type(7) {
    margin-right: 8px
}

.main-header-nav__item:nth-of-type(7)::before {
    right: -16px
}

@media (max-width: 1300px) {
    .main-header-nav__item:nth-of-type(7)::before {
        right: -12px
    }
}

.main-header-nav__item:last-of-type {
    margin-right: 0
}

.main-header-nav__item:last-of-type::before {
    display: none;
    content: ""
}

@media (max-width: 1024px) {
    .main-header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 60px
    }
    .main-header:after {
        display: block;
        position: absolute;
        content: "";
        z-index: 30;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #3391d7
    }
    .main-header-logo {
        z-index: 40
    }
    .main-header-mobile-menu {
        position: fixed;
        z-index: 20;
        top: 60px;
        left: 0;
        width: 100%;
        max-height: 100%;
        -webkit-transition: -webkit-transform .4s;
        transition: -webkit-transform .4s;
        transition: transform .4s;
        transition: transform .4s, -webkit-transform .4s;
        -webkit-transform: translate(0, -100%);
                transform: translate(0, -100%);
        border-bottom: 1px solid #33383f;
        background: #e9f1f9
    }
    .main-header-nav__list {
        float: none;
        padding: 30px 20px 20px 20px;
        margin: 0
    }
    .main-header-nav__item {
        display: block;
        margin: 0 0 15px;
        text-align: center
    }
    .main-header-nav__item:before {
        display: none
    }
    .main-header-nav__item a,
    .main-header-nav__item span {
        font-size: 18px
    }
    .main-header-nav__item a:hover {
        color: #3391d7
    }
    .show-mobile-nav {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0)
    }
    #nav-icon3 {
        position: absolute;
        z-index: 40;
        top: 15px;
        right: 20px;
        width: 40px;
        height: 30px;
        cursor: pointer;
        -webkit-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        -webkit-transform: rotate(0);
                transform: rotate(0)
    }
    #nav-icon3 span {
        display: block;
        position: absolute;
        left: 0;
        width: 100%;
        height: 4px;
        -webkit-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
        -webkit-transform: rotate(0);
                transform: rotate(0);
        opacity: 1;
        border-radius: 9px;
        background: #fff
    }
    #nav-icon3 span:nth-child(1) {
        top: 0
    }
    #nav-icon3 span:nth-child(2),
    #nav-icon3 span:nth-child(3) {
        top: 12px
    }
    #nav-icon3 span:nth-child(4) {
        top: 24px
    }
    #nav-icon3.open span:nth-child(1) {
        top: 18px;
        left: 50%;
        width: 0
    }
    #nav-icon3.open span:nth-child(2) {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg)
    }
    #nav-icon3.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg)
    }
    #nav-icon3.open span:nth-child(4) {
        top: 18px;
        left: 50%;
        width: 0
    }
}

html {
    font-size: 16px
}

@media (max-width: 1250px) {
    html {
        font-size: 14px
    }
}

@media (max-width: 1050px) {
    html {
        font-size: 12px
    }
}

@media (max-width: 768px) {
    html {
        font-size: 10px
    }
}

body {
    position: relative;
    padding: 0;
    margin: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 400
}

h2 {
    text-align: center;
    text-transform: uppercase;
    color: #646c8b;
    font-size: 1.875rem;
    font-weight: 400
}

.cf::after {
    display: table;
    content: "";
    clear: both
}

.btn {
    padding: 13px 60px;
    -webkit-transition: .4s;
    transition: .4s;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    border-bottom: 3px solid #02a1cf;
    background-color: #11bcee;
    -webkit-box-shadow: 0 15px 15px rgba(93, 202, 233, .3);
            box-shadow: 0 15px 15px rgba(93, 202, 233, .3);
    font-family: 'Roboto', sans-serif;
    font-size: 1.125rem;
    font-weight: 300
}

.btn:hover {
    -webkit-transition: .4s;
    transition: .4s;
    background-color: #00c1f7;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .3);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .3)
}

main {
    overflow: hidden
}

.index-hero {
    padding-bottom: 87px;
    background: #45b5eb url(../img/index-hero-BG.png) center center no-repeat;
    background-size: cover
}

@media (max-width: 768px) {
    .index-hero {
        padding-bottom: 40px
    }
}

.index-hero__heading {
    padding-top: 155px;
    padding-left: 25px;
    margin-top: 0;
    margin-bottom: 26px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 2.75rem;
    font-weight: 300
}

@media (max-width: 1050px) {
    .index-hero__heading {
        padding-left: 0;
        margin-bottom: 40px;
        margin-left: 0;
        text-align: center
    }
}

@media (max-width: 768px) {
    .index-hero__heading {
        padding-right: 10px;
        padding-left: 10px;
        font-size: 24px
    }
}

.index-hero__heading span {
    text-transform: none;
    font-size: 2.5rem;
    font-weight: 400
}

@media (max-width: 768px) {
    .index-hero__heading span {
        font-size: 20px
    }
}

.index-hero__img {
    display: block;
    margin-bottom: 51px;
    margin-left: 33px
}

@media (max-width: 1250px) {
    .index-hero__img {
        width: 70%
    }
}

@media (max-width: 1050px) {
    .index-hero__img {
        margin: 0 auto;
        margin-bottom: 50px
    }
}

@media (max-width: 768px) {
    .index-hero__img {
        width: 70%
    }
}

@media (max-width: 480px) {
    .index-hero__img {
        width: 100%
    }
}

.index-hero__link {
    margin-bottom: 65px;
    margin-left: 16px
}

@media (max-width: 1050px) {
    .index-hero__link {
        display: block;
        width: 180px;
        margin: 0 auto;
        margin-bottom: 30px
    }
}

@media (max-width: 768px) {
    .index-hero__link {
        width: 100px;
        margin-bottom: 0;
        text-align: center;
        font-size: 16px
    }
}

.index-solutions {
    position: relative;
    margin-top: 80px;
    margin-bottom: 58px
}

.index-solutions::before {
    position: absolute;
    content: "";
    z-index: -5;
    right: -15px;
    bottom: -380px;
    width: 380px;
    height: 1151px;
    background: url(../img/index-solutions-BG.png) center center no-repeat
}

@media (max-width: 1250px) {
    .index-solutions::before {
        background: 0 0
    }
}

@media (max-width: 768px) {
    .index-solutions {
        margin-top: 50px;
        margin-bottom: 28px
    }
}

@media (max-width: 768px) {
    .index-solutions__heading {
        margin-right: 10px;
        margin-bottom: 0;
        margin-left: 10px
    }
}

.index-solutions-can {
    padding-bottom: 80px;
    margin-left: 15px;
    text-align: center;
    border-bottom: 1px solid #f0f4f7;
    font-size: 0
}

@media (max-width: 1050px) {
    .index-solutions-can {
        margin-left: 0
    }
}

@media (max-width: 768px) {
    .index-solutions-can {
        padding-bottom: 10px;
        margin: 10px 10px
    }
}

.index-solutions-can__link {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 220px;
    height: 208px;
    margin-top: 17px;
    text-decoration: none;
    border: 1px solid #f4f4f4
}

@media (max-width: 768px) {
    .index-solutions-can__link {
        height: 150px;
        margin-left: 30px;
        border: none
    }
}

@media (max-width: 535px) {
    .index-solutions-can__link {
        width: 140px;
        margin: 0;
        margin-top: 20px;
        background-size: contain
    }
}

.index-solutions-can__link:hover {
    -webkit-box-shadow: 0 15px 15px rgba(168, 168, 168, .1);
            box-shadow: 0 15px 15px rgba(168, 168, 168, .1)
}

.index-solutions-can__link:hover::before {
    position: absolute;
    content: "";
    top: 0;
    left: 50%;
    width: 66px;
    height: 4px;
    margin-left: -33px;
    background-color: #d0f4ff
}

.index-solutions-can__link-BG__wifi {
    background: #fff url(../img/index-solutions-can__link-BG__wifi.png) center 55px no-repeat
}

@media (max-width: 768px) {
    .index-solutions-can__link-BG__wifi {
        background-position: center 20px;
        background-size: 50px
    }
}

.index-solutions-can__link-BG__window {
    background: #fff url(../img/index-solutions-can__link-BG__window.png) center 52px no-repeat
}

@media (max-width: 768px) {
    .index-solutions-can__link-BG__window {
        background-position: center 20px;
        background-size: 45px
    }
}

.index-solutions-can__link-BG__tel {
    background: #fff url(../img/index-solutions-can__link-BG__tel.png) center 52px no-repeat
}

@media (max-width: 768px) {
    .index-solutions-can__link-BG__tel {
        background-position: center 20px;
        background-size: 40px
    }
}

.index-solutions-can__link-BG__antenna {
    background: #fff url(../img/index-solutions-can__link-BG__antenna.png) center 52px no-repeat
}

@media (max-width: 768px) {
    .index-solutions-can__link-BG__antenna {
        background-position: center 20px;
        background-size: 27px
    }
}

.index-solutions-can__link-BG__signal {
    background: #fff url(../img/index-solutions-can__link-BG__signal.png) center 52px no-repeat
}

@media (max-width: 768px) {
    .index-solutions-can__link-BG__signal {
        background-position: center 20px;
        background-size: 40px
    }
}

.index-solutions-can_text {
    padding-top: 117px;
    text-align: center;
    color: #838383;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300
}

@media (max-width: 768px) {
    .index-solutions-can_text {
        padding-top: 67px;
        font-size: 14px
    }
}

.index-solutions-canNot {
    margin-top: 75px;
    margin-left: 15px;
    text-align: center
}

@media (max-width: 768px) {
    .index-solutions-canNot {
        margin-top: 40px;
        margin-left: 0
    }
}

.index-solutions-canNot__link {
    float: left;
    position: relative;
    margin-top: 18px;
    text-decoration: none;
    background: #fff;
    width: 33.3%;
}

@media (max-width: 1250px) {
    .index-solutions-canNot__link {
        display: inline-block;
        vertical-align: top;
        float: none
    }
}

@media (max-width: 1250px) {
    .index-solutions-canNot__link:nth-of-type(3) {
        margin-top: 40px
    }
}

@media (max-width: 768px) {
    .index-solutions-canNot__link:nth-of-type(3) {
        margin-top: 20px
    }
}

.index-solutions-canNot__link:hover {
    -webkit-box-shadow: 0 15px 15px rgba(168, 168, 168, .1);
            box-shadow: 0 15px 15px rgba(168, 168, 168, .1)
}

.index-solutions-canNot__link:hover::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    width: 4px;
    height: 66px;
    margin-top: -33px;
    background-color: #d0f4ff
}

.index-solutions-canNot_text {
    position: relative;
    padding: 40px 0 22px 108px;
    color: #838383;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300
}

@media (max-width: 768px) {
    .index-solutions-canNot_text {
        padding: 75px 26px 0 30px;
        font-size: 14px
    }
}

.index-solutions-canNot_text::before {
    position: absolute;
    content: "";
    top: 18px;
    left: 109px;
    width: 15px;
    height: 15px;
    background: url(../img/index-solutions-canNot_text-kross.png) center center no-repeat
}

@media (max-width: 768px) {
    .index-solutions-canNot_text::before {
        top: 76px;
        left: 10px
    }
}

.index-solutions-canNot_text::after {
    position: absolute;
    content: "1";
    top: 0;
    left: 60px;
    color: #d4e0e4;
    font-family: 'Roboto', sans-serif;
    font-size: 79px;
    font-weight: 700
}

@media (max-width: 768px) {
    .index-solutions-canNot_text::after {
        top: 0;
        left: 80px;
        font-size: 69px
    }
}

.index-solutions-canNot_text span {
    color: #d4e0e4;
    font-family: 'Roboto', sans-serif;
    font-size: 79px;
    font-weight: 700
}

.middle-text--padding {
    padding: 41px 0 1px 140px
}

@media (max-width: 768px) {
    .middle-text--padding {
        padding: 75px 26px 0 30px
    }
}

.middle-text--padding::before {
    top: 20px;
    left: 142px
}

@media (max-width: 768px) {
    .middle-text--padding::before {
        top: 76px;
        left: 13px
    }
}

.middle-text--padding::after {
    content: "2";
    top: 2px;
    left: 80px
}

@media (max-width: 768px) {
    .middle-text--padding::after {
        top: -5px;
        left: 80px
    }
}

.last-text--padding {
    padding: 38px 0 23px 130px
}

@media (max-width: 768px) {
    .last-text--padding {
        padding: 75px 26px 0 30px
    }
}

.last-text--padding::before {
    top: 18px;
    left: 132px
}

@media (max-width: 768px) {
    .last-text--padding::before {
        top: 76px;
        left: 22px
    }
}

.last-text--padding::after {
    content: "3";
    top: 0;
    left: 80px
}

@media (max-width: 768px) {
    .last-text--padding::after {
        top: 0;
        left: 80px
    }
}

.index-mount {
    padding-top: 53px;
    padding-bottom: 80px;
    padding-left: 30px;
    background-color: #e9f1f9;
    font-size: 0
}

@media (max-width: 768px) {
    .index-mount {
        padding-top: 23px;
        padding-bottom: 10px
    }
}

.index-mount .container {
    max-width: 1180px;
    padding: 0
}

@media (max-width: 1250px) {
    .index-mount {
        text-align: center
    }
}

@media (max-width: 768px) {
    .index-mount {
        padding-left: 0
    }
}

.index-mount__heading {
    margin-bottom: 44px
}

@media (max-width: 1050px) {
    .index-mount__heading {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (max-width: 768px) {
    .index-mount__heading {
        margin-bottom: 24px
    }
}

.index-mount-item {
    float: left;
    width: 221px;
    min-height: 560px;
    margin-right: 10px;
    text-align: center
}

@media (max-width: 1250px) {
    .index-mount-item {
        display: inline-block;
        vertical-align: top;
        float: none
    }
}

@media (max-width: 768px) {
    .index-mount-item {
        width: 90%;
        min-height: 360px;
        margin: 0;
        margin-top: 20px;
        margin-bottom: 20px
    }
}

.index-mount-item:nth-of-type(odd) {
    background: #f2f5f8
}

@media (max-width: 768px) {
    .index-mount-item:nth-of-type(odd) {
        margin-right: 0
    }
}

.index-mount-item:nth-of-type(3) {
    margin-right: 14px;
    margin-left: 5px
}

@media (max-width: 732px) {
    .index-mount-item:nth-of-type(3) {
        margin-top: 40px
    }
}

@media (max-width: 732px) and (max-width:768px) {
    .index-mount-item:nth-of-type(3) {
        margin-top: 20px
    }
}

.index-mount-item:nth-of-type(4) {
    margin-right: 15px
}

@media (max-width: 968px) {
    .index-mount-item:nth-of-type(4) {
        margin-top: 40px
    }
}

@media (max-width: 968px) and (max-width:768px) {
    .index-mount-item:nth-of-type(4) {
        margin-top: 20px
    }
}

.index-mount-item:nth-of-type(5) {
    margin-right: 0
}

@media (max-width: 1250px) {
    .index-mount-item:nth-of-type(5) {
        margin-top: 40px;
        margin-right: 10px
    }
}

@media (max-width: 1250px) and (max-width:768px) {
    .index-mount-item:nth-of-type(5) {
        margin-top: 20px
    }
}

.index-mount-item__img {
    margin-bottom: 20px
}

@media (max-width: 768px) {
    .index-mount-item__img {
        width: 160px;
        margin-top: 10px;
        margin-bottom: 10px
    }
}

.index-mount-item__list {
    padding: 0;
    margin: 0;
    margin-left: 44px;
    text-align: left
}

@media (max-width: 768px) {
    .index-mount-item__list {
        display: block;
        width: 180px;
        margin: 0 auto
    }
}

.index-mount-item__list-item {
    position: relative;
    margin-bottom: 0;
    list-style: none;
    color: #646c8b;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.index-mount-item__list-item::before {
    position: absolute;
    content: "";
    top: 7px;
    left: -13px;
    width: 5px;
    height: 5px;
    opacity: .55;
    background-color: #11bcee
}

.index-mount-item__text {
    width: 177px;
    padding-top: 3px;
    padding-left: 32px;
    margin-top: 7px;
    text-align: left;
    color: #9da4c0;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 300
}

@media (max-width: 768px) {
    .index-mount-item__text {
        display: block;
        width: 210px;
        margin: 0 auto
    }
}

.index-mount-item__product-car {
    margin-top: 114px;
    margin-left: -21px
}

@media (max-width: 768px) {
    .index-mount-item__product-car {
        padding-bottom: 10px;
        margin-top: 24px
    }
}

.index-mount-item__product-house {
    margin-top: 118px;
    margin-left: -11px
}

@media (max-width: 768px) {
    .index-mount-item__product-house {
        padding-bottom: 20px;
        margin-top: 28px
    }
}

.index-mount-item__product-flat {
    margin-top: 24px;
    margin-left: 5px
}

@media (max-width: 768px) {
    .index-mount-item__product-flat {
        padding-bottom: 20px
    }
}

.index-mount-item__product-small-office {
    margin-top: -27px;
    margin-left: 22px
}

@media (max-width: 768px) {
    .index-mount-item__product-small-office {
        padding-bottom: 20px;
        margin-top: 7px
    }
}

.index-mount-item__product-office {
    margin-top: 35px;
    margin-left: -19px
}

@media (max-width: 768px) {
    .index-mount-item__product-office {
        padding-bottom: 20px;
        margin-top: 15px
    }
}

.index-advantages {
    position: relative;
    padding-top: 52px;
    padding-bottom: 0;
    text-align: center;
    font-size: 0
}

@media (max-width: 768px) {
    .index-advantages {
        padding-top: 32px
    }
}

.index-advantages .container {
    max-width: 1220px
}

.index-advantages::before {
    position: absolute;
    content: "";
    z-index: -5;
    right: -15px;
    bottom: -300px;
    width: 387px;
    height: 757px;
    background: url(../img/index-advantages-BG.png) center center no-repeat
}

@media (max-width: 1250px) {
    .index-advantages::before {
        background: 0 0
    }
}

.index-advantages__heading {
    margin-bottom: 50px
}

@media (max-width: 768px) {
    .index-advantages__heading {
        margin-right: 20px;
        margin-bottom: 0;
        margin-left: 20px
    }
}

.index-advantages__item {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 220px;
    min-height: 211px;
    margin-top: 17px;
    margin-right: 20px;
    margin-bottom: 14px;
    text-decoration: none
}

@media (max-width: 768px) {
    .index-advantages__item {
        width: 130px;
        min-height: 60px;
        margin-top: 5px;
        margin-right: 10px
    }
}

.index-advantages__item:hover {
    -webkit-box-shadow: 0 15px 15px rgba(168, 168, 168, .1);
            box-shadow: 0 15px 15px rgba(168, 168, 168, .1)
}

.index-advantages__item:hover::before {
    position: absolute;
    content: "";
    top: 0;
    left: 50%;
    width: 66px;
    height: 4px;
    margin-left: -33px;
    background-color: #d0f4ff
}

.index-advantages__item:nth-of-type(5) {
    margin-right: 0
}

.index-advantages--icon-security {
    background: #fff url(../img/index-advantages--icon-security.png) center 48px no-repeat
}

@media (max-width: 768px) {
    .index-advantages--icon-security {
        background-position: center 20px;
        background-size: 50px
    }
}

.index-advantages--icon-battary {
    background: #fff url(../img/index-advantages--icon-battary.png) center 60px no-repeat
}

@media (max-width: 768px) {
    .index-advantages--icon-battary {
        background-position: center 35px;
        background-size: 60px
    }
}

.index-advantages--icon-box {
    background: #fff url(../img/index-advantages--icon-box.png) center 50px no-repeat
}

@media (max-width: 768px) {
    .index-advantages--icon-box {
        background-position: center 20px;
        background-size: 50px
    }
}

.index-advantages--icon-note {
    background: #fff url(../img/index-advantages--icon-note.png) center 50px no-repeat
}

@media (max-width: 768px) {
    .index-advantages--icon-note {
        background-position: center 20px;
        background-size: 50px
    }
}

.index-advantages--icon-antenna {
    background: #fff url(../img/index-advantages--icon-antenna.png) center 44px no-repeat
}

@media (max-width: 768px) {
    .index-advantages--icon-antenna {
        background-position: center 20px;
        background-size: 60px
    }
}

.index-advantages--icon-cert {
    background: #fff url(../img/index-advantages--icon-cert.png) center 50px no-repeat
}

@media (max-width: 768px) {
    .index-advantages--icon-cert {
        background-position: center 30px;
        background-size: 60px
    }
}

.index-advantages--icon-efficient {
    background: #fff url(../img/index-advantages--icon-efficient.png) center 45px no-repeat
}

@media (max-width: 768px) {
    .index-advantages--icon-efficient {
        background-position: center 20px;
        background-size: 60px
    }
}

.index-advantages--icon-gear {
    background: #fff url(../img/index-advantages--icon-gear.png) center 37px no-repeat
}

@media (max-width: 768px) {
    .index-advantages--icon-gear {
        background-position: center 20px;
        background-size: 55px
    }
}

.index-advantages--icon-special {
    background: #fff url(../img/index-advantages--icon-special.png) center 45px no-repeat
}

@media (max-width: 768px) {
    .index-advantages--icon-special {
        background-position: center 20px;
        background-size: 45px
    }
}

.index-advantages__text {
    padding-top: 117px;
    text-align: center;
    color: #646c8b;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300
}

@media (max-width: 768px) {
    .index-advantages__text {
        padding-top: 77px;
        font-size: 12px
    }
}

.index-family {
    padding-bottom: 42px;
    padding-left: 27px;
    background: #eaf0fa
}

@media (max-width: 1075px) {
    .index-family {
        padding-left: 15px
    }
}

@media (max-width: 768px) {
    .index-family {
        padding-left: 0;
        text-align: center
    }
}

@media (max-width: 768px) {
    .index-family .container {
        padding: 0
    }
}

.index-family-item-wrapper {
    position: relative;
    margin-bottom: 15px;
    text-align: center;
    border: 1px solid #c6e3ff;
    background-color: #f1f7fc;
    -webkit-box-shadow: 0 5px 13px rgba(17, 188, 238, .11);
            box-shadow: 0 5px 13px rgba(17, 188, 238, .11)
}

@media (max-width: 1250px) {
    .index-family-item-wrapper {
        max-width: 98%
    }
}

@media (max-width: 768px) {
    .index-family-item-wrapper {
        max-width: 100%
    }
}

.index-family-item__line {
    min-width: 1170px;
    height: 1px;
    margin-bottom: 42px;
    margin-left: -15px;
    opacity: .7;
    background-color: #fff
}

.index-family-item-wrapper--no-border {
    border: 1px solid #ebebeb;
    -webkit-box-shadow: 0 5px 13px rgba(255, 255, 255, 0);
            box-shadow: 0 5px 13px rgba(255, 255, 255, 0)
}

.index-family__heading {
    padding-top: 78px;
    padding-bottom: 15px
}

@media (max-width: 826px) {
    .index-family__heading {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (max-width: 768px) {
    .index-family__heading {
        padding-top: 30px;
        padding-bottom: 10px
    }
}

.index-family-item {
    float: left;
    position: relative;
    width: 349px;
    min-height: 297px
}

@media (max-width: 826px) {
    .index-family-item {
        min-width: 279px;
        min-height: 277px
    }
}

.index-family-item:nth-of-type(1) {
    border-right: 1px solid #c6e3ff;
    background: #fff
}

@media (max-width: 1250px) {
    .index-family-item:nth-of-type(1) {
        width: 100%
    }
}

.index-family-item:nth-of-type(1):after {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    width: 4px;
    height: 66px;
    margin-top: -33px;
    opacity: .5;
    background-color: #11bcee
}

.index-family-item:nth-of-type(2) {
    margin-left: 48px
}

@media (max-width: 1250px) {
    .index-family-item:nth-of-type(2) {
        margin-left: 15%
    }
}

@media (max-width: 1000px) {
    .index-family-item:nth-of-type(2) {
        margin-left: 10%
    }
}

@media (max-width: 898px) {
    .index-family-item:nth-of-type(2) {
        margin-left: 5%
    }
}

@media (max-width: 876px) {
    .index-family-item:nth-of-type(2) {
        margin-left: 2%
    }
}

@media (max-width: 768px) {
    .index-family-item:nth-of-type(2) {
        width: 100%;
        min-height: 210px;
        margin-left: 0
    }
}

.index-family-item:nth-of-type(3) {
    position: relative;
    margin-left: 32px
}

.index-family-item:nth-of-type(3):before {
    position: absolute;
    content: "";
    top: 50%;
    left: -23px;
    width: 1px;
    height: 244px;
    margin-top: -122px;
    opacity: .5;
    background-color: #c6e3ff
}

@media (max-width: 768px) {
    .index-family-item:nth-of-type(3) {
        width: 100%;
        min-height: 210px;
        margin: 0
    }
}

@media (max-width: 832px) {
    .index-family-item:nth-of-type(3) {
        margin-left: 10px
    }
}

.index-family-item__img {
    margin-top: 29px;
    margin-left: 18px
}

@media (max-width: 1250px) {
    .index-family-item__img {
        display: block;
        margin: 0 auto;
        margin-top: 20px
    }
}

@media (max-width: 768px) {
    .index-family-item__img {
        width: 250px
    }
}

.index-family-list {
    margin-top: 48px;
    margin-left: 5px
}

@media (max-width: 768px) {
    .index-family-list {
        display: inline-block;
        margin-top: 8px;
        margin-bottom: 8px
    }
}

.index-family-list__item {
    position: relative;
    margin-bottom: 34px;
    list-style: none;
    color: #70768c;
    font-size: 14px;
    font-weight: 300;
    text-align: left;
}

.index-family-list__item span {
    text-transform: uppercase;
    color: #646c8b
}

@media (max-width: 900px) {
    .index-family-list__item {
        font-size: 12px
    }
}

.index-family-list__item--1st::before {
    position: absolute;
    content: "";
    top: 10px;
    left: -40px;
    width: 23px;
    height: 28px;
    background: url(../img/index-family-list__item--1st.png) center center no-repeat
}

.index-family-list__item--2nd::before {
    position: absolute;
    content: "";
    top: 15px;
    left: -40px;
    width: 24px;
    height: 24px;
    background: url(../img/index-family-list__item--2nd.png) center center no-repeat
}

.index-family-list__item--3rd::before {
    position: absolute;
    content: "";
    top: 5px;
    left: -40px;
    width: 22px;
    height: 22px;
    background: url(../img/index-family-list__item--3rd.png) center center no-repeat
}

.index-family-list__item--4th {
    margin-bottom: 45px
}

.index-family-list__item--4th::before {
    position: absolute;
    content: "";
    top: 5px;
    left: -32px;
    width: 23px;
    height: 22px;
    background: url(../img/index-family-list__item--4th.png) center center no-repeat
}

.index-family-list__item--5th {
    margin-bottom: 44px
}

.index-family-list__item--5th::before {
    position: absolute;
    content: "";
    top: 7px;
    left: -32px;
    width: 22px;
    height: 21px;
    background: url(../img/index-family-list__item--5th.png) center center no-repeat
}

.index-family-list__item--6th::before {
    position: absolute;
    content: "";
    top: 12px;
    left: -33px;
    width: 24px;
    height: 23px;
    background: url(../img/index-family-list__item--6th.png) center center no-repeat
}

.index-family-item__text {
    position: absolute;
    bottom: 27px;
    left: 10px;
    right: 10px;
    color: #646c8b;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.1;
}

@media (max-width: 1250px) {
    .index-family-item__text {
        left: 50%;
        margin-left: -134px;
        text-align: center
    }
}

.index-family-item__text span {
    color: #11bcee
}

.index-family__button {
    float: right;
    padding: 13px 36px;
    margin-bottom: 38px
}

@media (max-width: 1250px) {
    .index-family__button {
        margin-right: 20px
    }
}

@media (max-width: 960px) {
    .index-family__button {
        margin-right: 15px
    }
}

@media (max-width: 768px) {
    .index-family__button {
        display: inline-block;
        float: none;
        margin-top: 0;
        margin-bottom: 10px
    }
}

.index-brands {
    position: relative;
    padding-top: 47px;
    margin-bottom: 70px
}

@media (max-width: 1250px) {
    .index-brands {
        text-align: center
    }
}

@media (max-width: 1250px) {
    .index-brands {
        padding-top: 17px;
        margin-bottom: 40px
    }
}

.index-brands::before {
    position: absolute;
    content: "";
    z-index: 1;
    right: -15px;
    bottom: -100px;
    width: 230px;
    height: 522px;
    background: url(../img/index-brands-BG.png) center center no-repeat
}

@media (max-width: 1550px) {
    .index-brands::before {
        display: none
    }
}

.index-brands__heading {
    padding-bottom: 31px
}

@media (max-width: 768px) {
    .index-brands__heading {
        padding-bottom: 0
    }
}

.index-brands__list {
    padding: 0;
    margin: 0
}

.index-brands__item {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-right: 61px;
    padding-left: 55px
}

@media (max-width: 1250px) {
    .index-brands__item {
        margin-top: 40px;
        text-align: center
    }
}

@media (max-width: 768px) {
    .index-brands__item {
        width: 90px;
        padding-right: 10px;
        padding-left: 10px
    }
}

.index-brands__item::after {
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    width: 1px;
    height: 33px;
    margin-top: -15px;
    background-color: #bce9f8
}

@media (max-width: 1136px) {
    .index-brands__item::after {
        display: none
    }
}

.index-brands__item:nth-of-type(1) {
    padding-left: 35px
}

@media (max-width: 768px) {
    .index-brands__item:nth-of-type(1) {
        padding-left: 20px
    }
}

.index-brands__item:nth-of-type(2) {
    padding-top: 10px;
    padding-right: 50px
}

@media (max-width: 768px) {
    .index-brands__item:nth-of-type(2) {
        padding-right: 20px;
        padding-left: 30px
    }
}

.index-brands__item:nth-of-type(3) {
    padding-right: 48px;
    padding-left: 47px
}

@media (max-width: 768px) {
    .index-brands__item:nth-of-type(3) {
        padding-right: 0;
        padding-left: 30px
    }
}

.index-brands__item:nth-of-type(4) {
    padding-right: 48px;
    padding-left: 42px
}

.index-brands__item:last-of-type {
    padding-right: 0;
    padding-left: 35px
}

.index-brands__item:last-of-type:after {
    display: none
}

@media (max-width: 1250px) {
    .index-brands__item:last-of-type {
        padding-right: 48px
    }
}

.main-footer {
    background: url(../img/main-footer-BG.png) center center no-repeat;
    background-size: cover
}

.main-footer-nav {
    margin-bottom: 63px
}

@media (max-width: 1250px) {
    .main-footer-nav {
        margin-left: 40px
    }
}

@media (max-width: 768px) {
    .main-footer-nav {
        margin-left: 0
    }
}

@media (max-width: 768px) {
    .main-footer-nav .six.columns {
        width: 100%
    }
}

.main-footer-nav__list {
    display: inline-block;
    vertical-align: top;
    margin-top: 50px
}

@media (max-width: 768px) {
    .main-footer-nav__list {
        padding-left: 30px;
        margin-top: 30px
    }
}

.main-footer-nav__item {
    position: relative;
    margin-bottom: 17px;
    list-style: none
}

@media (max-width: 768px) {
    .main-footer-nav__item {
        margin-bottom: 7px
    }
}

.main-footer-nav__item::before {
    position: absolute;
    content: "";
    top: 5px;
    left: -25px;
    width: 5px;
    height: 5px;
    opacity: .45;
    border-radius: 50%;
    background-color: #fff
}

@media (max-width: 768px) {
    .main-footer-nav__item::before {
        left: -15px
    }
}

.main-footer-nav__item:hover::before {
    top: 5px;
    left: -25px;
    opacity: 1;
    background-color: #11bcee
}

@media (max-width: 768px) {
    .main-footer-nav__item:hover::before {
        left: -15px
    }
}

.main-footer-nav__link {
    text-decoration: none;
    color: #f8f8f8;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300
}

@media (max-width: 864px) {
    .main-footer-nav__link {
        font-size: 13px
    }
}

.main-footer-nav__link:hover {
    color: #11bcee
}

.main-footer-nav-question {
    float: right
}

@media (max-width: 1250px) {
    .main-footer-nav-question {
        margin-right: 40px
    }
}

@media (max-width: 768px) {
    .main-footer-nav-question {
        display: block;
        float: none;
        width: 250px;
        margin: 0 auto
    }
}

.main-footer-nav__heading {
    padding-top: 22px;
    padding-bottom: 0;
    margin-bottom: 0;
    text-align: right;
    text-transform: uppercase;
    color: #4faee0;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    font-weight: 300
}

@media (max-width: 768px) {
    .main-footer-nav__heading {
        text-align: center
    }
}

@media (max-width: 864px) {
    .main-footer-nav__heading {
        font-size: 20px
    }
}

.main-footer-nav__text {
    margin-top: 0;
    text-align: right;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 400
}

@media (max-width: 768px) {
    .main-footer-nav__text {
        text-align: center
    }
}

@media (max-width: 864px) {
    .main-footer-nav__text {
        font-size: 14px
    }
}

.main-footer-nav__tel {
    display: block;
    position: relative;
    margin-bottom: 15px;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 26px;
    font-weight: 700
}

@media (max-width: 768px) {
    .main-footer-nav__tel {
        padding-left: 40px;
        text-align: center
    }
}

@media (max-width: 864px) {
    .main-footer-nav__tel {
        font-size: 18px
    }
}

.main-footer-nav__tel::before {
    position: absolute;
    content: "";
    left: 24px;
    width: 28px;
    height: 28px;
    background: url(../img/main-footer-nav__tel.png) center center no-repeat
}

@media (max-width: 864px) {
    .main-footer-nav__tel::before {
        top: -4px;
        left: 50px
    }
}

@media (max-width: 768px) {
    .main-footer-nav__tel::before {
        top: -4px;
        left: 25px
    }
}

.main-footer-nav__button {
    display: block;
    background-color: #02a1cf;
    -webkit-box-shadow: 0 17px 19px rgba(91, 208, 242, .44);
            box-shadow: 0 17px 19px rgba(91, 208, 242, .44)
}

.main-footer-copy {
    position: relative;
    padding-bottom: 10px;
    text-align: center;
    color: #f8f8f8;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300
}

.main-footer-copy::before {
    position: absolute;
    content: "";
    top: -20px;
    left: 0;
    width: 100%;
    height: 1px;
    opacity: .1;
    background-color: #fff
}


/*
///////////////////////// 
my styles

///////////////////////////////// */

.hidden {
    display: none;
}

.form {
    margin: auto;
    width: 280px;
    text-align: center;
    height: 303px;
    padding: 10px 25px 15px;
    background: #FFFFFF;
}

.succes-message {
    color: #133c61;
    padding-bottom: 10px;
    margin-top: -10px;
}

.form-title {
    padding: 15px 25px;
    line-height: 35px;
    font-size: 26px;
    font-weight: 300;
    color: #777;
    text-align: center;
    text-shadow: 0 1px rgba(255, 255, 255, 0.75);
    background: #F7F7F7;
}

input {
    font-family: inherit;
    color: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form-control {
    width: 100%;
    height: 50px;
    margin-bottom: 25px;
    padding: 0 15px 2px;
    font-size: 17px;
    background: white;
    border: 2px solid #EBEBEB;
    border-radius: 0;
    -webkit-box-shadow: inset 0 -2px #EBEBEB;
    box-shadow: inset 0 -2px #EBEBEB;
}

.form-control:focus {
    border-color: #62C2E4;
    outline: none;
    -webkit-box-shadow: inset 0 -2px #62C2E4;
    box-shadow: inset 0 -2px #62C2E4;
}

.lt-ie9 .form-control {
    line-height: 48px;
}

:-moz-placeholder {
    color: #AAAAAA;
    font-weight: 300;
}

::-moz-placeholder {
    color: #AAAAAA;
    opacity: 1;
    font-weight: 300;
}

::-webkit-input-placeholder {
    color: #AAAAAA;
    font-weight: 300;
}

:-ms-input-placeholder {
    color: #AAAAAA;
    font-weight: 300;
}

::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.hero {
    padding-bottom: 20px;
    background: #4fa7d6;
    height: 60px;
}

.content h1 {
    margin-top: 0;
    margin-bottom: 16px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-size: 1.75rem;
    font-weight: 300
}

.content {
    padding-top: 30px;
    padding-bottom: 40px;
    line-height: 25px;
    font-size: 16px;
}
.content p {
    line-height: 25px;
    font-size: 16px;
}

.breadcrumbs {
      background: #fcf9fb;
    padding: 15px 0 15px 0;
}

.breadcrumb {
    list-style: none;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
        align-items: center;
}

.breadcrumb li {
    padding: 0 5px;
    font-size: 13px;
    color: #333;
}

.breadcrumb li:first-child {
    padding-left: 0;
}

.breadcrumb a {
    color: #4fa7d6;
    text-decoration: none;
}

.breadcrumb a:hover {
    color: #1e2c61;
}

.product-hero {
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-size: 45% !important;
    background-position: 95% 50% !important;
    background-repeat: no-repeat !important;
}

.product-hero__heading {
    padding-top: 5px;
    padding-left: 25px;
    margin-top: 0;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 2.75rem;
    font-weight: 300;
    width: 45%;
}

.product-hero__descr {
    color: #fff;
    padding-left: 25px;
    font-family: 'Roboto', sans-serif;
    font-size: 1.35rem;
    font-weight: 300;
    margin: 5px 0;
    width: 45%;
}

.gray-section {
    background-color: #F5F7FA;
    padding: 30px 0;
}

.specs {
    background-color: #F5F7FA;
    padding: 30px 0;
}


.downloads {
    padding: 30px 0;
}
.product-about{
    padding: 0 0 30px 0;
}
.def-title {
    text-align: center;
    color: #434A54;
    margin-bottom: 0;
    font-weight: 300;
    margin-top: 20px;
    font-size: 24px;
    margin-bottom: 10px;
    width: 100%;
}

.specs-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.specs-item {
    width: 45%;
    margin: 25px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.specs-title {
    font-weight: bold;
    color: #111;
    width: 30%;
}

.specs-body {
    color: #434A54;
    font-weight: 300;
    width: 65%;
}

.specs-body ul {
    padding: 0;
    margin: 0;
    padding-left: 18px;
}

.downloads ul {
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.downloads ul li {
    margin-top: 25px;
    margin-right: 25px;
    position: relative;
}

.downloads ul a {
    color: #4fa7d6;
    text-transform: uppercase;
    color: #4fa7d6;
    text-transform: uppercase;
    text-decoration: none;
    padding: 8px 16px;
    -webkit-transition: all 200ms;
    transition: all 200ms;
    
}

.downloads ul a:hover {
   
    color: #1e2c61;
}
.downloads ul li:before{
    content: '';
    width: 24px;
    height: 24px;
    display: inline-block;
    position: absolute;
    background-image: url(../img/pdf.png);
    background-size: 100%;
    left: -11px;
    top: -4px;


}
p,
li {
    line-height: 1.4;
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.col-6 {
    width: 48%;
}

.text-center {
    text-align: center;
}

.flex ul {
    width: 100%;
}

h4 {
    margin: 10px 0 5px 0;
}

.flex-top {
    -ms-flex-item-align: start;
        align-self: flex-start;
}

.icon .flex {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.icon-item {
    width: 200px;
    margin-top: 30px;
    margin-bottom: 15px;
    text-align: center;
}

.antens {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.anten-item {
    width: 140px;
    padding: 10px;
}

.product-hero .index-hero__link {
    position: relative;
    top: 16px;
    margin: 0 0 0 16px;
}

.icon-item-img img {
    width: 53px;
}

.service-block {
    padding-top: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
}

.service-block-item {
    width: 32%;
    text-align: center;
    margin-bottom: 25px;
    padding: 13px 0;
    -webkit-transition: all 300ms;
    transition: all 300ms;
    position: relative;
}

.service-block-item:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    -webkit-box-shadow: 0px 0px 8px 3px rgba(79, 167, 214, 0.35);
            box-shadow: 0px 0px 8px 3px rgba(79, 167, 214, 0.35);
    -webkit-box-shadow: 0 15px 15px rgba(168, 168, 168, .1);
            box-shadow: 0 15px 15px rgba(168, 168, 168, .1);
}

.service-block-item:hover::before {
    position: absolute;
    content: "";
    top: 0;
    left: 50%;
    width: 66px;
    height: 4px;
    margin-left: -33px;
    background-color: #d0f4ff;
}

.block {
    padding-top: 20px;
    padding-bottom: 10px;
}

.service-block-title {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #11bcee;
    text-decoration: none;
    margin: 0 35px;
    display: block;
}

.service-block-img {
    min-height: 200px;
}

.service-block-img img {
    margin-bottom: 15px;
    margin-top: 15px;
}

#contact-page .form {
    width: 95%;
    min-width: 230px;
    height: auto;
    margin: 10px auto;
}

.form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    flex-wrap: wrap;
}

.form-group label {
    padding-bottom: 5px;
    font-size: 16px;
    width: 100%;
    text-align: left;
}

.form-group .form-control {
    width: 100%;
}

textarea.form-control {
    height: auto;
    padding-top: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

#jGrowl {
    display: none;
}
@media(max-width:1200px){
    .main-footer-nav__tel::before{
        left:0;
    }
}
@media (max-width: 1050px) {
    .hero {
        padding-bottom: 0;
    }
    #contact-page .form {
        width: 95%;
    }
}
@media(max-width:898px){
    .service-block-item {
    width: 48%;
 
}
}
@media (max-width:738px) {
    .form-group {
        -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;
    }
    .form-group label {
        width: 100%;
        padding-right: 0;
        padding-bottom: 5px;
    }
      .service-block-item {
    width: 80%;
 
}
.kostil{
    height: 60px;
    width: 100%;
}
.specs-item{
    width: 90%;
}
.product-hero {
    background-position: center 15px !important;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-top: 60px;
    background-size: 80% !important;
    height: 530px;
}
.product-hero>.container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 30px 20px;
}
.product-hero__heading {
    width: 35%;
    padding: 0;
    margin: 0;
}
.product-hero__descr{
    width: 65%;
    padding: 0;
    margin: 0;
}
.product-hero .index-hero__link{
        position: static;
    width: 202px;
    margin: 20px 0;
}
.col-6 {
    width: 100%;
}
.col-6 img{
    display: block;
    margin: 0 auto;
}

}
@media(max-width:650px){
    .product-hero {
    background-size: 80% !important;
    height: 530px;
}
}
.col-3{
    width: 20%;
}
.col-9{
    width: 75%;
}
@media(max-width:600px){
    .product-hero {
    background-size: 80% !important;
    height: 500px;
}
.col-3{
    width: 100%;
}
.col-9{
    width: 100%;
}

.icon .flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
}


@media (max-width:480px){
    .price-family__button{
    margin-right: 0;
}
    #contact-page .form {
        width: 100%;
        padding: 0;
    }
    .form-group .form-control {
    width: 100%;
}
.form-group label {
    width: 100%;
}
    .product-hero {
    background-size: 80% !important;
    height: 430px;
}
.specs-item{
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.specs-title {
   margin-bottom: 10px;
    width: 100%;
}
.specs-body{
    width: 100%;
}
}
.price-family__button{
    margin-right: 10px;
}
.dropdown{
    position: relative;
}
.dropdown ul{
    display: none;
    position: absolute;
    top: 30px;
    width: 200%;
    background: #fff;
    opacity: 0.94;
    padding: 10px;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
}
.dropdown:hover ul{
    display: flex;
}
.dropdown li{
    margin: 5px;
    border: none;
    padding: 0;
}
.dropdown li a{
    color: #50aad9;
}
.dropdown .main-header-nav__item a:hover{
    color:#111;
}
.dropdown .main-header-nav__item::before{
    content: none;
}
@media(max-width:1050px){
.dropdown:hover ul{
    display: none;
}
.dropdown ul{
        position: static;
    background: transparent;
    margin-top: 20px;
}
.dropdown li {
    margin: 5px;
    padding: 0;
    display: inline;
}
.product-hero .index-hero__link {
    margin-bottom: 7px;
}
}
@media(max-width:740px){
    .product-hero .container{
        background: rgba(38, 109, 162, 0.65)
    }
}

/*fs-mod*/
.form{
    height: 380px;
}

@media screen and (max-width: 377px){
    #callback{
        position: absolute;
        top: 0;
        right: 0;
    }
    .form {
        width: 260px;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media screen and (max-width: 1024px){
    .dropdown ul{
        width: 100%;
        margin-top: 10px;
        margin-bottom: -20px;
    }
    .dropdown li{
       display: inline-block;
        margin: 5px 10px;
    } 
}

@media screen and (max-width: 768px){
    .index-solutions-canNot__link{
        width: 100%;
    }

    .index-family-item__text{
        bottom: 10px;
    }
}

@media (max-width: 1250px) {
    .index-family-item__text {
        left: 0;
        margin-left: 0;
        text-align: center
    }
}