@charset "UTF-8";
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    font: inherit;
    font-size: 100%;
    border: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}
body {
    line-height: 1
}
a {
    text-decoration: none
}
ol,
ul {
    list-style: none
}
blockquote,
q {
    quotes: none
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none
}
table {
    border-spacing: 0;
    border-collapse: collapse
}
@font-face {
    font-family: SegoeUI;
    font-weight: 700;
    src: url(../fonts/SegoeUI-Bold.woff) format("woff"), url(../fonts/SegoeUI-Bold.woff2) format("woff2")
}
@font-face {
    font-family: SegoeUI;
    font-weight: 300;
    src: url(../fonts/SegoeUI-Light.woff) format("woff"), url(../fonts/SegoeUI-Light.woff2) format("woff2")
}
@font-face {
    font-family: SegoeUI;
    font-weight: 700;
    src: url(../fonts/SegoeUI-SemiBold.woff) format("woff"), url(../fonts/SegoeUI-SemiBold.woff2) format("woff2")
}
@font-face {
    font-family: SegoeUI;
    src: url(../fonts/SegoeUI.woff) format("woff"), url(../fonts/SegoeUI.woff2) format("woff2")
}
html {
    height: 100%
}
*,
*:before,
*:after {
    box-sizing: border-box
}
html,
body {
    font-size: 16px
}
body {
    position: relative;
    overflow-x: hidden;
    width: auto;
    min-width: 320px;
    min-height: 100%;
    text-align: center;
    font-family: SegoeUI, arial, verdana;
    font-weight: 400;
    color: #000
}
.g-main {
    display: inline-block;
    overflow-x: hidden;
    width: 100%;
    padding-bottom: 25px
}
@media all and (min-width: 63.75em) {
    .g-main {
        padding-bottom: 42px
    }
}
@media all and (min-width: 85em) {
    .g-main {
        padding-bottom: 93px
    }
}
.g-content {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 15px
}
.g-headline {
    position: relative;
    margin-bottom: 31px;
    padding: 22px 15px 0;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px
}
.g-headline:after {
    content: "";
    position: absolute;
    top: -34px;
    left: 50%;
    width: 31px;
    height: 35px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-image: url(../images/sprite.png);
    background-position: 0 -97px
}
.g-headline:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    max-width: 380px;
    height: 1px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #0054a6
}
@media all and (min-width: 47.5em) {
    .g-headline {
        margin-bottom: 45px;
        font-size: 25px
    }
}
@media all and (min-width: 63.75em) {
    .g-headline {
        margin-bottom: 56px
    }
}
.g-heading {
    margin-bottom: 5px;
    text-align: left;
    font-size: 20px;
    font-weight: 600;
    line-height: 27px
}
.g-text {
    margin-bottom: 20px;
    text-align: justify;
    font-size: 14px;
    font-weight: 400;
    line-height: 27px
}
.g-text:last-of-type {
    margin-bottom: 0
}
.g-text a {
    color: #0054a6
}
.g-text a:hover {
    color: #91c8ff
}
.g-text span {
    text-align: left;
    font-size: 20px;
    font-weight: 600;
    line-height: 27px
}
@media all and (min-width: 47.5em) {
    .g-text {
        font-size: 16px
    }
}
.g-list {
    display: block;
    margin-bottom: 20px;
    padding-left: 20px
}
.g-list__item {
    position: relative;
    text-align: justify;
    font-size: 14px;
    font-weight: 400;
    line-height: 27px
}
.g-list__item:before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-right: 14px;
    background: red
}
.g-list__item a {
    color: #0054a6
}
.g-list__item a:hover {
    color: #91c8ff
}
.g-list--no-point .g-list__item:before {
    display: none
}
.header {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 50%;
    display: inline-block;
    width: 100%;
    padding-top: 32px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
.header__wrap {
    text-align: right
}
.header__logo {
    position: relative;
    z-index: 5;
    float: left;
    width: 131px;
    height: auto
}
@media all and (min-width: 30em) {
    .header__logo {
        width: 185px
    }
}
.nav {
    display: inline-block;
    vertical-align: top
}
.nav__checkbox {
    display: none
}
.nav__checkbox:checked~.nav__wrap {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.nav__checkbox:checked~.nav__show-menu .nav__show-icon {
    background: transparent
}
.nav__checkbox:checked~.nav__show-menu .nav__show-icon:before {
    bottom: 0;
    -webkit-transition: bottom .3s, background .3s, -webkit-transform .3s .3s;
    transition: bottom .3s, background .3s, -webkit-transform .3s .3s;
    transition: bottom .3s, background .3s, transform .3s .3s;
    transition: bottom .3s, background .3s, transform .3s .3s, -webkit-transform .3s .3s;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: red
}
.nav__checkbox:checked~.nav__show-menu .nav__show-icon:after {
    top: 0;
    -webkit-transition: top .3s, background .3s, -webkit-transform .3s .3s;
    transition: top .3s, background .3s, -webkit-transform .3s .3s;
    transition: top .3s, background .3s, transform .3s .3s;
    transition: top .3s, background .3s, transform .3s .3s, -webkit-transform .3s .3s;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: red
}
.nav__show-menu {
    float: right;
    cursor: pointer
}
.nav__show-icon {
    position: relative;
    z-index: 1000;
    display: inline-block;
    width: 23px;
    height: 4px;
    -webkit-transition: background .3s;
    transition: background .3s;
    border-radius: 2px;
    background: #fff
}
.nav__show-icon:before {
    content: "";
    position: absolute;
    bottom: 8px;
    left: 0;
    width: 23px;
    height: 4px;
    -webkit-transition: bottom .3s .3s, background .3s .3s, -webkit-transform .3s;
    transition: bottom .3s .3s, background .3s .3s, -webkit-transform .3s;
    transition: transform .3s, bottom .3s .3s, background .3s .3s;
    transition: transform .3s, bottom .3s .3s, background .3s .3s, -webkit-transform .3s;
    border-radius: 2px;
    background: #fff
}
.nav__show-icon:after {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 23px;
    height: 4px;
    -webkit-transition: top .3s .3s, background .3s .3s, -webkit-transform .3s;
    transition: top .3s .3s, background .3s .3s, -webkit-transform .3s;
    transition: transform .3s, top .3s .3s, background .3s .3s;
    transition: transform .3s, top .3s .3s, background .3s .3s, -webkit-transform .3s;
    border-radius: 2px;
    background: #fff
}
@media all and (min-width: 1200px) {
    .nav__show-icon {
        display: none
    }
}
.nav__wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 97px 0 67px;
    padding-left: 25px;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    text-align: left;
    background: rgba(0, 0, 0, .95)
}
@media all and (min-width: 47.5em) {
    .nav__wrap {
        padding-left: 125px
    }
}
@media all and (min-width: 1200px) {
    .nav__wrap {
        top: 40px;
        left: 50%;
        margin-left: -50px;
        padding: 0;
        -webkit-transform: none;
        -webkit-transform: translateX(-50%);
        transform: none;
        transform: translateX(-50%);
        text-align: center;
        background: none
    }
}
.nav__menu {
    display: inline-block;
    text-align: left
}
@media all and (min-width: 1200px) {
    .nav__menu {
        text-align: center
    }
}
.nav__item {
    margin-bottom: 24px
}
.nav__item:last-of-type {
    margin-bottom: 0
}
@media all and (min-width: 47.5em) {
    .nav__item {
        margin-bottom: 27px
    }
}
@media all and (min-width: 1200px) {
    .nav__item {
        position: relative;
        display: inline-block;
        margin-right: 16px;
        margin-bottom: 0
    }
    .nav__item:last-of-type {
        margin-right: 0
    }
    .nav__item:hover .nav__submenu {
        visibility: visible;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}
.nav__link {
    -webkit-transition: color .3s;
    transition: color .3s;
    font-size: 22px;
    color: #fff
}
@media all and (min-width: 47.5em) {
    .nav__link {
        -webkit-transition: color .3s;
        transition: color .3s;
        font-size: 25px
    }
    .nav__link:hover {
        color: red
    }
}
@media all and (min-width: 1200px) {
    .nav__link {
        font-size: 16px
    }
}
.nav__submenu-btn {
    display: inline-block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    vertical-align: middle;
    background: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23ffffff\" x=\"0px\" y=\"0px\" viewBox=\"596 -596 1792 1792\" style=\"enable-background:new 596 -596 1792 1792;\"><path d=\"M1761,255l-448-448c-12.7-12.7-27.7-19-45-19s-32.3,6.3-45,19s-19,27.7-19,45v896c0,17.3,6.3,32.3,19,45s27.7,19,45,19s32.3-6.3,45-19l448-448c12.7-12.7,19-27.7,19-45S1773.7,267.7,1761,255z\"/></svg>") no-repeat
}
.nav__submenu-btn:hover {
    background: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23ff0000\" x=\"0px\" y=\"0px\" viewBox=\"596 -596 1792 1792\" style=\"enable-background:new 596 -596 1792 1792;\"><path d=\"M1761,255l-448-448c-12.7-12.7-27.7-19-45-19s-32.3,6.3-45,19s-19,27.7-19,45v896c0,17.3,6.3,32.3,19,45s27.7,19,45,19s32.3-6.3,45-19l448-448c12.7-12.7,19-27.7,19-45S1773.7,267.7,1761,255z\"/></svg>") no-repeat
}
@media all and (min-width: 1200px) {
    .nav__submenu-btn {
        display: none
    }
}
.nav__submenu-btn--opened {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}
.nav__submenu {
    display: none;
    padding-top: 24px;
    padding-left: 40px
}
@media all and (min-width: 47.5em) {
    .nav__submenu {
        padding-top: 27px
    }
}
@media all and (min-width: 1200px) {
    .nav__submenu {
        position: absolute;
        left: 0;
        display: block;
        visibility: hidden;
        padding-left: 0;
        -webkit-transition: opacity .3s, visibility .3s;
        transition: opacity .3s, visibility .3s;
        text-align: left;
        white-space: nowrap;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}
.nav__submenu--opened {
    height: initial
}
.nav__subitem {
    margin-bottom: 15px
}
.nav__subitem:last-of-type {
    margin-bottom: 0
}
@media all and (min-width: 47.5em) {
    .nav__subitem {
        margin-bottom: 19px
    }
}
.nav__sublink {
    font-size: 16px;
    color: #fff
}
@media all and (min-width: 47.5em) {
    .nav__sublink {
        -webkit-transition: color .3s;
        transition: color .3s;
        font-size: 18px
    }
    .nav__sublink:hover {
        color: red
    }
}
@media all and (min-width: 1200px) {
    .nav__sublink {
        font-size: 16px
    }
}
.callback {
    display: inline-block;
    float: right;
    margin-top: -4px;
    margin-left: 10px
}
@media all and (min-width: 30em) {
    .callback {
        width: initial;
        height: initial;
        margin-left: 54px;
        text-align: right;
        background: none
    }
}
@media all and (min-width: 47.5em) {
    .callback {
        margin-left: 42px
    }
}
@media all and (min-width: 63.75em) {
    .callback {
        margin-left: 17%
    }
}
.callback__link {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23ff0000\" x=\"0px\" y=\"0px\" viewBox=\"596 -596 1792 1792\" style=\"enable-background:new 596 -596 1792 1792;\"><path d=\"M1572,812c0-22-7.8-40.8-23.5-56.5S1514,732,1492,732s-40.8,7.8-56.5,23.5S1412,790,1412,812s7.8,40.8,23.5,56.5S1470,892,1492,892s40.8-7.8,56.5-23.5S1572,834,1572,812z M1780,652V-52c0-8.7-3.2-16.2-9.5-22.5S1756.7-84,1748-84h-512c-8.7,0-16.2,3.2-22.5,9.5S1204-60.7,1204-52v704c0,8.7,3.2,16.2,9.5,22.5s13.8,9.5,22.5,9.5h512c8.7,0,16.2-3.2,22.5-9.5S1780,660.7,1780,652z M1588-196c0-10.7-5.3-16-16-16h-160c-10.7,0-16,5.3-16,16s5.3,16,16,16h160C1582.7-180,1588-185.3,1588-196zM1876-212V812c0,34.7-12.7,64.7-38,90s-55.3,38-90,38h-512c-34.7,0-64.7-12.7-90-38s-38-55.3-38-90V-212c0-34.7,12.7-64.7,38-90s55.3-38,90-38h512c34.7,0,64.7,12.7,90,38S1876-246.7,1876-212z\"/></svg>") no-repeat
}
@media all and (min-width: 30em) {
    .callback__link {
        display: none
    }
}
.callback__phone {
    display: none
}
@media all and (min-width: 30em) {
    .callback__phone {
        display: block;
        margin-bottom: 14px;
        font-size: 18px;
        font-weight: 400;
        color: #fff
    }
}
@media all and (min-width: 47.5em) {
    .callback__phone {
        margin-bottom: 12px;
        font-size: 25px
    }
}
@media all and (min-width: 63.75em) {
    .callback__phone {
        color: #0054a6
    }
}
.callback__btn {
    display: none
}
@media all and (min-width: 30em) {
    .callback__btn {
        display: inline-block;
        padding: 0;
        cursor: pointer;
        text-decoration: underline;
        font-size: 14px;
        font-weight: 400;
        color: red;
        border: none;
        outline: none;
        background: none
    }
}
@media all and (min-width: 47.5em) {
    .callback__btn {
        font-size: 17px
    }
    .callback__btn:hover {
        color: #ff3535
    }
}
.banner {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 300px;
    margin-bottom: 42px;
    background: #000 url(../images/banner-page.jpg) left center/cover no-repeat
}
@media all and (min-width: 47.5em) {
    .banner {
        margin-bottom: 46px
    }
}
@media all and (min-width: 63.75em) {
    .banner {
        height: 400px
    }
}
.banner--index {
    margin-bottom: 75px
}
@media all and (min-width: 47.5em) {
    .banner--index {
        margin-bottom: 82px
    }
}
@media all and (min-width: 63.75em) {
    .banner--index {
        height: auto;
        margin-bottom: 75px;
        background: none
    }
}
@media all and (min-width: 85em) {
    .banner--index {
        margin-bottom: 107px
    }
}
@media all and (min-width: 63.75em) {
    .banner__img {
        width: 100%;
        height: auto
    }
}
@media all and (min-width: 63.75em) {
    .banner__info {
        position: absolute;
        bottom: 40px;
        left: 0;
        width: 100%;
        padding-left: 53px;
        color: #fff
    }
}
@media all and (min-width: 105em) {
    .banner__info {
        bottom: 102px
    }
}
@media all and (min-width: 63.75em) {
    .banner__heading {
        margin-bottom: 17px;
        font-size: 30px;
        font-weight: 600
    }
}
@media all and (min-width: 105em) {
    .banner__heading {
        margin-bottom: 44px;
        font-size: 50px
    }
}
@media all and (min-width: 63.75em) {
    .banner__text {
        margin-bottom: 10px;
        font-size: 21px;
        font-weight: 300
    }
}
@media all and (min-width: 105em) {
    .banner__text {
        font-size: 35px
    }
}
@media all and (min-width: 63.75em) {
    .banner__pagination {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        max-width: 1280px;
        padding: 0 15px;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}
@media all and (min-width: 63.75em) {
    .banner__pagination-dot {
        position: relative;
        float: left;
        clear: left;
        width: 11px;
        height: 11px;
        margin-bottom: 30px;
        -webkit-transition: background .3s;
        transition: background .3s;
        border-radius: 50%;
        background: #0054a6
    }
    .banner__pagination-dot:last-of-type {
        margin-bottom: 0
    }
    .banner__pagination-dot:hover {
        background: #fff
    }
    .banner__pagination-dot:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        visibility: hidden;
        width: 29px;
        height: 29px;
        -webkit-transition: opacity .3s, visibility .3s;
        transition: opacity .3s, visibility .3s;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        outline: 0;
        background-image: url(../images/sprite.png);
        background-position: -121px -97px
    }
}
@media all and (min-width: 63.75em) {
    .banner__pagination-dot--active {
        background: #fff
    }
    .banner__pagination-dot--active:after {
        visibility: visible;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
}
.banner__wrap {
    position: absolute;
    bottom: 35px;
    left: 50%;
    width: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
@media all and (min-width: 47.5em) {
    .banner__wrap {
        bottom: 30px
    }
}
@media all and (min-width: 63.75em) {
    .banner__wrap {
        bottom: 52px
    }
}
@media all and (min-width: 85em) {
    .banner__wrap {
        bottom: 45px
    }
}
.banner__page {
    margin-bottom: 17px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    color: #fff
}
@media all and (min-width: 30em) {
    .banner__page {
        margin-bottom: 17px;
        font-size: 25px
    }
}
@media all and (min-width: 47.5em) {
    .banner__page {
        float: left;
        margin-bottom: 0;
        font-size: 30px
    }
}
@media all and (min-width: 63.75em) {
    .banner__page {
        font-size: 35px
    }
}
@media all and (min-width: 85em) {
    .banner__page {
        font-size: 50px
    }
}
.input__btn {
    display: inline-block;
    width: 183px;
    height: 45px;
    cursor: pointer;
    -webkit-transition: background .3s, border-color .3s, color .3s;
    transition: background .3s, border-color .3s, color .3s;
    text-align: center;
    font-size: 18px;
    line-height: 39px;
    color: #0054a6;
    border: 2px solid #0054a6;
    border-radius: 2px;
    outline: none;
    background: none
}
.input__btn:hover {
    color: #fff;
    background: #0054a6
}
.input__btn--blue {
    width: 188px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    color: #fff;
    border: none;
    background: #0054a6
}
.input__btn--white {
    color: #fff;
    border-color: #fff
}
.input__btn--white:hover {
    color: #0054a6;
    background: #fff
}
.input__btn--set {
    position: absolute;
    bottom: -50px;
    left: 50%;
    overflow: hidden;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    box-shadow: 0 0 22.9px 6.1px rgba(49, 49, 49, .26)
}
.input__btn--set:after {
    content: "";
    position: absolute;
    top: -50px;
    left: -75px;
    width: 50px;
    height: 155px;
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
    opacity: .2;
    background: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"
}
.input__btn--set:hover:after {
    left: 120%;
    -webkit-transition: all .8s cubic-bezier(.19, 1, .22, 1);
    transition: all .8s cubic-bezier(.19, 1, .22, 1)
}
@media all and (min-width: 30em) {
    .input__btn--set {
        right: -92px;
        bottom: -4px;
        left: initial;
        -webkit-transform: none;
        transform: none
    }
}
@media all and (min-width: 47.5em) {
    .input__btn--set {
        right: initial;
        bottom: -50px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}
@media all and (min-width: 85em) {
    .input__btn--set {
        right: -92px;
        bottom: -4px;
        left: initial;
        -webkit-transform: none;
        transform: none
    }
}
.input__btn--calc {
    display: block;
    width: 225px;
    height: 50px;
    margin: 0 auto 24px;
    -webkit-transition: color .3s, background .3s;
    transition: color .3s, background .3s;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    line-height: 50px;
    color: #fff;
    border: none;
    border-radius: 0;
    background: #0054a6;
    box-shadow: 0 0 22.9px 6.1px rgba(99, 98, 98, .26)
}
.input__btn--calc:hover {
    color: #0054a6;
    background: #fff
}
.input__btn--calc:last-of-type {
    margin-bottom: 0
}
@media all and (min-width: 47.5em) {
    .input__btn--calc {
        float: left;
        margin-right: 30px
    }
    .input__btn--calc:last-of-type {
        margin-right: 0
    }
}
@media all and (min-width: 63.75em) {
    .input__btn--calc {
        width: 290px
    }
}
.input__btn--calc-active {
    color: #0054a6;
    background: #fff
}
.input__text {
    width: 100%;
    height: 24px;
    margin-bottom: 30px;
    padding-bottom: 5px;
    font-family: SegoeUI, arial, verdana;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    border: none;
    border-bottom: 1px solid #000;
    outline: none;
    background: none
}
.input__text:last-of-type {
    margin-bottom: 50px
}
.input__text::-webkit-input-placeholder {
    font-weight: 400;
    color: #a4a4a4
}
.input__text::-moz-placeholder {
    font-weight: 400;
    color: #a4a4a4
}
.input__text:-ms-input-placeholder {
    font-weight: 400;
    color: #a4a4a4
}
.input__text:-moz-placeholder {
    font-weight: 400;
    color: #a4a4a4
}
.input__text--textarea {
    height: 29px;
    resize: none
}
.input__checkbox {
    display: none
}
.input__checkbox:checked~.input__label:after {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.input__label {
    position: relative;
    float: left;
    padding-left: 37px;
    line-height: 28px
}
.input__label:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 28px;
    height: 28px;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 1px solid black;
    box-shadow: -1.3px -1.5px 5px rgba(0, 0, 0, .32)
}
.input__label:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    left: 7px;
    visibility: hidden;
    width: 15px;
    height: 13px;
    margin-top: 2px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    background-image: url(../images/sprite.png);
    background-position: -190px -97px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
@media all and (min-width: 30em) {
    .input__label {
        padding-left: 43px
    }
}
.input__num {
    width: 76px;
    height: 28px;
    margin-right: 15px;
    padding-left: 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    color: #959595;
    border: 1px solid #cecece;
    outline: none;
    background-color: #fff;
    text-shadow: 0 1px 2px rgba(255, 255, 255, .65)
}
.input__num-plus,
.input__num-minus {
    position: absolute;
    left: 56px;
    width: 20px;
    height: 50%;
    cursor: pointer;
    border: none;
    outline: none;
    background: red
}
.input__num-plus:before,
.input__num-minus:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.input__num-plus {
    top: 0
}
.input__num-plus:before {
    background: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23ffffff\" x=\"0px\" y=\"0px\" viewBox=\"596 -596 1792 1792\" style=\"enable-background:new 596 -596 1792 1792;\"><path d=\"M1985,479L1537,31c-12.7-12.7-27.7-19-45-19s-32.3,6.3-45,19L999,479c-12.7,12.7-19,27.7-19,45c0,17.3,6.3,32.3,19,45c12.7,12.7,27.7,19,45,19h896c17.3,0,32.3-6.3,45-19c12.7-12.7,19-27.7,19-45C2004,506.7,1997.7,491.7,1985,479z\"/></svg>") no-repeat
}
.input__num-minus {
    bottom: 0
}
.input__num-minus:before {
    background: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23ffffff\" x=\"0px\" y=\"0px\" viewBox=\"596 -596 1792 1792\" style=\"enable-background:new 596 -596 1792 1792;\"><path d=\"M1985,31c-12.7-12.7-27.7-19-45-19h-896c-17.3,0-32.3,6.3-45,19s-19,27.7-19,45s6.3,32.3,19,45l448,448c12.7,12.7,27.7,19,45,19c17.3,0,32.3-6.3,45-19l448-448c12.7-12.7,19-27.7,19-45S1997.7,43.7,1985,31z\"/></svg>") no-repeat
}
.input__radio {
    display: none
}
.input__radio~span {
    position: relative;
    padding-left: 41px;
    cursor: pointer;
    line-height: 26px
}
.input__radio~span:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 26px;
    height: 26px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 1px solid #000;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: -1px -1px 5px rgba(0, 0, 0, .32)
}
.input__radio~span:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 7px;
    visibility: hidden;
    width: 12px;
    height: 12px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    border-radius: 50%;
    background: red;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
.input__radio:checked~span:after {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.carousel {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 100%
}
.carousel--banner {
    display: none;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
@media all and (min-width: 63.75em) {
    .carousel--banner {
        display: inherit
    }
}
@media all and (min-width: 63.75em) {
    .carousel--delivery {
        float: left;
        width: 450px
    }
}
.carousel--delivery-img {
    display: none
}
@media all and (min-width: 63.75em) {
    .carousel--delivery-img {
        display: inline-block;
        float: left;
        width: 424px
    }
}
@media all and (min-width: 85em) {
    .carousel--delivery-img {
        width: 610px
    }
}
.carousel__list-item--delivery-img {
    display: none
}
@media all and (min-width: 63.75em) {
    .carousel__list-item--delivery-img {
        display: block;
        width: 424px;
        height: 292px
    }
    .carousel__list-item--delivery-img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}
@media all and (min-width: 85em) {
    .carousel__list-item--delivery-img {
        width: 610px
    }
}
.carousel__list {
    position: relative;
    width: 160000px;
    width: 10000rem
}
.carousel__list-item {
    position: relative;
    float: left;
    text-align: left
}
.carousel__list-item .g-text {
    margin-bottom: 30px
}
.carousel__list-item .g-text:last-of-type {
    margin-bottom: 30px
}
@media all and (min-width: 63.75em) {
    .carousel__list-item--delivery {
        width: 450px
    }
}
.carousel__pagination {
    font-size: 16px;
    font-weight: 700;
    color: red;
    background: #fff
}
@media all and (min-width: 30em) {
    .carousel__pagination {
        font-size: 22px
    }
}
.carousel__pagination--delivery {
    position: absolute;
    right: 2px;
    bottom: 31px
}
@media all and (min-width: 30em) {
    .carousel__pagination--delivery {
        right: 111px;
        bottom: 8px
    }
}
.carousel__pagination--comments {
    position: absolute;
    right: 91px;
    bottom: 8px
}
.carousel__controls {
    display: inline-block;
    background: #fff
}
.carousel__controls--delivery {
    position: absolute;
    right: -8px;
    bottom: 0
}
@media all and (min-width: 30em) {
    .carousel__controls--delivery {
        right: 32px
    }
}
@media all and (min-width: 63.75em) {
    .carousel__controls--delivery {
        right: -8px
    }
}
.carousel__controls--comments {
    position: absolute;
    right: -8px;
    bottom: 0
}
.carousel__btn {
    float: left;
    padding: 0;
    cursor: pointer;
    border: none;
    outline: none;
    background: none
}
.carousel__btn:before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px
}
@media all and (min-width: 30em) {
    .carousel__btn:before {
        width: 30px;
        height: 30px
    }
}
.carousel__btn--prev:before {
    background: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23000000\" x=\"0px\" y=\"0px\" viewBox=\"596 -596 1792 1792\" style=\"enable-background:new 596 -596 1792 1792;\"><path d=\"M1773-139l-50-50c-6.7-6.7-14.3-10-23-10c-8.7,0-16.3,3.3-23,10l-466,466c-6.7,6.7-10,14.3-10,23s3.3,16.3,10,23l466,466c6.7,6.7,14.3,10,23,10c8.7,0,16.3-3.3,23-10l50-50c6.7-6.7,10-14.3,10-23s-3.3-16.3-10-23l-393-393l393-393c6.7-6.7,10-14.3,10-23S1779.7-132.3,1773-139z\"/></svg>") no-repeat
}
.carousel__btn--next:before {
    background: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23000000\" x=\"0px\" y=\"0px\" viewBox=\"596 -596 1792 1792\" style=\"enable-background:new 596 -596 1792 1792;\">\a<path d=\"M1773,277l-466-466c-6.7-6.7-14.3-10-23-10s-16.3,3.3-23,10l-50,50c-6.7,6.7-10,14.3-10,23s3.3,16.3,10,23l393,393l-393,393\a c-6.7,6.7-10,14.3-10,23s3.3,16.3,10,23l50,50c6.7,6.7,14.3,10,23,10s16.3-3.3,23-10l466-466c6.7-6.7,10-14.3,10-23\a S1779.7,283.7,1773,277z\"/>\a</svg>") no-repeat
}
.footer {
    display: inline-block;
    width: 100%;
    padding: 30px 0 13px;
    text-align: left;
    border-top: 5px solid red
}
@media all and (min-width: 47.5em) {
    .footer {
        padding-top: 38px
    }
}
@media all and (min-width: 63.75em) {
    .footer {
        background: url(../images/signal.png) center/contain no-repeat
    }
}
@media all and (min-width: 47.5em) {
    .footer__contacts {
        float: left
    }
}
@media all and (min-width: 47.5em) {
    .footer__share {
        float: right;
        text-align: right
    }
}
.footer__heading {
    display: inline-block;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700
}
@media all and (min-width: 47.5em) {
    .footer__heading {
        display: inherit;
        font-size: 22px
    }
}
.footer__address {
    display: inline-block;
    width: 100%;
    margin-bottom: 23px
}
.footer__address-line {
    font-size: 12px;
    line-height: 25px
}
.footer__address-line:last-child {
    color: #f00;
    font-size: 14px;
    font-weight: bold;
}
.footer__address-line span {
    display: inline-block;
    width: 65px
}
@media all and (min-width: 47.5em) {    
    .footer__address-line {
        font-size: 16px
    }
    .footer__address-line:last-child {
        color: #ff0000;
        font-size: 18px;
        font-weight: bold;
    }
    .footer__address-line span {
        width: 77px
    }
}
.footer__cards {
    float: right
}
@media all and (min-width: 47.5em) {
    .footer__cards {
        float: none;
        margin-top: 22px
    }
}
.footer__copy {
    text-align: right;
    font-size: 13px;
    line-height: 22px
}
.sets {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 53px
}
.sets--index {
    margin-bottom: 45px
}
@media all and (min-width: 47.5em) {
    .sets--index {
        margin-bottom: 73px
    }
}
@media all and (min-width: 63.75em) {
    .sets--index {
        margin-bottom: 156px
    }
}
@media all and (min-width: 85em) {
    .sets--index {
        max-width: 1280px;
        margin-bottom: 224px
    }
    .sets--index:before {
        content: "";
        position: absolute;
        top: 50%;
        left: -490px;
        width: 740px;
        height: 740px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        border: 100px solid red;
        border-radius: 50%;
        box-shadow: 0 0 22.9px 6.1px rgba(0, 0, 0, .26), inset 0 0 22.9px 6.1px rgba(0, 0, 0, .26)
    }
}
.sets__wrap {
    display: block;
    width: 100%;
    max-width: 350px;
    margin: 0 auto
}
@media all and (min-width: 47.5em) {
    .sets__wrap {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        max-width: 730px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: start;
        -webkit-box-pack: start;
        justify-content: flex-start;
        -ms-flex-align: baseline;
        -webkit-box-align: baseline;
        align-items: baseline
    }
}
@media all and (min-width: 63.75em) {
    .sets__wrap {
        max-width: 1095px
    }
}
.sets__set {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 320px;
    margin: 0 auto 62px;
    padding: 25px 15px 30px;
    background: #fff;
    box-shadow: 0 0 22.9px 6.1px rgba(99, 98, 98, .26)
}
@media all and (min-width: 30em) {
    .sets__set {
        margin-left: -64px
    }
}
@media all and (min-width: 47.5em) {
    .sets__set {
        max-width: 350px;
        margin: 0 auto 56px
    }
    .sets__set:last-of-type {
        margin: 0 auto 62px
    }
}
@media all and (min-width: 63.75em) {
    .sets__set {
        max-width: 310px;
        margin: 0 auto 62px
    }
}
@media all and (min-width: 85em) {
    .sets__set {
        margin: 0 177px 62px -64px
    }
    .sets__set:last-of-type {
        margin: 0 177px 62px -64px
    }
    .sets__set:nth-of-type(3n) {
        margin-right: 0
    }
}
.sets__set-name {
    height: 67px;
    margin-bottom: 32px;
    text-align: left;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px
}
.sets__set-name span {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    padding: 0 15px;
    text-transform: none;
    font-weight: 300;
    line-height: 20px
}
.sets__set-img {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 150px;
    margin-bottom: 33px
}
.sets__set-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -o-object-fit: contain;
    object-fit: contain
}
.sets__set-price {
    position: relative;
    margin-bottom: 78px
}
.sets__set-price:last-of-type {
    margin-bottom: 0
}
@media all and (min-width: 30em) {
    .sets__set-price {
        margin-bottom: 32px
    }
}
@media all and (min-width: 47.5em) {
    .sets__set-price {
        margin-bottom: 78px
    }
}
@media all and (min-width: 85em) {
    .sets__set-price {
        margin-bottom: 32px
    }
}
.sets__set-sum {
    text-align: left;
    font-size: 18px;
    font-weight: 300;
    color: #000
}
.sets__set-sum span {
    font-size: 30px;
    font-weight: 600;
    color: red
}
.sets__set-option {
    margin-bottom: 16px;
    text-align: left;
    font-size: 14px
}
.breadcrumbs {
    display: inline-block
}
@media all and (min-width: 47.5em) {
    .breadcrumbs {
        float: right;
        margin-top: 9px
    }
}
@media all and (min-width: 63.75em) {
    .breadcrumbs {
        margin-top: 19px
    }
}
@media all and (min-width: 85em) {
    .breadcrumbs {
        margin-top: 32px
    }
}
.breadcrumbs__item {
    display: inline-block;
    float: left;
    font-size: 13px;
    color: #fff
}
.breadcrumbs__item:after {
    content: ">";
    margin: 0 3px
}
.breadcrumbs__item:last-of-type:after {
    display: none
}
@media all and (min-width: 63.75em) {
    .breadcrumbs__item {
        font-size: 14px
    }
}
.breadcrumbs__link {
    color: #fff
}
@media all and (min-width: 47.5em) {
    .breadcrumbs__link {
        -webkit-transition: color .3s;
        transition: color .3s
    }
    .breadcrumbs__link:hover {
        color: red
    }
}
.table {
    table-layout: fixed;
    text-align: left
}
.table__head {
    height: 43px;
    vertical-align: top;
    border-bottom: 2px solid #0054a6
}
.table__head-item {
    padding: 0 15px 12px;
    white-space: nowrap;
    font-size: 15px
}
.table__head-item span {
    display: block;
    font-size: 12px
}
.table__head-item:first-of-type {
    padding-left: 0
}
.table__name {
    width: 125px;
    padding-right: 22px;
    vertical-align: middle;
    font-size: 14px;
    color: #0054a6;
    border-right: 1px dashed #e5e5e5
}
.table__item {
    padding: 0 15px;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 14px;
    border-right: 1px dashed #e5e5e5
}
.table__item--sum:after {
    content: " руб."
}
.table__category {
    height: 34px;
    vertical-align: middle;
    font-size: 18px
}
.table--inventory td {
    height: 61px;
    text-align: center;
}
.table--service {
    width: 100%;
    min-width: 480px
}
.table--service td {
    height: 34px;
    border: none
}
.table--service .table__name {
    width: initial
}
.table--service .table__item,
.table--service .table__head-item:last-of-type {
    width: 100px
}
.form__wrap {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 100%;
    margin: 47px auto 0;
    padding-top: 28px
}
.form__wrap:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: red
}
@media all and (min-width: 47.5em) {
    .form__wrap {
        padding-top: 20px
    }
}
@media all and (min-width: 63.75em) {
    .form__wrap {
        margin: 150px auto 0;
        padding-top: 0
    }
}
.form__wrap--calc:before {
    height: 215px
}
@media all and (min-width: 85em) {
    .form__wrap--calc .form__heading {
        max-width: 300px;
        line-height: 40px
    }
}
.form--contacts {
    margin-top: 0
}
.form--modal {
    position: fixed;
    z-index: 50;
    top: 50%;
    left: 50%;
    visibility: hidden;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transition: opacity .3s, visibility .3s;
    transition: opacity .3s, visibility .3s;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    background: rgba(0, 0, 0, .85);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
.form--modal .form__wrap {
    margin-bottom: 50px
}
@media all and (min-width: 63.75em) {
    .form--modal .form__wrap {
        margin: 13% auto 150px
    }
}
.form--modal-active {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.form__heading {
    margin-bottom: 24px;
    letter-spacing: 6px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    color: #fff
}
.form__fade {
    position: absolute;
    width: 100%;
    height: 100%
}
@media all and (min-width: 30em) {
    .form__heading {
        letter-spacing: 7px;
        font-size: 22px
    }
}
@media all and (min-width: 47.5em) {
    .form__heading {
        letter-spacing: 15px;
        font-size: 30px
    }
}
@media all and (min-width: 63.75em) {
    .form__heading {
        float: left;
        max-width: 300px;
        margin-top: 9px;
        text-align: left;
        line-height: 40px
    }
}
@media all and (min-width: 85em) {
    .form__heading {
        max-width: initial;
        margin-top: 0;
        line-height: 100px
    }
}
.form__form {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 648px;
    min-height: 500px;
    padding: 60px 30px;
    -webkit-transition: height .3s;
    transition: height .3s;
    background: #fff url(../images/form-bg.png) center/contain no-repeat;
    box-shadow: 0 0 22.9px 6.1px rgba(99, 98, 98, .26)
}
@media all and (min-width: 63.75em) {
    .form__form {
        float: right;
        margin-top: -100px
    }
}
.form__close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 22px;
    height: 22px;
    cursor: pointer;
    -webkit-transition: color .3s;
    transition: color .3s;
    border: none;
    background: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23000000\" x=\"0px\" y=\"0px\" viewBox=\"596 -596 1792 1792\" style=\"enable-background:new 596 -596 1792 1792;\"><path d=\"M2058,594l-294-294L2058,6c18.7-18.7,28-41.3,28-68s-9.3-49.3-28-68l-136-136c-18.7-18.7-41.3-28-68-28s-49.3,9.3-68,28L1492,28l-294-294c-18.7-18.7-41.3-28-68-28s-49.3,9.3-68,28L926-130c-18.7,18.7-28,41.3-28,68s9.3,49.3,28,68l294,294L926,594c-18.7,18.7-28,41.3-28,68s9.3,49.3,28,68l136,136c18.7,18.7,41.3,28,68,28s49.3-9.3,68-28l294-294l294,294c18.7,18.7,41.3,28,68,28s49.3-9.3,68-28l136-136c18.7-18.7,28-41.3,28-68S2076.7,612.7,2058,594z\"/></svg>") no-repeat
}
.form__close:hover {
    background: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23ff0000\" x=\"0px\" y=\"0px\" viewBox=\"596 -596 1792 1792\" style=\"enable-background:new 596 -596 1792 1792;\"><path d=\"M2058,594l-294-294L2058,6c18.7-18.7,28-41.3,28-68s-9.3-49.3-28-68l-136-136c-18.7-18.7-41.3-28-68-28s-49.3,9.3-68,28L1492,28l-294-294c-18.7-18.7-41.3-28-68-28s-49.3,9.3-68,28L926-130c-18.7,18.7-28,41.3-28,68s9.3,49.3,28,68l294,294L926,594c-18.7,18.7-28,41.3-28,68s9.3,49.3,28,68l136,136c18.7,18.7,41.3,28,68,28s49.3-9.3,68-28l294-294l294,294c18.7,18.7,41.3,28,68,28s49.3-9.3,68-28l136-136c18.7-18.7,28-41.3,28-68S2076.7,612.7,2058,594z\"/></svg>") no-repeat
}
.form__data {
    margin-bottom: 50px;
    text-align: left;
    font-size: 18px;
    font-weight: 600
}
.form__success {
    display: none;
    margin-bottom: 38px;
    font-size: 18px;
    font-weight: 600
}
.form__list {
    overflow: auto;
    max-height: 200px;
    margin-bottom: 38px;
    text-align: left;
    font-size: 18px;
    line-height: 24px
}
.form__list span {
    float: right
}
.form__list::-webkit-scrollbar {
    width: 6px;
    height: 6px
}
.form__list::-webkit-scrollbar-track {
    border-radius: 10px
}
.form__list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(204, 204, 204, .8)
}
.form__list::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(204, 204, 204, .8)
}
body:after {
    content: url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);
    display: none
}
body.lb-disable-scrolling {
    overflow: hidden
}
.lightboxOverlay {
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
    display: none;
    opacity: .8;
    background-color: black;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80)
}
.lightbox {
    position: absolute;
    z-index: 10000;
    left: 0;
    width: 100%;
    text-align: center;
    font-weight: 400;
    line-height: 0
}
.lightbox .lb-image {
    display: block;
    max-width: inherit;
    height: auto;
    max-height: none;
    border: 4px solid white;
    border-radius: 3px
}
.lightbox a img {
    border: none
}
.lb-outerContainer {
    position: relative;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    border-radius: 4px;
    background-color: white;
    *zoom: 1
}
.lb-outerContainer:after {
    content: "";
    display: table;
    clear: both
}
.lb-loader {
    position: absolute;
    top: 43%;
    left: 0;
    width: 100%;
    height: 25%;
    text-align: center;
    line-height: 0
}
.lb-cancel {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
    background: url(../images/loading.gif) no-repeat
}
.lb-nav {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.lb-container>.nav {
    left: 0
}
.lb-nav a {
    outline: none;
    background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)
}
.lb-prev,
.lb-next {
    display: block;
    height: 100%;
    cursor: pointer
}
.lb-nav a.lb-prev {
    left: 0;
    float: left;
    width: 34%;
    -webkit-transition: opacity .6s;
    transition: opacity .6s;
    opacity: 0;
    background: url(../images/prev.png) left 48% no-repeat;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0)
}
.lb-nav a.lb-prev:hover {
    opacity: 1;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.lb-nav a.lb-next {
    right: 0;
    float: right;
    width: 64%;
    -webkit-transition: opacity .6s;
    transition: opacity .6s;
    opacity: 0;
    background: url(../images/next.png) right 48% no-repeat;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0)
}
.lb-nav a.lb-next:hover {
    opacity: 1;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.lb-dataContainer {
    width: 100%;
    margin: 0 auto;
    padding-top: 5px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    *zoom: 1
}
.lb-dataContainer:after {
    content: "";
    display: table;
    clear: both
}
.lb-data {
    padding: 0 4px;
    color: #ccc
}
.lb-data .lb-details {
    float: left;
    width: 85%;
    text-align: left;
    line-height: 1.1em
}
.lb-data .lb-caption {
    font-size: 13px;
    font-weight: 700;
    line-height: 1em
}
.lb-data .lb-caption a {
    color: #4ae
}
.lb-data .lb-number {
    display: block;
    clear: left;
    padding-bottom: 1em;
    font-size: 12px;
    color: #999
}
.lb-data .lb-close {
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    text-align: right;
    opacity: .7;
    outline: none;
    background: url(../images/close.png) top right no-repeat;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70)
}
.lb-data .lb-close:hover {
    cursor: pointer;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100)
}
.goods {
    display: inline-block;
    width: 100%
}
.goods__info {
    display: inline-block;
    width: 100%;
    margin-bottom: 60px
}
.goods__info .g-heading {
    margin-bottom: 20px
}
.goods__wrap {
    display: inline-block;
    width: 100%
}
.categories {
    display: inline-block;
    width: 100%
}
.categories--kupit {
    margin: 45px 0 42px
}
.categories__wrap {
    display: inline-block;
    width: 100%
}
@media all and (min-width: 47.5em) {
    .categories__wrap {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        max-width: 690px;
        margin: auto;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        justify-content: space-between;
        -ms-flex-align: baseline;
        -webkit-box-align: baseline;
        align-items: baseline
    }
}
@media all and (min-width: 63.75em) {
    .categories__wrap {
        max-width: 960px
    }
}
.categories__item {
    position: relative;
    display: inline-block;
    width: 266px;
    height: 196px;
    margin: 24px 0 29px 24px;
    padding: 20px;
    text-align: left;
    background: #fff;
    box-shadow: 0 0 22.9px 6.1px rgba(99, 98, 98, .26)
}
.categories__item:last-of-type {
    margin-bottom: 0
}
.categories__item:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -24px;
    left: -24px;
    width: 100%;
    height: 100%;
    background: red
}
.categories__item:after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: -9px;
    width: 77px;
    height: 87px;
    -webkit-transform: scale(.85);
    transform: scale(.85);
    background-image: url(../images/sprite.png);
    background-position: 0 0
}
@media all and (min-width: 30em) {
    .categories__item {
        width: 360px;
        height: 246px;
        margin: 30px 0 40px 30px;
        padding: 30px 25px
    }
    .categories__item:before {
        top: -30px;
        left: -30px
    }
    .categories__item:after {
        bottom: 0;
        left: 0;
        -webkit-transform: none;
        transform: none
    }
}
@media all and (min-width: 47.5em) {
    .categories__item {
        width: 266px;
        height: 196px;
        margin: 24px 0 29px 24px;
        padding: 20px
    }
    .categories__item:before {
        top: -24px;
        left: -24px
    }
    .categories__item:after {
        bottom: -6px;
        left: -9px;
        -webkit-transform: scale(.85);
        transform: scale(.85)
    }
    .categories__item:nth-last-of-type(-n+2) {
        margin-bottom: 0
    }
}
@media all and (min-width: 63.75em) {
    .categories__item {
        width: 360px;
        height: 246px;
        margin: 30px 0 40px 30px;
        padding: 30px 25px
    }
    .categories__item:before {
        top: -30px;
        left: -30px
    }
    .categories__item:after {
        bottom: 0;
        left: 0;
        -webkit-transform: none;
        transform: none
    }
}
.categories__name {
    text-transform: uppercase;
    font-size: 16px;
    color: #000
}
.categories__name span {
    font-weight: 600
}
@media all and (min-width: 30em) {
    .categories__name {
        font-size: 18px
    }
}
@media all and (min-width: 47.5em) {
    .categories__name {
        font-size: 16px
    }
}
@media all and (min-width: 63.75em) {
    .categories__name {
        font-size: 18px
    }
}
.categories__img {
    position: absolute;
    right: 20px;
    bottom: 15px;
    width: 138px;
    height: 115px
}
.categories__img img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
@media all and (min-width: 30em) {
    .categories__img {
        right: 30px;
        width: 195px;
        height: 160px
    }
}
@media all and (min-width: 47.5em) {
    .categories__img {
        right: 20px;
        width: 138px;
        height: 115px
    }
}
@media all and (min-width: 63.75em) {
    .categories__img {
        right: 30px;
        width: 195px;
        height: 160px
    }
}
div.fancy-select {
    position: relative;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    color: #46565d
}
div.fancy-select.disabled {
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}
div.fancy-select select:focus+div.trigger {
    box-shadow: 0 0 0 2px #4b5468
}
div.fancy-select select:focus+div.trigger.open {
    box-shadow: none
}
div.fancy-select div.trigger {
    position: relative;
    overflow: hidden;
    width: 200px;
    padding: 10px 24px 9px 9px;
    cursor: pointer;
    -webkit-transition: all 240ms ease-out;
    transition: all 240ms ease-out;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #4b5468;
    border: 1px solid #99a5be;
    border-top-color: #a5b2cb;
    border-radius: 4px;
    background: #99a5be;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}
div.fancy-select div.trigger:after {
    content: "";
    position: absolute;
    top: 20px;
    right: 9px;
    display: block;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #4b5468
}
div.fancy-select div.trigger.open {
    color: #7a8498;
    border: 1px solid #475062;
    background: #4a5368;
    box-shadow: none
}
div.fancy-select div.trigger.open:after {
    border-top-color: #7a8498
}
div.fancy-select ul.options {
    position: absolute;
    z-index: 50;
    top: 40px;
    left: 0;
    visibility: hidden;
    overflow: auto;
    min-width: 200px;
    max-height: 200px;
    margin: 0;
    list-style: none;
    -webkit-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
    transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
    opacity: 0;
    border-top: 1px solid #7dd8d2;
    border-radius: 4px;
    background: #62c8bf;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
div.fancy-select ul.options.open {
    top: 50px;
    visibility: visible;
    -webkit-transition: opacity 300ms ease-out, top 300ms ease-out;
    transition: opacity 300ms ease-out, top 300ms ease-out;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
div.fancy-select ul.options.overflowing {
    top: auto;
    bottom: 40px;
    -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out;
    transition: opacity 300ms ease-out, bottom 300ms ease-out, visibility 300ms ease-out
}
div.fancy-select ul.options.overflowing.open {
    top: auto;
    bottom: 50px;
    -webkit-transition: opacity 300ms ease-out, bottom 300ms ease-out;
    transition: opacity 300ms ease-out, bottom 300ms ease-out
}
div.fancy-select ul.options li {
    padding: 8px 12px;
    cursor: pointer;
    -webkit-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
    white-space: nowrap;
    color: #2b8686
}
div.fancy-select ul.options li.selected {
    color: rgba(255, 255, 255, .75);
    background: rgba(43, 134, 134, .3)
}
div.fancy-select ul.options li.hover {
    color: #fff
}
.about {
    display: inline-block;
    width: 100%;
    margin-top: 45px
}
.offer {
    display: inline-block;
    width: 100%
}
.offer__info {
    display: inline-block;
    width: 100%;
    margin-bottom: 26px
}
.offer__item {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 27px;
    border-bottom: 3px solid #000
}
.offer__item:last-of-type {
    margin-bottom: 0
}
.offer__item .g-text {
    margin-bottom: 24px
}
@media all and (min-width: 47.5em) {
    .offer__item {
        position: relative;
        z-index: 1;
        overflow: hidden;
        padding-bottom: 44px;
        border-bottom: none
    }
    .offer__item:after {
        content: "";
        position: absolute;
        z-index: -1;
        bottom: 0;
        width: 100%;
        height: 65px;
        border-bottom: 3px solid #000
    }
    .offer__item:nth-of-type(odd):after {
        left: 0;
        border-right: 3px solid #000;
        background: url(../images/offer-icon-left.png) right bottom no-repeat
    }
    .offer__item:nth-of-type(even):after {
        right: 0;
        border-left: 3px solid #000;
        background: url(../images/offer-icon-right.png) left bottom no-repeat
    }
}
@media all and (min-width: 85em) {
    .offer__item {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        overflow: inherit;
        margin-bottom: 70px;
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center;
        -ms-flex-align: end;
        -webkit-box-align: end;
        align-items: flex-end
    }
    .offer__item:last-of-type {
        margin-bottom: 0
    }
    .offer__item:nth-of-type(odd) {
        flex-direction: row-reverse;
        text-align: left;
        -ms-flex-direction: row-reverse;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse
    }
    .offer__item:nth-of-type(odd):after {
        left: calc(-100% + 500px)
    }
    .offer__item:nth-of-type(even) {
        text-align: right
    }
    .offer__item:nth-of-type(even):after {
        right: calc(-100% + 500px)
    }
}
.offer__img {
    display: inline-block;
    max-width: 610px;
    margin-bottom: 30px;
    box-shadow: 0 0 22.9px 6.1px rgba(99, 98, 98, .26)
}
.offer__img img {
    float: left;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}
@media all and (min-width: 47.5em) {
    .offer__img {
        position: relative;
        z-index: 1;
        margin-bottom: 85px
    }
    .offer__img:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 58px;
        width: 397px;
        height: 285px;
        background: red;
        box-shadow: 0 0 22.9px 6.1px rgba(99, 98, 98, .26)
    }
    .offer__img:after {
        content: "";
        position: absolute;
        z-index: -1;
        top: 160px;
        width: 766px;
        height: 80px;
        background: #e5e5e5
    }
}
@media all and (min-width: 85em) {
    .offer__img {
        width: 100%;
        max-width: 610px;
        margin-bottom: 4px
    }
    .offer__img:after {
        content: "";
        width: 1000rem
    }
}
@media all and (min-width: 47.5em) {
    .offer__item:nth-of-type(odd) .offer__img {
        margin-right: -107px
    }
    .offer__item:nth-of-type(odd) .offer__img:before,
    .offer__item:nth-of-type(odd) .offer__img:after {
        left: -107px
    }
    .offer__item:nth-of-type(even) .offer__img {
        margin-left: -107px
    }
    .offer__item:nth-of-type(even) .offer__img:before,
    .offer__item:nth-of-type(even) .offer__img:after {
        right: -107px
    }
}
@media all and (min-width: 85em) {
    .offer__item:nth-of-type(odd) .offer__img {
        margin-right: 0;
        margin-left: 135px
    }
    .offer__item:nth-of-type(even) .offer__img {
        margin-right: 135px;
        margin-left: 0
    }
}
.offer__details {
    display: inline-block;
    width: 100%
}
@media all and (min-width: 85em) {
    .offer__details {
        width: 500px
    }
}
.offer__heading {
    position: relative;
    margin-bottom: 30px;
    text-align: left;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px
}
.offer__heading:after {
    content: "";
    display: block;
    width: 182px;
    height: 3px;
    margin-top: 26px;
    background: #0054a6
}
@media all and (min-width: 30em) {
    .offer__heading {
        font-size: 22px
    }
    .offer__heading:after {
        margin-top: 29px
    }
}
.contacts {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 35px
}
.contacts__address {
    display: inline-block;
    width: 100%;
    text-align: left
}
@media all and (min-width: 63.75em) {
    .contacts__address {
        position: absolute;
        top: 290px;
        left: 50%;
        max-width: 1280px;
        margin-bottom: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}
.contacts__address-line {
    font-size: 14px;
    font-weight: 400;
    line-height: 27px
}
.contacts__address-line span {
    display: inline-block;
    width: 75px;
    color: red
}
.contacts__address-line:last-of-type {
    margin-top: 15px
}
@media all and (min-width: 47.5em) {
    .contacts__address-line {
        font-size: 16px
    }
    .contacts__address-line span {
        width: 82px
    }
}
@media all and (min-width: 63.75em) {
    .contacts__address-line {
        width: 350px
    }
}
@media all and (min-width: 85em) {
    .contacts__address-line {
        width: 500px
    }
}
.contacts__map {
    display: inline-block;
    width: 100%;
    margin-top: 30px
}
@media all and (min-width: 30em) {
    .contacts__map {
        max-width: 1280px;
        margin-top: 55px;
        padding: 0 15px
    }
}
.info {
    display: inline-block;
    width: 100%;
    margin-bottom: 54px
}
@media all and (min-width: 63.75em) {
    .info {
        margin-bottom: 114px
    }
}
@media all and (min-width: 85em) {
    .info {
        margin-bottom: 247px
    }
}
.info__img {
    display: inline-block;
    width: 100%;
    max-width: 393px;
    margin-bottom: 47px
}
.info__img img {
    float: left;
    width: 100%;
    height: auto
}
@media all and (min-width: 63.75em) {
    .info__img {
        float: left;
        margin-right: 30px
    }
}
.info__calc {
    display: inline-block;
    width: 100%;
    max-width: 393px;
    height: 50px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    line-height: 50px;
    color: #fff;
    background: red
}
@media all and (min-width: 30em) {
    .info__calc {
        height: 76px;
        line-height: 76px
    }
}
.info__calc:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-bottom: -2px;
    margin-left: 17px;
    vertical-align: baseline;
    background: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23ffffff\" x=\"0px\" y=\"0px\" viewBox=\"596 -596 1792 1792\" style=\"enable-background:new 596 -596 1792 1792;\"><path d=\"M1006.5,1030.5c-25,25-55.2,37.5-90.5,37.5s-65.5-12.5-90.5-37.5S788,975.3,788,940s12.5-65.5,37.5-90.5S880.7,812,916,812s65.5,12.5,90.5,37.5s37.5,55.2,37.5,90.5S1031.5,1005.5,1006.5,1030.5z M1390.5,1030.5c-25,25-55.2,37.5-90.5,37.5c-35.3,0-65.5-12.5-90.5-37.5S1172,975.3,1172,940s12.5-65.5,37.5-90.5s55.2-37.5,90.5-37.5c35.3,0,65.5,12.5,90.5,37.5s37.5,55.2,37.5,90.5S1415.5,1005.5,1390.5,1030.5z M1006.5,646.5c-25,25-55.2,37.5-90.5,37.5s-65.5-12.5-90.5-37.5S788,591.3,788,556c0-35.3,12.5-65.5,37.5-90.5S880.7,428,916,428s65.5,12.5,90.5,37.5s37.5,55.2,37.5,90.5C1044,591.3,1031.5,621.5,1006.5,646.5z M1774.5,1030.5c-25,25-55.2,37.5-90.5,37.5s-65.5-12.5-90.5-37.5S1556,975.3,1556,940s12.5-65.5,37.5-90.5s55.2-37.5,90.5-37.5s65.5,12.5,90.5,37.5s37.5,55.2,37.5,90.5S1799.5,1005.5,1774.5,1030.5z M1390.5,646.5c-25,25-55.2,37.5-90.5,37.5c-35.3,0-65.5-12.5-90.5-37.5S1172,591.3,1172,556c0-35.3,12.5-65.5,37.5-90.5s55.2-37.5,90.5-37.5c35.3,0,65.5,12.5,90.5,37.5s37.5,55.2,37.5,90.5C1428,591.3,1415.5,621.5,1390.5,646.5z M1006.5,262.5c-25,25-55.2,37.5-90.5,37.5c-35.3,0-65.5-12.5-90.5-37.5S788,207.3,788,172s12.5-65.5,37.5-90.5S880.7,44,916,44c35.3,0,65.5,12.5,90.5,37.5s37.5,55.2,37.5,90.5S1031.5,237.5,1006.5,262.5z M1774.5,646.5c-25,25-55.2,37.5-90.5,37.5s-65.5-12.5-90.5-37.5S1556,591.3,1556,556c0-35.3,12.5-65.5,37.5-90.5s55.2-37.5,90.5-37.5s65.5,12.5,90.5,37.5s37.5,55.2,37.5,90.5C1812,591.3,1799.5,621.5,1774.5,646.5z M1390.5,262.5c-25,25-55.2,37.5-90.5,37.5s-65.5-12.5-90.5-37.5S1172,207.3,1172,172s12.5-65.5,37.5-90.5S1264.7,44,1300,44c35.3,0,65.5,12.5,90.5,37.5s37.5,55.2,37.5,90.5S1415.5,237.5,1390.5,262.5z M2158,1030c-25.3,25.3-55.3,38-90,38c-34.7,0-64.7-12.7-90-38c-25.3-25.3-38-55.3-38-90V556c0-34.7,12.7-64.7,38-90s55.3-38,90-38c34.7,0,64.7,12.7,90,38c25.3,25.3,38,55.3,38,90v384C2196,974.7,2183.3,1004.7,2158,1030z M1774.5,262.5c-25,25-55.2,37.5-90.5,37.5c-35.3,0-65.5-12.5-90.5-37.5S1556,207.3,1556,172s12.5-65.5,37.5-90.5S1648.7,44,1684,44c35.3,0,65.5,12.5,90.5,37.5s37.5,55.2,37.5,90.5S1799.5,237.5,1774.5,262.5z M2177-103c-12.7,12.7-27.7,19-45,19H852c-17.3,0-32.3-6.3-45-19s-19-27.7-19-45v-256c0-17.3,6.3-32.3,19-45s27.7-19,45-19h1280c17.3,0,32.3,6.3,45,19c12.7,12.7,19,27.7,19,45v256C2196-130.7,2189.7-115.7,2177-103z M2158.5,262.5c-25,25-55.2,37.5-90.5,37.5c-35.3,0-65.5-12.5-90.5-37.5S1940,207.3,1940,172s12.5-65.5,37.5-90.5S2032.7,44,2068,44c35.3,0,65.5,12.5,90.5,37.5s37.5,55.2,37.5,90.5S2183.5,237.5,2158.5,262.5z M2286-558c-25.3-25.3-55.3-38-90-38H788c-34.7,0-64.7,12.7-90,38s-38,55.3-38,90v1536c0,34.7,12.7,64.7,38,90s55.3,38,90,38h1408c34.7,0,64.7-12.7,90-38c25.3-25.3,38-55.3,38-90V-468C2324-502.7,2311.3-532.7,2286-558z\"/></svg>") no-repeat
}
@media all and (min-width: 63.75em) {
    .info__descr {
        display: table
    }
}
.features {
    display: inline-block;
    float: left;
    width: 100%;
    margin-bottom: 82px
}
@media all and (min-width: 30em) {
    .features {
        position: relative;
        height: auto
    }
}
@media all and (min-width: 47.5em) {
    .features {
        margin-bottom: 97px
    }
}
@media all and (min-width: 63.75em) {
    .features {
        height: auto
    }
}
@media all and (min-width: 85em) {
    .features {
        height: auto;
        margin-bottom: 97px;
    }
}
.features__container {
    position: relative
}
.features__tabs {
    display: inline-block;
    width: 100%;
    height: 75px;
    margin-bottom: 28px;
    background: red;
    box-shadow: 0 0 22.9px 6.1px rgba(0, 0, 0, .26)
}
@media all and (min-width: 30em) {
    .features__tabs {
        position: absolute;
        z-index: 5;
        top: -11px;
        right: 15px;
        width: 75px;
        height: initial;
        padding: 26px 0
    }
}
@media all and (min-width: 63.75em) {
    .features__tabs {
        top: -58px;
        right: -270px;
        width: 540px;
        height: 540px;
        border: 100px solid red;
        border-radius: 50%;
        background: url(../images/signal.png) center 45px/contain no-repeat;
        box-shadow: 0 0 22.9px 6.1px rgba(0, 0, 0, .26), inset 0 0 22.9px 6.1px rgba(0, 0, 0, .26)
    }
}
@media all and (min-width: 85em) {
    .features__tabs {
        top: -152px;
        right: -637px;
        width: 740px;
        height: 740px
    }
}
.features__tabs-item {
    position: relative;
    float: left;
    width: 25%;
    height: 75px;
    cursor: pointer
}
@media all and (min-width: 30em) {
    .features__tabs-item {
        width: 100%;
        height: 81px
    }
}
@media all and (min-width: 63.75em) {
    .features__tabs-item {
        position: absolute;
        width: initial;
        height: initial
    }
    .features__tabs-item:nth-of-type(1) {
        top: 19px;
        left: 5px
    }
    .features__tabs-item:nth-of-type(2) {
        top: 120px;
        left: -42px
    }
    .features__tabs-item:nth-of-type(3) {
        top: 213px;
        left: -35px
    }
    .features__tabs-item:nth-of-type(4) {
        top: 307px;
        left: 5px
    }
}
@media all and (min-width: 85em) {
    .features__tabs-item:nth-of-type(1) {
        top: 90px;
        left: 5px
    }
    .features__tabs-item:nth-of-type(2) {
        top: 208px;
        left: -42px
    }
    .features__tabs-item:nth-of-type(3) {
        top: 334px;
        left: -41px
    }
    .features__tabs-item:nth-of-type(4) {
        top: 445px;
        left: 5px
    }
}
.features__tabs-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    width: 36px;
    height: 36px;
    -webkit-transition: background .3s;
    transition: background .3s;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.features__tabs-icon--install {
    background: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23af0000\" x=\"0px\" y=\"0px\" viewBox=\"596 -596 1792 1792\" style=\"enable-background:new 596 -596 1792 1792;\"><path d=\"M1015.5,867.5c-12.7,12.7-27.7,19-45,19c-17.3,0-32.3-6.3-45-19c-12.7-12.7-19-27.7-19-45s6.3-32.3,19-45c12.7-12.7,27.7-19,45-19c17.3,0,32.3,6.3,45,19c12.7,12.7,19,27.7,19,45S1028.2,854.8,1015.5,867.5z M1505,288c-50.3-50.3-88.5-108.2-114.5-173.5l-681,681c-25.3,25.3-38,55.7-38,91c0,36,12.7,66,38,90l106,108c26,24.7,56.3,37,91,37c35.3,0,65.3-12.3,90-37l682-682C1613.2,376.5,1555.3,338.3,1505,288z M2304-57.5c-5.7-6.7-13.5-10-23.5-10c-6,0-29.5,11.8-70.5,35.5s-86.2,50.7-135.5,81c-49.3,30.3-75.7,46.5-79,48.5l-193-107v-224l293-169c10.7-7.3,16-16.7,16-28s-5.3-20.7-16-28c-29.3-20-65.2-35.5-107.5-46.5s-82.8-16.5-121.5-16.5c-123.3,0-228.8,43.8-316.5,131.5c-87.7,87.7-131.5,193.2-131.5,316.5S1462.3,155.3,1550,243c87.7,87.7,193.2,131.5,316.5,131.5c94,0,180.2-27.8,258.5-83.5c78.3-55.7,133.2-128.2,164.5-217.5c15.3-44.7,23-80,23-106C2312.5-42.5,2309.7-50.8,2304-57.5z\"/></svg>") no-repeat
}
@media all and (min-width: 47.5em) {
    .features__tabs-icon--install:hover {
        background: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23ffffff\" x=\"0px\" y=\"0px\" viewBox=\"596 -596 1792 1792\" style=\"enable-background:new 596 -596 1792 1792;\"><path d=\"M1015.5,867.5c-12.7,12.7-27.7,19-45,19c-17.3,0-32.3-6.3-45-19c-12.7-12.7-19-27.7-19-45s6.3-32.3,19-45c12.7-12.7,27.7-19,45-19c17.3,0,32.3,6.3,45,19c12.7,12.7,19,27.7,19,45S1028.2,854.8,1015.5,867.5z M1505,288c-50.3-50.3-88.5-108.2-114.5-173.5l-681,681c-25.3,25.3-38,55.7-38,91c0,36,12.7,66,38,90l106,108c26,24.7,56.3,37,91,37c35.3,0,65.3-12.3,90-37l682-682C1613.2,376.5,1555.3,338.3,1505,288z M2304-57.5c-5.7-6.7-13.5-10-23.5-10c-6,0-29.5,11.8-70.5,35.5s-86.2,50.7-135.5,81c-49.3,30.3-75.7,46.5-79,48.5l-193-107v-224l293-169c10.7-7.3,16-16.7,16-28s-5.3-20.7-16-28c-29.3-20-65.2-35.5-107.5-46.5s-82.8-16.5-121.5-16.5c-123.3,0-228.8,43.8-316.5,131.5c-87.7,87.7-131.5,193.2-131.5,316.5S1462.3,155.3,1550,243c87.7,87.7,193.2,131.5,316.5,131.5c94,0,180.2-27.8,258.5-83.5c78.3-55.7,133.2-128.2,164.5-217.5c15.3-44.7,23-80,23-106C2312.5-42.5,2309.7-50.8,2304-57.5z\"/></svg>") no-repeat
    }
}
.features__tabs-icon--setup {
    background: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23af0000\" x=\"0px\" y=\"0px\" viewBox=\"596 -596 1792 1792\" style=\"enable-background:new 596 -596 1792 1792;\"><path d=\"M1353,480.5c-50,50-110.3,75-181,75c-70.7,0-131-25-181-75s-75-110.3-75-181s25-131,75-181s110.3-75,181-75c70.7,0,131,25,181,75s75,110.3,75,181S1403,430.5,1353,480.5z M2158.5,902c-25,25-55.2,37.5-90.5,37.5c-35.3,0-65.5-12.5-90.5-37.5s-37.5-55.2-37.5-90.5c0-34.7,12.7-64.7,38-90s55.3-38,90-38c34.7,0,64.7,12.7,90,38c25.3,25.3,38,55.3,38,90C2196,846.8,2183.5,877,2158.5,902z M2158.5-122c-25,25-55.2,37.5-90.5,37.5c-35.3,0-65.5-12.5-90.5-37.5s-37.5-55.2-37.5-90.5c0-34.7,12.7-64.7,38-90s55.3-38,90-38c34.7,0,64.7,12.7,90,38c25.3,25.3,38,55.3,38,90C2196-177.2,2183.5-147,2158.5-122zM1805,189c-4.7-5.7-10.3-9.2-17-10.5l-152-23c-7.3-22.7-18.7-50-34-82c10-14.7,25-34.7,45-60s34-43.3,42-54c4.7-6.7,7-13,7-19c0-18-48-71.3-144-160c-6.7-5.3-13.7-8-21-8c-8,0-14.7,2.3-20,7l-118,89c-27.3-14-52.3-24.3-75-31l-23-153c-0.7-6.7-4-12.5-10-17.5s-12.7-7.5-20-7.5h-186c-15.3,0-25.3,8-30,24c-8,30.7-15.7,82-23,154c-28.7,9.3-54.3,20-77,32l-115-90c-6.7-4.7-13.7-7-21-7c-12.7,0-39,19.7-79,59s-67.3,69-82,89c-4.7,5.3-7,12-7,20c0,6,2.3,12.7,7,20c37.3,44.7,67.3,83,90,115c-14,27.3-24.7,52.7-32,76l-155,24c-6,.7-11.3,4.2-16,10.5s-7,12.8-7,19.5v185c0,7.3,2.3,13.8,7,19.5s10.3,8.8,17,9.5l152,24c8,25.3,19.7,52.7,35,82c-10.7,14.7-26.3,35-47,61s-34.3,43.7-41,53c-4.7,6.7-7,13-7,19c0,18,48,71.3,144,160c6.7,5.3,13.7,8,21,8c8.7,0,15.3-2.3,20-7l118-89c27.3,14,52.3,24.3,75,31l23,153c0.7,6.7,4,12.5,10,17.5s12.7,7.5,20,7.5h186c15.3,0,25.3-8,30-24c8-31.3,15.7-83,23-155c26.7-8,52.3-18.3,77-31l115,90c6.7,4.7,13.7,7,21,7c12.7,0,38.8-19.8,78.5-59.5s67.2-69.5,82.5-89.5c4.7-4.7,7-11,7-19c0-6.7-2.3-13.3-7-20c-37.3-44.7-67.3-83-90-115c14-27.3,24.7-52.7,32-76l155-24c6-0.7,11.3-4.2,16-10.5s7-12.8,7-19.5v-185C1812,201.2,1809.7,194.7,1805,189z M2303,710.5c-8.7-19.3-18.7-36.7-30-52c34-75.3,51-121.3,51-138c0-2.7-1.3-5-4-7c-80-46.7-121.3-70-124-70l-6,2c-27.3,27.3-58,64.7-92,112c-13.3-1.3-23.3-2-30-2c-6.7,0-16.7,.7-30,2c-9.3-14-26.7-36.5-52-67.5s-40.7-46.5-46-46.5c-1.3,0-11.3,5.3-30,16s-38.3,22-59,34s-32.3,18.7-35,20c-2.7,2-4,4.3-4,7c0,16.7,17,62.7,51,138c-11.3,15.3-21.3,32.7-30,52c-99.3,10-149,20.3-149,31v140c0,10.7,49.7,21,149,31c8,18,18,35.3,30,52c-34,75.3-51,121.3-51,138c0,2.7,1.3,5,4,7c81.3,47.3,122.7,71,124,71c5.3,0,20.7-15.7,46-47s42.7-54,52-68c13.3,1.3,23.3,2,30,2c6.7,0,16.7-0.7,30-2c9.3,14,26.7,36.7,52,68c25.3,31.3,40.7,47,46,47c1.3,0,42.7-23.7,124-71c2.7-2,4-4.3,4-7c0-16.7-17-62.7-51-138c12-16.7,22-34,30-52c99.3-10,149-20.3,149-31v-140C2452,730.8,2402.3,720.5,2303,710.5z M2303-313.5c-8.7-19.3-18.7-36.7-30-52c34-75.3,51-121.3,51-138c0-2.7-1.3-5-4-7c-80-46.7-121.3-70-124-70l-6,2c-27.3,27.3-58,64.7-92,112c-13.3-1.3-23.3-2-30-2c-6.7,0-16.7,.7-30,2c-9.3-14-26.7-36.5-52-67.5s-40.7-46.5-46-46.5c-1.3,0-11.3,5.3-30,16s-38.3,22-59,34s-32.3,18.7-35,20c-2.7,2-4,4.3-4,7c0,16.7,17,62.7,51,138c-11.3,15.3-21.3,32.7-30,52c-99.3,10-149,20.3-149,31v140c0,10.7,49.7,21,149,31c8,18,18,35.3,30,52c-34,75.3-51,121.3-51,138c0,2.7,1.3,5,4,7c81.3,47.3,122.7,71,124,71c5.3,0,20.7-15.7,46-47s42.7-54,52-68c13.3,1.3,23.3,2,30,2c6.7,0,16.7-0.7,30-2c9.3,14,26.7,36.7,52,68c25.3,31.3,40.7,47,46,47c1.3,0,42.7-23.7,124-71c2.7-2,4-4.3,4-7c0-16.7-17-62.7-51-138c12-16.7,22-34,30-52c99.3-10,149-20.3,149-31v-140C2452-293.2,2402.3-303.5,2303-313.5z\"/></svg>") no-repeat
}
@media all and (min-width: 47.5em) {
    .features__tabs-icon--setup:hover {
        background: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23ffffff\" x=\"0px\" y=\"0px\" viewBox=\"596 -596 1792 1792\" style=\"enable-background:new 596 -596 1792 1792;\"><path d=\"M1353,480.5c-50,50-110.3,75-181,75c-70.7,0-131-25-181-75s-75-110.3-75-181s25-131,75-181s110.3-75,181-75c70.7,0,131,25,181,75s75,110.3,75,181S1403,430.5,1353,480.5z M2158.5,902c-25,25-55.2,37.5-90.5,37.5c-35.3,0-65.5-12.5-90.5-37.5s-37.5-55.2-37.5-90.5c0-34.7,12.7-64.7,38-90s55.3-38,90-38c34.7,0,64.7,12.7,90,38c25.3,25.3,38,55.3,38,90C2196,846.8,2183.5,877,2158.5,902z M2158.5-122c-25,25-55.2,37.5-90.5,37.5c-35.3,0-65.5-12.5-90.5-37.5s-37.5-55.2-37.5-90.5c0-34.7,12.7-64.7,38-90s55.3-38,90-38c34.7,0,64.7,12.7,90,38c25.3,25.3,38,55.3,38,90C2196-177.2,2183.5-147,2158.5-122zM1805,189c-4.7-5.7-10.3-9.2-17-10.5l-152-23c-7.3-22.7-18.7-50-34-82c10-14.7,25-34.7,45-60s34-43.3,42-54c4.7-6.7,7-13,7-19c0-18-48-71.3-144-160c-6.7-5.3-13.7-8-21-8c-8,0-14.7,2.3-20,7l-118,89c-27.3-14-52.3-24.3-75-31l-23-153c-0.7-6.7-4-12.5-10-17.5s-12.7-7.5-20-7.5h-186c-15.3,0-25.3,8-30,24c-8,30.7-15.7,82-23,154c-28.7,9.3-54.3,20-77,32l-115-90c-6.7-4.7-13.7-7-21-7c-12.7,0-39,19.7-79,59s-67.3,69-82,89c-4.7,5.3-7,12-7,20c0,6,2.3,12.7,7,20c37.3,44.7,67.3,83,90,115c-14,27.3-24.7,52.7-32,76l-155,24c-6,.7-11.3,4.2-16,10.5s-7,12.8-7,19.5v185c0,7.3,2.3,13.8,7,19.5s10.3,8.8,17,9.5l152,24c8,25.3,19.7,52.7,35,82c-10.7,14.7-26.3,35-47,61s-34.3,43.7-41,53c-4.7,6.7-7,13-7,19c0,18,48,71.3,144,160c6.7,5.3,13.7,8,21,8c8.7,0,15.3-2.3,20-7l118-89c27.3,14,52.3,24.3,75,31l23,153c0.7,6.7,4,12.5,10,17.5s12.7,7.5,20,7.5h186c15.3,0,25.3-8,30-24c8-31.3,15.7-83,23-155c26.7-8,52.3-18.3,77-31l115,90c6.7,4.7,13.7,7,21,7c12.7,0,38.8-19.8,78.5-59.5s67.2-69.5,82.5-89.5c4.7-4.7,7-11,7-19c0-6.7-2.3-13.3-7-20c-37.3-44.7-67.3-83-90-115c14-27.3,24.7-52.7,32-76l155-24c6-0.7,11.3-4.2,16-10.5s7-12.8,7-19.5v-185C1812,201.2,1809.7,194.7,1805,189z M2303,710.5c-8.7-19.3-18.7-36.7-30-52c34-75.3,51-121.3,51-138c0-2.7-1.3-5-4-7c-80-46.7-121.3-70-124-70l-6,2c-27.3,27.3-58,64.7-92,112c-13.3-1.3-23.3-2-30-2c-6.7,0-16.7,.7-30,2c-9.3-14-26.7-36.5-52-67.5s-40.7-46.5-46-46.5c-1.3,0-11.3,5.3-30,16s-38.3,22-59,34s-32.3,18.7-35,20c-2.7,2-4,4.3-4,7c0,16.7,17,62.7,51,138c-11.3,15.3-21.3,32.7-30,52c-99.3,10-149,20.3-149,31v140c0,10.7,49.7,21,149,31c8,18,18,35.3,30,52c-34,75.3-51,121.3-51,138c0,2.7,1.3,5,4,7c81.3,47.3,122.7,71,124,71c5.3,0,20.7-15.7,46-47s42.7-54,52-68c13.3,1.3,23.3,2,30,2c6.7,0,16.7-0.7,30-2c9.3,14,26.7,36.7,52,68c25.3,31.3,40.7,47,46,47c1.3,0,42.7-23.7,124-71c2.7-2,4-4.3,4-7c0-16.7-17-62.7-51-138c12-16.7,22-34,30-52c99.3-10,149-20.3,149-31v-140C2452,730.8,2402.3,720.5,2303,710.5z M2303-313.5c-8.7-19.3-18.7-36.7-30-52c34-75.3,51-121.3,51-138c0-2.7-1.3-5-4-7c-80-46.7-121.3-70-124-70l-6,2c-27.3,27.3-58,64.7-92,112c-13.3-1.3-23.3-2-30-2c-6.7,0-16.7,.7-30,2c-9.3-14-26.7-36.5-52-67.5s-40.7-46.5-46-46.5c-1.3,0-11.3,5.3-30,16s-38.3,22-59,34s-32.3,18.7-35,20c-2.7,2-4,4.3-4,7c0,16.7,17,62.7,51,138c-11.3,15.3-21.3,32.7-30,52c-99.3,10-149,20.3-149,31v140c0,10.7,49.7,21,149,31c8,18,18,35.3,30,52c-34,75.3-51,121.3-51,138c0,2.7,1.3,5,4,7c81.3,47.3,122.7,71,124,71c5.3,0,20.7-15.7,46-47s42.7-54,52-68c13.3,1.3,23.3,2,30,2c6.7,0,16.7-0.7,30-2c9.3,14,26.7,36.7,52,68c25.3,31.3,40.7,47,46,47c1.3,0,42.7-23.7,124-71c2.7-2,4-4.3,4-7c0-16.7-17-62.7-51-138c12-16.7,22-34,30-52c99.3-10,149-20.3,149-31v-140C2452-293.2,2402.3-303.5,2303-313.5z\"/></svg>") no-repeat
    }
}
.features__tabs-icon--buy {
    background: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23af0000\" x=\"0px\" y=\"0px\" viewBox=\"596 -596 1792 1792\" style=\"enable-background:new 596 -596 1792 1792;\"><path d=\"M1300,460h128V172h-2c-8.7,13.3-27,32.3-55,57l-77-80l148-137h114v448h128v96h-384V460z M1791,158c-14-48-33.8-92.7-59.5-134S1672-51,1630-77s-88-39-138-39s-96,13-138,39s-75.8,59.7-101.5,101c-25.7,41.3-45.5,86-59.5,134s-21,95.3-21,142s7,94,21,142s33.8,92.7,59.5,134c25.7,41.3,59.5,75,101.5,101s88,39,138,39s96-13,138-39s75.8-59.7,101.5-101c25.7-41.3,45.5-86,59.5-134s21-95.3,21-142S1805,206,1791,158z M2143,631c-50,50-75,110.3-75,181H916c0-70.7-25-131-75-181s-110.3-75-181-75V44c70.7,0,131-25,181-75s75-110.3,75-181h1152c0,70.7,25,131,75,181s110.3,75,181,75v512C2253.3,556,2193,581,2143,631z M2433-321c-12.7-12.7-27.7-19-45-19H596c-17.3,0-32.3,6.3-45,19s-19,27.7-19,45V876c0,17.3,6.3,32.3,19,45s27.7,19,45,19h1792c17.3,0,32.3-6.3,45-19c12.7-12.7,19-27.7,19-45V-276C2452-293.3,2445.7-308.3,2433-321z\"/></svg>") no-repeat
}
@media all and (min-width: 47.5em) {
    .features__tabs-icon--buy:hover {
        background: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23ffffff\" x=\"0px\" y=\"0px\" viewBox=\"596 -596 1792 1792\" style=\"enable-background:new 596 -596 1792 1792;\"><path d=\"M1300,460h128V172h-2c-8.7,13.3-27,32.3-55,57l-77-80l148-137h114v448h128v96h-384V460z M1791,158c-14-48-33.8-92.7-59.5-134S1672-51,1630-77s-88-39-138-39s-96,13-138,39s-75.8,59.7-101.5,101c-25.7,41.3-45.5,86-59.5,134s-21,95.3-21,142s7,94,21,142s33.8,92.7,59.5,134c25.7,41.3,59.5,75,101.5,101s88,39,138,39s96-13,138-39s75.8-59.7,101.5-101c25.7-41.3,45.5-86,59.5-134s21-95.3,21-142S1805,206,1791,158z M2143,631c-50,50-75,110.3-75,181H916c0-70.7-25-131-75-181s-110.3-75-181-75V44c70.7,0,131-25,181-75s75-110.3,75-181h1152c0,70.7,25,131,75,181s110.3,75,181,75v512C2253.3,556,2193,581,2143,631z M2433-321c-12.7-12.7-27.7-19-45-19H596c-17.3,0-32.3,6.3-45,19s-19,27.7-19,45V876c0,17.3,6.3,32.3,19,45s27.7,19,45,19h1792c17.3,0,32.3-6.3,45-19c12.7-12.7,19-27.7,19-45V-276C2452-293.3,2445.7-308.3,2433-321z\"/></svg>") no-repeat
    }
}
.features__tabs-icon--service {
    background: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23af0000\" x=\"0px\" y=\"0px\" viewBox=\"596 -596 1792 1792\" style=\"enable-background:new 596 -596 1792 1792;\"><path d=\"M2360,584c-18.7-18.7-41.3-28-68-28h-96V364c0-34.7-12.7-64.7-38-90c-25.3-25.3-55.3-38-90-38h-512V44h96c26.7,0,49.3-9.3,68-28s28-41.3,28-68v-320c0-26.7-9.3-49.3-28-68s-41.3-28-68-28h-320c-26.7,0-49.3,9.3-68,28c-18.7,18.7-28,41.3-28,68v320c0,26.7,9.3,49.3,28,68c18.7,18.7,41.3,28,68,28h96v192H916c-34.7,0-64.7,12.7-90,38s-38,55.3-38,90v192h-96c-26.7,0-49.3,9.3-68,28c-18.7,18.7-28,41.3-28,68v320c0,26.7,9.3,49.3,28,68c18.7,18.7,41.3,28,68,28h320c26.7,0,49.3-9.3,68-28c18.7-18.7,28-41.3,28-68V652c0-26.7-9.3-49.3-28-68c-18.7-18.7-41.3-28-68-28h-96V364h512v192h-96c-26.7,0-49.3,9.3-68,28c-18.7,18.7-28,41.3-28,68v320c0,26.7,9.3,49.3,28,68c18.7,18.7,41.3,28,68,28h320c26.7,0,49.3-9.3,68-28c18.7-18.7,28-41.3,28-68V652c0-26.7-9.3-49.3-28-68c-18.7-18.7-41.3-28-68-28h-96V364h512v192h-96c-26.7,0-49.3,9.3-68,28c-18.7,18.7-28,41.3-28,68v320c0,26.7,9.3,49.3,28,68c18.7,18.7,41.3,28,68,28h320c26.7,0,49.3-9.3,68-28c18.7-18.7,28-41.3,28-68V652C2388,625.3,2378.7,602.7,2360,584z\"/></svg>") no-repeat
}
@media all and (min-width: 47.5em) {
    .features__tabs-icon--service:hover {
        background: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23ffffff\" x=\"0px\" y=\"0px\" viewBox=\"596 -596 1792 1792\" style=\"enable-background:new 596 -596 1792 1792;\"><path d=\"M2360,584c-18.7-18.7-41.3-28-68-28h-96V364c0-34.7-12.7-64.7-38-90c-25.3-25.3-55.3-38-90-38h-512V44h96c26.7,0,49.3-9.3,68-28s28-41.3,28-68v-320c0-26.7-9.3-49.3-28-68s-41.3-28-68-28h-320c-26.7,0-49.3,9.3-68,28c-18.7,18.7-28,41.3-28,68v320c0,26.7,9.3,49.3,28,68c18.7,18.7,41.3,28,68,28h96v192H916c-34.7,0-64.7,12.7-90,38s-38,55.3-38,90v192h-96c-26.7,0-49.3,9.3-68,28c-18.7,18.7-28,41.3-28,68v320c0,26.7,9.3,49.3,28,68c18.7,18.7,41.3,28,68,28h320c26.7,0,49.3-9.3,68-28c18.7-18.7,28-41.3,28-68V652c0-26.7-9.3-49.3-28-68c-18.7-18.7-41.3-28-68-28h-96V364h512v192h-96c-26.7,0-49.3,9.3-68,28c-18.7,18.7-28,41.3-28,68v320c0,26.7,9.3,49.3,28,68c18.7,18.7,41.3,28,68,28h320c26.7,0,49.3-9.3,68-28c18.7-18.7,28-41.3,28-68V652c0-26.7-9.3-49.3-28-68c-18.7-18.7-41.3-28-68-28h-96V364h512v192h-96c-26.7,0-49.3,9.3-68,28c-18.7,18.7-28,41.3-28,68v320c0,26.7,9.3,49.3,28,68c18.7,18.7,41.3,28,68,28h320c26.7,0,49.3-9.3,68-28c18.7-18.7,28-41.3,28-68V652C2388,625.3,2378.7,602.7,2360,584z\"/></svg>") no-repeat
    }
}
.features__tabs-item--active .features__tabs-icon--install {
    background: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23ffffff\" x=\"0px\" y=\"0px\" viewBox=\"596 -596 1792 1792\" style=\"enable-background:new 596 -596 1792 1792;\"><path d=\"M1015.5,867.5c-12.7,12.7-27.7,19-45,19c-17.3,0-32.3-6.3-45-19c-12.7-12.7-19-27.7-19-45s6.3-32.3,19-45c12.7-12.7,27.7-19,45-19c17.3,0,32.3,6.3,45,19c12.7,12.7,19,27.7,19,45S1028.2,854.8,1015.5,867.5z M1505,288c-50.3-50.3-88.5-108.2-114.5-173.5l-681,681c-25.3,25.3-38,55.7-38,91c0,36,12.7,66,38,90l106,108c26,24.7,56.3,37,91,37c35.3,0,65.3-12.3,90-37l682-682C1613.2,376.5,1555.3,338.3,1505,288z M2304-57.5c-5.7-6.7-13.5-10-23.5-10c-6,0-29.5,11.8-70.5,35.5s-86.2,50.7-135.5,81c-49.3,30.3-75.7,46.5-79,48.5l-193-107v-224l293-169c10.7-7.3,16-16.7,16-28s-5.3-20.7-16-28c-29.3-20-65.2-35.5-107.5-46.5s-82.8-16.5-121.5-16.5c-123.3,0-228.8,43.8-316.5,131.5c-87.7,87.7-131.5,193.2-131.5,316.5S1462.3,155.3,1550,243c87.7,87.7,193.2,131.5,316.5,131.5c94,0,180.2-27.8,258.5-83.5c78.3-55.7,133.2-128.2,164.5-217.5c15.3-44.7,23-80,23-106C2312.5-42.5,2309.7-50.8,2304-57.5z\"/></svg>") no-repeat
}
.features__tabs-item--active .features__tabs-icon--setup {
    background: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23ffffff\" x=\"0px\" y=\"0px\" viewBox=\"596 -596 1792 1792\" style=\"enable-background:new 596 -596 1792 1792;\"><path d=\"M1353,480.5c-50,50-110.3,75-181,75c-70.7,0-131-25-181-75s-75-110.3-75-181s25-131,75-181s110.3-75,181-75c70.7,0,131,25,181,75s75,110.3,75,181S1403,430.5,1353,480.5z M2158.5,902c-25,25-55.2,37.5-90.5,37.5c-35.3,0-65.5-12.5-90.5-37.5s-37.5-55.2-37.5-90.5c0-34.7,12.7-64.7,38-90s55.3-38,90-38c34.7,0,64.7,12.7,90,38c25.3,25.3,38,55.3,38,90C2196,846.8,2183.5,877,2158.5,902z M2158.5-122c-25,25-55.2,37.5-90.5,37.5c-35.3,0-65.5-12.5-90.5-37.5s-37.5-55.2-37.5-90.5c0-34.7,12.7-64.7,38-90s55.3-38,90-38c34.7,0,64.7,12.7,90,38c25.3,25.3,38,55.3,38,90C2196-177.2,2183.5-147,2158.5-122zM1805,189c-4.7-5.7-10.3-9.2-17-10.5l-152-23c-7.3-22.7-18.7-50-34-82c10-14.7,25-34.7,45-60s34-43.3,42-54c4.7-6.7,7-13,7-19c0-18-48-71.3-144-160c-6.7-5.3-13.7-8-21-8c-8,0-14.7,2.3-20,7l-118,89c-27.3-14-52.3-24.3-75-31l-23-153c-0.7-6.7-4-12.5-10-17.5s-12.7-7.5-20-7.5h-186c-15.3,0-25.3,8-30,24c-8,30.7-15.7,82-23,154c-28.7,9.3-54.3,20-77,32l-115-90c-6.7-4.7-13.7-7-21-7c-12.7,0-39,19.7-79,59s-67.3,69-82,89c-4.7,5.3-7,12-7,20c0,6,2.3,12.7,7,20c37.3,44.7,67.3,83,90,115c-14,27.3-24.7,52.7-32,76l-155,24c-6,.7-11.3,4.2-16,10.5s-7,12.8-7,19.5v185c0,7.3,2.3,13.8,7,19.5s10.3,8.8,17,9.5l152,24c8,25.3,19.7,52.7,35,82c-10.7,14.7-26.3,35-47,61s-34.3,43.7-41,53c-4.7,6.7-7,13-7,19c0,18,48,71.3,144,160c6.7,5.3,13.7,8,21,8c8.7,0,15.3-2.3,20-7l118-89c27.3,14,52.3,24.3,75,31l23,153c0.7,6.7,4,12.5,10,17.5s12.7,7.5,20,7.5h186c15.3,0,25.3-8,30-24c8-31.3,15.7-83,23-155c26.7-8,52.3-18.3,77-31l115,90c6.7,4.7,13.7,7,21,7c12.7,0,38.8-19.8,78.5-59.5s67.2-69.5,82.5-89.5c4.7-4.7,7-11,7-19c0-6.7-2.3-13.3-7-20c-37.3-44.7-67.3-83-90-115c14-27.3,24.7-52.7,32-76l155-24c6-0.7,11.3-4.2,16-10.5s7-12.8,7-19.5v-185C1812,201.2,1809.7,194.7,1805,189z M2303,710.5c-8.7-19.3-18.7-36.7-30-52c34-75.3,51-121.3,51-138c0-2.7-1.3-5-4-7c-80-46.7-121.3-70-124-70l-6,2c-27.3,27.3-58,64.7-92,112c-13.3-1.3-23.3-2-30-2c-6.7,0-16.7,.7-30,2c-9.3-14-26.7-36.5-52-67.5s-40.7-46.5-46-46.5c-1.3,0-11.3,5.3-30,16s-38.3,22-59,34s-32.3,18.7-35,20c-2.7,2-4,4.3-4,7c0,16.7,17,62.7,51,138c-11.3,15.3-21.3,32.7-30,52c-99.3,10-149,20.3-149,31v140c0,10.7,49.7,21,149,31c8,18,18,35.3,30,52c-34,75.3-51,121.3-51,138c0,2.7,1.3,5,4,7c81.3,47.3,122.7,71,124,71c5.3,0,20.7-15.7,46-47s42.7-54,52-68c13.3,1.3,23.3,2,30,2c6.7,0,16.7-0.7,30-2c9.3,14,26.7,36.7,52,68c25.3,31.3,40.7,47,46,47c1.3,0,42.7-23.7,124-71c2.7-2,4-4.3,4-7c0-16.7-17-62.7-51-138c12-16.7,22-34,30-52c99.3-10,149-20.3,149-31v-140C2452,730.8,2402.3,720.5,2303,710.5z M2303-313.5c-8.7-19.3-18.7-36.7-30-52c34-75.3,51-121.3,51-138c0-2.7-1.3-5-4-7c-80-46.7-121.3-70-124-70l-6,2c-27.3,27.3-58,64.7-92,112c-13.3-1.3-23.3-2-30-2c-6.7,0-16.7,.7-30,2c-9.3-14-26.7-36.5-52-67.5s-40.7-46.5-46-46.5c-1.3,0-11.3,5.3-30,16s-38.3,22-59,34s-32.3,18.7-35,20c-2.7,2-4,4.3-4,7c0,16.7,17,62.7,51,138c-11.3,15.3-21.3,32.7-30,52c-99.3,10-149,20.3-149,31v140c0,10.7,49.7,21,149,31c8,18,18,35.3,30,52c-34,75.3-51,121.3-51,138c0,2.7,1.3,5,4,7c81.3,47.3,122.7,71,124,71c5.3,0,20.7-15.7,46-47s42.7-54,52-68c13.3,1.3,23.3,2,30,2c6.7,0,16.7-0.7,30-2c9.3,14,26.7,36.7,52,68c25.3,31.3,40.7,47,46,47c1.3,0,42.7-23.7,124-71c2.7-2,4-4.3,4-7c0-16.7-17-62.7-51-138c12-16.7,22-34,30-52c99.3-10,149-20.3,149-31v-140C2452-293.2,2402.3-303.5,2303-313.5z\"/></svg>") no-repeat
}
.features__tabs-item--active .features__tabs-icon--buy {
    background: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23ffffff\" x=\"0px\" y=\"0px\" viewBox=\"596 -596 1792 1792\" style=\"enable-background:new 596 -596 1792 1792;\"><path d=\"M1300,460h128V172h-2c-8.7,13.3-27,32.3-55,57l-77-80l148-137h114v448h128v96h-384V460z M1791,158c-14-48-33.8-92.7-59.5-134S1672-51,1630-77s-88-39-138-39s-96,13-138,39s-75.8,59.7-101.5,101c-25.7,41.3-45.5,86-59.5,134s-21,95.3-21,142s7,94,21,142s33.8,92.7,59.5,134c25.7,41.3,59.5,75,101.5,101s88,39,138,39s96-13,138-39s75.8-59.7,101.5-101c25.7-41.3,45.5-86,59.5-134s21-95.3,21-142S1805,206,1791,158z M2143,631c-50,50-75,110.3-75,181H916c0-70.7-25-131-75-181s-110.3-75-181-75V44c70.7,0,131-25,181-75s75-110.3,75-181h1152c0,70.7,25,131,75,181s110.3,75,181,75v512C2253.3,556,2193,581,2143,631z M2433-321c-12.7-12.7-27.7-19-45-19H596c-17.3,0-32.3,6.3-45,19s-19,27.7-19,45V876c0,17.3,6.3,32.3,19,45s27.7,19,45,19h1792c17.3,0,32.3-6.3,45-19c12.7-12.7,19-27.7,19-45V-276C2452-293.3,2445.7-308.3,2433-321z\"/></svg>") no-repeat
}
.features__tabs-item--active .features__tabs-icon--service {
    background: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"%23ffffff\" x=\"0px\" y=\"0px\" viewBox=\"596 -596 1792 1792\" style=\"enable-background:new 596 -596 1792 1792;\"><path d=\"M2360,584c-18.7-18.7-41.3-28-68-28h-96V364c0-34.7-12.7-64.7-38-90c-25.3-25.3-55.3-38-90-38h-512V44h96c26.7,0,49.3-9.3,68-28s28-41.3,28-68v-320c0-26.7-9.3-49.3-28-68s-41.3-28-68-28h-320c-26.7,0-49.3,9.3-68,28c-18.7,18.7-28,41.3-28,68v320c0,26.7,9.3,49.3,28,68c18.7,18.7,41.3,28,68,28h96v192H916c-34.7,0-64.7,12.7-90,38s-38,55.3-38,90v192h-96c-26.7,0-49.3,9.3-68,28c-18.7,18.7-28,41.3-28,68v320c0,26.7,9.3,49.3,28,68c18.7,18.7,41.3,28,68,28h320c26.7,0,49.3-9.3,68-28c18.7-18.7,28-41.3,28-68V652c0-26.7-9.3-49.3-28-68c-18.7-18.7-41.3-28-68-28h-96V364h512v192h-96c-26.7,0-49.3,9.3-68,28c-18.7,18.7-28,41.3-28,68v320c0,26.7,9.3,49.3,28,68c18.7,18.7,41.3,28,68,28h320c26.7,0,49.3-9.3,68-28c18.7-18.7,28-41.3,28-68V652c0-26.7-9.3-49.3-28-68c-18.7-18.7-41.3-28-68-28h-96V364h512v192h-96c-26.7,0-49.3,9.3-68,28c-18.7,18.7-28,41.3-28,68v320c0,26.7,9.3,49.3,28,68c18.7,18.7,41.3,28,68,28h320c26.7,0,49.3-9.3,68-28c18.7-18.7,28-41.3,28-68V652C2388,625.3,2378.7,602.7,2360,584z\"/></svg>") no-repeat
}
.features__wrap {
    display: inline-block;
    width: 100%;
    text-align: left
}
.features__panel {
    display: none;
    width: 100%;
    padding-left: 11px
}
.features__panel:first-of-type {
    display: inline-block
}
.features__panel .g-text,
.features__panel .g-list {
    margin-bottom: 25px
}
.features__panel .g-text:last-of-type,
.features__panel .g-list:last-of-type {
    margin-bottom: 25px
}
@media all and (min-width: 30em) {
    .features__panel {
        padding-right: 115px
    }
}
@media all and (min-width: 47.5em) {
    .features__panel {
        padding-left: 13px
    }
}
@media all and (min-width: 63.75em) {
    .features__panel {
        padding-right: 280px
    }
}
@media all and (min-width: 85em) {
    .features__panel {
        padding-right: 530px
    }
}
.features__panel-content {
    display: inline-block;
    width: 100%;
    margin-bottom: 25px
}
.features__heading {
    margin-bottom: 26px;
    margin-left: -11px;
    padding-left: 13px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    border-left: 3px solid #0054a6
}
@media all and (min-width: 47.5em) {
    .features__heading {
        font-size: 22px
    }
}
.features__img {
    display: none
}
@media all and (min-width: 85em) {
    .features__img {
        position: absolute;
        top: 0;
        right: 5px;
        display: block;
        width: 498px;
        height: 299px;
        background-color: #e5e5e5;
        box-shadow: 0 0 22.9px 6.1px rgba(0, 0, 0, .26)
    }
    .features__img img {
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -45px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}
.delivery {
    position: relative;
    display: inline-block;
    width: 100%
}
@media all and (min-width: 30em) {
    .delivery:after {
        left: -15px;
        height: 65px;
        border-right: 3px solid #000
    }
}
@media all and (min-width: 85em) {
    .delivery {
        margin-bottom: 80px
    }
}
.delivery__container {
    position: relative;
    padding-bottom: 30px
}
.delivery__container:after {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    border-bottom: 3px solid #000
}
@media all and (min-width: 30em) {
    .delivery__container {
        padding-bottom: 39px
    }
    .delivery__container:after {
        left: -15px;
        height: 65px;
        border-right: 3px solid #000
    }
}
@media all and (min-width: 63.75em) {
    .delivery__container {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        width: 100%;
        text-align: left;
        -ms-flex-pack: start;
        -webkit-box-pack: start;
        justify-content: flex-start;
        -ms-flex-align: start;
        -webkit-box-align: start;
        align-items: flex-start
    }
    .delivery__container:after {
        left: calc(-100% + 480px)
    }
}
.delivery__carousel-heading {
    position: relative;
    display: inline-block;
    margin-bottom: 30px;
    padding-bottom: 22px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px
}
.delivery__carousel-heading:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 182px;
    height: 3px;
    background: #0054a6
}
@media all and (min-width: 47.5em) {
    .delivery__carousel-heading {
        font-size: 22px
    }
}
.delivery__img {
    display: none
}
@media all and (min-width: 63.75em) {
    .delivery__img {
        position: relative;
        display: block;
        margin-top: -68px;
        margin-left: 172px;
        box-shadow: 0 0 22.9px 6.1px rgba(99, 98, 98, .26)
    }
    .delivery__img:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 58px;
        left: -56px;
        width: 395px;
        height: 285px;
        background: red;
        box-shadow: 0 0 22.9px 6.1px rgba(99, 98, 98, .26)
    }
    .delivery__img:after {
        content: "";
        position: absolute;
        z-index: -1;
        top: 160px;
        left: -56px;
        width: 1000rem;
        height: 80px;
        background: #e5e5e5
    }
}
.city {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 48px;
    padding-bottom: 30px
}
.city:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 5px;
    background: #000
}
@media all and (min-width: 47.5em) {
    .city {
        margin-top: 80px
    }
}
@media all and (min-width: 63.75em) {
    .city {
        margin-top: 66px
    }
}
@media all and (min-width: 85em) {
    .city {
        position: relative;
        margin-top: 76px;
        padding-bottom: 0
    }
}
@media all and (min-width: 113.5rem) {
    .city {
        background: url(../images/city-img.png) left bottom no-repeat
    }
    .city:after {
        right: -81px
    }
}
.city__wrap {
    display: inline-block;
    width: 100%;
    padding: 0 15px
}
@media all and (min-width: 85em) {
    .city__wrap {
        position: absolute;
        top: 0;
        left: 50%;
        overflow: hidden;
        max-width: 1280px;
        height: 100%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
    .city__wrap:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 445px;
        height: 100%;
        background: #fff
    }
    .city__wrap:after {
        content: "";
        position: absolute;
        top: 0;
        left: 445px;
        width: 520px;
        height: 100%;
        background: url(../images/city-bg-edge.png) top left / contain no-repeat
    }
}
.city__descr p {
    margin-bottom: 20px;
    text-align: justify;
    font-size: 14px;
    font-weight: 400;
    line-height: 27px
}
.city__descr p:last-of-type {
    margin-bottom: 0
}
.city__descr p a {
    color: #0054a6
}
.city__descr p a:hover {
    color: #91c8ff
}
.city__descr p span {
    text-align: left;
    font-size: 20px;
    font-weight: 600;
    line-height: 27px
}
@media all and (min-width: 47.5em) {
    .city__descr p {
        font-size: 16px
    }
}
@media all and (min-width: 85em) {
    .city__descr {
        position: absolute;
        top: 50%;
        left: 0;
        overflow: auto;
        max-width: 445px;
        height: 700px;
        padding-right: 10px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}
.city__descr::-webkit-scrollbar {
    width: 6px
}
.city__descr::-webkit-scrollbar-track {
    border-radius: 10px
}
.city__descr::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(197, 197, 197, .8)
}
.city__descr::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(197, 197, 197, .4)
}
.city__heading {
    margin-bottom: 31px;
    text-align: left;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700
}
@media all and (min-width: 47.5em) {
    .city__heading {
        margin-bottom: 41px;
        font-size: 22px
    }
}
.city__img {
    display: none
}
@media all and (min-width: 85em) {
    .city__img {
        display: block;
        float: right;
        width: auto;
        height: 857px
    }
}
.comments {
    display: inline-block;
    width: 100%;
    margin-top: 68px
}
.comments .g-text {
    padding-left: 11px
}
@media all and (min-width: 30em) {
    .comments {
        margin-top: 80px
    }
    .comments .g-text {
        padding-left: 80px
    }
}
@media all and (min-width: 85em) {
    .comments {
        margin-top: 155px
    }
}
.comments__head {
    margin-bottom: 17px;
    padding: 3px 0 15px 15px;
    border-left: 3px solid #0054a6
}
@media all and (min-width: 30em) {
    .comments__head {
        margin-left: 48px;
        padding-left: 29px
    }
}
@media all and (min-width: 47.5em) {
    .comments__head {
        margin-bottom: 32px
    }
}
.comments__carousel-heading {
    margin-bottom: 15px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px
}
@media all and (min-width: 47.5em) {
    .comments__carousel-heading {
        font-size: 22px
    }
}
.comments__date {
    font-size: 14px
}
.comments__num {
    display: none
}
@media all and (min-width: 30em) {
    .comments__num {
        position: absolute;
        top: 28px;
        left: 0;
        display: block;
        font-size: 22px;
        font-weight: 700;
        color: red
    }
    .comments__num:after {
        content: "";
        position: absolute;
        bottom: -50px;
        left: 50%;
        width: 20px;
        height: 28px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        background-image: url(../images/sprite.png);
        background-position: -160px -97px
    }
}
.buy {
    display: inline-block;
    width: 100%;
    margin-top: 45px
}
.buy__info {
    display: inline-block;
    width: 100%;
    margin-top: 42px
}
.gallery {
    display: inline-block;
    width: 100%
}
.gallery__wrap {
    display: inline-block;
    width: 100%;
    margin-bottom: 45px
}
@media all and (min-width: 47.5em) {
    .gallery__wrap {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        margin-bottom: 30px
    }
}
@media all and (min-width: 63.75em) {
    .gallery__wrap {
        margin-bottom: 40px
    }
}
@media all and (min-width: 85em) {
    .gallery__wrap {
        margin-bottom: 48px
    }
}
.gallery__link {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 100%;
    max-width: 400px;
    height: 203px;
    margin-bottom: 25px;
    box-shadow: 0 0 22.9px 6.1px rgba(99, 98, 98, .26)
}
.gallery__link:last-of-type {
    margin-bottom: 0
}
.gallery__link:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .3s, visibility .3s;
    transition: opacity .3s, visibility .3s;
    opacity: 0;
    background: rgba(0, 84, 166, .5) url(../images/photo-hover.png) center no-repeat;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
.gallery__link:hover:after {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
@media all and (min-width: 30em) {
    .gallery__link {
        height: 279px;
        margin-bottom: 33px
    }
}
@media all and (min-width: 47.5em) {
    .gallery__link {
        width: 33%;
        height: 203px;
        margin: 0 30px 0 0
    }
    .gallery__link:last-of-type {
        margin-right: 0
    }
}
@media all and (min-width: 63.75em) {
    .gallery__link {
        height: 279px
    }
}
.gallery__img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -o-object-fit: cover;
    object-fit: cover
}
.calc {
    display: inline-block;
    overflow-x: hidden;
    width: 100%
}
.calc__info {
    display: inline-block;
    width: 100%;
    margin-bottom: 58px
}
.calc__delivery {
    display: inline-block;
    margin-bottom: 36px
}
.calc__category {
    display: inline-block;
    width: 100%;
    margin-bottom: 50px
}
.calc__category:last-of-type {
    margin-bottom: 60
}
.calc__category-name {
    margin-bottom: 40px;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 700
}
.calc__section {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 46px;
    padding-bottom: 50px
}
.calc__section:last-of-type {
    margin-bottom: 0
}
.calc__section:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 16000px;
    width: 1000rem;
    height: 2px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #c2c2c2
}
.calc__section:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 30px;
    height: 34px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-image: url(../images/sprite.png);
    background-position: -41px -97px
}
@media all and (min-width: 47.5em) {
    .calc__section {
        margin-bottom: 36px
    }
}
.calc__section-name {
    margin-bottom: 35px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600
}
@media all and (min-width: 85em) {
    .calc__section-name {
        position: absolute;
        top: 0;
        left: 0;
        max-width: 170px;
        text-align: left;
        line-height: 27px
    }
}
.calc__section-sum {
    display: block;
    font-size: 23px;
    font-weight: 700;
    color: red
}
@media all and (min-width: 85em) {
    .calc__section-sum {
        position: absolute;
        top: 50%;
        top: calc(50% - 40px);
        right: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}
.calc__wrap {
    display: inline-block
}
@media all and (min-width: 47.5em) {
    .calc__wrap {
        width: 760px
    }
}
@media all and (min-width: 63.75em) {
    .calc__wrap {
        width: 790px
    }
}
.calc__row {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 23px;
    font-size: 14px;
    font-weight: 400
}
@media all and (min-width: 30em) {
    .calc__row {
        font-size: 16px
    }
}
@media all and (min-width: 47.5em) {
    .calc__row {
        float: left;
        width: 340px;
        margin-bottom: 28px
    }
    .calc__row:nth-of-type(odd) {
        margin-right: 42px
    }
}
@media all and (min-width: 63.75em) {
    .calc__row {
        width: 365px;
        font-size: 18px
    }
}
.calc__quantity {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.calc__quantity-input {
    position: relative;
    display: inline-block
}
.calc__row--single {
    float: none
}
.calc__row--single .calc__quantity {
    position: static;
    -webkit-transform: none;
    transform: none
}
@media all and (min-width: 47.5em) {
    .calc__row--single {
        width: initial
    }
    .calc__row--single .input__num-count {
        position: static
    }
    .calc__row--single:nth-of-type(odd) {
        margin-right: 0
    }
}
@media all and (min-width: 85em) {
    .calc__row--single {
        float: left
    }
}
.calc__radio {
    display: inline-block;
    margin: 0 12px 20px
}
.calc__radio:last-of-type {
    margin-bottom: 30px
}
@media all and (min-width: 85em) {
    .calc__radio {
        float: left;
        margin: 0 24px 20px 0
    }
}
.calc__total {
    margin-bottom: 21px;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 700
}
.calc__total span {
    color: #0054a6
}
@media all and (min-width: 47.5em) {
    .calc__total {
        margin-bottom: 25px;
        font-size: 30px
    }
}
.rates {
    display: inline-block;
    width: 100%
}
@media all and (min-width: 63.75em) {
    .rates {
        bottom: 55px
    }
}
.rates__wrap {
    display: inline-block;
    width: 100%;
    margin-bottom: 58px
}
.rates__item {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 50px;
    padding-bottom: 62px
}
.rates__item:last-of-type {
    margin-bottom: 0
}
.rates__item:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 30px;
    height: 34px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-image: url(../images/sprite.png);
    background-position: -81px -97px
}
.rates__item:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #c2c2c2
}
.rates__item .g-text:last-of-type {
    margin-bottom: 20px
}
@media all and (min-width: 47.5em) {
    .rates__item {
        min-height: 415px;
        padding-top: 75px;
        padding-left: 320px;
        text-align: left
    }
}
.rates__name {
    margin-bottom: 30px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    line-height: 46px;
    color: red;
    background: #fff;
    box-shadow: 0 0 22.9px 6.1px rgba(99, 98, 98, .26)
}
@media all and (min-width: 47.5em) {
    .rates__name {
        position: absolute;
        top: 0;
        left: 0;
        margin-bottom: 0;
        padding-right: 30px;
        padding-left: 324px;
        text-align: left
    }
}
.rates__img {
    width: 200px;
    height: auto
}
@media all and (min-width: 47.5em) {
    .rates__img {
        position: absolute;
        top: -19px;
        left: 0;
        width: auto
    }
}
.rates__plan {
    text-align: left;
    line-height: 27px;
    color: #0054a6
}
@media all and (min-width: 47.5em) {
    .rates__plan {
        font-size: 18px
    }
}
.price {
    display: inline-block;
    width: 100%
}
.price__table {
    display: inline-block;
    overflow: auto;
    width: 100%;
    margin-bottom: 49px
}
.price__table:last-of-type {
    margin-bottom: 0
}
.price__table::-webkit-scrollbar {
    width: 6px;
    height: 6px
}
.price__table::-webkit-scrollbar-track {
    border-radius: 10px
}
.price__table::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(204, 204, 204, .8)
}
.price__table::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(204, 204, 204, .8)
}
.setup {
    display: inline-block;
    width: 100%
}
.setup__img {
    max-width: 100%;
    margin-bottom: 37px;
    box-shadow: 0 0 22.9px 6.1px rgba(99, 98, 98, .26)
}
@media all and (min-width: 47.5em) {
    .setup__img {
        float: left;
        margin-right: 30px
    }
}
.loader {
    opacity: 0!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden!important
}
strong {
    font-weight: bold !important;
}
em{
    font-style: italic !important;
}