/*---------------*/

header {
    width: 1270px;
    margin-left: -636px;
}

.teh {
    display: block;
    background-color: #fff;
    box-shadow: 0 2px 20px rgba(0, 0, 0, .1);
    margin: 0 auto;
    width: 1270px;
    padding: 0 0 20px;
    box-sizing: border-box;
    font-family: BlissPro, sans-serif;
}

.teh * {
    box-sizing: border-box;
}

.teh-title {
    font-size: 50px;
    line-height: 1;
    color: #2e2e2e;
    margin-bottom: 20px;
    text-align: center;
    font-weight: 900;
}

.teh-box {
    padding: 40px 60px;
}

/*-------------------------------*/
.teh .teh-banner {
    width: 100%;
    min-height: 547px;
    margin-bottom: 40px;
    color: #fff;
    margin-top: 50px;
}

.teh-banner .teh-btn {
    color: #2e2e2e;
    background-color: #fff;
}

.teh-banner__item {
    padding: 100px 60px;
    -webkit-background-size: cover;
    background-size: cover;
}

.teh-banner__body {
    max-width: 520px;
    text-align: center;
    position: relative;
}

.teh-banner__title {
    font-size: 50px;
    line-height: 1.1;
    text-transform: uppercase;
    margin-bottom: 38px;
    text-align: left;
}

.teh-banner__text {
    font-size: 30px;
    margin-bottom: 25px;
}

.teh-banner__type {
    font-size: 40px;
    line-height: 1.1;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.teh-banner__type span {
    font-weight: 900;
    display: block;
}

.teh .teh-banner .slick-prev {
    left: 5%;
    top: 60%;
}

.teh .teh-banner .slick-next {
    top: 60%;
    right: 55%;
}

.teh-banner__screen {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 115%;
}

.teh-banner__screen img {
    width: 100%;
}

/*-----------------------*/

.teh-stage {

}

.teh-text {
    margin: 0 auto 24px;
    text-align: center;
    max-width: 800px;

}

.teh-stage__list {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.teh-stage__item {
    width: 50%;
    margin-bottom: 25px;
}

/*teh-stage-card*/
.teh-stage-card {
    color: #2e2e2e;
    padding-left: 90px;
    position: relative;
}

.teh-stage-card__icon {
    position: absolute;
    top: 0;
    left: 0;
}

.teh-stage-card__body {

}

.teh-stage-card__title {
    font-size: 20px;
    line-height: 1;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 700;
}

.teh-stage-card__text {
    font-size: 17px;
}

.teh-request {
    position: relative;
    width: 100%;
    background: url(../img/teh/teh-request-bg-1.png) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    margin-bottom: 105px;
}

.teh-request .button--nina {
    padding: 0 60px;
}

.teh-btn {
    display: inline-block;
    padding: 20px 40px;
    border-radius: 8px;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    background-color: #1fc6aa;
    color: #ffffff;
    box-shadow: inset 0 -2px 1px rgba(0, 0, 0, .1),
    0 3px 10px 0px rgba(0, 0, 0, .1);
    margin: 0 5px;
    /*border-style:outset;*/
    /*border: 2px solid #16ab92;*/
}

.teh-btn.button--nina:hover {
    transform: none;
}

.teh-btn--big {
    padding: 20px 85px;
}

.teh-btn span {
    font-size: 22px;
    text-align: center;
    display: block;
    line-height: .8;
}

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

.teh-request__body {
    text-align: center;
    color: #ffffff;
    padding: 30px;
}

.teh-request__title {
    font-size: 35px;
    line-height: 1.2;
    text-transform: uppercase;
    padding: 0 110px;
}

.teh-request__subtitle {
    font-size: 20px;
    margin-bottom: 8px;
}

.teh-request__text {
    font-size: 27px;
    line-height: 1.2;
    text-transform: uppercase;
    max-width: 500px;
    margin: 0 auto 16px;
}

.teh-request .teh-btn {
    background-color: #fff;
    color: #000000;
}

.teh-request-decor-1 {
    position: absolute;
    bottom: -105px;
    left: 30px;
}

.teh-request-decor-2 {
    position: absolute;
    bottom: -105px;
    right: 235px;
}

.teh-request-decor-3 {
    position: absolute;
    bottom: -38px;
    right: 4px;
}

/*teh-detail*/
.teh-detail__list {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.teh-detail__col {
    width: 33.3333%;
}

.teh-detail__item {
    margin-bottom: 20px;
}

.teh-detail__group {
    width: 66%;
    /*display: flex;*/
    /*flex-flow: row nowrap;*/
    /*justify-content: flex-start;*/
    /*align-items: flex-start;*/
}

.teh-detail__group .teh-detail__col {
    width: 50%;
}

.teh-detail-card {

}

.teh-detail-card__header {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
}

.teh-detail-card__icon {
    margin-right: 14px;
}

.teh-detail-card__title {
    font-size: 20px;
    color: #2e2e2e;
    text-transform: uppercase;
    line-height: 1.2;
    font-weight: 700;
}

.teh-detail-card__body {
    padding-left: 42px;
}

.teh-detail-card__list {
    border-left: 1px solid #d4d4d4;
    padding-left: 38px;
    padding-top: 10px;
    margin-top: 10px;
}

.teh-detail-card__item {
    position: relative;
    padding-left: 20px;
    margin-bottom: 14px;
}

.teh-detail-card__item::before {
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    width: 6px;
    height: 6px;
    background-color: #01b97f;
    border-radius: 50px;
}

.teh-detail-card__item::after {
    content: '';
    position: absolute;
    top: 9px;
    left: -40px;
    width: 37px;
    height: 1px;
    background-color: #d4d4d4;
    border-radius: 50px;
}

.teh-detail-card__item span {

}

.teh-detail__btns {
    padding: 40px;
}

.teh-detail .teh-btn {
    padding: 20px 40px;
    color: #ffffff;
    margin-right: 10px;
    margin-bottom: 10px;
}

.teh-gold {
    padding: 40px 60px;
    background: url(../img/teh/teh-gold-bg-1.png) 0 0 no-repeat;
    /*background: rgb(8,162,133);*/
    /*background: -moz-linear-gradient(left, rgba(8,162,133,1) 0%, rgba(34,186,96,1) 100%);*/
    /*background: -webkit-linear-gradient(left, rgba(8,162,133,1) 0%,rgba(34,186,96,1) 100%);*/
    /*background: linear-gradient(to right, rgba(8,162,133,1) 0%,rgba(34,186,96,1) 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08a285', endColorstr='#22ba60',GradientType=1 );*/
    margin-bottom: 50px;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
}

.teh-gold__decor-1 {
    position: absolute;
    bottom: -4px;
    right: 97px;
}

.teh-gold__title {
    font-size: 50px;
    color: #ffffff;
    line-height: 1;

    margin-bottom: 28px;
}

.teh-gold__list {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    padding-right: 180px;
}

.teh-gold__item {
    max-width: 316px;
    margin-right: 10px;
}

.teh-gold__text {
    max-width: 520px;
    font-size: 20px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #84ffbd;
    margin-bottom: 13px;
}

.teh-gold__item:last-child {
    margin-right: 0;
}

.teh-gold-card {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    color: #ffffff;
}

.teh-gold-card__number {
    font-size: 60px;
    color: #ffffff;
    margin-right: 12px;
}

.teh-gold-card__body {
    font-size: 20px;
    line-height: 1;
}

/*teh-reviews*/
.teh-reviews {
    background-color: #f4f5f7;
    padding: 40px 60px;
}

.teh-reviews-slider {
    padding: 0 25px;
}

.teh-reviews-slider__item {
    padding: 0 25px;
}

.teh-reviews-card {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.teh-reviews-card__img {
    width: 71px;
    height: 71px;
    margin-right: 14px;
    position: relative;
    flex: 1 0 71px;
}

.teh-reviews-card__img span {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 100px;
}

.teh-reviews-card__img img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50px;
    transform: translate(-70%, -50%);
}

.teh-reviews-card__body {
    padding-left: 44px;
    position: relative;
}

.teh-reviews-card__body::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 33px;
    height: 26px;
    background: url(../img/teh/icon-mark.png) 0 0 no-repeat;
}

.teh-reviews-card__text {
    font-style: italic;
    font-size: 17px;
    line-height: 1;
    color: #231e20;
    margin-bottom: 10px;
}

.teh-reviews-card__footer {

}

.teh-reviews-card__more {
    display: inline-block;
    color: #1cc4a5;
    font-style: italic;
    margin-bottom: 23px;
    border-bottom: 1px dotted #1cc4a5;
}

.teh-reviews-card__user {
    color: #2e2e2e;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 700;
}

.teh .slick-initialized .slick-slide {
    height: auto;
}

.teh-slider {
    margin-bottom: 0;
}

.teh-slider .slick-next {
    position: absolute;
    right: 0;
    color: #fff;
    width: 43px;
    height: 50px;
    margin-top: 5px;
    background: url(../img/teh/teh-index-arrow-right.png) no-repeat;
}

.teh-slider .slick-prev {
    position: absolute;
    left: 0;
    color: #fff;
    width: 43px;
    height: 50px;
    margin-top: 5px;
    background: url(../img/teh/teh-index-arrow-left.png) no-repeat;
}

/*.teh-slider .slick-next:hover,*/
/*.teh-slider .slick-prev:hover {*/
/*background-position: -45px 0;*/
/*}*/

.teh-slider .slick-prev:before,
.teh-slider .slick-next:before {
    content: '';
    display: none;
}

.teh-slider .slick-prev {

}

.teh-slider .slick-dots {
    bottom: 30px;
}

.teh-slider .slick-dots li,
.teh-slider .slick-dots li button {
    background-color: #fff;
    width: 10px;
    height: 10px;
}

.teh-slider .slick-dots li.slick-active button {
    background-color: #22ccb1;
}

.teh-slider .slick-dots li button::before {
    content: '';
    display: none;
}

.teh-tariff {

}

.teh-tariff__grid {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

.teh-tariff__col {
    width: 32%;
    z-index: 2;
}

.teh-tariff__popular {
    width: 36%;
    position: relative;
    z-index: 3;
}

.teh-tariff__popular .teh-tariff-card {
    min-height: 540px;
    position: relative;
    border: 1px solid #434343;
}

.teh-tariff__popular .teh-tariff-card__body {
    padding: 25px 33px 30px;
    border-radius: 6px;
}

.teh-tariff__label {
    position: absolute;
    right: 0;
    top: 0;
    width: 111px;
    height: 65px;
    background: url(../img/teh/icon-label-popular.png) 0 0 no-repeat;
}

.teh-tariff__title {
    font-size: 20px;
    color: #2e2e2e;
    text-transform: uppercase;
    text-align: center;
    padding: 18px;
    max-width: 266px;
    margin: 0 auto;
    line-height: 1;
}

.teh-tariff-card {
    box-shadow: 0 5px 27px 0 rgba(0, 0, 0, .15);
    border-radius: 6px;
    background-color: #f9f9f9;
    min-height: 510px;
}

.teh-tariff-card__body {
    padding: 25px 33px;
    background-color: #fff;
    text-align: center;
}

.teh-tariff-card__footer {
    padding: 25px 33px;
    background-color: #f9f9f9;
}

.teh-tariff-card__more {
    text-align: center;
    font-size: 17px;
    display: none;
}

.teh-tariff-card__price {
    font-size: 16px;
    color: #2e2e2e;
    font-weight: 900;
    margin-bottom: 14px;
}

.teh-tariff-card__price span {
    font-size: 60px;
    color: #2e2e2e;
}

.teh-tariff-card__list {

}

.teh-tariff-card__item {
    margin-bottom: 14px;
    padding-left: 40px;
    position: relative;
    min-height: 23px;
}

.teh-tariff-card__item::before {
    content: '';
    position: absolute;
    background: url(../img/teh/icon-arrow-list.png) 0 0 no-repeat;
    width: 34px;
    height: 34px;
    top: -5px;
    left: 0;
}

.teh-tariff-card__text {
    margin-bottom: 14px;
}

.teh-tariff-card__text span {
    color: #09bc8a;
}

.teh-tariff-card__text-title {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
}

.teh-tariff .button--nina {

}

/*teh-example*/
.teh-example {

}

.teh-example-slider {

}

.teh-example-slider__item {

}

.teh-example-card {
    padding: 10px;
}

.teh-example-card__header {
    font-size: 16px;
    text-align: center;
    margin-bottom: 10px;
}

.teh-example-card__header span {
    font-size: 60px;
    color: #1ac3a2;
    font-weight: 900;
    line-height: .5;
}

.teh-example-card__img {
    text-align: center;
}

.teh-example-card__img img {
    display: inline-block;
}

.teh-example-card__text {
    font-size: 17px;
    color: #231e20;
    text-align: center;
}

/*-------------------------*/

.teh-approach {
    background-color: #f4f5f7;
    padding: 40px 60px;
    margin-bottom: 40px;
}

.bitrix .teh-approach {
    margin-bottom: 0;
}

.teh-approach__text {
    margin-bottom: 16px;
}

.teh-approach__list {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 50px;
    position: relative;
}

.teh-approach__list::after {
    content: '';
    position: absolute;
    left: 8%;
    right: 31%;
    top: 0;
    bottom: auto;
    height: 1px;
    background-color: #d4d4d4;
}

.teh-approach__item {
    width: 33.333%;
    margin-bottom: 24px;
    padding: 0 6px;
    box-sizing: border-box;
}

.teh-approach__item:last-child {
    margin-bottom: 0;
}

.teh-approach-card {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.teh-approach-card__title {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 10px;
}

.teh-approach-card__img {
    margin-right: 14px;
    position: relative;
}

.teh-approach-card__img::after {
    content: '';
    position: absolute;
    left: 50%;
    top: -50px;
    height: 38px;
    width: 1px;
    background-color: #d4d4d4;
}

.teh-approach__item:nth-child(1) .teh-approach-card__img::before {
    content: '';
    position: absolute;
    left: 50%;
    top: -50px;
    height: 1px;
    width: 100px;
    background-color: #d4d4d4;
}

.teh-approach__item:nth-child(3) .teh-approach-card__img::before {
    content: '';
    position: absolute;
    left: -35%;
    top: -50px;
    height: 1px;
    width: 100px;
    background-color: #d4d4d4;
}

/*-------------------------*/

.teh-client {

}

.teh-client-slider {
    padding: 0 50px;
}

.teh-client-slider__item {
    padding: 5px;
}

.teh-client-card {
    width: 165px;
    height: 76px;
    border: 1px solid #e5ecf2;
    padding: 5px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
}

.teh-client-card img {
    /*width: 90%;*/
    height: auto;
    text-align: center;
    -webkit-filter: grayscale(100%) contrast(50%);
    -moz-filter: grayscale(100%) contrast(50%);
    -ms-filter: grayscale(100%) contrast(50%);
    -o-filter: grayscale(100%) contrast(50%);
    filter: grayscale(100%) contrast(50%);
    filter: gray; /* IE 6-9 */
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.teh-client-card:hover img {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
    filter: none; /* IE 6-9 */
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

/*popup*/

/*modal*/
.lock-html {
    overflow: hidden;
    margin-right: 17px;
}

.lock-html
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.4);
    filter: alpha(opacity=80);
    /*display: none;*/
    opacity: 0;
    visibility: hidden;
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    position: fixed;
    outline: 0 !important;
    -webkit-backface-visibility: hidden;
    /*display: none;*/
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.popup {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
    cursor: auto;
}

.mfp-content {
    position: relative;
    display: inline-block !important;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
    width: 98%;
}

.white-popup-block {
    background: #FFF;
    padding: 20px 30px;
    text-align: left;
    max-width: 650px;
    margin: 40px auto;
    position: relative;
}

/*popup show*/
.popup-show {
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-animation: scaleUp 0.2s;
    animation: scaleUp 0.2s;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.popup-slide__show {
    opacity: 1 !important;
    visibility: visible !important;
}

.dropdown-show .icon-dropdown {
    -webkit-transform: rotate(180deg) translateY(50%) !important;
    -ms-transform: rotate(180deg) translateY(50%) !important;
    transform: rotate(180deg) translateY(50%) !important;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.is-visible {
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
}

.is-visible .popup {
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    /*overflow-y: auto;*/
    -webkit-overflow-scrolling: touch;
}

.is-show__smoothly {
    opacity: 1 !important;
    visibility: visible;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.is-hide {
    display: none !important;
}

.popup {
    max-width: 740px;
    background-color: #FFF;
    /*overflow: hidden;*/
    border-radius: 6px;
    -webkit-box-shadow: 0 16px 57px 0 rgba(0, 0, 0, 0.47);
    box-shadow: 0 16px 57px 0 rgba(0, 0, 0, 0.47);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    margin: 0 auto;
    font-family: 'BlissPro', sans-serif;
    box-sizing: border-box;
}

.popup * {
    box-sizing: border-box;
}

.popup .c-obligatory-field {
    color: #eb343e;
}

.popup .c-grid {
    margin-left: -7px;
    margin-right: -7px;

}

.popup a {
    color: #eb343e;
    text-decoration: none;
}

.popup-box {
    position: relative;
    min-height: 100%;
    overflow: hidden;
}

.popup-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    border-radius: 0 4px 0 4px;
    -webkit-background-size: 10px 11px;
    background-color: #1bc4a4;
    background-size: 10px 11px;
    cursor: pointer;
}

.popup-close::before {
    content: '';
    position: absolute;
    top: 7px;
    left: 14px;
    width: 2px;
    height: 16px;
    background-color: #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.popup-close::after {
    content: '';
    position: absolute;
    top: 14px;
    left: 7px;
    width: 16px;
    height: 2px;
    background-color: #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.popup-body {
    position: relative;
    z-index: 10;
    /*overflow: hidden;*/
    padding: 20px 40px 30px;
    background: #fff url('../img/teh//bg-popup-teh.jpg') 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.popup-body__decor-1 {
    position: absolute;
    z-index: -1;
    top: -120px;
    left: 30px;
}

.popup-body__decor-2 {
    position: absolute;
    z-index: -1;
    right: -49px;
    bottom: -20px;
}

.popup__desc {
    margin-bottom: 20px;
    border-bottom: 6px solid #7e5847;
}

.popup-back {
    display: none;
    vertical-align: middle;
}

.popup-title {
    position: relative;
    text-align: center;
    color: #2e2e2e;
    background-color: #fff;
    font-size: 33px;
    padding: 17px 20px;
    line-height: 1;
    border-radius: 6px 6px 0 0;
}

.popup-title__layout {
    font-size: 0;
}

.popup-title__btn {
    font-size: 14px;
    text-transform: uppercase;
    margin: 0 22px;
    position: relative;
}

.popup-title__btn:last-child {
    margin-right: 0;
    border: none;
}

.popup-title__btn:first-child {
    margin-left: 0;
}

.popup-title__btn:first-child::after {
    content: '';
    position: absolute;
    top: 5px;
}

.popup-title__btn.active {
    font-weight: 700;
    cursor: default;
}

.popup-title__btn.active::after {
    content: '';
    border: none;
}

.popup-info {
    margin-top: 4px;
    color: #ffffff;
}

.popup-form__item {
    margin-bottom: 16px;
    text-align: left;
}

.popup-form__item:last-child {
    margin-bottom: 0;
}

.popup .c-col {
    padding: 8px 8px;
}

.popup-grid {
    margin-left: -10px;
    margin-right: -10px;
}

.popup-grid::after {
    content: '';
    clear: both;
    display: table;
}

.popup-col {
    width: 50%;
    padding: 0 10px;
    float: left;
}

@-webkit-keyframes scaleUp {
    0% {
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        transform: scale(0.6);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scaleUp {
    0% {
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        transform: scale(0.6);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideDown {
    0% {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.popup-form__item {
    position: relative;
}

.popup .c-label {
    position: absolute;
    top: 12px;
    left: 17px;
}

.c-input {
    padding: 13px 17px;
    background-color: #fff;
    border-radius: 4px;
    width: 100%;
}

.c-obligatory-field {
    color: #21b961;
}

.c-checkbox-input {
    display: none;
}

.popup .c-checkbox-label {
    color: #ffffff;
}

.c-checkbox-label {
    font-size: 15px;
    font-family: 'BlissPro', sans-serif;
    padding-left: 24px;
    position: relative;
    cursor: pointer;
}

.c-checkbox-label::before {
    content: '';
    position: absolute;
    top: -1px;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background-color: #fff;
}

.c-checkbox-input:checked + .c-checkbox-label::after {
    content: '';
    position: absolute;
    top: 4px;
    left: 6px;
    width: 11px;
    height: 11px;
    border-radius: 4px;
    background: #fff url('../img/teh//icon-check.png') 0 0 no-repeat;
}

.l-btn {

}

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

.popup-btn {
    cursor: pointer;
    display: inline-block;
    border-radius: 5px;
    background-image: -moz-linear-gradient(90deg, rgb(254, 254, 254) 0%, rgb(251, 251, 251) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(254, 254, 254) 0%, rgb(251, 251, 251) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(254, 254, 254) 0%, rgb(251, 251, 251) 100%);
    box-shadow: 0px 5px 14.22px 3.78px rgba(0, 0, 0, 0.15);
    padding: 16px 77px;
    font-size: 16px;
    color: #000000;
}

.popup-form__item .c-label {
    transition: all .2s ease;
}

.popup-form__item.is-focus .c-label {
    top: -16px;
    left: 0;
    padding: 4px 0 4px 17px;
    font-size: 12px;
    width: 100%;
    color: #fff;
    background: #1bc4a4;
    transition: all .2s ease;
}

.popup-reviews .popup {
    max-width: 1056px;
}

.popup-reviews .popup-body {
    background: #fff;
}

.popup-reviews-slider__item {
    height: auto !important;
}

.teh-slider.popup-reviews-slider .slick-next {
    right: -56px;
}

.teh-slider.popup-reviews-slider .slick-prev {
    left: -56px;
}

.popup-success {
    /*position: relative;*/
}

.popup-success .popup {
    max-width: 540px;
    overflow: hidden;
}

.popup-success .popup-body {
    background: #fff;
    overflow: hidden;
}

.popup-success-content {
    text-align: center;
}

.popup-success-content__text {
    font-size: 27px;
    color: #2e2e2e;
}

.popup-success-content__text span {
    display: block;
}

.popup-success__decor-1 {
    position: absolute;
    z-index: 11;
    right: -41px;
    bottom: -133px;

}

.slick-prev,
.slick-next {
    transition: all .1s ease-in-out;
}

.teh .teh-banner .slick-prev:hover,
.teh .teh-banner .slick-next:hover {
    top: 59%;
}

.slick-prev:hover,
.slick-next:hover {
    /*transform: translate(0, 50%);*/
    top: 48%;
    transition: all .1s ease-in-out;
}

/*grid------------------------------------------------------------*/
.c-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: -14px;
    margin-right: -14px;
}

.c-grid-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.c-grid-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.c-grid-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.c-col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    max-width: 100%;
    padding: 1.4rem;
}

.c-col-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

.c-col-1 {
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.c-col-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.c-col-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%;
}

.c-col-4 {
    -ms-flex: 0 0 33%;
    -webkit-box-flex: 0;
    flex: 0 0 33%;
    max-width: 33%;
}

.c-col-5 {
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.c-col-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
}

.c-col-7 {
    -ms-flex: 0 0 58%;
    -webkit-box-flex: 0;
    flex: 0 0 58%;
    max-width: 58%;
}

.c-col-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.c-col-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
    flex: 0 0 75%;
    max-width: 75%;
}

.c-col-10 {
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

.c-col-11 {
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

.c-col-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
}

.c-inputfile {
    background-color: #fff;
    border-radius: 6px;
    padding: 16px;
    position: relative;
    padding-left: 41px;
}

.icon-clip {
    display: inline-block;
    width: 15px;
    height: 18px;
    background: url(../img/teh/icon-clip.png) 0 0 no-repeat;
    margin-right: 6px;
    position: absolute;
    top: 16px;
    left: 16px;
}

.c-inputfile__input {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.c-inputfile__input + label {
    font-size: 16px;
    color: #2e2e2e;
    font-style: italic;
    display: inline-block;
    cursor: pointer;
    /* "hand" cursor */
    text-transform: lowercase;
}

.c-inputfile__input + label * {
    pointer-events: none;
}

.c-inputfile__input:focus + label {
    outline: 1px dotted #9b9595;
    outline: -webkit-focus-ring-color auto 5px;
}

/*media*/
@media (max-width: 1270px) {
    .teh {
        width: 100%;
    }

    .teh-banner__screen {
        width: 100%;
        left: 105%;
    }

    .teh-banner__body {
        max-width: 50%;
        position: relative;
    }

    .teh-banner__title {
        font-size: 40px;
    }

    .teh .teh-banner .slick-next {
        right: 51%;
    }

    .teh-banner__type {
        font-size: 30px;
    }
}

@media (max-width: 1200px) {

    .teh-detail__btns {
        padding: 10px 40px;
    }

    .teh-detail__btns .teh-btn {
        width: 100%;
        max-width: 400px;
    }

    .teh-gold,
    .teh-reviews,
    .teh-approach,
    .teh-box {
        padding: 30px;
    }

    .teh-approach {
        margin-bottom: 20px;
    }

    .teh-gold {
        background-position: 50% 0;
    }

    .teh-gold__title {
        text-align: center;
        font-size: 40px;
    }

    .teh-approach__list {
        justify-content: center;
    }

    .teh-approach__item {
        width: 370px;
    }

    .teh-tariff .teh-btn--big {
        padding: 14px 20px;
        width: 100%;
    }

}

@media (max-width: 1000px) {
    .teh-request-decor-2,
    .teh-request-decor-3 {
        display: none;
    }

    .teh-request-decor-1 {
        width: 220px;
        left: 50%;
        transform: translateX(-50%);

    }

    .teh-request-decor-1 img {
        width: 100%;
    }

    .teh-request__body {
        padding-bottom: 125px;
    }

    .teh-request__text {
        max-width: 100%;
    }

    .teh-detail-card__body {
        display: none;
    }

    .teh-detail__list {
        /*display: block;*/
    }

    .teh-detail__col,
    .teh-detail__group {
        width: 50%;
    }

    .teh-detail__group .teh-detail__list {
        display: block;
    }

    .teh-detail__group .teh-detail__col {
        width: 100%;
    }

    .teh-detail__list {
        position: relative;
        padding-bottom: 80px;
    }

    .teh-detail__btns {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }

    .teh-detail__btns .teh-btn {
        max-width: 100%;
        min-width: 320px;
    }

    .teh-detail-card {
        padding: 0 15px;
    }

}

@media (max-width: 960px) {
    .teh {
        margin-right: -10px;
        margin-left: -10px;
        width: auto;
    }

    .teh-banner__title {
        font-size: 33px;
        text-align: center;
    }

    .teh-slider .slick-dots {
        bottom: 70px;
    }

    .teh-banner__item {
        padding: 100px 26px;
    }

    .teh .teh-banner .slick-prev {
        left: 4%
    }

    .popup-body__decor-1,
    .popup-body__decor-2 {
        display: none;
    }

}

@media (max-width: 840px) {
    .teh-stage__item {
        width: 100%;
    }

    .teh-box {
        padding: 20px 20px;
    }

    .teh .teh-banner {
        margin-bottom: 20px;
    }

    .teh-title {
        padding: 0 20px;
        line-height: 1 !important;
        font-size: 33px !important;
        margin-bottom: 25px;
    }

    .teh-approach__list {
        display: block;
        margin-bottom: 8px;
    }

    .teh-approach__item {
        width: 100%;
        margin-bottom: 10px;
    }

    .teh-approach-card__img {
        max-width: 80px;
        flex: 1 0 80px;
    }

    .teh-approach-card__img img {
        width: 100%;
    }

    .teh-btn {
        padding: 20px 26px;
        margin: 0 2px
    }

    .teh-tariff__grid {
        display: block;
    }

    .teh-tariff__popular,
    .teh-tariff__col {
        width: 100%;
        min-height: 0;
    }

    .teh-tariff-card {
        min-height: 0;
    }

    .teh-tariff__popular .teh-tariff-card {
        border: none;
        min-height: 0;
    }

    .teh-tariff__title {
        max-width: 100%;
    }

    .teh-tariff .teh-btn--big {
        max-width: 246px;
    }

    .teh-tariff-card__body {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        align-items: center;
    }

    .teh-tariff-card__price {
        padding: 0 10px;
    }

    .teh-tariff-card__body,
    .teh-tariff__popular .teh-tariff-card__body {
        padding: 17px 24px 10px;
    }

    .teh-tariff-card__price {
        margin-bottom: 6px;
    }

    .teh-tariff-card__footer {
        border-top: 1px solid #d9d9d9;
    }

    .teh-tariff-card__more {
        display: block;
    }

    .teh-tariff-card__footer-box {
        display: none;
        padding-top: 12px;
    }

}

@media (min-width: 840px) {
    .teh-tariff-card__footer-box {
        display: block !important;
    }

}

@media (max-width: 800px) {
    .teh-detail__col, .teh-detail__group {
        width: 100%;
    }

    .teh-detail__list {
        padding-bottom: 0px;
        display: block;
    }

    .teh-detail__btns {
        position: static;
        transform: none;
        padding: 10px 0;
    }

    .teh-detail-card__icon {
        width: 45px;
        height: 45px;
    }

    .teh-detail-card__icon img {
        width: 100%;
    }

    .teh-detail-card {
        padding: 0;
    }

    .teh {
        margin-left: -10px;
        margin-right: -10px;
        width: auto;
    }

    .teh-request__text {
        font-size: 17px;
    }

    .teh-request__title {
        font-size: 26px;
    }

    .teh-btn--big {
        padding: 20px;
        width: 100%;
    }
}

@media (max-width: 760px) {
    .teh-banner__body {
        max-width: 100%;
        width: 100%;
    }

    .teh-banner__screen {
        position: static;
        transform: none;
    }

    .teh .teh-banner .slick-next {
        top: 22%;
        right: 3%;
    }

    .teh .teh-banner .slick-prev:hover,
    .teh .teh-banner .slick-next:hover {
        top: 21%;
    }

    .teh .teh-banner .slick-prev {
        top: 22%;
        left: 3%;
    }

    .teh-banner__title {
        margin-bottom: 13px;
    }

    .teh-banner__item {
        padding: 66px 26px 30px;
    }

    .teh-banner .slick-dots {
        display: none !important;
    }

    .teh-request__title {
        padding: 0;
    }
}

@media (max-width: 700px) {
    .teh-banner__item {
        padding: 30px 26px 30px;
    }

    .teh-banner__text {
        margin-bottom: 6px;
    }
}

@media (max-width: 640px) {
    .teh-gold__decor-1 {
        width: 105px;
    }

    .teh-gold__decor-1 img {
        width: 100%;
    }

    .teh-gold {
        padding-bottom: 109px;
    }

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

    .teh-gold__list {
        padding-right: 0;
    }

    .teh-gold__title {
        font-size: 30px;
    }

    .teh-detail__btns .teh-btn {
        min-width: 0;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding: 20px 10px;
    }

    .teh-reviews,
    .teh-approach,
    .teh-box {
        padding: 17px;
    }

    .teh-btn {
        width: 100%;
        margin-bottom: 10px;
        padding: 10px 20px;
    }

    .teh-approach .teh-title {
        margin-bottom: 14px;
    }

    .teh-reviews-card {
        display: block;
        text-align: center;
    }

    .teh-reviews-card__img {
        margin: 0 auto 12px;
    }

    .teh-reviews-card__body {
        padding-left: 0;
    }

    .teh-reviews-card__body::before {
        content: '';
        left: -25px;
        width: 25px;
        height: 18px;
        -webkit-background-size: cover;
        background-size: cover;
    }

    .popup-reviews-slider .teh-reviews-card__body::before {
        content: '';
        display: none;
    }

    .popup-reviews-slider .teh-reviews-card {
        text-align: left;
    }

    .popup-reviews-slider .popup-body {
        padding: 0 40px 30px;
    }
}

@media (max-width: 580px) {
    .teh-gold {
        padding-left: 17px;
        padding-right: 17px;
        margin-bottom: 20px;
    }

    .teh-gold-card__body {
        font-size: 17px
    }

    .teh-stage-card__title {
        font-size: 17px;
    }

    .teh-stage-card {
        padding-left: 75px;
    }

    .teh-stage-card__icon {
        width: 60px;
    }

    .teh-stage-card__icon img {
        width: 100%;
    }

    .teh-request-decor-1 {
        width: 175px;
    }

    .teh-request__body {
        padding-bottom: 95px;
    }

    .teh-request-decor-1 {
        bottom: -82px;
    }

    .popup .c-col-6 {
        width: 100%;
        max-width: 100%;
    }

    .popup .c-grid {
        display: block;
    }
}

@media (max-width: 580px) {
    .teh-client-card {
        width: auto;
    }
}

/*animation*/
.teh-btn {
    transition: all .2s ease-in-out;
}

.teh-btn:hover {
    transition: all .2s ease-in-out;
    /*transform: scale(1.02);*/
    box-shadow: inset 0 -2px 1px rgba(0, 0, 0, .1),
    0 5px 17px 0px rgba(9, 66, 66, 0.3);
    /*background-color: #16ab92;*/
    /*opacity: .9;*/
}

.add-animation .scroll-to-reveal {
    opacity: 0;
}

.add-animation .scroll-to-reveal.fadeInUp {
    animation: fadeInUp 1s ease-in-out;
    animation-fill-mode: forwards;
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 50px, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

/*кнопка*/
.button {
    display: inline-block;
    /*max-width: 300px;*/
    /*display: block;*/
    /*margin: 10px;*/
    /*padding: 10px 30px;*/
    border: none;
    background: none;
    color: inherit;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 6px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1);
}

.button--nina {
    display: inline-block;
    padding: 0 30px;
    background: #1ec5a9;
    color: #fff;
    overflow: hidden;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
    font-weight: 700;
    text-align: center;
}

.button--nina.button--inverted {
    background: #fff;
    color: #000;
}

.button--nina > span {
    font-size: 17px;
    display: inline-block;
    padding: 1em 0;
    opacity: 0;
    color: #fff;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
    -webkit-transition: -webkit-transform 0.1s, opacity 0.1s;
    transition: transform 0.1s, opacity 0.1s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.button--nina::before {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1em 0;
    -webkit-transition: -webkit-transform 0.1s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.button--nina:hover {
    background-color: #1ec5a9;;
}

.button--nina:hover::before {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}

.button--nina:hover > span {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.button--nina:hover > span:nth-child(1) {
    -webkit-transition-delay: 0.045s;
    transition-delay: 0.045s;
}

.button--nina:hover > span:nth-child(2) {
    -webkit-transition-delay: 0.09s;
    transition-delay: 0.09s;
}

.button--nina:hover > span:nth-child(3) {
    -webkit-transition-delay: 0.135s;
    transition-delay: 0.135s;
}

.button--nina:hover > span:nth-child(4) {
    -webkit-transition-delay: 0.18s;
    transition-delay: 0.18s;
}

.button--nina:hover > span:nth-child(5) {
    -webkit-transition-delay: 0.225s;
    transition-delay: 0.225s;
}

.button--nina:hover > span:nth-child(6) {
    -webkit-transition-delay: 0.27s;
    transition-delay: 0.27s;
}

.button--nina:hover > span:nth-child(7) {
    -webkit-transition-delay: 0.315s;
    transition-delay: 0.315s;
}

.button--nina:hover > span:nth-child(8) {
    -webkit-transition-delay: 0.36s;
    transition-delay: 0.36s;
}

.button--nina:hover > span:nth-child(9) {
    -webkit-transition-delay: 0.405s;
    transition-delay: 0.405s;
}

.button--nina:hover > span:nth-child(10) {
    -webkit-transition-delay: 0.45s;
    transition-delay: 0.45s;
}

.button--nina:hover > span:nth-child(11) {
    -webkit-transition-delay: 0.495s;
    transition-delay: 0.495s;
}

.button--nina:hover > span:nth-child(12) {
    -webkit-transition-delay: 0.54s;
    transition-delay: 0.54s;
}

.button--nina:hover > span:nth-child(13) {
    -webkit-transition-delay: 0.585s;
    transition-delay: 0.585s;
}

.button--nina:hover > span:nth-child(13) {
    -webkit-transition-delay: 0.63s;
    transition-delay: 0.63s;
}

.button--nina:hover > span:nth-child(14) {
    -webkit-transition-delay: 0.675s;
    transition-delay: 0.675s;
}

.button--nina:hover > span:nth-child(15) {
    -webkit-transition-delay: 0.72s;
    transition-delay: 0.72s;
}

.button--nina:hover > span:nth-child(16) {
    -webkit-transition-delay: 0.765s;
    transition-delay: 0.765s;
}

.button--nina:hover > span:nth-child(17) {
    -webkit-transition-delay: 0.810s;
    transition-delay: 0.810s;
}

.button--nina:hover > span:nth-child(18) {
    -webkit-transition-delay: 0.855s;
    transition-delay: 0.855s;
}

.button--nina:hover > span:nth-child(19) {
    -webkit-transition-delay: 0.900s;
    transition-delay: 0.900s;
}

.button--nina:hover > span:nth-child(20) {
    -webkit-transition-delay: 0.945s;
    transition-delay: 0.945s;
}

.button--nina:hover > span:nth-child(21) {
    -webkit-transition-delay: 0.990s;
    transition-delay: 0.990s;
}

.button--nina:hover > span:nth-child(22) {
    -webkit-transition-delay: 1.035s;
    transition-delay: 1.035s;
}

.button--nina:hover > span:nth-child(23) {
    -webkit-transition-delay: 1.080s;
    transition-delay: 1.080s;
}

.button--nina:hover > span:nth-child(24) {
    -webkit-transition-delay: 1.125s;
    transition-delay: 1.125s;
}

.button--nina:hover > span:nth-child(25) {
    -webkit-transition-delay: 1.170s;
    transition-delay: 1.170s;
}

.button--nina:hover > span:nth-child(26) {
    -webkit-transition-delay: 1.215s;
    transition-delay: 1.215s;
}

/* Ujarak */
.button--ujarak {
    -webkit-transition: border-color 0.4s, color 0.4s;
    transition: border-color 0.4s, color 0.4s;
    overflow: hidden;
    background-color: #1ec5a9;
    color: #fff;
    border-radius: 6px;
}

.button--ujarak::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: #37474f;*/
    background-color: #ffffff;
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale3d(0.7, 1, 1);
    transform: scale3d(0.7, 1, 1);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button--ujarak.button--round-s::before {
    border-radius: 2px;
}

.button--ujarak.button--inverted::before {
    background: #7986CB;
}

.button--ujarak,
.button--ujarak::before {
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button--ujarak:hover {
    /*color: #fff;*/
    border-color: #1ec5a9;
    color: #79827F;

}

.button--ujarak.button--inverted:hover {
    color: #37474F;
    border-color: #fff;
}

.button--ujarak:hover::before {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

/*------------------------------*/
/*------------------------------*/
/*------------------------------*/

.bitrix {
    display: block;
    background-color: #fff;
    box-shadow: 0 2px 20px rgba(0, 0, 0, .1);
    margin: 0 auto;
    width: 1270px;
    padding: 0 0 20px;
    box-sizing: border-box;
    font-family: BlissPro, sans-serif;
}

.bitrix-banner {
    /*min-height: 550px;*/
    margin-bottom: 40px;
    -webkit-background-size: cover;
    background-size: cover;

}

.bitrix .bitrix-title {
    font-size: 50px;
    text-align: center;
    padding: 0 20px;
    margin-bottom: 10px;
    font-weight: 700;
}

/*.bitrix-banner img {*/
/*width: 100%;*/
/*height: auto;*/
/*}*/

.bitrix-banner {
    position: relative;
    min-height: 545px;
}

.bitrix-banner__body {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 60px;
}

.bitrix-banner__sale {
    font-size: 88px;
    /*font-family: "Bliss Pro";*/
    font-family: sans-serif;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 1.134;
    text-shadow: 0px 12px 13px rgba(29, 101, 131, 0.3);

}

.bitrix-banner__title {
    margin-bottom: 20px;
}

.bitrix-banner__price {

    font-size: 29px;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.792;
    text-align: left;
    text-shadow: 0px 12px 13px rgba(29, 101, 131, 0.3);
    margin-bottom: 6px;
}

.bitrix-banner__price span {
    font-size: 106px;
    font-weight: 700;
    line-height: 1;
}

.bitrix-banner__onsale {
    font-size: 37px;
    line-height: 1;
    color: #ffffff;
    text-shadow: 0px 12px 13px rgba(29, 101, 131, 0.3);

}

.bitrix-banner__onsale span {
    color: #2e2e2e;
}

/*-------------------------------*/
.bitrix-whom {
    padding: 10px 40px 30px;
}

.bitrix-whom__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.bitrix-whom__item {
    width: 14.2%;
    margin-bottom: 14px;
}

.bitrix-whom-card {
    text-align: center;
}

.bitrix-whom-card__icon {
    display: inline-block;
    margin-bottom: 12px;
    text-align: center;
    width: 106px;
    height: 106px;
    background-color: #e8f9ff;
    border: 1px solid #b2eae7;
    position: relative;
    border-radius: 150px;
}

.bitrix-whom-card__icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.bitrix-whom-card__body {

}

.bitrix-whom-card__title {
    font-size: 14px;
    color: #2e2e2e;
    text-align: center;
    text-transform: uppercase;
    line-height: 1;
}

/*-----------------------*/
.bitrix-crm {
    margin-bottom: 34px;
    background: rgba(0, 176, 220, 1);
    background: -moz-linear-gradient(left, rgba(0, 176, 220, 1) 0%, rgba(33, 200, 175, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 176, 220, 1)), color-stop(100%, rgba(33, 200, 175, 1)));
    background: -webkit-linear-gradient(left, rgba(0, 176, 220, 1) 0%, rgba(33, 200, 175, 1) 100%);
    background: -o-linear-gradient(left, rgba(0, 176, 220, 1) 0%, rgba(33, 200, 175, 1) 100%);
    background: -ms-linear-gradient(left, rgba(0, 176, 220, 1) 0%, rgba(33, 200, 175, 1) 100%);
    background: linear-gradient(to right, rgba(0, 176, 220, 1) 0%, rgba(33, 200, 175, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b0dc', endColorstr='#21c8af', GradientType=1);
}

.bitrix-crm .bitrix-title {
    color: #ffffff;
    font-weight: 700;
    line-height: 1;
}

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

.bitrix-crm__item {
    padding: 10px 10px;
    width: 33.333%;
    box-sizing: border-box;
}

.bitrix-crm-card {
    text-align: center;
    color: #ffffff;
}

.bitrix-crm-card__icon {
    margin-bottom: 14px;
}

.bitrix-crm-card__body {

}

.bitrix-crm-card__title {
    font-size: 20px;
    line-height: 1;
    margin-bottom: 14px;
    text-transform: uppercase;
    font-weight: 700;
}

.bitrix-crm-card__text {
    font-size: 17px;
    line-height: 1.1;
}

.bitrix .slick-initialized .slick-slide {
    height: auto;
}

/*----------------------------*/
.bitrix-package {
    padding: 20px 60px 40px;
    /*margin-bottom: 40px;*/
}

.c-package {
    color: #231e20;
}

.c-package-note {
    font-size: 16px;
    font-style: italic;
    color: #7d7d7d;
}

.c-package-card {
    width: 100%;
    color: #2e2e2e;
    padding: 10px 0;
    position: relative;
}

.c-package-card__title {
    font-size: 22px;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 5px;
}

.c-package-card__subtitle {
    font-size: 16px;
    color: #7d7d7d;
    /*margin-bottom: 6px;*/
    line-height: 1;
}

.c-package-card__price {
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    white-space: nowrap;
}

.c-package-card__price span {
    font-size: 50px;
}

.c-package-card .teh-btn {
    box-shadow: none;
    width: 100%;
    box-sizing: border-box;
    padding: 17px 35px;
}

.c-package-card .button--ujarak:hover {
    color: #e8f9ff;
}

.c-package-card .button--ujarak::before {
    background-color: #3bc4e6;

}

.c-package-card__label {
    position: absolute;
    right: -14px;
    top: -8px;
    width: 111px;
    height: 65px;
    background: url(../img/bitrix24/icon-label-popular.png) 0 0 no-repeat;
}

.c-package-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: nowrap;
    flex-flow: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.c-package-nav {
    width: 25%;
    border: 1px solid #e8eef1;
    border-right: none;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
}

.c-package-nav .c-package-col {
}

.c-package-col {
    padding: 8px 13px;
    line-height: 1;
}

.c-package-body {
    width: 75%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: nowrap;
    flex-flow: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.c-package-body .c-package-col {
    text-align: center;
    width: 33.333%;
    border-left: 3px solid #e8eef1;
    border-right: 3px solid #e8eef1;
    border-top: 1px solid #e8eef1;
    border-bottom: 1px solid #e8eef1;
    margin: 0 2px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}

.c-package-body .c-package-col:first-child {
    margin-left: 0;
}

.c-package-body .c-package-col:last-child {
    margin-right: 0;
}

.c-package-row__title {
    text-transform: uppercase;
    font-weight: 700;
    background-color: #e8eef1;
    color: #2e2e2e;
    font-size: 15px;
}

.c-package-row__title .c-package-col {
    width: 100%;
}

.c-package-row:last-child .c-package-body .c-package-col {
    position: relative;
}

.c-package-row:last-child .c-package-body .c-package-col::after {
    content: '';
    position: absolute;
    top: 100%;
    width: 100%;
    border-radius: 0 0 6px 6px;
    left: -3px;
    height: 8px;
    border-left: 3px solid #e8eef1;
    border-right: 3px solid #e8eef1;
    border-top: none;
    border-bottom: 3px solid #e8eef1;

}

.c-package-check {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../img/icon-bitrix-check.png) 0 0 no-repeat;
}

.c-package-mobile {
    border: 3px solid #e8eef1;
    border-radius: 10px;
    display: none;
    margin-bottom: 21px;
}

.c-package-mobile--action {
    border-color: #0bb9cd;
    overflow: hidden;
    box-shadow: 0 15px 15px rgba(0, 0, 0, .15);
}

.c-package-mobile__head {
    text-align: center;
}

.c-package-mobile__body {
    display: none;

}

.c-package-mobile__body .c-package-col {
    width: auto;
    border: none;
}

.c-package-mobile__body .c-package-col::after {
    content: '';
    display: none;
}

.c-package-mobile__body .c-package-nav {
    border: none;
    width: auto;
}

.c-package-mobile__body .c-package-row {
    border-bottom: 1px solid #e8eef1;
}

.c-package-mobile__body .c-package-body {
    width: auto;
    padding: 0 30px;
}

.c-package-mobile__more {
    display: block;
    text-align: center;
    padding: 18px 8px;
    font-size: 17px;
    color: #231e20;
    background-color: #f9f9f9;
    border-top: 1px solid #d9d9d9;
}

.c-package-mobile .c-package-card {
    padding-bottom: 0;
}

.c-package-mobile__btn {
    text-align: center;
    margin-bottom: 12px;
    padding: 0 30px;
}

.c-package-mobile__btn .teh-btn {
    width: 100%;
}

/*--------------------------------*/

.bitrix-scheme {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 16px 0;
    height: 650px;
    background: url(../img/bitrix24/bg-scheme-crm.jpg) 50% 50% no-repeat;
}

.bitrix-scheme::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 51px;
    background: url(../img/bitrix24/bg-bitrix-bubble.png) 0 0 repeat-x;
}

.round-advantages {
    width: 100%;
    height: 100%;
    max-width: 520px;
    max-height: 520px;
    border-radius: 1000px;
    position: relative;
}

.round-advantages::after {
    content: '';
    position: absolute;
    left: -12px;
    right: -12px;
    top: -12px;
    bottom: -12px;
    border: 1px solid #fff;
    border-radius: 50%;
}

.round-advantages::before {
    content: '';
    position: absolute;
    left: -30px;
    right: -30px;
    top: -30px;
    bottom: -30px;
    border: 1px solid #fff;
    border-radius: 50%;
}

.round-advantages-section {
    position: absolute;
    cursor: pointer;
}

.round-advantages-section:hover {
    /*transform: scale(1.05);*/
    z-index: 10;
}

.round-advantages .section-1 {
    top: 15.3%;
    left: 0%;
    z-index: 8;
}

.round-advantages .section-2 {
    top: .8%;
    left: 14.5%;
    z-index: 7;
}

.round-advantages .section-3 {
    top: .8%;
    right: 15.1%;
    z-index: 6;
}

.round-advantages .section-4 {
    top: 15.4%;
    right: .5%;
    z-index: 5;
}

.round-advantages .section-5 {
    bottom: 13.7%;
    right: .5%;
    z-index: 4;
}

.round-advantages .section-6 {
    bottom: -1.1%;
    right: 15.1%;
    z-index: 3;
}

.round-advantages .section-7 {
    bottom: -1.1%;
    left: 14.7%;
    z-index: 2;
}

.round-advantages .section-8 {
    bottom: 13.7%;
    left: 0%;
    z-index: 1;
}

.bitrix-scheme-mobile {
    display: none;
}

.bitrix-scheme-mobile__list {
    list-style-type: decimal;
}

.bitrix-scheme-mobile__item {
    font-size: 18px;
    color: #2e2e2e;
    margin-bottom: 6px;
    color: #54cbea;
}

.bitrix-scheme-mobile__item span {
    color: #2e2e2e;
}

/*-------------------*/
.bitrix {
    box-sizing: border-box;
}

.bitrix * {
    box-sizing: border-box;
}

.bitrix-about {
    padding-top: 0;
}

.bitrix-about__list {
    margin: 20px 0 0;
}

.bitrix-about__item {
    padding: 20px 0;
    position: relative;
}

.bitrix-about__item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: rgba(95, 216, 253, 1);
    background: -moz-linear-gradient(left, rgba(95, 216, 253, 1) 0%, rgba(208, 250, 41, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(95, 216, 253, 1)), color-stop(100%, rgba(208, 250, 41, 1)));
    background: -webkit-linear-gradient(left, rgba(95, 216, 253, 1) 0%, rgba(208, 250, 41, 1) 100%);
    background: -o-linear-gradient(left, rgba(95, 216, 253, 1) 0%, rgba(208, 250, 41, 1) 100%);
    background: -ms-linear-gradient(left, rgba(95, 216, 253, 1) 0%, rgba(208, 250, 41, 1) 100%);
    background: linear-gradient(to right, rgba(95, 216, 253, 1) 0%, rgba(208, 250, 41, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5fd8fd', endColorstr='#d0fa29', GradientType=1);
}

.bitrix-about__item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.bitrix-about__item:last-child::after {
    content: '';
    display: none;
}

.bitrix-about-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: nowrap;
    flex-flow: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.bitrix-about-card.right {
    text-align: right;
}

.bitrix-about-card__col {
    width: 50%;
    box-sizing: border-box;
}

.bitrix-about-card__body {
    position: relative;
    padding: 14px 40px;
    padding-right: 140px;
}

.bitrix-about-car__title {
    font-size: 30px;
    color: #40c5e7;
    line-height: 1;
    margin-bottom: 10px;
}

.bitrix-about-card__video {
    position: relative;
    padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.bitrix-about-card__video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.bitrix-about-card.right .bitrix-about-card__body {
    padding: 14px 40px;
    padding-left: 130px;
}

.bitrix-about-card.right .bitrix-about-car__num {
    left: 0;
    right: auto;
}

.bitrix-about-car__num {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 155px;
    color: #40c5e7;
    font-weight: 700;
}

.bitrix-about-car__subtitle {
    font-size: 19px;
    color: #37c9f8;
    line-height: 1;
    margin-bottom: 14px;
}

.bitrix-about-card__body ul {

}

.bitrix-about-card__body li {
    margin-bottom: 4px;
}

.bitrix-about-card__body li::before {
    padding-right: 13px;
    content: '●';
    line-height: 1;
    font-size: 10px;
}

.bitrix-about-card.right .bitrix-about-card__body li::before {
    content: '';
    display: none;
    padding: 0;
}

.bitrix-about-card.right .bitrix-about-card__body li::after {
    padding-left: 13px;
    content: '●';
    line-height: 1;
    font-size: 10px;
}

/*-----------------------------------*/
.bitrix-start {
    padding: 30px 60px;
    background: url(../img/bitrix24/bg-bitrix-start.png) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.bitrix-start .teh-btn {
    white-space: nowrap;
}

.bitrix-start__title {
    color: #ffffff;
    font-size: 30px;
    margin-bottom: 10px;
}

.bitrix-start__title span {
    font-size: 30px;
    color: #d3fd2a;
    font-weight: 700;
}

.bitrix-start__text {
    font-size: 19px;
    color: #ffffff;
}

.bitrix-start__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: nowrap;
    flex-flow: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.bitrix-start__col {

}

.bitrix .teh-btn {
    color: #546418;
    background-color: #c7f026;
    padding: 14px 35px;
    /*white-space: nowrap;*/
}

.bitrix .teh-slider .slick-prev {
    background: url(../img/bitrix24/teh-index-arrow-left.png) no-repeat;
}

.bitrix .teh-slider .slick-next {
    background: url(../img/bitrix24/teh-index-arrow-right.png) no-repeat;
}

/*---------------------------*/
.bitrix-keys {
    padding: 20px 60px;
}

.bitrix-keys-slider {
    margin-bottom: 0;
    padding: 0 106px;
}

.bitrix-keys-slider .slick-track {
    padding: 0 0 20px;
}

.bitrix-keys-slider__item {
    padding: 13px;
}

.bitrix-keys-card {
    box-shadow: 0 8px 14px 0 rgba(0, 0, 0, .1);
}

.bitrix-keys-card__img {
    position: relative;
    width: 100%;
    height: 210px;
    overflow: hidden;
}

.bitrix-keys-card__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.bitrix-keys-card__img::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 96px;
    background: url(../img/bitrix24/keys-img-bubble.png) 0 98% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.bitrix-keys-card__body {
    padding: 23px 26px;
}

.bitrix-keys-card__title {
    font-size: 19px;
    color: #2e2e2e;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 12px;
}

.bitrix-keys-card__text {
    font-size: 16px;
    color: #231e20;
    line-height: 1.1;
}

/*-------------------------*/
.popup-feedback-bitrix {

}

.popup-feedback-bitrix .popup-body {
    background: url(../img/bitrix24/bg-popup-bitrix.jpg) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.popup-feedback-bitrix .popup-body__decor-1 {
    top: -140px;
    left: -86px;

}

.popup-feedback-bitrix .popup-title {
    padding: 17px 81px;
}

.popup-payment-bitrix .popup-body {
    background: url(../img/bitrix24/bg-popup-bitrix.jpg) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.popup-payment-bitrix .popup-body__decor-1 {
    top: -97px;
    left: 20px;
}

.popup-payment-bitrix .popup-body__decor-2 {
    right: 27px;
    bottom: -99px;
}

.popup-callback-bitrix .popup {
    max-width: 510px;
}

.popup-brief-bitrix .popup {
    max-width: 510px;
}

.popup-brief-bitrix .popup-body__decor-1 {
    right: 20px;
    left: auto;
    top: -74px;
}

.popup-brief-bitrix .popup-body {
    background: url(../img/bitrix24/bg-popup-bitrix.jpg) 0 0 no-repeat;
}





.popup-callback-bitrix .popup-body {
    background: url(../img/bitrix24/bg-popup-bitrix.jpg) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.popup-brief-bitrix .popup-title,
.popup-callback-bitrix .popup-title {
    text-align: left;
    padding: 21px 20px;
}

.popup-callback-bitrix .popup-body__decor-1 {
    right: 20px;
    left: auto;
    top: -74px;
}

.popup-callback-bitrix__text {
    font-size: 17px;
    color: #ffffff;
    padding: 0 148px 20px 0;
}

/*------------------------------*/

.bitrix-keys-info {
    padding: 0 120px;
}

.bitrix-keys-info__title {
    font-size: 30px;
    line-height: 1;
    margin-bottom: 20px;
    text-align: center;
}

.bitrix-keys-info__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: nowrap;
    flex-flow: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.bitrix-keys-info__col {
    width: 33.333em;
    padding: 0 10px;
}

.bitrix-keys-info-card {

}

.bitrix-keys-info-card__text {
    margin-bottom: 20px;
    text-align: center;
    font-size: 19px;
    line-height: 1;

}

.bitrix-keys-info-card .teh-btn {
    width: 100%;
    white-space: nowrap;
}

@media (max-width: 1270px) {
    .bitrix {
        width: 100%;
    }

    .teh-approach__list {
        padding-top: 0;
    }

    .teh-approach-card__img::before,
    .teh-approach-card__img::after,
    .teh-approach__list::after {
        content: '';
        display: none;
    }

    .bitrix-keys-slider {
        padding: 0 56px;
    }

    .bitrix-about,
    .bitrix-keys {
        padding: 20px 30px;
    }

    .bitrix-keys {
        padding-bottom: 0;
    }

    .bitrix-package {
        padding: 20px 30px 30px;
    }

    .bitrix .bitrix-title {
        font-size: 44px;
    }

    .bitrix-keys-info {
        padding: 0 56px;
        margin-bottom: 25px;
    }

    header {
        margin-left: 0;
        left: 0;
        width: 100%;
        right: 0;
    }

    header nav {
        padding-right: 14px;
    }

}

@media (max-width: 1160px) {
    .bitrix-start__body {
        display: block;
    }

    .bitrix-start .teh-btn {
        margin: 0;
    }

    .bitrix-start .bitrix-start__col:first-child {
        margin-bottom: 10px;
    }

    .bitrix-start .bitrix-start__col {
        text-align: center;
    }

    .bitrix-keys-slider {
        padding: 0;
    }

    .bitrix-keys .teh-slider .slick-next {
        position: absolute;
        right: -4px;
    }

    .bitrix-keys .teh-slider .slick-prev {
        position: absolute;
        left: -4px;
    }

    .bitrix-whom__item {
        width: 24%;
    }

    .bitrix-banner__body {
        position: static;
        transform: none;
    }

    .bitrix-banner {
        padding: 86px 50px 50px;
    }

    .bitrix-banner__sale {
        font-size: 75px;
    }

    .bitrix-banner__price {
        font-size: 26px;
    }

    .bitrix-banner__price span {
        font-size: 76px
    }

    .bitrix-banner {
        height: auto;
    }

    .bitrix-banner__onsale {
        font-size: 30px;
    }

    .c-package-card__price span {
        font-size: 30px;
    }

    .bitrix-keys-info {
        padding: 0 14px;
    }

}

@media (max-width: 980px) {
    .bitrix-about-car__num {
        font-size: 65px;
    }

    .bitrix-about-card.right .bitrix-about-card__body {
        padding: 0 20px;
        padding-left: 71px
    }

    .bitrix-about-card__body {
        padding: 0 20px;
        padding-right: 71px;
    }

    .bitrix-banner {
        min-height: 100px;
        -webkit-background-size: cover !important;
        background-size: cover !important;
    }

    .bitrix-keys-info-card .teh-btn {
        white-space: normal;
        padding: 14px 10px;
    }
}

@media (max-width: 970px) {
    .bitrix-keys-info__grid {
        flex-flow: column wrap;
    }

    .bitrix-keys-info__col {
        width: 100%;
        padding: 0;
        margin-bottom: 10px;
    }

    .bitrix-keys-info__col:nth-child(1) {
        order: 2;
    }

    .bitrix-keys-info__col:nth-child(2) {
        order: 1;
    }

    .bitrix-keys-info__col:nth-child(3) {
        order: 3;
    }
}

@media (max-width: 960px) {
    .popup-callback-bitrix__text {
        padding: 0 0 15px;
    }
}

@media (max-width: 890px) {
    .bitrix-about-card {
        flex-flow: column wrap;
    }

    .bitrix-about__item {
        padding: 8px 0;
    }

    .bitrix-about__list {
        margin: 0;
    }

    .bitrix-about-card__col {
        margin: 4px 0;
        width: 100%;
    }

    .bitrix-about-card.right {
        text-align: left;
    }

    .bitrix-about-car__num {
        position: static;
    }

    .bitrix-about-card .bitrix-about-card__col:nth-child(1) {
        order: 2;
    }

    .bitrix-about-card .bitrix-about-card__col:nth-child(2) {
        order: 1;
    }

    .bitrix-about-card.right .bitrix-about-card__col:nth-child(1) {
        order: 1;
    }

    .bitrix-about-card.right .bitrix-about-card__col:nth-child(2) {
        order: 2;
    }

    .bitrix-about-card.right .bitrix-about-card__body {
        padding: 0;
        /*padding-left: 16px*/
    }

    .bitrix-about-card__body {
        padding: 0;
        /*padding-right: 16px;*/
    }

    .bitrix-about-card__body li::before {
        padding-right: 13px;
        /*content: '●';*/
        content: '●';
        line-height: 1;
        font-size: 10px;
    }

    .bitrix-about-card.right .bitrix-about-card__body li::after {
        content: '';
        padding: 0;
    }

    .bitrix-about-car__title {
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-start;
        align-items: center;
    }

    .bitrix-whom {
        padding: 10px 16px 20px;
    }

    .bitrix-package {
        padding: 10px 20px 20px;
    }

}

@media (max-width: 840px) {

    .c-package-mobile {
        display: block;
    }

    .c-package {
        display: none;
    }

    .bitrix-keys-info__title {
        font-size: 27px;
    }

    .bitrix-keys-info__title,
    .bitrix-keys-info {
        margin-bottom: 0;
    }

}

@media (max-width: 730px) {
    .bitrix-crm__item {
        padding: 10px;
        width: 50%;
    }

    .bitrix-whom__item {
        width: 33.333%;
    }

    .bitrix-banner {
        /*height: 310px;*/
    }

    .bitrix {
        margin-left: -16px;
        margin-right: -16px;
        width: auto;
    }

    .popup-feedback-bitrix .popup-title {
        padding: 17px 20px;
    }

}

@media (max-width: 650px) {
    .bitrix-start {
        padding: 20px 16px 23px;
    }

    .bitrix-start .bitrix-start__col {
        text-align: left;
    }

    .bitrix .teh-btn {
        padding: 14px 26px;
    }

    .bitrix-about, .bitrix-keys {
        padding: 10px 16px;
    }

    .bitrix-keys {
        padding-bottom: 0;
    }

    .bitrix .bitrix-title {
        font-size: 33px;
    }

    .bitrix .bitrix-title {
        margin-bottom: 0;
    }

    .bitrix-about-car__num {
        font-size: 65px;
        margin-right: 10px;
    }

    .bitrix-about-car__title {
        font-size: 25px;
    }

    .bitrix-crm .bitrix-title {
        margin-bottom: 16px;
    }

    .bitrix-banner {
        padding: 75px 16px 22px;
    }

    .c-package-mobile__body .c-package-body {
        width: auto;
        padding: 0 10px;
    }

}

@media (max-width: 560px) {

    .bitrix-scheme {
        display: none;
    }

    .bitrix-scheme-mobile {
        display: block;
        padding: 16px 30px;
    }
}

@media (max-width: 540px) {
    .bitrix-whom__item {
        width: 50%;
    }

    .bitrix-whom-card__icon {
        margin-bottom: 4px;
    }

    .bitrix-keys-info {
        padding: 0;
    }
}

@media (max-width: 480px) {
    .bitrix-banner__sale {
        font-size: 60px;
    }

    .bitrix-banner__price {
        font-size: 24px;
    }

    .bitrix-banner__price span {
        font-size: 60px;
    }

    .bitrix-banner__onsale {
        font-size: 22px;
    }

    .bitrix-scheme-mobile {
        display: block;
        padding: 16px;
    }

    .popup-body {
        padding: 20px 20px 30px;
    }
}

@media (max-width: 460px) {
    .bitrix-crm__item {
        padding: 0;
        width: 100%;
        margin-bottom: 10px;
    }
}

@media (max-width: 360px) {

    .bitrix-about-car__num {
        font-size: 49px;
    }

    .bitrix-about-car__title {
        font-size: 20px;
    }
}

/*smm*/

.teh-smm {

}

.teh-smm .teh-title {
    margin-bottom: 10px;
}

.teh-smm .teh-request {
    margin-bottom: 0;
}

.smm-banner {
    position: relative;
    background: url(../img/smm/smm-banner.png) 0 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    margin-bottom: 40px;
    padding-bottom: 170px;
}

.smm-banner-picture {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
}

.smm-banner__body {
    padding: 120px 81px 81px;
}

.smm-banner-title {
    color: #ffffff;
    font-size: 55px;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 34px;
}

.smm-banner-text {
    color: #ffffff;
    font-size: 36px;
    width: 55%;
    line-height: 1;
    margin-bottom: 24px;
}

.smm-banner-text.level-1 {
    color: #ffffff;
    font-size: 36px;
}

.smm-banner-text.level-2 {
    color: #ffffff;
    font-size: 28px;
}

.smm-banner-title__act {
    font-size: 83px;
    display: block;
}

.smm-banner-text__act {
    font-size: 43px;
    display: block;
}

.smm-banner img {
    width: 100%;
    height: auto;
}

.smm-banner .teh-btns {
    text-align: left;
}

.smm-request .teh-request-decor-2 {
    bottom: -16px;
}

.smm-request .teh-request-decor-4 {

    position: absolute;
    bottom: 35%;
    left: 67%;
}

.smm-request .teh-request-decor-1 {
    bottom: -80px;
}

.teh-offer .teh-text {
    margin-bottom: 0;
}

.teh-offer__list {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.teh-offer__item {
    width: 25%;
    padding: 6px 20px;
    margin-bottom: 24px;
}

.teh-offer-card {
    text-align: center;
    color: #2e2e2e;
}

.teh-offer-card__img {
    margin-bottom: 14px;
    margin-bottom: 14px;
}

.teh-offer-card__title {
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 14px;
}

.teh-offer-card__text {

}

/*-------------------------*/
/*tabs-------------------------------------------------*/
.tabs-menu {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
}

.tabs-menu__list {
    /*text-align: right;*/
    margin-bottom: 1.7rem;
}

.tabs-menu__item {
    position: relative;
    /*display: inline-block;*/
    margin: 0 70px;
    cursor: pointer;
    /*background-color: #c44890;*/
}

.tabs-menu__item a {
    position: relative;
    color: #ffffff;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    border-radius: 30px 30px 27px 60px ;
    padding: 30px 40px 147px;
}

.tabs-menu__decor {
    position: absolute;
    bottom: 0;
    left: -50%;
}

.tabs-menu__decor img {
    display: block;
}


.tabs-menu-vk a {
    background-color: #3a6a99;
}

.tabs-menu-inst a {
    background-color: #f55f8a;
}

.tabs-menu-fb a {
    background-color: #243d97;
}

.tabs-menu-inst .tabs-menu__decor {
    bottom: -20px;
    left:-56%;
}

#smm-vk {
    background-color: #3b6693;
    background: url(../img/smm/bg-vk.png) 50% 0 no-repeat;
    background-size: cover;
}

#smm-inst {
    background-color: #f55f8a;
    background: url(../img/smm/bg-inst.png) 50% 0 no-repeat;
    background-size: cover;
}

#smm-fb {
    background-color: #243d97;
    background: url(../img/smm/bg-fb.png) 50% 0 no-repeat;
    background-size: cover;
}


.tabs-menu__item a {
    white-space: nowrap;
    color: #ffffff;
}

.tabs-menu__item a::after {
    content: '';
    border: none;
}

.tabs-menu__item:last-child {
    margin-right: 0;
}

.tabs-menu__item.current a {
    border: none;
    color: #ffffff;
}

.tabs-menu__item.current a::after {
    content: '';
    border: none;
}

.tabs-menu__item.current {
    position: relative;
    z-index: 11;
}

.tabs-menu__decor-icon {
    position: absolute;
    top: 70px;
    left: 50%;
    transform:translateX(-50%);
}

.tab {
    position: relative;
    top: -60px;
}

.tab-content {
    display: none;
    font-size: 15px;
    /* padding: 40px 59px; */
    padding: 110px 59px 40px;
}


.tab-content.current {
    position: relative;
    z-index: 10;
}

.tab-content:first-child {
    display: block;
}

.tab-content-title {
    text-align: center;
    font-size: 50px;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 24px;
    line-height:1;
}

.teh-tariff--smm {
    padding: 0;
}

.teh-tariff--smm .teh-tariff__title {
    margin: 0;
    margin-bottom: 12px;
    padding: 0;
    font-size: 33px;
    color: #1fc6aa;
    font-weight: 700;
    max-width: 100%;
}
.teh-tariff--smm .teh-tariff__title span {
    font-size: 20px;
    display: block;
    text-align: center;
}

.teh-tariff--smm .teh-tariff-card__price-title {
    text-align: center;
    font-size: 18px;
    color: #2e2e2e;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: -4px;
}

.teh-tariff--smm .teh-tariff-card__price {
    line-height: 1;
}

.teh-tariff--smm .teh-tariff__next {
    background-color: #1fc6aa;
    font-size: 17px;
    padding: 7px 8px 10px;
    color: #ffffff;
    line-height: 1;
    margin-bottom: 20px;
}

.teh-tariff--smm .teh-tariff__next span {
    font-size: 30px;
    line-height: 1;
}

.teh-tariff--smm .teh-tariff-card__body {
    padding-left: 0;
    padding-right: 0;
}

.teh-tariff--smm .button--nina {
    padding: 0 60px;
}

.teh-tariff__note {
    margin: 14px auto 0;
    text-align: center;
    font-size: 24px;
    color: #fff;
    max-width: 80%;
}

.teh-tariff-card__text-accent {
    color: #20c6aa;
}

.teh-tariff--smm .teh-tariff-card__footer {
    padding: 25px 27px;
}

.c-info {
    display: inline-block;
    position: relative;
}

.c-info-icon {
    font-family: serif;
    display: inline-block;
    width: 21px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    color: #ffffff !important;
    border-radius: 50px;
    margin-right: 6px;
    cursor: pointer;
    background-image: -moz-linear-gradient( 90deg, rgb(68,166,134) 0%, rgb(31,198,170) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(68,166,134) 0%, rgb(31,198,170) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(68,166,134) 0%, rgb(31,198,170) 100%);

}

.c-info-content {
    display: none;
    z-index: 20;
    position: absolute;
    top: 4px;
    left: 15%;
    transform:translateX(-15%);
    width: 300px;
    background-color: #20c6aa;
    border-radius: 4px;
    color: #231e20;
    line-height: 1;
    padding: 12px 14px;
}

.c-info-content span {
    color: #ffffff;
    text-transform: uppercase;
}

.c-info-close {
    width: 19px;
    height: 19px;
    position: absolute;
    right: 6px;
    top: 6px;
}

.c-info-close span {
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    width: 19px;
    height: 2px;
    border-radius: 10px;
    background-color: #fff;
}

.c-info-close span:nth-child(1) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.c-info-close span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.teh-tariff-cup {
    position: absolute;
    right: 20px;
    top: 53px;
}

/*media smm*/
@media (max-width: 1265px) {

    .smm-banner-title {
        font-size: 45px;
    }

    .smm-banner-title__act {
        font-size: 1.5em;
    }

    .smm-banner-text.level-1 {
        font-size: 27px;
    }

    .smm-banner-text.level-2 {
        font-size: 22px;
    }

    .smm-banner-text__act {
        font-size: 1.3em;
    }

    .smm-banner-text {
        width: 48%;
    }

    .smm-banner {
        height: 59vw;
    }

    .smm-banner__body {
        padding: 120px 41px 41px;
    }
}

@media (max-width: 1074px) {
    .smm-banner-title {
        font-size: 38px;
    }

    .smm-banner-picture {
        display: none;
    }

    .smm-banner-title {
        text-align: center;
    }

    .smm-banner-text {
        width: 100%;
        margin: 0 auto 20px;
        text-align: center;
    }

    .smm-banner .teh-btns {
        text-align: center;
    }

    .smm-banner {
        background-position: 50% 100%;
        padding-bottom: 30px;
        height: auto;
    }

    .teh-tariff-cup {
        position: absolute;
        right: -11px;
        top: 62px;
    }
    .teh-tariff-cup img {
        width: 70%;
    }


}

@media (max-width: 1000px) {
    .smm-request .teh-request-decor-1,
    .smm-request .teh-request-decor-2 {
        display: none;
    }

    .smm-request .teh-request__body {
        padding-bottom: 30px;
    }

    .smm-request .teh-request-decor-2 {
        display: block;
        right: 30px;
    }

    .smm-request .teh-request-decor-4 {
        left: auto;
        right: 15%;
    }

    .teh-offer__item {
        margin-bottom: 10px;
        padding: 6px 10px;
    }

    .tabs-menu__item {
        margin: 0 50px;
    }
}

@media (max-width: 890px) {
    .teh-offer__item {
        width: 50%;
    }
}

@media (max-width: 840px) {
    .teh-tariff--smm .teh-tariff-card__body {
        display: block;
    }

    .teh-smm .tab-content-title {
        font-size: 35px;
    }

    .tab-content {
        display: none;
        font-size: 15px;
        padding: 33px 30px;
    }

    .tabs-menu__item a {
        border-radius: 20px 20px 0 0;
        padding: 20px 30px 120px;
    }

    .tabs-menu__decor img {
        width: 80%;
    }

    .tabs-menu__item {
        margin: 0 35px;
    }

    .teh-tariff--smm .teh-tariff-card {
        margin-bottom: 20px;
        border-radius: 6px;
        overflow: hidden;
    }

    .teh-tariff-cup {
        top: 37px;
        right: 30px;
    }

    .teh-tariff-cup img {
        width: 100%;
    }

    .tab {
        top: -25px;
    }
}


@media (max-width: 818px) {

    .smm-request .teh-request-decor-4 {
        position: absolute;
        bottom: auto;
        top: 27%;
        right: auto;
        left: -2%;
    }

    .teh-smm .button--nina {
        padding: 0 30px;
    }
}

@media (max-width: 700px) {
    .smm-banner__body {
        padding: 90px 16px 21px;
    }

    .smm-banner-title {
        font-size: 26px;
        margin-bottom: 18px;
    }

    .smm-banner-text.level-1 {
        font-size: 21px;
    }

    .smm-banner-text.level-2 {
        font-size: 16px;
    }

    .teh-smm .teh-text {
        margin: 0 auto 10px
    }

    .tabs-menu__item a {
        font-size: 15px;
    }

    .tabs-menu__decor img {
        width: 62%;
    }

    .tabs-menu__item a {
        border-radius: 10px 10px 0 0;
        padding: 14px 24px 78px;
    }

    .tabs-menu-inst .tabs-menu__decor {
        bottom: -14px;
    }

    .tabs-menu__decor-icon {

    }

    .tabs-menu__decor-icon {
        top: 39px;
    }
    .tabs-menu__decor-icon img {
        width: 60%;
    }
}

@media (max-width: 640px) {

    .tab-content {
        padding: 30px 20px;
    }

    .teh-tariff__note {
        font-size: 19px;
    }

    .teh-tariff--smm .teh-btn {
        width: 70%;
    }

}

@media (max-width: 570px) {
    .tabs-menu__item {
        margin: 0 20px;
    }

    .tabs-menu__item a {
        padding: 14px 18px 70px;
    }

    .teh-smm .tab-content-title {
        font-size: 33px;
    }
}

@media (max-width: 540px) {

    .smm-request .teh-request-decor-2 {
        right: -38px;
    }

    .teh-smm .teh-text {
        padding: 0 14px;
    }

    .smm-banner__body {
        padding: 70px 12px 21px;
    }

    .smm-banner-title {
        font-size: 24px;
        margin-bottom: 18px;
    }

    .smm-banner-text.level-1 {
        font-size: 19px;
    }

}

@media (max-width: 470px) {
    .tabs-menu__item {
        margin: 0 14px;
    }

    .tabs-menu__item a {
        padding: 14px 11px 70px;
    }

    .tabs-menu__decor {
        position: absolute;
        bottom: 10px;
        left: -38%;
    }

    .tabs-menu-inst .tabs-menu__decor {
        bottom: 0;
    }
    .tabs-menu-inst .tabs-menu__decor img {
        width: 56%;
    }
}

@media (max-width: 450px) {

    .teh-offer__item {
        width: 100%;
    }

    .teh-offer-card__title,
    .teh-offer-card__img {
        margin-bottom: 4px;
    }

    .teh-offer__item {
        padding: 0;
        margin-bottom: 20px;
    }

    .tabs-menu__item {
        margin: 0 10px;
    }

    .teh-tariff--smm .teh-tariff__next {
        font-size: 15px;
    }

    .tabs-menu__item a {
        font-size: 12px;
    }

    .teh-tariff--smm .teh-tariff__next span {
        font-size: 23px;
    }

    .teh-tariff-cup {
        top: 55px;
        right: -9px;
    }

    .teh-tariff-cup img {
        width: 70%;
    }

}

@media (max-width: 340px) {

    .smm-banner-title {
        font-size: 19px;
        /*text-align: center;*/
    }

    .smm-banner-text {
        text-align: left;
    }
}