.tg-page .header {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.20) 100%),
    url(/templates/rsflat/resource/img/tg/tg_pattern.svg?v=2) 0 / 427px repeat,
    radial-gradient(65.45% 35.57% at 9.38% 93.17%, rgba(239, 248, 208, 0.60) 0%, rgba(234, 244, 201, 0.00) 100%), radial-gradient(143.94% 79.17% at 85.69% 7.28%, rgba(233, 244, 159, 0.60) 0%, rgba(248, 255, 209, 0.38) 100%), #52afff;
    overflow:hidden;
    position: relative;
}

.tg-page .header:before {
    content: '';
    background:url(/templates/rsflat/resource/img/tg/lines.svg) no-repeat 40% 50%;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.tg-page .welcome {
    display:flex;
    align-items:center;
    padding:70px 0;
}

.tg-page .welcome .text {
    max-width:620px;
    min-width:350px;
    margin-right:100px;
}

.tg-page .welcome .subtext {
    font-size:16px;
    font-weight: 500;
}

.tg-page .picture-inner {
    width:700px;
    margin-right:-220px;
}

.tg-page .picture-inner img {
    border-radius: 8px;
    box-shadow: 0 0 30px #689995;
}

.tg-page .short-text {
    font-size: 20px;
    font-weight: 500;
}

@media (max-width:767px) {
    .tg-page .welcome {
        flex-direction:column;
    }

    .tg-page .welcome .text {
        max-width: none;
        margin-right: 0;
        min-width: auto;
        margin-bottom:56px;
    }

    .tg-page .picture-inner {
        width:auto;
        margin-right:0;
    }

    .tg-page .welcome {
        padding:48px 0;
    }
}

.tg-page .main-title {
    font-weight:700;
    max-width:564px;
    text-align:center;
}


.tg-page .colored-number {
    color: #FF4081;
}

.tg-page .colored-number .number {
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    margin-right:10px;
}

.tg-page .colored-number .caption {
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
}
.tg-page .pic-1c,
.tg-page .pic-mp,
.tg-page .pic-site,
.tg-page .pic-app,
.tg-page .pic-heart,
.tg-page .pic-flash,
.tg-page .pic-whimsy,
.tg-page .pic-check {
    position:absolute;
}

.tg-page .pic-heart {
    position:absolute;
    left: -43%;
    top: -6%;
}

.tg-page .pic-flash {
    position:absolute;
    right: -40%;
    bottom: -10%;
}

@media (max-width:639px) {
    .tg-page .screenshot {
        margin-top:42px;
    }
    .tg-page .pic-heart {
        left:auto;
        right: -31%;
        top: -12%;
    }

    .tg-page .pic-flash {
        right: auto;
        left: -27%;
        bottom: -10%;
        transform:rotate(54deg);
    }
}

.tg-page .pic-check {
    top: -60px;
    right: -133px;
}

.tg-page .pic-whimsy {
    left: -100px;
    bottom: -64px;
}

.tg-page .short-text-block {
    max-width:486px;
}

.tg-page .pic-1c {
    bottom:-150px;
    left:50%;
    margin-left:-114px;
}

.tg-page .pic-mp {
    left: -90px;
    top: -111px;
}

.tg-page .pic-site {
    top: -146px;
    left: 50%;
    margin-left: -35px;
}

.tg-page .pic-app {
    top: -111px;
    right: -88px;
}

.tg-page .left-part-padding {
    padding-right:20px;
}

.tg-page .section-padding {
    padding-bottom:70px;
}

@media (min-width:640px) {
    .tg-page .screen-admin {
        margin-left:-50px;
        margin-right:-50px;
    }
}

@media (min-width:1200px) {
    .tg-page .screen-admin {
        margin-left:-80px;
        margin-right:-80px;
    }
}

.tg-page .green-back {
    background: url(/templates/rsflat/resource/img/tg/tg_pattern.svg?v=2) 0 / 427px repeat,
            radial-gradient(65.45% 35.57% at 9.38% 93.17%, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0.00) 100%),
            radial-gradient(55.84% 36.96% at 95.69% 41.13%, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0.00) 100%), #8BC34A;
    background-blend-mode: normal, overlay, overlay, normal;
    position:relative;
    overflow: hidden;
}

@media (max-width:959px) {
    .tg-page .green-back {
        height: 89vw;
        margin-top:0 !important;
    }
}

.tg-page .green-back .green-lines {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:url(/templates/rsflat/resource/img/tg/lines1.svg) no-repeat 0 81%;
    background-size:144%;
    z-index:2;
}

.tg-page .green-back .green-phone1,
.tg-page .green-back .green-phone2,
.tg-page .green-back .green-phone3 {
    position:absolute;
    width:40%;
    max-width:292px;
}

.tg-page .green-back .green-phone1 {
    top:0;
    left:6%;
}

.tg-page .green-back .green-phone2 {
    position:absolute;
    bottom:0;
    left:6%;
}

.tg-page .green-back .green-phone3 {
    position:absolute;
    right:6%;
    top:50%;
    transform: translateY(-50%);
    z-index:3;
}

.tg-page .black-back {
    background: url(/templates/rsflat/resource/img/tg/tg_pattern.svg?v=2) 0 / 427px repeat,
    radial-gradient(65.45% 35.57% at 9.38% 93.17%, rgba(64, 64, 64, 0.60) 0%, rgba(98, 98, 98, 0.00) 100%),
    radial-gradient(55.84% 36.96% at 95.69% 41.13%, rgba(25, 26, 25, 0.60) 0%, rgba(125, 125, 125, 0.00) 100%), #262626;
    background-blend-mode: normal, normal, normal, normal;
    position:relative;
}

.tg-page .gray-back {
    background-color: #FAFAFA;
}

@media (max-width:959px) {
    .tg-page .gray-back {
        background: none;
    }
}

.tg-page .caption3 {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    color:#FF4081;
}

.tg-page .tg-list {
    margin-bottom:0;
}

.tg-page .tg-list li {
    position:relative;
    padding-left: 20px;
    margin-bottom:12px;
}

.tg-page .tg-list li:last-child {
    margin-bottom:0;
}

.tg-page .tg-list li:before {
    content:'';
    width: 7px;
    height: 7px;
    background:linear-gradient(357deg, #112FC1 -11.36%, #01D3D3 162.12%);
    display:block;
    border-radius:50%;
    position:absolute;
    left:0;
    top:7px;
}

.tg-page .black-lines {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:url(/templates/rsflat/resource/img/tg/lines2.svg) no-repeat 0 20%;
    background-size:100%;
}

.box-text-container {
    padding:40px 14%;
}

@media (max-width:959px) {
    .box-text-container {
        padding:40px 0;
    }
}

.tg-page .pink-back {
    background: url(/templates/rsflat/resource/img/tg/tg_pattern.svg?v=2) 0 / 427px repeat,
        radial-gradient(65.45% 35.57% at 9.38% 93.17%, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0.00) 100%),
        radial-gradient(55.84% 36.96% at 95.69% 41.13%, rgba(255, 255, 255, 0.40) 0%, rgba(255, 255, 255, 0.00) 100%), #FF4081;
    background-blend-mode: normal, overlay, overlay, normal;
    position:relative;
    display:flex;
    align-items: center;
}

.tg-page .pink-lines {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:url(/templates/rsflat/resource/img/tg/lines3.svg) no-repeat 0 70%;
    background-size:110%;
    z-index:2;
}

.tg-page .tg-counter-list {
    list-style: none;
    counter-reset: step-counter;
    padding:0;
}

.tg-page .tg-counter-list li {
    padding-left:20px;
    position:relative;
    margin-bottom:12px;
}

.tg-page .tg-counter-list li::before {
    counter-increment: step-counter;
    content: counter(step-counter) '.';
    position:absolute;
    left:0;
    font-size: 16px;
    font-weight: 500;
    color:#112FC1;
}

.tg-page .tifany-back {
    background: url(/templates/rsflat/resource/img/tg/tg_pattern.svg?v=2) 0 / 427px repeat,
    radial-gradient(65.45% 35.57% at 9.38% 93.17%, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.00) 100%),
    radial-gradient(55.84% 36.96% at 95.69% 41.13%, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.00) 100%), #01D3D3;
    background-blend-mode: normal, overlay, overlay, normal;
    position: relative;
    min-height:451px;
}

.tg-page .tifany-lines {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: url(/templates/rsflat/resource/img/tg/lines4.svg) no-repeat 60% 81%;
    background-size: 140%;
}

.tg-page .tifany-pic4 {
    background:url(/templates/rsflat/resource/img/tg/pic4.png) no-repeat center;
    background-size: cover;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.tg-page .inner-vertical {
    padding-top:13%;
    padding-bottom:13%;
}

.tg-page .inner-horizontal {
    margin-left:40px;
    margin-right:40px;
}

.tg-page .inner-horizontal2 {
    padding:0 14%;
}

@media (max-width:959px) {
    .tg-page .inner-horizontal2,
    .tg-page .inner-horizontal {
        margin-left:0;
        margin-right:0;
        margin-top:60px;
        margin-bottom:30px;
    }

    .tg-page .inner-horizontal.lite {
        margin-top:30px;
    }

    .tg-page h2.inner-horizontal {
        margin-bottom:0;
        margin-top:20px;
    }

    .tg-page .inner-vertical {
        padding-top:0;
        padding-bottom:0;
    }

    .tg-page .inner-horizontal2 {
        padding:0;
    }
}
