/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
body {
    margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden],
template {
    display: none
}
a {
    background-color: transparent
}
a:active,
a:hover {
    outline: 0
}
abbr[title] {
    border-bottom: 1px dotted
}
b,
strong {
    font-weight: 700
}
dfn {
    font-style: italic
}
h1 {
    font-size: 2em;
    margin: .67em 0
}
mark {
    background: #ff0;
    color: #000
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sup {
    top: -.5em
}
sub {
    bottom: -.25em
}
img {
    border: 0
}
svg:not(:root) {
    overflow: hidden
}
figure {
    margin: 1em 40px
}
hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}
pre {
    overflow: auto
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}
button {
    overflow: visible
}
button,
select {
    text-transform: none
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}
button[disabled],
html input[disabled] {
    cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
input {
    line-height: normal
}
input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}
input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}
fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}
legend {
    border: 0;
    padding: 0
}
textarea {
    overflow: auto
}
optgroup {
    font-weight: 700
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
td,
th {
    padding: 0
}
html,
body {
    min-width: 100%;
    min-height: 100%
}
.container {
    max-width: 1190px;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px
}
@font-face {
    font-family: "Proxima Nova";
    src: url(https://biznes-story.ru/html/biz/062/fonts/ProximaNova-Light.eot);
    src: url(https://biznes-story.ru/html/biz/062/fonts/ProximaNova-Light.eot?) format("embedded-opentype"), url(../fonts/ProximaNova-Light.woff2.html) format("woff2"), url(https://biznes-story.ru/html/biz/062/fonts/ProximaNova-Light.woff) format("woff"), url(https://biznes-story.ru/html/biz/062/fonts/ProximaNova-Light.ttf) format("truetype"), url(https://biznes-story.ru/html/biz/062/fonts/ProximaNova-Light.svg) format("svg");
    font-weight: 300;
    font-style: normal
}
@font-face {
    font-family: "Proxima Nova";
    src: url(https://biznes-story.ru/html/biz/062/fonts/ProximaNova-Regular.eot);
    src: url(https://biznes-story.ru/html/biz/062/fonts/ProximaNova-Regular.eot?) format("embedded-opentype"), url(../fonts/ProximaNova-Regular.woff2.html) format("woff2"), url(https://biznes-story.ru/html/biz/062/fonts/ProximaNova-Regular.woff) format("woff"), url(https://biznes-story.ru/html/biz/062/fonts/ProximaNova-Regular.ttf) format("truetype"), url(https://biznes-story.ru/html/biz/062/fonts/ProximaNova-Regular.svg) format("svg");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: "Proxima Nova";
    src: url(https://biznes-story.ru/html/biz/062/fonts/ProximaNova-Semibold.eot);
    src: url(https://biznes-story.ru/html/biz/062/fonts/ProximaNova-Semibold.eot?) format("embedded-opentype"), url(../fonts/ProximaNova-Semibold.woff2.html) format("woff2"), url(https://biznes-story.ru/html/biz/062/fonts/ProximaNova-Semibold.woff) format("woff"), url(https://biznes-story.ru/html/biz/062/fonts/ProximaNova-Semibold.ttf) format("truetype"), url(https://biznes-story.ru/html/biz/062/fonts/ProximaNova-Semibold.svg) format("svg");
    font-weight: 600;
    font-style: normal
}
@font-face {
    font-family: "Proxima Nova";
    src: url(https://biznes-story.ru/html/biz/062/fonts/ProximaNova-Bold.eot);
    src: url(https://biznes-story.ru/html/biz/062/fonts/ProximaNova-Bold.eot?) format("embedded-opentype"), url(../fonts/ProximaNova-Bold.woff2.html) format("woff2"), url(https://biznes-story.ru/html/biz/062/fonts/ProximaNova-Bold.woff) format("woff"), url(https://biznes-story.ru/html/biz/062/fonts/ProximaNova-Bold.ttf) format("truetype"), url(https://biznes-story.ru/html/biz/062/fonts/ProximaNova-Bold.svg) format("svg");
    font-weight: 700;
    font-style: normal
}
@font-face {
    font-family: "Proxima Nova";
    src: url(https://biznes-story.ru/html/biz/062/fonts/ProximaNova-Extrabld.eot);
    src: url(https://biznes-story.ru/html/biz/062/fonts/ProximaNova-Extrabld.eot?) format("embedded-opentype"), url(../fonts/ProximaNova-Extrabld.woff2.html) format("woff2"), url(https://biznes-story.ru/html/biz/062/fonts/ProximaNova-Extrabld.woff) format("woff"), url(https://biznes-story.ru/html/biz/062/fonts/ProximaNova-Extrabld.ttf) format("truetype"), url(https://biznes-story.ru/html/biz/062/fonts/ProximaNova-Extrabld.svg) format("svg");
    font-weight: 800;
    font-style: normal
}
@font-face {
    font-family: "Circe";
    src: url(https://biznes-story.ru/html/biz/062/fonts/Circe/Circe-Bold.eot);
    src: url(https://biznes-story.ru/html/biz/062/fonts/Circe/Circe-Bold.eot?) format("embedded-opentype"), url(../fonts/Circe/Circe-Bold.woff2.html) format("woff2"), url(https://biznes-story.ru/html/biz/062/fonts/Circe/Circe-Bold.woff) format("woff"), url(https://biznes-story.ru/html/biz/062/fonts/Circe/Circe-Bold.ttf) format("truetype"), url(https://biznes-story.ru/html/biz/062/fonts/Circe/Circe-Bold.svg) format("svg");
    font-weight: 700;
    font-style: normal
}
html {
    font-size: 62.5%
}
@media only screen and (max-width: 1190px) {
    html {
        font-size: 57.5%
    }
}
@media only screen and (max-width: 750px) {
    html {
        font-size: 52.5%
    }
}
body {
    color: #000;
    font-weight: 400;
    font-style: normal;
    font-size: 1.4rem;
    line-height: 1.25;
    font-family: "Proxima Nova", Arial, sans-serif;
    background-color: #fff
}
a {
    color: #ffd777
}
a:hover {
    text-decoration: none
}
::-webkit-input-placeholder {
    color: #000;
    opacity: 1
}
::-moz-placeholder {
    color: #000;
    opacity: 1
}
:-moz-placeholder {
    color: #000;
    opacity: 1
}
:-ms-input-placeholder {
    color: #000;
    opacity: 1
}
:placeholder-shown {
    color: #000;
    opacity: 1
}
::-moz-selection {
    background-color: #ffd777
}
::selection {
    background-color: #ffd777
}
html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
*,
:before,
:after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}
.clearfix:before,
.clearfix:after {
    content: "";
    display: table
}
.clearfix:after {
    clear: both
}
p,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
span {
    max-height: 90000px
}
.browsehappy {
    margin: 0;
    padding: 10px;
    text-align: center;
    background-color: #fff;
    font-family: inherit
}
textarea,
input[type=search],
input[type=tel],
input[type=email],
input[type=text],
input[type=button],
input[type=submit] {
    -webkit-appearance: none
}
.hide {
    display: none
}
.show {
    display: block
}
.overlay {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .3);
    z-index: 1000;
    cursor: pointer
}
.left {
    text-align: left
}
.center {
    text-align: center
}
.right {
    text-align: right
}
.btn {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 1.6rem 3.4rem;
    text-align: center;
    border: 0;
    outline: 0;
    border-bottom: 2px solid #dfb95d;
    background-color: #ffd777;
    font-size: 1.3rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04rem;
    text-decoration: none;
    color: #000;
    -webkit-border-radius: 2500px;
    border-radius: 2500px;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s
}
.btn:hover {
    background-color: #ffce58
}
.btn:active {
    background-color: #ffc844
}
.btn_form {
    width: 100%;
    padding: 2.5rem 1rem;
    font-size: 1.3rem;
    letter-spacing: .14rem
}
.btn_small {
    padding: 1.6rem 3rem;
    font-size: 1.2rem;
    letter-spacing: .14rem
}
.btn_big {
    padding: 2.5rem 4.7rem;
    font-size: 1.3rem;
    letter-spacing: .14rem
}
.introduction {
    margin-bottom: 3rem;
    text-align: center
}
.introduction__title {
    margin: 0 auto;
    margin-bottom: 2.3rem;
    font-size: 4.4rem;
    font-weight: 300;
    line-height: 1.09
}
@media only screen and (max-width: 750px) {
    .introduction__title {
        font-size: 3.8rem
    }
}
.introduction__description {
    margin: 0 auto;
    font-size: 2rem;
    color: gray;
    line-height: 1.4
}
.introduction_services {
    margin-bottom: 8.6rem
}
.introduction_promo-1 {
    margin-bottom: 11.4rem
}
@media only screen and (max-width: 1000px) {
    .introduction_promo-1 {
        margin-bottom: 6rem
    }
}
.introduction_promo-1 .introduction__title {
    max-width: 105rem
}
.introduction_promo-1 .introduction__description {
    max-width: 62rem
}
.introduction_promo-2 {
    margin-bottom: 6px;
    margin-left: 4rem;
    text-align: left
}
@media only screen and (max-width: 1190px) {
    .introduction_promo-2 {
        margin-left: 0
    }
}
@media only screen and (max-width: 1000px) {
    .introduction_promo-2 {
        text-align: center
    }
}
.introduction_promo-2 .introduction__title {
    margin: 0;
    margin-bottom: 1.7rem;
    max-width: 48rem
}
@media only screen and (max-width: 1000px) {
    .introduction_promo-2 .introduction__title {
        margin-left: auto;
        margin-right: auto
    }
}
.introduction_promo-2 .introduction__description {
    max-width: 47rem;
    margin: 0
}
@media only screen and (max-width: 1000px) {
    .introduction_promo-2 .introduction__description {
        margin-left: auto;
        margin-right: auto
    }
}
.introduction_promo-3 {
    margin-bottom: 5.4rem
}
.introduction_promo-3 .introduction__title {
    max-width: 72rem
}
.introduction_advantages {
    margin-bottom: 9.7rem
}
.introduction_advantages .introduction__title {
    max-width: 64rem
}
.introduction_advantages .introduction__description {
    max-width: 44rem
}
.introduction_questions {
    margin-bottom: 1.4rem
}
.introduction_questions .introduction__title {
    margin-bottom: 3.6rem
}
.introduction_questions .introduction__description {
    color: #000
}
.introduction_steps {
    margin-bottom: 9.9rem
}
.introduction_steps .introduction__title {
    max-width: 72rem;
    margin-bottom: 3.6rem
}
.introduction_problems {
    margin-bottom: 9.7rem
}
.introduction_problems .introduction__title {
    max-width: 60rem
}
.introduction_prices {
    margin-bottom: 6rem
}
.introduction_prices .introduction__title {
    max-width: 53rem
}
.form {
    position: relative;
    width: 100%;
    max-width: 36rem;
    padding: 4.3rem 3.2rem 3.2rem;
    background-color: #fff;
    -webkit-box-shadow: 0 14px 29px 0 rgba(1, 1, 1, .16);
    box-shadow: 0 14px 29px 0 rgba(1, 1, 1, .16)
}
.form_pop-up {
    max-width: none
}
.form_header {
    margin-left: auto
}
@media only screen and (max-width: 950px) {
    .form_header {
        margin-right: auto
    }
}
.form_prices .form__remark {
    max-width: 31rem
}
.form_promo-1 {
    max-width: 50rem;
    margin: 0 auto;
    padding-bottom: 2rem
}
.form_promo-1 .form__row {
    max-width: 29.6rem;
    margin-left: auto;
    margin-right: auto
}
.form_promo-3 {
    max-width: 44rem;
    margin: 0 auto;
    padding-bottom: 2rem
}
.form_promo-3 .form__row {
    max-width: 29.6rem;
    margin-left: auto;
    margin-right: auto
}
.form_promo-3 .sticker-form {
    right: -webkit-calc(-7.7rem/2);
    right: calc(-7.7rem/2)
}
@media only screen and (max-width: 500px) {
    .form_promo-3 .sticker-form {
        right: 1.6rem
    }
}
.form_promo-3 .sticker-form::before {
    content: "%";
    position: absolute;
    top: 52%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    font-size: 5.4rem;
    font-weight: 800;
    color: #dd4463
}
.form__title {
    margin: 0;
    margin-bottom: 3rem;
    text-align: center;
    font-size: 2.3rem;
    line-height: 1.21
}
.form__title b {
    font-weight: 600
}
.form__row {
    margin-bottom: 1rem
}
.form__row_btn {
    margin-top: 1.9rem;
    margin-bottom: 2.2rem
}
.form__entry {
    display: block;
    width: 100%;
    padding: 1.9rem 3.8rem;
    border: 0;
    outline: 0;
    -webkit-border-radius: 2500px;
    border-radius: 2500px;
    background-color: #f0f0f0;
    font-size: 1.7rem;
    color: #000
}
.form__remark {
    display: block;
    max-width: 24.5rem;
    margin: 0 auto;
    text-align: center;
    font-size: 1.4rem;
    color: #5a5a5a;
    line-height: 1.5
}
.sticker-form {
    position: absolute;
    z-index: 1;
    top: -webkit-calc(-7.7rem/2);
    top: calc(-7.7rem/2);
    right: 1.6rem;
    width: 7.7rem;
    height: 7.7rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-image: -webkit-linear-gradient(45deg, #f6557e 0%, #e64f4e 100%);
    background-image: linear-gradient(45deg, #f6557e 0%, #e64f4e 100%)
}
.sticker-form span {
    position: absolute;
    top: 52%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.25
}
.pop-up {
    display: none;
    position: absolute;
    z-index: 1010;
    top: 10%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: -webkit-calc(100% - 2rem);
    width: calc(100% - 2rem);
    max-width: 39.4rem;
    background-color: #fff
}
.pop-up_thanks {
    max-width: 64.1rem;
    padding: 5.5rem 3rem 3.6rem;
    text-align: center;
    -webkit-box-shadow: inset 0 0 0 .5rem #ffd777;
    box-shadow: inset 0 0 0 .5rem #ffd777
}
.pop-up__close {
    position: absolute;
    z-index: 1;
    top: 0;
    right: -3.4rem;
    width: 2rem;
    height: 2rem;
    border: 0;
    outline: 0;
    cursor: pointer;
    font-size: 0;
    background: url(../images/icons/other/svg/close-white-1.svg) no-repeat center top;
    background-size: contain
}
@media only screen and (max-width: 750px) {
    .pop-up__close {
        top: -3.4rem;
        right: 0
    }
}
.pop-up__title {
    margin: 0 auto;
    margin-bottom: 1.4rem;
    font-size: 4.2rem;
    font-weight: 300;
    line-height: 1.09
}
.pop-up__description {
    max-width: 31rem;
    margin: 0 auto;
    margin-bottom: 2rem;
    font-size: 2rem;
    color: gray;
    line-height: 1.4
}
.pop-up__remark {
    display: block;
    max-width: 53rem;
    margin: 0 auto;
    margin-top: 3.2rem;
    margin-bottom: 2.4rem;
    font-size: 2rem;
    line-height: 1.4
}
.pop-up__remark::before {
    content: "";
    display: block;
    width: 5.4rem;
    height: 2px;
    margin: 0 auto;
    margin-bottom: 2.9rem;
    background-color: #ffd777
}
.pop-up__remark a {
    color: #279df9
}
.advantages {
    padding-top: 10.5rem;
    padding-bottom: 9.2rem;
    background: #f7f7f8 url(../images/background-advantages-1.jpg) no-repeat center top;
    background-size: cover
}
@media only screen and (max-width: 1100px) {
    .advantages {
        background: 0 0;
        background-color: #f7f7f8
    }
}
.data-advantages__list {
    max-width: 59rem;
    margin: 0;
    margin-left: auto;
    padding: 0;
    list-style: none
}
@media only screen and (max-width: 1100px) {
    .data-advantages__list {
        margin: 0 auto
    }
}
.data-advantages__item {
    position: relative;
    margin-bottom: 7.6rem;
    padding-left: 6.5rem
}
@media only screen and (max-width: 750px) {
    .data-advantages__item {
        padding-left: 0;
        text-align: center
    }
}
.data-advantages__item:last-of-type {
    margin-bottom: 0
}
.data-advantages__icon {
    position: absolute;
    top: -1rem;
    left: 0;
    width: 4.4rem;
    height: 4.4rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #279df9
}
@media only screen and (max-width: 750px) {
    .data-advantages__icon {
        position: relative;
        top: auto;
        left: auto;
        display: inline-block;
        vertical-align: top;
        margin-bottom: 1.2rem
    }
}
.data-advantages__icon::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 1.6rem;
    height: 1.2rem;
    background: url(../images/icons/other/svg/check-white-1.svg) no-repeat center center;
    background-size: contain
}
.data-advantages__icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 5rem;
    height: 5rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #279df9
}
@media only screen and (max-width: 1190px) {
    .data-advantages__icon::after {
        display: none
    }
}
.data-advantages__title {
    margin: 0;
    margin-bottom: 1.5rem;
    font-size: 2.2rem;
    font-weight: 600;
    line-height: 1.31
}
.data-advantages__description {
    margin: 0;
    font-size: 1.7rem;
    line-height: 1.52
}
.footer {
    padding-top: 2.4rem;
    padding-bottom: 2.4rem
}
.footer__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
@media only screen and (max-width: 750px) {
    .footer__row {
        display: block
    }
}
.footer__col-l {
    width: -webkit-calc(100%/3);
    width: calc(100%/3);
    padding-right: 2rem
}
@media only screen and (max-width: 900px) {
    .footer__col-l {
        width: 50%;
        margin-bottom: 2rem
    }
}
@media only screen and (max-width: 750px) {
    .footer__col-l {
        width: auto;
        margin-bottom: 2rem;
        padding-right: 0;
        text-align: center
    }
}
.footer__col-c {
    width: -webkit-calc(100%/3);
    width: calc(100%/3);
    text-align: center
}
@media only screen and (max-width: 900px) {
    .footer__col-c {
        width: 50%;
        margin-bottom: 2rem;
        text-align: right
    }
}
@media only screen and (max-width: 750px) {
    .footer__col-c {
        width: auto;
        margin-bottom: 2rem;
        text-align: center
    }
}
.footer__col-r {
    width: -webkit-calc(100%/3);
    width: calc(100%/3);
    text-align: right
}
@media only screen and (max-width: 900px) {
    .footer__col-r {
        width: 100%;
        text-align: center
    }
}
@media only screen and (max-width: 750px) {
    .footer__col-r {
        width: auto
    }
}
.footer__remark {
    display: block;
    margin-bottom: .7rem;
    font-size: 1.4rem
}
.footer__privacy-policy {
    font-size: 1.5rem;
    color: #000
}
.footer__development {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.5rem;
    color: #000
}
.footer__development a {
    position: relative;
    top: .1rem;
    display: inline-block;
    vertical-align: middle;
    width: 11.7rem;
    height: 1.7rem;
    font-size: 0;
    background: url(https://biznes-story.ru/html/biz/062/images/icons/other/svg/makeperfect.svg) no-repeat center top;
    background-size: contain
}
.logo-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
@media only screen and (max-width: 750px) {
    .logo-footer {
        display: block
    }
}
.logo-footer__col-l {
    width: 10.1rem
}
@media only screen and (max-width: 750px) {
    .logo-footer__col-l {
        width: auto;
        margin-bottom: 2rem;
        text-align: center
    }
}
.logo-footer__col-r {
    width: -webkit-calc(100% - 10.1rem);
    width: calc(100% - 10.1rem)
}
@media only screen and (max-width: 750px) {
    .logo-footer__col-r {
        width: auto;
        text-align: center
    }
}
.logo-footer__link {
    display: inline-block;
    vertical-align: top;
    max-width: 7.5rem
}
.logo-footer__image {
    display: inline-block;
    vertical-align: top;
    max-width: 7.5rem
}
.logo-footer__description {
    margin: 0;
    font-size: 1.6rem;
    color: #727272;
    line-height: 1.43
}
.header {
    margin-bottom: 8.4rem;
    padding-top: 2.3rem;
    padding-bottom: 2rem
}
@media only screen and (max-width: 750px) {
    .header {
        margin-bottom: 5rem
    }
}
.header__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
@media only screen and (max-width: 750px) {
    .header__row {
        display: block
    }
}
.header__col-l {
    width: 38.4%;
    padding-right: 2rem
}
@media only screen and (max-width: 750px) {
    .header__col-l {
        width: auto;
        margin-bottom: 2rem;
        padding-right: 0;
        text-align: center
    }
}
.header__col-c {
    width: 22%
}
@media only screen and (max-width: 750px) {
    .header__col-c {
        width: auto;
        margin-bottom: 2rem;
        text-align: center
    }
}
.header__col-r {
    width: 39.6%;
    text-align: right
}
@media only screen and (max-width: 750px) {
    .header__col-r {
        width: auto;
        text-align: center
    }
}
.header__remark {
    display: block;
    margin-bottom: .7rem;
    font-size: 1.4rem
}
.header__tel {
    font-family: Circe, Arial, sans-serif;
    font-size: 2.3rem;
    font-weight: 700;
    text-decoration: none;
    color: #000
}
.logo-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
@media only screen and (max-width: 750px) {
    .logo-header {
        display: block
    }
}
.logo-header__col-l {
    width: 10.4rem
}
@media only screen and (max-width: 750px) {
    .logo-header__col-l {
        width: auto;
        margin-bottom: 2rem;
        text-align: center
    }
}
.logo-header__col-r {
    width: -webkit-calc(100% - 10.4rem);
    width: calc(100% - 10.4rem)
}
@media only screen and (max-width: 750px) {
    .logo-header__col-r {
        width: auto;
        text-align: center
    }
}
.logo-header__link {
    display: inline-block;
    vertical-align: top;
    max-width: 100%
}
.logo-header__image {
    display: inline-block;
    vertical-align: top;
    max-width: 100%
}
.logo-header__description {
    margin: 0;
    font-size: 1.6rem;
    color: #727272;
    line-height: 1.43
}
.data-header {
    width: 15.3rem;
    height: 6.4rem;
    padding-top: .7rem;
    padding-left: 1.4rem;
    border: 2px dotted #ccc
}
@media only screen and (max-width: 750px) {
    .data-header {
        margin: 0 auto;
        text-align: left
    }
}
.data-header__number {
    display: inline-block;
    vertical-align: middle;
    margin-right: .4rem;
    padding-top: .2rem;
    font-size: 4.2rem;
    color: #ea515b;
    line-height: 1
}
.data-header__title {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.6rem;
    line-height: 1.18
}
.data-header__title span {
    color: #ea515b
}
.primary {
    padding-bottom: 9.2rem;
    background: #fbfbfc url(../images/background-primary-1.jpg) no-repeat center top;
    background-size: cover
}
@media only screen and (max-width: 950px) {
    .primary {
        background: #fbfbfc url(../images/background-primary-1.jpg) no-repeat center left;
        background-size: cover
    }
}
.primary__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
@media only screen and (max-width: 950px) {
    .primary__row {
        display: block
    }
}
.primary__col-l {
    width: 60%;
    padding-top: 2.2rem
}
@media only screen and (max-width: 950px) {
    .primary__col-l {
        width: auto;
        margin-bottom: 8rem;
        padding-top: 0;
        text-align: center
    }
}
.primary__col-r {
    width: 40%
}
@media only screen and (max-width: 950px) {
    .primary__col-r {
        width: auto
    }
}
.primary__title {
    margin: 0;
    margin-bottom: 1.4rem;
    font-size: 5.6rem;
    font-weight: 300;
    line-height: 1
}
@media only screen and (max-width: 750px) {
    .primary__title {
        font-size: 5rem
    }
}
.primary__subtitle {
    margin: 0;
    margin-bottom: 7.8rem;
    font-size: 2.8rem
}
.primary__subtitle b {
    font-weight: 600
}
.data-primary {
    max-width: 27.8rem;
    margin-left: 5.8rem
}
@media only screen and (max-width: 950px) {
    .data-primary {
        margin: 0 auto;
        text-align: left
    }
}
.data-primary__list {
    margin: 0;
    padding: 0;
    list-style: none
}
.data-primary__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5.2rem
}
.data-primary__item:last-of-type {
    margin-bottom: 0
}
.data-primary__col-l {
    width: 5.5rem;
    text-align: center
}
.data-primary__col-r {
    width: -webkit-calc(100% - 5.5rem);
    width: calc(100% - 5.5rem);
    padding-left: 2.1rem
}
.data-primary__icon {
    display: inline-block;
    vertical-align: top
}
.data-primary__icon_1 {
    width: 5.5rem;
    height: 5.5rem;
    background: url(../images/icons/primary/svg/1.svg) no-repeat center center;
    background-size: contain
}
.data-primary__icon_2 {
    position: relative;
    top: .4rem;
    width: 5rem;
    height: 4.6rem;
    background: url(../images/icons/primary/svg/2.svg) no-repeat center center;
    background-size: contain
}
.data-primary__icon_3 {
    width: 4.4rem;
    height: 4.5rem;
    background: url(../images/icons/primary/svg/3.svg) no-repeat center center;
    background-size: contain
}
.data-primary__description {
    margin: 0;
    font-size: 1.8rem;
    line-height: 1.38
}
.data-primary__description b {
    font-weight: 700
}
.problems {
    padding-top: 6.3rem;
    padding-bottom: 11.7rem
}
.problems::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 102.7rem;
    left: 0;
    width: 100%;
    height: 136.4rem;
    background: #f9f9f8 url(../images/background-services-1.jpg) no-repeat center top
}
@media only screen and (max-width: 1190px) {
    .problems::before {
        display: none
    }
}
.tooltip {
    position: relative;
    bottom: .2rem;
    display: inline-block;
    vertical-align: middle;
    margin-left: .7rem
}
@media only screen and (max-width: 500px) {
    .tooltip {
        display: none
    }
}
.tooltip__btn {
    display: inline-block;
    vertical-align: middle;
    width: 1.9rem;
    height: 1.9rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 0;
    outline: 0;
    background-color: #279df9;
    text-align: center;
    font-size: 1.3rem;
    font-weight: 700;
    color: #fff;
    cursor: pointer
}
.tooltip__btn:hover~.tooltip__description {
    opacity: 1;
    overflow: visible;
    height: auto;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}
.tooltip__description {
    opacity: 0;
    position: absolute;
    z-index: 10;
    bottom: 155%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 32rem;
    margin: 0;
    padding: 3rem 3.5rem 3rem;
    font-size: 1.5rem;
    line-height: 1.46;
    background-color: #fff;
    -webkit-box-shadow: 0 7px 16px 0 rgba(1, 1, 1, .2);
    box-shadow: 0 7px 16px 0 rgba(1, 1, 1, .2);
    overflow: hidden;
    height: 0
}
.tooltip__description::before {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 10px solid transparent;
    border-top: 10px solid #fff
}
.promo_1 {
    padding-top: 9.4rem;
    padding-bottom: 6.6rem;
    background: #f9f9f8 url(../images/background-promo-1.jpg) no-repeat center bottom
}
@media only screen and (max-width: 1000px) {
    .promo_1 {
        background: 0 0;
        background-color: #f9f9f8
    }
}
.promo_2 {
    padding-top: 12.1rem;
    padding-bottom: 11.3rem;
    background: #f2f0f2 url(../images/background-promo-2.jpg) no-repeat center top;
    background-size: cover
}
@media only screen and (max-width: 1000px) {
    .promo_2 {
        background: 0 0;
        background-color: #f2f0f2
    }
}
.promo_3 {
    padding-top: 8.8rem;
    padding-bottom: 5.9rem;
    background: #f7f5f7 url(../images/background-promo-3.jpg) no-repeat center top;
    background-size: cover
}
.prices {
    padding-top: 4rem;
    padding-bottom: 11.1rem
}
.prices__btn {
    text-align: center
}
.data-prices {
    max-width: 88rem;
    margin: 0 auto;
    margin-bottom: 6.5rem
}
.data-prices__list {
    margin: 0;
    padding: 0;
    list-style: none
}
.data-prices__item {
    -webkit-border-radius: 5px;
    border-radius: 5px
}
.data-prices__item:nth-of-type(2n) {
    background-color: #f7f7f7
}
.data-prices__item table {
    width: 100%
}
.data-prices__item table thead tr th {
    padding: 1.3rem 7.2rem;
    text-align: left;
    font-size: 2.4rem;
    font-weight: 400;
    cursor: pointer
}
@media only screen and (max-width: 750px) {
    .data-prices__item table thead tr th {
        font-size: 1.8rem;
        padding: 2rem
    }
}
.data-prices__item table thead tr th span {
    border-bottom: 1px dotted #a0a0a0
}
.data-prices__item table thead tr th:nth-of-type(1) {
    padding-right: 3rem
}
@media only screen and (max-width: 750px) {
    .data-prices__item table thead tr th:nth-of-type(1) {
        padding: 2rem;
        padding-right: 0
    }
}
.data-prices__item table thead tr th:nth-of-type(2) {
    position: relative;
    width: 22rem;
    padding-left: 0;
    padding-right: 2rem
}
@media only screen and (max-width: 750px) {
    .data-prices__item table thead tr th:nth-of-type(2) {
        width: 14rem;
        padding: 2rem 3rem 2rem 1rem;
    }
}
.data-prices__item table thead tr th:nth-of-type(2)::before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 2.3rem;
    width: .9rem;
    height: 1.4rem;
    background: url(../images/icons/other/svg/arrow-right-blue-2.svg) no-repeat center center;
    background-size: contain
}
@media only screen and (max-width: 750px) {
    .data-prices__item table thead tr th:nth-of-type(2)::before {
        display: block;
        right:1.3rem;
    }
}
.data-prices__item table thead tr:hover th span {
    border-bottom-color: transparent
}
.data-prices__item table tbody {
    display: none
}
.data-prices__item table tbody tr td {
    padding: .4rem 7.2rem;
    text-align: left;
    font-size: 1.8rem;
    color: #535353
}
@media only screen and (max-width: 750px) {
    .data-prices__item table tbody tr td {
        font-size: 1.6rem
    }
}
.data-prices__item table tbody tr td:nth-of-type(1) {
    padding-right: 3rem
}
@media only screen and (max-width: 750px) {
    .data-prices__item table tbody tr td:nth-of-type(1) {
        padding: .4rem 2rem;
        padding-right: 0
    }
}
.data-prices__item table tbody tr td:nth-of-type(2) {
    width: 22rem;
    padding-left: 0;
    padding-right: 2rem
}
@media only screen and (max-width: 750px) {
    .data-prices__item table tbody tr td:nth-of-type(2) {
        width: 14rem;
        padding: .4rem 2rem
    }
}
.data-prices__item.active {
    padding-bottom: 3rem
}
.data-prices__item.active table thead tr th {
    color: #2c8dd8
}
.data-prices__item.active table thead tr th span {
    border-bottom-color: #2c8dd8
}
.data-prices__item.active table thead tr th:nth-of-type(2)::before {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg)
}
.data-prices__item.active table thead tr:hover th span {
    border-bottom-color: transparent
}
.data-prices__item.active table tbody {
    display: table-row-group
}
.questions {
    position: relative;
    padding-top: 8.7rem;
    padding-bottom: 8.2rem;
    text-align: center
}
.questions__tel {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 2.1rem;
    font-family: Circe, Arial, sans-serif;
    font-size: 3.6rem;
    font-weight: 700;
    text-decoration: none;
    color: #000
}
.questions__remark {
    display: inline-block;
    vertical-align: middle;
    margin-right: 1rem;
    font-size: 1.9rem
}
.questions__btn {
    display: inline-block;
    vertical-align: middle
}
.sentence {
    position: fixed;
    z-index: 100;
    left: 0;
    bottom: -1px;
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: #279df9;
    color: #fff
}
@media only screen and (max-width: 1000px) {
    .sentence {
        display: none
    }
}
.sentence__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.sentence__col-l {
    width: 65.1%;
    padding-left: 7.4rem;
    padding-right: 2rem
}
@media only screen and (max-width: 1100px) {
    .sentence__col-l {
        padding-left: 0
    }
}
.sentence__col-r {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 34.9%
}
.sentence__description {
    margin: 0;
    margin-bottom: .4rem;
    font-size: 1.8rem
}
.sentence__description b {
    font-weight: 600
}
.sentence__description:last-of-type {
    margin-bottom: 0
}
.sentence__description_small {
    font-size: 1.6rem
}
.sentence__btn {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 1.6rem 3.4rem;
    text-align: center;
    outline: 0;
    border: 2px solid #fff;
    background-color: transparent;
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04rem;
    text-decoration: none;
    color: #fff;
    -webkit-border-radius: 2500px;
    border-radius: 2500px;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s
}
.sentence__btn:hover {
    background-color: #fff;
    color: #279df9
}
.sentence__close {
    display: inline-block;
    vertical-align: middle;
    width: 1.9rem;
    height: 1.1rem;
    font-size: 0;
    background: url(../images/icons/other/svg/arrow-bottom-white-1.svg) no-repeat center center;
    background-size: contain
}
.services {
    padding-top: 9.1rem;
    padding-bottom: 5rem
}
@media only screen and (max-width: 750px) {
    .services {
        padding-bottom: 2rem
    }
}
.data-services__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none
}
.data-services__item {
    width: 20%;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center
}
@media only screen and (max-width: 750px) {
    .data-services__item {
        width: 50%;
        margin-bottom: 3rem
    }
}
.data-services__image {
    position: relative;
    height: 15rem;
    margin-bottom: 3rem
}
.data-services__image img {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: inline-block;
    vertical-align: top;
    max-width: 100%
}
.data-services__title {
    margin: 0;
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 1.35
}
.cascade-slider {
    margin-left: -10px;
    margin-right: -10px
}
.cascade-slider__list {
    position: relative;
    width: 100%;
    height: 300px;
    margin: 0;
    margin-bottom: 6.1rem;
    padding: 0;
    list-style: none;
    overflow: hidden
}
.cascade-slider__item {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%) scale(.3);
    -ms-transform: translateY(-50%) translateX(-50%) scale(.3);
    transform: translateY(-50%) translateX(-50%) scale(.3);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    opacity: 0;
    z-index: -1;
    text-align: center
}
.cascade-slider__item img {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 2rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 4px solid #eaeaea
}
.cascade-slider__item.next {
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-210%) scale(.8);
    -ms-transform: translateY(-50%) translateX(-210%) scale(.8);
    transform: translateY(-50%) translateX(-210%) scale(.8);
    opacity: 1;
    z-index: 1
}
.cascade-slider__item.prev {
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(110%) scale(.8);
    -ms-transform: translateY(-50%) translateX(110%) scale(.8);
    transform: translateY(-50%) translateX(110%) scale(.8);
    opacity: 1;
    z-index: 1
}
.cascade-slider__item.now {
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
    -ms-transform: translateY(-50%) translateX(-50%) scale(1);
    transform: translateY(-50%) translateX(-50%) scale(1);
    opacity: 1;
    z-index: 5
}
.cascade-slider__description {
    width: 18rem;
    min-height: 4.6rem;
    margin: 0 auto;
    font-size: 1.8rem;
    line-height: 1.33
}
.cascade-slider__control {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 23.6rem;
    margin: 0 auto
}
.cascade-slider__data {
    font-size: 1.8rem;
    color: #a5a5a5
}
.cascade-slider__arrow {
    display: inline-block;
    vertical-align: middle;
    border: 0;
    outline: 0;
    background: 0 0;
    width: 5.1rem;
    height: 1.8rem;
    cursor: pointer;
    font-size: 0
}
.cascade-slider__arrow_left {
    background: url(../images/icons/other/svg/arrow-left-blue-1.svg) no-repeat center center;
    background-size: contain
}
.cascade-slider__arrow_right {
    background: url(../images/icons/other/svg/arrow-right-blue-1.svg) no-repeat center center;
    background-size: contain
}
.cascade-slider__nav {
    position: absolute;
    bottom: -120px;
    width: 100%;
    text-align: center;
    z-index: 5
}
.cascade-slider__dot {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin: 1em;
    background: #ddd;
    list-style: none;
    cursor: pointer
}
.cascade-slider__dot:hover {
    background: #555
}
.cascade-slider__dot.cur {
    background: #555
}
.steps {
    padding-top: 11.1rem;
    padding-bottom: .2rem
}
@media only screen and (max-width: 750px) {
    .steps {
        padding-bottom: 5rem
    }
}
.data-steps__list {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none
}
@media only screen and (max-width: 750px) {
    .data-steps__list {
        display: block
    }
}
.data-steps__list:nth-of-type(1)::before {
    content: "";
    position: absolute;
    top: 2.2rem;
    left: 0;
    width: 100%;
    height: 1px;
    background: url(../images/elements/line-1.png) no-repeat center center
}
@media only screen and (max-width: 1190px) {
    .data-steps__list:nth-of-type(1)::before {
        display: none
    }
}
.data-steps__list:nth-of-type(2)::before {
    content: "";
    position: absolute;
    top: 2.2rem;
    left: 0;
    width: 100%;
    height: 1px;
    background: url(../images/elements/line-2.png) no-repeat center center
}
@media only screen and (max-width: 1190px) {
    .data-steps__list:nth-of-type(2)::before {
        display: none
    }
}
.data-steps__item {
    width: -webkit-calc((100% - 8rem)/3);
    width: calc((100% - 8rem)/3);
    margin-right: 4rem;
    margin-bottom: 6.9rem;
    padding-right: 11rem
}
@media only screen and (max-width: 1190px) {
    .data-steps__item {
        padding-right: 3rem
    }
}
@media only screen and (max-width: 1000px) {
    .data-steps__item {
        padding-right: 0
    }
}
@media only screen and (max-width: 750px) {
    .data-steps__item {
        width: auto;
        max-width: 40rem;
        margin: 0 auto;
        margin-bottom: 6rem;
        text-align: center
    }
    .data-steps__item:last-of-type {
        margin-bottom: 0
    }
}
.data-steps__item:nth-of-type(3n) {
    margin-right: 0
}
@media only screen and (max-width: 750px) {
    .data-steps__item:nth-of-type(3n) {
        margin: 0 auto;
        margin-bottom: 6rem
    }
}
.data-steps__number {
    display: block;
    margin-bottom: 1.8rem;
    font-size: 4.8rem;
    font-weight: 300;
    line-height: 1;
    color: #ea515b
}
.data-steps__number span {
    position: relative;
    top: .6rem;
    display: inline-block;
    vertical-align: top;
    margin-left: .7rem;
    font-size: 2rem;
    color: #c2c2c2
}
.data-steps__title {
    margin: 0;
    margin-bottom: 1.1rem;
    font-size: 2rem;
    font-weight: 600
}
.data-steps__description {
    margin: 0;
    margin-bottom: 1.7rem;
    font-size: 1.6rem;
    line-height: 1.62
}

.ui.button{cursor:pointer;display:inline-block;min-height:1em;outline:0;border:none;vertical-align:baseline;background:#e0e1e2;color:rgba(0,0,0,.6);font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;margin:0 .25em 0 0;padding:.78571429em 1.5em;text-transform:none;text-shadow:none;font-weight:700;line-height:1em;font-style:normal;text-align:center;text-decoration:none;border-radius:0;box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;-webkit-tap-highlight-color:transparent}
.ui.button:hover{background-color:#cacbcd;background-image:none;box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;color:rgba(0,0,0,.8)}
.ui.button:hover .icon{opacity:.85}
.ui.button:focus{background-color:#cacbcd;color:rgba(0,0,0,.8);background-image:!important;box-shadow:!important}
.ui.button:focus .icon{opacity:.85}
.ui.active.button:active,.ui.button:active{background-color:#babbbc;color:rgba(0,0,0,.9);box-shadow:0 0 0 1px transparent inset,none}
.ui.active.button{background-color:#c0c1c2;background-image:none;box-shadow:0 0 0 1px transparent inset;color:rgba(0,0,0,.95)}
.ui.active.button:hover{background-color:#c0c1c2;background-image:none;color:rgba(0,0,0,.95)}
.ui.active.button:active{background-color:#c0c1c2;background-image:none}
.ui.loading.loading.loading.loading.loading.loading.button{position:relative;cursor:default;text-shadow:none!important;color:transparent!important;opacity:1;pointer-events:auto;-webkit-transition:all 0 linear,opacity .1s ease;transition:all 0 linear,opacity .1s ease}
.ui.loading.button:before{position:absolute;content:'';top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1em;height:1em;border-radius:500rem;border:.2em solid rgba(0,0,0,.15)}
.ui.loading.button:after{position:absolute;content:'';top:50%;left:50%;margin:-.64285714em 0 0 -.64285714em;width:1em;height:1em;-webkit-animation:button-spin .6s linear;animation:button-spin .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#fff transparent transparent;border-style:solid;border-width:.2em;box-shadow:0 0 0 1px transparent}
.ui.labeled.icon.loading.button .icon{background-color:transparent;box-shadow:none}
@-webkit-keyframes button-spin {
from{-webkit-transform:rotate(0);transform:rotate(0)}
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes button-spin {
from{-webkit-transform:rotate(0);transform:rotate(0)}
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.ui.basic.loading.button:not(.inverted):before{border-color:rgba(0,0,0,.1)}
.ui.basic.loading.button:not(.inverted):after{border-top-color:#767676}
.ui.button:disabled,.ui.buttons .disabled.button,.ui.disabled.active.button,.ui.disabled.button,.ui.disabled.button:hover{cursor:default;opacity:.45!important;background-image:none!important;box-shadow:none!important;pointer-events:none}
.ui.basic.buttons .ui.disabled.button{border-color:rgba(34,36,38,.5)}
.ui.animated.button{position:relative;overflow:hidden;padding-right:0!important;vertical-align:middle;z-index:1}
.ui.animated.button .content{will-change:transform,opacity}
.ui.animated.button .visible.content{position:relative;margin-right:1.5em;left:auto;right:0}
.ui.animated.button .hidden.content{position:absolute;width:100%;top:50%;left:auto;right:-100%;margin-top:-.5em}
.ui.animated.button .hidden.content,.ui.animated.button .visible.content{-webkit-transition:right .3s ease 0;transition:right .3s ease 0}
.ui.animated.button:focus .visible.content,.ui.animated.button:hover .visible.content{left:auto;right:200%}
.ui.animated.button:focus .hidden.content,.ui.animated.button:hover .hidden.content{left:auto;right:0}
.ui.vertical.animated.button .hidden.content,.ui.vertical.animated.button .visible.content{-webkit-transition:top .3s ease,-webkit-transform .3s ease;transition:top .3s ease,transform .3s ease}
.ui.vertical.animated.button .visible.content{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);right:auto}
.ui.vertical.animated.button .hidden.content{top:-50%;left:0;right:auto}
.ui.vertical.animated.button:focus .visible.content,.ui.vertical.animated.button:hover .visible.content{-webkit-transform:translateY(200%);-ms-transform:translateY(200%);transform:translateY(200%);right:auto}
.ui.vertical.animated.button:focus .hidden.content,.ui.vertical.animated.button:hover .hidden.content{top:50%;right:auto}
.ui.fade.animated.button .hidden.content,.ui.fade.animated.button .visible.content{-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease}
.ui.fade.animated.button .visible.content{left:auto;right:auto;opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.ui.fade.animated.button .hidden.content{opacity:0;left:0;right:auto;-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5)}
.ui.fade.animated.button:focus .visible.content,.ui.fade.animated.button:hover .visible.content{left:auto;right:auto;opacity:0;-webkit-transform:scale(.75);-ms-transform:scale(.75);transform:scale(.75)}
.ui.fade.animated.button:focus .hidden.content,.ui.fade.animated.button:hover .hidden.content{left:0;right:auto;opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.ui.inverted.button{box-shadow:0 0 0 2px #fff inset!important;background:0 0;color:#fff;text-shadow:none!important}
.ui.inverted.buttons .button{margin:0 0 0 -2px}
.ui.inverted.buttons .button:first-child{margin-left:0}
.ui.inverted.vertical.buttons .button{margin:0 0 -2px}
.ui.inverted.vertical.buttons .button:first-child{margin-top:0}
.ui.inverted.button.active,.ui.inverted.button:focus,.ui.inverted.button:hover{background:#fff;box-shadow:0 0 0 2px #fff inset!important;color:rgba(0,0,0,.8)}
.ui.inverted.button.active:focus{background:#dcddde;box-shadow:0 0 0 2px #dcddde inset!important;color:rgba(0,0,0,.8)}
.ui.labeled.button:not(.icon){display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;background:0 0!important;padding:0!important;border:none!important;box-shadow:none!important}
.ui.labeled.button>.button{margin:0}
.ui.labeled.button>.label{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0 0 0 -1px !important;padding:;font-size:1em;border-color:rgba(34,36,38,.15)}
.ui.labeled.button>.tag.label:before{width:1.85em;height:1.85em}
.ui.labeled.button:not([class*="left labeled"])>.button{border-top-right-radius:0;border-bottom-right-radius:0}
.ui.labeled.button:not([class*="left labeled"])>.label,.ui[class*="left labeled"].button>.button{border-top-left-radius:0;border-bottom-left-radius:0}
.ui[class*="left labeled"].button>.label{border-top-right-radius:0;border-bottom-right-radius:0}
.ui.facebook.button{background-color:#3b5998;color:#fff;text-shadow:none;background-image:none;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}
.ui.facebook.button:hover{background-color:#304d8a;color:#fff;text-shadow:none}
.ui.facebook.button:active{background-color:#2d4373;color:#fff;text-shadow:none}
.ui.ok.button{background-color:#ed812b;color:#fff;text-shadow:none;background-image:none;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}
.ui.ok.button:hover{background-color:#F7AE69;color:#fff;text-shadow:none}
.ui.ok.button:active{background-color:#f59944;color:#fff;text-shadow:none}
.ui.twitter.button{background-color:#0084b4;color:#fff;text-shadow:none;background-image:none;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}
.ui.twitter.button:hover{background-color:#00719b;color:#fff;text-shadow:none}
.ui.twitter.button:active{background-color:#005f81;color:#fff;text-shadow:none}
.ui.mr.button{background-color:#168de2;color:#fff;text-shadow:none;background-image:none;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}
.ui.mr.button:hover{background-color:#00719b;color:#fff;text-shadow:none}
.ui.mr.button:active{background-color:#005f81;color:#fff;text-shadow:none}
.ui.mr.button{background-color:#168de2;color:#fff;text-shadow:none;background-image:none;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}
.ui.mr.button:hover{background-color:#00719b;color:#fff;text-shadow:none}
.ui.mr.button:active{background-color:#005f81;color:#fff;text-shadow:none}
.ui.google-plus.button{background-color:#dc4a38;color:#fff;text-shadow:none;background-image:none;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}
.ui.google-plus.button:hover{background-color:#de321d;color:#fff;text-shadow:none}
.ui.google-plus.button:active{background-color:#bf3322;color:#fff;text-shadow:none}
.ui.vk.button{background-color:#4D7198;color:#fff;background-image:none;box-shadow:0 0 0 0 rgba(34,36,38,.15) inset}
.ui.vk.button:hover{background-color:#41648a;color:#fff}
.ui.vk.button:active{background-color:#3c5876;color:#fff}
.ui.button>.icon:not(.button){height:.85714286em;opacity:.8;margin:0 .42857143em 0 -.21428571em;-webkit-transition:opacity .1s ease;transition:opacity .1s ease}
.ui.button>.right.icon:not(.button){margin:0 -.21428571em 0 .42857143em}
@font-face

{font-family:'fontello';src:url(http://vlgshop.ru/demo/demo3/fonts/fontello.ttf) format("truetype");font-weight:400;font-style:normal}

[class^="icon-"]:before,[class*=" icon-"]:before{font-family:"fontello";font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-shadow:1px 1px 1px rgba(127,127,127,0.3)}
.icon-vkontakte:before{content:'\e801'}
.icon-facebook:before{content:'\e806'}
.icon-twitter:before{content:'\e800'}
.icon-livejournal:before{content:'\e80f'}
.icon-odnoklassniki:before{content:'\e807'}
.icon-moimir:before{content:'\e80d'}
.icon-google-plus:before{content:'\e80e'}
.icon-linkedin:before{content:'\e80b'}
.icon-tumblr:before{content:'\e80a'}
.icon-pinterest:before{content:'\e805'}
.icon-blogger:before{content:'\e803'}
.icon-digg:before{content:'\e809'}
.icon-evernote:before{content:'\e804'}
.icon-reddit:before{content:'\e808'}
.icon-delicious:before{content:'\e813'}
.icon-stumbleupon:before{content:'\e811'}
.icon-pocket:before{content:'\e80c'}
.icon-surfingbird:before{content:'\e810'}
.icon-buffer:before{content:'\e802'}
.icon-readability:before{content:'\e812'}
.icon-instapaper:before{content:'\e814'}
.icon-xing:before{content:'\e815'}
.icon-wordpress:before{content:'\e81a'}
.icon-telegram:before{content:'\e819'}
.icon-viber:before { content: '\e816'; } /* '' */
.icon-whatsapp:before { content: '\e817'; } /* '' */
.icon-line:before { content: '\e818'; } /* '' */
.socki {display: flex;justify-content:center;}