/*
Theme Name: xBrowser
Text Domain: xbrowser
Requires at least: 4.7
Requires PHP: 5.2.4
Version: 2.1
Description: xBrowser Online custom design
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Author: Architect
Author URI: https://digbro.ru
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
picture,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
input,
textarea {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

svg,
use {
    display: block
}

a {
    outline: none;
    cursor: pointer;
    text-decoration: none
}

ol,
ul {
    list-style-type: none;
    list-style-position: outside;
    padding-left: 0px;
    margin-left: 0px
}

iframe {
    display: block
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

input[type='text'],
input[type='text']:focus,
input[type='text']:active,
input[type='email'],
input[type='email']:focus,
input[type='email']:active,
input[type='tel'],
input[type='tel']:focus,
input[type='tel'],
input[type='submit'],
input[type='submit']:focus,
input[type='submit']:active,
textarea {
    -webkit-appearance: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Regular.eot');
    src: local('Roboto Regular'), local('Roboto-Regular'), url('/fonts/Roboto/Regular.eot?#iefix') format('embedded-opentype'), url('/fonts/Roboto/Regular.woff2') format('woff2'), url('/fonts/Roboto/Regular.woff') format('woff'), url('/fonts/Roboto/Regular.ttf') format('truetype'), url('/fonts/Roboto/Regular.svg#Roboto') format('svg');
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Light.eot');
    src: local('Roboto Light'), local('Roboto-Light'), url('/fonts/Roboto/Light.eot?#iefix') format('embedded-opentype'), url('/fonts/Roboto/Light.woff2') format('woff2'), url('/fonts/Roboto/Light.woff') format('woff'), url('/fonts/Roboto/Light.ttf') format('truetype'), url('/fonts/Roboto/Light.svg#Roboto') format('svg');
    font-style: normal;
    font-weight: 300
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Medium.eot');
    src: local('Roboto Medium'), local('Roboto-Medium'), url('/fonts/Roboto/Medium.eot?#iefix') format('embedded-opentype'), url('/fonts/Roboto/Medium.woff2') format('woff2'), url('/fonts/Roboto/Medium.woff') format('woff'), url('/fonts/Roboto/Medium.ttf') format('truetype'), url('/fonts/Roboto/Medium.svg#Roboto') format('svg');
    font-style: normal;
    font-weight: 500
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Bold.eot');
    src: local('Roboto Bold'), local('Roboto-Bold'), url('/fonts/Roboto/Bold.eot?#iefix') format('embedded-opentype'), url('/fonts/Roboto/Bold.woff2') format('woff2'), url('/fonts/Roboto/Bold.woff') format('woff'), url('/fonts/Roboto/Bold.ttf') format('truetype'), url('/fonts/Roboto/Bold.svg#Roboto') format('svg');
    font-style: normal;
    font-weight: 700
}

.container {
    width: 100%;
    /*width: 1380px;*/
    margin: 0 auto;
    padding: 0 20px
}

.row-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    margin-left: -20px;
    margin-right: -20px;
    position: relative
}

.grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
}

.grid-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.grid-h-center {
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center
}

.grid-h-between {
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between
}

.grid-h-left {
    -ms-flex-pack: justify;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start
}

.grid-v-center {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center
}

.grid-top {
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start
}

.col-center {
    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-align-self: center;
    align-self: center
}

.col-top {
    -webkit-align-self: flex-start;
    -moz-align-self: flex-start;
    -ms-align-self: flex-start;
    align-self: flex-start
}

.col,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    padding-left: 20px;
    padding-right: 20px;
    position: relative
}

.col-1 {
    width: 8.33333333%
}

.col-2 {
    width: 16.66666667%
}

.col-3 {
    width: 25%
}

.col-4 {
    width: 33.33333333%
}

.col-5 {
    width: 41.66666667%
}

.col-6 {
    width: 50%
}

.col-7 {
    width: 58.33333333%
}

.col-8 {
    width: 66.66666667%
}

.col-9 {
    width: 75%
}

.col-10 {
    width: 83.33333333%
}

.col-11 {
    width: 91.66666667%
}

.col-12 {
    width: 100%
}

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

@media (max-width:1024px) {
    .container,
    .container-flex {
        padding-left: 15px;
        padding-right: 15px
    }
    .row-grid {
        margin-left: -15px;
        margin-right: -15px
    }
    .col,
    .col-1,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-10,
    .col-11,
    .col-12 {
        padding-left: 15px;
        padding-right: 15px
    }
    .t-col-1 {
        width: 8.33333333%
    }
    .t-col-2 {
        width: 16.66666667%
    }
    .t-col-3 {
        width: 25%
    }
    .t-col-4 {
        width: 33.33333333%
    }
    .t-col-5 {
        width: 41.66666667%
    }
    .t-col-6 {
        width: 50%
    }
    .t-col-7 {
        width: 58.33333333%
    }
    .t-col-8 {
        width: 66.66666667%
    }
    .t-col-9 {
        width: 75%
    }
    .t-col-10 {
        width: 83.33333333%
    }
    .t-col-11 {
        width: 91.66666667%
    }
    .t-col-12 {
        width: 100%
    }
    .t-text-justify {
        text-align: justify
    }
    .t-text-centered {
        text-align: center
    }
    .t-col-hidd {
        display: none
    }
}

@media (max-width:770px) {
    .xm-col-1 {
        width: 8.33333333%
    }
    .xm-col-2 {
        width: 16.66666667%
    }
    .xm-col-3 {
        width: 25%
    }
    .xm-col-4 {
        width: 33.33333333%
    }
    .xm-col-5 {
        width: 41.66666667%
    }
    .xm-col-6 {
        width: 50%
    }
    .xm-col-7 {
        width: 58.33333333%
    }
    .xm-col-8 {
        width: 66.66666667%
    }
    .xm-col-9 {
        width: 75%
    }
    .xm-col-10 {
        width: 83.33333333%
    }
    .xm-col-11 {
        width: 91.66666667%
    }
    .xm-col-12 {
        width: 100%
    }
}

@media (max-width:480px) {
    .m-col-1 {
        width: 8.33333333%
    }
    .m-col-2 {
        width: 16.66666667%
    }
    .m-col-3 {
        width: 25%
    }
    .m-col-4 {
        width: 33.33333333%
    }
    .m-col-5 {
        width: 41.66666667%
    }
    .m-col-6 {
        width: 50%
    }
    .m-col-7 {
        width: 58.33333333%
    }
    .m-col-8 {
        width: 66.66666667%
    }
    .m-col-9 {
        width: 75%
    }
    .m-col-10 {
        width: 83.33333333%
    }
    .m-col-11 {
        width: 91.66666667%
    }
    .m-col-12 {
        width: 100%
    }
}

@media (max-width:380px) {
    .s-col-12 {
        width: 100%
    }
}

@-webkit-keyframes header-btn-anim {
    from {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: translate3d(0, 0, 0)
    }
}

@keyframes header-btn-anim {
    from {
        opacity: 0;
        filter: alpha(opacity=0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        filter: alpha(opacity=100);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes modal-scale-animation {
    from {
        opacity: 0;
        -webkit-transform: scale(2, 2)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1, 1)
    }
}

@-webkit-keyframes modal-scale-animation-out {
    from {
        opacity: 1;
        -webkit-transform: scale(1, 1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(2, 2)
    }
}

@keyframes modal-scale-animation {
    from {
        opacity: 0;
        transform: scale(2, 2)
    }
    to {
        opacity: 1;
        transform: scale(1, 1)
    }
}

@keyframes modal-scale-animation-out {
    from {
        opacity: 1;
        transform: scale(1, 1)
    }
    to {
        opacity: 0;
        transform: scale(2, 2)
    }
}

@-webkit-keyframes landing-scale-in-out {
    0% {
        opacity: 0;
        transform: scale(.1)
    }
    100% {
        opacity: 1;
        transform: scale(.5)
    }
}

@keyframes landing-scale-in-out {
    0% {
        opacity: 0;
        transform: scale(.1)
    }
    100% {
        opacity: 1;
        transform: scale(.5)
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-o-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes slideIn {
    from {
        opacity: 0;
        -webkit-transform: translateY(60px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes slideIn {
    from {
        opacity: 0;
        -moz-transform: translateY(60px)
    }
    to {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}

@-o-keyframes slideIn {
    from {
        opacity: 0;
        -o-transform: translateY(60px)
    }
    to {
        opacity: 1;
        -o-transform: translateY(0)
    }
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(60px)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes slideOut {
    from {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(60px)
    }
}

@-moz-keyframes slideOut {
    from {
        opacity: 1;
        -moz-transform: translateY(0)
    }
    to {
        opacity: 0;
        -moz-transform: translateY(60px)
    }
}

@-o-keyframes slideOut {
    from {
        opacity: 1;
        -o-transform: translateY(0)
    }
    to {
        opacity: 0;
        -o-transform: translateY(60px)
    }
}

@keyframes slideOut {
    from {
        opacity: 1;
        transform: translateY(0)
    }
    to {
        opacity: 0;
        transform: translateY(60px)
    }
}

@-webkit-keyframes slideThisIn {
    0% {
        -webkit-transform: translate(0, -80px);
        opacity: 0
    }
    30% {
        opacity: 0
    }
    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1
    }
}

@keyframes slideThisIn {
    0% {
        transform: translate(0, -80px);
        opacity: 0
    }
    30% {
        opacity: 0
    }
    100% {
        transform: translate(0, 0);
        opacity: 1
    }
}

@-webkit-keyframes pulse2 {
    0% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.3);
        opacity: .2
    }
    100% {
        -webkit-animation-timing-function: ease-in-out;
        -webkit-transform: scale(1.6);
        opacity: 0
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-animation-timing-function: ease-in;
        -webkit-transform: scale(1.3)
    }
    50% {
        -webkit-transform: scale(1.8);
        opacity: .2
    }
    100% {
        -webkit-animation-timing-function: ease-in-out;
        -webkit-transform: scale(2.3);
        opacity: 0
    }
}

@keyframes pulse2 {
    0% {
        animation-timing-function: ease-in;
        transform: scale(1)
    }
    50% {
        transform: scale(1.3);
        opacity: .2
    }
    100% {
        animation-timing-function: ease-in-out;
        transform: scale(1.6);
        opacity: 0
    }
}

@keyframes pulse {
    0% {
        animation-timing-function: ease-in;
        transform: scale(1.3)
    }
    50% {
        transform: scale(1.8);
        opacity: .2
    }
    100% {
        animation-timing-function: ease-in-out;
        transform: scale(2.3);
        opacity: 0
    }
}

@-webkit-keyframes chart1 {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(241.2deg)
    }
}

@-webkit-keyframes chart2 {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(133.2deg)
    }
}

@-webkit-keyframes chart3 {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(277.2deg)
    }
}

@-webkit-keyframes chart4 {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(80deg)
    }
}

@-webkit-keyframes chartRotate2 {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(90deg)
    }
}

@-webkit-keyframes chartRotate3 {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(180deg)
    }
}

@-webkit-keyframes chartRotate4 {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(270deg)
    }
}

@-webkit-keyframes chartCover {
    0%,
    90% {
        opacity: 1
    }
    91%,
    100% {
        opacity: 0
    }
}

@keyframes chart1 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(241.2deg)
    }
}

@keyframes chart2 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(163.2deg)
    }
}

@keyframes chart3 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(277.2deg)
    }
}

@keyframes chart4 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(80deg)
    }
}

@keyframes chartRotate2 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(90deg)
    }
}

@keyframes chartRotate3 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(180deg)
    }
}

@keyframes chartRotate4 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(270deg)
    }
}

@keyframes chartCover {
    0%,
    90% {
        opacity: 1
    }
    91%,
    100% {
        opacity: 0
    }
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}


.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block;
    outline: none
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

html,
body {
    left: 0;
    position: absolute;
    /*min-height: 90%;*/
    /*max-height: 100%;*/
    max-height: 100%;
    height: 100%;
    /*height: 100vh;*/

    /*min-width: 90%;*/
    max-width: 100%;
    width: 100%;

    /*width: 100vh;*/
    /*max-width: 100%;*/
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    overflow: hidden;
    color: rgba(0, 0, 0, 0.7);
}

html {
    /*height: auto;*/
    font-size: 10px;
    line-height: 10px;
    background-color: #fff
}

body {
    height: 100%;
    background-color: #fff;
    position: absolute;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*overflow-x: hidden;*/
    /*min-width: 320px;*/
    font-kerning: auto;
    /*overflow-y: hidden;*/
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.body-fixed {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none
}

.global-page {
    position: relative;
    height: 100vh
}

.cf:before,
.cf:after {
    content: ' ';
    display: table
}

.cf:after {
    clear: both
}

svg,
use {
    display: block
}

svg.svg {
    display: none
}

svg.svg-hidden {
    visibility: hidden;
    width: 0;
    height: 0
}

img,
iframe {
    max-width: 100%
}

strong,
b,
.bold {
    font-weight: 500
}

.centered {
    text-align: center
}

.webix_view {
    line-height: normal
}

.webix_view td {
    vertical-align: top
}

.webix_view a {
    color: inherit
}

.webix_view a:hover {
    color: inherit
}

.webix_modal_box,
.webix_message_area,
.webix_tooltip,
.webix_drag_zone,
.webix_popup {
    line-height: normal
}

a,
.link {
    text-decoration: none;
    color: #009688;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: pointer
}

a:hover,
.link:hover {
    color: #00baa8
}

.link:focus {
    color: #00baa8
}

.link-lite-bordered {
    color: #fff;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-decoration: none;
    position: relative
}

.link-lite-bordered:before {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -3px;
    border: 1px solid #fff;
    opacity: .7;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.link-lite-bordered:hover {
    color: #fff
}

.link-lite-bordered:hover:before {
    opacity: 1
}

.link-dark-bordered {
    color: rgba(0, 0, 0, 0.6);
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-decoration: none;
    position: relative
}

.link-dark-bordered:before {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -3px;
    border: 1px solid rgba(0, 0, 0, 0.6);
    opacity: .7;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.link-dark-bordered:hover {
    color: rgba(0, 0, 0, 0.6)
}

.link-dark-bordered:hover:before {
    opacity: 1
}

.link-lite-bordered-nextrow {
    color: #fff;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-decoration: none;
    border-bottom: 2px solid rgba(255, 255, 255, 0.7)
}

.link-lite-bordered-nextrow:hover {
    color: #fff;
    border-bottom: 2px solid #fff
}

.link-title {
    color: rgba(0, 0, 0, 0.7)
}

.link-title:hover {
    color: #00baa8
}

.learn-more-link {
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.9);
    text-transform: uppercase;
    border-bottom: 1px solid rgba(255, 255, 255, 0.54)
}

.learn-more-link.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.learn-more-link.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.learn-more-link.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.learn-more-link:hover,
.learn-more-link:focus {
    border-bottom-color: #fff
}

.link-salf {
    color: #009688;
    border-bottom: 1px dashed #009688;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.link-salf:hover,
.link-salf:focus {
    color: #00baa8;
    border-color: #00baa8
}

.link-arrow {
    display: inline-block;
    font-size: 1.8rem;
    line-height: 2.5rem;
    letter-spacing: -0.1px;
    font-weight: 500;
    color: #7E57C2;
    text-transform: capitalize;
    position: relative;
    padding-right: 3.5rem
}

.link-arrow.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.link-arrow.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.link-arrow.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.link-arrow:after {
    content: "";
    display: block;
    background: url(../common-new/arrow-small-purple.svg) no-repeat center center;
    fill: #7E57C2;
    width: 24px;
    height: 18px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -8px;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: translate(-9px, 0);
    -moz-transform: translate(-9px, 0);
    -ms-transform: translate(-9px, 0);
    -o-transform: translate(-9px, 0);
    transform: translate(-9px, 0)
}

.link-tabs-row .link-tab {
    font-size: 1.8rem;
    line-height: 2.5rem;
    letter-spacing: -0.1px;
    font-weight: 500;
    color: #7E57C2;
    text-align: center;
    border: 1px solid #7E57C2;
    border-left: none;
    background: transparent;
    padding: 1.4rem 5%
}

.link-tabs-row .link-tab.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.link-tabs-row .link-tab.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.link-tabs-row .link-tab.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.link-tabs-row .link-tab:hover {
    color: #6b41b4
}

.link-tabs-row .link-tab.is-opened {
    background-color: #7E57C2;
    color: rgba(255, 255, 255, 0.9)
}

.link-tabs-row .link-tab:first-child {
    border-left: 1px solid #7E57C2;
    -webkit-border-radius: .4rem 0 0 .4rem;
    -moz-border-radius: .4rem 0 0 .4rem;
    -o-border-radius: .4rem 0 0 .4rem;
    border-radius: .4rem 0 0 .4rem
}

.link-tabs-row .link-tab:last-child {
    -webkit-border-radius: 0 .4rem .4rem 0;
    -moz-border-radius: 0 .4rem .4rem 0;
    -o-border-radius: 0 .4rem .4rem 0;
    border-radius: 0 .4rem .4rem 0
}

.demos-section .link-tabs-row .link-tab {
    font-size: 1.8rem;
    line-height: 1.8rem;
    color: #009688;
    border: 1px solid #00BAA8;
    background: transparent;
    padding: 1.1rem 1.8rem;
    border-radius: 22.5px;
    margin: 0 .75rem 1rem
}

.demos-section .link-tabs-row .link-tab:hover {
    background-color: #4dcfc2;
    color: #fff
}

.demos-section .link-tabs-row .link-tab.is-opened {
    background-color: #00BAA8;
    color: rgba(255, 255, 255, 0.9)
}

.landing-txt {
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7)
}

.landing-txt.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.landing-txt.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.landing-txt.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.landing-txt-light {
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6)
}

.landing-txt-light.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.landing-txt-light.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.landing-txt-light.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.main-caption {
    font-size: 4.8rem;
    line-height: 6rem;
    letter-spacing: -0.5px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7)
}

.main-caption.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.main-caption.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.main-caption.color-white {
    color: rgba(255, 255, 255, 0.9)
}

@media screen and (max-width:1024px) {
    .main-caption {
        font-size: 3.5rem;
        line-height: 4rem
    }
}

.main-caption.main-caption-lite {
    color: rgba(255, 255, 255, 0.9)
}

.main-subtitle {
    font-size: 3rem;
    line-height: 4.5rem;
    letter-spacing: -0.3px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.7);
    text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
    /*margin-bottom: 1.5rem*/
}
.main-subtitle2 {
    font-size: 2.1rem;
    line-height: 3.5rem;
    letter-spacing: -0.2px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.7);
    /*margin-bottom: 1.5rem;*/
    text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
}
.main-subtitle3 {
    font-size: 1.8rem;
    line-height: 3.5rem;
    letter-spacing: -0.2px;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.7);
    /*margin-bottom: 1.5rem;*/
}
.imageshadow{
    -webkit-box-shadow: 1px 5px 10px 5px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    1px 5px 10px 5px rgba(50, 50, 50, 0.75);
    box-shadow:         1px 5px 10px 5px rgb(50 50 50 / 75%)
}
.linkdashboard{
    color: #2a2ac1 !important;
    text-shadow: 1px 1px 2px rgb(150 150 150);
}
.main-subtitle.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.main-subtitle.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.main-subtitle.color-white {
    color: rgba(255, 255, 255, 0.9)
}

@media screen and (max-width:840px) {
    .main-subtitle {
        font-size: 2.5rem;
        line-height: 3.5rem
    }
}

.main-subtitle.main-subtitle-lite {
    color: rgba(255, 255, 255, 0.9)
}

.block-title {
    font-size: 2.4rem;
    line-height: 3.5rem;
    letter-spacing: -0.2px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.7)
}

.block-title.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.block-title.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.block-title.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.block-subtitle {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7);
    margin-bottom: 1.5rem
}

.block-subtitle.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.block-subtitle.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.block-subtitle.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.block-subtitle.block-subtitle-lite {
    color: rgba(255, 255, 255, 0.9)
}

.item-title {
    font-size: 1.8rem;
    line-height: 2.5rem;
    letter-spacing: -0.1px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.7)
}

.item-title.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.item-title.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.item-title.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.title-25-40-300 {
    font-size: 2.5rem;
    line-height: 4rem;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.7)
}

.page-subtitle {
    margin-bottom: 4rem;
    text-align: center
}

.page-subtitle-404 {
    margin-bottom: 7rem;
    text-align: center
}

.title-medium-36 {
    color: rgba(0, 0, 0, 0.7);
    font-size: 3.6rem;
    font-weight: 500;
    line-height: 1.52;
    text-align: center
}

.tab-content {
    display: none
}

.tab-content.is-opened {
    display: flex;
    flex-direction: column
}

.main-list {
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7)
}

.main-list.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.main-list.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.main-list.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.main-list li {
    padding-left: 1.5rem;
    position: relative;
    margin-top: 1rem
}

.main-list li:before {
    content: "";
    display: block;
    width: .3rem;
    height: .3rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    left: 0;
    top: .98rem
}

.main-list li:first-child {
    margin-top: 0
}

.list-square {
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7)
}

.list-square.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.list-square.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.list-square.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.list-square li {
    padding-left: 3rem;
    position: relative;
    margin-top: 1.2rem
}

.list-square li:before {
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    background-color: #7E57C2;
    position: absolute;
    left: 0;
    top: .6rem
}

.list-square li:first-child {
    margin-top: 0
}

.landing-list {
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
    width: max-content;
    margin: 0 auto;
    text-align: left
}

.landing-list.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.landing-list.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.landing-list.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.landing-list li {
    margin-bottom: 1rem;
    position: relative;
    padding-left: 1.5rem
}

.landing-list li:before {
    content: "";
    display: block;
    width: .3rem;
    height: .3rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    left: 0;
    top: .98rem
}

.tooltip-quest-container {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-left: .8rem;
    cursor: pointer
}

.tooltip-quest-container .tooltip-quest-block {
    display: block;
    position: relative;
    padding-right: 2rem
}

.tooltip-quest-container .tooltip-quest {
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #E6E6E6;
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    font-weight: 500;
    color: #009688;
    text-align: center;
    overflow: hidden
}

.tooltip-quest-container .tooltip-quest.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.tooltip-quest-container .tooltip-quest.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.tooltip-quest-container .tooltip-quest.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.tooltip-quest-container .tooltip-triangle {
    display: block;
    width: 18px;
    height: 24px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1000;
    overflow: hidden
}

.tooltip-quest-container .tooltip-triangle:after {
    content: "";
    position: absolute;
    top: 4px;
    left: 10px;
    width: 16px;
    height: 16px;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1)
}

.tooltip-quest-container .tooltip-block {
    position: absolute;
    left: 4.48rem;
    bottom: 50%;
    z-index: 999;
    margin-bottom: -9.5rem;
    min-height: 19rem;
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7);
    width: 51rem;
    padding: 3rem;
    background-color: #fff;
    border: 1px solid #EAEAEA;
    -webkit-border-radius: .4rem;
    -moz-border-radius: .4rem;
    -o-border-radius: .4rem;
    border-radius: .4rem;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1)
}

.tooltip-quest-container .tooltip-block.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.tooltip-quest-container .tooltip-block.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.tooltip-quest-container .tooltip-block.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.tooltip-quest-container .tooltip-triangle,
.tooltip-quest-container .tooltip-block {
    opacity: 0;
    -webkit-transition: .15s;
    -moz-transition: .15s;
    -ms-transition: .15s;
    -o-transition: .15s;
    transition: .15s;
    -webkit-transform-origin: center left;
    -moz-transform-origin: center left;
    -ms-transform-origin: center left;
    -o-transform-origin: center left;
    transform-origin: center left;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0)
}

.tooltip-quest-container .tooltip-title {
    font-size: 1.8rem;
    line-height: 2.1rem
}

.tooltip-quest-container .tooltip-descr {
    color: rgba(0, 0, 0, 0.6);
    margin-top: 1.5rem
}

.tooltip-quest-container:hover .tooltip-quest {
    color: #00baa8
}

.tooltip-quest-container.is-opened .tooltip-block,
.tooltip-quest-container.is-opened .tooltip-triangle {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1
}

.tooltip-container {
    display: inline-block;
    vertical-align: top;
    position: relative
}

.tooltip-container .tooltip-title {
    display: inline-block;
    vertical-align: top;
    border-bottom: 1px dashed rgba(148, 121, 205, 0.9);
    cursor: pointer
}

.tooltip-container .tooltip-block {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 100%;
    z-index: 10;
    margin-bottom: .7rem;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    pointer-events: none;
    -webkit-transform: translate(0, 20%);
    -moz-transform: translate(0, 20%);
    -ms-transform: translate(0, 20%);
    -o-transform: translate(0, 20%);
    transform: translate(0, 20%);
    opacity: 0
}

.tooltip-container .tooltip-block-content {
    display: block;
    position: relative;
    background-color: #394046;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 10px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 10px 0 rgba(0, 0, 0, 0.1);
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: #fff;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    -o-border-radius: .2rem;
    border-radius: .2rem;
    z-index: 999
}

.tooltip-container .tooltip-block-content.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.tooltip-container .tooltip-block-content.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.tooltip-container .tooltip-block-content.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.tooltip-container .tooltip-triangle {
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 50%;
    bottom: -8px;
    margin-left: -7.5px;
    z-index: 990;
    overflow: hidden;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.tooltip-container .tooltip-triangle:after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    background-color: #474a4c;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 10px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 10px 0 rgba(0, 0, 0, 0.1)
}

.tooltip-container.tooltip-container-lg .tooltip-block {
    width: 22.5rem;
    margin-left: -11.25rem
}

.tooltip-container.tooltip-container-lg .tooltip-block-content {
    padding: 1.5rem
}

.tooltip-container.tooltip-container-sm .tooltip-block {
    width: 18rem;
    margin-left: -9rem
}

.tooltip-container.tooltip-container-sm .tooltip-block-content {
    padding: 1rem
}

.tooltip-container.is-opened .tooltip-block {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

@media screen and (max-width:990px) {
    .tooltip-container.tooltip-container-lg .tooltip-block {
        width: 18rem;
        margin-left: -9rem
    }
    .tooltip-container.tooltip-container-lg .tooltip-block-content {
        padding: 1rem
    }
    .tooltip-container.tooltip-container-sm .tooltip-block {
        width: 14rem;
        margin-left: -7rem
    }
    .tooltip-container.tooltip-container-sm .tooltip-block-content {
        padding: .5rem
    }
}

@media screen and (max-width:840px) {
    .page-subtitle {
        margin-bottom: 3rem
    }
    .tooltip-quest-container .tooltip-block {
        padding: 2rem;
        width: 30rem;
        left: 4.43rem;
        min-height: 16rem;
        margin-bottom: -8rem;
        font-size: 1.4rem;
        line-height: 2.3rem
    }
    .tooltip-quest-container .tooltip-title {
        font-size: 1.6rem;
        line-height: 2.1rem
    }
    .tooltip-quest-container .tooltip-descr {
        margin-top: .5rem;
        font-size: 1.4rem;
        line-height: 2.2rem
    }
    .tooltip-quest-container .main-list.tooltip-descr li {
        margin-top: 0
    }
}

@media screen and (max-width:720px) {
    .link-tabs-row.link-tabs-row-demos .link-tab {
        width: 50%;
        margin-bottom: 1rem;
        padding: 1.4rem 1rem
    }
}

@media screen and (max-width:480px) {
    .tooltip-quest-container .tooltip-block {
        width: 20rem
    }
}

@media screen and (max-width:400px) {
    .link-tabs-row .link-tab {
        width: 100%;
        margin-bottom: 1rem
    }
    .link-tabs-row .link-tab:nth-child(even),
    .link-tabs-row .link-tab:nth-child(odd) {
        border-left: 1px solid #7E57C2;
        -webkit-border-radius: .4rem;
        -moz-border-radius: .4rem;
        -o-border-radius: .4rem;
        border-radius: .4rem
    }
    .link-tabs-row.link-tabs-row-demos .link-tab {
        width: 100%;
        margin-bottom: 1rem
    }
    .link-tabs-row.link-tabs-row-demos .link-tab:nth-child(even),
    .link-tabs-row.link-tabs-row-demos .link-tab:nth-child(odd) {
        border-left: 1px solid #00baa8;
        -webkit-border-radius: 22.5px;
        -moz-border-radius: 22.5px;
        -o-border-radius: 22.5px;
        border-radius: 22.5px
    }
}

.btn,
.btn-contour {
    display: inline-block;
    vertical-align: top;
    outline: none;
    text-align: center;
    border: 1px solid;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    -o-border-radius: .2rem;
    border-radius: .2rem;
    cursor: pointer;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 500;
    padding: 1.2rem 3.4rem;
    text-transform: capitalize;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    position: relative;
    overflow: hidden
}

.btn:after,
.btn-contour:after {
    content: "";
    display: block;
    width: 100%;
    height: 2rem;
    position: absolute;
    left: -95%;
    bottom: 15%;
    background-color: #fff;
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    transform: rotateZ(45deg)
}

.btn:hover:after,
.btn-contour:hover:after {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    left: 100%
}

.btn.btn-xs,
.btn-contour.btn-xs {
    font-size: 1.5rem;
    line-height: 1.8rem;
    padding: .9rem 1.8rem 1rem 1.8rem
}

.btn.btn-submit,
.btn-contour.btn-submit {
    padding: 1.4rem 3.5rem 1.5rem
}

.btn {
    color: rgba(255, 255, 255, 0.9);
    background-color: #7E57C2;
    border-color: #7E57C2
}

.btn:hover {
    color: rgba(255, 255, 255, 0.9);
    background-color: #6b41b4;
    border-color: #6b41b4
}

.btn-contour {
    background: none;
    color: #7E57C2;
    border-color: #7E57C2;
    position: relative
}

.btn-contour:hover {
    color: rgba(255, 255, 255, 0.9);
    background-color: #7E57C2;
    border-color: #7E57C2
}

.btn-contour.btn-contour-lite {
    color: rgba(255, 255, 255, 0.9);
    border-color: #fff
}

.btn-contour.btn-contour-lite:hover {
    background-color: #7E57C2;
    border-color: #7E57C2
}

.btn-contour:disabled {
    background: #e4e4e4;
    border-color: #b7b7b7;
    color: #b7b7b7
}

.btn-contour:disabled:after {
    display: none
}

.btn-contour:disabled:hover {
    background: #e4e4e4;
    border-color: #b7b7b7;
    color: #b7b7b7
}

.btn-wide {
    width: 100%
}

.demo-classic-btn {
    color: buttontext;
    border-width: 2px;
    border-style: outset;
    border-color: buttonface;
    padding: 1px 6px;
    outline: 0;
    cursor: pointer
}

@media screen and (min-width:1025px) {
    .global-header-landing .btn.btn-header {
        border-color: #fff;
        background: none
    }
    .global-header-landing .btn.btn-header:hover {
        color: #7E57C2;
        background-color: #fff;
        border-color: #fff
    }
    .global-header-landing .global-menu-visible .btn.btn-header {
        border-color: #7E57C2;
        background-color: #7E57C2
    }
    .global-header-landing .global-menu-visible .btn.btn-header:hover {
        color: rgba(255, 255, 255, 0.9);
        background-color: #6b41b4;
        border-color: #6b41b4
    }
    .global-header-landing.global-header-front .btn.btn-header:hover {
        color: #009688
    }
    .global-header-landing.global-header-front .global-menu-visible .btn.btn-header:hover {
        color: #fff
    }
}

@media screen and (max-width:840px) {
    .btn {
        font-size: 1.6rem;
        line-height: 2.4rem;
        padding: .9rem 3rem 1rem
    }
    .btn.btn-xs {
        font-size: 1.5rem;
        line-height: 1.8rem;
        padding: .9rem 1.8rem 1rem 1.8rem
    }
}

.widgets-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    color: rgba(0, 0, 0, 0.7)
}

.widgets-item .widgets-item-icon,
.widgets-item .widgets-item-name {
    display: block
}

.widgets-item .widgets-item-name {
    margin-left: 1rem
}

.widget-icon-svg,
.widget-icon-svg-use {
    width: 30px;
    height: 30px
}

.widget-icon-svg-use {
    fill: rgba(0, 0, 0, 0.5);
    -webkit-transition: fill .2s ease-in-out;
    -moz-transition: fill .2s ease-in-out;
    -ms-transition: fill .2s ease-in-out;
    -o-transition: fill .2s ease-in-out;
    transition: fill .2s ease-in-out
}

a.widgets-item .widgets-item-name {
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

a.widgets-item .widgets-item-name:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 1px;
    right: 0;
    width: 100%;
    height: 1px;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    background-color: #009688;
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -ms-transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s
}

a.widgets-item.is-active .widgets-item-name {
    color: #009688;
    font-weight: 500
}

a.widgets-item.is-active .widget-icon-svg-use {
    fill: #009688
}

a.widgets-item:hover .widgets-item-name,
a.widgets-item:focus .widgets-item-name {
    color: #009688
}

a.widgets-item:hover .widget-icon-svg-use,
a.widgets-item:focus .widget-icon-svg-use {
    fill: #009688
}

a.widgets-item-spreadsheet .widgets-item-name:after {
    display: none
}

a.widgets-item-spreadsheet .widget-icon-svg-use {
    fill: #00c8bc
}

a.widgets-item-spreadsheet:hover .widgets-item-name,
a.widgets-item-spreadsheet:focus .widgets-item-name,
a.widgets-item-spreadsheet.is-active .widgets-item-name {
    color: #00c8bc
}

a.widgets-item-spreadsheet:hover .widget-icon-svg-use,
a.widgets-item-spreadsheet:focus .widget-icon-svg-use,
a.widgets-item-spreadsheet.is-active .widget-icon-svg-use {
    fill: #00c8bc
}

a.widgets-item-pivot .widgets-item-name:after {
    display: none
}

a.widgets-item-pivot .widget-icon-svg-use {
    fill: #3498db
}

a.widgets-item-pivot:hover .widgets-item-name,
a.widgets-item-pivot:focus .widgets-item-name,
a.widgets-item-pivot.is-active .widgets-item-name {
    color: #3498db
}

a.widgets-item-pivot:hover .widget-icon-svg-use,
a.widgets-item-pivot:focus .widget-icon-svg-use,
a.widgets-item-pivot.is-active .widget-icon-svg-use {
    fill: #3498db
}

a.widgets-item-kanban .widgets-item-name:after {
    display: none
}

a.widgets-item-kanban .widget-icon-svg-use {
    fill: #27ae60
}

a.widgets-item-kanban:hover .widgets-item-name,
a.widgets-item-kanban:focus .widgets-item-name,
a.widgets-item-kanban.is-active .widgets-item-name {
    color: #27ae60
}

a.widgets-item-kanban:hover .widget-icon-svg-use,
a.widgets-item-kanban:focus .widget-icon-svg-use,
a.widgets-item-kanban.is-active .widget-icon-svg-use {
    fill: #27ae60
}

a.widgets-item-filemanager .widgets-item-name:after {
    display: none
}

a.widgets-item-filemanager .widget-icon-svg-use {
    fill: #00b3c8
}

a.widgets-item-filemanager:hover .widgets-item-name,
a.widgets-item-filemanager:focus .widgets-item-name,
a.widgets-item-filemanager.is-active .widgets-item-name {
    color: #00b3c8
}

a.widgets-item-filemanager:hover .widget-icon-svg-use,
a.widgets-item-filemanager:focus .widget-icon-svg-use,
a.widgets-item-filemanager.is-active .widget-icon-svg-use {
    fill: #00b3c8
}

a.widgets-item-scheduler .widgets-item-name:after {
    display: none
}

a.widgets-item-scheduler .widget-icon-svg-use {
    fill: #7871c2
}

a.widgets-item-scheduler:hover .widgets-item-name,
a.widgets-item-scheduler:focus .widgets-item-name,
a.widgets-item-scheduler.is-active .widgets-item-name {
    color: #7871c2
}

a.widgets-item-scheduler:hover .widget-icon-svg-use,
a.widgets-item-scheduler:focus .widget-icon-svg-use,
a.widgets-item-scheduler.is-active .widget-icon-svg-use {
    fill: #7871c2
}

a.widgets-item-docmanager .widgets-item-name:after {
    display: none
}

a.widgets-item-docmanager .widget-icon-svg-use {
    fill: #00B3C8
}

a.widgets-item-docmanager:hover .widgets-item-name,
a.widgets-item-docmanager:focus .widgets-item-name,
a.widgets-item-docmanager.is-active .widgets-item-name {
    color: #00B3C8
}

a.widgets-item-docmanager:hover .widget-icon-svg-use,
a.widgets-item-docmanager:focus .widget-icon-svg-use,
a.widgets-item-docmanager.is-active .widget-icon-svg-use {
    fill: #00B3C8
}

a.widgets-item-query .widgets-item-name:after {
    display: none
}

a.widgets-item-query .widget-icon-svg-use {
    fill: #669eff
}

a.widgets-item-query:hover .widgets-item-name,
a.widgets-item-query:focus .widgets-item-name,
a.widgets-item-query.is-active .widgets-item-name {
    color: #669eff
}

a.widgets-item-query:hover .widget-icon-svg-use,
a.widgets-item-query:focus .widget-icon-svg-use,
a.widgets-item-query.is-active .widget-icon-svg-use {
    fill: #669eff
}

a.widgets-item-usermanager .widgets-item-name:after {
    display: none
}

a.widgets-item-usermanager .widget-icon-svg-use {
    fill: #c179c2
}

a.widgets-item-usermanager:hover .widgets-item-name,
a.widgets-item-usermanager:focus .widgets-item-name,
a.widgets-item-usermanager.is-active .widgets-item-name {
    color: #c179c2
}

a.widgets-item-usermanager:hover .widget-icon-svg-use,
a.widgets-item-usermanager:focus .widget-icon-svg-use,
a.widgets-item-usermanager.is-active .widget-icon-svg-use {
    fill: #c179c2
}

a.widgets-item-chatmessenger .widgets-item-name:after {
    display: none
}

a.widgets-item-chatmessenger .widget-icon-svg-use {
    fill: #55CD97
}

a.widgets-item-chatmessenger:hover .widgets-item-name,
a.widgets-item-chatmessenger:focus .widgets-item-name,
a.widgets-item-chatmessenger.is-active .widgets-item-name {
    color: #55CD97
}

a.widgets-item-chatmessenger:hover .widget-icon-svg-use,
a.widgets-item-chatmessenger:focus .widget-icon-svg-use,
a.widgets-item-chatmessenger.is-active .widget-icon-svg-use {
    fill: #55CD97
}

a.widgets-item-gantt .widgets-item-name:after {
    display: none
}

a.widgets-item-gantt .widget-icon-svg-use {
    fill: #517DFE
}

a.widgets-item-gantt:hover .widgets-item-name,
a.widgets-item-gantt:focus .widgets-item-name,
a.widgets-item-gantt.is-active .widgets-item-name {
    color: #517DFE
}

a.widgets-item-gantt:hover .widget-icon-svg-use,
a.widgets-item-gantt:focus .widget-icon-svg-use,
a.widgets-item-gantt.is-active .widget-icon-svg-use {
    fill: #517DFE
}

.widgets-sidebar a.widgets-item .widgets-item-name:after {
    display: none
}

.form-fieldset {
    position: relative;
    margin-top: 1.5rem
}

.form-fieldset:first-child {
    margin-top: 0
}

.form-fieldset-hidden {
    display: none;
    padding: 2rem 0 1.5rem
}

.form-fieldset-checkboxes {
    margin-top: 2.1rem
}

.form-fieldset-submit {
    margin-top: 4.1rem
}

.form-row {
    position: relative
}

.form-row:after {
    content: url(../common-new/check-icon-green.svg);
    display: block;
    position: absolute;
    right: 2rem;
    top: 1.7rem;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.form-field {
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7);
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    padding: 2.2rem 5rem .6rem 2rem;
    outline: none;
    width: 100%;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.form-field.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.form-field.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.form-field.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.form-field-textarea {
    height: 16rem;
    resize: none
}

.form-label {
    display: block;
    width: 100%;
    color: rgba(0, 0, 0, 0.5);
    font-size: 1.6rem;
    line-height: 1.9rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 1.9rem;
    padding: 0 2rem;
    -webkit-transition: transform .2s ease-out;
    -moz-transition: transform .2s ease-out;
    -ms-transition: transform .2s ease-out;
    -o-transition: transform .2s ease-out;
    transition: transform .2s ease-out;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    cursor: pointer;
    -webkit-touch-callout: none
}

.error-label {
    display: block;
    width: 100%;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.9);
    font-size: 1.6rem;
    line-height: 1.9rem;
    -webkit-border-radius: .4rem;
    -moz-border-radius: .4rem;
    -o-border-radius: .4rem;
    border-radius: .4rem;
    background-color: #FF7777;
    padding: 0 2rem;
    margin-top: .1rem;
    position: relative;
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    -ms-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
    transition: all .15s ease-out;
    height: 0;
    text-align: left;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    opacity: 0
}

.form-field:focus+.form-label,
.form-fieldset-filled .form-label,
.form-fieldset-error .form-label {
    transform: translate(.5rem, -1rem) scale(.8, .8);
    line-height: 1.5rem
}

.form-fieldset-filled .form-row:after {
    opacity: 1
}

.form-fieldset-error .form-field {
    background-color: #FFE8E8
}

.form-fieldset-error .error-label {
    padding: 1.3rem 2rem;
    opacity: 1;
    height: auto;
    margin-top: 4px
}

.contact-form-transparent .form-field {
    border-color: transparent
}

.radiogroup-flex {
    display: flex;
    align-items: center
}

.radiogroup-name {
    font-size: 1.6rem;
    line-height: 2.1rem;
    color: #fff;
    margin-right: 2.5rem
}

.radiogroup-text {
    font-size: 1.6rem;
    line-height: 2.1rem;
    color: #fff;
    display: block;
    margin-top: 1.5rem
}

.label-radio {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    letter-spacing: 2.5px;
    text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
}

.label-radio .radio-check {
    display: none
}

.label-radio .radio-box,
.label-radio .radio-name {
    display: block
}

.label-radio .radio-box {
    margin-right: 2px;
    float: left;
    width: 20px;
    height: 20px;
    border: 2px solid rgba(1, 1, 1, 0.5);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    -webkit-transition: .2s all ease-in-out;
    -moz-transition: .2s all ease-in-out;
    -ms-transition: .2s all ease-in-out;
    -o-transition: .2s all ease-in-out;
    transition: .2s all ease-in-out;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    1px 1px 2px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         1px 1px 2px 0px rgba(50, 50, 50, 0.75);
}

.addon-radio {
    margin-right: 3px !important;
    width: 19px !important;
    height: 19px !important;
}

.label-radio .radio-box:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background-color: #7E57C2;
    border: 2px solid #7E57C2;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px 0 0 -5px;
    visibility: hidden
}

.label-radio .radio-check:checked+.radio-box {
    border-color: #7E57C2
}

.label-radio .radio-check:checked+.radio-box:before {
    visibility: visible
}

.label-radio .radio-check:disabled+.radio-box {
    border-color: #b7b7b7;
    background-color: #e4e4e4
}

.label-radio .radio-check:checked:disabled+.radio-box:before {
    background-color: #b7b7b7;
    border-color: #b7b7b7
}

.label-radio .radio-name {
    font-size: 1.6rem;
    line-height: 2.1rem;
    color: rgba(0, 0, 0, 0.6);
    /*margin-left: 3rem*/
}

.label-radio .radio-box-white {
    float: left;
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    -webkit-transition: .2s all ease-in-out;
    -moz-transition: .2s all ease-in-out;
    -ms-transition: .2s all ease-in-out;
    -o-transition: .2s all ease-in-out;
    transition: .2s all ease-in-out
}

.label-radio .radio-box-white:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px 0 0 -5px;
    visibility: hidden
}

.label-radio .radio-name-white {
    font-size: 1.6rem;
    line-height: 2.1rem;
    color: #fff;
    margin-left: .8rem;
    margin-right: 2rem
}

.label-radio .radio-check:checked+.radio-box-white {
    border-color: #fff
}

.label-radio .radio-check:checked+.radio-box-white:before {
    visibility: visible
}

.label-checkbox {
    display: inline-block;
    vertical-align: top;
    cursor: pointer
}

.label-checkbox .checkbox-check {
    display: none
}

.label-checkbox .checkbox-box,
.label-checkbox .checkbox-name {
    display: block
}

.label-checkbox .checkbox-box {
    float: left;
    width: 18px;
    height: 18px;
    border: 2px solid rgba(1, 1, 1, 0.5);
    position: relative;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    -o-border-radius: .2rem;
    border-radius: .2rem;
    -webkit-transition: .2s all ease-in-out;
    -moz-transition: .2s all ease-in-out;
    -ms-transition: .2s all ease-in-out;
    -o-transition: .2s all ease-in-out;
    transition: .2s all ease-in-out
}

.label-checkbox .checkbox-box:before {
    content: "";
    display: block;
    background: url(../common-new/check-icon.svg) no-repeat center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -7.5px 0 0 -7px;
    visibility: hidden;
    -webkit-transition: .2s all ease-in-out;
    -moz-transition: .2s all ease-in-out;
    -ms-transition: .2s all ease-in-out;
    -o-transition: .2s all ease-in-out;
    transition: .2s all ease-in-out
}

.label-checkbox .checkbox-check:checked+.checkbox-box {
    background-color: #7E57C2;
    border-color: #7E57C2
}

.label-checkbox .checkbox-check:checked+.checkbox-box:before {
    visibility: visible
}

.label-checkbox .checkbox-check:disabled+.checkbox-box {
    border-color: #b7b7b7;
    background-color: #e4e4e4
}

.label-checkbox .checkbox-check:checked:disabled+.checkbox-box:before {
    background-color: #b7b7b7;
    border-color: #b7b7b7
}

.label-checkbox .checkbox-name {
    font-size: 1.6rem;
    line-height: 2rem;
    color: rgba(0, 0, 0, 0.6);
    margin-left: 3rem;
    margin-bottom: .8rem
}

.label-checkbox .checkbox-name:last-of-type {
    margin-bottom: 0
}

.label-checkbox .checkbox-name-sub {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px
}

.label-checkbox.label-checkbox-lite .checkbox-box {
    border-color: rgba(255, 255, 255, 0.7)
}

.label-checkbox.label-checkbox-lite .checkbox-box:before {
    background: url(../common-new/check-icon-blue.svg) no-repeat center center
}

.label-checkbox.label-checkbox-lite .checkbox-check:checked+.checkbox-box {
    background-color: #fff;
    border-color: #fff
}

.label-checkbox.label-checkbox-lite .checkbox-name {
    color: #fff
}

.label-checkbox.label-checkbox-lite:hover .checkbox-box {
    border-color: #fff
}

.label-icon-parent {
    position: relative
}

.label-icon {
    position: absolute;
    right: 100%;
    top: -5px;
    margin-right: 18px
}

.popup-overlay {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 995;
    text-align: center;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    height: 100%;
    white-space: nowrap
}

.popup-overlay::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%
}

.popup-overlay-scale {
    background-color: rgba(0, 0, 0, 0.5)
}

.popup-overlay-scale.is-scale-active {
    display: block;
    -webkit-animation: modal-scale-animation .5s ease;
    -moz-animation: modal-scale-animation .5s ease;
    -o-animation: modal-scale-animation .5s ease;
    animation: modal-scale-animation .5s ease
}

.popup-overlay-scale.is-scale-hide {
    display: block;
    -webkit-animation: modal-scale-animation-out .25s ease;
    -moz-animation: modal-scale-animation-out .25s ease;
    -o-animation: modal-scale-animation-out .25s ease;
    animation: modal-scale-animation-out .25s ease
}

.popup-overlay-simple.is-active {
    display: block
}

.popup-block-wrap {
    display: inline-block;
    position: relative;
    z-index: 999;
    min-width: 300px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    vertical-align: middle
}

.popup-block {
    position: relative;
    white-space: normal
}

.popup-close {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px;
    cursor: pointer;
    z-index: 100
}

.popup-close .close-icon-use {
    fill: #8A93A9;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.popup-close-small .close-icon-svg,
.popup-close-small .close-icon-use {
    width: 1.4rem;
    height: 1.4rem
}

.popup-close-small:hover .close-icon-use {
    fill: #6b41b4
}

.popup-close-big {
    text-align: center
}

.popup-close-big .popup-close-txt,
.popup-close-big .close-icon-svg {
    margin-left: auto;
    margin-right: auto
}

.popup-close-big .popup-close-txt {
    display: block;
    color: #8A93A9;
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: .5rem;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.popup-close-big .close-icon-svg,
.popup-close-big .close-icon-use {
    width: 2.5rem;
    height: 2.5rem
}

.popup-close-big:hover .popup-close-txt {
    color: #6b41b4
}

.popup-close-big:hover .close-icon-use {
    fill: #6b41b4
}

.popup-block-wrap-download {
    width: 572px
}

.popup-block-download {
    background-color: #fff;
    margin: 115px 0 15px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    padding: 35px 25px;
    text-align: center;
    position: relative
}

.free-download-form {
    margin-top: 30px
}

.download-form-img {
    display: inline-block;
    position: relative;
    right: 15px;
    margin-top: -130px;
    padding: 0 15px
}

.download-form-contain {
    margin-top: 10px
}

.download-form-contain .download-form-descr {
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7);
    padding: 0 3.6%
}

.download-form-contain .download-form-descr.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.download-form-contain .download-form-descr.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.download-form-contain .download-form-descr.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.free-download-form-block {
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between
}

.free-download-form-block .download-form-col:first-child {
    width: 67%;
    text-align: left
}

.popup-overlay-comparison {
    overflow: hidden
}

.popup-overlay-bg {
    z-index: 100;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0
}

.popup-fade-in {
    opacity: 0;
    -webkit-animation: fadeIn ease 1;
    -moz-animation: fadeIn ease 1;
    -o-animation: fadeIn ease 1;
    animation: fadeIn ease 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 200ms;
    -moz-animation-duration: 200ms;
    -ms-animation-duration: 200ms;
    -o-animation-duration: 200ms;
    animation-duration: 200ms;
    -webkit-animation-delay: 50ms;
    -moz-animation-delay: 50ms;
    -ms-animation-delay: 50ms;
    -o-animation-delay: 50ms;
    animation-delay: 50ms
}

.popup-fade-out {
    opacity: 1;
    -webkit-animation: fadeOut ease 1;
    -moz-animation: fadeOut ease 1;
    -o-animation: fadeOut ease 1;
    animation: fadeOut ease 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 200ms;
    -moz-animation-duration: 200ms;
    -ms-animation-duration: 200ms;
    -o-animation-duration: 200ms;
    animation-duration: 200ms
}

.popup-block-wrap-comparison {
    width: 100%;
    height: 100%;
    vertical-align: top;
    margin-left: -2px
}

.popup-block-comparison {
    padding: 0;
    height: 100%
}

.comparison-popup-close {
    right: 2rem;
    top: 1rem;
    position: fixed
}

.comparison-popup-close,
.comparison-title,
.comparison-info,
.comparison-description {
    opacity: 0;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.content-slide-in .comparison-popup-close {
    opacity: 0;
    -webkit-animation: fadeIn ease 1;
    -moz-animation: fadeIn ease 1;
    -o-animation: fadeIn ease 1;
    animation: fadeIn ease 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 180ms;
    -moz-animation-duration: 180ms;
    -ms-animation-duration: 180ms;
    -o-animation-duration: 180ms;
    animation-duration: 180ms
}

.content-slide-in .comparison-title,
.content-slide-in .comparison-info,
.content-slide-in .comparison-description {
    opacity: 0;
    -webkit-transform: translateY(60px);
    -moz-transform: translateY(60px);
    -ms-transform: translateY(60px);
    -o-transform: translateY(60px);
    transform: translateY(60px);
    -webkit-animation: slideIn ease 1;
    -moz-animation: slideIn ease 1;
    -o-animation: slideIn ease 1;
    animation: slideIn ease 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 180ms;
    -moz-animation-duration: 180ms;
    -ms-animation-duration: 180ms;
    -o-animation-duration: 180ms;
    animation-duration: 180ms
}

.content-slide-in .comparison-info {
    -webkit-animation-delay: 100ms;
    -moz-animation-delay: 100ms;
    -ms-animation-delay: 100ms;
    -o-animation-delay: 100ms;
    animation-delay: 100ms
}

.content-slide-in .comparison-description {
    -webkit-animation-delay: 150ms;
    -moz-animation-delay: 150ms;
    -ms-animation-delay: 150ms;
    -o-animation-delay: 150ms;
    animation-delay: 150ms
}

.content-slide-out .comparison-popup-close {
    opacity: 1;
    -webkit-animation: fadeOut ease 1;
    -moz-animation: fadeOut ease 1;
    -o-animation: fadeOut ease 1;
    animation: fadeOut ease 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 180ms;
    -moz-animation-duration: 180ms;
    -ms-animation-duration: 180ms;
    -o-animation-duration: 180ms;
    animation-duration: 180ms
}

.content-slide-out .comparison-title,
.content-slide-out .comparison-info,
.content-slide-out .comparison-description {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation: slideOut ease 1;
    -moz-animation: slideOut ease 1;
    -o-animation: slideOut ease 1;
    animation: slideOut ease 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 180ms;
    -moz-animation-duration: 180ms;
    -ms-animation-duration: 180ms;
    -o-animation-duration: 180ms;
    animation-duration: 180ms
}

.content-slide-out .comparison-title {
    -webkit-animation-delay: 150ms;
    -moz-animation-delay: 150ms;
    -ms-animation-delay: 150ms;
    -o-animation-delay: 150ms;
    animation-delay: 150ms
}

.content-slide-out .comparison-info {
    -webkit-animation-delay: 100ms;
    -moz-animation-delay: 100ms;
    -ms-animation-delay: 100ms;
    -o-animation-delay: 100ms;
    animation-delay: 100ms
}

.comparison-content {
    padding: 9rem 0;
    height: 100%;
    overflow: auto
}

.comparison-info {
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
    margin-top: 3rem;
    text-align: left;
    max-width: 88rem;
    margin-left: auto;
    margin-right: auto
}

.comparison-info.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.comparison-info.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.comparison-info.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.comparison-description {
    margin-top: 5rem
}

.license-table .table-info-col {
    vertical-align: top
}

.license-table-title {
    text-align: left;
    font-size: 1.9rem;
    line-height: 3rem;
    font-weight: bold
}

.license-accordion-body {
    display: none
}

.license-accordion-descr {
    display: inline-block;
    text-align: left;
    opacity: 0;
    padding-top: 3rem;
    -webkit-animation: fadeIn .8s 1 ease-in-out;
    -moz-animation: fadeIn .8s 1 ease-in-out;
    -o-animation: fadeIn .8s 1 ease-in-out;
    animation: fadeIn .8s 1 ease-in-out;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.license-accordion-title {
    font-size: 1.8rem;
    line-height: 2.1rem;
    margin-bottom: 1.9rem
}

.license-accordion-list {
    color: rgba(0, 0, 0, 0.6)
}

.payment-block-wrap {
    -ms-flex-pack: justify;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    margin-top: 1.5rem;
    max-width: 92rem;
    margin-left: auto;
    margin-right: auto
}

.col-payment-block {
    width: 20%;
    min-width: 18rem
}

.payment-block {
    border: 1px solid rgba(0, 0, 0, 0.05);
    text-align: center;
    margin: 2rem 0
}

.payment-block-icon {
    background-color: #F7F7FA;
    height: 5.5rem;
    line-height: 5.5rem
}

.payment-block-img {
    display: inline-block;
    vertical-align: middle
}

.payment-block-title {
    font-size: 1.4rem;
    line-height: 1.6rem;
    color: rgba(0, 0, 0, 0.6);
    padding: .5rem;
    background-color: #fff
}

.payment-block-descr {
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
    text-align: left;
    max-width: 88rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem
}

.payment-block-descr.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.payment-block-descr.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.payment-block-descr.color-white {
    color: rgba(255, 255, 255, 0.9)
}

@media screen and (max-width:1024px) {
    .popup-overlay-comparison {
        overflow: auto
    }
    .popup-block-comparison {
        padding: 9rem 0;
        height: auto
    }
    .comparison-popup-close {
        position: absolute
    }
    .comparison-content {
        padding: 0;
        overflow: visible
    }
    .payment-block {
        margin: 1.5rem 0
    }
}

@media screen and (max-width:960px) {
    .payment-block-wrap {
        -ms-flex-pack: justify;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center
    }
}

@media screen and (max-width:840px) {
    .popup-close-big .close-icon-svg,
    .popup-close-big .close-icon-use {
        width: 2rem;
        height: 2rem
    }
    .popup-close-big .popup-close-txt {
        font-size: 1.4rem;
        line-height: 2.3rem
    }
    .popup-block-comparison {
        padding: 7rem 0
    }
    .comparison-popup-close {
        right: 0;
        top: 0
    }
    .comparison-info,
    .comparison-description {
        margin-top: 1.5rem
    }
    .license-table-title {
        font-size: 1.4rem;
        line-height: 2.3rem
    }
    .license-accordion-descr {
        padding-top: 1.5rem
    }
    .license-accordion-title {
        font-size: 1.6rem;
        margin-bottom: 1rem
    }
    .license-accordion-list {
        margin-top: 0;
        font-size: 1.4rem;
        line-height: 2.3rem
    }
    .license-accordion-list li {
        margin-top: 0
    }
}

@media screen and (max-width:600px) {
    .popup-block-wrap-download {
        width: 95%
    }
}

@media screen and (max-width:550px) {
    .free-download-form-block {
        display: block
    }
    .free-download-form-block .download-form-col:first-child {
        width: 100%
    }
    .free-download-form-block .download-form-col-submit {
        margin-top: 2rem
    }
}

.section-info-row {
    padding: 5.5rem 0
}

.section-info-row-get-start {
    background: url(../bg/start-webix-bg.jpg) no-repeat top center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.section-info-row-get-start2 {
    background: url(../bg/geometry.png) repeat top left
}

.section-info-row-contact {
    background: url(../bg/montains.jpg) no-repeat 0 35%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.section-info-row-webixjet {
    background: #B85BA6;
    background: -moz-linear-gradient(246.32deg, #F3AB86 0%, #B85BA6 100%);
    background: -webkit-linear-gradient(246.32deg, #F3AB86 0%, #B85BA6 100%);
    background: linear-gradient(246.32deg, #F3AB86 0%, #B85BA6 100%)
}

.section-info-row .info-row-description {
    font-size: 2.4rem;
    line-height: 3.5rem;
    letter-spacing: -0.2px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.9);
    text-align: center;
    padding: 0 3rem 0 0;
    max-width: 72%
}

.section-info-row .info-row-description.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.section-info-row .info-row-description.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.section-info-row .info-row-description.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.section-info-row .info-row-description.description-dark {
    color: rgba(0, 0, 0, 0.7)
}

.section-info-row .info-row-btn {
    padding: 0 0 0 3rem
}

.get-start-overlay {
    background-color: rgba(76, 222, 248, 0.25)
}

.section-info-row-started-spreadsheet {
    background: url(/assets/spreadsheet/spreadsheet-bg-cta.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.section-info-row-started-pivotChart {
    background: url(/assets/pivot-chart/pivot-chart-bg-cta.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.section-info-row-started-pivotTable {
    background: url(/assets/pivot-table/pivot-bg-cta.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.section-info-row-started-kanban {
    background: url(/assets/kanban/kanban-bg-cta.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.section-info-row-started-filemanager {
    background: url(/assets/filemanager/filemanger-bg-cta.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.section-info-row-started-scheduler {
    background: url(/assets/scheduler/scheduler-bg-cta.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.widgets-wrap {
    height: 320px;
    overflow: hidden;
    margin-bottom: 0;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.widgets-wrap-more {
    position: relative;
    z-index: 1;
    text-align: center;
    margin-top: 4rem;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.widget-table {
    margin-bottom: 2rem;
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6)
}

.widget-table.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.widget-table.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.widget-table.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.widget-table:nth-child(2) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between
}

.widgets-column-title {
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7);
    font-weight: 500
}

.widgets-column-title.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.widgets-column-title.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.widgets-column-title.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.widgets-list {
    margin-top: 1.5rem
}

.widgets-list-item {
    margin-top: 1.5rem
}

.widgets-list-item:first-child {
    margin-top: 0
}

.widget-table:first-child {
    border-bottom: solid 1px #DEDEDE;
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
    padding-bottom: .5rem
}

.widget-table:first-child .widgets-table-column {
    padding: 0
}

.widget-table:first-child .widgets-column-title {
    float: left;
    line-height: 3rem
}

.widget-table:first-child .widgets-list {
    margin: 0 0 0 21%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between
}

.widget-table:first-child .widgets-list-item {
    margin-top: 0;
    padding: 0 1.5rem .5rem 1.5rem
}

.widget-table:nth-child(2) .widgets-table-column {
    padding: 0 1.5rem;
    margin-bottom: 2rem;
    width: 16.66%
}

.widget-table:nth-child(2) .widgets-table-column .widgets-column-title {
    margin-top: 2.5rem
}

.widget-table:nth-child(2) .widgets-table-column .widgets-column-title:first-child {
    margin-top: 0
}

.widget-table:last-child .widgets-column-title {
    padding: 0 1.5rem
}

.widget-table:last-child .widgets-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.widget-table:last-child .widgets-list-item {
    margin-top: 0;
    margin-bottom: 1.8rem;
    padding: 0 1.5rem;
    width: 16.66%
}

.why-use-blocks-container {
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: -5.7rem
}

.why-use-block-item {
    width: 50%;
    padding: 0 6rem 0 7.3rem;
    margin-bottom: 5.7rem;
    position: relative
}

.why-use-block-item-icon {
    display: block;
    width: 35px;
    height: 35px;
    position: absolute;
    left: 0;
    top: 1.2rem
}

.why-use-icon-svg {
    display: inline-block;
    vertical-align: middle
}

.why-use-icon-svg,
.why-use-icon-use {
    width: 35px;
    height: 35px
}

.why-use-block-title {
    font-size: 1.8rem;
    line-height: 2.5rem;
    letter-spacing: -0.1px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.7)
}

.why-use-block-title.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.why-use-block-title.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.why-use-block-title.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.why-use-block-descr {
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
    margin-top: .5rem
}

.why-use-block-descr.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.why-use-block-descr.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.why-use-block-descr.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.why-use-col-grid {
    justify-content: space-between
}

.why-use-col {
    background: #fff;
    box-sizing: border-box;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    padding: 2.5rem;
    max-width: 42rem;
    margin-bottom: 5rem
}

.why-use-col-title {
    color: rgba(0, 0, 0, 0.7);
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 3px
}

.why-use-col-text {
    color: rgba(0, 0, 0, 0.6);
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 25px
}

.why-use-col-links {
    margin-top: auto;
    display: flex;
    justify-content: center
}

.why-use-col-link {
    background: rgba(0, 150, 136, 0.2);
    border-radius: 24px;
    color: #009688;
    display: flex;
    align-items: center;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    padding: 3px 10px;
    margin-right: 1.5rem;
    white-space: nowrap;
    overflow: hidden
}

.why-use-col-link:last-of-type {
    margin-right: 0
}

.why-use-col-link:hover {
    width: max-content;
    overflow: initial
}

.why-use-col-link-text {
    text-overflow: ellipsis;
    overflow: hidden
}

.why-use-new-block-item {
    width: 50%;
    padding: 1.4rem 5.2rem 0 7.7rem;
    margin-bottom: 3.5rem;
    position: relative;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal
}

.why-use-new-block-item-icon {
    display: block;
    width: 64px;
    height: 64px;
    position: absolute;
    left: 0;
    top: 0
}

.why-use-new-icon-svg {
    display: inline-block;
    vertical-align: middle
}

.why-use-new-icon-svg,
.why-use-new-icon-use {
    width: 64px;
    height: 64px
}

.why-use-block-new-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 35px;
    margin-bottom: 1.5rem
}

.why-use-subblock {
    margin-bottom: 1.5rem
}

.why-use-subblock-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 3px
}

.why-use-subblock-desc {
    font-size: 16px;
    line-height: 25px;
    padding-left: 2rem
}

.evaluating-boxes-section {
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.evaluating-box-wrap {
    width: 35%;
    max-width: 483px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex
}

.evaluating-box {
    display: block;
    color: rgba(0, 0, 0, 0.7);
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    -o-border-radius: .2rem;
    border-radius: .2rem;
    margin-top: 8rem;
    padding: 0 3.5rem 5.5rem 3.5rem
}

.evaluating-box .item-title {
    margin-top: 2.3rem
}

.evaluating-box:hover {
    border-color: #7E57C2
}

.evaluating-box,
.evaluating-box-img {
    background-color: #fff
}

.evaluating-box-img-wrap {
    position: relative;
    margin-top: -7.6rem
}

.evaluating-box-img {
    padding: 0 2.5rem;
    max-width: 20rem;
    max-height: 15rem
}

.evaluating-box-txt {
    margin-top: 1.2rem;
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6)
}

.evaluating-box-txt.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.evaluating-box-txt.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.evaluating-box-txt.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.related-widget-box {
    background: #fff;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 4rem 3.5rem 4rem 3.5rem;
    flex-grow: 1
}

.related-widget-box:hover .item-title,
.related-widget-box:hover .evaluating-box-txt {
    color: #009688
}

.related-widget-box:hover .widget-icon-svg-use {
    fill: #009688
}

.related-widget-box-svg .widget-icon-svg {
    width: 64px;
    height: 64px
}

.related-widget-box-svg .widget-icon-svg-use {
    fill: #7E57C2
}

.explore-box-wrap {
    min-width: 280px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex
}

.explore-box {
    display: block;
    color: rgba(0, 0, 0, 0.7);
    border: 1px solid #DEDEDE;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    -o-border-radius: .2rem;
    border-radius: .2rem;
    margin-top: 50px;
    padding: 0 26.5px 40px 26.5px;
    width: 100%
}

.explore-box .item-title {
    margin-top: 2.3rem;
    min-height: 60px;
    text-align: center
}

.explore-box:hover {
    border-color: #7E57C2
}

.explore-box:hover h3 a {
    color: #7E57C2
}

.explore-box:hover .explore-block-separator {
    border-color: #7E57C2
}

.explore-block-separator {
    margin-bottom: 20px;
    width: 73px;
    border-width: 0 0 1px 0
}

.explore-box,
.explore-box-img {
    background-color: #fff
}

.explore-box-img-wrap {
    position: relative;
    margin-top: -40px;
    text-align: center
}

.explore-box-img {
    height: 70px;
    padding: 0 1.7rem
}

.explore-box-txt {
    text-align: center;
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6)
}

.explore-box-txt.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.explore-box-txt.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.explore-box-txt.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.grade-box-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    margin-bottom: 5rem
}

.grade-box {
    display: block;
    color: rgba(0, 0, 0, 0.7);
    border: 1px solid #DEDEDE;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    -o-border-radius: .2rem;
    border-radius: .2rem;
    margin-top: 9rem;
    padding: 0 2.8rem 4rem 2.8rem
}

.grade-box .item-title {
    display: block;
    margin-top: 2.3rem;
    text-align: center
}

.grade-box,
.grade-box-img {
    background-color: #fff
}

.grade-box-img-wrap {
    position: relative;
    margin-top: -7.6rem;
    text-align: center
}

.grade-box-img {
    padding: 0 2.7rem;
    max-height: 15rem
}

.grade-box-txt {
    margin-top: 2rem;
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6)
}

.grade-box-txt.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.grade-box-txt.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.grade-box-txt.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.table-info {
    text-align: center;
    border-collapse: collapse;
    width: 100%;
    border: none;
    table-layout: fixed
}

.table-info-head {
    font-size: 1.9rem;
    line-height: 3rem;
    font-weight: 500;
    text-transform: uppercase
}

.table-info-head a {
    color: rgba(0, 0, 0, 0.7)
}

.table-info-head a:hover {
    color: #00BAA8
}

.table-info-body {
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7)
}

.table-info-body.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.table-info-body.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.table-info-body.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.table-info-col {
    padding: 2.5rem 1.5rem;
    border: 1px solid #EBEBEB;
    vertical-align: middle;
    word-break: break-word
}

.table-info-col.col-top {
    vertical-align: top
}

.false-icon {
    display: inline-block;
    vertical-align: middle;
    height: 3px;
    width: 20px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    background-color: #8A93A9
}

.true-icon-svg,
.true-icon-svg-use {
    display: inline-block;
    vertical-align: middle;
    width: 1.8rem;
    height: 1.5rem
}

.true-icon-svg-use {
    fill: #009688
}

.news-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: space-between;
    -moz-align-content: space-between;
    -ms-align-content: space-between;
    align-content: space-between;
    height: 100%;
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7);
    background-color: #fff;
    padding: 2.5rem 3rem
}

.news-block.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.news-block.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.news-block.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.news-block .news-block-part {
    display: block;
    width: 100%
}

.news-block .item-title {
    display: block;
    width: 100%
}

.news-block .list-square {
    color: rgba(0, 0, 0, 0.6);
    margin-top: 2.5rem
}

.news-block .news-block-descr {
    color: rgba(0, 0, 0, 0.6);
    margin-top: 2rem
}

.news-block .link-arrow {
    margin-top: 2.5rem
}

.news-block:hover .link-arrow:after {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.news-block.news-block-bl {
    border-left: 7px solid #ADECF7
}

.news-block.news-block-bb {
    border-bottom: 7px solid #ADECF7
}

code {
    display: block;
    font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
    font-size: 1.5rem;
    line-height: 2.4rem;
    padding: 1.2rem 1.5rem;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
}

code {
    color: #393939;
    border: solid 1px #cfcfcf
}

.hljs {
    display: block;
    overflow-x: auto;
    padding: .5em;
    background: #fdf6e3;
    color: #657b83;
    -webkit-text-size-adjust: none
}

.hljs-comment,
.diff .hljs-header,
.hljs-doctype,
.hljs-pi,
.lisp .hljs-string,
.hljs-javadoc {
    color: #93a1a1
}

.hljs-keyword,
.hljs-winutils,
.method,
.hljs-addition,
.css .hljs-tag,
.hljs-request,
.hljs-status,
.nginx .hljs-title {
    color: #859900
}

.hljs-number,
.hljs-command,
.hljs-string,
.hljs-tag .hljs-value,
.hljs-rule .hljs-value,
.hljs-phpdoc,
.hljs-dartdoc,
.tex .hljs-formula,
.hljs-regexp,
.hljs-hexcolor,
.hljs-link_url {
    color: #2aa198
}

.hljs-title,
.hljs-localvars,
.hljs-chunk,
.hljs-decorator,
.hljs-built_in,
.hljs-identifier,
.vhdl .hljs-literal,
.hljs-id,
.css .hljs-function,
.hljs-name {
    color: #268bd2
}

.hljs-attribute,
.hljs-variable,
.lisp .hljs-body,
.smalltalk .hljs-number,
.hljs-constant,
.hljs-class .hljs-title,
.hljs-parent,
.hljs-type,
.hljs-link_reference {
    color: #b58900
}

.hljs-preprocessor,
.hljs-preprocessor .hljs-keyword,
.hljs-pragma,
.hljs-shebang,
.hljs-symbol,
.hljs-symbol .hljs-string,
.diff .hljs-change,
.hljs-special,
.hljs-attr_selector,
.hljs-subst,
.hljs-cdata,
.css .hljs-pseudo,
.hljs-header {
    color: #cb4b16
}

.hljs-deletion,
.hljs-important {
    color: #dc322f
}

.hljs-link_label {
    color: #6c71c4
}

.tex .hljs-formula {
    background: #eee8d5
}

.highlight-arta-theme code {
    color: #fff;
    border: 1px solid #272822;
    background: #272822;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1)
}

.highlight-arta-theme .hljs {
    display: block;
    overflow-x: auto;
    padding: .5em;
    background: #222
}

.highlight-arta-theme .hljs,
.highlight-arta-theme .hljs-subst {
    color: #aaa
}

.highlight-arta-theme .hljs-section {
    color: #fff
}

.highlight-arta-theme .hljs-comment,
.highlight-arta-theme .hljs-quote,
.highlight-arta-theme .hljs-meta {
    color: #444
}

.highlight-arta-theme .hljs-string,
.highlight-arta-theme .hljs-symbol,
.highlight-arta-theme .hljs-bullet,
.highlight-arta-theme .hljs-regexp {
    color: #ffcc33
}

.highlight-arta-theme .hljs-number,
.highlight-arta-theme .hljs-addition {
    color: #6C717C
}

.highlight-arta-theme .hljs-number {
    padding-right: 4px
}

.highlight-arta-theme .hljs-built_in,
.highlight-arta-theme .hljs-builtin-name,
.highlight-arta-theme .hljs-literal,
.highlight-arta-theme .hljs-type,
.highlight-arta-theme .hljs-template-variable,
.highlight-arta-theme .hljs-attribute,
.highlight-arta-theme .hljs-link {
    color: #32aaee
}

.highlight-arta-theme .hljs-keyword,
.highlight-arta-theme .hljs-selector-tag,
.highlight-arta-theme .hljs-name,
.highlight-arta-theme .hljs-selector-id,
.highlight-arta-theme .hljs-selector-class {
    color: #9e7be4
}

.highlight-arta-theme .hljs-title,
.highlight-arta-theme .hljs-variable,
.highlight-arta-theme .hljs-deletion,
.highlight-arta-theme .hljs-template-tag {
    color: #d65193
}

.highlight-arta-theme .hljs-section,
.highlight-arta-theme .hljs-doctag,
.highlight-arta-theme .hljs-strong {
    font-weight: bold
}

.highlight-arta-theme .hljs-emphasis {
    font-style: italic
}

@media screen and (max-width:990px) {
    code {
        font-size: 1.3rem;
        line-height: 1.8rem;
        padding: 8px 10px
    }
}

.header-news {
    background-color: #fff;
    text-align: center;
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    width: 100%
}

.header-news.header-news-hidden {
    display: none
}

.header-news .header-news-link {
    display: block;
    padding: 1rem 1.5rem;
    font-size: 1.4rem;
    line-height: 2.5rem;
    color: rgba(0, 0, 0, 0.6)
}

.header-news .link {
    font-weight: 500;
    text-transform: capitalize;
    position: relative;
    padding-right: 3rem;
    margin-left: 1.5rem
}

.header-news .link:after {
    content: "";
    display: block;
    background: url(../common-new/arrow-small-green.svg) no-repeat center center;
    width: 20px;
    height: 15px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -7.5px;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: translate(-9px, 0);
    -moz-transform: translate(-9px, 0);
    -ms-transform: translate(-9px, 0);
    -o-transform: translate(-9px, 0);
    transform: translate(-9px, 0)
}

.header-news .header-news-link:hover .link {
    color: #00baa8
}

.header-news .header-news-link:hover .link:after {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.header-news.header-news-pandemy {
    padding: 15px 0;
    z-index: 999
}

.header-news .news-pandemy-wrp {
    display: flex
}

.header-news .news-pandemy-icon {
    width: 40px;
    margin-right: 18px
}

.header-news .news-pandemy-text {
    font-size: 13.5px;
    line-height: 20px;
    text-align: left;
    flex-grow: 1
}

.hide-pandemy-news {
    display: none
}

.header-news-update {
    display: none
}

.global-header {
    padding-top: 6.1rem
}

.global-header-landing {
    height: 100%;
    position: relative;
    padding-top: 9.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.global-header-download {
    background: #7c52ae;
    background: -moz-linear-gradient(242deg, #7c52ae 0%, #2d95a0 50%, #2d95a0 50%, #298a9f 59%, #257e9f 65%, #185a9d 100%);
    background: -webkit-linear-gradient(242deg, #7c52ae 0%, #2d95a0 50%, #2d95a0 50%, #298a9f 59%, #257e9f 65%, #185a9d 100%);
    background: linear-gradient(242deg, #7c52ae 0%, #2d95a0 50%, #2d95a0 50%, #298a9f 59%, #257e9f 65%, #185a9d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c52ae', endColorstr='#185a9d', GradientType=1)
}

.global-header-front {
    background: #7c52ae;
    background: -moz-linear-gradient(270deg, #60D69F 0%, #19A0C0 100%);
    background: -webkit-linear-gradient(270deg, #60D69F 0%, #19A0C0 100%);
    background: linear-gradient(270deg, #60D69F 0%, #19A0C0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c52ae', endColorstr='#185a9d', GradientType=1);
    padding-top: 14rem
}

.global-menu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 990;
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 .4rem .4rem 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 .4rem .4rem 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 .4rem .4rem 0 rgba(0, 0, 0, 0.2);
    -webkit-transition: background .3s ease-in-out, padding .4s ease-in-out;
    -moz-transition: background .3s ease-in-out, padding .4s ease-in-out;
    -ms-transition: background .3s ease-in-out, padding .4s ease-in-out;
    -o-transition: background .3s ease-in-out, padding .4s ease-in-out;
    transition: background .3s ease-in-out, padding .4s ease-in-out
}

.header-website-logo {
    margin-top: -0.4rem;
    margin-right: 5rem
}

.header-website-logo .website-logo {
    display: inline-block;
    vertical-align: top
}

.header-website-logo .website-logo .website-logo-svg,
.header-website-logo .website-logo .website-logo-svg-use {
    width: 136px;
    height: 43px
}

.header-website-logo .website-logo .website-logo-svg-use {
    fill: #3C3D3C
}

.menu-icon {
    display: none;
    float: left;
    width: 45px;
    padding: 5px;
    cursor: pointer;
    margin-top: 4px
}

.menu-icon .menu-icon-row {
    display: block;
    height: 3px;
    margin-top: 6px;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    -o-border-radius: .2rem;
    border-radius: .2rem;
    background-color: #000;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.menu-icon .menu-icon-row:first-child {
    margin-top: 0
}

.menu-icon.menu-icon-active .menu-icon-row {
    background-color: #000
}

.menu-icon.menu-icon-active .menu-icon-row-r1 {
    -webkit-transform: translateY(9px) rotateZ(45deg);
    -moz-transform: translateY(9px) rotateZ(45deg);
    -ms-transform: translateY(9px) rotateZ(45deg);
    -o-transform: translateY(9px) rotateZ(45deg);
    transform: translateY(9px) rotateZ(45deg)
}

.menu-icon.menu-icon-active .menu-icon-row-r2 {
    opacity: 0
}

.menu-icon.menu-icon-active .menu-icon-row-r3 {
    -webkit-transform: translateY(-9px) rotateZ(-45deg);
    -moz-transform: translateY(-9px) rotateZ(-45deg);
    -ms-transform: translateY(-9px) rotateZ(-45deg);
    -o-transform: translateY(-9px) rotateZ(-45deg);
    transform: translateY(-9px) rotateZ(-45deg)
}

.header-btn-wrap {
    margin: 0 0 0 1.8rem
}

.header-menu-wrap {
    margin: 0 0 0 auto;
    flex-grow: 1;
    max-width: 100rem
}

.header-menu-block {
    align-items: center;
    flex-grow: 1
}

.header-menu {
    align-items: center;
    justify-content: center;
    flex-grow: 1
}

.header-menu-item {
    display: flex;
    flex-direction: column;
    margin: auto
}

.header-menu-link {
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7);
    padding: 1.6rem 0;
    position: relative;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border: 1px solid transparent;
    border-bottom: none
}

.header-menu-link.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.header-menu-link.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.header-menu-link.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.header-menu-link span {
    display: inline-block;
    padding: 0 .3rem .2rem .3rem;
    position: relative;
    vertical-align: middle
}

.header-menu-link span:before {
    content: '';
    display: none;
    position: absolute;
    bottom: 0;
    left: 1px;
    right: 0;
    width: 100%;
    height: .2rem;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    background: #fff;
    -webkit-transition: transform .2s;
    -moz-transition: transform .2s;
    -ms-transition: transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s
}

.header-menu-link:hover {
    color: #00baa8
}

.header-menu-link:hover span:before {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1)
}

.lang-dropdown {
    visibility: hidden;
    opacity: 0;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
    padding: .5rem 1rem;
    position: absolute;
    top: 6rem;
    left: 50%;
    -webkit-transform: translate(-50%, 30px);
    -moz-transform: translate(-50%, 30px);
    -ms-transform: translate(-50%, 30px);
    -o-transform: translate(-50%, 30px);
    transform: translate(-50%, 30px);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.lang-dropdown .drop-item-link {
    padding: .3rem 1rem
}

.header-menu-item-drop {
    position: relative
}

.header-menu-item-drop .header-menu-link {
    position: relative;
    z-index: 2
}

.header-menu-item-drop .header-menu-link span {
    padding-right: 2rem
}

.header-menu-item-drop .header-menu-link span:before {
    display: none
}

.header-menu-item-drop .header-menu-link span:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    right: .1px;
    top: 50%;
    margin-top: -0.4rem;
    border-width: .5rem .5rem 0 .5rem;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.7) transparent;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.header-menu-item-drop .header-menu-link:hover {
    color: #00baa8
}

.header-menu-item-drop .header-menu-link:hover span:after {
    border-color: #00baa8 transparent
}

.header-menu-item-drop .header-menu-link:hover span:after {
    border-color: #00baa8 transparent;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.header-menu-item-drop:hover .header-menu-dropdown,
.header-menu-item-drop:hover .lang-dropdown {
    visibility: visible;
    opacity: 1
}

.header-menu-item-drop:hover .header-menu-dropdown {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.header-menu-item-drop:hover .lang-dropdown {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.header-menu-dropdown {
    visibility: hidden;
    opacity: 0;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
    padding: 3rem;
    width: 72rem;
    position: absolute;
    top: 6rem;
    right: 50%;
    margin-right: -36rem;
    -webkit-transform: translate(0, 30px);
    -moz-transform: translate(0, 30px);
    -ms-transform: translate(0, 30px);
    -o-transform: translate(0, 30px);
    transform: translate(0, 30px);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.menu-dropdown-row {
    border-top: 1px solid #ECE6F6
}

.menu-dropdown-row .menu-dropdown-part-fullwidth {
    width: 100%
}

.menu-dropdown-row .menu-dropdown-part-fullwidth:first-child {
    padding: 0 0 1rem
}

.menu-dropdown-row:first-child {
    border-top: none
}

.menu-dropdown-part {
    width: 50%;
    text-align: center;
    border-left: 1px solid #ECE6F6;
    padding-left: 4%;
    padding-bottom: 2rem;
    padding-top: 3rem
}

.menu-dropdown-part:first-child {
    border-left: none;
    padding-left: 0;
    padding-right: 4%
}

.menu-dropdown-row:first-child .menu-dropdown-part {
    padding-top: 0
}

.menu-dropdown-row:last-child .menu-dropdown-part {
    padding-bottom: 0
}

.menu-dropdown-title {
    font-size: 1.8rem;
    line-height: 2.5rem;
    letter-spacing: -0.1px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.7)
}

.menu-dropdown-content {
    margin-top: 1rem
}

.drop-item {
    width: 48%
}

.drop-link,
.drop-item-link {
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.drop-link.color-main,
.drop-item-link.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.drop-link.color-light,
.drop-item-link.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.drop-link.color-white,
.drop-item-link.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.drop-link:hover,
.drop-link:focus {
    color: #00baa8
}

.drop-item-link {
    display: block;
    border: 1px solid transparent;
    text-align: center;
    padding: 2.3rem 1rem
}

.drop-item-link .drop-link-icon {
    display: block
}

.drop-item-link .drop-link-name {
    display: block;
    margin-top: 1.4rem
}

.drop-item-link .drop-link-svg,
.drop-item-link .drop-link-svg-use {
    width: 3.9rem;
    height: 3.6rem
}

.drop-item-link .drop-link-svg {
    margin: 0 auto
}

.drop-item-link .drop-link-svg-use {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    fill: rgba(82, 105, 119, 0.5)
}

.drop-item-link:hover,
.drop-item-link:focus {
    color: #00baa8;
    border-color: #ECE6F6
}

.drop-item-link:hover .drop-link-svg-use,
.drop-item-link:focus .drop-link-svg-use {
    fill: #00baa8
}

.drop-txt {
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7)
}

.drop-txt.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.drop-txt.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.drop-txt.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.menu-dropdown-list {
    text-align: left;
    display: inline-block;
    vertical-align: top
}

.menu-dropdown-list li {
    margin-top: .5rem
}

.menu-dropdown-list .drop-link {
    padding-left: 2rem;
    position: relative
}

.menu-dropdown-list .drop-link:before {
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    background: url(../common-new/bullet.svg) no-repeat center center;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.53rem
}

.global-header-download .header-btn-wrap {
    margin-left: 1.6rem
}

.global-header-download .header-menu-link {
    padding-left: 1.6rem;
    padding-right: 1.6rem
}

.header-entry {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    flex-shrink: 0;
    padding: 3rem 0 9rem 0;
    position: relative;
    overflow: hidden
}

.header-entry:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-animation: fadeIn 2s 1 ease-in-out;
    -moz-animation: fadeIn 2s 1 ease-in-out;
    -o-animation: fadeIn 2s 1 ease-in-out;
    animation: fadeIn 2s 1 ease-in-out;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    -ms-animation-delay: .5s;
    -o-animation-delay: .5s;
    animation-delay: .5s
}

.global-header-download .header-entry:after {
    background: url(../download-landing/banner-download.png) no-repeat;
    background-position: bottom right;
    -webkit-background-size: 75% auto;
    -moz-background-size: 75% auto;
    background-size: 75% auto
}

.header-entry-content {
    padding: 8.7rem 1.5rem 2rem 1.5rem;
    position: relative;
    z-index: 5
}

.header-entry-content .main-caption {
    max-width: 850px
}

.header-entry-content .banner-descr {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.9);
    margin-top: 3rem
}

.header-entry-content .banner-descr.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.header-entry-content .banner-descr.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.header-entry-content .banner-descr.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.header-entry-content .banner-btn-block {
    margin-top: 4rem
}

.global-header-download .header-entry-content {
    padding-top: 13rem
}

.to-down {
    text-align: center;
    position: absolute;
    z-index: 5;
    padding: 1rem;
    bottom: 23px;
    left: 50%;
    margin-left: -6.4rem;
    cursor: pointer
}

.to-down .to-down-info {
    display: block;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: rgba(255, 255, 255, 0.9);
    text-transform: uppercase;
    margin-bottom: .7rem
}

.to-down .to-down-icon {
    display: inline-block;
    -webkit-animation-duration: 1.6s;
    -moz-animation-duration: 1.6s;
    -ms-animation-duration: 1.6s;
    -o-animation-duration: 1.6s;
    animation-duration: 1.6s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -ms-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-iteration-count: 5;
    -moz-animation-iteration-count: 5;
    -ms-animation-iteration-count: 5;
    -o-animation-iteration-count: 5;
    animation-iteration-count: 5;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: header-btn-anim;
    -moz-animation-name: header-btn-anim;
    -o-animation-name: header-btn-anim;
    animation-name: header-btn-anim
}

.to-down .to-down-icon-svg,
.to-down .to-down-icon-use {
    width: 25px;
    height: 15px
}

.to-down .to-down-icon-use {
    fill: rgba(255, 255, 255, 0.9)
}

.to-down-mouse {
    position: absolute;
    z-index: 5;
    bottom: 15px;
    right: 64px;
    cursor: pointer;
    width: 94px;
    padding: 2.4rem 1rem 1.1rem 1rem;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    -o-border-radius: .2rem;
    border-radius: .2rem;
    background-color: rgba(255, 255, 255, 0.1);
    text-align: center
}

.to-down-mouse .to-down-info {
    display: block;
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.7);
    margin-top: 1.2rem
}

.to-down-mouse .to-down-icon {
    display: inline-block
}

.to-down-mouse .to-down-icon-svg,
.to-down-mouse .to-down-icon-use {
    width: 21px;
    height: 32px
}

.to-down-mouse .to-down-icon-use {
    fill: rgba(255, 255, 255, 0.7)
}

.section-logos {
    background-color: #EFF1FB;
    z-index: 10;
    position: relative
}

.section-logos-content {
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    padding: 1rem 0 1.1rem 0
}

.client-logo-svg {
    margin: 0 auto
}

.client-logo-svg-novartis,
.client-logo-use-novartis {
    width: 153px;
    height: 49px
}

.client-logo-svg-huawei,
.client-logo-use-huawei {
    width: 47px;
    height: 49px
}

.client-logo-svg-bank-of-america,
.client-logo-use-bank-of-america {
    width: 97px;
    height: 49px
}

.client-logo-svg-microsoft,
.client-logo-use-microsoft {
    width: 130px;
    height: 49px
}

.client-logo-svg-hitachi,
.client-logo-use-hitachi {
    width: 118px;
    height: 49px
}

.client-logo-svg-bp,
.client-logo-use-bp {
    width: 37px;
    height: 49px
}

.client-logo-svg-broadcom,
.client-logo-use-broadcom {
    width: 80px;
    height: 49px
}

.client-logo-svg-sk,
.client-logo-use-sk {
    width: 40px;
    height: 31px
}

.client-logo-svg-bell,
.client-logo-use-bell {
    width: 40px;
    height: 23px
}

.client-logo-svg-kt,
.client-logo-use-kt {
    width: 35px;
    height: 29px
}

.client-logo-svg-nlr,
.client-logo-use-nlr {
    width: 41px;
    height: 54px
}

.client-logo-svg-samsung,
.client-logo-use-samsung {
    width: 110px;
    height: 16px
}

.client-logo-svg-siemens,
.client-logo-use-siemens {
    width: 110px;
    height: 17px
}

.client-logo-svg-ganttpro,
.client-logo-use-ganttpro {
    width: 124px;
    height: 15px
}

.client-logo-svg-nbcuni,
.client-logo-use-nbcuni {
    width: 150px;
    height: 17px
}

.client-logo-svg-raiffeisen-bank,
.client-logo-use-raiffeisen-bank {
    width: 130px;
    height: 35px
}

.client-logo-svg-staples,
.client-logo-use-staples {
    width: 86px;
    height: 17px
}

.client-logo-use {
    fill: #9F9F9F
}

@media screen and (min-width:1025px) {
    .global-header-landing .global-menu {
        background: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        padding: 2.4rem 0 .3rem 0
    }
    .global-header-landing .global-menu .website-logo .website-logo-svg,
    .global-header-landing .global-menu .website-logo .website-logo-svg-use {
        width: 160px;
        height: 51px
    }
    .global-header-landing .global-menu .website-logo .website-logo-svg-use {
        fill: #fff
    }
    .global-header-landing .global-menu .header-menu-link {
        color: rgba(255, 255, 255, 0.9)
    }
    .global-header-landing .global-menu .header-menu-link span:before {
        display: block;
        background-color: #fff
    }
    .global-header-landing .global-menu .header-menu-item-drop .header-menu-link span:after {
        border-color: #fff transparent
    }
    .global-header-landing .global-menu .header-menu-item-drop .header-menu-link span:before {
        display: none
    }
    .global-header-landing .global-menu .header-menu-item-drop .header-menu-link.is-opened {
        background: none;
        border-color: transparent
    }
    .global-header-landing .global-menu .header-menu-item-drop .header-menu-link.is-opened span:after {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
    .global-header-landing .global-menu .header-menu-dropdown:before,
    .global-header-landing .global-menu .lang-dropdown:before {
        content: "";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border: 9px solid transparent;
        border-bottom: 9px solid #fff;
        top: -18px;
        right: 50%;
        margin-right: -10px
    }
    .global-header-landing .global-menu.global-menu-visible {
        background-color: #fff;
        -webkit-box-shadow: 0 .4rem .4rem 0 rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 .4rem .4rem 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 .4rem .4rem 0 rgba(0, 0, 0, 0.2);
        padding: 0
    }
    .global-header-landing .global-menu.global-menu-visible .header-website-logo {
        margin-top: 0
    }
    .global-header-landing .global-menu.global-menu-visible .website-logo .website-logo-svg,
    .global-header-landing .global-menu.global-menu-visible .website-logo .website-logo-svg-use {
        width: 136px;
        height: 43px
    }
    .global-header-landing .global-menu.global-menu-visible .website-logo .website-logo-svg-use {
        fill: #3C3D3C
    }
    .global-header-landing .global-menu.global-menu-visible .header-menu-link {
        color: rgba(0, 0, 0, 0.7)
    }
    .global-header-landing .global-menu.global-menu-visible .header-menu-link span:before {
        display: none
    }
    .global-header-landing .global-menu.global-menu-visible .header-menu-link:hover {
        color: #00baa8
    }
    .global-header-landing .global-menu.global-menu-visible .header-menu-item-drop .header-menu-link span:after {
        border-color: rgba(0, 0, 0, 0.7) transparent
    }
    .global-header-landing .global-menu.global-menu-visible .header-menu-item-drop .header-menu-link.is-opened {
        color: #00baa8;
        border-color: rgba(0, 0, 0, 0.1);
        background-color: #fff
    }
    .global-header-landing .global-menu.global-menu-visible .header-menu-item-drop .header-menu-link.is-opened span:after {
        border-color: #00baa8 transparent;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    .global-header-landing .global-menu.global-menu-visible .header-menu-item-drop .header-menu-link:hover span:after {
        border-color: #00baa8 transparent
    }
    .global-header-landing .global-menu.global-menu-visible .header-menu-dropdown:before,
    .global-header-landing .global-menu.global-menu-visible .lang-dropdown:before {
        display: none
    }
    .global-header-front .global-menu {
        top: 4.5rem
    }
    .global-header-front .global-menu.global-menu-visible {
        top: 0
    }
}

.landing-image {
    position: absolute;
    right: 0;
    top: 73px;
    width: 942px;
    z-index: 10;
    transform: translateZ(0)
}

.landing-image img {
    max-width: 100%
}

.landing-image .demo-macbook {
    opacity: 0;
    -webkit-animation: fadeIn 1s ease-in-out forwards;
    -moz-animation: fadeIn 1s ease-in-out forwards;
    -o-animation: fadeIn 1s ease-in-out forwards;
    animation: fadeIn 1s ease-in-out forwards
}

.landing-image .demo-macbook-mobile {
    opacity: 0;
    display: none
}

.landing-image .landing-image-chart {
    position: absolute;
    top: 57px;
    right: -85px;
    width: 308px
}

.landing-image .landing-image-chart img {
    opacity: 0;
    transform: scale(.1);
    box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.15)
}

.landing-image .landing-image-progress {
    position: absolute;
    bottom: 7px;
    left: -171px;
    width: 1148px
}

.landing-image .landing-image-progress img {
    opacity: 0;
    transform: scale(.1);
    box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.15)
}

.landing-image .donut-chart-wrapper {
    display: none;
    opacity: 0;
    position: absolute;
    top: 36px;
    right: 0;
    width: 699px;
    padding: 6px 7px
}

.landing-image .donut-chart-wrapper .counter-wrap {
    padding-left: 12px;
    display: none
}

.landing-image .donut-chart-wrapper .counter-wrap span {
    display: block
}

.landing-image .donut-chart-wrapper .counter {
    color: #475466;
    font-family: Roboto;
    font-size: 21.43px;
    letter-spacing: -0.36px;
    line-height: 23px
}

.landing-image .donut-chart-wrapper .counter-title {
    color: #94A1B3;
    font-family: Roboto;
    font-size: 9.8px;
    font-weight: 500;
    line-height: 10px;
    padding-bottom: 1px
}

.landing-image .donut-chart-wrapper .single-chart-wrap {
    padding: 2px
}

.landing-image .donut-chart-wrapper .donut-chart-1 {
    width: 191px
}

.landing-image .donut-chart-wrapper .donut-chart-2 {
    width: 190px
}

.landing-image .donut-chart-wrapper .donut-chart-3 {
    width: 202px
}

.landing-image .donut-chart-wrapper .donut-chart-1,
.landing-image .donut-chart-wrapper .donut-chart-2,
.landing-image .donut-chart-wrapper .donut-chart-3,
.landing-image .donut-chart-wrapper .donut-chart-4 {
    -webkit-align-items: flex-end;
    align-items: flex-end
}

.landing-image.landing-image-is-load .landing-image-progress img,
.landing-image.landing-image-is-load .landing-image-chart img {
    opacity: 0;
    transform: scale(.1);
    -webkit-animation: landing-scale-in-out 1.2s 1s cubic-bezier(.19, 1, .22, 1) forwards;
    -moz-animation: landing-scale-in-out 1.2s 1s cubic-bezier(.19, 1, .22, 1) forwards;
    -o-animation: landing-scale-in-out 1.2s 1s cubic-bezier(.19, 1, .22, 1) forwards;
    animation: landing-scale-in-out 1.2s 1s cubic-bezier(.19, 1, .22, 1) forwards
}

.landing-image.landing-image-is-load .donut-chart-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-animation: fadeIn .2s 1s ease-in-out forwards;
    -moz-animation: fadeIn .2s 1s ease-in-out forwards;
    -o-animation: fadeIn .2s 1s ease-in-out forwards;
    animation: fadeIn .2s 1s ease-in-out forwards
}

.landing-image .donut-chart {
    width: 34px;
    height: 34px;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    background-color: #e1e1e1
}

.landing-image .donut-chart .quad {
    position: absolute;
    top: 0;
    left: 0;
    width: 17px;
    height: 17px;
    background-color: #48b2c1;
    border-radius: 100% 0 0 0;
    display: none
}

.landing-image .donut-chart .quad.one {
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right
}

.landing-image .donut-chart .quad.two {
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right
}

.landing-image .donut-chart .quad.three {
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right
}

.landing-image .donut-chart .quad.four {
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right
}

.landing-image .donut-chart .quad.top {
    display: block;
    background: #e1e1e1
}

.landing-image .donut-chart .chart-center {
    position: absolute;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    top: 3px;
    left: 3px;
    background-color: #fff
}

.landing-image .donut-chart.chart1 .quad.one {
    -webkit-animation: chart1 .5s 1s linear both;
    -moz-animation: chart1 .5s 1s linear both;
    -o-animation: chart1 .5s 1s linear both;
    animation: chart1 .5s 1s linear both;
    display: block
}

.landing-image .donut-chart.chart1 .quad.two {
    -webkit-animation: chartRotate2 .5s 1s linear both;
    -moz-animation: chartRotate2 .5s 1s linear both;
    -o-animation: chartRotate2 .5s 1s linear both;
    animation: chartRotate2 .5s 1s linear both;
    display: block
}

.landing-image .donut-chart.chart1 .quad.three {
    -webkit-animation: chartRotate3 .5s 1s linear both;
    -moz-animation: chartRotate3 .5s 1s linear both;
    -o-animation: chartRotate3 .5s 1s linear both;
    animation: chartRotate3 .5s 1s linear both;
    display: block
}

.landing-image .donut-chart.chart1 .quad.four {
    -webkit-animation: chartRotate4 .5s 1s linear both;
    -moz-animation: chartRotate4 .5s 1s linear both;
    -o-animation: chartRotate4 .5s 1s linear both;
    animation: chartRotate4 .5s 1s linear both
}

.landing-image .donut-chart.chart2 .quad.one {
    -webkit-animation: chart2 .4s 1s linear both;
    -moz-animation: chart2 .4s 1s linear both;
    -o-animation: chart2 .4s 1s linear both;
    animation: chart2 .4s 1s linear both;
    display: block
}

.landing-image .donut-chart.chart2 .quad.two {
    -webkit-animation: chartRotate2 .4s 1s linear both;
    -moz-animation: chartRotate2 .4s 1s linear both;
    -o-animation: chartRotate2 .4s 1s linear both;
    animation: chartRotate2 .4s 1s linear both;
    display: block
}

.landing-image .donut-chart.chart2 .quad.three {
    -webkit-animation: chartRotate3 .4s 1s linear both;
    -moz-animation: chartRotate3 .4s 1s linear both;
    -o-animation: chartRotate3 .4s 1s linear both;
    animation: chartRotate3 .4s 1s linear both
}

.landing-image .donut-chart.chart2 .quad.four {
    -webkit-animation: chartRotate4 .4s 1s linear both;
    -moz-animation: chartRotate4 .4s 1s linear both;
    -o-animation: chartRotate4 .4s 1s linear both;
    animation: chartRotate4 .4s 1s linear both
}

.landing-image .donut-chart.chart3 .quad.one {
    -webkit-animation: chart4 .5s 1s linear both;
    -moz-animation: chart4 .5s 1s linear both;
    -o-animation: chart4 .5s 1s linear both;
    animation: chart4 .5s 1s linear both;
    display: block
}

.landing-image .donut-chart.chart3 .quad.two {
    -webkit-animation: chartRotate2 .5s 1s linear both;
    -moz-animation: chartRotate2 .5s 1s linear both;
    -o-animation: chartRotate2 .5s 1s linear both;
    animation: chartRotate2 .5s 1s linear both;
    display: block
}

.landing-image .donut-chart.chart3 .quad.three {
    -webkit-animation: chartRotate3 .5s 1s linear both;
    -moz-animation: chartRotate3 .5s 1s linear both;
    -o-animation: chartRotate3 .5s 1s linear both;
    animation: chartRotate3 .5s 1s linear both;
    display: block
}

.landing-image .donut-chart.chart3 .quad.four {
    -webkit-animation: chartRotate4 .5s 1s linear both;
    -moz-animation: chartRotate4 .5s 1s linear both;
    -o-animation: chartRotate4 .5s 1s linear both;
    animation: chartRotate4 .5s 1s linear both;
    display: block
}

.landing-image .donut-chart.chart4 .quad.one {
    -webkit-animation: chart2 .4s 1s linear both;
    -moz-animation: chart2 .4s 1s linear both;
    -o-animation: chart2 .4s 1s linear both;
    animation: chart2 .4s 1s linear both;
    display: block
}

.landing-image .donut-chart.chart4 .quad.two {
    -webkit-animation: chartRotate2 .4s 1s linear both;
    -moz-animation: chartRotate2 .4s 1s linear both;
    -o-animation: chartRotate2 .4s 1s linear both;
    animation: chartRotate2 .4s 1s linear both;
    display: block
}

.landing-image .donut-chart.chart4 .quad.three {
    -webkit-animation: chartRotate3 .4s 1s linear both;
    -moz-animation: chartRotate3 .4s 1s linear both;
    -o-animation: chartRotate3 .4s 1s linear both;
    animation: chartRotate3 .4s 1s linear both
}

.landing-image .donut-chart.chart4 .quad.four {
    -webkit-animation: chartRotate4 .4s 1s linear both;
    -moz-animation: chartRotate4 .4s 1s linear both;
    -o-animation: chartRotate4 .4s 1s linear both;
    animation: chartRotate4 .4s 1s linear both
}

.main-header-gradient {
    position: absolute;
    top: 0;
    left: 0
}

.global-header-front .header-entry-content {
    /*width: 1380px;*/
    width: 100%;
    padding-left: 20px;
    padding-right: 20px
}

.global-footer-wrap {
    padding: 5rem 0;
    border-top: 1px solid #DEDEDE
}

.global-footer {
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between
}

.footer-list-block {
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between
}

.footer-list .footer-list-item {
    margin-top: 1.4rem
}

.footer-list .footer-list-item:first-child {
    margin-top: 0
}

.footer-link,
.footer-list-link-title,
.footer-list-link-phone {
    font-size: 1.5rem;
    line-height: 2.4rem;
    color: rgba(0, 0, 0, 0.7);
    display: inline-block
}

.footer-link {
    position: relative
}

.footer-link:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 1px;
    right: 0;
    width: 100%;
    height: 1px;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    background-color: #009688;
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -ms-transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s
}

.footer-link:hover {
    color: #009688
}

.footer-link:hover:after {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1)
}

.footer-list-link-title {
    font-weight: 500
}

.footer-list-link-phone {
    font-weight: 500;
    font-size: 1.35rem
}

.footer-description-row {
    margin-top: 2.3rem
}

.footer-description-row:first-child {
    margin-top: 0
}

.footer-social-list {
    display: flex;
    justify-content: space-between;
    max-width: 320px
}

.footer-social-link {
    display: inline-block;
    vertical-align: middle
}

.footer-social-link .social-link-svg,
.footer-social-link .social-link-use {
    width: 20px;
    height: 20px
}

.footer-social-link .social-link-use {
    fill: rgba(0, 0, 0, 0.7);
    fill-rule: evenodd;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.footer-social-link:hover .social-link-use {
    fill: #009688
}

.footer-email-list {
    font-size: 1.5rem
}

.footer-copyright-block {
    font-size: 1.2rem;
    line-height: 1.8rem;
    margin-top: .7rem
}

.footer-copyright-block:first-child {
    margin-top: 0
}

.footer-copyright-block .footer-logo,
.footer-copyright-block .copyright-descr {
    display: inline-block;
    vertical-align: middle
}

.footer-copyright-block .footer-logo {
    width: 39px;
    height: 32px
}

.footer-copyright-block .footer-logo-svg,
.footer-copyright-block .footer-logo-use {
    width: 39px;
    height: 32px
}

.footer-copyright-block .footer-logo-use {
    fill: #565a5d;
    fill-rule: evenodd
}

.footer-copyright-block .copyright-descr {
    color: #5d6165;
    margin-left: .8rem
}

.footer-terms-list .footer-terms-item {
    display: inline-block;
    margin-right: 1.7rem
}

.footer-terms-list .footer-terms-item:last-child {
    margin-right: 0
}

.footer-terms-list .footer-link {
    font-size: 1.2rem;
    line-height: 1.8rem
}

.footer-description-wrap {
    max-width: 306px
}

.global-footer-wrap-short .footer-list-block-wrap {
    display: none
}

.global-footer-wrap-short .footer-description-wrap {
    width: 75%;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center
}

.global-footer-wrap-short .footer-description-wrap>.footer-contact-wrap {
    padding: 0 1.5rem;
    width: 30%;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-order: 2;
    order: 2
}

.global-footer-wrap-short .footer-description-wrap>.footer-copyright-wrap {
    padding: 0 1.5rem;
    width: 42%;
    -webkit-order: 0;
    -moz-order: 0;
    -ms-order: 0;
    order: 0
}

.global-footer-wrap-short .footer-description-wrap>.footer-terms-wrap {
    padding: 0 1.5rem;
    width: 28%;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-order: 1;
    order: 1
}

.global-footer-wrap-short .footer-copyright-block {
    max-width: 270px
}

.global-footer-wrap-short .footer-terms-list {
    display: inline-block;
    vertical-align: top;
    text-align: left
}

.global-footer-wrap-short .footer-terms-list .footer-terms-item {
    display: block;
    margin-right: 0
}

.global-footer-wrap-short .footer-description-row {
    margin-top: 0
}

.global-footer-wrap-short .footer-email-list {
    margin-top: 2.3rem
}

/*body {*/
    /*overflow-y: scroll*/
/*}*/

    padding: 7rem 0;
.section-landing-block {
    background-color: #EFF1FB;
    overflow: hidden
}

.section-landing-block.section-start-webix {
    background-color: #fff
}

.section-landing-block .page-subtitle {
    margin-bottom: 4rem
}

.section-landing-block .section-landing-p {
    text-align: center;
    margin-bottom: 4rem;
    color: rgba(0, 0, 0, 0.6);
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400
}

.section-landing-block .section-landing-p.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.section-landing-block .section-landing-p.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.section-landing-block .section-landing-p.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.section-landing-start-read {
    padding-top: 9rem
}

.section-landing-start-read .page-subtitle {
    margin-bottom: 2.5rem
}

.screen-features-content {
    display: none;
    opacity: 0;
    -webkit-animation: fadeIn .4s 1 ease-in-out;
    -moz-animation: fadeIn .4s 1 ease-in-out;
    -o-animation: fadeIn .4s 1 ease-in-out;
    animation: fadeIn .4s 1 ease-in-out;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.screen-features-content.is-active {
    display: inline-block
}

.home-widget-wrap {
    position: relative
}

.home-widget-code {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.screen-features-content-code {
    display: none
}

.feature-code-block {
    position: absolute;
    z-index: 1
}

.feature-code-block.is-active .screen-features-content-code {
    display: block
}

.feature-code-block-1 {
    top: 455px;
    left: 50px
}

.feature-code-block-1 .feature-marker {
    top: -50px;
    left: -50px
}

.feature-code-block-2 {
    top: 10px;
    left: 210px
}

.feature-code-block-2 .feature-marker {
    bottom: -50px;
    left: -50px
}

.feature-code-block-3 {
    left: 435px;
    top: 283px
}

.feature-code-block-3 .feature-marker {
    bottom: -50px;
    right: -50px
}

.feature-code-block-4 {
    top: 185px;
    right: 100px
}

.feature-code-block-4 .feature-marker {
    right: -50px;
    top: -50px
}

.feature-code-block-5 {
    bottom: 140px;
    left: 250px
}

.feature-code-block-5 .feature-marker {
    right: -50px;
    bottom: -50px
}

.feature-code-block-6 {
    bottom: 170px;
    right: 517px
}

.feature-code-block-6 .feature-marker {
    right: -50px;
    top: -50px
}

.feature-code-block-7 {
    bottom: 170px;
    right: 100px
}

.feature-code-block-7 .feature-marker {
    right: -50px;
    bottom: -50px
}

.on-responsive-hide .feature-code-block-5 {
    bottom: 520px;
    left: 260px
}

.on-responsive-hide .feature-code-block-6 {
    bottom: 223px;
    right: 630px
}

.on-responsive-hide .feature-code-block-7 {
    bottom: 220px;
    right: 100px
}

.screen-features-content-code {
    width: 650px
}

.screen-features-content-code img {
    width: 100%
}

.feature-marker-block {
    display: block;
    position: absolute;
    top: 25px;
    left: -1px
}

.feature-marker-block.is-active {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 296 294'><path d='M1 0l294 294' stroke='#000' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-opacity='.15'/></svg>");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%, auto
}

.feature-marker {
    display: block;
    position: absolute;
    bottom: -29px;
    right: -29px;
    z-index: 10;
    font-size: 30px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.9);
    width: 59px;
    height: 59px;
    text-align: center;
    line-height: 59px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(0, 191, 199, 0.5);
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.feature-marker:before,
.feature-marker:after {
    content: "";
    display: block;
    border: 1px solid #56c886;
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    opacity: 0
}

.feature-marker:before {
    -webkit-animation: 1.5s .1s pulse infinite linear;
    -moz-animation: 1.5s .1s pulse infinite linear;
    -o-animation: 1.5s .1s pulse infinite linear;
    animation: 1.5s .1s pulse infinite linear
}

.feature-marker:after {
    -webkit-animation: 1.5s pulse2 infinite linear;
    -moz-animation: 1.5s pulse2 infinite linear;
    -o-animation: 1.5s pulse2 infinite linear;
    animation: 1.5s pulse2 infinite linear
}

.feature-marker:hover {
    color: rgba(255, 255, 255, 0.9);
    background-color: rgba(0, 191, 199, 0.8)
}

.feature-marker:hover:before,
.feature-marker:hover:after {
    border-color: #00bfc7
}

.feature-marker.is-active {
    background-color: #00bfc7
}

.feature-marker.is-active:after,
.feature-marker.is-active:before {
    display: none
}

.section-landing-widgets {
    background-color: #fff
}

.extra-widget-section {
    max-width: 100%;
    margin: 0 auto
}

.extra-widget-slider .slick-slide {
    margin: 0 21px
}

.extra-widget-slider .slick-arrow {
    margin: 0;
    transform: translateY(50%)
}

.extra-widget-slider .slick-arrow.slick-prev {
    transform: rotate(180deg) translateY(-50%);
    left: -58px
}

.extra-widget-slider .slick-arrow.slick-next {
    right: -58px
}

.extra-widget-slider .slick-initialized .slick-slide {
    display: flex
}

.extra-widget-block-row {
    margin: 0 auto 5.2rem;
    max-width: 1176px
}

.extra-widget-block {
    background-color: #fff;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 150px;
    padding: 2.8rem 1rem 2.8rem 1rem;
    position: relative;
    height: 150px
}

.extra-widget-item,
.extra-widget-title {
    display: block
}

.extra-widget-item {
    text-align: center
}

.extra-widget-svg,
.extra-widget-svg-use {
    width: 62px;
    height: 62px;
    display: inline-block
}

.extra-widget-svg-use {
    fill: rgba(0, 0, 0, 0.5)
}

.extra-widget-title {
    font-size: 1.8rem;
    line-height: 2.5rem;
    letter-spacing: -0.1px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.7);
    margin-top: 2rem
}

.extra-widget-title.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.extra-widget-title.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.extra-widget-title.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.extra-widget-block:hover .extra-widget-svg-use,
.extra-widget-block.slick-current .extra-widget-svg-use {
    fill: rgba(255, 255, 255, 0.9)
}

.extra-widget-block:hover .extra-widget-title,
.extra-widget-block.slick-current .extra-widget-title {
    color: rgba(255, 255, 255, 0.9);
    word-wrap: break-word;
    position: relative;
    z-index: 1
}

.extra-widget-block-wide .extra-widget-svg,
.extra-widget-block-wide .extra-widget-svg-use {
    width: 119px
}

.extra-widget-block-spreadsheet:hover,
.extra-widget-block-spreadsheet.slick-current {
    background-color: #00c8bc;
    border-color: #00c8bc
}

.extra-widget-block-pivot:hover,
.extra-widget-block-pivot.slick-current {
    background-color: #3498db;
    border-color: #3498db
}

.extra-widget-block-kanban:hover,
.extra-widget-block-kanban.slick-current {
    background-color: #27ae60;
    border-color: #27ae60
}

.extra-widget-block-filemanager:hover,
.extra-widget-block-filemanager.slick-current {
    background-color: #00b3c8;
    border-color: #00b3c8
}

.extra-widget-block-mobilescheduler:hover,
.extra-widget-block-mobilescheduler.slick-current {
    background-color: #7871c2;
    border-color: #7871c2
}

.extra-widget-block-docmanager:hover,
.extra-widget-block-docmanager.slick-current {
    background-color: #00B3C8;
    border-color: #00B3C8
}

.extra-widget-block-gantt:hover,
.extra-widget-block-gantt.slick-current {
    background-color: #517DFE;
    border-color: #517DFE
}

.extra-widget-block-query:hover,
.extra-widget-block-query.slick-current {
    background-color: #669eff;
    border-color: #669eff
}

.extra-widget-block-chat:hover,
.extra-widget-block-chat.slick-current {
    background-color: #55CD97;
    border-color: #55CD97
}

.extra-widget-block-upcomingwidgets:hover,
.extra-widget-block-upcomingwidgets.slick-current {
    background-color: #FD971F;
    border-color: #FD971F
}

.extra-widget-block-usermanager:hover,
.extra-widget-block-usermanager.slick-current {
    background-color: #c179c2;
    border-color: #c179c2
}

.extra-widget-content-wrap {
    margin: 2rem auto 0;
    max-width: 1110px
}

.extra-widget-content-block.tab-content {
    display: none;
    opacity: 0;
    -webkit-animation: slideThisIn .4s 1 ease-in-out;
    -moz-animation: slideThisIn .4s 1 ease-in-out;
    -o-animation: slideThisIn .4s 1 ease-in-out;
    animation: slideThisIn .4s 1 ease-in-out;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.extra-widget-content-block.tab-content.is-opened {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    flex-direction: row
}

.extra-widget-title-mob {
    display: none
}

.extra-widget-content-img {
    width: 55%
}
.extracenter-widget-content-img{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.winpoint{
    text-align: center;
}
.table-addon-purchase{
    display: flex;
    justify-content: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
}
.extra-widget-content-img img {
    border: solid 1px #d3d3d3;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    -o-border-radius: .2rem;
    border-radius: .2rem;
    max-width: 533px
}

.extra-widget-content-frame {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 65.5%;
    max-height: 372px;
    max-width: 530px
}

.extra-widget-content-frame iframe {
    margin: auto;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    overflow: hidden;
    background-color: transparent
}

.extra-widget-content-descr {
    width: 45%;
    padding: .7rem 0 0 2.3rem
}

.extra-widget-content-descr .landing-txt {
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6)
}

.extra-widget-content-descr .landing-txt.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.extra-widget-content-descr .landing-txt.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.extra-widget-content-descr .landing-txt.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.extra-widget-content-descr .btn-contour {
    margin-top: 3rem
}

.extra-widget-list {
    margin-top: 2rem;
    margin-left: .7rem;
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6)
}

.extra-widget-list.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.extra-widget-list.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.extra-widget-list.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.extra-widget-list-item {
    padding-left: 3.2rem;
    position: relative;
    margin-top: 2.2rem
}

.extra-widget-list-item:before {
    content: "";
    display: block;
    width: 18px;
    height: 15px;
    background: url(/assets/common-new/check-icon-purple.svg) no-repeat center center;
    position: absolute;
    top: 4px;
    left: 0
}

.extra-widget-list-item:first-child {
    margin-top: 0
}

.list-item-margin-1 .extra-widget-list-item {
    margin-top: 1rem
}

.section-landing-demo {
    background: #5B418D;
    background: -moz-linear-gradient(0deg, #78B6C3 0%, #5B418D 99%);
    background: -webkit-linear-gradient(0deg, #78B6C3 0%, #5B418D 99%);
    background: linear-gradient(0deg, #78B6C3 0%, #5B418D 99%)
}

.player-demo-block {
    margin-top: 4rem
}

.player-demo-block-nav {
    text-align: center;
    margin: 2.5rem 1rem 0 1rem;
    position: relative
}

.player-demo-block-nav:before,
.player-demo-block-nav:after {
    content: ' ';
    display: table
}

.player-demo-block-nav:after {
    clear: both
}

.player-demo-block-nav:before,
.player-demo-block-nav:after {
    content: ' ';
    display: table
}

.player-demo-block-nav:after {
    clear: both
}

.demo-control-prev,
.demo-control-next {
    display: block;
    position: relative;
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.9);
    cursor: pointer;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.demo-control-prev.color-main,
.demo-control-next.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.demo-control-prev.color-light,
.demo-control-next.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.demo-control-prev.color-white,
.demo-control-next.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.demo-control-prev:after,
.demo-control-next:after {
    content: "";
    display: block;
    width: 52px;
    height: 51px;
    background: url(/assets/common-new/arrow.svg) no-repeat center center;
    position: absolute;
    top: 0
}

.demo-control-prev:hover,
.demo-control-next:hover,
.demo-control-prev:focus,
.demo-control-next:focus {
    color: rgba(255, 255, 255, 0.9);
    opacity: .7
}

.demo-control-prev {
    padding: 1.3rem .5rem 1.5rem 6.7rem;
    float: left
}

.demo-control-prev:after {
    left: 0;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.demo-control-next {
    padding: 1.3rem 6.7rem 1.5rem .5rem;
    float: right
}

.demo-control-next:after {
    right: 0
}

.demo-pager {
    text-align: center;
    margin: 2rem 30% 1.3rem 30%
}

.demo-pager-item {
    display: inline-block;
    vertical-align: top;
    width: 14px;
    height: 14px;
    border: 1px solid rgba(255, 255, 255, 0.9);
    background: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin: 0 .3rem;
    cursor: pointer
}

.demo-pager-item.current {
    background-color: #fff
}

.demo-wrap-more {
    margin-top: 3.5rem;
    text-align: center
}

.start-webix-wrap {
    margin: 3.5rem auto 0 auto
}

.start-webix-wrap.start-webix-wrap-bg-light .explore-box,
.start-webix-wrap.start-webix-wrap-bg-light .explore-box-img {
    background-color: #F7F7FA
}

.section-extra-widget-wrap {
    background-color: #eff1fa;
    padding-bottom: 0
}

.why-webix-library {
    background-color: #f7f7fa
}

.section-landing-testimonials {
    background-color: #F2F2F5
}

.testimonials-slider {
    margin: 9rem 8.4rem 0 8.4rem;
    border: 1px solid #EBEBEB;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1)
}

.testimonials-slider-indicators {
    max-width: 1042px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -56px
}

.testimonial-author {
    outline: none;
    margin-top: 10px
}

.testimonial-author-avatar {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 98px;
    height: 98px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    border: solid 1px #efefef;
    background-color: #fff;
    margin: 0 auto;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.testimonial-author-avatar .testimonial-author-avatar-img {
    width: 100%;
    margin: auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    opacity: .3;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.testimonial-author-contact {
    display: block;
    margin-top: 7px;
    text-align: center;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.testimonial-author-contact .name,
.testimonial-author-contact .comp-inf {
    display: block
}

.testimonial-author-contact .name {
    text-transform: uppercase;
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7);
    font-weight: 500
}

.testimonial-author-contact .name.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.testimonial-author-contact .name.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.testimonial-author-contact .name.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.testimonial-author-contact .comp-inf {
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: rgba(0, 0, 0, 0.6)
}

.testimonial-author.slick-current .testimonial-author-avatar {
    border-color: #fff;
    border-width: 6px;
    margin-top: -10px
}

.testimonial-author.slick-current .testimonial-author-avatar .testimonial-author-avatar-img {
    opacity: 1
}

.testimonial-author.slick-current .testimonial-author-contact {
    opacity: 1
}

.testimonials-slider-inner {
    padding: 0 9.5rem 6rem 9.5rem
}

.section-free-tools {
    background-color: #fff
}

.testimonials-slide {
    outline: none;
    margin-top: 2.8rem
}

.showcases-requirements {
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
    text-align: center
}

.showcases-requirements.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.showcases-requirements.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.showcases-requirements.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.showcases-block-wrap {
    max-width: 81rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3rem;
    background-color: #EFF1FB
}

.showcases-block {
    min-height: 25.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    width: 50%;
    padding: 2.5rem 3rem
}

.showcases-block-results {
    position: relative;
    overflow: hidden
}

.showcases-block-results .showcases-block-part {
    position: relative;
    z-index: 5
}

.showcases-block-part {
    width: 100%
}

.showcases-block-part-title {
    font-size: 1.6rem;
    line-height: 3rem;
    font-weight: 500;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.7);
    margin-bottom: 3rem
}

.showcases-block-part-title.showcases-block-part-title-lite {
    color: rgba(255, 255, 255, 0.9)
}

.showcases-block-part-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.showcases-block-part-list .showcases-block-part-list-item {
    width: 50%;
    margin-bottom: 1.6rem
}

.showcases-block-part-list .showcases-block-part-list-item .widgets-item {
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
    font-weight: 500
}

.showcases-block-part-list .showcases-block-part-list-item .widgets-item.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.showcases-block-part-list .showcases-block-part-list-item .widgets-item.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.showcases-block-part-list .showcases-block-part-list-item .widgets-item.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.showcases-block-part-list .showcases-block-part-list-item .widget-icon-svg-use {
    fill: rgba(0, 0, 0, 0.4)
}

.showcases-block-part-list .showcases-block-part-list-item .widgets-item-name {
    margin-left: 1.6rem
}

.showcases-block-part-img {
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.testimonial-content {
    margin: 3rem auto 0 auto;
    width: 95%;
    text-align: center;
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
    overflow: hidden;
    padding: 1.5rem 8.3rem 1rem 8.3rem;
    position: relative
}

.testimonial-content.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.testimonial-content.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.testimonial-content.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.testimonial-content:before {
    content: "";
    display: block;
    width: 53px;
    height: 45px;
    background: url(/assets/home/quote-img.png) no-repeat center center;
    position: absolute;
    top: 0;
    left: 0
}

.slick-arrow {
    display: block;
    width: 52px;
    height: 51px;
    margin: -25px 0 0 0;
    position: absolute;
    bottom: 50%;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: url(/assets/common-new/arrow-purple.svg) no-repeat center center;
    outline: none;
    border: none;
    color: transparent;
    text-indent: -9999px;
    white-space: nowrap;
    padding: 0
}

.slick-arrow:hover {
    opacity: .7
}

.slick-arrow.slick-prev {
    left: 0;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.slick-arrow.slick-next {
    right: 0;
    text-align: right
}

.testimonials-slider-inner .slick-arrow {
    bottom: 62%
}

.testimonials-slider-inner .slick-arrow.slick-prev {
    left: -80px
}

.testimonials-slider-inner .slick-arrow.slick-next {
    right: -80px
}

.smart-dev-block-row {
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 992px
}

.dev-tool-link {
    outline: none;
    text-align: center;
    color: #7E57C2;
    font-size: 1.8rem;
    line-height: 2.5rem;
    letter-spacing: -0.1px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 1rem 3rem .9rem 3rem
}

.dev-tool-link.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.dev-tool-link.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.dev-tool-link.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.dev-tool-link:hover {
    color: #6b41b4
}

.dev-tool-link.is-opened {
    -webkit-border-radius: 10rem;
    -moz-border-radius: 10rem;
    -o-border-radius: 10rem;
    border-radius: 10rem;
    background-color: #7E57C2;
    color: rgba(255, 255, 255, 0.9)
}

.smart-dev-block-content {
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7);
    text-align: center;
    position: relative;
    overflow: hidden;
    margin: 2.5rem auto 0;
    max-width: 780px
}

.smart-dev-block-content.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.smart-dev-block-content.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.smart-dev-block-content.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.smart-dev-block-content .tab-content {
    opacity: 0;
    -webkit-animation: fadeIn .5s 1 ease-in-out;
    -moz-animation: fadeIn .5s 1 ease-in-out;
    -o-animation: fadeIn .5s 1 ease-in-out;
    animation: fadeIn .5s 1 ease-in-out;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    padding-bottom: 8px
}

.smart-dev-block-content .more-info-block-link {
    margin-top: 2rem
}

.smart-dev-block-content .more-info-block-img {
    width: 100%
}

.more-info-block-link {
    display: inline-block;
    vertical-align: top;
    position: relative;
    line-height: 0;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1)
}

.more-info-block-link:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    background-color: rgba(255, 255, 255, 0.7);
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -ms-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    opacity: 0
}

.more-info-block-link .more-info-block-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    backface-visibility: hidden
}

.more-info-block-link .more-info-block-btn {
    width: 165px;
    -webkit-transition: opacity .35s, transform .35s;
    -moz-transition: opacity .35s, transform .35s;
    -ms-transition: opacity .35s, transform .35s;
    -o-transition: opacity .35s, transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(0, 20px, 0);
    -moz-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    -o-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    opacity: 0
}

.more-info-block-link:hover:after {
    opacity: 1
}

.more-info-block-link:hover .more-info-block-btn {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.section-info-row-get-start .btn {
    border-radius: .4rem
}

.demo_win_editor_block.webix_view {
    border-color: #191919
}

.demo_win_editor_block .webix_view {
    border-color: #191919
}

.demo_win_editor_block .webix_view textarea {
    background-color: #191919
}

.demo_win_editor_block .CodeMirror-scroll {
    padding-top: 8px;
    padding-bottom: 9px
}

.demo_win_editor_block .CodeMirror-selected {
    background: #3a3a3a
}

.demo_win_editor_block .CodeMirror-focused .CodeMirror-selected {
    background: #3a3a3a
}

.demo_win_editor_block .CodeMirror-line::selection,
.demo_win_editor_block .CodeMirror-line>span::selection,
.demo_win_editor_block .CodeMirror-line>span>span::selection {
    background: #3a3a3a
}

.demo_win_editor_block .CodeMirror-line::-moz-selection,
.demo_win_editor_block .CodeMirror-line>span::-moz-selection,
.demo_win_editor_block .CodeMirror-line>span>span::-moz-selection {
    background: #3a3a3a
}

.demo_win_editor_block .CodeMirror {
    background-color: #282626;
    color: #fff;
    font: 1.5rem/2.4rem Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif
}

.demo_win_editor_block .CodeMirror .CodeMirror-scrollbar-filler {
    background-color: transparent
}

.demo_win_editor_block .CodeMirror .CodeMirror-gutters {
    border: none;
    background-color: transparent;
    padding-right: 10px
}

.demo_win_editor_block .CodeMirror-cursor {
    border-left: 1px solid #fff
}

.demo_win_editor_block .CodeMirror-overlayscroll-horizontal div,
.demo_win_editor_block .CodeMirror-overlayscroll-vertical div {
    background: #5c5958
}

.demo_win_editor_block .cm-s-monokai .CodeMirror-linenumber {
    color: #6C717C
}

.demo_win_editor_block .webix_scroll_cont {
    background-color: #383838
}

.demo_win_editor_block .webix_scroll_cont .webix_list_item {
    background: transparent;
    font-size: 16px;
    border: none;
    padding: 0 15px;
    line-height: 43px;
    box-shadow: none
}

.demo_win_editor_block .webix_scroll_cont .webix_list_item:hover {
    background-color: #31312f
}

.demo_win_editor_block .webix_scroll_cont .webix_list_item.webix_selected,
.demo_win_editor_block .webix_scroll_cont .webix_list_item:active,
.demo_win_editor_block .webix_scroll_cont .webix_list_item:focus {
    color: #00BAA8;
    background-color: inherit;
    border-width: 0;
    border-radius: 0;
    border-bottom: 1px solid #00BAA8;
    border-style: inset;
    outline: none
}

#doctor-appointment-demo-box {
    width: 100%;
    max-width: 1340px;
    min-height: 892px
}

#doctor-appointment-demo-box-code {
    margin-right: 15px;
    margin-left: 15px;
    padding-top: 2rem;
    padding-bottom: 1rem;
    min-height: 350px
}

#doctor-appointment-demo-box-code .demo_win_editor_block.webix_view {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%
}

#doctor-appointment-demo-box-code,
.home-widget-image {
    display: none
}

.start-webix-subtitle {
    font-size: 25px;
    margin-top: 50px;
    line-height: 25px;
    font-style: normal;
    letter-spacing: .1px;
    font-weight: normal
}

.start-webix-download {
    text-align: center
}

.start-webix-download a {
    margin-top: 30px
}

.top-note-watch-bg {
    background: url(../bg/note-watch-bg.jpg) no-repeat center 25%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.top-note-bg {
    background: url(../bg/note-bg.jpg) no-repeat center 65%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.top-city-bg {
    background: url(../bg/city-bg.jpg) no-repeat center 51%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.top-note-diagram-bg {
    background: url(../bg/note-diagram-bg.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.top-team-bg {
    background: url(../bg/team-bg.jpg) no-repeat center top;
    background-attachment: fixed
}

.top-demo-bg {
    background: url(../bg/demos-bg.jpg) no-repeat center 33%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.section-overlay0 {
    background-color: rgba(255, 255, 255, 0.3)
}

.section-overlay01 {
    background-color: rgba(161, 248, 252, 0.7)
}

.section-overlay1 {
    background: rgba(164, 97, 243, 0.9);
    background: -moz-linear-gradient(225deg, rgba(164, 97, 243, 0.9) 0%, rgba(46, 149, 187, 0.9) 64.39%, rgba(63, 139, 216, 0.9) 100%);
    background: -webkit-linear-gradient(225deg, rgba(164, 97, 243, 0.9) 0%, rgba(46, 149, 187, 0.9) 64.39%, rgba(63, 139, 216, 0.9) 100%);
    background: linear-gradient(225deg, rgba(164, 97, 243, 0.9) 0%, rgba(46, 149, 187, 0.9) 64.39%, rgba(63, 139, 216, 0.9) 100%)
}

.section-overlay2 {
    background: rgba(164, 97, 243, 0.9);
    background: -moz-linear-gradient(45deg, rgba(164, 97, 243, 0.9) 0%, rgba(46, 149, 187, 0.9) 64.39%, rgba(63, 139, 216, 0.9) 100%);
    background: -webkit-linear-gradient(45deg, rgba(164, 97, 243, 0.9) 0%, rgba(46, 149, 187, 0.9) 64.39%, rgba(63, 139, 216, 0.9) 100%);
    background: linear-gradient(45deg, rgba(164, 97, 243, 0.9) 0%, rgba(46, 149, 187, 0.9) 64.39%, rgba(63, 139, 216, 0.9) 100%)
}

.section-overlay3 {
    background: rgba(164, 97, 243, 0.9);
    background: -moz-linear-gradient(225deg, rgba(164, 97, 243, 0.9) 0%, rgba(53, 165, 177, 0.9) 49.58%, rgba(46, 149, 187, 0.9) 64.82%, rgba(63, 139, 216, 0.9) 100%);
    background: -webkit-linear-gradient(225deg, rgba(164, 97, 243, 0.9) 0%, rgba(53, 165, 177, 0.9) 49.58%, rgba(46, 149, 187, 0.9) 64.82%, rgba(63, 139, 216, 0.9) 100%);
    background: linear-gradient(225deg, rgba(164, 97, 243, 0.9) 0%, rgba(53, 165, 177, 0.9) 49.58%, rgba(46, 149, 187, 0.9) 64.82%, rgba(63, 139, 216, 0.9) 100%)
}

.section-overlay4 {
    background: rgba(255, 255, 255, 0.5);
    background: -moz-linear-gradient(-180deg, #6785A0 0%, rgba(255, 255, 255, 0) 82%);
    background: -webkit-linear-gradient(-180deg, #6785A0 0%, rgba(255, 255, 255, 0) 82%);
    background: linear-gradient(-180deg, #6785A0 0%, rgba(255, 255, 255, 0) 82%)
}

.section-overlay5 {
    background: rgba(164, 97, 244, 0.85);
    background: -moz-linear-gradient(-224deg, rgba(164, 97, 244, 0.85) 0, rgba(53, 165, 177, 0.85) 50%, rgba(45, 150, 188, 0.85) 65%, rgba(63, 139, 216, 0.85) 100%);
    background: -webkit-linear-gradient(-224deg, rgba(164, 97, 244, 0.85) 0, rgba(53, 165, 177, 0.85) 50%, rgba(45, 150, 188, 0.85) 65%, rgba(63, 139, 216, 0.85) 100%);
    background: linear-gradient(-224deg, rgba(164, 97, 244, 0.85) 0, rgba(53, 165, 177, 0.85) 50%, rgba(45, 150, 188, 0.85) 65%, rgba(63, 139, 216, 0.85) 100%)
}

@media screen and (min-width:1930px) {
    .top-team-bg {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        background-attachment: local
    }
}

@media screen and (max-width:1024px) {
    .top-team-bg {
        background: url(../bg/team-bg-1024.jpg) no-repeat center top;
        background-attachment: fixed;
        -webkit-background-size: auto 63%;
        -moz-background-size: auto 63%;
        background-size: auto 63%
    }
}

@media screen and (max-width:840px) {
    .top-team-bg {
        background-attachment: local;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover
    }
}

.top-page-section {
    padding: 9rem 0 8rem 0
}

.top-page-section-xl {
    padding: 13rem 0 9rem 0
}

.top-page-section-xs {
    padding: 10rem 0 0 0
}

.top-page-section-descr {
    margin-top: 2rem;
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.9)
}

.top-page-section-descr.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.top-page-section-descr.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.top-page-section-descr.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.top-page-section-descr p {
    margin-bottom: 2.2rem
}

.top-page-section-descr p:last-of-type {
    margin-bottom: 0
}

.top-page-section-btn {
    margin: 3rem 0 0 0
}

.top-demos-section {
    background-color: #E8E8EB
}

.top-demos-section .top-page-section-descr {
    color: rgba(0, 0, 0, 0.6)
}

.top-demos-section .top-page-section-descr {
    margin-top: 3rem
}

.top-page-section-columns {
    margin-top: 5rem;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    align-items: stretch
}

.top-page-columns-txt {
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.9);
    text-align: justify;
    padding: 0 2rem;
    width: 50%;
    max-width: 51rem
}

.top-page-columns-txt.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.top-page-columns-txt.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.top-page-columns-txt.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.page-section-xl {
    padding: 2rem 0
}

.text-color-white {
    color: #fff
}

.text-color-main {
    color: rgba(0, 0, 0, 0.7)
}

.text-color-light {
    color: rgba(0, 0, 0, 0.6)
}

.page-section-descr {
    font-style: normal;
    font-weight: normal;
    line-height: 3rem;
    font-size: 1.8rem
}

.section-landing-link {
    display: block;
    margin: 5rem auto 0;
    padding: 0 20px;
    max-width: max-content
}

.top-page-section-btn-flex {
    display: flex;
    justify-content: center
}

.btn-admin-dashboard {
    margin-left: auto;
    margin-right: auto
}

.top-examples-bg {
    background: url(../bg/bg-examples.jpg) no-repeat center 65%;
    background-size: cover
}

.examples-row {
    justify-content: space-between
}

.examples-col {
    max-width: 33%;
    min-width: 320px
}

.examples-li {
    margin-bottom: 1.5rem
}

.examples-li a {
    color: rgba(0, 0, 0, 0.7);
    display: flex
}

.examples-li:hover.examples-li a {
    color: #009688
}

.examples-li:hover.examples-li a span {
    text-decoration: underline
}

.examples-li span {
    margin-left: 1rem
}

.section-example-breadcrumbs {
    padding: 1rem 0
}

.bread-crumbs {
    align-items: center;
    flex-wrap: wrap
}

.bread-crumb-link {
    padding: 0 .75rem
}

.bread-crumb-link a {
    color: rgba(0, 0, 0, 0.7)
}

.bread-crumb-link a:hover {
    color: #00BAA8
}

.bread-crumb-current {
    color: #00BAA8
}

.section-exmple-wrap {
    max-width: 88rem;
    margin: 0 auto;
    overflow: hidden
}

.example-download-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    padding-top: 1.2rem
}

.example-download-box {
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    text-align: center;
    padding: 6rem 1.5rem;
    margin: 0 1rem 1.7rem;
    flex-basis: 35rem;
    flex-shrink: 1
}

.example-download-icon {
    text-align: center;
    margin-bottom: 1.5rem
}

.example-download-icon svg {
    width: 4.5rem;
    height: 4.5rem;
    fill: #7E57C2;
    margin: 0 auto
}

.example-download-box:hover .example-download-icon svg {
    fill: #009688
}

.example-download-text {
    color: rgba(0, 0, 0, 0.6);
    font-weight: 500;
    line-height: 2.5rem;
    font-size: 1.8rem
}

.example-download-box:hover .example-download-text {
    color: #009688
}

.example-widget-code {
    width: 100%
}

.example-widget-demo {
    width: 100%;
    overflow: auto
}

.snippet-section {
    background: #F7F7FA;
    border: 1px solid #DEDEDE;
    box-sizing: border-box;
    padding: .9rem 2rem;
    border-bottom: none
}

.snippet-content {
    border: 1px solid #DEDEDE;
    box-sizing: border-box;
    padding: 2rem;
    max-height: 70rem;
    overflow: auto;
    margin-bottom: 5rem
}

.snippet-section.snippet-section-code,
.snippet-section.snippet-section-html {
    font-size: 20px;
    line-height: 40px
}

.snippet-content.snippet-content-code,
.snippet-content.snippet-content-html {
    font-size: 16px;
    line-height: 20px
}

.top-salesforce-bg {
    background: url(../bg/bg-salesforce.jpg) no-repeat center 65%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed
}

.top-page-section-h {
    padding: 9rem 0 9rem
}

.salesforce-main-screen p {
    max-width: 455px
}

.salesforce-main-screen img {
    max-width: 880px;
    width: 100%
}

.salesforce-custom:hover .salesforce-custom-title:after {
    width: 120px
}

.salesforce-custom-icon {
    margin: 0 auto 1.6rem;
    text-align: center
}

.salesforce-custom-icon svg {
    margin: 0 auto
}

.salesforce-custom-title {
    position: relative;
    padding-bottom: 3.2rem
}

.salesforce-custom-title:after {
    content: '';
    background-color: #a181d9;
    width: 10rem;
    height: .2rem;
    position: absolute;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transition: width .3s ease-in-out;
    -moz-transition: width .3s ease-in-out;
    -ms-transition: width .3s ease-in-out;
    -o-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out
}

.artwork-img {
    box-shadow: -2px 4px 4px rgba(0, 0, 0, 0.15), 0 -2px 6px rgba(0, 0, 0, 0.1);
    margin-bottom: 2rem;
    position: relative
}

.artwork-img-pos {
    position: absolute;
    bottom: 1.9rem;
    left: -4.6rem
}

.artwork-item {
    box-sizing: border-box;
    position: relative;
    padding-left: 9.5rem;
    margin-bottom: 3rem;
    width: 100%
}

.artwork-item-icon {
    left: 0;
    top: 3.5rem;
    position: absolute
}

.artwork-item-title {
    margin-bottom: .5rem
}

.salesforce-form-bg {
    background: url(../bg/bg-salesforce-form.jpg) no-repeat center 65%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed
}

.top-webinars-bg {
    background: url(../bg/bg-webinars.jpg) no-repeat center 65%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed
}

.page-section-webinars {
    padding-bottom: 8rem
}

.webinars-col {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    border: 1px solid #DEDEDE;
    border-right: 0;
    position: relative
}

.webinars-col:nth-of-type(3n) {
    border-right: 1px solid #DEDEDE
}

.webinars-col.active {
    background-color: #EFF1FB
}

.webinars-col.webinars-col-active {
    background-color: #EFF1FB
}

.webinars-col.webinars-col-active:before,
.webinars-col.webinars-col-active:after {
    content: '';
    width: 50%;
    height: 7rem;
    position: absolute;
    bottom: -1px;
    background-color: #EFF1FB;
    border-bottom: 1px solid #DEDEDE
}

.webinars-col.webinars-col-active:before {
    left: 0;
    transform: skewY(16deg);
    transform-origin: left
}

.webinars-col.webinars-col-active:after {
    right: 0;
    transform: skewY(-16deg);
    transform-origin: right
}

.webinars-radio-box {
    border-bottom: 1px solid #DEDEDE;
    padding: 1.4rem 3.2rem;
    width: 100%
}

.webinars-radio-btn {
    background-color: transparent;
    border: 2px solid rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    cursor: pointer;
    display: block;
    margin: auto;
    width: 2rem;
    height: 2rem;
    flex-grow: 0;
    flex-shrink: 0;
    position: relative
}

.webinars-radio-btn.webinars-radio-active {
    border: 2px solid #7E57C2
}

.webinars-radio-btn.webinars-radio-active:before {
    content: '';
    background-color: #7E57C2;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute
}

.webinars-col-body {
    padding: 3rem 3.2rem 3rem;
    flex-wrap: wrap;
    border-bottom: 1px dashed #DEDEDE;
    width: 100%;
    z-index: 5
}

.webinars-col-icon {
    margin: 1rem auto 2rem
}

.webinars-col-title {
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 500;
    letter-spacing: .1px;
    text-transform: uppercase;
    margin-bottom: 1rem;
    text-align: center
}

.webinars-col-desc {
    margin-bottom: 3rem
}

.webinars-col-ul {
    list-style-type: disc;
    padding-left: 1.8rem
}

.webinars-col-ul li {
    margin-bottom: 1rem
}

.webinars-col-ul li:last-child {
    margin-bottom: 0
}

.webinars-book-icon {
    position: relative;
    padding-left: 3.6rem
}

.webinars-book-icon:before {
    content: '';
    background: url(/assets/common-new/book-icon.svg) no-repeat center center;
    position: absolute;
    width: 2.6rem;
    height: 2.6rem;
    left: 0;
    top: 0
}

.webinars-check-list-item {
    padding-left: 2.4rem;
    position: relative;
    margin-bottom: 1rem
}

.webinars-check-list-item:last-child {
    margin-bottom: 0
}

.webinars-check-list-item:before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background: url(/assets/common-new/check-icon-purple.svg) no-repeat center center / contain;
    position: absolute;
    top: 5px;
    left: 0
}

.thank-you-section {
    padding: 2rem 0 1rem 0
}

.thanks-check-img {
    text-align: center
}

.thanks-check-img .thanks-check-svg {
    margin: 0 auto
}

.thanks-description {
    margin-top: 2.5rem;
    text-align: center
}

.thanks-description .thanks-descr-txt {
    font-size: 1.8rem;
    line-height: 2.7rem
}

.thanks-check-svg,
.thanks-check-use {
    width: 150px;
    height: 150px
}

.outsourcers-contact-bg {
    background: url(../bg/bg-outsourcers.jpg) no-repeat center top fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.why-partners-block {
    margin: 0 auto 6rem;
    max-width: 1135px
}

.why-partners-header {
    display: flex;
    align-items: center;
    margin-bottom: 2.3rem
}

.why-partners-icon {
    margin-right: 3rem
}

.why-partners-title {
    padding: 3px 15px;
    flex-grow: 1;
    min-height: 6.6rem
}

.why-partners-article {
    max-width: 46rem
}

.startup-contact-bg {
    background: url(../bg/bg-startups.jpg) no-repeat center top fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.startup-support-landing {
    background-color: #fff;
    padding: 5.6rem 0 7rem
}

.startup-support-wrap {
    margin: 5.4rem auto 0 auto
}

.startup-support-item-icon {
    margin-right: 2rem
}

.startup-support-item-descr {
    max-width: 38.8rem
}

.startup-expects {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center
}

.startup-expects-list {
    display: flex;
    justify-content: center;
    flex: 1 1 auto
}

.startup-expects-list .extra-widget-list {
    margin: 0 auto;
    font-weight: 500;
    line-height: 2.5rem;
    font-size: 1.8rem;
    letter-spacing: .1px;
    max-width: 41.5rem
}

.startup-expects-list .extra-widget-list-item {
    margin-top: 3rem
}

.startup-expects-list .extra-widget-list-item:first-child {
    margin-top: 0
}

.startup-expects-img {
    max-width: 70.6rem;
    flex: 1 1 70.6rem
}

.startup-why-icon {
    top: 0
}

.download-contact-bg {
    background: url(../bg/note-watch-bg.jpg) no-repeat center top fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.download-contact {
    padding: 10rem 0 9rem 0
}

.download-contact-descr {
    color: rgba(255, 255, 255, 0.9);
    text-align: center;
    font-size: 1.9rem;
    line-height: 3rem;
    font-weight: 500;
    margin-top: 2rem
}

.info-block-descr {
    text-align: center;
    font-size: 1.9rem;
    line-height: 3rem;
    font-weight: 500
}

.gpl-contact-descr {
    max-width: 81rem;
    margin-top: 3.1rem;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    letter-spacing: .1px
}

.gpl-contact-descr p {
    margin-top: 2rem
}

.gpl-contact-p-sm {
    color: rgba(255, 255, 255, 0.9);
    text-align: center;
    font-size: 1.8rem;
    line-height: 2.5rem;
    font-weight: 500
}

.gpl-warning {
    margin-top: 2.4rem
}

.gpl-warning-label {
    font-size: 1.6rem;
    line-height: 2rem;
    color: #fff
}

.gpl-fieldset {
    margin-top: 1.8rem
}

.gpl-infoblock-p {
    line-height: 3.5rem;
    font-size: 2.4rem;
    font-weight: 600;
    margin-bottom: 2rem
}

.gpl-infoblock-ol {
    text-align: left;
    margin: 0 auto;
    max-width: 81rem
}

.gpl-infoblock-li {
    margin-bottom: 1.5rem;
    display: flex;
    align-items: flex-start
}

.gpl-infoblock-num {
    font-weight: 400;
    position: relative;
    text-align: center;
    margin-right: .8rem;
    min-width: 2.4rem
}

.gpl-infoblock-num:after {
    content: '';
    width: 2.3rem;
    height: 2.3rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid rgba(0, 0, 0, 0.7);
    border-radius: 50%;
    position: absolute
}

.faq-wrap {
    padding: 1.8rem 8.33% 0 10.5rem;
    position: relative;
    margin-top: 7.2rem
}

.faq-wrap:first-child {
    margin-top: 0
}

.faq-wrap:before {
    content: "";
    display: block;
    width: 8rem;
    height: 8rem;
    position: absolute;
    top: 0;
    left: 0
}

.faq-wrap.faq-wrap-licenses:before {
    background: url(../faq/license.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.faq-wrap.faq-wrap-payment:before {
    background: url(../faq/payment.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.faq-wrap.faq-wrap-support:before {
    background: url(../faq/support.png) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.faq-title {
    font-size: 2.4rem;
    line-height: 3.5rem;
    letter-spacing: -0.2px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.7)
}

.faq-title.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.faq-title.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.faq-title.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.faq-layout {
    margin-top: 2.3rem;
    width: 100%
}

.faq-block {
    border: 1px solid #EBEBEB;
    margin-top: -1px;
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.faq-block-top {
    padding: 2.5rem 2rem 2.5rem 3rem;
    cursor: pointer
}

.faq-block-top-bar {
    padding-right: 5rem;
    position: relative
}

.faq-block-top-bar .faq-block-question {
    font-size: 1.8rem;
    line-height: 2.5rem;
    letter-spacing: -0.1px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.7)
}

.faq-block-top-bar .faq-block-question.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.faq-block-top-bar .faq-block-question.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.faq-block-top-bar .faq-block-question.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.faq-block-top-bar .faq-block-top-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.faq-block-top-bar .faq-block-icon-svg,
.faq-block-top-bar .faq-block-icon-svg-use {
    width: 3rem;
    height: 3rem
}

.faq-block-top-bar .faq-block-icon-svg-use {
    fill: rgba(0, 0, 0, 0.3);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.faq-block-body {
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7);
    display: none;
    padding: 0 5rem 1rem 3rem;
    position: relative;
    top: -1.5rem
}

.faq-block-body.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.faq-block-body.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.faq-block-body.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.faq-block-body p {
    margin-top: 1rem
}

.faq-block-body p:first-child {
    margin-top: 0
}

.faq-block-body ul {
    margin-top: 1rem;
    list-style-type: disc;
    padding-left: 5rem
}

.faq-block-body .answer-img-left {
    display: block;
    float: left;
    margin-right: 2rem;
    margin-top: .5rem
}

.faq-block.is-opened {
    border-color: #CCC;
    z-index: 5
}

.faq-block.is-opened .faq-block-top-icon {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.faq-block.is-opened .faq-block-icon-svg-use {
    fill: #a181d9
}

.faq-block-container .faq-block {
    border: none;
    width: 100%
}

.faq-block-container .faq-block.is-opened {
    border: none
}

.faq-block-container .faq-block.is-opened .faq-block-top-icon {
    transform: rotate(90deg)
}

.faq-block-container .faq-block.is-opened .faq-block-icon-svg-use {
    fill: #a181d9
}

.faq-block-container .faq-block .faq-block-top-icon {
    transform: rotate(-90deg)
}

.faq-block-container .faq-block-top,
.faq-block-container .faq-block-body {
    padding-left: 5rem
}

.faq-block-container .faq-block-top-bar {
    position: relative
}

.faq-block-container .faq-block-top-bar:before {
    content: '➤';
    position: absolute;
    left: -28px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px
}

.faq-block-container .faq-block-top-bar .faq-block-icon-svg-use {
    fill: rgba(0, 0, 0, 0.5)
}

.faq-block-container .faq-block-top-bar .faq-block-top-icon {
    top: -2px
}

.faq-block-container .faq-block-body ul {
    padding-left: 0;
    list-style-position: inside
}

.page-contact-item {
    display: inline-block;
    vertical-align: top;
    max-width: 22rem;
    font-size: 1.8rem;
    line-height: 2.5rem;
    letter-spacing: -0.1px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.6);
    text-align: center;
    padding-top: 5rem;
    position: relative
}

.page-contact-item.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.page-contact-item.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.page-contact-item.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.page-contact-item span,
.page-contact-item>a {
    font-weight: 400
}

.page-contact-item:before {
    content: "";
    display: block;
    width: 3.5rem;
    height: 3.5rem;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1.7rem
}

.page-contact-item.page-contact-item-phone:before {
    background: url(../icons/contacts/call.svg) no-repeat center center
}

.page-contact-item.page-contact-item-email:before {
    background: url(../icons/contacts/mail.svg) no-repeat center center
}

.page-contact-item.page-contact-item-forum:before {
    background: url(../icons/contacts/forum.svg) no-repeat center center
}

.page-contact-item.page-contact-item-licenses:before {
    background: url(../icons/contacts/licenses.svg) no-repeat center center
}

.page-contact-item.page-contact-item-question:before {
    background: url(../icons/contacts/question.svg) no-repeat center center
}

.page-contact-item.page-contact-item-address:before {
    background: url(../icons/contacts/address.svg) no-repeat center center
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.support-box {
    background: #FFFFFF;
    box-shadow: 0 2px 20px rgba(126, 87, 194, 0.15);
    max-width: 330px;
    min-width: 280px;
    margin: 0 3rem;
    transition: all .2s ease;
    padding: 4rem 2.5rem
}

.support-box .item-title {
    margin-bottom: 1.5rem
}

.support-box:hover {
    transform: translateY(-5px)
}

.support-box-img-wrap {
    text-align: center;
    margin-bottom: 3rem
}

.support-box-txt ul {
    list-style-type: disc;
    list-style-position: inside
}

.support-box-txt li {
    margin-bottom: .5rem
}

.support-explore-box {
    max-width: 330px;
    margin: 0 3rem;
    padding: 0
}

.support-explore-box .item-title a {
    color: rgba(0, 0, 0, 0.7)
}

.support-integration-article {
    margin: 0 2rem 4rem
}

.section-landing-block .support-descr-p {
    margin-top: 5rem;
    margin-bottom: 0
}

.section-landing-block .support-cond-p {
    margin-bottom: 2rem
}

.section-simple-txt {
    color: rgba(0, 0, 0, 0.6);
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400
}

.btn-form-toggle {
    text-transform: none
}

.page-section-form {
    margin-top: 4.5rem
}

.page-section-form-text {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 1.8rem;
    line-height: 2.5rem;
    margin-bottom: 1rem
}

.page-section-form-text p:nth-of-type(1) {
    margin-bottom: 2rem;
    line-height: 3rem
}

.page-section-form-text p:nth-of-type(2) {
    line-height: 3rem;
    margin-bottom: 1rem
}

.page-section-form-text ul {
    text-align: left;
    list-style-type: disc;
    max-width: 28rem;
    margin: auto;
    padding-left: 18px
}

.page-section-form-text ul li {
    margin-bottom: .5rem;
    line-height: 3rem
}

.card-banner-item {
    margin-bottom: 4rem
}

.card-banner {
    border: 1px solid #DEDEDE;
    background-color: #fff;
    padding: 4.05rem 5.05rem;
    overflow: hidden;
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between
}

.card-banner:after {
    content: "";
    display: block;
    width: 10rem;
    height: 10rem;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    position: absolute;
    top: -1.5rem;
    right: -1.8rem
}

.card-banner.card-banner-world:after {
    background: url(../resellers/world.svg) no-repeat center center
}

.card-banner.card-banner-china:after {
    background: url(../resellers/china.svg) no-repeat center center
}

.card-banner.card-banner-japan:after {
    background: url(../resellers/japan.svg) no-repeat center center
}

.card-banner.card-banner-skorea:after {
    background: url(../resellers/south-korea.svg) no-repeat center center
}

.card-banner.card-banner-russia:after {
    background: url(../resellers/russia.svg) no-repeat center center
}

.card-banner.card-banner-belarus:after {
    background: url(../resellers/belarus.svg) no-repeat center center
}

.card-banner.card-banner-germany:after {
    background: url(../resellers/germany.svg) no-repeat center center
}

.card-banner.card-banner-france:after {
    background: url(../resellers/france.svg) no-repeat center center
}

.card-banner.card-banner-south-africa:after {
    background: url(../resellers/south-africa.svg) no-repeat center center
}

.card-banner.card-banner-ukraine:after {
    background: url(../resellers/ukraine.svg) no-repeat center center
}

.card-banner.card-banner-taiwan:after {
    background: url(../resellers/taiwan.svg) no-repeat center center
}

.card-banner.card-banner-indonesia:after {
    background: url(../resellers/indonesia.svg) no-repeat center center
}

.card-banner.card-banner-hongkong:after {
    background: url(../resellers/hong-kong.svg) no-repeat center center
}

.card-banner.card-banner-turkey:after {
    background: url(../resellers/turkey.svg) no-repeat center center;
    background-size: contain
}

.card-banner.card-banner-india:after {
    background: url(../resellers/india.svg) no-repeat center center;
    background-size: contain
}

.card-banner-header {
    padding-right: 5rem
}

.card-banner-description,
.card-banner-contacts {
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7)
}

.card-banner-description.color-main,
.card-banner-contacts.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.card-banner-description.color-light,
.card-banner-contacts.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.card-banner-description.color-white,
.card-banner-contacts.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.card-banner-description {
    margin-top: 2rem
}

.card-banner-contacts {
    margin-top: 4rem
}

.card-banner-contacts-block {
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    -ms-flex-basis: auto;
    flex-basis: auto;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    padding-right: 2rem
}

.card-banner-contacts-block:last-child {
    padding-right: 0
}

.resellers-nav {
    padding-top: 5rem
}

.resellers-nav-link {
    font-size: 1.8rem;
    line-height: 1.8rem;
    color: #fff;
    border: 1px solid #fff;
    background: transparent;
    padding: 1.1rem 1.8rem;
    border-radius: 22.5px;
    margin: 0 auto 1.5rem;
    text-align: center
}

.resellers-nav-link:hover {
    background-color: #fff;
    color: #4dcfc2
}

.team-members {
    -ms-flex-pack: justify;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start
}

.team-member {
    padding: 0 2rem;
    margin-bottom: 4rem;
    width: 25%;
    min-width: 19rem;
    position: relative;
    text-align: center
}

.team-member .member-name {
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: #a181d9;
    font-weight: 500;
    margin-top: 1rem;
    text-transform: uppercase
}

.team-member .member-name.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.team-member .member-name.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.team-member .member-name.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.team-member .member-inf {
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7)
}

.team-member .member-inf.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.team-member .member-inf.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.team-member .member-inf.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.member-photo-img {
    max-width: 20rem
}

.xb-thanks-block {
    text-align: center;
    border: 1px solid #DEDEDE;
    padding: 0 3rem 9rem 3rem;
    margin-top: 2rem
}

.xb-logo-block {
    margin-top: -2.2rem;
    margin-bottom: 5.3rem
}

.xb-logo {
    display: inline-block;
    padding: 0 2.5rem;
    background-color: #F7F7FA
}

.xb-logo-svg,
.xb-logo-svg-use {
    width: 15rem;
    height: 4.7rem
}

.xb-thanks-description {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
    margin-top: 2rem
}

.xb-thanks-description.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.xb-thanks-description.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.xb-thanks-description.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.about-us-social-grid {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 68rem;
    margin: 4rem auto 0
}

.about-us-social-link {
    width: 38px;
    height: 38px;
    margin: 0 1rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center
}

.about-us-social-link .social-link-svg {
    fill: #9F9F9F;
    fill-rule: evenodd;
    transition: all .3s ease-in-out
}

.about-us-social-link:hover .social-link-svg {
    fill: #00baa8
}

.top-services-section {
    padding: 8rem 0
}

.services-entry-text {
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.9);
    padding-top: 3.6rem
}

.services-entry-text.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.services-entry-text.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.services-entry-text.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.about-xb-col {
    width: 20%
}

.about-xb__title {
    color: #7E57C2;
    font-size: 7rem;
    line-height: .85
}

.about-xb__label {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
    padding-top: 2.2rem
}

.about-xb__label.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.about-xb__label.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.about-xb__label.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.services-scope-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    padding-top: 9rem;
    margin: 0 -20px
}

.services-scope-elem {
    width: 33.33333333%;
    padding: 0 20px
}

.services-scope {
    position: relative;
    height: 100%;
    background-color: #fff
}

.services-scope__icon {
    width: 96px;
    height: 96px;
    margin: 0 auto
}

.services-scope__icon.line {
    fill: #7E57C2
}

.services-scope__body {
    position: relative;
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7);
    padding: 3rem 4rem 5.5rem;
    z-index: 0
}

.services-scope__body.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.services-scope__body.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.services-scope__body.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.services-scope__title {
    color: #009688;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 1.4
}

.services-scope__list-row {
    position: relative;
    padding-left: 34px;
    margin-top: 1.5rem
}

.services-scope__list-row:first-child {
    margin-top: 0
}

.services-scope__list-icon-elem {
    position: absolute;
    left: 0;
    top: 6px
}

.services-scope__list-icon {
    width: 16px;
    height: 13px
}

.services-scope__list-icon.line {
    fill: #7E57C2
}

.services-company-overview {
    margin-top: 6rem
}

.services-company-overview-title {
    font-size: 2.4rem;
    line-height: 3.5rem;
    letter-spacing: -0.2px;
    font-weight: 500
}

.services-company-overview-title.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.services-company-overview-title.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.services-company-overview-title.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.charts-industry {
    text-align: center;
    margin-top: 5rem
}

.service-charts-container {
    margin-top: 2.6rem
}

.service-chart {
    width: 20%;
    padding: 1.5rem 1rem;
    text-align: center
}

.service-chart__link {
    display: inline-block
}

.service-chart-title {
    display: block;
    color: rgba(0, 0, 0, 0.7);
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.5625;
    margin-bottom: 2.6rem
}

.service-chart-img {
    display: block;
    line-height: 0
}

.techn-components {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 4rem;
    margin: -2.4rem auto;
    max-width: 97rem
}

.techn-component-elem {
    width: 20%;
    padding: 2.4rem;
    max-width: 20rem
}

.techn-component {
    position: relative;
    display: block
}

.techn-component:before {
    content: "";
    display: block;
    padding-top: 100%
}

.techn-component__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    background-color: #fff;
    z-index: 0
}

.techn-component__inside {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    z-index: 1
}

.techn-component__inside:before,
.techn-component__content {
    display: inline-block;
    vertical-align: middle
}

.techn-component__inside:before {
    content: "";
    height: 100%
}

.techn-component__content {
    text-align: center;
    width: 100%
}

.techn-component__icon {
    height: 62px
}

.techn-component__name {
    display: block;
    color: rgba(0, 0, 0, 0.7);
    font-size: 1.4rem;
    line-height: 1.785;
    margin-top: .5rem
}

.cases-carousel-container {
    padding-top: 4rem
}

.cases-carousel {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    margin: 0 -20px;
    overflow: auto
}

.cases-carousel:before,
.cases-carousel:after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 20px;
    background-color: #fff;
    z-index: 1
}

.cases-carousel:before {
    left: 0
}

.cases-carousel:after {
    right: 0
}

.cases-carousel .slick-list {
    z-index: 0
}

.cases-carousel.slick-slider {
    overflow: visible
}

.case-item-elem {
    width: 33.33333333%;
    min-width: 33.33333333%;
    padding: 0 20px
}

.case-item-elem.slick-slide {
    min-width: 0
}

.case-item {
    position: relative;
    overflow: hidden
}

.case-item__pict {
    line-height: 0;
    transition: transform .8s ease
}

.case-item__link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    background-color: rgba(255, 255, 255, 0.75);
    opacity: 0;
    transition: opacity .4s ease 0s
}

.case-item__link:before,
.case-item__link-inside {
    display: inline-block;
    vertical-align: middle
}

.case-item__link:before {
    content: "";
    height: 100%
}

.case-item__link-inside {
    text-align: center;
    width: 100%
}

.case-item__link-title {
    display: block;
    color: rgba(0, 0, 0, 0.7);
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 1.46;
    letter-spacing: -0.2px;
    padding: 0 2rem 3rem
}

.case-item:hover .case-item__pict {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.case-item:hover .case-item__link {
    opacity: 1
}

.cases-carousel .slick-arrow {
    margin-top: 0;
    margin-bottom: -25px;
    background: url("/assets/common-new/cases-arrow-purple.svg") no-repeat center center
}

.cases-carousel .slick-arrow.slick-prev {
    left: -45px
}

.cases-carousel .slick-arrow.slick-next {
    right: -45px
}

.services-footer {
    background: url("../bg/services-footer.jpg") center center / cover no-repeat #59a2c3 fixed
}

.services-footer-text {
    color: rgba(255, 255, 255, 0.9);
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 1.46;
    letter-spacing: -0.2px;
    padding-bottom: 3rem
}

.services-form-block {
    display: none;
    margin-top: 4rem
}

.video-section {
    background-color: #F2F2F5
}

.video-container {
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between
}

.video-block-container {
    margin-bottom: 4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 69rem
}

.video-block {
    width: 100%;
    border: 1px solid #EBEBEB;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    padding: 3.5rem 4rem
}

.video-block-video {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.video-block-video iframe,
.video-block-video object,
.video-block-video embed {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    height: 100%
}

.video-block-descr {
    margin-top: 2.4rem
}

.video-block-title,
.samples-block-title {
    font-size: 1.9rem;
    line-height: 3rem;
    font-weight: 500
}

.video-block-txt {
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
    margin-top: 1rem
}

.video-block-txt.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.video-block-txt.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.video-block-txt.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.video-page-subtitle {
    padding-top: 3rem
}

.samples-block {
    position: relative;
    overflow: hidden
}

.samples-block:hover .btn-mask {
    opacity: 1;
    cursor: initial
}

.samples-block:hover .btn-mask object {
    opacity: 1;
    transition: opacity .3s ease-in-out, transform .3s ease-in-out;
    transform: translateY(0)
}

.samples-block-title {
    margin-bottom: .5rem
}

.demos-section {
    background-color: #E8E8EB;
    padding-top: 4rem;
    padding-bottom: 10rem
}

.demos-container {
    margin-top: 5rem
}

.demos-container .row-grid {
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between
}

.demos-container .main-subtitle {
    margin-bottom: -0.7rem
}

.demo-block-container {
    margin-top: 4rem;
    max-width: 70rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    opacity: 0;
    -webkit-animation: fadeIn .5s 1 ease-in-out;
    -moz-animation: fadeIn .5s 1 ease-in-out;
    -o-animation: fadeIn .5s 1 ease-in-out;
    animation: fadeIn .5s 1 ease-in-out;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    padding-left: 19px;
    padding-right: 19px
}

.demo-block {
    width: 100%;
    position: relative;
    overflow: hidden
}

.demo-block-components-wrap {
    color: rgba(0, 0, 0, 0.7);
    display: flex;
    flex-wrap: wrap;
    font-family: Roboto;
    font-style: normal;
    font-size: 16px;
    line-height: 25px;
    margin-top: 15px
}

.demo-block-components-title {
    font-weight: 500;
    text-transform: uppercase
}

.demo-block-components-name {
    padding-left: 34px;
    position: relative
}

.demo-block-components-name:before {
    content: '';
    position: absolute;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.7);
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 3px
}

.btn-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -ms-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear
}

.btn-mask .btn,
.btn-mask .btn-contour {
    display: block;
    margin: 20px 0;
    border-width: 2px;
    padding: .7rem 3.4rem
}

.btn-mask .btn-lim {
    max-width: 420px;
    margin: 20px auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.btn-mask object {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .1s ease-in-out, transform .1s ease-in-out
}

.demo-block-img-wrap {
    display: block;
    line-height: 0;
    border: 1px solid #CCCCCC;
    background-color: rgba(222, 222, 222, 0);
    position: relative;
    overflow: hidden
}

.demo-block-img-wrap:hover {
    color: #fff
}

.demo-block-img-wrap:hover span {
    width: 600px;
    height: 600px;
    z-index: 0
}

.demo-block-img-wrap:hover .btn-mask {
    opacity: 1
}

.demo-block-img-wrap:hover .btn-mask object {
    opacity: 1;
    transition: opacity .3s ease-in-out, transform .3s ease-in-out;
    transform: translateY(0)
}

.demo-block-img-wrap:active {
    background-color: #fff
}

.demo-block-img {
    width: 100%
}

.white-screen-block {
    padding: 6rem
}

.white-screen-block img {
    max-width: 53rem;
    width: 100%
}

@media screen and (max-width:560px) {
    .btn-mask {
        position: relative;
        opacity: 1
    }
    .btn-mask object {
        width: 100%;
        opacity: 1;
        transform: none
    }
    .btn-mask .btn {
        margin: 0
    }
    .btn-mask .btn-contour {
        display: none
    }
    .top-demos-section .top-page-section-xs {
        padding-top: 5rem
    }
    .demos-section {
        padding-top: 3rem
    }
    .demos-wrap .demos-container {
        margin-top: 3rem
    }
}

.demo-block-descr {
    padding-top: 1.1rem;
    width: 100%;
    -webkit-transition: all .2s linear .1s;
    -moz-transition: all .2s linear .1s;
    -ms-transition: all .2s linear .1s;
    -o-transition: all .2s linear .1s;
    transition: all .2s linear .1s;
    flex-grow: 1
}

.demo-block-txt {
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6)
}

.demo-block-txt.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.demo-block-txt.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.demo-block-txt.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.demo-btn-row {
    margin-top: 2rem;
    opacity: 0;
    -webkit-transition: all .2s linear .3s;
    -moz-transition: all .2s linear .3s;
    -ms-transition: all .2s linear .3s;
    -o-transition: all .2s linear .3s;
    transition: all .2s linear .3s
}

.demo-btn-row .btn {
    margin-right: 2.5rem
}

.demo-block:hover .demo-block-descr {
    bottom: 0
}

.demo-block:hover .demo-btn-row {
    opacity: 1
}

.demo-block .demo-block-txt .color-main {
    font-size: 1.8rem;
    line-height: 2.5rem;
    letter-spacing: -0.1px;
    font-weight: 500;
    padding-right: 10px
}

.demo-block .demo-block-txt .color-main.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.demo-block .demo-block-txt .color-main.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.demo-block .demo-block-txt .color-main.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.template-block-img-wrap {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    border: none;
    opacity: 0;
    display: none
}

.template-block-img-wrap.active {
    opacity: 1;
    display: block
}

.template-block-shadow {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    border: none
}

.template-prev-wrap {
    display: flex;
    margin-top: 2rem
}

.template-prev {
    border-radius: 4px;
    border: 1px solid #DEDEDE;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    width: 198px;
    margin-right: 28px
}

.template-prev:last-child {
    margin-right: 0
}

.template-prev:after {
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background: rgba(255, 255, 255, 0.8);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear
}

.template-prev:hover {
    border: 1px solid #7E57C2;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2)
}

.template-prev:hover:after {
    opacity: 0
}

.template-prev.active {
    border: 1px solid #7E57C2;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2)
}

.template-prev.active:after {
    opacity: 0
}

.template-prev-disabled {
    border: none;
    background: none;
    opacity: 0
}

.template-prev-disabled:hover {
    cursor: default;
    border: none;
    box-shadow: none;
    background-color: transparent
}

.template-prev-img {
    display: block;
    width: 100%
}

.template-subtitle {
    margin-bottom: 2rem
}

.page-item-title {
    color: rgba(0, 0, 0, 0.7);
    font-weight: 500;
    line-height: 3rem;
    font-size: 1.8rem
}

.page-item-title-sm {
    color: rgba(0, 0, 0, 0.7);
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 2.5rem
}

.page-text {
    font-family: Roboto;
    font-style: normal;
    font-size: 16px;
    line-height: 25px
}

.page-text-col {
    padding: 0 20px;
    text-align: justify
}

.template-img-wrap {
    display: flex;
    margin: 4rem auto 0;
    max-width: 700px;
    position: relative
}

.template-img {
    width: 100%
}

.template-popup-caller {
    background-color: #7E57C2;
    display: flex;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    width: 154px;
    height: 154px;
    box-shadow: 0 0 0 0 rgba(126, 87, 194, 0.5);
    animation: pulse-shadow 1.5s infinite
}

.template-popup-caller-svg {
    margin: auto;
    animation: pulse 1.5s infinite
}

.template-form-block {
    display: none;
    margin-top: 8rem
}

@keyframes pulse-shadow {
    0% {
        transform: translate(-50%, -50%), scale(.9)
    }
    70% {
        transform: translate(-50%, -50%), scale(1);
        box-shadow: 0 0 0 50px rgba(126, 87, 194, 0)
    }
    100% {
        transform: translate(-50%, -50%), scale(.9);
        box-shadow: 0 0 0 0 rgba(126, 87, 194, 0)
    }
}

@keyframes pulse {
    0% {
        transform: scale(.9)
    }
    70% {
        transform: scale(1)
    }
    100% {
        transform: scale(.9)
    }
}

.price-block-row {
    -ms-flex-pack: justify;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    margin: 0 auto;
    max-width: 100%
}

.price-block-link {
    outline: none;
    text-align: center;
    color: #7E57C2;
    font-size: 1.8rem;
    line-height: 2.5rem;
    letter-spacing: -0.1px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 1rem 3rem .9rem 3rem;
    border: 1px solid #7E57C2;
    border-right: none;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    1px 1px 2px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         1px 1px 2px 0px rgba(50, 50, 50, 0.75);
}

.price-block-link.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.price-block-link.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.price-block-link.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.price-block-link:hover {
    color: #6b41b4;
    border-color: #6b41b4
}

.price-block-link.is-opened {
    background-color: #7E57C2;
    border: 1px solid #7E57C2;
    color: rgba(255, 255, 255, 0.9)
}

.price-block-link:first-of-type {
    border-radius: 2px 0 0 2px
}

.price-block-link:last-of-type {
    border-right: 1px solid #7E57C2;
    border-radius: 0 2px 2px 0
}

.price-block-content {
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7);
    text-align: center;
    position: relative;
    overflow: hidden;
    margin: 5rem auto 0;
    max-width: 100%
}

.price-block-content.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.price-block-content.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.price-block-content.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.price-block-content .tab-content {
    opacity: 0;
    -webkit-animation: fadeIn .5s 1 ease-in-out;
    -moz-animation: fadeIn .5s 1 ease-in-out;
    -o-animation: fadeIn .5s 1 ease-in-out;
    animation: fadeIn .5s 1 ease-in-out;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    padding-bottom: 8px
}

.price-block-content .more-info-block-link {
    margin-top: 2rem
}

.main-list-single-tab {
    display: flex;
    justify-content: center;
    align-items: center
}

.main-list-single-tab .pricing-li-checked {
    margin-top: 0;
    margin-right: 3rem
}

.main-list-single-tab .pricing-li-checked:last-child {
    margin-right: 0
}

.table-licenses-multi {
    display: flex;
    flex-wrap: wrap;
    position: relative
}

.table-licenses-item {
    display: flex;
    flex-direction: column;
    border: 1px solid #DEDEDE;
    border-right: none;
    /*padding: 1rem 0 .9rem;*/
    margin: 10px;
    width: 23%;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 2px 2px 12px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    2px 2px 12px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         2px 2px 12px 0px rgba(50, 50, 50, 0.75);
}

.table-licenses-item:last-of-type {
    border-right: 1px solid #DEDEDE
}

.table-licenses-single {
    border: 1px solid #DEDEDE;
    margin: 0 auto;
    max-width: 650px;
    padding-top: 4.1rem;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden
}

.table-licenses-single .table-licenses-col {
    border: none
}

.table-licenses-col-flex {
    display: flex;
    justify-content: center;
    padding-top: 2.1rem
}

.table-licenses-col-individual {
    display: flex;
    flex-direction: column;
    text-align-last: left;
    margin: 0 3rem;
    flex: 1
}

.table-price-cloud-wrap {
    position: relative
}

.table-price-cloud {
    color: rgba(0, 0, 0, 0.7);
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    position: absolute;
    top: 4px;
    left: 100%;
    margin-left: 10px;
    white-space: nowrap;
    transition: all .3s ease
}

.purchase-flex-block {
    display: flex;
    flex-direction: column;
    align-items: center
}

.licenses-descr-list {
    font-size: 1.6rem;
    line-height: 2.5rem;
    color: rgba(0, 0, 0, 0.6)
}

.licenses-descr-list li {
    margin-top: .5rem;
    padding-left: 1.5rem;
    position: relative;
    text-align: left
}

.licenses-descr-list li:first-child {
    margin-top: 0
}

.licenses-descr-list li:before {
    content: "";
    display: block;
    width: .3rem;
    height: .3rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    left: 0;
    top: 1.2rem
}

.table-title-block {
    margin-bottom: 2.3rem;
    padding-left: 1.8rem;
    padding-right: 1.8rem
}

.table-cost-block {
    margin-bottom: 1.7rem;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
    position: relative
}

.table-dev-block {
    /*margin-bottom: .3rem;*/
    padding-left: 1.8rem;
    padding-right: 1.8rem;
    /*min-height: 54px*/
}

.table-detail-block {
    min-height: 11rem;
    padding-left: 1.8rem;
    padding-right: 1.8rem
}

.table-position-plans {
    background-color: #fff;
    box-sizing: border-box;
    width: 100%;
    max-width: max-content;
    display: flex;
    align-items: flex-start;
    padding: 0 1.8rem 2rem;
    flex-direction: column;
    margin: 0 auto
}

.table-plans-list {
    text-align: left
}

.table-position-plans-part:first-of-type {
    margin-bottom: 1rem
}

.table-support-block {
    padding-top: 1rem;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: center
}

.table-button-block {
    margin-top: auto;
    padding-left: 1.8rem;
    padding-right: 1.8rem
}

.table-flex-column {
    display: flex;
    flex-direction: column;
    height: 100%
}

.table-flex-column .purchase-sidebar-block,
.table-flex-column .pricing-support-list,
.table-flex-column .table-coupon-block {
    padding-left: 1.8rem;
    padding-right: 1.8rem
}

.table-flex-column .pricing-support-list {
    margin-bottom: 3rem
}

.table-label-discount {
    background: #7E57C2;
    color: rgba(255, 255, 255, 0.9);
    display: none;
    position: absolute;
    top: 85px;
    width: 160px;
    left: -10px;
    padding: 2px 30px;
    transform: rotate(-45deg);
    transform-origin: 0;
    text-transform: uppercase;
    -webkit-box-shadow: 1px 1px 7px 1px rgb(50 50 50 / 75%);
    -moz-box-shadow: 1px 1px 7px 1px rgba(50, 50, 50, 0.75);
    box-shadow: 1px 1px 7px 1px rgb(50 50 50 / 75%);
    text-shadow: 1px 1px 2px rgb(37 34 34);
}

.table-qty-wrapper {
    position: relative
}

.table-licenses-qty-price.licenses-qty-price {
    top: 4px;
    left: 0;
    width: max-content;
    padding-left: 10px
}

.border-bottom-dotted,
.border-top-dotted {
    background: #ffffff;
    background: linear-gradient(to right, #9E9E9E 10%, #ffffff 0%);
    background-repeat: repeat-x;
    background-size: 7px 1px
}

.border-bottom-dotted {
    background-position: bottom
}

.border-top-dotted {
    background-position: top
}

.border-dotted {
    background: #ffffff;
    background: linear-gradient(to right, #9E9E9E 10%, #ffffff 0%), linear-gradient(to right, #9E9E9E 10%, #ffffff 0%);
    background-repeat: repeat-x;
    background-size: 7px 1px;
    background-position: top, bottom
}

.table-licenses-col {
    padding: .9rem 1.8rem;
    vertical-align: middle;
    word-break: break-word;
    border-left: 1px solid #DEDEDE
}

.table-licenses-col:first-child {
    border-left: none
}

.table-licenses-link {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    position: relative
}

.table-licenses-link:after {
    content: '';
    background-color: transparent;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 3.1rem;
    height: 3.1rem;
    transition: all .2s ease-in-out
}

.table-licenses-link:hover:after {
    background-color: rgba(0, 0, 0, 0.05)
}

.pricing-icon {
    display: inline-block;
    vertical-align: top
}

.pricing-icon .pricing-icon-svg,
.pricing-icon .pricing-icon-svg-use {
    width: 65px;
    height: 65px
}

.pricing-icon .pricing-icon-svg-use {
    fill: #7E57C2
}

.pricing-pack {
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 4.7rem;
    text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
}

.pricing-cost {
    font-size: 3rem;
    line-height: 3.5rem;
    font-weight: 500;
    color: #7E57C2;
    padding-bottom: .2rem;
    text-shadow: 2px 2px 7px rgb(150 150 150);
}

.pricing-cost-old {
    display: block;
    color: rgba(0, 0, 0, 0.7);
    font-size: 24px;
    line-height: 35px;
    margin-bottom: 4px
}

.pricing-label {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzciIGhlaWdodD0iNTEiIHZpZXdCb3g9IjAgMCAzNyA1MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNzc2NjgxIDQxLjExNjFDLTMuMDI2MzkgMjcuNzM3MiA4LjYwNTY1IDI0LjY1MiA0LjIxNDU1IDE0LjY3NzdDNy40NjcyIDE0LjkyMSA4LjU4MTMxIDE3LjMyMTEgOS4wOTM1MiAxNy42NzgxQzExLjM4NDYgMTkuMjc1IDUuNjc4MjQgNS42NzY0NiAxOS4wMTQxIDBDMTMuMzgwNyAxMi4wMDE2IDM3IDE2LjE1MDEgMzcgMzUuNzI5MkMzNyA0Ni40NjAxIDI3LjUxMjggNTAuNzczMSAxOC4zMTk5IDUxQzkuNDg3MTggNTAuNzczMSAzLjE0MDI3IDQ3LjQ4MjMgMC43NzY2ODEgNDEuMTE2MVoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcikiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhciIgeDE9IjE4LjAyNTYiIHkxPSItNy41MjE5NCIgeDI9IjE4Ljk1NzUiIHkyPSI0NC4xOTE3IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIG9mZnNldD0iMC4wMzQ1MDQ0IiBzdG9wLWNvbG9yPSIjRkZDOTNEIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGM0QzRCIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-position: 50% 100%;
    color: #fff;
    position: absolute;
    padding-top: 1.8rem;
    width: 37px;
    height: 51px;
    top: 0px;
    transform: translateX(32px);
    text-transform: uppercase;
    left: 50%;
    font-weight: bold;
    font-size: 13px;
    line-height: 25px
}

.crossed {
    text-decoration: line-through
}

.checkbox-new-price {
    color: #FF3D3D
}

.licenses-plans-qualif-col {
    padding: 0
}

.licenses-plans-qualif {
    display: block;
    margin: .5rem 0;
    padding: 1.2rem;
    background: #ffffff;
    background: -moz-linear-gradient(to right, #9E9E9E 10%, #ffffff 0%), -moz-linear-gradient(to right, #9E9E9E 10%, #ffffff 0%);
    background: -webkit-linear-gradient(to right, #9E9E9E 10%, #ffffff 0%), -webkit-linear-gradient(to right, #9E9E9E 10%, #ffffff 0%);
    background: linear-gradient(to right, #9E9E9E 10%, #ffffff 0%), linear-gradient(to right, #9E9E9E 10%, #ffffff 0%);
    background-position: top, bottom;
    background-repeat: repeat-x;
    -webkit-background-size: 7px 1px;
    -moz-background-size: 7px 1px;
    background-size: 7px 1px
}

.pricing-detail-col {
    padding-top: 2.3rem;
    padding-bottom: 1.3rem
}

.pricing-support {
    vertical-align: top
}

.pricing-support-title {
    display: inline-block;
    cursor: pointer;
    text-transform: capitalize;
    position: relative;
    padding-right: 2rem;
    margin-bottom: 1rem
}

.pricing-support-title:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 12px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -2px;
    border: 5px solid transparent;
    border-top: 5px solid #000
}

.pricing-support-title.is-opened:after {
    border-top-color: transparent;
    border-bottom: 5px solid #000;
    margin: 0 0 -2px 0;
    top: auto;
    bottom: 50%
}

.pricing-support-title .pricing-support-title-txt {
    border-bottom: 1px dashed rgba(148, 121, 205, 0.9)
}

.pricing-support-descr {
    opacity: 0;
    flex-grow: 1;
    -webkit-animation: fadeIn .8s 1 ease-in-out;
    -moz-animation: fadeIn .8s 1 ease-in-out;
    -o-animation: fadeIn .8s 1 ease-in-out;
    animation: fadeIn .8s 1 ease-in-out;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    width: 100%
}

.pricing-support-descr-flex {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.pricing-support-list {
    text-align: left;
    display: inline-block;
    vertical-align: top;
    margin: 1.1rem 0
}

.pricing-cols-list {
    columns: 2;
    list-style: none
}

.main-list .pricing-li:before {
    display: none
}

.main-list .pricing-link-not-checked {
    padding-left: 2.7rem;
    position: relative;
    display: block
}

.main-list .pricing-link-not-checked:before {
    content: '';
    position: absolute;
    width: 1.8rem;
    height: 1.8rem;
    border: 2px solid #808080;
    box-sizing: border-box;
    border-radius: 1px;
    top: .3rem;
    left: 0;
    background-color: transparent
}

.main-list .pricing-li-checked {
    padding-left: 2.7rem
}

.main-list .pricing-li-checked:before {
    width: 1.8rem;
    height: 1.8rem;
    box-sizing: border-box;
    top: .3rem;
    left: 0;
    background-color: transparent;
    background: url(/assets/common/check-icon-gray.svg) no-repeat 50% 50% / contain
}

.main-list .pricing-link-span {
    color: rgba(0, 0, 0, 0.6)
}

.main-list .pricing-link-span:hover {
    color: rgba(0, 0, 0, 0.6);
    text-decoration: underline
}

.pricing-support-radiobuttons {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 1rem;
    flex-wrap: wrap
}

.pricing-radio-btn {
    color: rgba(0, 0, 0, 0.6);
    position: relative;
    margin-left: 3.6rem;
    margin-right: 1rem;
    margin-bottom: .5rem
}

.pricing-radio-btn:hover {
    color: rgba(0, 0, 0, 0.6);
    text-decoration: underline
}

.pricing-radio-btn:before {
    content: '';
    background-color: transparent;
    border: 2px solid rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    position: absolute;
    left: -2.5rem;
    top: .2rem
}

.pricing-radio-active:before {
    content: '';
    background-color: transparent;
    border: 2px solid #7E57C2;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    position: absolute;
    left: -2.5rem;
    top: .2rem
}

.pricing-radio-active:after {
    content: '';
    background-color: #7E57C2;
    border-radius: 50%;
    left: -2rem;
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: .7rem
}

.table-licenses-btn {
    padding-top: 2rem;
    padding-bottom: 3rem
}

.table-licenses-btn .btn {
    width: 71%;
    max-width: 250px;
    -webkit-box-shadow: 1px 4px 11px 2px rgb(50 50 50 / 75%);
    -moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 1px 1px 2px 0px rgb(50 50 50 / 75%);
    color: white;
    text-shadow: 1px 1px 2px rgb(35 34 34);
}
.table-licenses-btn .btn:hover{
    color: #08ef04;
}

.licenses-info-section {
    background-color: #F2F2F5
}

.licenses-info-block {
    margin: 2.2rem 0;
    min-height: 28rem
}

.licenses-info-block .news-block {
    padding: 5rem 4.5rem
}

.licenses-info-block .news-block-part {
    margin-top: 3rem
}

.licenses-info-block .news-block-part:first-child {
    margin-top: 0
}

.licenses-info-block .secured-icons-block {
    margin-top: 1rem
}

.licenses-info-block .secured-icons {
    display: inline-block;
    vertical-align: middle;
    margin: .5rem
}

.companies-blocks-wrap {
    margin-top: 2.5rem
}

.companies-column1 {
    width: 14.5%
}

.companies-column1 .col-company-block {
    width: 100%
}

.companies-column2 {
    width: 71%
}

.companies-column2 .col-company-block {
    width: 25%
}

.companies-column3 {
    width: 14.5%
}

.companies-column3 .col-company-block {
    width: 100%
}

.company-block {
    border: 1px solid #DEDEDE;
    height: 7rem;
    line-height: 7rem;
    text-align: center;
    margin: 2rem 0
}

.company-block .client-logo-svg {
    display: inline-block;
    vertical-align: middle
}

.page-section-purchase {
    background-color: #E6E6E8
}

.page-purchase-descr {
    margin-top: 2rem;
    color: rgba(0, 0, 0, 0.6)
}

.purchase-container {
    display: none;
    max-width: 111rem;
    padding: 2.5rem;
    margin: 4rem auto 0 auto;
    background-color: #F3F3F5;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    opacity: 0;
    -webkit-animation: fadeIn .4s 1 ease-in-out;
    -moz-animation: fadeIn .4s 1 ease-in-out;
    -o-animation: fadeIn .4s 1 ease-in-out;
    animation: fadeIn .4s 1 ease-in-out;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.purchase-container:before,
.purchase-container:after {
    content: ' ';
    display: table
}

.purchase-container:after {
    clear: both
}

.purchase-container:before,
.purchase-container:after {
    content: ' ';
    display: table
}

.purchase-container:after {
    clear: both
}

.purchase-container.is-opened {
    display: block
}

.purchase-title {
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 1.5rem
}

.purchase-subtitle {
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7);
    font-weight: 500;
    margin-bottom: 1.5rem
}

.purchase-subtitle.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.purchase-subtitle.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.purchase-subtitle.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.purchase-sidebar {
    width: 33.1%;
    min-width: 29.1rem;
    margin-left: 1rem;
    padding: 2.5rem;
    background-color: #fff;
    float: right
}

.purchase-sidebar-block {
    margin-top: 3.3rem
}

.purchase-sidebar-block:first-child {
    margin-top: 0
}

.purchase-form-row {
    margin-top: 1.6rem
}

.purchase-form-row:first-child {
    margin-top: 0
}

.purchase-coupon-row {
    margin-top: 1.5rem;
    display: flex;
    align-items: center
}

.purchase-coupon-row:first-of-type {
    margin-top: 0
}

.purchase-sidebar-title {
    font-size: 2rem;
    line-height: 3rem;
    color: rgba(0, 0, 0, 0.6);
    text-transform: uppercase;
    margin-right: .7rem;
    width: 84px
}

.purchase-coupon-input {
    border: 1px solid #DEDEDE;
    box-sizing: border-box;
    border-radius: 2px;
    padding: 7px 8px;
    flex-grow: 1;
    flex-shrink: 1;
    width: 100%;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px
}

.licenses-qty-block {
    position: relative
}

.licenses-qty {
    width: 17.5rem;
    padding: .6rem 3.2rem;
    position: relative;
    margin-top: -3px
}

.licenses-qty .btn-qty-result {
    width: 3.1rem;
    height: 3.1rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    padding: 0;
    border: none;
    outline: none;
    background: transparent;
    position: absolute;
    top: 0;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    line-height: 0
}

.licenses-qty .btn-qty-result:hover {
    background-color: rgba(0, 0, 0, 0.05)
}

.licenses-qty .btn-qty-result-svg {
    display: inline-block;
    vertical-align: middle
}

.licenses-qty .btn-qty-result-svg,
.licenses-qty .btn-qty-result-svg-use {
    width: 15px;
    height: 15px
}

.licenses-qty .btn-qty-result-svg-use {
    fill: #7E57C2
}

.licenses-qty .btn-qty-result:disabled .btn-qty-result-svg-use {
    fill: rgba(146, 116, 211, 0.3)
}

.licenses-qty .btn-qty-result:disabled:hover,
.licenses-qty .btn-qty-result:disabled:focus {
    background: none;
    cursor: default
}

.licenses-qty .btn-qty-result-substract {
    left: 0
}

.licenses-qty .btn-qty-result-plus {
    right: 0
}

.licenses-qty .qty-value {
    width: 100%;
    text-align: center;
    outline: none;
    border: none;
    font-size: 1.6rem;
    line-height: 2.1rem;
    color: rgba(0, 0, 0, 0.6);
    background: transparent
}

.licenses-qty-price {
    display: none;
    font-size: 2rem;
    line-height: 2.1rem;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.7);
    position: absolute;
    left: 19rem;
    top: 0;
    padding: .5rem 0;
    pointer-events: none
}

.purchase-advice {
    display: none;
    font-size: 1.3rem;
    line-height: 1.6rem;
    color: rgba(0, 0, 0, 0.6);
    margin-top: .5rem
}

.purchase-sidebar-total {
    margin-top: 2.3rem;
    border-top: 1px solid #EBEBEB;
    padding-top: 1.5rem
}

.purchase-price-total {
    font-size: 2rem;
    line-height: 3rem;
    color: rgba(0, 0, 0, 0.6);
    text-transform: uppercase
}

.purchase-price-value {
    font-size: 2rem;
    line-height: 3rem;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.7);
    font-weight: 500
}

.purchase-price-btn {
    margin-top: 2.2rem
}

.table-licenses-qty {
    display: flex;
    align-items: center;
    padding: 0
}

.table-licenses-qty .btn-qty-result {
    position: static;
    flex-shrink: 0
}

.table-purchase-form {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.2rem;
    margin-bottom: .4rem
}

.table-purchase-form .purchase-form-row {
    margin: 0 2.5rem 0
}

.table-purchase-form .purchase-form-row:first-of-type {
    margin-left: 0
}

.table-purchase-form .purchase-form-row:last-of-type {
    margin-right: 0
}

.table-coupon-block {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 3rem;
    padding-bottom: 3rem
}

.table-coupon-block .table-coupon-input {
    margin-bottom: 15px
}

.table-coupon-block .table-coupon-input:disabled {
    background: #e4e4e4;
    border-color: #b7b7b7;
    color: #b7b7b7
}

.table-coupon-block .table-coupon-text {
    margin-bottom: 3px
}

.table-coupon-block .btn {
    padding: .8rem 1.7rem;
    font-size: 15px;
    line-height: 18px
}

.table-coupon-block-horizontal {
    flex-direction: row;
    justify-content: center
}

.table-coupon-block-horizontal .table-coupon-input {
    margin-bottom: 0;
    margin-left: 1rem;
    margin-right: 2rem
}

.table-coupon-block-horizontal .table-coupon-text {
    margin-bottom: 0
}

.table-coupon-row {
    display: flex;
    justify-content: center;
    align-items: center
}

.table-coupon-row .btn-contour {
    font-size: 1.5rem;
    line-height: 1.8rem;
    padding: 1rem 1.8rem
}

.table-coupon-row .table-coupon-input {
    margin: 0 2rem 0 1rem
}

.table-coupon-text {
    font-size: 20px;
    line-height: 30px
}

.table-coupon-input {
    border: 1px solid #DEDEDE;
    box-sizing: border-box;
    border-radius: 2px;
    padding: 8px 10px;
    font-size: 14px;
    line-height: 16px;
    font-family: Roboto;
    font-style: normal
}

.purchase-main {
    margin-right: 37%;
    margin-top: 2rem
}

.purchase-main:before,
.purchase-main:after {
    content: ' ';
    display: table
}

.purchase-main:after {
    clear: both
}

.purchase-main:before,
.purchase-main:after {
    content: ' ';
    display: table
}

.purchase-main:after {
    clear: both
}

.purchase-icon-block {
    float: left;
    width: 31.5%;
    min-width: 8rem;
    text-align: center
}

.purchase-description {
    margin-left: 33.5%;
    padding-bottom: 2rem
}

.purchase-descr-block {
    margin-top: 3rem
}

.purchase-descr-block:first-child {
    margin-top: 0
}

.purchase-descr-support {
    display: none
}

.purchase-descr-support.is-opened {
    display: block
}

.purchase-descr-info {
    font-size: 1.6rem;
    line-height: 1.6rem;
    color: rgba(0, 0, 0, 0.6)
}

.purchase-descr-info li {
    margin-top: 1.5rem
}

.purchase-descr-info li:first-child {
    margin-top: 0
}

.purchase-descr-info.purchase-descr-list li {
    padding-left: 1.5rem;
    position: relative
}

.purchase-descr-info.purchase-descr-list li:before {
    content: "";
    display: block;
    width: .3rem;
    height: .3rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    left: 0;
    top: .6rem
}

.purchase-packages-container {
    margin-top: 5rem;
    opacity: 0;
    -webkit-animation: fadeIn .4s .4s 1 ease-in-out;
    -moz-animation: fadeIn .4s .4s 1 ease-in-out;
    -o-animation: fadeIn .4s .4s 1 ease-in-out;
    animation: fadeIn .4s .4s 1 ease-in-out;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.purchase-packages-blocks {
    margin-top: 2rem;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto
}

.purchase-package {
    width: 22rem;
    padding: 2rem 1rem;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-align: center;
    margin: 1rem 0;
    position: relative
}

.purchase-package .purchase-package-icon {
    display: block;
    margin: 0 auto;
    text-align: center;
    height: 120px;
    line-height: 117px;
    width: 120px;
    background-color: #F3F3F5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.purchase-package .pricing-icon {
    display: inline-block;
    vertical-align: middle
}

.purchase-package .purchase-package-title {
    display: block;
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 500;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.7);
    margin-top: 2rem
}

.purchase-package:hover,
.purchase-package:focus {
    background-color: #F3F3F5;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    transform: translate(0, -10px)
}

.purchase-package:hover .purchase-package-icon,
.purchase-package:focus .purchase-package-icon {
    background-color: #fff
}

.purchase-package.is-active {
    display: none
}

.widget-landing .container {
    width: 100%
}

.container-flex {
    width: 100%;
    max-width: 1380px;
    padding: 0 2rem;
    margin: 0 auto
}

.widget-pro-big,
.widget-pro-sm {
    position: relative
}

.widget-pro-big:after,
.widget-pro-sm:after {
    content: "PRO";
    text-transform: uppercase;
    font-weight: 500;
    border: 2px solid;
    -webkit-border-radius: 10rem;
    -moz-border-radius: 10rem;
    -o-border-radius: 10rem;
    border-radius: 10rem;
    display: inline-block;
    vertical-align: top;
    margin-left: 1rem
}

.widget-pro-big:after {
    font-size: 1.9rem;
    line-height: 2rem;
    color: rgba(255, 255, 255, 0.9);
    border-color: rgba(255, 255, 255, 0.9);
    padding: .6rem 1.3rem;
    margin-top: -1rem
}

.widget-pro-sm:after {
    font-size: 1.3rem;
    line-height: 2rem;
    color: #a181d9;
    border-color: #a181d9;
    padding: 0 .7rem;
    margin-top: -0.1rem
}

.widgets-sidebar-wrap {
    width: 21.5rem;
    float: left;
    padding: 3rem 2rem;
    background-color: #fff;
    -webkit-box-shadow: 2px 5px 4px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 5px 4px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 2px 5px 4px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 1rem;
    z-index: 500;
    position: relative;
    max-height: 2400px;
    overflow-y: auto
}

.widgets-sidebar-btn {
    margin-bottom: 2rem;
    display: none
}

.widgets-sidebar {
    font-size: 1.6rem;
    line-height: 3rem
}

.widgets-sidebar .widgets-sidebar-block {
    margin-top: 5rem
}

.widgets-sidebar .widgets-sidebar-block:first-child {
    margin-top: 0
}

.widgets-sidebar .widgets-column-title {
    font-size: 1.6rem;
    line-height: 2.2rem
}

.widgets-sidebar .widgets-list {
    margin-top: .5rem
}

.widgets-sidebar .widgets-list-item {
    margin-top: 1rem
}

.widgets-sidebar .widget-icon-svg-use {
    fill: rgba(0, 0, 0, 0.5);
    -webkit-transition: fill .2s ease-in-out;
    -moz-transition: fill .2s ease-in-out;
    -ms-transition: fill .2s ease-in-out;
    -o-transition: fill .2s ease-in-out;
    transition: fill .2s ease-in-out
}

.widgets-sidebar .widgets-item {
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start
}

.widgets-sidebar a.widgets-column-title {
    display: block
}

.widgets-sidebar a.widgets-column-title.is-active {
    color: #009688
}

.widget-main {
    margin-left: 21.5rem
}

.widget-page-subtitle {
    margin-bottom: 4rem;
    text-align: center
}

.webix_fmanager_card_panel {
    box-sizing: content-box
}

.widget-main-header-bg {
    background: url(../bg/montains2-bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.widgetС-main-header-bg {
    background: url(../bg/montains3-bg.jpg) no-repeat center bottom fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.jsdashboards-header-bg {
    background: url(../bg/bg-jsdashboards.jpg) no-repeat center top fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.widget-main-header-bg-2 {
    background: url(../bg/bg-salesforce-form.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.widget-main-header {
    padding: 15vh 0 10vh 0;
    position: relative
}

.widgetC-main-header {
    padding: 14vh 0 0 0;
    position: relative
}

.widgetC-main-header .top-page-section-btn {
    margin: 4rem 0 6rem 0
}

.bg-gradient {
    background: linear-gradient(254.25deg, rgba(63, 139, 216, 0.9) -12.62%, rgba(46, 149, 187, 0.9) 45.98%, rgba(164, 97, 243, 0.9) 96.72%)
}

.maps-integration-grid .integration-item {
    margin: 0 auto 4rem 0;
    width: auto;
    padding: 1rem 0
}

.info-row-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    text-align: center;
    margin-bottom: 2rem
}

.info-row-title_bigger {
    font-size: 3rem;
    line-height: 5.5rem;
    letter-spacing: -0.4px
}

.info-row-title_smaller {
    font-size: 2.4rem;
    line-height: 3.5rem;
    letter-spacing: -0.2px
}

.integration-grid {
    margin-top: 6rem
}

.integration-item {
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 190px;
    height: 190px;
    margin: 0 2rem 4rem;
    transition: all .3s ease
}

.integration-item-hover {
    margin: 0 auto 5rem
}

.integration-item-hover:hover {
    box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1);
    transform: translateY(-0.6rem)
}

.integration-item-sm {
    width: 140px;
    height: 140px;
    padding: 2rem 1rem
}

.integration-item-sm .integration-item-image {
    margin-bottom: 1.5rem;
    height: 60px;
    flex-shrink: 0;
    flex-basis: auto
}

.integration-item-sm .page-text {
    color: rgba(0, 0, 0, 0.7);
    font-size: 1.4rem
}

.integration-item-sm .page-text:hover {
    color: rgba(0, 0, 0, 0.7)
}

.integration-item-image {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2rem;
    flex-basis: 7rem
}

.integration-item-image-maps {
    flex-basis: 9.2rem
}

.integration-article {
    position: relative;
    overflow: hidden;
    margin: 0 auto 4rem;
    width: 30.5rem;
    height: 19rem
}

.integration-article:hover .integration-article-title {
    background-color: rgba(0, 0, 0, 0.3);
    padding: 1rem;
    color: #fff;
    font-size: 1.5rem
}

.integration-article .tutorials-block-video {
    padding-bottom: 47.7%
}

.integration-article-support {
    margin: 0 2rem 4rem
}

.integration-article-maps {
    margin: 0 4rem 4rem 0
}

.integration-article-datatable {
    margin: 0 auto 4rem 0
}

.integration-article-image {
    overflow: hidden;
    width: 100%
}

.integration-article-image img {
    width: 100%
}

.integration-article-title {
    background-color: #fff;
    color: rgba(0, 0, 0, 0.7);
    font-size: 1.6rem;
    line-height: 2.5rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1rem 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: all .3s ease
}

.widgetsS-sidebar-wrap {
    position: relative;
    z-index: 1
}

.widgetS-main-header {
    padding: 15vh 0 15vh;
    background: linear-gradient(45deg, rgba(164, 97, 243, 0.9) 0, rgba(46, 149, 187, 0.9) 64.39%, rgba(63, 139, 216, 0.9) 100%)
}

.widgetS-page-section {
    background-color: #F7F7FA;
    position: relative;
    padding: 6rem 0 0
}

.widgetS-page-section:before {
    background-color: #F7F7FA;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    left: -100%;
    z-index: -1
}

.widgetS-page-section .container {
    max-width: 1380px;
    width: 100%
}

.widgetS-page-section .evaluating-boxes-section {
    flex-wrap: wrap
}

.widgetS-page-section .evaluating-box-wrap {
    box-sizing: border-box;
    margin-bottom: 6rem;
    width: 25%
}

.widgetS-page-section .evaluating-box {
    box-sizing: border-box;
    width: 100%
}

.widgetS-page-section .evaluating-box,
.widgetS-page-section .evaluating-box-img {
    background-color: transparent
}

.widgetS-page-section-white {
    background-color: #fff
}

.widgetS-page-section-white:before {
    background-color: #fff
}

.widgetS-block-title {
    color: #7E57C2;
    display: block;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    line-height: 3.5rem;
    font-size: 2.4rem;
    letter-spacing: -0.2px;
    margin-bottom: 1rem
}

.widgetS-block-txt {
    margin-bottom: 3rem
}

.widgetS-checkalso-txt {
    min-height: 4.2rem
}

.widgetS-block-container {
    margin-top: 0;
    margin-bottom: 6rem;
    max-width: 688px
}

.widgetS-block-container .demo-block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: visible
}

.widgetS-checkalso-section {
    background-color: #fff;
    padding-bottom: 0
}

.widgetS-subtitle {
    font-size: 3rem;
    line-height: 4.5rem;
    letter-spacing: -0.3px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.7);
    margin-bottom: 5rem
}

.widgetS-img-wrap {
    margin-top: auto;
    border: none
}

.widgetS-img-shadow {
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1)
}

.widget-menu-icon {
    display: none;
    position: absolute;
    top: 10px;
    left: 10px;
    width: 70px;
    height: 70px;
    padding: 25px 24px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer
}

.widget-menu-icon .menu-icon-row {
    display: block;
    height: 3px;
    margin-top: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background-color: #7E57C2;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.widget-menu-icon .menu-icon-row:first-child {
    margin-top: 0
}

.widget-main-header-demo {
    max-width: 104.4rem;
    margin: 5.5vh auto 0 auto;
    text-align: center
}

.widget-main-header-demo-large {
    max-width: 120rem
}

.widget-main-header-demo-img {
    max-width: 92rem
}

.header-demo,
.header-screen {
    display: inline-block;
    vertical-align: top;
    text-align: left
}

.header-demo.fullscreen,
.header-screen.fullscreen {
    width: 100%
}

.header-demo .header-demo-title,
.header-screen .header-demo-title {
    font-size: 1.4rem;
    line-height: 2.5rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.9);
    text-transform: uppercase
}

.header-demo .header-demo-block,
.header-screen .header-demo-block,
.header-demo .header-screen-block,
.header-screen .header-screen-block {
    overflow-y: auto;
    padding: 1.8rem;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    -webkit-border-radius: .4rem;
    -moz-border-radius: .4rem;
    -o-border-radius: .4rem;
    border-radius: .4rem
}

.header-demo .header-screen-image,
.header-screen .header-screen-image {
    width: 100%;
    max-width: 880px
}

.header-demo .demo-mobile-info,
.header-screen .demo-mobile-info {
    max-width: 32rem;
    margin: 0 auto;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    -o-border-radius: .2rem;
    border-radius: .2rem;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 2.1rem 3.2rem 1.6rem 3.2rem;
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.9);
    text-align: center
}

.header-demo .demo-mobile-info.color-main,
.header-screen .demo-mobile-info.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.header-demo .demo-mobile-info.color-light,
.header-screen .demo-mobile-info.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.header-demo .demo-mobile-info.color-white,
.header-screen .demo-mobile-info.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.widget-main-features-section {
    border-top: 1px solid #C3C3C3;
    border-bottom: 1px solid #C3C3C3
}

.widget-features-block {
    padding-top: 3rem;
    padding-bottom: 3rem;
    width: 75%
}

.widget-features-block-links {
    border-left: 1px solid #C3C3C3;
    width: 25%
}

.widget-features-block-wide {
    padding-top: 2rem;
    padding-bottom: 3rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.widget-features-block-wide .widget-features-list {
    flex-grow: 1;
    margin-top: 1rem
}

.widget-features-block-wide .widget-features-list:first-child,
.widget-features-block-wide .widget-features-list:nth-child(2),
.widget-features-block-wide .widget-features-list:last-child {
    width: auto
}

.widget-features-list {
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
    padding: 0 1.5rem
}

.widget-features-list.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.widget-features-list.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.widget-features-list.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.widget-features-list:first-child {
    width: 41%
}

.widget-features-list:nth-child(2) {
    width: 29%
}

.widget-features-list:last-child {
    width: 30%
}

.widget-features-list li {
    margin-top: 1rem;
    padding-left: 2.2rem;
    position: relative
}

.widget-features-list li:first-child {
    margin-top: 0
}

.widget-features-list li:before {
    content: "";
    display: block;
    width: .7rem;
    height: .7rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #7E57C2;
    position: absolute;
    left: 0;
    top: .85rem
}

.widget-features-links-list li {
    margin-top: 1rem
}

.widget-features-links-list li:first-child {
    margin-top: 0
}

.widget-features-links-list .wfeatures-link {
    font-size: 1.4rem;
    line-height: 2.5rem;
    text-transform: uppercase;
    font-weight: 500
}

.widget-features-links-list .wfeatures-link-icon,
.widget-features-links-list .wfeatures-link-name {
    display: inline-block;
    vertical-align: middle
}

.widget-features-links-list .wdoc-link-icon-svg,
.widget-features-links-list .wdoc-link-icon-use {
    width: 2.5rem;
    height: 2.5rem
}

.widget-features-links-list .wsamples-link-icon-svg,
.widget-features-links-list .wsamples-link-icon-use {
    width: 2.3rem;
    height: 1.8rem
}

.widget-features-links-list .wfeatures-link-icon-use {
    fill: #009688
}

.widget-features-links-list .wfeatures-link-name {
    margin-left: 1rem
}

.widget-features-links-list .wfeatures-link:hover .wfeatures-link-icon-use {
    fill: #00baa8;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.widget-main-content {
    padding: 6rem 0;
    position: relative
}

.widget-main-sidebar {
    float: right;
    border: 1px solid #EBEBEB;
    padding: 2.5rem 3rem;
    width: 30rem;
    background-color: #fff
}

.widget-main-sidebar.is-fixed {
    position: fixed;
    top: 10.5rem;
    right: 50%;
    margin-right: -77.7rem;
    overflow: auto;
    max-height: 88vh;
    z-index: 300
}

.widget-main-sidebar.is-not-fixed {
    position: absolute;
    top: auto;
    bottom: 5rem;
    margin-right: -66.95rem;
    overflow: visible;
    max-height: 100%
}

.widget-main-sidebar-list {
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
    margin-top: 2rem
}

.widget-main-sidebar-list.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.widget-main-sidebar-list.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.widget-main-sidebar-list.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.widget-main-sidebar-list li {
    margin-top: 1rem
}

.widget-main-sidebar-list li:first-child {
    margin-top: 0
}

.widget-main-sidebar-list .widget-main-sidebar-link {
    color: rgba(0, 0, 0, 0.6)
}

.widget-main-sidebar-list .widget-main-sidebar-link:hover {
    color: #009688
}

.widget-main-sidebar-list .widget-main-sidebar-link.is-active {
    font-weight: 500;
    color: rgba(0, 0, 0, 0.7)
}

.widget-main-sidebar-list .widget-main-sidebar-link-sub {
    margin-left: 2rem
}

.widgets-content-wrap {
    margin-right: 34rem
}

.widgets-content-block {
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7);
    margin-top: 5rem
}

.widgets-content-block.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.widgets-content-block.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.widgets-content-block.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.widgets-content-block:first-child {
    margin-top: 0
}

.widgets-content-block .block-title,
.widgets-content-block .title-25-40-300 {
    margin-bottom: 1rem
}

.widgets-content-block p {
    margin: 1rem 0
}

.widget-demo-block {
    color: rgba(0, 0, 0, 0.6);
    margin-top: 2rem
}

.widget-demo-block .widget-demo {
    overflow-y: auto
}

.widget-demo-block .widget-demo-block-descr {
    padding-left: 2rem;
    position: relative;
    margin: 0 0 1.5rem 0
}

.widget-demo-block .widget-demo-block-descr:before {
    content: "";
    display: block;
    width: 1.1rem;
    height: 1.4rem;
    background: url(../common-new/arrow-purple-vertical.svg) no-repeat center center;
    position: absolute;
    left: 0;
    top: .5rem
}

.widget-demo-block .widget-demo-block-link {
    margin-top: 1.5rem
}

.widget-demo-block .widget-demo-link {
    display: inline-block;
    font-size: 1.4rem;
    line-height: 2.5rem;
    color: rgba(0, 0, 0, 0.6);
    text-transform: uppercase;
    position: relative;
    padding-right: 1.6rem
}

.widget-demo-block .widget-demo-link:after {
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    background: url(../common-new/bullet.svg) no-repeat center center;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.55rem
}

.widget-demo-block .widget-demo-link:hover {
    color: #a181d9
}

.section-widgets-block {
    display: none
}

.section-widgets-block .widgets-wrap {
    height: 220px
}

.section-widgets-block .widgets-sidebar {
    font-size: 1.4rem;
    line-height: 3rem
}

.section-widgets-block .widgets-sidebar .widgets-sidebar-block {
    margin: 0 0 2rem 0
}

.section-widgets-block .widgets-sidebar .widgets-column-title {
    padding: 0 1rem;
    font-size: 1.4rem;
    line-height: 2.4rem
}

.section-widgets-block .widgets-sidebar .widgets-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: .5rem
}

.section-widgets-block .widgets-sidebar .widgets-list-item {
    margin: 0 0 .8rem 0;
    width: 25%;
    padding: 0 1rem
}

.widgetC-screen {
    display: inline-block;
    vertical-align: top;
    position: relative;
    line-height: 0
}

.widgetC-screen-pivot-table {
    max-width: 118rem
}

.widgetC-screen-pivot-chart {
    max-width: 118.8rem
}

.widgetC-screen-block {
    padding: 0 1.5rem;
    text-align: center
}

.widgetC-screen-img {
    width: 100%
}

.widgetC-screen-img-limit {
    max-width: 1180px
}

.widgetC-img-shadow {
    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1)
}

.widgetC-screen-indicators {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.widgetC-screen-indicators .slick-list,
.widgetC-screen-indicators .slick-track {
    width: 100% !important;
    height: 100%
}

.widgetC-screen-indicators .slick-list {
    overflow: visible
}

.widgetC-screen-indicators .screen-marker {
    display: block;
    position: absolute;
    z-index: 10;
    font-size: 3.1rem;
    line-height: 6rem;
    color: rgba(0, 0, 0, 0.7);
    width: 6rem !important;
    height: 6rem;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(102, 246, 252, 0.7);
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    outline: none
}

.widgetC-screen-indicators .screen-marker:before,
.widgetC-screen-indicators .screen-marker:after {
    content: "";
    display: block;
    border: 1px solid #66f6fc;
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    opacity: 0
}

.widgetC-screen-indicators .screen-marker:before {
    -webkit-animation: 1.5s .1s pulse infinite linear;
    -moz-animation: 1.5s .1s pulse infinite linear;
    -o-animation: 1.5s .1s pulse infinite linear;
    animation: 1.5s .1s pulse infinite linear
}

.widgetC-screen-indicators .screen-marker:after {
    -webkit-animation: 1.5s pulse2 infinite linear;
    -moz-animation: 1.5s pulse2 infinite linear;
    -o-animation: 1.5s pulse2 infinite linear;
    animation: 1.5s pulse2 infinite linear
}

.widgetC-screen-indicators .screen-marker:hover {
    background-color: rgba(0, 221, 230, 0.7)
}

.widgetC-screen-indicators .screen-marker:hover:before,
.widgetC-screen-indicators .screen-marker:hover:after {
    border-color: #00dee6
}

.widgetC-screen-indicators .screen-marker.slick-current {
    font-weight: 500
}

.widgetC-screen-indicators .screen-marker.slick-current:hover {
    background-color: rgba(102, 246, 252, 0.7)
}

.widgetC-screen-indicators .screen-marker.slick-current:after,
.widgetC-screen-indicators .screen-marker.slick-current:before {
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
    opacity: 1
}

.widgetC-screen-indicators .screen-marker.slick-current:before {
    transform: scale(1);
    border: 4px solid #fff
}

.widgetC-screen-indicators .screen-marker.slick-current:after {
    transform: scale(1.1);
    border: 3px solid rgba(102, 246, 252, 0.7)
}

.spreadsheet-screen-indicators .screen-marker.screen-marker-1 {
    top: 17%;
    left: 6%
}

.spreadsheet-screen-indicators .screen-marker.screen-marker-2 {
    top: 32%;
    left: 20%
}

.spreadsheet-screen-indicators .screen-marker.screen-marker-3 {
    top: -7px;
    left: 32%
}

.spreadsheet-screen-indicators .screen-marker.screen-marker-4 {
    top: -7px;
    left: 83%
}

.spreadsheet-screen-indicators .screen-marker.screen-marker-5 {
    top: 42%;
    left: 77%
}

.kanban-screen-indicators .screen-marker.screen-marker-1 {
    top: 9%;
    left: 27%
}

.kanban-screen-indicators .screen-marker.screen-marker-2 {
    top: 41%;
    left: 55%
}

.kanban-screen-indicators .screen-marker.screen-marker-3 {
    top: 75%;
    left: 34%
}

.kanban-screen-indicators .screen-marker.screen-marker-4 {
    top: 72%;
    left: 85%
}

.filemanager-screen-indicators .screen-marker.screen-marker-1 {
    top: 40%;
    left: 4.5%
}

.filemanager-screen-indicators .screen-marker.screen-marker-2 {
    top: 32px;
    left: 22%
}

.filemanager-screen-indicators .screen-marker.screen-marker-3 {
    top: 74%;
    left: 26%
}

.filemanager-screen-indicators .screen-marker.screen-marker-4 {
    top: 58%;
    left: 46%
}

.filemanager-screen-indicators .screen-marker.screen-marker-5 {
    top: 20%;
    left: 75%
}

.documentmanager-screen-indicators .screen-marker.screen-marker-1 {
    top: 25%;
    left: 7.5%
}

.documentmanager-screen-indicators .screen-marker.screen-marker-2 {
    top: 50%;
    left: 6%
}

.documentmanager-screen-indicators .screen-marker.screen-marker-3 {
    top: 7%;
    left: 86%
}

.documentmanager-screen-indicators .screen-marker.screen-marker-4 {
    top: 62%;
    left: 42%
}

.documentmanager-screen-indicators .screen-marker.screen-marker-5 {
    top: 45%;
    left: 74%
}

.usermanager-screen-indicators .screen-marker.screen-marker-1 {
    top: 28%;
    left: 7.5%
}

.usermanager-screen-indicators .screen-marker.screen-marker-2 {
    top: 20%;
    left: 82%
}

.usermanager-screen-indicators .screen-marker.screen-marker-3 {
    top: 62%;
    left: 56%
}

.usermanager-screen-indicators .screen-marker.screen-marker-4 {
    top: 8%;
    left: 32%
}

.usermanager-screen-indicators .screen-marker.screen-marker-5 {
    top: 1%;
    left: 59%
}

.scheduler-screen-indicators .screen-marker.screen-marker-1 {
    top: 50%;
    left: 5%
}

.scheduler-screen-indicators .screen-marker.screen-marker-2 {
    top: 23%;
    left: 21%
}

.scheduler-screen-indicators .screen-marker.screen-marker-3 {
    top: 80%;
    left: 85%
}

.scheduler-screen-indicators .screen-marker.screen-marker-4 {
    top: 65%;
    left: 58%
}

.gantt-screen-indicators .screen-marker.screen-marker-1 {
    top: 45%;
    left: 10%
}

.gantt-screen-indicators .screen-marker.screen-marker-2 {
    top: 22%;
    left: 48%
}

.gantt-screen-indicators .screen-marker.screen-marker-3 {
    top: 82%;
    left: 80%
}

.pivot-table-screen-indicators .screen-marker.screen-marker-1 {
    top: 42%;
    left: 7%
}

.pivot-table-screen-indicators .screen-marker.screen-marker-2 {
    top: -5px;
    left: 4%
}

.pivot-table-screen-indicators .screen-marker.screen-marker-3 {
    top: 32%;
    left: 25%
}

.pivot-table-screen-indicators .screen-marker.screen-marker-4 {
    top: 75%;
    left: 72%
}

.pivot-table-screen-indicators .screen-marker.screen-marker-5 {
    top: -5px;
    left: 85%
}

.pivot-chart-screen-indicators .screen-marker.screen-marker-1 {
    top: 40%;
    left: 13%
}

.pivot-chart-screen-indicators .screen-marker.screen-marker-2 {
    top: -5px;
    left: 4%
}

.pivot-chart-screen-indicators .screen-marker.screen-marker-3 {
    top: 40%;
    left: 47%
}

.pivot-chart-screen-indicators .screen-marker.screen-marker-4 {
    top: 74%;
    left: 79%
}

.pivot-chart-screen-indicators .screen-marker.screen-marker-5 {
    top: -5px;
    left: 86%
}

.chatmessenger-screen-indicators .screen-marker.screen-marker-1 {
    top: 45%;
    left: 20%
}

.chatmessenger-screen-indicators .screen-marker.screen-marker-2 {
    top: 32px;
    left: 20%
}

.chatmessenger-screen-indicators .screen-marker.screen-marker-3 {
    top: 85%;
    left: 20%
}

.chatmessenger-screen-indicators .screen-marker.screen-marker-4 {
    top: 74%;
    left: 79%
}

.widgetC-screen-content-wrap {
    background-color: #ADECF7;
    padding: 2rem 1.5rem;
    position: relative;
    z-index: 2
}

.widgetC-screen-content-block {
    max-width: 1340px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 80px
}

.widgetC-screen-content-block .slick-arrow {
    background: url(/assets/common-new/arrow-gray.svg) no-repeat center center;
    bottom: auto;
    top: 50%
}

.widgetC-screen-content-block .slick-track {
    display: flex
}

.widgetC-screen-content {
    display: none;
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7);
    text-align: center;
    margin-top: auto;
    margin-bottom: auto
}

.widgetC-screen-content.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.widgetC-screen-content.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.widgetC-screen-content.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.widgetC-screen-content .widgetC-screen-txt {
    display: inline-block;
    vertical-align: top;
    text-align: left
}

.widgetC-screen-content .widgetC-screen-txt ul {
    list-style: initial;
    list-style-position: inside;
    padding-left: 10px
}

.widgetC-screen-content .widgetC-screen-title {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 500
}

.widgetC-links {
    background: #fff;
    color: rgba(0, 0, 0, 0.7);
    transition: all .2s ease-in-out;
    border-radius: 6px;
    padding: 2rem .5rem;
    margin: 0 2rem 2rem;
    width: 104px
}

.widgetC-links:hover {
    color: #fff;
    background: #7E57C2
}

.widgetC-links:hover .widget-icon-svg-use {
    fill: #fff
}

.widgetC-links .img-box {
    margin-bottom: .8rem
}

.widgetC-links .widget-icon-svg {
    margin: auto
}

.widgetC-links .widget-icon-svg-use {
    fill: #7E57C2
}

.widgetC-features-tabs-wrap {
    width: 34%
}

.widgetC-features-block-wrap {
    width: 66%
}

.widgetC-features-tab {
    margin-top: 2rem
}

.widgetC-features-tab:first-child {
    margin-top: 0
}

.widgetC-features-tab .widgetC-features-title {
    display: inline-block;
    vertical-align: top
}

.widgetC-features-tab .widgetC-features-title-icon {
    display: block;
    float: left;
    width: 2rem;
    height: 2rem;
    margin-top: 2px;
    border: 2px solid rgba(0, 0, 0, 0.7);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    position: relative
}

.widgetC-features-tab .widgetC-features-title-icon:after {
    content: "";
    display: block;
    width: 1rem;
    height: 1rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background: transparent;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -0.5rem 0 0 -0.5rem
}

.widgetC-features-tab .widgetC-features-title-txt {
    display: block;
    margin-left: 4.3rem;
    color: rgba(0, 0, 0, 0.6);
    font-weight: normal;
    font-size: 1.9rem;
    line-height: 2.5rem
}

.widgetC-features-tab.is-opened .widgetC-features-title-icon {
    border-color: #7E57C2
}

.widgetC-features-tab.is-opened .widgetC-features-title-icon:after {
    background-color: #7E57C2
}

.widgetC-features-tab.is-opened .widgetC-features-title-txt {
    text-shadow: .7px 0 0 rgba(0, 0, 0, 0.3)
}

.widgetC-features-block {
    display: none;
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    -webkit-animation: fadeIn .5s 1 ease-in-out;
    -moz-animation: fadeIn .5s 1 ease-in-out;
    -o-animation: fadeIn .5s 1 ease-in-out;
    animation: fadeIn .5s 1 ease-in-out;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.widgetC-features-block.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.widgetC-features-block.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.widgetC-features-block.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.widgetC-features-block.is-opened {
    display: block
}

.widgetC-features-block p {
    margin-top: 1.5rem
}

.widgetC-features-block p:first-child {
    margin-top: 0
}

.widgetC-features-block .widgetC-features-img,
.widgetC-features-block .widgetC-features-video {
    border: 1px solid #D3D3D6
}

.widgetC-features-block .widgetC-features-video {
    max-width: 100%
}

.widgetC-features-block .widgetC-features-block-content {
    max-width: 33rem;
    margin-top: 1.5rem
}

.widgetC-features-block .extra-widget-list-item {
    margin-top: 1rem
}

.scheduler-features-block {
    min-height: 56rem
}

.widgetC-features-wrap-middle {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center
}

.widgetC-features-wrap-middle .widgetC-features-tabs-wrap {
    width: 47%;
    text-align: right
}

.widgetC-features-wrap-middle .widgetC-features-tabs-wrap ul {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin-right: 1.5rem
}

.widgetC-features-wrap-middle .widgetC-features-block-wrap {
    width: 53%
}

.widgetC-features-wrap-wide .widgetC-features-tabs-wrap {
    width: 24%;
    max-width: 342px
}

.widgetC-features-wrap-wide .widgetC-features-block-wrap {
    width: 76%;
    max-width: 1038px
}

.scheduler-demo-block {
    text-align: center
}

.scheduler-demo-block .scheduler-demo {
    display: inline-block;
    vertical-align: middle
}

.scheduler-demo-block .iphone-screen {
    background: url(/assets/demo/scheduler/iphone.png) no-repeat center top;
    width: 450px;
    height: 885px;
    position: relative;
    text-align: left
}

.scheduler-demo-block .widget-demo-qr-block {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5%
}

.scheduler-demo-block .widget-demo-qr-block .demo-qr img {
    width: 200px;
    height: 200px
}

.scheduler-demo-block .qr-scheduler-svg {
    display: inline-block;
    vertical-align: top
}

.scheduler-demo-block .qr-scheduler-svg,
.scheduler-demo-block .qr-scheduler-svg-use {
    width: 200px;
    height: 200px
}

.section-evaluation-padded {
    padding-left: 21.5rem
}

.section-evaluation-padded .container {
    width: 100%;
    max-width: 1380px;
    padding: 0 2rem;
    margin: 0 auto
}

.section-evaluation-padded.bg-light .evaluating-box,
.section-evaluation-padded.bg-light .evaluating-box-img,
.section-evaluation-padded.bg-light .explore-box,
.section-evaluation-padded.bg-light .explore-box-img {
    background-color: #F7F7FA
}

.section-evaluation-padded.bg-white .evaluating-box,
.section-evaluation-padded.bg-white .evaluating-box-img,
.section-evaluation-padded.bg-white .explore-box,
.section-evaluation-padded.bg-white .explore-box-img {
    background-color: #fff
}

.bg-light .evaluating-box,
.bg-light .evaluating-box-img,
.bg-light .explore-box,
.bg-light .explore-box-img,
.bg-light .integration-article-title {
    background-color: #F7F7FA
}

.bg-white .evaluating-box,
.bg-white .evaluating-box-img,
.bg-white .explore-box,
.bg-white .explore-box-img,
.bg-white .integration-article-title {
    background-color: #fff
}

.rival-block {
    width: 50%
}

.rival-block-descr {
    padding-left: 23%
}

.rival-title {
    font-size: 1.9rem;
    line-height: 3rem;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.7)
}

.rival-descr {
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
    margin-top: 1.5rem
}

.rival-descr.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.rival-descr.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.rival-descr.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.rival-descr-link {
    margin-top: 2.5rem
}

.widget-demo-table {
    background-color: #DEDEDE;
    display: grid;
    grid-template-columns: auto repeat(5, 1fr);
    grid-column-gap: 1px;
    box-shadow: 0 1px 20px rgba(0, 0, 0, 0.1);
    width: 100%;
    overflow-x: auto
}

.widget-demo-table-col {
    display: grid;
    grid-template-rows: repeat(8, 1fr) 199px;
    grid-row-gap: 1px
}

.widget-demo-table-cell {
    background-color: #F7F7FA;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    position: relative
}

.widget-demo-table-cell .pricing-support-title {
    text-transform: capitalize;
    user-select: none;
    margin-bottom: 0
}

.widget-demo-table-ul {
    display: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 5
}

.widget-demo-table-ul.is-opened {
    display: block
}

.widget-demo-table-li {
    background-color: #fff;
    box-sizing: border-box;
    border-top: 1px solid #DEDEDE;
    cursor: pointer;
    padding: 10px
}

.widget-demo-table-li:last-of-type {
    border-bottom: 1px solid #DEDEDE
}

.widget-demo-table-li:hover {
    background-color: #F7F7FA
}

.params-col {
    max-width: 15rem;
    font-weight: 500
}

.params-col .widget-demo-table-cell {
    padding: 18px 20px;
    align-items: flex-start;
    text-align: left
}

.hat-cell {
    background-color: #7E57C2;
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    text-transform: uppercase
}

.buy-cell-price {
    font-weight: 500;
    font-size: 24px;
    line-height: 35px;
    color: #7E57C2;
    margin-bottom: 1rem
}

.buy-cell-customize {
    margin-bottom: 2rem
}

.widgets-nav {
    padding-top: 2.5rem
}

.widgets-nav-link {
    font-size: 1.8rem;
    line-height: 1.8rem;
    color: #009688;
    border: 1px solid #00BAA8;
    background: transparent;
    padding: 1.1rem 1.8rem;
    border-radius: 22.5px;
    margin: 0 .75rem 1.5rem;
    text-align: center
}

.widgets-nav-link:hover {
    background-color: #4dcfc2;
    color: #fff
}

.widget-section-dark {
    background-color: #E8E8EB
}

.widget-section-dark:before {
    background-color: #E8E8EB
}

.widget-section-sm {
    padding-bottom: 2.5rem
}

.widget-group-descr {
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
    margin-top: 2rem;
    max-width: 48rem
}

.widget-group-descr.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.widget-group-descr.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.widget-group-descr.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.widget-group-descr p {
    margin-top: 1.5rem
}

.widget-group-descr p:first-child {
    margin-top: 0
}

.what-is-widget-list {
    box-sizing: border-box;
    padding-left: 3rem;
    padding-right: 3rem
}

.what-is-widget-list .extra-widget-list {
    margin-top: 0;
    max-width: 966px
}

.what-is-widget-list .extra-widget-list.text-columns-2 {
    column-count: 2
}

.what-is-widget-list .extra-widget-list-item {
    padding-left: 2.6rem
}

.grid-widgets-bar {
    -ms-flex-pack: justify;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    margin-top: -1.5rem
}

.col-widget-bar {
    display: block;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 16rem;
    position: relative
}

.col-widget-bar-double {
    margin-left: auto;
    width: 32rem;
    margin-right: 5px
}

.col-widget-bar-double .widget-complex-bar {
    width: 100%
}

.col-widget-bar-double .widget-complex-bar .widget-icon-svg,
.col-widget-bar-double .widget-complex-bar .widget-icon-svg-use {
    width: 156px;
    height: 52px
}

.widget-bar,
.widget-complex-bar {
    display: block;
    width: 13rem;
    height: 12rem;
    text-align: center;
    margin: 1.5rem 0;
    overflow: hidden;
    position: relative
}

.widget-bar .widget-bar-content,
.widget-complex-bar .widget-bar-content {
    display: block;
    padding: 0 .5rem;
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%
}

.widget-bar .widget-bar-icon,
.widget-complex-bar .widget-bar-icon {
    display: block
}

.widget-bar .widget-icon-svg,
.widget-complex-bar .widget-icon-svg {
    display: inline-block;
    vertical-align: middle
}

.widget-bar .widget-bar-title,
.widget-complex-bar .widget-bar-title {
    display: block;
    font-size: 1.4rem;
    line-height: 1.6rem;
    font-weight: 500
}

.common-label {
    color: #fff;
    border-radius: 14px;
    text-transform: uppercase;
    font-size: 1.2rem;
    position: absolute;
    z-index: 5
}

.purple-label {
    background: #7E57C2
}

.red-label {
    background: #FF3D3D
}

.widget-bar-label {
    border: 2px solid #F7F7FA;
    width: 50px;
    height: 28px;
    right: 1px;
    top: 8px
}

.widget-complex-bar {
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
    -ms-transition: background .2s ease-in-out;
    -o-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out
}

.widget-complex-bar .widget-bar-content {
    margin-top: -4.8rem
}

.widget-complex-bar .widget-bar-icon {
    height: 7rem;
    line-height: 7rem
}

.widget-complex-bar .widget-icon-svg,
.widget-complex-bar .widget-icon-svg-use {
    width: 70px;
    height: 70px
}

.widget-complex-bar .widget-icon-svg-use {
    fill: #fff
}

.widget-complex-bar .widget-bar-title {
    color: #fff;
    padding: .7rem 0 .5rem 0
}

.widget-complex-bar-spreadsheet {
    background-color: #00c8bc
}

.widget-complex-bar-spreadsheet:hover,
.widget-complex-bar-spreadsheet:focus {
    background-color: #007c74
}

.widget-complex-bar-pivot {
    background-color: #3498db
}

.widget-complex-bar-pivot:hover,
.widget-complex-bar-pivot:focus {
    background-color: #1d6fa5
}

.widget-complex-bar-kanban {
    background-color: #27ae60
}

.widget-complex-bar-kanban:hover,
.widget-complex-bar-kanban:focus {
    background-color: #19703e
}

.widget-complex-bar-filemanager {
    background-color: #00b3c8
}

.widget-complex-bar-filemanager:hover,
.widget-complex-bar-filemanager:focus {
    background-color: #006f7c
}

.widget-complex-bar-scheduler {
    background-color: #7871c2
}

.widget-complex-bar-scheduler:hover,
.widget-complex-bar-scheduler:focus {
    background-color: #4d45a1
}

.widget-complex-bar-docmanager {
    background-color: #00B3C8
}

.widget-complex-bar-docmanager:hover,
.widget-complex-bar-docmanager:focus {
    background-color: #006f7c
}

.widget-complex-bar-query {
    background-color: #669eff
}

.widget-complex-bar-query:hover,
.widget-complex-bar-query:focus {
    background-color: #196dff
}

.widget-complex-bar-usermanager {
    background-color: #c179c2
}

.widget-complex-bar-usermanager:hover,
.widget-complex-bar-usermanager:focus {
    background-color: #a34ba4
}

.widget-complex-bar-chatmessenger {
    background-color: #55CD97
}

.widget-complex-bar-chatmessenger:hover,
.widget-complex-bar-chatmessenger:focus {
    background-color: #31a571
}

.widget-complex-bar-gantt {
    background-color: #517DFE
}

.widget-complex-bar-gantt:hover,
.widget-complex-bar-gantt:focus {
    background-color: #0544fe
}

.widget-complex-bar-new-widgets {
    background-color: #FD971F
}

.widget-complex-bar-new-widgets:hover,
.widget-complex-bar-new-widgets:focus {
    background-color: #ce7002
}

.widget-bar.widget-bar-pro:after {
    content: 'Pro';
    display: block;
    width: 80px;
    padding: 4px 24px 3px 23px;
    background-color: #a181d9;
    color: rgba(255, 255, 255, 0.9);
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    top: 8px;
    right: -25px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    pointer-events: none
}

.widget-bar .widget-bar-bg {
    display: block;
    height: 100%;
    position: relative
}

.widget-bar .widget-bar-bg:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(94, 94, 174, 0.69);
    background: -moz-linear-gradient(-109deg, rgba(94, 94, 174, 0.69) 0%, rgba(184, 91, 166, 0.63) 96%);
    background: -webkit-linear-gradient(-109deg, rgba(94, 94, 174, 0.69) 0%, rgba(184, 91, 166, 0.63) 96%);
    background: linear-gradient(-109deg, rgba(94, 94, 174, 0.69) 0%, rgba(184, 91, 166, 0.63) 96%)
}

.widget-bar .widget-bar-img {
    pointer-events: none
}

.widget-bar .widget-bar-content {
    margin-top: -3rem;
    pointer-events: none
}

.widget-bar .widget-bar-icon {
    height: 3.5rem;
    line-height: 3.5rem;
    -webkit-transition: opacity .1s ease-in-out;
    -moz-transition: opacity .1s ease-in-out;
    -ms-transition: opacity .1s ease-in-out;
    -o-transition: opacity .1s ease-in-out;
    transition: opacity .1s ease-in-out
}

.widget-bar .widget-icon-svg,
.widget-bar .widget-icon-svg-use {
    width: 30px;
    height: 30px
}

.widget-bar .widget-icon-svg-use {
    fill: rgba(82, 105, 119, 0.5)
}

.widget-bar .widget-bar-title {
    color: rgba(0, 0, 0, 0.7);
    padding: 1.2rem 0 .5rem 0;
    -webkit-transition: color .15s ease-in-out;
    -moz-transition: color .15s ease-in-out;
    -ms-transition: color .15s ease-in-out;
    -o-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out
}

.widget-bar .widget-bar-mask {
    display: block;
    width: 400px;
    height: 400px;
    position: absolute;
    top: -200px;
    left: -200px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 0 400px #fff;
    -moz-box-shadow: inset 0 0 0 400px #fff;
    box-shadow: inset 0 0 0 400px #fff;
    color: #fff;
    pointer-events: none
}

.widget-bar:hover .widget-bar-icon {
    opacity: 0
}

.widget-bar:hover .widget-icon-svg-use {
    fill: #ffffff
}

.widget-bar:hover .widget-bar-title {
    color: #ffffff
}

.widget-bar:hover .widget-bar-mask {
    -webkit-box-shadow: inset 0 0 0 120px;
    -moz-box-shadow: inset 0 0 0 120px;
    box-shadow: inset 0 0 0 120px
}

.widgets-bar-limited {
    height: 290px;
    overflow: hidden;
    margin-bottom: 0;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.widgets-bar-limited-more {
    position: relative;
    z-index: 1;
    margin-top: 1rem;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.webixjet-top-page-section {
    padding: 12.7rem 0 8rem 0;
    background: #5E5EAE;
    background: -moz-linear-gradient(336.35deg, #5E5EAE 0%, #B85BA6 100%);
    background: -webkit-linear-gradient(336.35deg, #5E5EAE 0%, #B85BA6 100%);
    background: linear-gradient(336.35deg, #5E5EAE 0%, #B85BA6 100%)
}

.webixjet-top-page {
    text-align: center
}

.webixjet-top-page .top-page-section-descr {
    max-width: 84rem;
    margin: 2rem auto 0 auto
}

.webixjet-tutorial-wrap {
    text-align: center;
    margin-top: 4rem
}

.webixjet-tutorial-block {
    display: inline-block;
    width: 90%;
    max-width: 82.5rem;
    padding: 1.5rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    -o-border-radius: .5rem;
    border-radius: .5rem;
    background: #fff
}

.webixjet-tutorial {
    position: relative;
    width: 100%;
    padding-bottom: 56.2%;
    height: 0;
    overflow: hidden
}

.webixjet-tutorial iframe,
.webixjet-tutorial object,
.webixjet-tutorial embed {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    height: 100%
}

.modules-descr {
    text-align: center;
    opacity: 0;
    -webkit-animation: fadeIn .3s ease-in-out 2.5s forwards;
    -moz-animation: fadeIn .3s ease-in-out 2.5s forwards;
    -o-animation: fadeIn .3s ease-in-out 2.5s forwards;
    animation: fadeIn .3s ease-in-out 2.5s forwards
}

.modules-descr .landing-txt-light {
    margin-top: 1.5rem
}

.modules-descr .landing-list {
    margin-top: 1rem
}

.modules-view {
    margin-top: 4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between
}

.modules-view .modules-view-code {
    width: 40.63%;
    max-width: 54.4rem;
    min-width: 50rem;
    margin-right: -15%;
    z-index: 3;
    -webkit-transition: all 1.4s cubic-bezier(.23, 1, .32, 1) 500ms;
    -moz-transition: all 1.4s cubic-bezier(.23, 1, .32, 1) 500ms;
    -ms-transition: all 1.4s cubic-bezier(.23, 1, .32, 1) 500ms;
    -o-transition: all 1.4s cubic-bezier(.23, 1, .32, 1) 500ms;
    transition: all 1.4s cubic-bezier(.23, 1, .32, 1) 500ms;
    opacity: 0;
    -webkit-transform: translateX(-115%);
    -moz-transform: translateX(-115%);
    -ms-transform: translateX(-115%);
    -o-transform: translateX(-115%);
    transform: translateX(-115%)
}

.modules-view .modules-view-code.animate {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.modules-view .modules-view-code-right {
    margin-right: 0;
    margin-left: -15%;
    -webkit-transform: translateX(115%);
    -moz-transform: translateX(115%);
    -ms-transform: translateX(115%);
    -o-transform: translateX(115%);
    transform: translateX(115%)
}

.modules-view .modules-view-demo {
    position: relative;
    width: 68.29%
}

.modules-view .modules-demo {
    text-align: center;
    line-height: 0
}

.modules-view .modules-demo-img {
    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1)
}

.section-webixjet-info {
    background: #B85BA6;
    background: -moz-linear-gradient(67deg, #5E5EAE 0%, #B85BA6 97%);
    background: -webkit-linear-gradient(67deg, #5E5EAE 0%, #B85BA6 97%);
    background: linear-gradient(67deg, #5E5EAE 0%, #B85BA6 97%);
    text-align: center;
    padding-top: 2rem
}

.webixjet-info-n {
    font-size: 3.6rem;
    line-height: 5.5rem;
    letter-spacing: -0.4px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.9)
}

.webixjet-info-n.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.webixjet-info-n.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.webixjet-info-n.color-white {
    color: rgba(255, 255, 255, 0.9)
}

@media screen and (max-width:840px) {
    .webixjet-info-n {
        font-size: 3rem;
        line-height: 4rem
    }
}

.webixjet-info-descr {
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.9)
}

.webixjet-info-descr.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.webixjet-info-descr.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.webixjet-info-descr.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.webixjet-info {
    padding-top: 2rem;
    padding-bottom: 4rem
}

.webixjet-info-speed {
    background: url(../widgets-new/webixjet/grow.svg) no-repeat 75% 100%
}

.webixjet-info-speed .webixjet-info-n:before {
    content: "x";
    font-size: 3.6rem;
    line-height: 5.5rem;
    letter-spacing: -0.4px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.9)
}

.webixjet-info-speed .webixjet-info-n:before.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.webixjet-info-speed .webixjet-info-n:before.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.webixjet-info-speed .webixjet-info-n:before.color-white {
    color: rgba(255, 255, 255, 0.9)
}

@media screen and (max-width:840px) {
    .webixjet-info-speed .webixjet-info-n:before {
        font-size: 3rem;
        line-height: 4rem
    }
}

.chess-content {
    padding: 7rem 0
}

.chess-content .row-grid {
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.chess-content:nth-child(2n) {
    background-color: #F7F7FA
}

.chess-content:nth-child(2n) .chess-content-text {
    -webkit-order: 1;
    -moz-order: 1;
    -ms-order: 1;
    order: 1
}

.chess-content:nth-child(2n) .chess-content-presentation {
    -webkit-order: 0;
    -moz-order: 0;
    -ms-order: 0;
    order: 0
}

.chess-content.animate .chess-content-text {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.chess-content-text {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    -moz-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    -o-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    -webkit-transition: opacity 700ms cubic-bezier(.694, 0, .335, 1), transform 700ms cubic-bezier(.694, 0, .335, 1);
    -moz-transition: opacity 700ms cubic-bezier(.694, 0, .335, 1), transform 700ms cubic-bezier(.694, 0, .335, 1);
    -ms-transition: opacity 700ms cubic-bezier(.694, 0, .335, 1), transform 700ms cubic-bezier(.694, 0, .335, 1);
    -o-transition: opacity 700ms cubic-bezier(.694, 0, .335, 1), transform 700ms cubic-bezier(.694, 0, .335, 1);
    transition: opacity 700ms cubic-bezier(.694, 0, .335, 1), transform 700ms cubic-bezier(.694, 0, .335, 1)
}

.chess-content-text .block-title {
    margin-bottom: 1.5rem
}

.chess-content-frame {
    border: 1px solid #DEDEDE;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
    height: 322px;
    max-height: 322px;
    max-width: 542px
}

.chess-content-code {
    min-width: 59.7rem
}

.chess-content-code code {
    overflow-y: auto
}

.tutorials-section-bg {
    background-color: #F3F3F5;
    height: 100vh;
}
.tutorials-section-bglite {
    /*background-color: #F3F3F5;*/
    height: 100vh;
}
.tutorials-block {
    /*margin-top: 2.1rem*/
}

.tutorials-block-container {
    max-width: 50rem;
    margin: 1.6rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.margin40{    margin-left: 40px;
    margin-right: 40px;
}
.tutorials-interactive-link {
    display: block;
    width: 100%;
    border: 1px solid #DEDEDE;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    background-color: #fff;
    padding-bottom: 2rem
}

.tutorials-interactive-link:hover,
.tutorials-interactive-link:focus {
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1)
}

.tutorials-interactive-bg {
    display: block;
    height: 9rem;
    position: relative
}

.tutorials-interactive-bg:after {
    content: "";
    display: block;
    background: rgba(184, 91, 166, 0.7);
    background: -moz-linear-gradient(246deg, rgba(243, 171, 134, 0.9) 3%, rgba(184, 91, 166, 0.9) 100%);
    background: -webkit-linear-gradient(246deg, rgba(243, 171, 134, 0.9) 3%, rgba(184, 91, 166, 0.9) 100%);
    background: linear-gradient(246deg, rgba(243, 171, 134, 0.9) 3%, rgba(184, 91, 166, 0.9) 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.tutorials-interactive-bg.tutorials-interactive-bg-back {
    background: url(images/people.webp) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.tutorials-interactive-bg.tutorials-interactive-bg-datatable {
    background: url(images/people.webp) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.tutorials-interactive-bg.tutorials-interactive-bg-form {
    background: url(images/people.webp) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.tutorials-interactive-descr {
    display: block;
    padding: 0 1.5rem;
    text-align: center
}

.tutorials-interactive-descr .tutorials-interactive-title {

    font-size: 2rem;
    line-height: 4rem;
    color: rgba(0, 0, 0, 0.7);
    font-weight: 500
}

.tutorials-interactive-descr .tutorials-interactive-icon {
    display: block;
    /*background-color: #fff;*/
    width: 7rem;
    height: 7rem;
    line-height: 7rem;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin: -4rem auto 0 auto;
    position: relative;
    z-index: 3;
    /*box-shadow:  0px 0px 16px 16px rgb(255 255 255 / 0.6);*/
    box-shadow: inset 0px 0px 16px 16px rgb(255 255 255 / 0.6), 0px 0px 16px 16px rgb(255 255 255 / 0.6);
}

.tutorials-interactive-descr .tutorials-interactive-icon-img {
    display: inline-block;
    vertical-align: middle;
    /*border-radius: 50%;*/
    /*-webkit-box-shadow: 1px 1px 2px 0px rgb(50 50 50 / 75%);*/
    /*-moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.75);*/
    /*box-shadow: 1px 1px 2px 0px rgb(50 50 50 / 75%);*/
}

.tutorials-interactive-descr .tutorials-interactive-svg {
    display: inline-block;
    vertical-align: middle
}

.tutorials-interactive-descr .tutorials-interactive-svg,
.tutorials-interactive-descr .tutorials-interactive-svg-use {
    width: 32px;
    height: 32px
}

.tutorials-interactive-descr .tutorials-interactive-info {
    display: block;
    margin-top: .5rem;
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6)
}

.tutorials-interactive-descr .tutorials-interactive-info.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.tutorials-interactive-descr .tutorials-interactive-info.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.tutorials-interactive-descr .tutorials-interactive-info.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.tutorials-block-video {
    position: relative;
    width: 100%;
    padding-bottom: 55.9%;
    height: 0;
    overflow: hidden
}

.tutorials-block-video iframe,
.tutorials-block-video object,
.tutorials-block-video embed {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    height: 100%
}

.tutorials-more-block {
    text-align: center;
    margin-top: 1.9rem
}

.tutorials-blog-link {
    display: block;
    width: 100%
}

.tutorials-blog-link .tutorials-blog-bg {
    display: block
}

.tutorials-blog-link .tutorials-blog-descr {
    display: block;
    padding: 1rem 0
}

.tutorials-blog-link .tutorials-blog-title {
    font-size: 1.9rem;
    line-height: 3rem;
    color: rgba(0, 0, 0, 0.7);
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    display: block;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin-top: 10px;
}

.tutorials-blog-link .tutorials-blog-date {
    display: block;
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.tutorials-blog-link .tutorials-blog-date.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.tutorials-blog-link .tutorials-blog-date.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.tutorials-blog-link .tutorials-blog-date.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.tutorials-blog-link:hover .tutorials-blog-title,
.tutorials-blog-link:focus .tutorials-blog-title,
.tutorials-blog-link:hover .tutorials-blog-date,
.tutorials-blog-link:focus .tutorials-blog-date {
    color: #00baa8
}

.admin-panel-block {
    text-align: center;
    margin-bottom: 6rem
}

.agreements-top-page {
    background: #B85BA6;
    background: -moz-linear-gradient(246.35deg, #F3AB86 0%, #B85BA6 100%);
    background: -webkit-linear-gradient(246.35deg, #F3AB86 0%, #B85BA6 100%);
    background: linear-gradient(246.35deg, #F3AB86 0%, #B85BA6 100%)
}

.agreements-top-page .main-subtitle {
    margin: 0;
    padding: 2.3rem 0 2.2rem 2rem
}

.agreements-section {
    padding: 3.1rem 0 9rem 0
}

.agreements-sidebar-block {
    padding-top: .3rem
}

.agreements-sidebar {
    background-color: #F7F7FA;
    padding: 1rem 2.9rem 1rem 3rem
}

.agreements-sidebar .agreements-sidebar-row {
    padding: 1.5rem 0;
    border-top: 1px solid #EBEBEB
}

.agreements-sidebar .agreements-sidebar-row:first-child {
    border-top: none
}

.agreements-sidebar .agreements-sidebar-link {
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
    -webkit-transition: color .2s easy-in-out;
    -moz-transition: color .2s easy-in-out;
    -ms-transition: color .2s easy-in-out;
    -o-transition: color .2s easy-in-out;
    transition: color .2s easy-in-out
}

.agreements-sidebar .agreements-sidebar-link.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.agreements-sidebar .agreements-sidebar-link.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.agreements-sidebar .agreements-sidebar-link.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.agreements-sidebar .agreements-sidebar-link:hover,
.agreements-sidebar .agreements-sidebar-link:focus {
    color: #00baa8
}

.agreements-sidebar .agreements-subsidebar li {
    margin-top: 1rem
}

.agreements-sidebar .agreements-subsidebar li:first-child {
    margin-top: 0
}

.agreements-inner {
    padding-left: 2rem
}

.agreements-inner .main-subtitle {
    font-size: 3rem;
    line-height: 4.5rem;
    letter-spacing: -0.3px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.7);
    line-height: 1;
    margin: 0 0 1.5rem 0
}

.agreements-inner .main-subtitle.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.agreements-inner .main-subtitle.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.agreements-inner .main-subtitle.color-white {
    color: rgba(255, 255, 255, 0.9)
}

@media screen and (max-width:840px) {
    .agreements-inner .main-subtitle {
        font-size: 2.5rem;
        line-height: 3.5rem
    }
}

.agreements-inner h2 {
    font-size: 2.4rem;
    line-height: 3.5rem;
    letter-spacing: -0.2px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.7);
    margin: .5rem 0 1rem 0
}

.agreements-inner h2.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.agreements-inner h2.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.agreements-inner h2.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.agreements-inner h3 {
    font-size: 1.8rem;
    line-height: 2.5rem;
    letter-spacing: -0.1px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.7);
    margin: .5rem 0
}

.agreements-inner h3.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.agreements-inner h3.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.agreements-inner h3.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.agreements-inner h4 {
    font-size: 1.6rem;
    line-height: 2.5rem;
    letter-spacing: -0.1px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.7);
    margin: .5rem 0 1rem 0
}

.agreements-inner h4.color-main {
    color: rgba(0, 0, 0, 0.7)
}

.agreements-inner h4.color-light {
    color: rgba(0, 0, 0, 0.6)
}

.agreements-inner h4.color-white {
    color: rgba(255, 255, 255, 0.9)
}

.agreements-inner h5 {
    font-size: 1.4rem;
    line-height: 2.5rem;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.6);
    margin: .5rem 0 1rem 0
}

.agreements-inner p {
    margin: 1.5rem 0
}

.agreements-inner ul {
    list-style-type: disc;
    list-style-position: outside;
    margin: 1.5rem 0;
    padding-left: 4rem
}

.agreements-inner ul li {
    margin: 1rem 0
}

.agreements-inner ul p {
    margin: 0
}

.agreements-inner h3+p {
    margin-top: .7rem
}

.agreements-inner ol {
    list-style-type: decimal;
    list-style-position: outside;
    margin: 1.5rem 0;
    padding-left: 4rem
}

.agreements-inner ol li {
    margin: 1rem 0
}

.agreements-inner ol p {
    margin: 0
}

.legalnote-block {
    margin-top: 5rem
}

.legalnote-block:first-child {
    margin-top: 0
}

.resources-page .agreements-sidebar {
    position: sticky;
    top: 70px
}

.resources-links>div:nth-of-type(odd) {
    text-align: right
}

.integration-li {
    position: relative;
    padding-left: 2.7rem;
    margin-bottom: 3rem
}

.integration-li:before {
    background: url('/assets/icons/check.svg') 50% 50% no-repeat;
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.title-20-35-500 {
    color: rgba(0, 0, 0, 0.7);
    font-size: 2rem;
    line-height: 3.5rem;
    font-weight: 500
}

.bg-widget-faq {
    position: relative
}

.bg-widget-faq:before {
    background: url(/assets/bg/bg-widget-faq.svg) no-repeat 90% 50%;
    content: '';
    position: absolute;
    right: 100%;
    width: 100%;
    top: 0;
    bottom: 0
}

.section-404 {
    position: relative;
    margin: 0 auto;
    max-width: 1105px
}

.section-404-img {
    margin: 0 auto;
    display: block
}

.section-404-content {
    position: absolute;
    top: 100px;
    left: 170px
}

.section-404-top {
    margin-bottom: .4rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.section-404-title {
    color: rgba(0, 0, 0, 0.7);
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 270px;
    line-height: 250px;
    letter-spacing: -0.4px
}

.section-404-subtitle {
    color: #FF575B;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 90px;
    line-height: 90px;
    letter-spacing: -0.4px;
    transform: rotate(90deg);
    margin-left: -44px
}

.section-404-bottom {
    text-align: right;
    padding: 0 78px 0 0
}

.section-404-bottom-mobile {
    display: none;
    text-align: center;
    margin-bottom: 5rem
}

.section-404-text {
    color: rgba(0, 0, 0, 0.7);
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 1rem
}

.main-landing-section {
    background: linear-gradient(148.56deg, rgba(56, 255, 227, 0.85) -4.69%, rgba(0, 98, 212, 0.93) 89.07%);
    position: relative;
    height: 827px;
    overflow: hidden
}

.main-landing-section-circle {
    background: #F7F7FA;
    height: 746px
}

.main-landing-section-circle:after {
    -webkit-clip-path: ellipse(87% 50% at 50% 50%);
    clip-path: ellipse(87% 50% at 50% 50%);
    background: linear-gradient(148.56deg, rgba(56, 255, 227, 0.85) -4.69%, rgba(0, 98, 212, 0.93) 89.07%);
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    height: 110%
}

.main-landing-section-circle .main-landing-inner {
    height: 746px
}

.main-landing-wave-bg {
    position: absolute;
    left: -190px;
    top: 0px;
    max-width: 1918px;
    z-index: 0
}

.main-landing-image {
    position: absolute;
    top: 54px;
    right: -75px;
    max-width: 778px;
    z-index: 5
}

.main-landing-image-nw {
    max-width: 902px;
    margin: 0 auto
}

.main-landing-image-rm {
    right: 0;
    top: 90px;
    max-width: 925px;
    position: absolute;
    z-index: 15
}

.main-landing-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    height: 827px;
    z-index: 10
}

.main-landing-inner:before {
    content: '';
    background-color: #F7F7FA;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    left: -300%
}

.main-landing-inner-wide:before {
    display: none
}

.main-landing-subtitle-sm {
    font-size: 2.6rem;
    line-height: 3.5rem
}

.swiper-slide img {
    display: block
}

.swiper-button {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    outline: none;
    z-index: 500
}

.swiper-button-disabled {
    cursor: initial;
    opacity: .3
}

.swiper-button-left {
    left: 0px
}

.swiper-button-right {
    right: 0px
}

.swiper-container {
    max-width: 1110px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2)
}

.page-slider {
    position: relative;
    margin-top: 5rem
}

.page-text-icon {
    display: inline;
    vertical-align: middle
}

.switch-span {
    display: block;
    width: 22px;
    height: 22px;
    cursor: pointer;
    position: absolute;
    top: 1px;
    left: 1px;
    z-index: 1;
    background: #fff;
    border-radius: 50px;
    transition: all .4s ease;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4)
}

.switch-label {
    cursor: pointer;
    display: block;
    width: 52px;
    height: 24px;
    background: rgba(0, 0, 0, 0.5);
    position: relative;
    border-radius: 50px;
    transition: all .4s ease
}

.switch-label:after {
    content: '';
    color: #fff;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    opacity: 1;
    transition: all .4s ease
}

.switch-label:before {
    content: '';
    color: #fff;
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    opacity: 0;
    transition: all .4s ease
}

.switch {
    display: flex;
    align-items: center;
    margin-left: 2rem
}

.switch input[type=checkbox] {
    display: none
}

.switch input[type=checkbox]:checked~.switch-label {
    background: #7E57C2
}

.switch input[type=checkbox]:checked~.switch-label .switch-span {
    left: calc( 100% - 23px)
}

.page-form-toggle {
    display: none
}

.new-widgets-grid {
    padding-top: 2rem;
    padding-bottom: 5rem
}

.new-widgets-item {
    color: rgba(0, 0, 0, 0.7);
    display: flex;
    flex-direction: column;
    max-width: 42rem;
    margin-left: auto;
    margin-right: auto
}

.new-widgets-item:hover {
    color: rgba(0, 0, 0, 0.7)
}

.new-widgets-item:hover .new-widgets-item-link {
    color: #00baa8
}

.new-widgets-item:hover .new-widgets-item-arrow {
    transform: translateX(5px)
}

.new-widgets-item:hover .new-widgets-item-arrow path {
    stroke: #00baa8
}

.new-widgets-item-img {
    width: 100%;
    margin-bottom: 1rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25)
}

.new-widgets-item-link {
    color: #009688;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    margin-top: auto
}

.new-widgets-item-link:hover {
    color: #00baa8
}

.new-widgets-item-link:hover .new-widgets-item-arrow {
    transform: translateX(5px)
}

.new-widgets-item-link:hover .new-widgets-item-arrow path {
    stroke: #00baa8
}

.new-widgets-item-arrow {
    margin-left: .8rem;
    transition: all .3s ease
}

.new-widgets-item-arrow path {
    stroke: #009688
}

.questionnaire-wrapper {
    display: flex;
    flex-direction: column
}

.questionnaire-form {
    display: flex;
    flex-direction: column;
    align-items: center
}

.questionnaire-row {
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative
}

.questionnaire-row:before {
    content: '';
    background-color: #7E57C2;
    position: absolute;
    width: 2px;
    height: 100%;
    top: 16px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

.questionnaire-row:after {
    content: '';
    background-color: #F7F7FA;
    border: 2px solid #7E57C2;
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    top: 9px;
    left: 50%;
    transform: translateX(-50%)
}

.questionnaire-row-clear {
    margin-bottom: 3rem
}

.questionnaire-row-clear:before,
.questionnaire-row-clear:after {
    display: none
}

.questionnaire-row-clear .questionnaire-label-radio {
    margin-bottom: 2rem
}

.questionnaire-col {
    display: flex;
    flex-direction: column;
    width: 50%;
    padding-bottom: 5rem;
    position: relative
}

.questionnaire-col:first-of-type {
    align-items: flex-end;
    padding-right: 2rem;
    text-align: right
}

.questionnaire-col:last-of-type {
    align-items: flex-start;
    padding-left: 2rem;
    text-align: left
}

.questionnaire-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 1rem
}

.questionnaire-subtitle {
    font-weight: 500
}

.questionnaire-text {
    max-width: 330px
}

.questionnaire-image {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    margin-top: 2rem;
    max-width: 30rem
}

.questionnaire-image img {
    display: block
}

.questionnaire-radiogroup {
    display: flex;
    flex-direction: column
}

.questionnaire-label-radio {
    margin-bottom: 1.5rem
}

.questionnaire-label-radio .radio-box:before {
    margin: 0;
    transform: translate(-50%, -50%)
}

.main-landing-col {
    max-width: 615px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative
}

.main-landing-title {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 4.5rem;
    line-height: 6rem;
    letter-spacing: -0.5px;
    color: #39C8DC;
    margin-bottom: 3rem
}

.main-landing-subtitle {
    margin-bottom: 2rem
}

.main-landing-descr {
    margin-bottom: 1rem
}

.main-landing-descr:last-of-type {
    margin-bottom: 2rem
}

.main-landing-list {
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 2.5rem
}

.main-landing-list-item {
    position: relative;
    padding-left: 2.2rem;
    margin-bottom: 1rem
}

.main-landing-list-item:before {
    content: "";
    display: block;
    width: 14px;
    height: 12px;
    background: url(/assets/landing/document_manager/img/check-list.svg) no-repeat center center;
    position: absolute;
    top: 6px;
    left: 0
}

.page-section-btn {
    padding-top: 4rem;
    text-align: center
}

.facebook-chat-icon {
    display: inline;
    vertical-align: middle;
    width: 24px;
    margin: 0 4px
}

.how-to-start-bg {
    background: url(../bg/bg-how-to-start.jpg) no-repeat 0 80% fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.how-to-start-row {
    display: flex;
    font-family: Roboto;
    font-style: normal;
    margin-bottom: 10rem
}

.how-to-start-row:last-child {
    margin-bottom: 0
}

.how-to-start-col {
    display: flex;
    flex-direction: column;
    width: 50%
}

.how-to-start-col:nth-of-type(odd) {
    padding-right: 2.2rem
}

.how-to-start-col:nth-of-type(even) {
    padding-left: 2.2rem
}

.how-to-start-title-row {
    display: flex;
    align-items: baseline;
    margin-bottom: .9rem
}

.how-to-start-title-num {
    color: #7E57C2;
    font-weight: bold;
    font-size: 5rem;
    line-height: 6rem;
    margin-right: 1rem
}

.how-to-start-title {
    color: rgba(0, 0, 0, 0.7);
    font-weight: 500;
    font-size: 3rem;
    line-height: 4.5rem
}

.how-to-start-img-wrap {
    display: flex;
    justify-content: center;
    margin: auto
}

.how-to-start-img {
    width: 100%
}

.how-to-start-subrow {
    padding-top: 1rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.how-to-start-subcols {
    flex-grow: 1;
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
    padding-right: 4rem
}

.how-to-start-subcols:last-of-type {
    padding-right: 0
}

.how-to-start-subcols .item-title {
    margin-bottom: .5rem
}

.how-to-start-subcols .extra-widget-list {
    margin-top: 0;
    margin-left: 0
}

.how-to-start-subcols .extra-widget-list-item {
    padding-left: 2.3rem;
    margin-top: 1rem
}

.how-to-start-subcols .extra-widget-list-item:first-child {
    margin-top: 0
}

.how-to-start-vertical {
    margin: auto;
    max-width: 42rem
}

.main-image-pos {
    max-width: 809px;
    position: relative;
    left: 24px;
    top: 5%;
    margin-bottom: -75px
}

.how-to-start-faq-subtitle {
    margin-bottom: 3rem
}

.how-to-start-faq-col {
    max-width: 31%;
    margin: 0 1% 1rem;
    flex-grow: 1;
    flex-shrink: 1
}

.how-to-start-faq-col .item-title {
    margin-bottom: 1rem
}

.how-to-start-faq-col .extra-widget-list {
    margin-top: 0;
    margin-left: 0
}

.how-to-start-faq-col .extra-widget-list-item {
    padding-left: 2.3rem;
    margin-top: 1rem
}

.how-to-start-faq-col .extra-widget-list-item:first-child {
    margin-top: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.page-section {
    padding: 6rem 0
}

.border-base {
    border: 1px solid #DEDEDE
}

.border-base-top {
    border-top: 1px solid #DEDEDE
}

.bg-white {
    background-color: #fff
}

.bg-light {
    background-color: #F7F7FA
}

.bg-ultralight {
    background-color: #fbfbfd
}

.bg-medium {
    background-color: #EFF1FB
}

.bg-medium-padded {
    background-color: #EFF1FB;
    position: relative
}

.bg-medium-padded:before {
    background-color: #EFF1FB;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    left: -100%;
    z-index: -1
}

.bg-dark {
    background-color: #E8E8EB
}

.d-flex {
    display: flex
}

.d-block {
    display: block
}

.flex-centered {
    align-items: center;
    justify-content: center
}

.flex-h-start {
    justify-content: flex-start
}

.flex-column {
    flex-direction: column
}

.flex-row {
    flex-direction: row
}

.flex-h-center {
    justify-content: center
}

.flex-v-center {
    align-items: center
}

.flex-grow {
    flex-grow: 1
}

.no-border {
    border: none
}

.no-margin {
    margin: 0
}

.pd-2 {
    padding: 2rem
}

.pd-3 {
    padding: 3rem
}

.pd-4 {
    padding: 4rem
}

.pd-2-1 {
    padding: 2rem 1rem
}

.pd-2-3 {
    padding: 2rem 3rem
}

.pt-0 {
    padding-top: 0
}

.pt-3 {
    padding-top: 3rem
}

.pt-5 {
    padding-top: 3rem
}

.pt-7 {
    padding-top: 7rem
}

.pl-4 {
    padding-left: 4rem
}

.mb-0 {
    margin-bottom: 0
}

.mb-1 {
    margin-bottom: 1rem
}

.mb-2 {
    margin-bottom: 2rem
}

.mb-3 {
    margin-bottom: 3rem
}

.mb-4 {
    margin-bottom: 4rem
}

.mb-5 {
    margin-bottom: 5rem
}

.mb-6 {
    margin-bottom: 6rem
}

.ml-2 {
    margin-left: 2rem
}

.mt-1 {
    margin-top: 1rem
}

.mt-2 {
    margin-top: 2rem
}

.mt-3 {
    margin-top: 3rem
}

.ml-a {
    margin-left: auto
}

.mr-a {
    margin-right: auto
}

.max-width-46 {
    max-width: 46rem
}

.max-width-48 {
    max-width: 48rem
}

.list-centered {
    list-style: disc;
    list-style-position: inside;
    max-width: max-content;
    margin-left: auto;
    margin-right: auto
}

.text-left {
    text-align: left
}

.font-weight-400 {
    font-weight: 400
}

.font-weight-500 {
    font-weight: 500
}

.full-width {
    width: 100%
}

.img-box {
    width: 60px
}

@media (min-width:600px) {
    .wrap {
        width: 50%;
        float: left
    }
}

.test-layout {
    position: absolute;
    z-index: -100;
    opacity: 0
}

@media (max-width:1480px) {
    .main-landing-image-rm {
        right: auto;
        left: 570px
    }
}

@media (max-width:1320px) {
    .main-landing-image {
        right: auto;
        left: 62rem
    }
    .new-widgets-item {
        width: 30.8%
    }
}

@media screen and (max-width:1024px) {
    .header-menu-block {
        margin-top: 1rem
    }
    .swiper-button {
        width: 30px;
        margin: 0 1%
    }
}

@media (max-width:992px) {
    .main-landing-inner,
    .main-landing-section {
        height: 700px
    }
    .main-landing-image-rm {
        top: 30px
    }
}

@media (max-width:902px) {
    .main-landing-image-nw {
        width: 100%;
        margin: 2rem auto
    }
    .main-landing-inner-wide,
    .main-landing-section-circle {
        height: auto
    }
}

@media (max-width:770px) {
    .main-landing-inner,
    .main-landing-section {
        height: auto
    }
    .how-to-video {
        margin-bottom: 3rem
    }
    .main-landing-image-rm {
        display: none
    }
    .main-landing-title {
        margin-top: 5rem
    }
    .new-widgets-item {
        width: 100%;
        margin: 0 auto 5rem
    }
    .new-widgets-item:first-of-type,
    .new-widgets-item:last-of-type {
        margin: 0 auto 5rem
    }
}

@media (max-width:720px) {
    .main-landing-col {
        max-width: 100%
    }
    .questionnaire-row {
        flex-wrap: wrap;
        align-items: flex-start
    }
    .questionnaire-row:before,
    .questionnaire-row:after {
        left: 0
    }
    .questionnaire-row:last-of-type:before {
        display: none
    }
    .questionnaire-col {
        width: 100%
    }
    .questionnaire-col:first-of-type,
    .questionnaire-col:last-of-type {
        padding: 0 0 5rem 2rem;
        align-items: flex-start;
        text-align: left
    }
    .questionnaire-col-m-hide {
        display: none
    }
}

@media (max-width:420px) {
    .main-landing-inner {
        justify-content: flex-end
    }
    .why-use-block-item-icon {
        top: 3.7rem
    }
}

@media (min-width:1850px) {
    .to-down-mouse {
        right: 10%
    }
}

@media screen and (max-height:900px) {
    .header-entry-content {
        padding: 10vh 1.5rem 1vh 1.5rem
    }
    .header-entry-content .banner-descr {
        margin-top: 3.5vh
    }
    .header-entry-content .banner-btn-block {
        margin-top: 4.2vh
    }
    .global-header-download .header-entry-content {
        padding-top: 15vh
    }
}

@media (min-height:1250px) {
    .global-header-front .header-entry:after {
        background-position: center 100%
    }
}

@media (max-width:1520px) {
    .header-menu-wrap {
        position: relative
    }
    .header-menu-lang {
        position: static;
        margin-top: 0;
        transform: none
    }
    .widget-landing .container {
        padding-right: 20px
    }
}

@media (max-width:1460px) {
    .to-down-mouse {
        right: 20px
    }
}

@media (max-width:1346px) {
    .header-menu-link {
        padding: 1.6rem 1.9rem
    }
}

@media (max-width:1280px) {
    .landing-image {
        top: 5px
    }
    .landing-image .landing-image-chart {
        right: 0
    }
}

@media (max-width:1260px) {
    .global-header-front .header-entry:after {
        -webkit-background-size: 92% auto;
        -moz-background-size: 92% auto;
        background-size: 92% auto
    }
    .header-btn-wrap {
        margin-left: 2.7rem
    }
    .header-menu-link {
        padding-left: 1.8rem;
        padding-right: 1.8rem
    }
    .global-header-download .header-btn-wrap {
        margin-left: 1.1rem
    }
    .global-header-download .header-menu-link {
        padding-left: .6rem;
        padding-right: .6rem
    }
}

@media (max-width:1160px) {
    .header-menu-lang {
        display: none
    }
}

@media (max-width:1020px) {
    .header-menu-lang {
        display: block;
        position: static;
        margin-top: 1rem;
        margin-left: 3px
    }
}

@media (max-height:750px) {
    .global-header-front .header-entry:after {
        background-position: center 260px
    }
}

@media (max-width:1800px) {
    .global-header-front .header-entry-content .main-caption {
        max-width: 630px;
        font-size: 4.3rem;
        line-height: 4.9rem
    }
}

@media (max-width:1670px) {
    .landing-image {
        right: -50px
    }
}

@media (max-width:1500px) {
    .global-header-front .header-entry-content .main-caption {
        font-size: 4.1rem
    }
}

@media (max-width:1420px) {
    .global-header-front .landing-image {
        right: auto;
        left: 520px
    }
}

@media (max-width:1280px) {
    .global-header-front .header-entry-content .main-caption {
        max-width: 630px;
        font-size: 3.8rem;
        line-height: 4.3rem
    }
    .global-header-front .landing-image {
        left: 450px
    }
}

@media screen and (max-width:1200px) {
    .header-menu-link {
        padding-left: .8rem;
        padding-right: .8rem
    }
    .header-website-logo {
        margin-right: 1.5rem
    }
    .header-btn-wrap {
        margin-left: 1.5rem
    }
    .global-header-download .header-btn-wrap {
        margin-left: .5rem
    }
    .global-header-download .header-menu-link {
        padding-left: .2rem;
        padding-right: .2rem
    }
}

@media screen and (max-width:1024px),
screen and (max-height:630px) {
    .global-header-landing {
        height: auto;
        display: block
    }
    .header-entry {
        padding: 2rem 0 7rem 0;
        height: auto
    }
    .header-entry-content {
        padding: 7vh 15px
    }
    .global-header-front .header-entry:after {
        background-position: center 240px;
        -webkit-background-size: 82% auto;
        -moz-background-size: 82% auto;
        background-size: 82% auto
    }
    .global-header-download .header-entry-content {
        padding-top: 7vh
    }
    .to-down {
        bottom: 0
    }
    .global-header-front .landing-image {
        width: 471px;
        right: 0;
        left: auto;
        top: 48%;
        transform: translateY(-50%)
    }
    .global-header-front .landing-image .demo-macbook-mobile {
        display: block
    }
    .global-header-front .landing-image .demo-macbook-desktop {
        display: none
    }
    .global-header-front .landing-image .landing-image-progress {
        width: 574px;
        bottom: 3px;
        left: -83px
    }
    .global-header-front .landing-image .landing-image-chart {
        width: 154px;
        top: 28px;
        right: -43px
    }
    .donut-chart-wrapper {
        display: none!important
    }
}

@media screen and (max-width:1024px) {
    .header-news {
        position: fixed;
        background-color: #eafaff
    }
    .global-header {
        padding-top: 5.1rem
    }
    .global-header .global-menu {
        padding: .7rem 0
    }
    .global-header .header-website-logo {
        text-align: center;
        margin: 0 auto
    }
    .global-header .header-website-logo .website-logo .website-logo-svg,
    .global-header .header-website-logo .website-logo .website-logo-svg-use {
        width: 115px;
        height: 37px
    }
    .header-btn-wrap {
        margin-left: 0
    }
    .header-menu-wrap {
        display: none;
        position: fixed;
        top: 51px;
        left: 0;
        bottom: 0;
        z-index: 990;
        overflow-y: auto;
        background-color: #fff;
        width: 250px;
        padding: 3rem 2rem;
        margin: 0;
        -webkit-transform: translateX(-300px);
        -moz-transform: translateX(-300px);
        -ms-transform: translateX(-300px);
        -o-transform: translateX(-300px);
        transform: translateX(-300px);
        -webkit-transition: transform .3s ease-in-out;
        -moz-transition: transform .3s ease-in-out;
        -ms-transition: transform .3s ease-in-out;
        -o-transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
    .header-menu-wrap.header-menu-wrap-visible {
        display: block
    }
    .header-menu-wrap.header-menu-wrap-active {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
    .header-menu {
        flex-direction: column;
        align-items: flex-start
    }
    .header-menu-block {
        text-align: left
    }
    .header-menu-item {
        display: block;
        margin: 1rem 0 0 0
    }
    .header-menu-item:first-child {
        margin-top: 0
    }
    .header-menu-link,
    .global-header-download .header-menu-link {
        padding: 0
    }
    .header-menu-item-drop .header-menu-link {
        border: none
    }
    .header-menu-item-drop .header-menu-link:after {
        margin-top: -0.4rem;
        right: .5rem
    }
    .header-menu-item-drop .header-menu-link.is-opened span:after {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    .header-menu-item-drop .header-menu-dropdown,
    .lang-dropdown {
        display: block;
        border: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        position: static;
        width: auto;
        margin-right: 0;
        padding: 0 0 0 2rem;
        visibility: visible;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
        -webkit-animation: fadeIn .8s 1 ease-in-out;
        -moz-animation: fadeIn .8s 1 ease-in-out;
        -o-animation: fadeIn .8s 1 ease-in-out;
        animation: fadeIn .8s 1 ease-in-out;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        -ms-animation-fill-mode: forwards;
        -o-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
    .lang-dropdown {
        padding: 1rem 0 0 2rem;
        transform: none;
        font-weight: 400
    }
    .lang-dropdown .drop-item-link {
        padding: 0
    }
    .menu-dropdown-row {
        display: block;
        border: none
    }
    .menu-dropdown-part,
    .menu-dropdown-part:first-child {
        width: 100%;
        border: none;
        padding: 0;
        text-align: left;
        margin-top: 1rem
    }
    .menu-dropdown-title {
        font-size: 1.5rem;
        line-height: 2.4rem
    }
    .menu-dropdown-content {
        display: block;
        margin: 0
    }
    p.drop-txt {
        display: none
    }
    .drop-item {
        width: 100%;
        margin-top: 1rem
    }
    .drop-link {
        display: inline-block
    }
    .drop-item-link {
        padding: 0;
        text-align: left;
        border: none
    }
    .drop-item-link .drop-link-icon {
        display: none
    }
    .drop-item-link .drop-link-name {
        margin: 0
    }
    .menu-icon {
        display: block
    }
    .to-down-mouse {
        padding: 1.5rem 1rem 1.1rem 1rem
    }
    .global-header-front {
        padding-top: 9.8rem
    }
    .global-header-front .global-menu {
        top: 45px
    }
    .global-header-front .global-menu .header-menu-wrap {
        top: 92px
    }
    .global-header-front .global-menu.global-menu-visible {
        top: 0
    }
    .global-header-front .global-menu.global-menu-visible .header-menu-wrap {
        top: 51px
    }
}

@media screen and (max-width:1000px) {
    .global-header-front .landing-image {
        left: 530px;
        right: auto
    }
}

@media screen and (max-width:890px) {
    .section-logos-content {
        padding: 0;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around;
        -ms-justify-content: space-around;
        justify-content: space-around
    }
    .section-logos-content .col {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

@media screen and (max-width:840px) {
    .header-entry-content .banner-descr {
        font-weight: 300
    }
    .header-entry-content .banner-btn-block {
        margin-top: 3rem
    }
}

@media screen and (max-width:715px) {
    .header-news {
        height: 5.4rem
    }
    .header-news .header-news-link {
        padding: .2rem 1.5rem
    }
    .global-header-front {
        padding-top: 11rem
    }
    .global-header-front .global-menu {
        top: 52px
    }
    .global-header-front .global-menu .header-menu-wrap {
        top: 143px
    }
    .global-header-front .global-menu.global-menu-visible {
        top: 0
    }
    .global-header-front .global-menu.global-menu-visible .header-menu-wrap {
        top: 51px
    }
}

@media (max-width:800px),
screen and (max-height:630px) {
    .global-header-front .header-entry {
        text-align: center
    }
    .global-header-front .landing-image {
        display: none
    }
    .global-header-front .header-entry-content .main-caption {
        max-width: 100%
    }
}

@media screen and (max-width:720px) {
    .to-down-mouse {
        display: none
    }
}

@media screen and (max-width:620px) {
    .header-entry-content {
        padding: 2rem 15px 4rem 15px
    }
    .global-header-download .header-entry-content {
        padding-top: 3vh
    }
}

@media screen and (max-width:575px) {
    .global-header-front .header-entry:after {
        background-position: center 200px
    }
}

@media screen and (max-width:460px) {
    .global-header-front .header-entry:after {
        background-position: center 270px
    }
}

@media screen and (max-height:420px) {
    .global-header-front .header-entry:after {
        background-position: center 140px
    }
}

@media screen and (max-width:400px) {
    .header-news {
        height: 7.4rem
    }
    .header-news .header-news-link {
        line-height: 2.2rem
    }
    .global-header-front {
        padding-top: 13rem
    }
    .global-header-front .global-menu {
        top: 72px;
        padding: 1.7rem 0
    }
    .global-header-front .global-menu .header-menu-wrap {
        top: 145px
    }
}

@media screen and (max-width:315px) {
    .global-header-front .global-menu {
        padding: .7rem 0
    }
    .global-header-front .global-menu .header-menu-wrap {
        top: 160px
    }
}

@media screen and (max-width:1024px) {
    .footer-list {
        margin-bottom: 4rem
    }
    .footer-description-wrap {
        max-width: 100%
    }
    .footer-description-wrap-mobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        padding: 0
    }
    .footer-description-wrap-mobile .footer-contact-wrap {
        -webkit-order: 2;
        -moz-order: 2;
        -ms-order: 2;
        order: 2;
        padding: 0 1.5rem
    }
    .footer-description-wrap-mobile .footer-copyright-wrap {
        -webkit-order: 0;
        -moz-order: 0;
        -ms-order: 0;
        order: 0;
        margin-top: 0;
        padding: 0 1.5rem
    }
    .footer-description-wrap-mobile .footer-copyright-wrap .footer-copyright-block {
        max-width: 270px;
        margin-bottom: .7rem
    }
    .footer-description-wrap-mobile .footer-terms-wrap {
        -webkit-order: 1;
        -moz-order: 1;
        -ms-order: 1;
        order: 1;
        padding: 0 1.5rem;
        margin-top: 0
    }
    .footer-description-wrap-mobile .footer-terms-list .footer-terms-item {
        display: block;
        margin-right: 0
    }
    .global-footer-wrap-short .footer-description-wrap {
        width: 100%
    }
}

@media screen and (max-width:770px) {
    .footer-description-wrap-mobile .footer-contact-wrap {
        -webkit-order: 1;
        -moz-order: 1;
        -ms-order: 1;
        order: 1
    }
    .footer-description-wrap-mobile .footer-terms-wrap {
        width: 100%;
        -webkit-order: 2;
        -moz-order: 2;
        -ms-order: 2;
        order: 2;
        margin-top: 1.5rem
    }
    .footer-description-wrap-mobile .footer-terms-list .footer-terms-item {
        display: inline-block;
        margin-right: 1.5rem
    }
    .global-footer-wrap-short .footer-description-wrap .footer-copyright-wrap {
        width: 55%
    }
    .global-footer-wrap-short .footer-description-wrap .footer-contact-wrap {
        -webkit-order: 1;
        -moz-order: 1;
        -ms-order: 1;
        order: 1;
        width: 45%
    }
    .global-footer-wrap-short .footer-description-wrap .footer-terms-wrap {
        -webkit-order: 2;
        -moz-order: 2;
        -ms-order: 2;
        order: 2;
        width: 100%;
        margin-top: 1.5rem
    }
    .global-footer-wrap-short .footer-terms-list .footer-terms-item {
        display: inline-block;
        margin-right: 1.5rem
    }
    .global-footer-wrap-short .footer-terms-list .footer-terms-item:last-child {
        margin-right: 0
    }
}

@media screen and (max-width:560px) {
    .global-footer-wrap {
        padding: 3rem 0
    }
    .footer-list {
        width: 100%;
        margin-bottom: 0
    }
    .footer-list .footer-list-item {
        display: none
    }
    .footer-list .footer-list-item.mob-visible {
        display: block;
        margin-top: 0;
        margin-bottom: 1rem
    }
    .footer-description-row {
        margin-top: 2.3rem
    }
    .footer-description-row:first-child {
        margin-top: 2.3rem
    }
    .footer-description-wrap-mobile .footer-contact-wrap {
        -webkit-order: 0;
        -moz-order: 0;
        -ms-order: 0;
        order: 0;
        width: 100%
    }
    .footer-description-wrap-mobile .footer-copyright-wrap {
        -webkit-order: 1;
        -moz-order: 1;
        -ms-order: 1;
        order: 1;
        width: 100%;
        margin-top: 2.3rem
    }
    .footer-description-wrap-mobile .footer-email-list {
        margin-top: 2.3rem
    }
    .global-footer-wrap-short .footer-description-wrap .footer-copyright-wrap,
    .global-footer-wrap-short .footer-description-wrap .footer-contact-wrap,
    .global-footer-wrap-short .footer-description-wrap .footer-terms-wrap {
        width: 100%
    }
    .global-footer-wrap-short .footer-description-wrap .footer-contact-wrap {
        -webkit-order: 0;
        -moz-order: 0;
        -ms-order: 0;
        order: 0
    }
    .global-footer-wrap-short .footer-description-wrap .footer-copyright-wrap {
        -webkit-order: 1;
        -moz-order: 1;
        -ms-order: 1;
        order: 1;
        margin-top: 2.3rem
    }
    .global-footer-wrap-short .footer-email-list {
        margin-top: 2.3rem
    }
}

@media screen and (max-width:1380px) {
    .why-use-col {
        width: 33%;
        padding: 1.9%
    }
}

@media screen and (max-width:1260px) {
    .evaluating-box {
        margin-top: 6rem
    }
    .evaluating-box-img-wrap {
        margin-top: -5.1rem
    }
    .evaluating-box-img {
        max-width: 15rem;
        max-height: 10rem
    }
}

@media screen and (max-width:1152px) {
    .widgets-wrap {
        height: 310px
    }
    .widget-table {
        font-size: 1.3rem;
        line-height: 2.4rem;
        margin-bottom: 1.5rem
    }
    .widgets-column-title {
        font-size: 1.4rem;
        line-height: 2.4rem
    }
    .widget-table:first-child .widgets-column-title {
        line-height: 3rem
    }
    .widgets-list {
        margin-top: 2rem
    }
    .widgets-list-item {
        margin-top: 1.5rem
    }
    .widgets-list-item:first-child {
        margin-top: 0
    }
    .widgets-item .widgets-item-name {
        margin-left: .5rem
    }
    .widget-table:first-child .widgets-column-title {
        padding: 0 1rem
    }
    .widget-table:first-child .widgets-list-item {
        padding: 0 1rem
    }
    .widget-table:last-child .widgets-column-title {
        padding: 0 1rem
    }
    .widget-table:last-child .widgets-list-item {
        margin-bottom: 1.5rem;
        padding: 0 1rem
    }
    .widget-table:nth-child(2) .widgets-table-column {
        padding: 0 1rem
    }
}

@media screen and (max-width:1024px) {
    .section-info-row {
        padding: 3rem 0;
        text-align: center
    }
    .section-info-row .info-row-description,
    .section-info-row .info-row-btn {
        max-width: 100%;
        width: 100%;
        padding: 0
    }
    .section-info-row .info-row-btn {
        margin-top: 1.5rem
    }
    .evaluating-boxes-section {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .evaluating-box-wrap {
        width: 50%;
        margin-bottom: 2rem
    }
    .evaluating-box {
        padding-bottom: 3.5rem
    }
    .grade-box {
        margin-top: 7rem
    }
    .grade-box-img-wrap {
        margin-top: -6.4rem
    }
    .grade-box-img {
        max-width: 18rem;
        max-height: 12.6rem
    }
}

@media screen and (max-width:990px) {
    .widgets-wrap {
        height: 70px
    }
    .widget-table:first-child .widgets-column-title {
        float: none;
        line-height: 2.4rem
    }
    .widget-table:first-child .widgets-list {
        margin: 1rem 0 0 0
    }
    .widget-table:nth-child(2) {
        display: block
    }
    .widget-table:nth-child(2) .widgets-table-column {
        width: 100%;
        padding: 0
    }
    .widget-table:nth-child(2) .widgets-table-column .widgets-column-title {
        margin-top: 2rem
    }
    .widget-table:nth-child(2) .widgets-table-column .widgets-column-title:first-child {
        margin-top: 0
    }
    .widget-table:nth-child(2) .widgets-column-title,
    .widget-table:last-child .widgets-column-title {
        padding: 0 1rem
    }
    .widget-table:nth-child(2) .widgets-list,
    .widget-table:last-child .widgets-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        margin-top: 1rem;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .widget-table:nth-child(2) .widgets-list .widgets-list-item,
    .widget-table:last-child .widgets-list .widgets-list-item {
        margin: 0 0 1rem 0;
        width: 25%;
        padding: 0 1rem
    }
    .widgets-wrap-more {
        margin-top: 2rem
    }
    .why-use-col {
        width: 100%;
        padding: 1.9%;
        max-width: 100%
    }
    .why-use-new-block-item {
        padding: 8rem 0 0 0;
        width: 100%
    }
    .why-use-new-block-item-icon {
        left: 50%;
        transform: translateX(-50%)
    }
}

@media screen and (max-width:840px) {
    .evaluating-box-img {
        padding: 0 2rem
    }
    .grade-box-img {
        padding: 0 2rem
    }
    .table-info-head {
        font-size: 1.6rem;
        line-height: 2.5rem
    }
    .table-info-body {
        font-size: 1.4rem;
        line-height: 2.3rem
    }
    .table-info-col {
        padding: 1rem .5rem
    }
}

@media (max-width:770px) {
    .evaluating-box {
        padding: 0 2rem 2.5rem 2rem
    }
    .grade-box {
        padding: 0 2rem 2rem 2rem
    }
    .grade-box-img-wrap {
        margin-top: -4.6rem
    }
    .grade-box-img {
        max-width: 13rem;
        max-height: 9rem
    }
}

@media screen and (max-width:720px) {
    .widgets-wrap {
        height: 110px
    }
    .widget-table:first-child .widgets-list-item {
        width: 50%;
        margin: 0 0 1rem 0
    }
    .widget-table:nth-child(2) .widgets-list .widgets-list-item,
    .widget-table:last-child .widgets-list .widgets-list-item {
        width: 33.3%
    }
}

@media screen and (max-width:660px) {
    .why-use-blocks-container {
        margin-bottom: -1.5rem
    }
    .why-use-block-item {
        width: 100%;
        padding: 0 2rem 0 5rem;
        margin-bottom: 1.5rem
    }
}

@media screen and (max-width:560px) {
    .widget-table:nth-child(2) .widgets-list .widgets-list-item,
    .widget-table:last-child .widgets-list .widgets-list-item {
        width: 50%
    }
    .grade-box-txt {
        margin-top: 1rem
    }
}

@media screen and (max-width:480px) {
    .evaluating-box-wrap {
        width: 100%
    }
}

@media screen and (max-width:360px) {
    .widgets-wrap {
        height: 185px
    }
    .widget-table:first-child .widgets-list .widgets-list-item,
    .widget-table:nth-child(2) .widgets-list .widgets-list-item,
    .widget-table:last-child .widgets-list .widgets-list-item {
        width: 100%
    }
}

@media screen and (max-height:900px) {
    .why-use-blocks-container {
        margin-bottom: -4vh
    }
    .why-use-block-item {
        margin-bottom: 4vh
    }
}

@media screen and (max-height:780px) {
    .why-use-blocks-container {
        margin-bottom: -2vh
    }
    .why-use-block-item {
        margin-bottom: 2vh
    }
}

@media screen and (min-width:1850px) {
    .screen-features-img {
        background-position: top right
    }
}

@media screen and (min-width:1925px) {
    .screen-features-img-wrap {
        height: 810px;
        max-width: 1070px
    }
    .screen-features-img {
        background-image: url(/assets/home/dashboardnot-final-2x.png)
    }
}

@media screen and (max-width:1600px) {
    .screen-features-img-wrap {
        height: 660px
    }
}

@media screen and (max-width:1440px) {
    .screen-features-img-wrap {
        height: 600px
    }
}

@media screen and (max-width:1390px) {
    .screen-features-block-lefted .screen-features-content {
        width: 100%
    }
}

@media screen and (max-width:1370px) {
    .screen-features-img-wrap {
        height: 500px;
        padding-left: 115px
    }
    .feature-marker-block-1 {
        width: 46%
    }
    .feature-marker-block-2 {
        width: 45%;
        height: 83%
    }
    .feature-marker-block-5 {
        width: 78%
    }
    .player-demo-block-nav {
        margin-top: .5rem
    }
}

@media screen and (max-width:1300px) {
    .extra-widget-slider .slick-arrow {
        display: none
    }
}

@media screen and (max-width:1280px) {
    .testimonials-slider {
        margin: 9rem 6.4rem 0 6.4rem
    }
    .testimonial-author-contact .comp-inf {
        padding: 0 4px
    }
}

@media screen and (max-width:1200px) {
    .testimonials-slider-inner {
        padding: 0 4rem 2rem 4rem
    }
    .testimonials-slider-inner .slick-arrow {
        bottom: -9rem
    }
    .testimonials-slider-inner .slick-arrow.slick-prev {
        left: 50%;
        margin-left: -10rem
    }
    .testimonials-slider-inner .slick-arrow.slick-next {
        right: 50%;
        margin-right: -10rem
    }
    .testimonials-slider {
        margin: 9.4rem auto 10rem auto
    }
}

@media screen and (max-width:1150px) {
    .showcases-block {
        padding: 2rem
    }
    .showcases-block-part-title {
        margin-bottom: 1.5rem
    }
    .showcases-block-part-list .showcases-block-part-list-item .widgets-item-name {
        margin-left: .5rem
    }
}

@media screen and (max-width:1024px) {
    .section-landing-block {
        padding: 3rem 0;
        overflow: hidden
    }
    .screen-features-img-wrap {
        height: 460px
    }
    .screen-features-img-wrap {
        height: 460px
    }
    .feature-marker {
        font-size: 26px;
        width: 50px;
        height: 50px;
        line-height: 50px;
        bottom: -25px;
        right: -25px
    }
    .feature-marker-block-3 {
        height: 20%
    }
    .testimonials-slider {
        max-width: 80rem
    }
    .showcases-requirements {
        margin: 0 10%
    }
    .showcases-block-wrap {
        margin-top: 2rem;
        background-color: #fff;
        display: block;
        max-width: 40rem;
        margin-left: auto;
        margin-right: auto
    }
    .showcases-block {
        width: 100%;
        display: block
    }
    .showcases-block-resources {
        background-color: #EFF1FB
    }
    .showcases-block-results {
        margin-top: 2rem
    }
    .testimonial-content {
        width: 100%;
        margin-top: 1rem
    }
    .dev-tool-link {
        font-size: 1.8rem;
        line-height: 2.4rem;
        padding: 1.2rem 2rem 1.2rem 2rem
    }
    .smart-dev-block-content {
        font-size: 1.6rem;
        line-height: 2.5rem
    }
}

@media screen and (max-width:992px) {
    .extra-widget-block-wide .extra-widget-svg,
    .extra-widget-block-wide .extra-widget-svg-use {
        width: 70px
    }
    .extra-widget-svg,
    .extra-widget-svg-use {
        width: 35px
    }
    .extra-widget-title {
        font-size: 1.5rem
    }
    .extra-widget-content-img img {
        width: 100%
    }
    .extra-widget-block-row {
        min-height: auto
    }
    .extra-widget-block {
        padding-top: 20px
    }
}

@media screen and (max-width:960px) {
    .feature-marker-block-1 {
        width: 60%;
        height: 40%
    }
    .feature-marker-block-2 {
        width: 50%
    }
    .feature-marker-block-3 {
        width: 95%
    }
    .feature-marker-block-5 {
        width: 90%
    }
}

@media screen and (max-width:840px) {
    .extra-widget-block-row {
        min-height: 125px
    }
    .extra-widget-block {
        padding: 1rem;
        height: 120px
    }
    .extra-widget-title {
        margin-top: .2rem
    }
    .extra-widget-list-item {
        margin-top: .6rem
    }
    .extra-widget-list-item:first-child {
        margin-top: 0
    }
    .screen-features-block {
        display: block
    }
    .screen-features-content-wrap,
    .screen-features-img-wrap {
        width: 100%
    }
    .screen-features-content-wrap {
        padding: 0 20px
    }
    .screen-features-block-lefted .screen-features-img-wrap {
        padding: 20px 15px 0 15px;
        text-align: center;
        height: auto
    }
    .screen-features-content-title:after {
        display: none;
        border: none
    }
    .screen-features-content-code {
        display: none
    }
    .screen-features-img-wrap {
        max-width: 650px;
        margin-left: auto;
        margin-right: auto
    }
    .screen-features-img {
        width: 100%;
        position: static;
        background: none
    }
    .screen-features-img-mobile {
        display: block;
        max-width: 100%
    }
    .feature-marker-block.is-active {
        background: none
    }
    .feature-marker {
        font-size: 24px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        bottom: -20px;
        right: -20px
    }
    .feature-marker-block-1 {
        width: 35%
    }
    .feature-marker-block-2 {
        width: 24%;
        height: 80%
    }
    .feature-marker-block-3 {
        width: 80%;
        height: 23%
    }
    .feature-marker-block-4 {
        width: 85%
    }
    .feature-marker-block-5 {
        width: 76%
    }
    .testimonials-slider {
        margin-top: 7rem
    }
    .section-landing-start-read .page-subtitle {
        margin-bottom: .5rem
    }
    .section-landing-block .section-landing-p {
        margin-bottom: 2rem
    }
}

@media screen and (max-width:800px) {
    .home-widget-wrap .feature-code-block-1 {
        top: 52%
    }
    .home-widget-wrap .feature-code-block-2 {
        top: -10px;
        left: 20%
    }
    .home-widget-wrap .feature-code-block-3 {
        left: 30%;
        top: 20%
    }
    .home-widget-wrap .feature-code-block-4 {
        top: 25%
    }
    .home-widget-wrap .feature-code-block-5 {
        bottom: 20%;
        left: 15%
    }
    .home-widget-wrap .feature-code-block-6 {
        bottom: 10%;
        right: 34%
    }
    .home-widget-wrap .feature-code-block-7 {
        bottom: 100px
    }
    #doctor-appointment-demo-box-code,
    .home-widget-image {
        display: block
    }
    #doctor-appointment-demo-box {
        display: none
    }
    .testimonial-author-contact .comp-inf {
        display: none
    }
    .testimonial-author-avatar {
        width: 80px;
        height: 80px
    }
}

@media screen and (max-width:560px) {
    .home-widget-wrap .feature-code-block-2 {
        top: -20px
    }
    .home-widget-wrap .feature-code-block-3 {
        left: 25%
    }
    .home-widget-wrap .feature-code-block-4 {
        top: 35%;
        right: 18%
    }
    .home-widget-wrap .feature-code-block-5 {
        bottom: 25%;
        left: 10%
    }
    .home-widget-wrap .feature-code-block-6 {
        right: 45%
    }
    .home-widget-wrap .feature-code-block-7 {
        bottom: 23%;
        right: 16%
    }
}

@media screen and (max-width:410px) {
    .home-widget-wrap .feature-code-block-7 {
        bottom: 25%;
        right: 18%
    }
}

@media screen and (max-width:800px) {
    .extra-widget-title {
        font-size: 1.4rem
    }
    .extra-widget-list-item {
        margin-top: .7rem
    }
    .extra-widget-list-item:first-child {
        margin-top: 0
    }
    .extra-widget-slider .slick-slide {
        margin: 0 10px;
        flex-wrap: wrap
    }
    .extra-widget-slider .extra-widget-content-img {
        width: 100%;
        margin-bottom: 2rem
    }
    .extra-widget-slider .extra-widget-content-img img {
        max-width: 100%
    }
    .extra-widget-slider .extra-widget-content-descr {
        width: 100%;
        padding: 0
    }
    .extra-widget-slider .extra-widget-content-descr .btn-contour {
        margin: 3rem auto 0;
        display: block;
        max-width: max-content
    }
}

@media screen and (max-width:770px) {
    .showcases-requirements {
        margin: 0
    }
    .testimonial-content {
        padding: 1.5rem 0 0 7rem
    }
    .testimonials-slider-inner .slick-arrow {
        bottom: -7rem
    }
}

@media screen and (max-width:720px) {
    .testimonials-slide {
        margin-top: 2rem
    }
    .section-landing-demo {
        display: none
    }
    .dev-tool-link {
        padding: 1rem 1.5rem 1.1rem 1.5rem
    }
    .extra-widget-title {
        margin-top: .2rem;
        font-size: 1.5rem
    }
}

@media screen and (max-width:660px) {
    .testimonials-slider-inner {
        padding: 0 2rem 2rem 2rem
    }
    .testimonial-content {
        padding: 1.5rem 0 0 6rem
    }
    .testimonial-content:before {
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -ms-transform: scale(.7);
        -o-transform: scale(.7);
        transform: scale(.7)
    }
}

@media screen and (max-width:620px) {
    .extra-widget-content-wrap {
        margin-top: 0
    }
    .extra-widget-content-img {
        width: 100%;
        text-align: center;
        margin-top: 15px
    }
    .extra-widget-content-descr {
        width: 100%;
        padding: 0;
        margin-top: 1.8rem
    }
    .extra-widget-content-descr .btn-contour {
        margin-top: 2.2rem
    }
    .extra-widget-list {
        margin: 1.8rem 0 0 1.9rem
    }
    .extra-widget-list-item {
        padding-left: 2.8rem
    }
    .extra-widget-list-item:before {
        top: 3px
    }
    .testimonials-slider-indicators {
        margin-top: -40px
    }
    .testimonial-author-avatar {
        width: 50px;
        height: 50px
    }
    .testimonial-author-contact .name {
        font-size: 1.4rem;
        line-height: 2.1rem
    }
    .testimonial-author-contact .comp-inf {
        font-size: 1.3rem;
        line-height: 1.9rem
    }
    .testimonial-author.slick-current .testimonial-author-avatar {
        border-width: 3px;
        margin-top: -5px
    }
    .smart-dev-block-row {
        -ms-flex-pack: justify;
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around;
        -ms-justify-content: space-around;
        justify-content: space-around
    }
    .dev-tool-link {
        margin: 0 1.5% 1.5rem 1.5%;
        -webkit-flex-basis: 180px;
        -moz-flex-basis: 180px;
        -ms-flex-basis: 180px;
        flex-basis: 180px
    }
    .smart-dev-block-content {
        margin-top: 1.3rem
    }
    .smart-dev-block-content .more-info-block-link {
        margin-top: 1.5rem
    }
    .smart-dev-block-content .more-info-block-link {
        box-shadow: none
    }
    .smart-dev-block-content .more-info-block-link.mob-visible {
        display: inline-block;
        padding: 0
    }
    .smart-dev-block-content .more-info-block-link.mob-visible:after {
        display: none
    }
    .smart-dev-block-content .more-info-block-link .more-info-block-info {
        display: block;
        position: static;
        width: auto;
        height: auto
    }
    .smart-dev-block-content .more-info-block-link .more-info-block-btn {
        margin-top: 2rem;
        opacity: 1;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}

@media screen and (max-width:480px) {
    .showcases-block {
        min-height: 22rem
    }
    .testimonial-content {
        padding: 4rem 0 1rem 0
    }
    .testimonial-content:before {
        top: -3px
    }
    .dev-tool-link {
        margin: 0 1.5% 1rem 1.5%;
        -webkit-flex-basis: 180px;
        -moz-flex-basis: 180px;
        -ms-flex-basis: 180px;
        flex-basis: 180px
    }
    .smart-dev-block-content {
        margin-top: 1rem
    }
}

@media screen and (max-width:440px) {
    .testimonial-author-contact {
        display: none
    }
    .showcases-block-part-list {
        display: block
    }
    .showcases-block-part-list .showcases-block-part-list-item {
        width: 100%;
        margin-bottom: .5rem
    }
    .testimonial-author-avatar {
        width: 35px;
        height: 35px
    }
}

@media screen and (max-height:900px) {
    .extra-widget-content-descr .btn-contour {
        margin-top: 5vh
    }
}

@media screen and (max-height:780px) {
    .extra-widget-title {
        margin-top: .2rem;
        font-size: 1.7rem
    }
    .extra-widget-list-item {
        margin-top: .6rem
    }
    .extra-widget-list-item:first-child {
        margin-top: 0
    }
}

@media screen and (max-width:1595px) {
    .widget-main-sidebar.is-fixed {
        margin-right: 0;
        right: 2rem
    }
    .widget-main-sidebar.is-not-fixed {
        margin-right: 0
    }
}

@media screen and (max-width:1480px) {
    .cases-carousel {
        padding: 0 45px
    }
    .cases-carousel:before,
    .cases-carousel:after {
        width: 65px
    }
    .cases-carousel .slick-arrow.slick-prev {
        left: 5px
    }
    .cases-carousel .slick-arrow.slick-next {
        right: 5px
    }
    .widgetS-page-section .evaluating-box-wrap {
        width: 50%
    }
}

@media screen and (max-width:1380px) {
    .service-chart-title {
        font-size: 1.5rem;
        white-space: nowrap
    }
    .col-widget-bar-double {
        margin-left: 0;
        flex-shrink: 0;
        margin-right: 0
    }
    .integration-article {
        margin: 0 .5rem 4rem
    }
}

@media screen and (max-width:1280px) {
    .services-scope__body {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .techn-components {
        margin: -1.5rem
    }
    .techn-component-elem {
        padding: 1.5rem
    }
    .table-detail-block {
        min-height: 15rem
    }
    .main-image-pos {
        top: 15%
    }
}

@media screen and (max-width:1250px) {
    .widgetС-main-header-bg {
        overflow: hidden
    }
    .widgets-sidebar-wrap {
        display: none;
        position: fixed;
        top: 60px;
        left: 0;
        bottom: 0;
        z-index: 900;
        overflow-y: auto;
        width: 215px;
        margin: 0;
        -webkit-transform: translateX(-215px);
        -moz-transform: translateX(-215px);
        -ms-transform: translateX(-215px);
        -o-transform: translateX(-215px);
        transform: translateX(-215px);
        -webkit-transition: transform .3s ease-in-out;
        -moz-transition: transform .3s ease-in-out;
        -ms-transition: transform .3s ease-in-out;
        -o-transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }
    .widgets-sidebar-wrap.widgets-sidebar-wrap-visible {
        display: block
    }
    .widgets-sidebar-wrap.widgets-sidebar-wrap-active {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
    .widgets-sidebar-btn {
        display: block
    }
    .widget-main {
        margin-left: 0;
        overflow: hidden
    }
    .widget-menu-icon {
        display: block
    }
    .section-evaluation-padded {
        padding-left: 0
    }
    .rival-block-descr {
        padding-left: 0
    }
    .widgetS-page-section .evaluating-box-wrap {
        width: 25%
    }
    .support-box {
        margin-bottom: 2.5rem
    }
}

@media screen and (max-width:1200px) {
    .thank-you-section {
        padding: 3.5rem 0 1.5rem 0
    }
    .licenses-info-block {
        min-height: 25rem
    }
    .licenses-info-block .news-block {
        padding: 3rem 2rem
    }
    .licenses-info-block .news-block-part {
        margin-top: 2rem
    }
    .pricing-cols-list {
        columns: auto
    }
    .table-licenses-multi {
        flex-wrap: wrap
    }
    .table-position-plans {
        position: static;
        width: 100%;
        flex-grow: 1;
        border-bottom: 0;
        border-top-style: solid
    }
    .modules-view .modules-view-demo {
        width: 75%
    }
}

@media screen and (max-width:1180px) {
    .service-chart-title {
        font-size: 1.4rem
    }
    .example-download-box {
        flex-basis: 26rem
    }
    .startup-expects-img {
        margin: 3rem auto 0
    }
    .service-chart-img {
        max-width: 12rem;
        margin: 0 auto
    }
    .techn-component-elem {
        width: 20%
    }
    .companies-column1,
    .companies-column2,
    .companies-column3 {
        width: 100%
    }
    .companies-column1 .col-company-block,
    .companies-column3 .col-company-block {
        width: 25%
    }
    .companies-column2 {
        -webkit-order: 0;
        -moz-order: 0;
        -ms-order: 0;
        order: 0
    }
    .companies-column1 {
        -webkit-order: 1;
        -moz-order: 1;
        -ms-order: 1;
        order: 1
    }
    .companies-column3 {
        -webkit-order: 2;
        -moz-order: 2;
        -ms-order: 2;
        order: 2
    }
    .table-licenses-item {
        width: 50%;
        border-right: 1px solid #DEDEDE;
    }
    .table-licenses-item:nth-of-type(1),
    .table-licenses-item:nth-of-type(2) {
        border-bottom: none
    }
    .price-block-link {
        padding: 1.4rem 5%;
        flex-grow: 1
    }
    .price-block-link:first-of-type {
        border-radius: .4rem 0 0 .4rem
    }
    .price-block-link:last-of-type {
        border-radius: 0 .4rem .4rem 0
    }
    .section-404-content {
        top: 8.6vw;
        left: 14.62vw
    }
    .section-404-title {
        font-size: 23vw;
        line-height: 24.5vw
    }
    .section-404-subtitle {
        font-size: 7.74vw;
        line-height: 8.4vw;
        margin-left: -3.784vw
    }
    .section-404-bottom {
        display: none
    }
    .section-404-bottom-mobile {
        display: block
    }
    .page-subtitle-404 {
        margin-bottom: 5rem
    }
}

@media screen and (max-width:1024px) {
    .title-medium-36 {
        font-size: 2.8rem
    }
    .services-company-overview-title {
        font-size: 2.4rem
    }
    .services-company-overview {
        margin-top: 5rem
    }
    .techn-components {
        padding-top: 3rem
    }
    .cases-carousel-container {
        padding-top: 3rem
    }
    .about-xb__title {
        font-size: 5.6rem
    }
    .about-xb__label {
        font-size: 1.4rem;
        line-height: 2rem;
        padding-top: 1.76rem
    }
    .services-scope-container {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0;
        padding-top: 7rem
    }
    .services-scope-elem {
        width: 100%;
        max-width: 800px;
        padding: 0;
        margin-top: 6rem;
        margin-left: auto;
        margin-right: auto
    }
    .services-scope-elem:first-child {
        margin-top: 0
    }
    .services-scope__body {
        padding-top: 5rem
    }
    .services-scope__icon-elem {
        top: -43px;
        margin-left: -43px;
        border-width: 5px
    }
    .services-scope__icon {
        width: 76px;
        height: 76px
    }
    .service-chart {
        width: 33.33333333%
    }
    .service-chart-title {
        margin-bottom: 1.5rem
    }
    .services-footer-text {
        font-size: 1.8rem
    }
    .btn-admin-dashboard {
        display: flex;
        align-items: center;
        margin: 0 1rem 2rem
    }
    .cases-carousel {
        padding: 0 30px;
        margin: 0 -10px
    }
    .cases-carousel:before,
    .cases-carousel:after {
        display: none
    }
    .cases-carousel .slick-arrow {
        width: 30px;
        background-size: 12px
    }
    .case-item-elem {
        padding: 0 10px
    }
    .case-item__link-title {
        font-size: 1.8rem
    }
    .faq-wrap {
        padding: 1.5rem 4rem 0 9rem
    }
    .faq-wrap:before {
        width: 7rem;
        height: 7rem
    }
    .faq-block-top {
        padding: 2rem
    }
    .faq-block-body {
        padding: 0 5rem 2rem 2rem
    }
    .faq-block-container {
        margin: 0 -15px
    }
    .faq-block-container .faq-block-top-bar:before {
        top: 12px
    }
    .techn-component {
        padding: 15px
    }
    .video-block-container {
        margin-bottom: 3rem
    }
    .video-container {
        -ms-flex-pack: justify;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center
    }
    .demos-container .row-grid {
        -ms-flex-pack: justify;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center
    }
    .demo-block-container {
        margin-top: 3rem
    }
    .demo-block {
        padding-bottom: 0
    }
    .demo-block-img-wrap {
        height: auto
    }
    .demo-block-img-wrap:before {
        height: 5.5rem
    }
    .demo-block-descr {
        position: static
    }
    .demo-btn-row {
        opacity: 1
    }
    .pricing-pack span {
        display: block
    }
    .company-block {
        margin: 1.5rem 0
    }
    .widgets-sidebar-wrap,
    .widget-menu-icon {
        display: none
    }
    .widget-features-block {
        width: 65%
    }
    .widget-features-block-links {
        width: 35%
    }
    .widget-features-list {
        margin-top: 1rem
    }
    .widget-features-list:first-child {
        margin-top: 0
    }
    .widget-features-list:first-child,
    .widget-features-list:nth-child(2),
    .widget-features-list:last-child {
        width: 100%
    }
    .widget-features-block-wide .widget-features-list:first-child,
    .widget-features-block-wide .widget-features-list:nth-child(2),
    .widget-features-block-wide .widget-features-list:last-child {
        width: 100%
    }
    .widget-main-sidebar {
        display: none
    }
    .widgets-content-wrap {
        margin-right: 0
    }
    .section-widgets-block {
        display: block !important
    }
    .webixjet-top-page {
        max-width: 85rem
    }
    .modules-descr {
        -webkit-animation-delay: .8s;
        -moz-animation-delay: .8s;
        -ms-animation-delay: .8s;
        -o-animation-delay: .8s;
        animation-delay: .8s
    }
    .modules-view {
        margin-top: 3rem;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .modules-view .modules-view-code {
        min-width: 290px;
        width: 100%;
        max-width: 100%;
        margin: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        text-align: center;
        -webkit-order: 1;
        -moz-order: 1;
        -ms-order: 1;
        order: 1;
        margin-top: 2.5rem;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none
    }
    .modules-view .modules-view-code-rows {
        display: inline-block;
        vertical-align: top;
        width: 100%;
        max-width: 60rem;
        text-align: left
    }
    .modules-view .modules-view-code-rows code {
        overflow-y: auto
    }
    .modules-view .modules-view-demo {
        width: 100%;
        -webkit-order: 0;
        -moz-order: 0;
        -ms-order: 0;
        order: 0
    }
    .widgetS-container {
        margin: 0
    }
    .widgetS-block-container {
        margin-top: 0;
        margin-bottom: 3rem
    }
    .top-page-section-h {
        padding: 7rem 0 7rem
    }
    .page-contact-item {
        padding-top: 4rem;
        margin-bottom: 5rem
    }
    .resources-links>div:nth-of-type(odd) {
        text-align: left
    }
    .header-menu-item-drop:hover .lang-dropdown {
        transform: none
    }
    .header-menu-item-drop .header-menu-link:hover {
        color: inherit;
        background-color: #fff;
        border-color: rgba(0, 0, 0, 0.1)
    }
    .header-menu-item-drop .header-menu-link:hover span:after {
        border-color: rgba(0, 0, 0, 0.7) transparent;
        transform: none
    }
}

@media screen and (max-width:990px) {
    .chess-content-code {
        min-width: 51rem
    }
    .how-to-start-row {
        flex-direction: column
    }
    .how-to-start-row:nth-child(odd) {
        flex-direction: column-reverse
    }
    .how-to-start-col {
        width: 100%;
        padding: 0 2.2rem
    }
    .how-to-start-img-wrap {
        display: flex;
        justify-content: center;
        margin: 0 auto 3rem
    }
    .how-to-start-faq-col {
        max-width: 42rem;
        margin: 0 2rem 3rem
    }
}

@media screen and (max-width:960px) {
    .member-photo-img {
        width: 100%
    }
    .charts-industry {
        margin-top: 3rem
    }
    .charts-client-country {
        margin-top: 5rem
    }
    .widgetC-screen-indicators .screen-marker {
        width: 4.6rem !important;
        height: 4.6rem;
        font-size: 2.4rem;
        line-height: 4.6rem
    }
    .widgetC-features-tab {
        margin-top: 1rem
    }
    .widgetC-features-tab:first-child {
        margin-top: 0
    }
    .widgetC-features-tab .widgetC-features-title-txt {
        font-size: 1.6rem;
        line-height: 2.5rem;
        margin-left: 2.8rem
    }
    .widgetC-features-tab .widgetC-features-title-icon {
        width: 1.5rem;
        height: 1.5rem;
        border-width: 1px;
        margin-top: 5px
    }
    .widgetC-features-tab .widgetC-features-title-icon:after {
        width: .7rem;
        height: .7rem;
        margin: -0.35rem 0 0 -0.35rem
    }
    .col-widget-bar {
        padding-left: 1rem;
        padding-right: 1rem;
        width: 14rem
    }
    .widget-bar,
    .widget-complex-bar {
        width: 12rem;
        height: 11rem;
        margin: 1rem 0
    }
    .widgets-bar-limited {
        height: 380px
    }
    .col-widget-bar-double {
        width: 28rem
    }
    .widgetS-page-section .evaluating-box-wrap {
        width: 50%
    }
    .examples-col:nth-child(2) {
        order: 3
    }
}

@media screen and (max-width:880px) {
    .example-download-box {
        flex-basis: 35rem
    }
    .startup-support-item {
        width: 100%;
        margin: 0 auto 5rem;
        max-width: 44.5rem
    }
    .table-licenses-link {
        display: block;
        margin: 12px auto 2px;
        width: 16px
    }
}

@media screen and (max-width:840px) {
    .top-page-section {
        padding: 7rem 0 6rem 0
    }
    .top-page-section-xl {
        padding: 11rem 0 7rem 0
    }
    .top-page-section-btn {
        margin: 2rem 0 0 0
    }
    .top-page-section-columns {
        margin-top: 2rem
    }
    .page-section {
        padding: 5rem 0
    }
    .page-section-xl {
        padding: 5rem 0
    }
    .thanks-description .thanks-descr-txt {
        font-size: 1.68rem;
        line-height: 2.5rem
    }
    .download-contact {
        padding: 5rem 0 9rem 0
    }
    .download-contact-descr {
        font-size: 1.7rem;
        line-height: 2.5rem;
        font-weight: 300
    }
    .info-block-descr {
        font-size: 1.8rem;
        line-height: 2.5rem;
        font-weight: 400
    }
    .faq-wrap {
        padding: 1rem 2rem 0 8rem
    }
    .faq-wrap:before {
        width: 6rem;
        height: 6rem
    }
    .faq-block-top {
        padding: 2rem
    }
    .card-banner-item {
        margin-bottom: 3rem
    }
    .card-banner {
        padding: 2rem 3rem
    }
    .card-banner-contacts {
        margin-top: 2rem
    }
    .team-members {
        -ms-flex-pack: justify;
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around;
        -ms-justify-content: space-around;
        justify-content: space-around
    }
    .xb-thanks-block {
        padding: 0 2rem 4rem 2rem
    }
    .xb-logo-block {
        margin-bottom: 4rem
    }
    .xb-thanks-description {
        font-size: 1.7rem;
        line-height: 2.6rem
    }
    .service-chart {
        width: 33.33333333%
    }
    .service-chart-img {
        max-width: 9rem
    }
    .video-block-title {
        font-size: 1.7rem;
        line-height: 2.5rem
    }
    .video-block-txt {
        margin-top: .5rem
    }
    .video-page-subtitle {
        padding-top: 1rem
    }
    .demo-block-txt {
        margin-top: .5rem
    }
    .companies-blocks-wrap {
        margin-top: 1rem
    }
    .table-position-plans {
        flex-direction: column
    }
    .table-position-plans-part:first-of-type {
        margin: 0 auto 1.5rem
    }
    .table-position-plans-part:last-of-type {
        margin: 0 auto
    }
    .purchase-title {
        font-size: 1.6rem;
        line-height: 2.5rem
    }
    .purchase-package {
        width: 18rem;
        padding: 1rem
    }
    .purchase-package .purchase-package-icon {
        height: 96px;
        line-height: 96px;
        width: 96px
    }
    .purchase-package .pricing-icon .pricing-icon-svg,
    .purchase-package .pricing-icon .pricing-icon-svg-use {
        width: 50px;
        height: 50px
    }
    .purchase-package .purchase-package-title {
        font-size: 1.6rem;
        line-height: 2.5rem;
        margin-top: 1rem
    }
    .widget-pro-big:after {
        font-size: 1rem;
        line-height: 1rem;
        padding: .5rem .9rem .4rem .9rem;
        margin-top: 0;
        margin-left: .6rem
    }
    .widget-pro-sm:after {
        font-size: .8rem;
        line-height: 1.3rem;
        padding: 0 .5rem;
        margin-top: 0
    }
    .widget-main-header {
        padding: 11vh 0 8vh 0
    }
    .widgetC-main-header {
        padding: 6rem 0 0 0;
        overflow: hidden
    }
    .widgetC-main-header .top-page-section-btn {
        margin: 2rem 0 3rem 0
    }
    .widgetC-screen-content-wrap {
        padding-top: 1rem;
        padding-bottom: 1rem
    }
    .widgetC-screen-content {
        font-size: 1.5rem;
        line-height: 2rem
    }
    .widgetC-screen-content .widgetC-screen-title {
        font-size: 1.7rem;
        line-height: 2rem;
        margin-bottom: .5rem
    }
    .widgetC-screen-content-block {
        padding: 0 60px
    }
    .widgetC-screen-content-block .slick-arrow {
        width: 42px;
        height: 41px;
        margin: -20px 0 0 0;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        background-size: contain
    }
    .widgets-content-block {
        margin-top: 3rem
    }
    .widgets-content-block:first-child {
        margin-top: 0
    }
    .widget-page-subtitle {
        margin-bottom: 2rem
    }
    .widgetS-subtitle {
        font-size: 2.5rem;
        line-height: 3.5rem
    }
    .scheduler-demo-block .widget-demo-qr-block {
        display: block;
        margin-left: 0;
        margin-top: 2rem
    }
    .what-is-widget-list .extra-widget-list {
        margin: 0
    }
    .what-is-widget-list .extra-widget-list.text-columns-2 {
        columns: initial
    }
    .top-page-section-h {
        padding: 7rem 0
    }
    .webixjet-top-page-section {
        padding: 7rem 0 5rem 0
    }
    .chess-content {
        padding: 3.5rem 0
    }
}

@media screen and (max-width:770px) {
    .techn-component-elem {
        width: 25%
    }
    .charts-industry,
    .charts-client-country {
        margin: 2rem 0 4rem 0
    }
    .why-partners-block {
        margin: 0 auto 4rem
    }
    .why-partners-header {
        flex-direction: column;
        margin-bottom: 4rem
    }
    .why-partners-icon {
        margin-right: 0;
        margin-bottom: 3rem
    }
    .why-partners-title {
        text-align: center
    }
    .why-partners-article {
        margin-bottom: 2rem;
        max-width: 100%
    }
    .table-licenses-col {
        border-right: 1px solid #DEDEDE
    }
    .pricing-pack span {
        display: inline-block
    }
    .pricing-support-radiobuttons {
        justify-content: center
    }
    .pricing-cols-list {
        columns: 2
    }
    .table-licenses-link {
        display: inline-block;
        margin: 0 10px
    }
    .companies-column1 .col-company-block,
    .companies-column2 .col-company-block,
    .companies-column3 .col-company-block {
        width: 33.33333333%
    }
    .company-block {
        height: 6rem;
        line-height: 6rem
    }
    .main-list-single-tab {
        flex-wrap: wrap
    }
    .main-list-single-tab .pricing-li-checked {
        margin-right: 0;
        margin-bottom: 1.5rem
    }
    .main-list-single-tab {
        flex-direction: column;
        align-items: flex-start
    }
    .grid-widgets-bar {
        margin-top: .5rem
    }
    .widgets-bar-limited {
        height: 265px
    }
    .section-webixjet-info {
        padding: 2rem 0
    }
    .webixjet-info {
        padding-bottom: 2rem
    }
    .chess-content .row-grid {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .chess-content:nth-child(2n) .chess-content-text {
        -webkit-order: 0;
        -moz-order: 0;
        -ms-order: 0;
        order: 0
    }
    .chess-content:nth-child(2n) .chess-content-presentation {
        -webkit-order: 1;
        -moz-order: 1;
        -ms-order: 1;
        order: 1
    }
    .chess-content-presentation {
        margin-top: 2rem
    }
    .chess-content-code {
        min-width: 290px
    }
    .agreements-top-page .main-subtitle {
        padding-left: 0
    }
    .agreements-inner {main-subtitle
        padding-left: 0
    }
    .salesforce-custom {
        margin-bottom: 5rem;
        width: 100%
    }
    .artwork-img-pos {
        left: 0
    }
    .support-box {
        margin-bottom: 3.5rem
    }
    .support-explore-box {
        margin-bottom: 1.5rem
    }
}

@media screen and (max-width:720px) {
    .thanks-check-svg,
    .thanks-check-use {
        width: 100px;
        height: 100px
    }
    .thanks-description {
        margin-top: 2rem
    }
    .thanks-description .main-subtitle {
        margin-bottom: 1rem
    }
    .widgetC-features-tabs-wrap,
    .widgetC-features-block-wrap {
        width: 100%
    }
    .widgetC-features-block {
        margin-top: 1.5rem
    }
    .widgetC-features-block p {
        margin-top: 1rem
    }
    .widgetC-features-wrap-wide .widgetC-features-tabs-wrap,
    .widgetC-features-wrap-wide .widgetC-features-block-wrap {
        width: 100%
    }
    .section-widgets-block .widgets-sidebar .widgets-list-item {
        width: 33.3%
    }
    .rival-block {
        width: 100%
    }
    .rival-block-img {
        margin-top: 2.5rem;
        text-align: center
    }
    .rival-descr-link {
        text-align: center
    }
    .price-block-link {
        width: 100%;
        margin-bottom: 1.5rem;
        border-right: 1px solid #7E57C2;
        border-radius: .4rem
    }
    .price-block-link:first-of-type,
    .price-block-link:last-of-type {
        border-right: 1px solid #7E57C2;
        border-radius: .4rem
    }
    .purchase-main {
        margin-top: 0;
        margin-right: 0
    }
    .purchase-icon-block {
        float: none;
        width: 100%;
        text-align: left
    }
    .purchase-description {
        margin-left: 0;
        margin-top: 2rem
    }
    .webinars-col {
        border-right: 1px solid #DEDEDE;
        width: 100%;
        margin: 0 15px
    }
    .webinars-col:before,
    .webinars-col:after {
        display: none
    }
}

@media screen and (max-width:660px) {
    .top-page-columns-txt {
        width: 100%;
        max-width: 100%
    }
    .video-block {
        padding: 2rem
    }
    .purchase-packages-blocks {
        -ms-flex-pack: justify;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center
    }
    .purchase-package {
        margin-left: 1rem;
        margin-right: 1rem
    }
    .table-licenses-item {
        width: 100%;
        border-bottom: none
    }
    .table-licenses-item:nth-of-type(2),
    .table-licenses-item:nth-of-type(3) {
        border-bottom: inherit
    }
    .table-licenses-item:last-of-type {
        border-bottom: 1px solid #DEDEDE
    }
    .table-detail-block {
        height: auto
    }
    .widgetC-screen-indicators .screen-marker {
        width: 4rem !important;
        height: 4rem;
        font-size: 2.2rem;
        line-height: 4rem
    }
    .spreadsheet-screen-indicators .screen-marker.screen-marker-1 {
        top: 17%;
        left: 3%
    }
    .spreadsheet-screen-indicators .screen-marker.screen-marker-2 {
        top: 30%
    }
    .spreadsheet-screen-indicators .screen-marker.screen-marker-4 {
        left: 80%
    }
    .examples-col {
        max-width: 100%;
        width: 100%
    }
    .examples-col:nth-child(2) {
        order: initial
    }
}

@media screen and (max-width:620px) {
    .top-page-section-btn-flex {
        flex-wrap: wrap
    }
    .btn-admin-dashboard {
        justify-content: center;
        width: 100%
    }
    .purchase-sidebar {
        margin: 0 auto;
        float: none;
        width: 100%;
        max-width: 35rem;
        min-width: auto
    }
    .purchase-main {
        margin-top: 2rem
    }
    .label-icon {
        display: none
    }
}

@media screen and (max-width:560px) {
    .services-scope-container {
        padding-top: 4rem
    }
    .about-xb-container {
        margin-top: -20px;
        margin-bottom: -20px
    }
    .about-xb-col {
        width: 33.33333333%;
        padding: 20px 0
    }
    .about-xb__title {
        font-size: 3.5rem
    }
    .about-xb__label {
        padding-top: 1.1rem
    }
    .services-scope__icon {
        width: 48px;
        height: 48px
    }
    .services-scope__icon-elem {
        top: -27px;
        margin-left: -27px;
        border-width: 3px
    }
    .services-scope__title {
        font-size: 1.6rem
    }
    .services-scope__body {
        font-size: 1.4rem;
        line-height: 1.6
    }
    .services-scope__list-icon-elem {
        top: 5px
    }
    .services-company-overview-title {
        font-size: 1.9rem
    }
    .service-chart {
        width: 50%
    }
    .techn-components {
        margin: -1rem
    }
    .techn-component-elem {
        padding: 1rem
    }
    .techn-component-elem {
        width: 33.33333333%
    }
    .services-footer-text {
        font-size: 1.6rem
    }
    .services-company-overview {
        margin-top: 3.5rem
    }
    .service-charts-container {
        margin-top: 1.2rem
    }
    .service-chart-title {
        font-size: 1.3rem
    }
    .techn-components,
    .cases-carousel-container {
        padding-top: 1.5rem
    }
    .case-item__link-title {
        font-size: 1.5rem;
        padding: 0 1rem 1.5rem
    }
    .case-item__link-title br {
        display: none
    }
    .companies-column1 .col-company-block,
    .companies-column2 .col-company-block,
    .companies-column3 .col-company-block {
        width: 50%
    }
    .pricing-radio-btn {
        margin-left: 2.6rem;
        margin-right: .7rem
    }
    .table-licenses-col-flex {
        flex-direction: column;
        margin: 1rem auto 0
    }
    .table-licenses-col-individual {
        margin: 0 0 3rem
    }
    .table-licenses-col-individual:last-of-type {
        margin: 0
    }
    .widgets-nav-link {
        width: 100%
    }
    .widget-features-block,
    .widget-features-block-links {
        width: 100%;
        padding-bottom: 1rem;
        padding-top: 1rem
    }
    .widget-features-block-links {
        border-left: none
    }
    .section-widgets-block .widgets-wrap {
        height: 145px
    }
    .section-widgets-block .widgets-sidebar .widgets-list-item {
        width: 50%
    }
    .kanban-screen-indicators .screen-marker.screen-marker-1 {
        top: 5%
    }
    .kanban-screen-indicators .screen-marker.screen-marker-2 {
        top: 33%
    }
    .kanban-screen-indicators .screen-marker.screen-marker-3 {
        top: 57%
    }
    .kanban-screen-indicators .screen-marker.screen-marker-4 {
        top: 55%
    }
    .filemanager-screen-indicators .screen-marker.screen-marker-1 {
        top: 40%;
        left: 3%
    }
    .filemanager-screen-indicators .screen-marker.screen-marker-2 {
        top: 10px
    }
    .filemanager-screen-indicators .screen-marker.screen-marker-3 {
        top: 70%;
        left: 23%
    }
    .documentmanager-screen-indicators .screen-marker.screen-marker-1 {
        top: 14%
    }
    .scheduler-screen-indicators .screen-marker.screen-marker-3 {
        top: 60%
    }
    .pivot-table-screen-indicators .screen-marker.screen-marker-1 {
        top: 44%;
        left: 5%
    }
    .pivot-table-screen-indicators .screen-marker.screen-marker-2 {
        left: 2%
    }
    .pivot-table-screen-indicators .screen-marker.screen-marker-4 {
        top: 66%;
        left: 67%
    }
    .pivot-chart-screen-indicators .screen-marker.screen-marker-1 {
        left: 10%
    }
    .pivot-chart-screen-indicators .screen-marker.screen-marker-2 {
        left: 2%
    }
    .pivot-chart-screen-indicators .screen-marker.screen-marker-3 {
        left: 45%
    }
    .pivot-chart-screen-indicators .screen-marker.screen-marker-4 {
        top: 67%;
        left: 79%
    }
    .widgetC-features-wrap-middle .widgetC-features-tabs-wrap,
    .widgetC-features-wrap-middle .widgetC-features-block-wrap {
        width: 100%
    }
    .widgetC-features-wrap-middle .widgetC-features-tabs-wrap {
        text-align: left
    }
    .widgetC-features-wrap-middle .widgetC-features-tabs-wrap ul {
        margin-right: 0
    }
    .widgetS-page-section .evaluating-box-wrap {
        width: 100%
    }
    .demos-wrap .widgetS-container {
        margin: 0
    }
    .example-download-box {
        margin: 0 0 1.7rem
    }
    .landing-list {
        width: auto
    }
    .modules-descr .landing-list {
        max-width: 420px
    }
    .how-to-start-subcols {
        width: 100%;
        flex-basis: 100%;
        padding-right: 0
    }
    .how-to-start-subcols .extra-widget-list {
        margin-bottom: 2rem
    }
}

@media screen and (max-width:480px) {
    .faq-layout {
        margin-left: -7rem
    }
    .faq-block-container .faq-layout {
        margin-left: 0
    }
    .demo-btn-row .btn,
    .demo-btn-row .btn-contour {
        width: 100%;
        margin: 0 0 1rem 0
    }
    .agreements-sidebar-block {
        -webkit-order: 2;
        -moz-order: 2;
        -ms-order: 2;
        order: 2;
        margin-top: 2rem
    }
    .artwork-item {
        padding-top: 9.5rem;
        padding-left: 0;
        margin-bottom: 5rem
    }
    .artwork-item-icon {
        left: 50%;
        top: 0;
        transform: translateX(-50%)
    }
    .artwork-item-title {
        text-align: center
    }
    .how-to-start-col {
        padding: 0
    }
    .how-to-start-col:nth-of-type(odd) {
        padding-right: 0
    }
    .how-to-start-col:nth-of-type(even) {
        padding-left: 0
    }
    .what-is-widget-list {
        padding-left: 0;
        padding-right: 0
    }
    .widgetC-main-header .btn-contour {
        margin-left: auto
    }
    .table-coupon-block-horizontal {
        flex-direction: column
    }
    .table-coupon-block-horizontal .table-coupon-input {
        margin-bottom: 15px;
        margin-left: auto;
        margin-right: auto
    }
    .table-coupon-block-horizontal .table-coupon-text {
        margin-bottom: 3px
    }
}

@media screen and (max-width:400px) {
    .service-chart {
        width: 100%
    }
    .techn-component-elem {
        width: 50%
    }
    .companies-column1 .col-company-block,
    .companies-column2 .col-company-block,
    .companies-column3 .col-company-block {
        width: 100%
    }
    .company-block {
        margin: .5rem 0
    }
    .section-widgets-block .widgets-sidebar .widgets-list-item {
        width: 100%
    }
    .widgetC-main-header .btn:first-of-type {
        margin-bottom: 2rem
    }
}

.backpage{
    background-color: #EBEDF0;
}

.logo {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPUAAADECAYAAABHl2dtAAAgAElEQVR4Xu1dB1RURxf+Hr2jIGJX7LH33ntL7C0aW+JviiUmUaOJxkSjMTHGGJMYe29RY++99xp7L6BYUBCk8/7zzWMRENjCQmCZew4H2J2ZN3Nnvjd3bhtFVVUVkiQHJAcshgOKBLXFzKUciOSA4IAEtVwIkgMWxgEJagubUDkcyQEJarkGJAcsjAMS1BY2oXI4kgMS1HINSA5YGAckqC1sQuVwJAckqOUakBywMA5IUFvYhMrhSA5IUMs1IDlgYRyQoLawCZXDkRyQoJZrQHLAwjggQW1hEyqHIzkgQS3XgOSAhXFAgtrCJlQOR3JAglquAckBC+OABLWFTagcjuSABLVcA5IDFsYBCWoLm1A5HMkBCWq5BiQHLIwDEtQWNqFyOJIDEtRyDZjOASaiDfPHnatncfhcAC7feYm25YNQuXA07j+OwI7L7nge6Yk21RxRokQBKNlKAraupj9P1jSIAxLUBrFJForPgUf+z7Bz13GUc72AMtlv4kGAgm+WhGDvmZf4sZeCDtVV+AW7Y8zSCOy/EI6felujXQ0bWDl6Au5vATmqANlKSYCn0bKSoE4jxlpks5EhwMNdGDV5F1bv9sP4blHoUDUST8Pd8fncMGw/GYJf+tmgay0VARHZ8PncUGw7+Qq/vG+DrjVV2FgDsLIDrO0B95KAd23Aswpgn90i2fVfDUqC+r/ifGZ6rhoDBJwH7q4GXlzBoFnh+PtQFCb3sUbXWjEIjnLF0Dlh2HwiDJP72qNb7Ri8inbC0Nnh2KT7rFY07KyjX4/ayhawdgByVAV8OgMuhTITRzJ0XyWoM/T0ZIDOvfIDfLcC/ofF+RkxURi6wBYrDkVj4ns26FYrBlGqHQbPjsSG4xGY1McR3WtHIwa24rP1x3SfRcHBOurNAXHn5lm7aG9NJJeUag5IUKeahRbcQNB14NYKIOAsEB0KcMcGMGyJA5YdiMJ33e3wbu1IWNtYYeDMKPxzNAoTejmjR50o2NkAH4vPojGhtzN61I6Co01E0syysgFyNQR8ugDO+SyYoekzNAnq9OFz5nvK8wvAreXA83+BmIRgHLnCCUv3ReKrLnboWTsSTnZR+OivGKw+qmJcLzf0rB0BZ9sIfDRTTfRZePJ84Dnbuz7g0wlwzp/5+JWBeixBnYEmI8N05elJ4PZKIPAKEBP5RrdGr3LF4r3hGN7RHu/ViYCLbTiGzLPGysMxGN3dVXzmaheGIfNtsPJQNEZ3d8N7dcPhahuW8hAdvIASA4CcNQCFWjVJpnBAgtoUrllynZe3gOvzgYAz4vycFI39xx2L9oRhaFsH9KobDje7MAxb6oDl+6MwvJMLetfjZ6EYvlQT04d11D5ztwtNmXOKFZC3BVCoE+CU25K5nKZjk6BOU/ZmssYJ6JuLgKenktyhdaMZvz47FuwKxcC3HdGnbhjc7UPx9SoXLNkbgSFtXdCnXhiy2b/C6NWuWLwnAoPbOqNv7Gd6OUIteMkBgEcFvUVlgaQ5IEEtV4bGgbAnGqAfHdSUYinQxE0emLczDB+2dETf+mHIbh+CceuzYcGuMHzUWgOwh0MIxm3IjgUs19oJ/WI/08tuGyeg9FDAu47eorKABLVcAylx4P4G4M5qINRfL59+2pYDc7eHol8zR/SrHwpPhxD8uJWfvUK/5s54X3wWHPdZ32baZzkcg/W2DShAyQ+BvM01JxVJRnNA7tRGs8wCK1AxdnMpEHQ1zmyV0ih/2ZkTs7eFoGcjJ3zQIBRejsFYcsYH09YGokc9Bb0pktuFxH32fsMo9KgTAWcbPYoy3UNps87fWrqRmrjUJKhNZJzFVIsI1BRjj/YC0YaB7uCdnDh1zxm1CgehfJ5A2FlF4VGIC24+dUDBbK+Qxy0UVooqPnsSZI3cbqHwdI6EAtUwtpUaBORpCtDrTJLRHJCgNpplFlbB/4C2SwffBQwEXXi0NSKjrWBvHQ1ba80hJUZVEK1awVqJEYDWfaZCEf8bDGj6gRPUXjUtjNHpNxwJ6vTjdcZ7UuRL4MofwKMDgBrPL/u/7KlHOaBYP8C9xH/Zi0z9bAnqTD19qez8i8vAtTnAi4upbMhM1W1dgCI9gTxNABtnMzWa9ZqRoM56c/56xH7bgVsrgVe+GYML3nWBwt0BV0ZsKRmjT5mwFxLUmXDSzNblGwuB+xsBiuH/JdGTLFcDoGB7wNVHuoimci4kqFPJwIxUPTo6BkEvQxAQEITwiEi4ODvCw8MNTo4OsLJKYue7OBXw22nYeZo2Y68aQM5asZFUKhD1CogKAUKfACF3NWXbyztAlCH26FjOOeQE8jYBcjcCHHNJQJthQUlQm4GJ6dlEYFAIzpy9ikuXb+Px4wA8CwhCQEAgnj0LxIvAlwgPj0R0TAxUVYWVYgVrays4OTnAI7ubALinh7v47ZPPHfU99iGvzTXDul+wg2Y7dsgBKDaxdVTNrk0lG/3E1UjtNx1Ygu/E/twHwp8C4c+pI9fOysxT5lIQ8CivxVAT2EyYwB1bUqo5IEGdahamfQP+jwNw/MRF7D94FidPXQb/j4iIBHdm/sTERMf+VgWYE5OiKALcVlYayK2trFAsjxXGdIxA7eJJB20kaMMuG/DWQCBnTcOAJ0AeC3CVYI+OJw1YaW0whtrKXrNFSzCbdRFJUJuVneZr7P4Df5w4eQmHj1zAydOXwWR/oaHhYieOidFsw6mh7C7AL30UtKpkQCvCdjxYE78lZXgOSFBnsCm6c/chNm05hPUb9+PO3UcICzMfkOMPlUfsKX0UdKkFLSFgSsSdtHAPIH8bwM4tg3FMducNyUxNSl6TfEp3Djx9+gI7dh/H0mXbcPnqHYSEhCE6Om0dQkZ2UNC3IZDNEJOwWzGgRH8ge9l05418oHEckDu1cfwye+nQsHDs238GS5ZtFQqwgOdBiIpKWzDrBtGxhoLP3gaKGZKPQLFBjFsJKD4doXhW1BRbkjIkBySo/8NpofJr2crtOHDwnDgzR0ZGJanoSqsulsoPjO+uoE5JA5+g2CDc2hPW+ZvBJn8zTRMuKcNxQIL6P5qSDZsO4M+/1uDi5VsID49ATIyBEUxm7C8zfk7sqaBLTcDewIAohmbAxhEK83UXaAe4FdU02ZIyDAckqNN5KoKCQrBy9U4sXLwZN24+SDdRO7lh9qynYHAroFBOIxlhZYcY5wJQ8jaHkqsOQLOXpAzBAQnqdJwGmqkmT1mCrTuOIigoWNiW/2vK6Q6MbK+gXTXA2dhjMjN+2jhq1+cU7ChT+/7Xkxn7fAnqdJqI02ev4pdflwoHEtqbMwrRtFW/FEBNeAUfE3tFF1K3EkC+Fto1Ooy2kvSfcUCCOh1Y//fqXZg1Zx0uXbktPMEyGvE83aE6MKilgqKGaMKTGgBdR2nDzlUfyP+2TPH7H06yBHUaM3/Vmt34Y8YqXLl29z8/P6c0VEc7oH11YGCLVACbSjSaujzKasDOXkaavtJ4fSX5fpXOJ2nH9YOHzuGnKYtx4tSlDA1oHQfMA2xeV2ur7dS5mwB5GgH2nmnHZNnyGxyQO3UaLYobN+5j/MR52LnnOCIiDAiaSKN+GNssgV33LaB/UwXViwIOdsa2oNPWWAHWjtoVOrxxg1FZMvGBicw0rpoEtXH8Mqh0cPAr/DB5IZav3AGasDIb2dsAPt5A9zqKOGt7p8ZaJZRoxYF8rYAcVaQSLR0WgwR1GjB57oKN+POv1bh3/1G6eoiZcyjWVpqJq6IP0LqyghYVgFymgptKNEZ65W6ogdvR25xdlW0l4oAEtZmXxNbtR/HLtKU4f+FGhrBDp3Z4tjaAsz1QOj/QsqKCNpWBPB6mtEpPNAcgR3WgcBfAxVT7mSnPzlp1JKjNON+37/hh7PjZ2LnruPDjtiSytQac7IGSeYHmFTRnlXym6L+s7LRsJ0V7AdnesiQWZZixSFCbcSrmL9yI6X+uEmK3pRJjr53sgDIFgHbVFLSsBHi7Gzla+oo75QNK/A9gxJcks3JAgtpM7Dx3/jrGT5yLg4fPWYTYrY8t3Ll55qZYzp377SpAXmPEciZesHXTMqowTZIks3FAgtoMrGQyg6m/rcDc+evx5OkLk1psVBZoVk4R0VIBIcDzYBUHLgGXfYH0tohVKQpUKawgV3bA0wXwC1Dx91HgxsM3h0ZwO9oDpfIBjM9meiQvY5Kj0EGFN3JIUdykdZNUJQlqM7By34EzmDR5IU6fuWpS/jCfnMCYLgoalgYUBWAKsmgVCI0ADl8B1p5QceQq8CINrWMUoRuVVfBOVQ2gVI5ZWwPWChAVA/y6ScWifUBAMtl/KZa7OAANSgO9GyioVBigzVsvURTP3Rgo1Blwzqu3uCygnwMS1Pp5lGIJZiqZMGk+Vv+zByEhKV/WnlxDzSsAI9op4pyamMIigZAw4MJdYOcFFZtOA77PUtnpeNVL5AWaldd22MLegIs9YGPzppvI2uMqfl4PXPVL+dkOtlo7dF5pXcnAVEl0LaWpq0BbwNHYGFDz8cJSWpKgTuVMrl2/D79MW4YrV++abJNmIMX/mqbs5EFl+qsI4PpDYNtZFWuOAfefmt75IrmAVhW1nZmOJtRs26SQdvvSfeDrZSoOXtH/TNq4XR2BT1oo6FEPyOGqv47wPivKe7SaSQcVA9iVUhEJ6lQwkGarb8bNxLIV20WiQFNpbBcF79XXgKCPmL6MYjl3zNVHVWw4CTwO1Ffr9fcFcgBtqyloW1VLjCDEbANy6PsHAl8sULHtrOHPcnOEeGl83NzAIBHPCkDRPvLGS8NZnGRJCepUMPDqtbv4euxf2H/gjMm7NB8/tV9sql4DwKXrLsEdEg7sOg9M26zi0gP9A2lRUcGHzTRzlKFg1rUaGQ18MkvF2uP6nxO/BM/VHzXXspbqdTdlIAj9xBnhRQ80SSZxQILaJLZplZhnbPIvS3D5yh2TWyG4fn1fwTtVTGvi8gNNLD5wGXi/sYLieYDF+1VxBuf/DMqYs1vFsevA4JYK+usR81PqxbCFKpYfAsKNDAmnNvzrjgraVtPE/BTJvRhQ/H9a2KYkkzggQW0S27RKP/y0APMWbMTzF6bfGpnXE/jpPQVNypnWket+wKilKvZdAqbFvhyGzFOx7rj2f/tqwOA5Kv45Dgxto+CDJkaanOJ1a+IaFfP2GK+Fp0a/ZnHg604KqhTRM05qw/O1Bnh3l1SambQoJKhNYhvg7/8MI776HVu3H0lVJlCKwuO6KahtaJreRP2ND+o//6egYw3go5kqVh8FEv+fWlDP2K5ixnbarY1nGjOXfttVQfc6BuzWbkU0b7PsJr7pjO+eRdWQoDZxOvfuP4UJkxbg7DkDb41M5jl13tJEU9p1TaH0BPWKwyqmbgRumugFy8ylg1oBtMunSIzqKvE+kLe5FpMtySgOSFAbxa7Xhaf9vgIz56zF48e8otV0alkRGN5OEe6WplB6gnrdCRWTaav2NaWnWjDI9+8qIgmDXuIl9EW6A85JGO/1Vs7aBSSoTZh/pvYd8vkUMP9Yam+g5FmaKXrLMjGICZSeoF51VMUvGzRbuSlErzOa796tq3mfpUguhYCSAwCPCqY8KkvXkaA2YfpfBAZj6Be/iNspU0v1SgFfdVREMgJTKD1BvfSAimmbgVv+pvRUqzO4leZow3zjKZKDF1BqIJCjmukPy6I1JahNmHgm5R8+ajp27T5hQu2EVWoUB0Z3VlBVn1Y4mSelJ6jn71ExfStw74npw+7fRMHHLQyI6LJ1BUp/CuSsZfrDsmhNCWoTJv7i5dsY/c0MEWaZWqrkA4ztqoDgNoXSE9Qzd6r4cyvga4L2Wze2Xg0UDGoJFPTSM1o6opT5AshVzxS2ZOk6EtQmTP+RoxcwbsJcnDx92YTaCatQQcabJzODSWv6FhUzdwCPTIsuFQPvWlvBp60B+p6nTApQdpiW10ySURyQoDaKXVrh7TuOiWyh/168aULthFUy05naHDs1s6V8/g5QIo8BrCs7XILaADYlLiJBbQLTqPVmZNb1G/dNqJ2wCoMdBjQDcpvo6kyfbMY6n7ihKaG44/+1XcWBK8BHzRL+/0FjzZxkSABHUgM7dwcYs0KL7TaVOtVQMNTQi+4lqE1iswS1CWybu2ADfp+xCvfvp0INDCB/DuD77gqaljcdaOz+y1AgPApwddDumQ4O0/yzaTZK6n8Thiyq8AXywz9asgRTEzbwxUJFmUFJCyWoTZoqCWoT2Pbrb8sxa+46PH6SOscT5tMe1lbLNJJZaOMp4Kd1KhhIYgoNb6ugXyPAQ1+MtZ07UGqIzF9mApMlqE1g2oyZazBj1hr4PTQ9SwFF4FEdFPRqALg7mdCJ/6gKNd9fLlax4xwQoxrfiYk9NOcTvamO3IrG+n+XNf4hWbyGBLUJC2Dh4s347c+/cfeuia5VAMoVBL7poqBOSS0vWWah6BiAgR3Ugj80UlBhmCljxxlmqnfMtE8X6Qm4muiVk1kYmgb9lKA2ganmUJS9V18Lbiikz15rQv/Susrhq8C4VSpOGan8py1+TGcDwi85gILttPBLepZJMooDEtRGsUsrvHnrYfz48yJcunzbhNpaMj4GNjClEEMSMxsx48qY5SpWHdFSKxlKzFk2oClE6mG9xHzgeZoCjK+WZBQHJKiNYpdWeO/+0yKDqKlhlzQ7MdyysomuoSZ02axVeJResl/Fb5uB248Na5qX6/3QUwEzp+o1qbkW1s7THuUNa1yWSsABCWoTFsTxE5fw7fezceLkJRNqAx9zx6Jt2tRbJE16qnkrXbin7daHDMguyifTbPclo9EMiaTM3Qgo3A1wNjEe1bxDzXStSVCbMGX/XryF0d/OwKHD542uTfssRe9mKdim1xxVsWAv8CCejzV9xFtVUlC3lIEpd43o2dOg2Jzip4Abj17fCMJrdAjEWiXebIw2a6Y3os068FXKD6Omm5r+7nUBZhhNkWxdtBs76B7KfOCSjOaABLXRLAMCAoIwdNgv2LLtiNG1CRBGZVVOIdPJ+hPA5PUqrvgC+fN74+3WdfH4kT9OnTiDpqVC0L+JAQERBvaMIJ6+WcXB63ao06AurKxssXvvKfg9fIIKhYBvuykiv1hStGifit+2AHf0iODU8I/icaOwoVrvHrFa70xkFjCQ3+lRTILaBC7HxKjiTL1w8SYwttoY6lJLwadtgKIpBDRQ+TRojgqCe/SofujepRmCQ0IxcvQfOHroBH54T0GH6gDvsUot/bFVxcydQL0mTfFh/w7IkzsHfpi8CCtX7USv2qEpurDu+ReYsEYF3UeTIysF+KKtliLYU5/Dib0nUPx9wLs2wCtvJZnEAQlqk9gGrNuwHz9PXSJu5jCGDEn+x+T8n8cmzv94QEcM6N8Bjx8HYMx3M8EIsZEdNJBQi55a+oJpfw8CTZvWxrDPeqLUWz4iq8vKVbvQrVYMBrdOPqfYtdhMpvtTUC1QMmF/qxYFCPAUiSK3OEsbcvBO7cgtt74EtYlze+36PYwa86dI5G8o0Xz143sKOtVM2ZRFpw6CjV5bri5OqFmzLPz9A3Dl6h2Eh0eKTCl9GibtiUb3Te6cQfGu9WpUBiiaO+lejlisYtkBQLGxR+VKJREVFS3ymAcGBqNrrFSRXJjkq3Dt1g6mH6ZTSmJikArP5Lylg44nKZJTbqB4f8CrGqCYQQQxdFIssJwEtYmTysX/9dgZWL5iO16FhhvUChMD0KzTWI/nIy/Foysm7cC8xtbOzhYx0TGIio4WIuyEd7X7oJnzKzFRebXikHZ7h44IrK61k84LxgivWTu1q3tsbW3ETSO8mldVtbuwqKWnOSopYpkf1qqYv4dX775ZggkRBrYACuZ888K9N0rnawEU6gIQ3JJSxQEJ6lSwb8HizZj+x0rcvZdyzlyKydRc96gLkWCQN0OmRLQDb0omcKJvIwWftAB4J1ZSlDjggrdajuuqoF7ppMVfpvsduUTF3osJWytfCBjdSQvdTMmuTM33/svAgj1a+KfOGYViN2/yrFbMALu0iw9QvB/gWVHu0qlYj7qqEtSpYOKRYxcw7vuUM6DwMvm+DTXNL8Gd1O6aVBfCIoB/7wP/HNMuwcuTHWhYVvNCK5Y7eaCw3owdKpYe0EDcr5GW4D85JRXFZgZp8Dn/HNP6V6Wogo7VNf90hm7qI4Z5Mvzz8DVg4V5VAHtIa0XcVa3XY84um3aOpm2aeckkpZoDEtSpYGFoaDjGT5yHZSu3Izg4aWPtN51jb7R0MkAETdQX3SV4FKV5zSztvbyLSp9H1sswIDhUMx8xxtrRPmUlFcVoPkNc3KlokgTPwIa+gHTdZhu8x8vHS0vGwOfqpfxtNB9vJ5oD9GnS9LYmC5CLKg9RkkzmwMbNBzF5yhJcupK0H3jrysCwtkqaxkzTVZNKKyZdSMm5g/dZP32p2bg9XEwecrIV913UkjXwthGD7qT2qqHt0m7FAMWIKz/N33WLalGCOpXT+exZIL4dPxtrN+xDGGXfRORgBzAxQM965jFBJdVdenfRC61kXgU8C5N4mwbP5YwG092IQWeRYrk185K+3d5YtjwL1m7uoMccf/Sar9xLAkXfAzzKUfVu7ONk+RQ4IEGdyuVBQYehmFN/W55szjIRwNEpZS+yVHYDBOzmM5qZK+ClthPzEvub/rzuRkF+TxVFcmlhj2mxSx+5piKHq4LC3ga8MBxzaYox7tRMBSzJrByQoDYDOx/4PsbX38zAth3HhDkoMVFZRPMOL3xPTmud2m4wL9nzEODKAyCHG5DfE7C21nKVcQeloszHWzuX691FjewM2+dZn3ZpvedwXnhXor+mGLM25NBtZGdkcXmmNsca4N1ai5ZuEckIk8uGQsUT3SVp1jKHJ1hS/aZ2hHZtAiu+eM3PCGS9gDOBGTxxMK0RteQGifTMZkLlGHOQSUoTDsid2kxsvXnrgdCE79h1HBERkUm2StGYHmX0sDIIAGbqW1o2I9SsioF66wJtgYLtYy+Tl5rutJoXCWozcZZi9649J/Hj5EU4/++NZFulVvj7HgraVDZPQIaZum9SM3N2qXgZpqB9NQOixgjmAu8ADnQvk5pukxhuYCUJagMZZUix8PAIIYbPmPUP7sXzMivgpTln6FwpGac8or3m6qnXJ9qQB6dzmVcRVliwNwbzd6vCRNanoYL3GwF5PJLpiLBFc4fOJQGdDnMlQW1mJoeEhOLHKYuxbPk2EZZJv+kBzRTsu6iCdlwhrSpawsEv2tmgVUUVzvZJREOYuV/mas7vOQFNv/QY+AVogRx5cthjwrsxaFEuClbxN2EmOcjTWNuhnfJJQJtrEvS0I0GdBoxmlNOYb//C4SNn8XFzuokC+2+4YtqGCNzwpdsWxOL3yQn0qGeFTjUYNJHxfYDO3Fbwxza+nFQEvdIUZFZWVujXMjs+bBwGD4dQ2Nmommuoe3Egb3MgRxWAcdIy8ioNVlrSTUpQpwGrGcG1fdcx3Dv+NxoWuI5iuaIRFmmFeUe8MXtrMHz9g+KAzatxmIyPd2q9lc/85iZzDW/LaRV/bNPCOmkm072CWtbOg6EtQ1E2dyAUqAiLtEZ4tipwKt4R9p6M5qDZSirFzDUPhrQjQW0Il0woExYegegHu2Hvuwo2Yb6iheBwa8w66IV524Px6MnLuFbpdcbgic41FbSsCOTMQNaef+8Bq4+q2HpWu2ye3ms6qlM5D75oFYaqBQNha6UdIaI8agA+XWCdvRgUmd7XhJWT+ioS1KnnYfItRIcBD7YC99YCodplei9jgT0/EbBpQ+auzQSD71RV0KTcfwtu+olvOq1i9VHgxkMgNBKIiXf0r1I2N4a1CUftwoGws479gnm6mYSfmUskoNNyZaXYtgR1WrM+OhTw2w3cXQO88osD9rwjOTF320v4+b/esfklz6P0ztJlD21WIfkkBWnR9esPgZ3nVaw/CfBvRm4lzmpSsVQuDHs7AvWKBMLOJhbQueoBhTprCQPl+TktpsbgNiWoDWZVKgpyx35yHLi9HHipRXNRFN98JRemrwvCXb8g4TPt7Q74B2oJ8hl2SXDz83qltJTCvB2Tn5mb6GJ6/q4GZiYTvP9Mi/qia2nx2EQkV/2A0GgHtKjphb51Q1A2VyDsdYD2qh4v2kqmIjL3/BjbngS1sRwztXxMBBBwDri5GAi8JloJjbLBwxc2gBoJZ9to4atN1/G7T4E9F1SsOgo8eKb5a9MbjRFYlQorKJMfKJ1f8/E21TPtSRBEphIGYvC37zO+aDQRmyl921VXUNHndR60yCiC2g5ujgqyO0XCJvYMjVz1gUIdY3doGW1l6vIwZz0JanNyU19bMZGxwF4UB+wYVYGiqAn0w9ylmT3E7zlE9NWaY8CzIE00p481f/OH8dOFcmriuZebIhRsXm5vpku6/VgVuz+lAP8XWj4yhkpStKbvNnOiUcQmiAe3VlC9WOyF9TYJ83RrvYztq62bZoOm2cqZNmi5Q+ub/vT6XoI6vTitew6BfX0u4LsdiEr5agvagWkPZm5tJiGkmByfmA3FxkbLisIdW/eT+JpYaqyjooCoGA28/OGOHN8yzlxmI9sraFwOsDdkw+X90cX6Ah4VpFNJeq8hPc+ToE7vCXn+L3BjPvDiEkTKTgPo4GVg/GoVp28ZUNjEIobkI0/QNOOgfboC+VsDzDMmKcNwQII6vafixkLg/kYgMqHWO6VuMHRy/CoVSw5oPuTmpvI+VhjTCahdUjUu1jpbKe1GDf6WlGE4IEGdnlNBk9aVGcDTk+Jsagz5B9li/+0c2HfFEedvhuDugwCEJpE+ydA2c3q5o0xRT9QsaYuGRfxR3CsIDrbG9UnYokt+op2tZQYTQ1mf5uUkqNOcxfEe8ISeHIuAl8bL0VRPhUdZIzRCQXhkDEIjreD70g23nrvhXoCdiAALCVMREhaDV2HRiIqOgb2dNVwcreHsYAUXB6cZPA0AABgqSURBVAV5skXDJ8crFHF/BneHCNjZWoPebI420bDWabON5QczgTICyyGZROTGtifLp5oDEtSpZqERDdzfBNxZBYSmnPzfkBYJ8ugYK0TyJ1oRiq8YVRXHdCrYSNRVM3BEURQt84mVChtrFbZW0bBSjNyVk+uUdz2gyLuAS0FDui3LpAMHJKjTgclxj7i3AbhLUOu5+zWpPtFkZO+hacyjQszXawcvgF5vkcbd3hnXAd5QyRRFLrFpTM3XM9mSiRyQoDaRcSZVSw2oGe1UYgCQrSQQfFf7CXkAhNzXdv5oA+7zss8OOOUFHPMAznkB18Ka5prKu6cnTBqSuHZWgto03qVRLQnqNGJsks2mCtQOQJnPgJy1ATUKiIl6/Zu2b4Ka7qjcdaNCATUasLYDbJwAJitgFk/e+WxlreXZppJLsdXqXJwKPD5kGickqE3jWxrWkqBOQ+a+0bQ5QO1dN5keq7F2b3qV6M7LzAjIkzV/J5MXjGK3BHV6roI0f5YEdZqzON4DHu0Dbi0Fgu8Z/1Sefd8aqN3fbE7iC+Dfn4GHu402s4lu0PmkUCct/5ikDMEBCer0nIagm8DVmcDz88Y/1bMyUKy3du+Uuen231rMd3iA8S0zMX/eloCNo/F1ZY004YAEdTJsZUoi3rzBfN46ommIP7r0POIv3hLpYI/cuTyRK5enuCA+WeI5+OoMwHcnEGOAYit+Q4W7awn80sIlk9Fj1+cBgVeNW2QM5Cj5IeBZSaYsMo5zaVpagjoZ9j5+8lxkBF20bOtrUCfxF4+rVlYK7O1s4Z3TA82a1kCHdg3h6eGWdMv+B4GbS4DgO4ZPLM1FJT4APHgpexrkzKai7eIUgMcDA/3RNdG7Tazo7W34WGTJNOeABHUyLPZ7+BQzZq7BjFlrDJ4EGxtreGR3Q/16lfDxgI4oXarwm3Wppb6xIDZKy0B7c1ru0roeBpwFrs83fLd2KwIU6yejtAxeHelXUII6GV4HBgbj4OFz2L33JC5euoXTZzTRtGiRfGjUoEpcLd56GfD8Jc5fuB5366WzkwPat2uAr77sl/SOTfsy0xtx104psIMmKPpVM+9XWufN5m5NN9Zby+KysyS7DHmu9+mspf+lqUxShuKABHUy0xEdE4PQV2Hw9XuCZSu244+/VsPa2hrvtKmDcWM/TFArKjIKt+8+xOKlW7D6nz3iu4IFcmPQx53Rq2erN5+gxmheYQHngUd7tcQJ8cFt5wZkLw/kbablz7ZxTp8kBMzOwgSJj48CvlvjcqrFDcClAOBdR7OV8zzNl46kDMcBCWo9U/IsIBBz52/AT1MWg+J1l05NMHXy0DdqRUZG4dCR8/jx50U4eeqyKNupfSP8/OMQ2Nomk3VAOI2EAmFPtd0x4rnmCkpPL/62dkr/rJx84VCJR3dUShTBt7WAMgLaKQ/AjCd0ZkmLs32Gg0fm7JAEtZlAzWYe+T/DzNlrMf3Pv0WrTRpVw0+TBiFvbq+Un0Ig0UuMXmD08abHV0YADfvDFw9JeKExZZFMzJ/RoW6RoH71Kgx37j7Ew0dP4/hvZ2uLfHlzwscnj/iMt1T6+j3F9RsJHUE8PbKhZImCcGBMIgBDd2qWffHiJeYv2oQJk+aLuvXqVMSEcR/Bp1Ae+NI8dltL6k+yUqyQO7cn8ufzFmfxW7f9wAv2uMOzj1UqvfXG2mEU1pMnz3Hu/A1hart//5GIzCrikxfFihUQ/c7l7ZmgHnUDN24+wIvA10kZsrm7olix/HBzdY4rGxoajrv3HsHX7zHE90Xzw83t9ffPnwfh6vV74F1hOnJ3d0GxIvnB3yTqFx4+fIrDRy/g6rW7eOQfADtbGxQunBcVKxRHpYol4WCfvMgeGRUFf/8A8Noi8oRtOTk5CD1GmdKFUaxoAcGf+EQJyRy8zehANaZ/Fgnq+w8eY8GijVi7YX8cL7iY3m5dByO+6CU+exUahnXr9+PnX5cm4FedmuUwckQfYZ4yFtQEzy/TluHv1btE3dYta2PalM/FYl/1z25xLteRjbU1ypYtgkIFcmPj5kMICwtHTIwKG1tr0c+xX/dP0K/gkFDs3XcKCxZvxu3bfggNDQNvASE5OtjD0dEBxYvnR8/uLdG4YZU4ezmVfL/PWIXjJy/FtfdWiUJCO1+zRtm4zwhCavsPHD4nAD3gg/ZoUI/2Z414pPh56lJcv3k/7rMK5Yrj00FdUaZ0EfFCOnDoLP78a4144bwKDRf3dFspChwc7eGVIztat6yFvr3biL8TE1+Im7YeFnqJJ09eiPGFR0TC2soKjo72wgegTas6eLdbc2Fh0FFQUEiqeWsMYDJDWYsE9e07fpj2+0osiWdjtre3Q7cuTfHTxEFiXrjj8Puvx/6VYJ6aNKqKyZMGI0+syGzoTv34cUDcNbbcHb28suODvu/g00HdwP/j7+B8IJ1YnJzsQQni+YvXu2hS5/anT19g5epdmD1vHR77ByCC+XoBobiztraKu+SeYyxYIBc6d2wsQElp48y5a/h+4jzsP3gmbpzlyhbFyOG90bhh1bjPdu4+gWFfThOKQV3fhw7uHvf9ocPn8NU3M3Dpspa3nFS9Wml8O7o/KlYoiZOnL2PCpHk4fuISuHu6ODvC29sTlJooMfEivWzuLmLXbli/Mnp0a448ebRjCc2HnAsCmv4B0dExsLOzgY2NjaivG6tXDnd06dwEn3/aQ7zISImlI2N5mxlAamwfLRLUAc+DwEW4ddsRHDx8XiwqgqhTh0b4/ddhgkfcBZav3CEWMomiaOVKJdC5YxOxw3J3IMUHNdt4q2QhtGxeKx6fVQQGhuDK1Tu4cu0uCEBXVyfRBkFB0Zui7anTV7Bj1zFcvHQ7AcAoulauWFKIldt3HntDGUfPth27juOb72aKIwWBXKF8MfTu2VrsqJQCKK6u/me3EHsJnrJliuCzIe+iZfOaYuxbth7BP+v24tiJi6Lf9epWxMRxH4v6JL7gli7fhjHfzRLHEj6j7dv18POkwXB21kxWt2774tfpK4QlgFS8WAHx4mjRrIYos+LvnRjz3UywvzVrlMHAjzojX56cCAsPx+EjF7Bg8SbcvOUrdl7a8b8b8z8UL15AvJA2bDqIr7+ZIXhdIL+3UEY2qF9ZiOoE+cbNB7BqzR7xsuDYKG01baz5wKeGt8aCJbOUt0hQ801P8e1ZQBA2bTkodu2AgCDUqF4W333zP1QoVwzxd3PucM0aV8PnQ3sgf35vscto7qAJQc3/6QaqW+jaJKtiIYeFRoBnQrbVslkNfDWyH/Ll9RIAIfAoXj97FoTVa/fg+x/miZoEdPu2DQQ4oqKicO++v3huntw5UOotH1GGYvGUacuwXhwlFNSrWwEjh/UWoOKLhw5gHOuFf29i9tx1WL/pAOztbdGqRW188/UHyOmVHRRReSQY/a0mlTRrUl1o5XVHDMGL6SuxZPlr7zmK5uO+GQDu6iSCa9acdfh1+nLk8MyGnu+2EMAlL548fY6Zc9Zi+h9/i12eIvaQT7oKrT/H7v84QFgQpv62XLRFwE76/hPxwuP4KNavXb8PuXPnQO+erdCnVxuxq/MFRSCLo8Gsf7By1U4B9K6dm+CHCQPFCyI1vM0sIDW2nxYJah0TxILy18RinitJ77SpiwH922PvvtNi53n58hXq1C6Pr0b0QdkyRYU4G5/i79SGMJcuo2+V9BFiN8/GXJg64jmTO+Ko0X+Ij6pUfgtjvnof1auWFouTLyMS2+DLgLRx80EM+XyK6CeB/Ongbmj/Tv2473Vtc8fbvO0wxo6bDT+/J+Kc++WwXgLABD4ll9Fj/8LFy7dQtUopjP36A/GbdPjIeQH4x4+fw9vbA1eu3hVKxSEDu6J712axL5d7+HnqEgG+8mWLYeSI3nFOOATtrDlrxcuTQObu/e2Y/4k2SDExMXj2LBC+DzXFpZurk/iOL8it24/gs2FT8fRZIOpTghj/iVCMxScCmzqJYV/+Jnb2Jo2rCSkid67XedFM4a0h85kZy1g0qHUL6oHvE8xbsAGz5q4Dvb24G1ObS4UaNbKjRvRBzeplkrQnxwc1gcZyPd9tGW+uVYSEhOHsuWvguZTiLhcrAcvdqmGDyvFAHYaly7Zh1Jg/xWc6RRrF9aQoLCwCy1Zux4hR08XXBOiUH4cgZ6wSL3Gd+LseQUNl2Af92opid7gb/7ESi5duFedu7rK932stdkI6zAwb+RtKlSyEhg2qYOeu40IhRkBP+O4j8WLat/80vvz6dyFCN29aA1N++hReObR83xSBuYvyzE3Qubo4oVy5YkJhR+87ivlJ2epZlvW++HKaUBLyaPNOm3pvaLj5DJ7l123YJ8pVq1JKSCG6lxK/p+LTGN5mRrAa2meLBzUZwR3wzl0//DV7LRYs2hQrWqsoWaIQPhvSXQRhJGdqSawo69i+IX6coCnbdETvs5cvQ7Brz0n89vtKIdpTSdWhbUOM+3aAWORJLbx279QXZ/zknFN4Pp89bz2m/LpU7MydOjTErz9/lmD3j98P7pgUg9kHZ2cH9OjeAuNjvd8IPEoJI0f/IZ7XpVNjTJ40BE8eP8dfs/8RkkzzptUx8KMu4kXCszOVhj9OHARPD3cBPtblWCgeD/+8Z1w/KGXQBEXJR6f55zN4vMiezRVFCucTElL9ehUTaL6FkmvhRkz4cYEYBo8NLrG8SryAI8Ij8TJYu9GkXJmi+HJ4b9E/HSUGtT7eGgqQzFguS4CaE0MNMxfQxNgFxM+4KH76YTDyxmphk5pAQ7XfrEu7Kl8cf/ylifq1a5bD+G8/jAvsMHbhURNNMxNBx5cEd85J3w9Mdp3F1wQnVgwSePsOnMFX3/yJ69fvi12UgKVYzDP+6bNX0bN7C3z+6btYumI7xnw7U5ynRw7vg5LFCwpz3Ky5a1G6dGGhqGrRtEaCfnDHpyJvyzZNKUdTmo4Ywebp6Y4K5Yujb++3Ua9OBfFiFS+t+esxZapmVqTEktjOntRgKZ6/37etaEeC+k0OZQlQ0567Y+dx4RQSPz6ats9+vd8WZ2ydiSQxi4wBdXh4rEZ9pKZRr1ypJEaP6odaNcppO/WrMO1MHSt+69tNnj57gTnzNoizLM/ZHds1xG9Tv0h2p47v0UaAvPduS4wd/drezbH/Mm252HUJWIKT9uXPR/wqdmNq6zu2b4QdO49h+KjpiIqORv9+bVG3dgV8N2EOjhy9ILTONPnFP8/qeEaJiLspnUGouNu154RwnSV4SXwxUfNNkxSVlVTg0e4+bsIcsaN3aN8QfXu10bs5ckenk5CLy+tgEmN5q/chmbiAxYOammkqgijinTt/DfnyeaNKpZLCy+rff28K763/fdBOOG0k9lbivBoD6sCgYCxYtBnjJ84VS4Jg+P67j4Snlymg5sto+crtGD5SO1M3pdZ60hDk8tYcYxJTgjN1vpz45MNOeL/PO3HFaLpavGyrUJhRK04Tn3s2V0z6aQFqVi8bJ1Wcv3ADE39aIJSJVPZRgfXVmBmwtbPBez1a4asRvd9Q1MXvC8+91PbTtEhT2LoNB7Bh0wFhU6bm/P2+bwtgc25of//08ymC94xD5/gIWmNJgvo1xywa1BQ5z5y9JoIxDhw8AxdXJ3Tr3FTszvR++vHnxcIcQ/PRJx91Qru368eZsnQsMgbUdPQYP3GeeBaJijCegXXulsYuPPZ/89bDGDpsqgBEoYK5MfiTrsKclJiodFq3Yb+QAujsUrZ0EYyI1X7ryrI9hpKOGv0n7t/3R4kSBcWOu2ffKbRvS7v0p8JMpmmz12Ha7ytQongBFCqYB9t2HBWKrGGf9RSeXfGJx4TTZ66ALuzZsrmIcjRtkXRi+byFG4XJjWaojh0aCU87Sh9btmnjo8mR2n1KCx3aNXhjHvSB3Fje6msvM39v0aC+eu2eWJg0C3H34Dnwq5F9hfaXIuGipVvF99wxuHsPGdRNeDvFJ0NAzfqXr94RwRzrNx4QdmPaXGl//rB/B7F4dTv1kmXbxLmWpE/8ZhkqoKb8ukw4l1D5VK1qaXwxtAdq1Sgbt/AJnBMnL2Hy1KU4eOissJW3bVMX330zAB6JMrCQJzrTFLX0bNPVxRH9328nlGQ0zwuN+No9+GKEdoxgGe7y4hw+YZCwHsQnOvnojhTUuvfp1VrsujqKL8HQU6xLp6ZCi0+iVpsv3U1bDgk/8erVymDokO5ifPHNgUEvQ3Di5GU8fhIg3FcTi/8EtbG8zczATanvFglqApYKG2piaZeljVdofDs2Fk4XXCwEIr//bPhUoR3neY/OEO+0ritMVo5O9ti95yRWrNohFEs6x5B8+XKiUoXicTzlyyI4OBT3H/iLHY7P4sJt0byWcKGkEo6mqYOHzwqNMpVJPG+S+B292LhAW7esgxrVyyS5A2/fcQzffT8Hd+49FGd/7oS01dK7is+/8O8NbNl+BDdv+gqxt3y5Yhg1vLdw8tA50egaJjgWLt6C776fHfcsUX5EnwQvNJ6FKab/e1HrK8/oPbq1EHb1xMeUNWv34MOBk0Q5vijYHpVuFSuUEE41Bw6dw9LlW8EXCnO58WX38YedRHnyZv3G/Rg7frZ40XJ8efN6CcsEpQ0GdDx5+gKXLt8SLzhaKd7r0VK8hDi21PBWgjoTcYCi5Z+z1mDBwk3Cy4uU2Kc6IiIKK/7eIZREOqJo2KhhFWEGohhKX2t6MnFhEjwkOqckMEGpmslM9xy6mzZpXFXs0FRG8QVCcZhn2UmTFyI66nVZXVs0+Qz6uIsQO5MiOmZwp6YkwJcHx0KRXni2qZqbJ3dD9qNo4XziKMG2GOSRmDgOuquO+Op34aRCatqYHmaDE2ieb93yxdTpK8SZnkTRmJpxesAlJoKNwDxx6rJ4EVLbTQmB5imK/FSI0buP1LhRFeEiWtgnb1wzvr5PMGf+esxdsEEoEwlWtsHxWVlrXmX8nEcM6gJoUhv4cWcB8NTyNhMta4O7apE7NRf+HzNWi4WiozdBrWmq6fgQn+gs8uP3A2FrZ2twjjLuzAwAIYjr1K4gXgy5vT3jwJ9U0EH8Z9I5g2dJKq6SIgKRoD1+/CIWLdmMvQfOxAVx6MrzZcKjQ6/3WgmPr/hhk4nbpMjLZA48r9Ml9t3uzYVUofNiY3lqsRct2YKx42aJ6hR5f/j+kwRg1LVL0AUHvxLOPEtXbBN81QVi6MpQQdaieU0RyFG+fDEwSk1H9DenGyq15VQ0njt//Q02MDKLjjH0pqMkwDM7jzWp5a3BSMlEBS0S1HyjM3zvyTPNlELiWZELg/HLJJFbLCAI930TXlanc2HkbsHY5cex5piU5pThhdTYcmdxd3MRppb4Yi8XLXfbh4+eJdmMgz0zkXoie3bXFJcORU2eKdkOzUZUUHGnLlAgl3C7pFbcy8tDiP8pEXd2Bp/QAsBjB2Oidb7munp8kdy79wgnTl+GqsaI9qtWLpV8FhdAHGlo96bzDbXe7B+lGtqeqcfg8Yb26qScbTgf7BfHRnv/vQf+Yn543ucxhRFf9GBjfeoM4r8QzMHbTIRZvV21SFDrHXUmL0BfatrEGWlGohjKs6xOIadveAQQAcgdVrFSYGvDMMeEyQfYBl9GPKao4BW41innNI/3UB4DeLZn/3SiNPuX1DOS6iv7Rvs5jzSUHiiK80WQWD+gb5xZ9XsJ6qw683LcFssBCWqLnVo5sKzKAQnqrDrzctwWywEJaoudWjmwrMoBCeqsOvNy3BbLAQlqi51aObCsygEJ6qw683LcFssBCWqLnVo5sKzKAQnqrDrzctwWywEJaoudWjmwrMoBCeqsOvNy3BbLAQlqi51aObCsygEJ6qw683LcFssBCWqLnVo5sKzKAQnqrDrzctwWywEJaoudWjmwrMoBCeqsOvNy3BbLAQlqi51aObCsygEJ6qw683LcFssBCWqLnVo5sKzKAQnqrDrzctwWywEJaoudWjmwrMoBCeqsOvNy3BbLAQlqi51aObCsygEJ6qw683LcFssBCWqLnVo5sKzKAQnqrDrzctwWywEJaoudWjmwrMoBCeqsOvNy3BbLAQlqi51aObCsygEJ6qw683LcFssBCWqLnVo5sKzKAQnqrDrzctwWywEJaoudWjmwrMoBCeqsOvNy3BbLAQlqi51aObCsygEJ6qw683LcFssBCWqLnVo5sKzKAQnqrDrzctwWywEJaoudWjmwrMoBCeqsOvNy3BbLAQlqi51aObCsygEJ6qw683LcFssBCWqLnVo5sKzKgf8DgtCYHWfi5KsAAAAASUVORK5CYII=);
    background-size: cover;
    height: 120px;
    width: 150px;
}
.mainphoto {
    border-radius: 25px;
    width: 38px;
    height: 38px;
    cursor: pointer;
}
.avataricon .webix_icon{
    color: #0d19bb !important;
    font-size: 20px;
    text-shadow: 1px 1px 10px rgba(150, 150, 150, 1);
    margin-top: 0px;
    /*margin-left: -7px;*/
}
.autotemp{
    width:100% !important;
    /*height:100% !important;*/
    /*overflow: hidden !important;*/
}
.browsertemp{
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top:10px !important;
    -webkit-box-shadow: 7px 7px 10px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    7px 7px 10px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         7px 7px 10px 0px rgba(50, 50, 50, 0.75);
}
.browsersonline >div >div{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    /*height: 450px !important;*/
    margin-top: 10px;
    margin-bottom: 40px;
}
.broselect{
    padding-left: 5px;
    margin-right: 10px;
    -moz-box-shadow: 1px 2px 2px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 1px 2px 2px 0px rgb(50 50 50 / 75%);
    text-shadow: 1px 1px 1px rgb(10 10 10);
}
.browsertabview{

}
.xmark_red{
    background-color: #ff8983 !important;
}
.xmark_text_red{
    color: #ff8983;
}
.xmark_orange{
    background-color: #ffc764 !important;
}
.xmark_text_orange{
    color: #ffc764;
}
.xmark_yellow{
    background-color: #fff29b !important;
}
.xmark_text_yellow{
    color: #fff29b;
}
.xmark_green{
    background-color: #85e999 !important;
}
.xmark_text_green{
    color: #85e999;
}
.xmark_blue{
    background-color: #96d5ff !important;
}
.xmark_text_blue{
    color: #96d5ff;
}
.xmark_lilac{
    background-color: #ecaefe !important;
}
.xmark_text_lilac{
    color: #ecaefe;
}
.xmark_gray{
    background-color: #b9b8b8 !important;
}
.xmark_text_gray{
    color: #b9b8b8;
}
/* Классы для каждого уровня токсичности от 0 до 9 */
.toxicity { display: inline-block; color: white; font-weight: bold; text-align: center;width: 22px;}
.toxicity-0 { background-color: rgba(0, 128, 0, 0.5); } /* Зеленый с прозрачностью */
.toxicity-1 { background-color: rgba(34, 139, 34, 0.5); } /* Темно-зеленый с прозрачностью */
.toxicity-2 { background-color: rgba(50, 205, 50, 0.5); } /* Лайм-зеленый с прозрачностью */
.toxicity-3 { background-color: rgba(154, 205, 50, 0.5); } /* Желто-зеленый с прозрачностью */
.toxicity-4 { background-color: rgba(255, 215, 0, 0.5); } /* Золотой с прозрачностью */
.toxicity-5 { background-color: rgba(255, 165, 0, 0.5); } /* Оранжевый с прозрачностью */
.toxicity-6 { background-color: rgba(255, 140, 0, 0.5); } /* Темно-оранжевый с прозрачностью */
.toxicity-7 { background-color: rgba(255, 69, 0, 0.5); } /* Оранжево-красный с прозрачностью */
.toxicity-8 { background-color: rgba(255, 99, 71, 0.5); } /* Помидорный с прозрачностью */
.toxicity-9 { background-color: rgba(255, 0, 0, 0.5); } /* Красный с прозрачностью */

.suggetsscroll{
    overflow-y: scroll !important;
}
.browserlose{
    float: right;
    margin-right: 3px;
    font-size: 20px;
}
.browserleft{
    float: left;
    margin-left: 3px;
    margin-right: 10px;
    font-size: 20px;
}
.browsermaxi{
    margin-left: 5px;
    margin-right: 5px;
    font-size: 20px;
}
.browprofclip {
    float: left;
    margin-right: 5px;
    font-size: 20px;
    color: mediumblue;
}

.webix_column > div.webix_row_select {
    background: #bbc9ff69;
}
.brocounter{
    zoom: 45%;
    top: -7px;
    left: 5px;
    position: relative;
    margin-right: 30px;
}
.badgemodbro:empty{
    visibility: hidden;
    /*background-color: white;*/
}
.badgemodbro{
    position: relative;
    margin-left: 5px;
    top: -4px;
}
.browserhleeft{
    float: left;
    margin-right: 5px;
    font-size: 19px;
}
.browsershow{
    float: right;
    margin-right: 3px;
    font-size: 20px;
}
.browserheader{
    margin-left: 30px;
    background-color: #b8c7df;
    width: 619px;
    text-transform: capitalize;
    padding-left: 5px;
    margin-bottom: 5px;
    -moz-box-shadow: 1px 2px 2px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 1px 2px 2px 0px rgb(50 50 50 / 75%);
    text-shadow: 0px 0px 2px rgb(10 10 10);
    font-weight: 600;
    letter-spacing: 1.5px;
    color: white;
}
.browserfooter{
    margin-left: 30px;
    position:absolute;
    background-color: #dddee3;
    width: 619px;
    text-transform: capitalize;
    padding-left: 5px;
    margin-bottom: 5px;
    -moz-box-shadow: 1px 2px 2px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 1px 2px 2px 0px rgb(50 50 50 / 75%);
    text-shadow: 0px 0px 3px rgb(10 10 10);
    font-weight: 600;
    letter-spacing: 1.5px;
    color: white;
}
.browsermaxfooter{
    /*margin-left: 30px;*/
    position:absolute;
    /*background-color: #dddee3;*/
    /*width: 619px;*/
    text-transform: capitalize;
    padding-left: 5px;
    margin-bottom: 5px;
    -moz-box-shadow: 1px 2px 2px 0px rgba(50, 50, 50, 0.75);
    /*box-shadow: 1px 2px 2px 0px rgb(50 50 50 / 75%);*/
    text-shadow: 0px 0px 3px rgb(10 10 10);
    font-weight: 600;
    letter-spacing: 1.5px;
    color: white;
    line-height: 23px;
}
.browserright{
    border-right: none;
    border-bottom: none;
}
.browsersidebaright{
    text-align: center;
    display: block;
    position: relative;
    float: right;
    /*height: 300px;*/
    width: 28px;
    margin-top: -250px;
    /*background-color: #dddee3;*/
}
.browsersidebarleft{
    text-align: center;
    display: block;
    position: relative;
    float: left;
    width: 28px;
    margin-top: 60px;
    /*height: 450px;*/
}
.browsesinfo{
    margin-left: 30px;
    visibility: hidden;
    font-family: 'Roboto';
    font-size: 13px;
    font-weight: 600;
    position: absolute;
    z-index: 1;
    width: 600px;
    margin-top: 2px;
    margin-left: 40px;
    padding: 5px;
    height: 160px;
    margin-right: auto;
    background: #03243cb5;
    /*text-align: center;*/
    -moz-box-shadow: 1px 2px 2px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 2px 2px 7px 1px rgb(15 15 16 / 75%);
    /*text-shadow: 1px 1px 1px rgb(10 10 10);*/
    color: aliceblue;
    letter-spacing: 1.4px;
    border-radius: 5px;
}

.browsesinfotitle{
    font-weight: bolder;
    color: greenyellow;
    margin: 0px 5px 0px 5px;
    float: left;
}
.browsesinfovalue{
    margin: 0px 5px 0px 5px;
    float: left;
    text-align: center;
}
.xbsuggests webix_hcolumn{
    text-align: center !important;
}
.loginLabel .webix_el_box {
    font-size: 17px;
    letter-spacing: 5px;
    text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
    text-align: center !important;
}
.ssheet_list_sheets .webix_list_item {
    width: max-content !important;
}
.webix_lock:before{
    color: #c4bfb9 !important;
    font-family: 'Material Design Icons';
    content: '\F0341';
}
.webix_disabled_view {
    opacity: 0.4;
}
.webix_dataview_item{
    padding: 0px !important;
}
.xbplaybut{
    width: 35px !important;
    height: 36px !important;
}
.xbplaybut > div{
    width: 35px !important;
}
.webix_view.webix_control .webix_disabled_box .webix_button{
    opacity: 0.3 !important;
}
.xbplaybut > div > button{
    padding: 0px;
    background:none !important;
    width: 32px;
    color:#11fb64f2 !important;
    font-size: 30px !important;
    text-shadow: 1px 1px 2px rgb(150 150 150);
}
.xbplaybut > div > button:hover{
    background-color: #F4F5F9;
    opacity: 1;
    transform: scale(0.94);
    box-shadow: 0.5px 0.5px 5px 0.1px rgba(50, 50, 50, 0.25);
    border-radius: 50%;

    /*background-color: #F4F5F9 !important;*/
    /*opacity: 1;*/
    /*transform: scale(1);*/
    /*border-radius: 50%;*/
    /*padding: 0px !important;*/
    /*-webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.25);*/
    /*-moz-box-shadow:    1px 1px 2px 0px rgba(50, 50, 50, 0.25);*/
    /*box-shadow:         1px 1px 2px 0px rgba(50, 50, 50, 0.25);*/
}

.xplaybutton {

}

.xbplayprof {
    padding: 0px;
    background:none !important;
    width: 30px;
    color:#11fb64f2 !important;
    font-size: 25px !important;
    text-shadow: 1px 1px 2px rgb(150 150 150);
}
.xbrofdata {
    margin-left: -5px;
    align-content: center;
    text-align: center;
    /* margin: 0; */
    padding: 0px;
    background: none !important;
    width: 30px;
    color: #11fb64f2 !important;
    font-size: 20px !important;
    text-shadow: 1px 1px 2px rgb(150 150 150);
}
/*.xbplayprof:hover{*/
    /*background-color: #F4F5F9;*/
    /*opacity: 1;*/
    /*transform: scale(0.94);*/
    /*box-shadow: 0.5px 0.5px 5px 0.1px rgba(50, 50, 50, 0.25);*/
    /*border-radius: 50%;*/
/*}*/
.webix_icon, .webix_icon_btn {
    font-family: FontAwesome !important;
}
.webix_nav_panel_side {
    height: auto;
}
.image{
    /*padding-left: 5%;*/
}
.mar10{
    margin-left: 10px !important;

}
.labeltolbar > div{
    color: #47546673 !important;
    font-size: 14px !important;
}

.webix_icon_button:hover:before {
    background-color: #F4F5F9;
    opacity: 1;
    transform: scale(0.84);
    -moz-box-shadow: 0.5px 0.5px 5px 0.1px rgba(50, 50, 50, 0.75);
    box-shadow: 0.5px 0.5px 5px 0.1px rgba(50, 50, 50, 0.25);
}
.webix_icon_button:hover:hover{
    transform: scale(0.94);
}

/*.webix_sidebar .webix_tree_branch_1:hover{*/
/*}*/
.webix_tree_item:hover{
    background-image: linear-gradient(to top, lightgrey 0%, lightgrey 1%, #e0e0e0 26%, #efefef 48%, #d9d9d9 75%, #bcbcbc 100%);
    -moz-box-shadow: 0px 1px 4px 1px rgb(50 50 50 / 46%);
    box-shadow: 0px 1px 4px 1px rgb(50 50 50 / 46%);
    border-style: inset;
    border-width: 1px;
    opacity: 0.7;
}
.webix_sidebar_popup .webix_sidebar_popup_title .webix_template{
    background-image: linear-gradient(to top, lightgrey 0%, lightgrey 1%, #e0e0e0 26%, #efefef 48%, #d9d9d9 75%, #bcbcbc 100%);
    -moz-box-shadow: 0px 1px 4px 1px rgb(50 50 50 / 46%);
    box-shadow: 0px 1px 4px 1px rgb(50 50 50 / 46%);
    border-style: inset;
    border-width: 1px;
    opacity: 0.7;
}

.webix_sidebar{
    background-image: linear-gradient(to top, #dfe9f3 0%, white 100%) !important;
}
.webix_tree_item.webix_selected{
    background-image: linear-gradient(-225deg, #E3FDF5 0%, #FFE6FA 100%);
}
.webix_tree_item.webix_selected >span {
    /*color: palegreen !important;*/
}
.webix_sidebar.webix_sidebar_left .webix_tree_item.webix_selected{
    box-shadow: inset 3px 0 #0bef51;
}
.webix_sidebar_popup .webix_sidebar_popup_title.webix_selected {
    /* color: #1CA1C1; */
    font-weight: 700;
    color: palegreen !important;
    text-shadow: -1px -1px 3px rgb(8 8 8 / 98%);
    font-size: 16px;
    letter-spacing: 1.1px;
}
@charset "UTF-8";
/* card sizes */
@font-face {
    font-family: "filemanager-webfont";
    src: url("fonts/filemanager-webfont.woff2") format("woff2"), url("fonts/filemanager-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}
[class^=fmi-]:before,
[class*=fmi-]:before {
    font-family: "filemanager-webfont";
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.facheckprice{
    float: left;
    /*margin-right: 5px;*/
    color: #0b980b;
    text-shadow: 1px 1px 2px rgb(150 150 150);
}
priceinfo{
    float: left;
}
/*
Glyphs list
*/
.fmi-check:before {
    content: "";
}

.fmi-circle:before {
    content: "";
}

.fmi-file-plus-outline:before {
    content: "";
}

.fmi-file-tree:before {
    content: "";
}

.fmi-file-upload-outline:before {
    content: "";
}

.fmi-folder-plus-outline:before {
    content: "";
}

.fmi-information-outline:before {
    content: "";
}

.fmi-open-in-new:before {
    content: "";
}

.fmi-view-array:before {
    content: "";
}

.fmi-view-grid:before {
    content: "";
}

.fmi-view-list:before {
    content: "";
}

.fmi-content-copy:before {
    content: "";
}

.fmi-content-cut:before {
    content: "";
}

.fmi-content-paste:before {
    content: "";
}

.fmi-rename-box:before {
    content: "";
}

.webix_fmanager_cards {
    background-color: #ebedf0;
}
.webix_fmanager_cards .webix_dataview_item.tiles {
    padding: 0;
    border-radius: 3px;
    background-color: #ffffff;
    border-color: #ccd7e6;
}
.webix_fmanager_cards .webix_dataview_item.tiles.webix_selected {
    border-color: #1ca1c1;
}
.webix_fmanager_cards .webix_dataview_item.tiles.webix_drag_over {
    background-color: #f4f5f9;
}
.webix_fmanager_cards .webix_dataview_item.tiles.webix_drag_over.webix_selected {
    background-color: #ffffff;
}
.webix_fmanager_cards .webix_dataview_item.tiles .webix_fmanager_folder_icon {
    margin-left: 4px;
    color: #1ca1c1;
    font-size: 90px;
}
.webix_fmanager_cards .webix_dataview_item.tiles .webix_fmanager_folder_icon:before {
    margin-left: 0px;
}

.webix_fmanager_card_label {
    color: #828d9c;
    font-size: 12px;
    line-height: 12px;
    display: block;
}

.webix_fmanager_card_preview {
    position: relative;
    height: 119px;
}
.webix_fmanager_card_preview.file {
    background-color: white;
    height: 124px;
}
.webix_fmanager_card_preview.file:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(transparent 80%, rgba(134, 134, 134, 0.3));
}

.webix_fmanager_card_panel {
    position: relative;
    padding: 10px 12px;
    height: 36px;
}
.webix_fmanager_card_panel.file {
    height: 30px;
    border-top: 1px solid #ccd7e6;
}

.webix_fmanager_card_name {
    display: inline-block;
    white-space: nowrap;
    font-weight: 500;
    width: 155px;
    height: 29px;
    line-height: 30px;
    color: #475466;
}
.webix_fmanager_card_name.folder {
    overflow: hidden;
    text-overflow: ellipsis;
}
.webix_fmanager_card_name .webix_fmanager_file-type-icon {
    margin: 0;
    height: 29px;
}

.webix_fmanager_menu_icon {
    position: absolute;
    padding: 4px;
    width: 20px;
    border-radius: 100px;
    right: 12px;
    bottom: 10px;
    color: #475466;
    font-size: 20px;
}
.webix_fmanager_menu_icon:hover {
    background-color: #ebedf0;
}

.file_name_text {
    margin-left: 8px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 125px;
}

.webix_fmanager_preview_name .webix_el_box {
    padding: 3px 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.webix_fmanager_preview .webix_template {
    padding: 0px;
}
.webix_fmanager_preview .webix_template img {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.webix_fmanager_preview .webix_template img.webix_fmanager_preview_icon {
    margin: 20px;
    width: 90%;
    height: 90%;
}

.webix_fmanager_info_tab .webix_item_tab.webix_selected {
    cursor: default;
}
.webix_fmanager_info_tab .webix_item_tab.webix_selected:focus {
    box-shadow: inset 0 -2px #1ca1c1;
    color: #1ca1c1;
}

.webix_fmanager_preview_info.extra {
    border-bottom-color: transparent;
    border-top-color: #ebedf0;
}
.webix_fmanager_preview_info .webix_template {
    padding: 0;
}
.webix_fmanager_preview_info .key_col {
    float: left;
    width: 40%;
    font-weight: 500;
    text-align: right;
}
.webix_fmanager_preview_info .value_col {
    float: right;
    width: 60%;
    white-space: nowrap;
}
.webix_fmanager_preview_info .key_value_cell {
    padding: 6px;
}
.webix_fmanager_preview_info .key_value_cell.key {
    width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.webix_fmanager_id3tags-unknown {
    color: #94a1b3;

}
.webix_fmanager_info_header {
    margin: 8px 0;
}
.webix_fmanager_info_header .webix_fmanager_icon {
    color: #94a1b3;
    line-height: 1.5;
}

.webix_fmanager_info_title {
    color: #475466;
    font-weight: 500;
}

/* plyr player style */
.webix_fmanager_player .plyr--audio .plyr__controls {
    background: #ffffff;
}
.webix_fmanager_player .plyr__video-wrapper {
    background: #ffffff;
}
.webix_fmanager_player .plyr--video .plyr__controls {
    background: linear-gradient(transparent, #ffffff);
}
.webix_fmanager_player .plyr--video .plyr__progress__buffer {
    color: rgba(193, 201, 209, 0.66);
    box-shadow: none;
    background: rgba(193, 201, 209, 0.66);
}
.webix_fmanager_player .plyr--video .plyr__control.plyr__tab-focus,
.webix_fmanager_player .plyr--video .plyr__control--overlaid {
    background: #1ca1c1;
}
.webix_fmanager_player .plyr--video .plyr__control--overlaid:hover {
    background: #1787a2;
}
.webix_fmanager_player .plyr--video .plyr__control.plyr__tab-focus {
    box-shadow: none;
}
.webix_fmanager_player .plyr__time--current {
    color: #4a5764;
}
.webix_fmanager_player .icon--not-pressed,
.webix_fmanager_player .icon--pressed {
    fill: #4a5764;
}
.webix_fmanager_player .plyr__controls__item.plyr__control:hover .icon--not-pressed, .webix_fmanager_player .plyr__controls__item.plyr__control:hover .icon--pressed, .webix_fmanager_player .plyr__controls__item.plyr__volume .plyr__control:hover .icon--not-pressed, .webix_fmanager_player .plyr__controls__item.plyr__volume .plyr__control:hover .icon--pressed, .webix_fmanager_player .plyr__controls__item.plyr__control.plyr__tab-focus,
.webix_fmanager_player .plyr__controls__item .plyr__control.plyr__tab-focus, .webix_fmanager_player .plyr__controls__item.plyr__control:hover,
.webix_fmanager_player .plyr__controls__item .plyr__control:hover,
.webix_fmanager_player .plyr__controls__item .plyr__control[aria-expanded=true], .webix_fmanager_player .plyr__controls__item.plyr__control[aria-expanded=true] {
    fill: #1ca1c1;
    background: transparent;
}
.webix_fmanager_player .plyr__controls__item.plyr__control:hover .icon--not-pressed .icon--not-pressed,
.webix_fmanager_player .plyr__controls__item.plyr__control:hover .icon--not-pressed .icon--pressed, .webix_fmanager_player .plyr__controls__item.plyr__control:hover .icon--pressed .icon--not-pressed,
.webix_fmanager_player .plyr__controls__item.plyr__control:hover .icon--pressed .icon--pressed, .webix_fmanager_player .plyr__controls__item.plyr__volume .plyr__control:hover .icon--not-pressed .icon--not-pressed,
.webix_fmanager_player .plyr__controls__item.plyr__volume .plyr__control:hover .icon--not-pressed .icon--pressed, .webix_fmanager_player .plyr__controls__item.plyr__volume .plyr__control:hover .icon--pressed .icon--not-pressed,
.webix_fmanager_player .plyr__controls__item.plyr__volume .plyr__control:hover .icon--pressed .icon--pressed, .webix_fmanager_player .plyr__controls__item.plyr__control.plyr__tab-focus .icon--not-pressed,
.webix_fmanager_player .plyr__controls__item.plyr__control.plyr__tab-focus .icon--pressed,
.webix_fmanager_player .plyr__controls__item .plyr__control.plyr__tab-focus .icon--not-pressed,
.webix_fmanager_player .plyr__controls__item .plyr__control.plyr__tab-focus .icon--pressed, .webix_fmanager_player .plyr__controls__item.plyr__control:hover .icon--not-pressed,
.webix_fmanager_player .plyr__controls__item.plyr__control:hover .icon--pressed,
.webix_fmanager_player .plyr__controls__item .plyr__control:hover .icon--not-pressed,
.webix_fmanager_player .plyr__controls__item .plyr__control:hover .icon--pressed,
.webix_fmanager_player .plyr__controls__item .plyr__control[aria-expanded=true] .icon--not-pressed,
.webix_fmanager_player .plyr__controls__item .plyr__control[aria-expanded=true] .icon--pressed, .webix_fmanager_player .plyr__controls__item.plyr__control[aria-expanded=true] .icon--not-pressed,
.webix_fmanager_player .plyr__controls__item.plyr__control[aria-expanded=true] .icon--pressed {
    fill: #1ca1c1;
}
.webix_fmanager_player .plyr__controls__item.plyr__control.plyr__tab-focus,
.webix_fmanager_player .plyr__controls__item .plyr__control.plyr__tab-focus {
    box-shadow: none;
}
.webix_fmanager_player .plyr--full-ui input[type=range] {
    color: #1ca1c1;
}
.webix_fmanager_player .plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
    box-shadow: 0 0 0 2px rgba(28, 161, 193, 0.5);
}
.webix_fmanager_player .plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
    box-shadow: 0 0 0 2px rgba(28, 161, 193, 0.5);
}
.webix_fmanager_player .plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
    box-shadow: 0 0 0 2px rgba(28, 161, 193, 0.5);
}
.webix_fmanager_player .plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
    background-color: rgba(193, 201, 209, 0.66);
}
.webix_fmanager_player .plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
    background-color: rgba(193, 201, 209, 0.66);
}
.webix_fmanager_player .plyr--full-ui.plyr--video input[type=range]::-ms-track {
    background-color: rgba(193, 201, 209, 0.66);
}

.webix_fmanager_tree .webix_tree_item {
    text-overflow: ellipsis;
}
.webix_fmanager_tree .webix_tree_item.webix_selected .webix_icon,
.webix_fmanager_tree .webix_tree_item .webix_icon {
    color: #ccc;
    padding: 0 2px 0 0;
    font-size: 21px;
    vertical-align: top;
}

.webix_fmanager_fsstats .webix_template {
    padding: 4px 14pt;
}

.webix_fmanager_inner_drag_zone_list .webix_fmanager_file-type-icon, .webix_fmanager_file-type-icon {
    float: left;
    height: 29px;
}

.webix_fmanager_filelist .webix_dtable_colrow {
    cursor: pointer;
    background-color: #ffffff;
    border-bottom: 1px solid #edeff0;
}
.webix_fmanager_filelist .webix_dtable_colrow.webix_selected .webix_fmanager_back_icon {
    position: relative;
    top: 3px;
    color: #1ca1c1;
    font-size: 23px;
    margin-right: 10px;
}
.webix_fmanager_filelist .webix_dtable_colrow.webix_selected .webix_fmanager_back {
    color: #1ca1c1;
}
.webix_fmanager_filelist .webix_dtable_colrow.webix_selected .webix_fmanager_back:hover {
    color: #1ca1c1;
}
.webix_fmanager_filelist .webix_dtable_colrow .webix_fmanager_back_icon {
    position: relative;
    top: 3px;
    color: #1ca1c1;
    font-size: 23px;
    margin-right: 10px;
}
.webix_fmanager_filelist .webix_dtable_colrow .webix_fmanager_back {
    color: #94a1b3;
}
.webix_fmanager_filelist .webix_dtable_colrow .webix_fmanager_back:hover {
    color: #1ca1c1;
}
.webix_fmanager_filelist .wxi-folder {
    position: relative;
    top: 2px;
    color: #ccc;
    font-size: 23px;
    margin-right: 10px;
}

.webix_fmanager_file-type-icon {
    margin-top: 3px;
    margin-right: 7px;
}

.webix_fmanager_grid_drag_zone_list {
    padding: 4px 8px;
    border: 1px solid #edeff0;
    font-weight: 500;
}

.webix_fmanager_inner_drag_zone_list {
    line-height: 28px;
    max-width: 200px;
    min-width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.webix_fmanager_inner_drag_zone_list .webix_fmanager_file-type-icon {
    margin-top: -2px;
    margin-right: 8px;
}
.webix_fmanager_inner_drag_zone_list .wxi-folder {
    position: relative;
    top: 2px;
    color: #ccc;
    font-size: 23px;
    margin-right: 10px;
}

.webix_fmanager_prompt .webix_win_head {
    border-color: #ffffff;
}
.webix_fmanager_prompt .webix_win_head .webix_toolbar {
    background: #ffffff;
}
.webix_fmanager_prompt .webix_win_head .webix_toolbar .webix_el_label {
    color: #475466;
}
.webix_fmanager_prompt .webix_win_head .webix_toolbar .webix_icon_button .webix_icon {
    color: #94a1b3;
}
.webix_fmanager_prompt .webix_win_head .webix_toolbar .webix_icon_button:hover .webix_icon {
    color: #475466;
}
.webix_fmanager_prompt .webix_fmanager_prompt_input input {
    border-color: transparent;
    border-bottom-color: #ccd7e6;
}
.webix_fmanager_prompt .webix_fmanager_prompt_input input:focus {
    border-color: transparent;
    border-bottom-color: #1ca1c1;
}
.webix_fmanager_prompt .webix_fmanager_prompt_input.webix_invalid input {
    border-color: #ff8d82;
    border-bottom-color: #ff8d82;
}
.webix_fmanager_prompt .webix_fmanager_prompt_input.webix_invalid:focus {
    border-color: #ff8d82;
    border-bottom-color: #ff8d82;
}

.webix_fmanager_progress .webix_win_head {
    border-bottom: 1px solid transparent;
}

.webix_fmanager_progress_head {
    box-shadow: inset 0 4px #1ca1c1;
    background-color: #ffffff;
}
.webix_fmanager_progress_head .webix_template {
    padding-top: 12px;
    text-align: center;
}

.webix_template > div.webix_fmanager_progress_bar {
    text-align: center;
}

.webix_fmanager_progress_counter {
    font-weight: 500;
}

.webix_fmanager_progress_name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.webix_fmanager_progress_cancel .webix_el_box {
    padding: 2px 0;
}

.webix_fmanager_spec_icon .webix_icon {
    font-size: 20px;
    height: 20px;
}

.webix_fmanager_editor_save .webix_icon_btn {
    margin-left: -6px;
}
.webix_fmanager_editor_save .webix_icon_btn.webix_fmanager_icon.fmi-circle {
    color: #ffe834;
    font-size: 14px;
}

.webix_fmanager_path .webix_template {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 300;
    padding: 0;
}

.webix_fmanager_path_chunk:hover {
    cursor: pointer;
    color: #1ca1c1;
}

.webix_fmanager_context-menu-hotkey {
    color: #94a1b3;
    float: right;
}

.webix_fmanager_preview_toggle .webix_icon_btn {
    margin-right: 0;
}

.webix_fmanager_add_new_menu {
    border-color: transparent;
}

/* folder icons for dnd hover in all views*/
.webix_fmanager_filelist .webix_drag_over .wxi-folder:before,
.webix_fmanager_cards .webix_drag_over .wxi-folder:before,
.webix_fmanager_tree .webix_drag_over .wxi-folder:before {
    content: "";
    /* opened folder */
}
.webix_fmanager_filelist .webix_drag_over.webix_selected .wxi-folder:before, .webix_fmanager_filelist .webix_drag_over.webix_row_select .wxi-folder:before,
.webix_fmanager_cards .webix_drag_over.webix_selected .wxi-folder:before,
.webix_fmanager_cards .webix_drag_over.webix_row_select .wxi-folder:before,
.webix_fmanager_tree .webix_drag_over.webix_selected .wxi-folder:before,
.webix_fmanager_tree .webix_drag_over.webix_row_select .wxi-folder:before {
    content: "";
    /* closed folder */
}

.webix_fmanager_confirm .webix_popup_text {
    text-align: left;
}
.webix_fmanager_confirm .webix_popup_text .question {
    margin-bottom: 10px;
}
.webix_fmanager_confirm .webix_popup_text .item {
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* text-overflow 'middle-ellipsis' */
.webix_fmanager_editor_name .webix_el_box {
    white-space: nowrap;
}
.webix_fmanager_editor_name .webix_el_box .filename {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 51px);
}

/* material overrides */
.webix_fmanager_filelist .wxi-folder:before {
    margin-left: -2px;
}

.webix_fmanager_mode_icon {
    font-size: 18px;
}

.webix_fmanager_preview_toggle .webix_icon_btn {
    vertical-align: middle;
}

.webix_fmanager_preview_toggle :-moz-any(.webix_icon_btn) {
    vertical-align: text-bottom;
}

.webix_fmanager_editor_save .webix_fmanager_icon.fmi-circle {
    vertical-align: initial;
}

.webix_fmanager_menu .webix_icon:before {
    vertical-align: middle;
}
.webix_fmanager_menu :-moz-any(.webix_list_icon) {
    vertical-align: text-bottom;
}
.wxi-check{
    font-family: "Webix Material Icons" !important;
}

.xbplugins{
    padding: 5px;
    /*overflow-y: auto;*/
    /*display: flex;*/
}
.xbcatname{
    padding-top: 25px;
    padding-bottom: 30px;
    white-space: nowrap;
    overflow: hidden;
    color: black;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    text-align: center;
    line-height: 1.4;
}
.xpos2tname{
    margin-top: 25px;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    color: black;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    text-align: center;
    line-height: 1.4;
}
.top-salesforce-bg {
    background: url(https://digbro.ru/wp-content/themes/aibrowsers/images/bg-salesforce.jpg) no-repeat center 65%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
}

.extra-widget-list-item:before {
    content: "";
    display: block;
    width: 18px;
    height: 15px;
    background: url(https://digbro.ru/wp-content/themes/aibrowsers/images/check-icon-purple.svg) no-repeat center center;
    position: absolute;
    top: 4px;
    left: 0;
}
.extra-widget-content-descr .landing-txt {
    font-size: 1.6rem;
    line-height: 2.5rem;
    font-weight: 400;
    color: rgba(0,0,0,0.6);
}
.extra-widget-content-wrap {
    margin: 2rem auto 0;
    max-width: 1110px;
}

.xpostname{
    white-space: nowrap;
    overflow: hidden;
    color: black;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    text-align: center;
    line-height: 1.4;
}

.xbcatdescr{
    text-align: center;
    height: 85px;
}
.xbaddonbuy:hover:before{
    transform: scale(1) !important;
}
.xbaddonsale{
    height: 50px;
    font-size: 3rem;
    line-height: 3.2rem;
    font-weight: 500;
    color: #7E57C2;
    padding-bottom: .2rem;
    text-shadow: 2px 2px 7px rgb(150 150 150);
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.xbaddonsurf {
    text-align: left;
    height: 50px;
    font-size: 2rem;
    line-height: 6rem;
    width: 80px;
    display: inline-block;
}
.tempclearborder{
    border:none;
}
/*.windowshead .webix_win_head>.webix_view>.webix_template {*/
.windowshead .webix_win_head {
    background: #657584 !important;
    color: #fff;
}
.windowshead .webix_win_head .webix_template {
    background: #657584 !important;
    color: #fff;
}
.windowshead .webix_win_body .webix_form {
    background-color: lightyellow;
}
.windowshead .webix_win_body .webix_form .webix_fieldset_body{
    background-color: lightyellow;
}
.windowshead .webix_win_body .webix_form .webix_fieldset_label{
    background-color: lightyellow;
}
.windowshead .webix_win_body .webix_form .webix_fieldset > fieldset {
    background-color: lightyellow;
}

.webix_timeline_value {
    font-weight: normal;
}
.xbcatimg{
    width:  280px;
    height: 280px;
    /*margin-left: 10%;*/
    /*margin-right: 10%;*/
    /*margin-top: -28px;*/
}
.xbpostimg{
    width:  280px;
    height: 280px;
    /*margin-left: 10%;*/
    /*margin-right: 10%;*/
    margin-top: -28px;
}

.itemaddon{
    /*border-top-right-radius: 50px;*/
    /*border-top-left-radius: 50px;*/
    margin-top:20px !important;
    height: 450px;
    width:  280px;
    align-items: center;
    border: 1px solid var(--csvGray-1);
    box-sizing: border-box;
    /*display: flex;*/
    /*flex-wrap: wrap;*/
    /*min-width: 245px;*/
    transition: var(--csvLoad);
    /*max-width: 400px;*/
    /*flex-direction: column;*/
    /*margin: 1.7% !important;*/
    margin-left: auto !important;
    margin-right: auto !important;
    box-shadow: 0px 11px 30px 5px rgb(0 0 0 / 30%);
}
.itemaddon:hover {
    box-shadow: 0px 11px 30px 5px rgb(0 0 0 / 90%);
    border-color: #d2d2d2;
}

.robo_photo{
    -webkit-box-shadow: 5px 1px 10px 2px rgb(50 50 50 / 75%);
    -moz-box-shadow: 5px 1px 10px 2px rgb(50 50 50 / 75%);
    box-shadow: 5px 1px 10px 2px rgb(50 50 50 / 75%);
    border: 1px solid var(--csvGray-1) !important;
    box-sizing: border-box;
    transition: var(--csvLoad);
}

.profile_photo{
    -webkit-box-shadow: 1px 5px 10px 0px rgb(12 34 187 / 47%);
    -moz-box-shadow: 1px 5px 10px 0px rgb(12 34 187 / 47%);
    box-shadow: 1px 5px 10px 0px rgb(12 34 187 / 47%);
    border: 1px solid var(--csvGray-1) !important;
    box-sizing: border-box;
    transition: var(--csvLoad);
}

.cur3page{
    /*flex-direction: column;*/
    /*flex-grow: 1;*/
    /*width: 100% !important;*/
    /*height: 100vh !important;*/
}
.addonspace{
    /*overflow-y: scroll !important;*/

}
.addon{
    /*height: 100vh !important;*/
    /*overflow-y: scroll !important;*/
}
.addon >div{
    /*display: flex;*/
    /*flex-direction: row;*/
    /*flex-wrap: nowrap;*/
    /*justify-content: space-between;*/
    overflow-y: scroll !important;
    zoom: 0.9;
}
.addon >div >div{
    height: 570px !important;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}
.radio-addon-name{
    font-size: 1.6rem;
    line-height: 2.1rem;
    color: rgba(0, 0, 0, 0.6);
    /*margin-left: 3rem;*/
}
.sidebaricon .webix_tree_item{
    color: #95a0af !important;
    font-weight: 400;
    letter-spacing: 1.2px;
    font-size: 14px;
    height: 38px !important;
    line-height: 38px !important;

}
.paybutton >div >button{
    background: #11fb64f2 !important;
    box-shadow: 1px 2px 4px rgb(150 150 150 / 75%);
    text-shadow: -1px -1px 4px rgb(4 4 4 / 80%);
    color: white !important;
    letter-spacing: 1.5px;
}
.sidebaricon .webix_sidebar_icon {
    color: aliceblue !important;
    margin-right: 8px;
    text-shadow: -1px -1px 4px rgb(30 29 33 / 80%);
}
.trashicon{
    color:rgba(171, 5, 5, 0.28);
    cursor:pointer;
}
.helphicon{
    color:rgb(83 206 101 / 88%);
    cursor:pointer;
}
.plusicon{
    color:rgb(83 206 101 / 88%);
    cursor:pointer;
}
.plusicon >div >button >span{
    color:rgb(83 206 101 / 88%) !important;
    cursor:pointer;
}

.cardsidebaricon{
    color: aliceblue !important;
    text-shadow: -1px -1px 4px rgb(30 29 33 / 80%);
    font-size: 22px;
}
.cardpopupicon{
    color: aliceblue !important;
    text-shadow: -1px -1px 4px rgb(30 29 33 / 80%);
    font-size: 20px;
}
.green_button >div >button{
    text-shadow: -1px -1px 6px rgb(10 10 10);
    background: #19f667 !important;
    color: #fafafd !important;
    -moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.60);
    -moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.60);
    box-shadow: 1px 1px 5px -1px rgb(50 50 50 / 60%);
}
.boldlabel >div{
    font-weight: 700 !important;
    text-shadow: 1px 1px 6px rgb(12 34 187 / 70%);
}
.edit_diasbled >div >input{
    background-color: mintcream;
}
.datetime_diasbled >div >div{
    background-color: mintcream !important;
}
.blue_button >div >button{
    text-shadow: -1px -1px 6px rgb(10 10 10);
    background: #0c22bb !important;
    color: #fafafd !important;
    -moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.60);
    -moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.60);
    box-shadow: 1px 1px 5px -1px rgb(50 50 50 / 60%);
}
.xmaintitle >div >a{
    /*text-shadow: 0px 1px 4px rgb(6 6 6 / 80%);*/
    /*color: #ffffff !important;*/
    text-shadow: -1px -1px 3px rgb(30 29 33 / 80%);
    color: aliceblue !important;
    letter-spacing: 2px !important;
    font-size: 18px !important;
    font-weight: 500 !important;
}
.menuicon{
    margin-left: 6px !important;
    margin-right: 8px !important;
}
.menuicon >div >button >span{
    color: aliceblue !important;
    text-shadow: -1px -1px 3px rgb(30 29 33 / 80%);
}
.addon-reddiscount {
    background: #fb3406a3;
    color: rgba(255, 255, 255, 1);
    display: block;
    font-weight: 700;
    position: relative;
    top: 60px;
    font-size: 16px;
    text-align: center;
    letter-spacing: 8px;
    width: 129px;
    left: -10px;
    padding: 2px 30px;
    transform: rotate(
            -45deg
    );
    transform-origin: 0;
    text-transform: uppercase;
    -webkit-box-shadow: 1px 1px 7px 1px rgb(50 50 50 / 75%);
    -moz-box-shadow: 1px 1px 7px 1px rgba(50, 50, 50, 0.75);
    box-shadow: 1px 1px 7px 1px rgb(50 50 50 / 75%);
    text-shadow: 1px 1px 2px rgb(37 34 34);
}
.addon-discount {
    background: #4bb32091;
    color: rgba(255, 255, 255, 1);
    display: block;
    font-weight: 700;
    position: relative;
    top: 60px;
    font-size: 16px;
    text-align: center;
    letter-spacing: 8px;
    width: 129px;
    left: -10px;
    padding: 2px 30px;
    transform: rotate(
            -45deg
    );
    transform-origin: 0;
    text-transform: uppercase;
    -webkit-box-shadow: 1px 1px 7px 1px rgb(50 50 50 / 75%);
    -moz-box-shadow: 1px 1px 7px 1px rgba(50, 50, 50, 0.75);
    box-shadow: 1px 1px 7px 1px rgb(50 50 50 / 75%);
    text-shadow: 1px 1px 2px rgb(37 34 34);
}

.addonspace .webix_scroll_cont>div{
    /*height: 510px !important;*/
    height: 100% !important;
}
.counterlen .webix_inp_counter_value{
    width: 60px;
}

.countermaxlen .webix_inp_counter_value{
    width: 73% !important;
}
.counterminlen .webix_inp_counter_value{
    width: 53% !important;
}
.butcenter >div{
    margin: auto !important;
}

.labellink{
    cursor: pointer;
}
.labellink >div{
    color: #1CA1C1 !important;
}
.labecenterllink{
    cursor: pointer;
}
.labecenterllink >div{
    text-align: center;
    color: #1CA1C1 !important;
}
.labelbutton >div >button{
    letter-spacing: 2px;
    -webkit-box-shadow: 1px 1px 2px 1px rgb(50 50 50 / 75%);
    -moz-box-shadow: 1px 1px 2px 1px rgba(50, 50, 50, 0.75);
}
.closerep-button{
    right:5px;
    position: absolute;
}
.xbroicon >div >button >span{
    color: #101010 !important;
    text-shadow: 1px 1px 9px rgb(150 150 150);
}
.xbroiconlight >div >button >span{
    color: #94A1B3 !important;
    text-shadow: 1px 1px 9px rgb(150 150 150);
}
.xbroiconforestgreen >div >button >span {
    color: forestgreen !important;
}
.xbrogreenicon >div >button >span{
    color: #0ab938f2 !important;
    text-shadow: 1px 1px 9px rgb(150 150 150);
}

.xbrotitle >div{
    /*text-shadow: 0px 1px 4px rgb(6 6 6 / 80%);*/
    color: #000000 !important;
    letter-spacing: 1.2px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

.shodowicon{
    text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
}
.mailrefresh {
    float: right;
    padding: 5px;
    color: #1CA1C1;
    text-shadow: 1px 1px 4px rgb(150 150 150 / 75%);
}
.mailcopy {
    float: right;
    padding: 5px;
    color: #1f5cc2;
    text-shadow: 1px 1px 4px rgb(150 150 150 / 75%);
}
.mailtree {
    margin-right: 5px;
    margin-left: 5px;
    text-shadow: 1px 1px 2px rgb(150 150 150);
}
.mailedit{
    float: right;
    padding: 5px;
    color: #0ab938f2;
    text-shadow: 1px 1px 4px rgb(150 150 150 / 75%);
}
.mailtrash{
    float: right;
    padding: 5px;
    color: rgba(232, 101, 37, 0.95);
    text-shadow: 1px 1px 4px rgb(150 150 150 / 75%);
}


/* new payment form*/
.rcl-payment-form{
    width: 380px;
    margin: 10px auto;
    max-width: 100%;
    padding: 5px;
    /*border: 1px solid #ccc;*/
}
.rcl-payment-form .title-form{
    padding: 5px 5px 5px 45px;
    background-size: 38px;
    background-position: top 0px left 0px;
    background-repeat: no-repeat;
    font-size: 16px;
    background-color: #e7e7e7;
    cursor:pointer;
    /* color: #fff; */
}
.rcl-payment-form .title-form .rcli{
    float: right;
    padding: 7px 10px;
    display: none;
    /* color: #ffffff; */
}
.rcl-payment-form .title-form .rcli:before {
    content: "\f067"
}
.rcl-payment-form.display-form .title-form .rcli:before {
    content: "\f068";
}
.rcl-payment-form .rcl-form{
    margin: 0;
    padding-top: 5px;
}
.rcl-payment-form.fixed-sum .rcl-form{
    display: none;
}
.rcl-payment-form.display-form .rcl-form{
    display: block;
}
.rcl-payment-form .form-field{

}
.rcl-payment-form .rcl-form .submit-box{
    background: none;
}
.rcl-payment-form .rcl-field-core .block-label{
    padding: 10px 10px 10px 50px;
    background-size: 40px;
    background-position: top 0px left 0px;
    background-repeat: no-repeat;
    border: 1px solid #ccc;
    font-size: 14px;
}
.rcl-payment-form .rcl-field-gateway_id{

}
.rcl-payment-form .rcl-field-gateway_id .rcl-radio-box{
    display:block;
    padding: 3px 0 3px 40px;
    background-size: 35px;
    background-position: 5px 5px;
    background-repeat: no-repeat;
    margin: 5px 0;
    border: 1px solid #ccc;
}
.rcl-payment-form .rcl-field-gateway_id .rcl-radio-box label{
    display:block;
    background: none;
    border: none;
}


/****/

/* balance-widget */

.rcl-balance-widget{
    max-width: 350px;
}
.rcl-balance-widget .balance-amount{
    text-align: center;
}
.rcl-balance-widget .amount-title{
    display: block;
    font-weight: bold;
    text-align: left;
}
.rcl-balance-widget .amount-size{
    font-size: 18px;
}
.rcl-balance-widget .update-link{
    text-decoration: none;
    border: none;
    font-size: 13px;
    vertical-align: middle;
    margin-left: 15px;
    color: #4c8cbd;
}
.rcl-balance-widget .balance-form{
    display:none;
}

/****/
.rcl-form {
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
    box-sizing: border-box;
    font-size: 14px;
    line-height: normal;
    margin: 0 0 12px;
    text-align: left;
    width: 100%;
}
.rcl-field-input .rcl-radio-box { display: inline-flex; margin-right: 2px; position: relative; }
.rcl-field-input .checkbox-display-block{ display: block; }
* {
    box-sizing: border-box;
}
.rcl-field {
    margin: 5px 0;
    width: 100%;
}
.rcl-field .rcl-field-title {
    font-weight: bold;
    margin-bottom: 5px;
    display: inline-block;
}
.rcli {
    width: auto;
    font-family: rcl-awesome;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa-fw, .fa-li, .rcli {
    text-align: center;
}

/*input:not([type="file"]):not([type="checkbox"]):not([type="radio"]):not([type="button"]), textarea, select {*/
    /*background-color: var(--csvWhite);*/
    /*border: var(--csvBorder);*/
    /*border-radius: 0;*/
    /*box-shadow: none;*/
    /*box-sizing: border-box;*/
    /*color: var(--csvGray-7);*/
    /*float: none;*/
    /*font-family: inherit;*/
    /*font-size: 16px;*/
    /*height: auto;*/
    /*line-height: 1.4;*/
    /*margin: 0;*/
    /*outline: 0;*/
    /*width: 100%;*/
    /*max-width: 500px;*/
/*}*/
input:not([type="file"]):not([type="button"]), textarea {
    padding: 6px 12px;
}
.rcl-field-input input[type="radio"], .rcl-field-input input[type="checkbox"] {
    left: 10px;
    opacity: 0;
    position: absolute;
    top: 10px;
    z-index: -1;
}

body .rcl-bttn.rcl-bttn__type-primary {
    color: #fff !important;
    background: #027dac;
    font-size: 14px;
    -webkit-box-shadow: 1px 1px 2px 1px rgb(50 50 50 / 75%);
    -moz-box-shadow: 1px 1px 2px 1px rgba(50, 50, 50, 0.75);
}
:root span.required {
    color: rgb(229, 57, 53);
    font: bold 15px/1 Verdana,arial;
    padding: 0;
}
.notify.ssi-error .ssi-modalTitle span.error, .notify.ssi-error .ssi-modalTitle span.success, .notify.ssi-info .ssi-modalTitle span.info, .notify.ssi-info .ssi-modalTitle span.success, .notify.ssi-success .ssi-modalTitle span.success, .notify.ssi-warning .ssi-modalTitle span.success, .notify.ssi-warning .ssi-modalTitle span.warning, .ssi-modalNavigation .ssi-modalNext span, .ssi-modalNavigation .ssi-modalPrev span, .ssi-modalOuter.ssi-fullScreen .ssi-modalWindow .ssi-displayIcon, .ssi-topIcons .ssi-closeIcon, .ssi-topIcons .ssi-displayIcon {
    background-image: url(https://codeseller.ru/wp-content/plugins/wp-recall/css/images/sprite.png);
}
.ssi-backdrop, body.ssi-modalOpen {
    overflow: hidden;
}
.ssi-backdrop, .ssi-modalOuter {
    position: fixed;
    z-index: 1500;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%}
.ssi-backdrop {
    background: url(data:image/gif;
    base64, R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
    background: rgba(0, 0, 0, .5);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,  startColorstr='#B3000000',  endColorstr='#B3000000');
}
.ssi-modalOuter {
    overflow: auto;
}
.ssi-modalOuter.ssi-fullScreen .ssi-modalWrapper {
    width: 100%!important;
    margin: 0;
    border-radius: 0;
    height: 100%}
.ssi-modalOuter.ssi-fullScreen .ssi-modalWindow {
    overflow: auto;
    border-radius: 0;
    min-height: 100%}
.ssi-modalOuter.ssi-fullScreen .ssi-modalWindow .ssi-modalContent {
    padding-bottom: 0;
}
.ssi-modalOuter.ssi-fullScreen .ssi-modalWindow .ssi-buttons {
    position: fixed;
    width: 100%}
.ssi-modalOuter.ssi-fullScreen .ssi-modalWindow .ssi-displayIcon, .ssi-modalOuter.ssi-fullScreen .ssi-modalWindow .ssi-displayIcon:hover {
    background-position: 0 -120px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 24px;
    height: 24px;
}
.ssi-modalOuter.ssi-fullScreen .ssi-modalWindow .ssi-displayIcon:hover {
    background-position: 0 -96px;
}
.ssi-center {
    display: table;
}
.ssi-center .ssi-modalWrapper {
    display: table-cell;
    vertical-align: middle;
}
.ssi-center .ssi-modalWindow {
    margin-left: auto;
    margin-right: auto;
}
.ssi-modalWrapper {
    position: relative;
    margin: 30px auto 20px;
    z-index: 1501;
}
.ssi-modalWrapper.full {
    width: 100%}
.ssi-modalWrapper .ssi-modalWindow.auto, .ssi-modalWrapper.auto {
    display: table;
    width: auto;
}
.ssi-modalWrapper .ssi-modalWindow.large, .ssi-modalWrapper.large {
    width: 80%}
@media only screen and (max-width:900px) {
    .ssi-modalWrapper .ssi-modalWindow.large, .ssi-modalWrapper.large {
        width: 85%}
}@media only screen and (max-width:600px) {
    .ssi-modalWrapper .ssi-modalWindow.large, .ssi-modalWrapper.large {
        width: 95%}
}@media only screen and (max-width:450px) {
    .ssi-modalWrapper .ssi-modalWindow.large, .ssi-modalWrapper.large {
        width: 98%}
    .ssi-modalWrapper .ssi-modalWindow.large .ssi-modalTitle, .ssi-modalWrapper.large .ssi-modalTitle {
        font-size: 18px;
    }
}.ssi-modalWrapper .ssi-modalWindow.mediumToLarge, .ssi-modalWrapper.mediumToLarge {
     width: 70%}
@media only screen and (max-width:900px) {
    .ssi-modalWrapper .ssi-modalWindow.mediumToLarge, .ssi-modalWrapper.mediumToLarge {
        width: 80%}
}@media only screen and (max-width:600px) {
    .ssi-modalWrapper .ssi-modalWindow.mediumToLarge, .ssi-modalWrapper.mediumToLarge {
        width: 90%}
}@media only screen and (max-width:450px) {
    .ssi-modalWrapper .ssi-modalWindow.mediumToLarge, .ssi-modalWrapper.mediumToLarge {
        width: 95%}
    .ssi-modalWrapper .ssi-modalWindow.mediumToLarge .ssi-modalTitle, .ssi-modalWrapper.mediumToLarge .ssi-modalTitle {
        font-size: 18px;
    }
}.ssi-modalWrapper .ssi-modalWindow.medium, .ssi-modalWrapper.medium {
     width: 62%}
@media only screen and (max-width:900px) {
    .ssi-modalWrapper .ssi-modalWindow.medium, .ssi-modalWrapper.medium {
        width: 72%}
}@media only screen and (max-width:600px) {
    .ssi-modalWrapper .ssi-modalWindow.medium, .ssi-modalWrapper.medium {
        width: 82%}
}@media only screen and (max-width:450px) {
    .ssi-modalWrapper .ssi-modalWindow.medium, .ssi-modalWrapper.medium {
        width: 95%}
    .ssi-modalWrapper .ssi-modalWindow.medium .ssi-modalTitle, .ssi-modalWrapper.medium .ssi-modalTitle {
        font-size: 18px;
    }
}.ssi-modalWrapper .ssi-modalWindow.smallToMedium, .ssi-modalWrapper.smallToMedium {
     width: 50%}
@media only screen and (max-width:900px) {
    .ssi-modalWrapper .ssi-modalWindow.smallToMedium, .ssi-modalWrapper.smallToMedium {
        width: 70%}
}@media only screen and (max-width:600px) {
    .ssi-modalWrapper .ssi-modalWindow.smallToMedium, .ssi-modalWrapper.smallToMedium {
        width: 80%}
}@media only screen and (max-width:450px) {
    .ssi-modalWrapper .ssi-modalWindow.smallToMedium, .ssi-modalWrapper.smallToMedium {
        width: 90%}
    .ssi-modalWrapper .ssi-modalWindow.smallToMedium .ssi-modalTitle, .ssi-modalWrapper.smallToMedium .ssi-modalTitle {
        font-size: 18px;
    }
}.ssi-modalWrapper .ssi-modalWindow.small, .ssi-modalWrapper.small {
     width: 45%}
@media only screen and (max-width:900px) {
    .ssi-modalWrapper .ssi-modalWindow.small, .ssi-modalWrapper.small {
        width: 65%}
}@media only screen and (max-width:600px) {
    .ssi-modalWrapper .ssi-modalWindow.small, .ssi-modalWrapper.small {
        width: 75%}
}@media only screen and (max-width:450px) {
    .ssi-modalWrapper .ssi-modalWindow.small, .ssi-modalWrapper.small {
        width: 85%}
    .ssi-modalWrapper .ssi-modalWindow.small .ssi-modalTitle, .ssi-modalWrapper.small .ssi-modalTitle {
        font-size: 18px;
    }
}.ssi-modalWrapper .ssi-modalWindow.dialog, .ssi-modalWrapper.dialog {
     width: 30%}
@media only screen and (max-width:900px) {
    .ssi-modalWrapper .ssi-modalWindow.dialog, .ssi-modalWrapper.dialog {
        width: 50%}
}@media only screen and (max-width:600px) {
    .ssi-modalWrapper .ssi-modalWindow.dialog, .ssi-modalWrapper.dialog {
        width: 60%}
}@media only screen and (max-width:450px) {
    .ssi-modalWrapper .ssi-modalWindow.dialog, .ssi-modalWrapper.dialog {
        width: 80%}
    .ssi-modalWrapper .ssi-modalWindow.dialog .ssi-modalTitle, .ssi-modalWrapper.dialog .ssi-modalTitle {
        font-size: 18px;
    }
}.ssi-modalWindow {
     width: 100%;
     background: #fff;
     border: 1px solid #c3c3c3;
     position: relative;
     border-radius: 8px;
     padding: 18px 6px 5px;
 }
.ssi-topIcons {
    padding-left: 5px;
    font-weight: 600;
    position: absolute;
    top: 0;
    line-height: 25px;
    right: 0;
    z-index: 1;
}
.ssi-topIcons a {
    float: left;
    color: #8c8c8c;
    font-size: 30px;
    text-decoration: none;
    margin-right: 5px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-color: inherit;
}
.ssi-topIcons a:hover {
    color: #265067;
}
.ssi-topIcons .ssi-displayIcon {
    background-position: 0 0;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 24px;
    height: 24px;
}
.ssi-topIcons .ssi-closeIcon, .ssi-topIcons .ssi-closeIcon:hover, .ssi-topIcons .ssi-displayIcon:hover {
    background-position: 0 -144px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 24px;
    height: 24px;
}
.ssi-topIcons .ssi-closeIcon, .ssi-topIcons .ssi-closeIcon:hover {
    background-position: 0 -72px;
}
.ssi-topIcons .ssi-closeIcon:hover {
    background-position: 0 -24px;
}
.ssi-modalTitle {
    padding: 0 0 5px 15px;
    font: italic 600 25px Georgia, serif;
    border-bottom: 1px solid #ddd;
}
.ssi-modalTitle .ssi-displayTime {
    font-size: 18px;
}
.ssi-modalContent {
    min-height: 50px;
    margin-top: 0;
    padding: 5px 15px 10px;
    z-index: 1501;
    position: relative;
}
.ssi-modalContent:after {
    content: " ";
    display: table;
    clear: both;
}
.ssi-modalContent::-webkit-scrollbar {
    -webkit-appearance: none;
}
.ssi-modalContent::-webkit-scrollbar:vertical {
    width: 15px;
}
.ssi-modalContent::-webkit-scrollbar:horizontal {
    height: 12px;
}
.ssi-modalContent::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #fff;
}
.ssi-modalContent::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #fff;
}
.ssi-modalContent.ssi-overflow {
    overflow: auto;
}
.ssi-buttons {
    position: relative;
    bottom: 0;
    padding: 5px 5px 1px;
    border-top: 1px solid #ddd;
}
.ssi-buttons:after, .ssi-modalPositioned.left .ssi-modalWrapper:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
}
.ssi-buttons .ssi-leftButtons {
    float: left;
}
.ssi-buttons .ssi-rightButtons, .ssi-modalPositioned.right .ssi-modalWrapper, .ssi-modalPositioned.right .ssi-modalWrapper .ssi-modalWindow {
    float: right;
}
.ssi-buttons .ssi-modalBtn {
    margin: 2px;
}
.ssi-buttons .ssi-countDown {
    color: #d1d1d1;
    font-size: 12px;
    margin-left: 5px;
}
.ssi-modalPositioned {
    overflow: visible;
    height: 0;
}
.ssi-modalPositioned.left .ssi-modalWindow, .ssi-modalPositioned.left .ssi-modalWrapper {
    float: left;
}
.ssi-modalPositioned.bottom {
    top: auto;
    height: auto;
    bottom: 0;
}
.ssi-modalPositioned.bottom .ssi-modalWrapper {
    height: auto;
}
.ssi-modalPositioned.top {
    top: 0;
}
.ssi-modalPositioned.center .ssi-modalWrapper, .ssi-modalPositioned.center .ssi-modalWrapper .ssi-modalWindow {
    margin-left: auto!important;
    margin-right: auto!important;
}
.ssi-modalPositioned .ssi-modalWrapper {
    margin: 15px 3px;
    padding: 0;
    height: 0;
}
.ssi-modalPositioned .ssi-modalWrapper .ssi-modalWindow {
    margin: 10px 0;
    clear: both;
    z-index: 1500;
}
.ssi-modalPositioned.ssi-stack {
    pointer-events: none;
    z-index: 3000;
}
.ssi-modalPositioned.ssi-stack.center .ssi-modalWrapper .ssi-modalWindow {
    margin: 4px;
}
.ssi-modalPositioned.ssi-stack .ssi-modalWrapper {
    width: 100%;
    margin: 0;
}
.ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow:first-child {
    margin-top: 10px;
}
.ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow {
    pointer-events: auto;
    margin: 2px 7px;
    box-shadow: -1px 1px 28px -2px #a196a1;
}
.ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.ssi-smoothSlide {
    visibility: hidden;
    display: block!important;
}
.ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.full {
    width: 99.9%;
    margin: 1px;
}
@media only screen and (max-width:450px) {
    .ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.full {
        width: 99.5%}
    .ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.full .ssi-modalTitle {
        font-size: 18px;
    }
}.ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.large {
     width: 800px;
 }
@media only screen and (max-width:900px) {
    .ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.large {
        width: 90%}
}@media only screen and (max-width:600px) {
    .ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.large {
        width: 85%}
}@media only screen and (max-width:450px) {
    .ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.large {
        width: 99.5%;
        margin: 1px;
    }
    .ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.large .ssi-modalTitle {
        font-size: 18px;
    }
}.ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.mediumToLarge {
     width: 700px;
 }
@media only screen and (max-width:900px) {
    .ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.mediumToLarge {
        width: 85%}
}@media only screen and (max-width:600px) {
    .ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.mediumToLarge {
        width: 75%}
}@media only screen and (max-width:450px) {
    .ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.mediumToLarge {
        width: 80%}
    .ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.mediumToLarge .ssi-modalTitle {
        font-size: 18px;
    }
}.ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.medium {
     width: 600px;
 }
@media only screen and (max-width:900px) {
    .ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.medium {
        width: 80%}
}@media only screen and (max-width:600px) {
    .ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.medium {
        width: 75%}
}@media only screen and (max-width:450px) {
    .ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.medium {
        width: 80%}
    .ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.medium .ssi-modalTitle {
        font-size: 18px;
    }
}.ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.smallToMedium {
     width: 500px;
 }
@media only screen and (max-width:600px) {
    .ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.smallToMedium {
        width: 60%}
}@media only screen and (max-width:450px) {
    .ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.smallToMedium {
        width: 55%}
    .ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.smallToMedium .ssi-modalTitle {
        font-size: 18px;
    }
}.ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.small {
     width: 400px;
 }
@media only screen and (max-width:600px) {
    .ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.small {
        width: 60%}
}@media only screen and (max-width:450px) {
    .ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.small {
        width: 55%}
    .ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.small .ssi-modalTitle {
        font-size: 18px;
    }
}.imgBox.ssi-center .ssi-modalWindow, .ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.dialog {
     width: 300px;
 }
@media only screen and (max-width:600px) {
    .ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.dialog {
        width: 45%}
}@media only screen and (max-width:450px) {
    .ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.dialog {
        width: 55%}
    .ssi-modalPositioned.ssi-stack .ssi-modalWrapper .ssi-modalWindow.dialog .ssi-modalTitle {
        font-size: 18px;
    }
}.ssi-hover {
     cursor: pointer;
 }
.ssi-hover:hover {
    box-shadow: -1px 1px 17px 0 #757175;
}
.ssi-hidden {
    display: none;
}
.ssi-borderOut {
    border: none!important;
}
.anim {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes ssi-fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}@keyframes ssi-fadeIn {
     0% {
         opacity: 0;
     }
     to {
         opacity: 1;
     }
 }.ssi-fadeIn {
      -webkit-animation-name: ssi-fadeIn;
      animation-name: ssi-fadeIn;
  }
@-webkit-keyframes ssi-fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}@keyframes ssi-fadeOut {
     0% {
         opacity: 1;
     }
     to {
         opacity: 0;
     }
 }.ssi-fadeOut {
      -webkit-animation-name: ssi-fadeOut;
      animation-name: ssi-fadeOut;
  }
.ssi-backdrop.imgBox {
    background: rgba(0, 0, 0, .87);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,  startColorstr='#CC000000',  endColorstr='#CC000000');
}
.imgBox {
    overflow: auto;
}
.imgBox .ssi-modalWrapper {
    margin-top: 55px;
    z-index: 11111;
    width: 300px;
}
.imgBox .ssi-modalWrapper .ssi-topIcons {
    margin-right: -15px;
    margin-top: -12px;
    z-index: 11111;
}
.imgBox .ssi-modalWrapper .ssi-topIcons a {
    background-color: #5c5c5e;
    color: #fff;
    width: 24px;
    height: 24px;
    line-height: 0;
    border-radius: 30px;
}
.imgBox .ssi-modalWrapper .ssi-topIcons a:hover {
    color: #e9e9e9;
}
.imgBox .ssi-modalWrapper .ssi-topIcons .ssi-closeIcon, .imgBox .ssi-modalWrapper .ssi-topIcons .ssi-closeIcon:hover {
    background-position: 0 -48px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 24px;
    height: 24px;
}
.imgBox .ssi-modalWrapper .ssi-topIcons.inTitle {
    margin-top: 25px;
}
@media only screen and (max-width:450px) {
    .imgBox .ssi-modalWrapper .ssi-topIcons.inTitle {
        margin-top: 15px;
    }
    .imgBox .ssi-modalWrapper .ssi-topIcons.inTitle .ssi-modalTitle {
        font-size: 18px;
    }
}.imgBox .ssi-modalWrapper.ssi-imgBorder .ssi-modalContent {
     --webkit-box-shadow: 0 0 31px -1px rgba(245, 245, 245, .3);
     box-shadow: 0 0 31px -1px rgba(245, 245, 245, .3);
     border: 1px solid #fff;
 }
.imgBox .ssi-modalWrapper.ssi-overHeight, .imgBox .ssi-modalWrapper.ssi-overHeight .ssi-modalWindow {
    -webkit-transition: height .6s, width .6s;
    transition: height .6s, width .6s;
}
.imgBox .ssi-modalWrapper .ssi-modalWindow {
    border: none;
    border-radius: 2px;
    padding: 0;
    background: 0 0;
}
.imgBox .ssi-modalWrapper .ssi-modalWindow .ssi-modalTitle {
    padding-left: 0;
    text-align: center;
    font-weight: 300;
    color: #fff!important;
    border-bottom: none;
}
@media only screen and (max-width:450px) {
    .imgBox .ssi-modalWrapper .ssi-modalWindow .ssi-modalTitle {
        font-size: 15px;
    }
    .imgBox .ssi-modalWrapper .ssi-modalWindow .ssi-modalTitle .ssi-modalTitle {
        font-size: 18px;
    }
}.imgBox .ssi-modalWrapper .ssi-modalWindow .ssi-buttons {
     border: none;
 }
.imgBox .ssi-modalWrapper .ssi-modalWindow .ssi-modalContent {
    position: relative;
    overflow: hidden;
    text-align: center;
    border-radius: 0;
    background: 0 0;
    margin: 0 auto;
    padding: 0;
    height: 300px;
}
.imgBox .ssi-modalWrapper .ssi-modalWindow .ssi-modalContent h3, .imgBox .ssi-modalWrapper .ssi-modalWindow .ssi-modalContent h4 {
    color: #5e5e5e;
}
.imgBox .ssi-modalWrapper .ssi-modalWindow .ssi-modalContent .ssi-modalImg {
    width: 100%}
.imgBox .ssi-modalWrapper .ssi-modalWindow .ssi-modalContent .ssi-imgButtons {
    position: absolute;
    left: 0;
    bottom: auto;
    width: 100%;
    z-index: 101000001;
    padding: 8px;
}
.imgBox .ssi-modalWrapper .ssi-modalWindow .ssi-modalContent .ssi-imgButtons .ssi-leftButtons {
    float: left;
}
.imgBox .ssi-modalWrapper .ssi-modalWindow .ssi-modalContent .ssi-imgButtons .ssi-rightButtons {
    float: right;
}
.imgBox .ssi-modalWrapper .ssi-modalWindow .ssi-modalContent .ssi-imgButtons .ssi-imgBtn {
    margin: 2px;
    padding: 3px;
}
.ssi-modalNavigation {
    position: fixed;
    top: 50%;
    z-index: 1500;
    margin-top: -150px;
    left: 0;
    height: 300px;
    width: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}
@media only screen and (max-width:900px) {
    .ssi-modalNavigation {
        height: 200px;
        margin-top: -100px;
    }
}@media only screen and (max-width:450px) {
    .ssi-modalNavigation {
        height: 100px;
        margin-top: -50px;
    }
    .ssi-modalNavigation .ssi-modalTitle {
        font-size: 18px;
    }
}.ssi-modalNavigation .ssi-modalNext, .ssi-modalNavigation .ssi-modalPrev {
     top: 0;
     outline: 0;
     height: 100%;
     cursor: pointer;
 }
.ssi-modalNavigation .ssi-modalNext span, .ssi-modalNavigation .ssi-modalPrev span {
    position: relative;
    top: 40%}
.ssi-modalNavigation .ssi-modalPrev {
    width: 40%;
    left: 0;
    float: left;
}
.ssi-modalNavigation .ssi-modalPrev span {
    background-position: 0 -356px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 56px;
    height: 56px;
}
.ssi-modalNavigation .ssi-modalNext span, .ssi-modalNavigation .ssi-modalNext:hover span, .ssi-modalNavigation .ssi-modalPrev:hover span {
    background-position: 0 -300px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 56px;
    height: 56px;
}
.ssi-modalNavigation .ssi-modalNext {
    width: 60%;
    float: right;
    right: 0;
}
.ssi-modalNavigation .ssi-modalNext span {
    float: right;
    background-position: 0 -468px;
}
.ssi-modalNavigation .ssi-modalNext:hover span {
    background-position: 0 -412px;
}
.imgBox .ssi-modalWrapper.ssi-iframe {
    width: 50%;
    height: 55%}
@media only screen and (max-width:900px) {
    .imgBox .ssi-modalWrapper.ssi-iframe {
        padding: 10px;
        width: 90%}
}@media only screen and (max-width:600px) {
    .imgBox .ssi-modalWrapper.ssi-iframe {
        width: 100%}
}@media only screen and (max-width:450px) {
    .imgBox .ssi-modalWrapper.ssi-iframe {
        padding: 0;
        width: 100%}
    .imgBox .ssi-modalWrapper.ssi-iframe .ssi-modalTitle {
        font-size: 18px;
    }
}.imgBox .ssi-modalWrapper.ssi-iframe .ssi-modalWindow {
     height: 100%}
.imgBox .ssi-modalWrapper.ssi-iframe .ssi-modalWindow .ssi-topIcons {
    margin-right: 8%;
    z-index: 2001;
}
.imgBox .ssi-modalWrapper.ssi-iframe .ssi-modalWindow .ssi-imgButtons {
    width: 0%}
@media only screen and (max-width:900px) {
    .imgBox .ssi-modalWrapper.ssi-iframe .ssi-modalWindow {
        padding: 10px;
        width: 90%}
    .imgBox .ssi-modalWrapper.ssi-iframe .ssi-modalWindow .ssi-topIcons {
        margin-top: 0;
        margin-right: 9%}
    .imgBox .ssi-modalWrapper.ssi-iframe .ssi-modalWindow .ssi-topIcons.inTitle {
        margin-top: 35px;
    }
}@media only screen and (max-width:600px) {
    .imgBox .ssi-modalWrapper.ssi-iframe .ssi-modalWindow {
        width: 100%}
}@media only screen and (max-width:450px) {
    .imgBox .ssi-modalWrapper.ssi-iframe .ssi-modalWindow {
        padding: 0;
        width: 100%;
        max-height: 400px;
    }
    .imgBox .ssi-modalWrapper.ssi-iframe .ssi-modalWindow .ssi-modalTitle {
        font-size: 18px;
    }
    .imgBox .ssi-modalWrapper.ssi-iframe .ssi-modalWindow .ssi-modalContent .ssi-modalNext span, .imgBox .ssi-modalWrapper.ssi-iframe .ssi-modalWindow .ssi-modalContent .ssi-modalNext:hover span {
        background-position-x: 15px;
    }
    .imgBox .ssi-modalWrapper.ssi-iframe .ssi-modalWindow .ssi-modalContent .ssi-modalPrev span, .imgBox .ssi-modalWrapper.ssi-iframe .ssi-modalWindow .ssi-modalContent .ssi-modalPrev:hover span {
        background-position-x: -15px;
    }
    .imgBox .ssi-modalWrapper.ssi-iframe .ssi-modalWindow .ssi-topIcons {
        margin-top: -10px;
        margin-right: 5%}
    .imgBox .ssi-modalWrapper.ssi-iframe .ssi-modalWindow .ssi-topIcons.inTitle {
        margin-top: 15px;
    }
}.imgBox .ssi-modalWrapper.ssi-iframe .ssi-modalContent {
     width: 100%;
     height: 90%!important;
 }
.imgBox .ssi-modalWrapper.ssi-iframe iframe, .ssi-center.imgBox .ssi-iframe iframe {
    position: relative;
    z-index: 2000;
    width: 80%;
    height: 100%}
.ssi-center.imgBox .ssi-iframe {
    width: 100%;
    height: 100%}
.ssi-center.imgBox .ssi-iframe .ssi-modalWindow {
    width: 60%;
    height: 55%}
@media only screen and (max-width:900px) {
    .ssi-center.imgBox .ssi-iframe .ssi-modalWindow {
        padding: 10px;
        width: 90%}
}@media only screen and (max-width:600px) {
    .ssi-center.imgBox .ssi-iframe .ssi-modalWindow {
        width: 100%}
}@media only screen and (max-width:450px) {
    .ssi-center.imgBox .ssi-iframe .ssi-modalWindow {
        width: 100%;
        max-height: 400px;
        padding: 0;
    }
    .ssi-center.imgBox .ssi-iframe .ssi-modalWindow .ssi-modalTitle {
        font-size: 18px;
    }
}.ssi-center.imgBox .ssi-iframe .ssi-modalContent {
     width: 100%;
     height: 90%}
.ssi-loader {
    position: relative;
    margin: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    background: url(https://codeseller.ru/wp-content/plugins/wp-recall/css/images/loader.gif) no-repeat;
}
.ssi-navFadeOut {
    opacity: 0!important;
}
.ssi-navFadeIn {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"!important;
    filter: alpha(opacity=100)!important;
    opacity: 1!important;
}
.ssi-navFade {
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
}
.notify.ssi-modalWindow {
    padding-top: 12px;
}
.notify .ssi-icon {
    max-width: 30px;
    max-height: 30px;
    float: left;
    clear: left;
}
.notify .ssi-modalContent {
    max-height: 150px;
    overflow: auto;
    padding: 5px 15px;
    margin-top: 0;
    min-height: 30px;
}
.notify .ssi-modalContent::-webkit-scrollbar:vertical {
    width: 6px;
}
.notify .ssi-modalContent::-webkit-scrollbar:horizontal {
    height: 6px;
}
.notify .ssi-modalTitle {
    line-height: 32px;
    padding-bottom: 5px;
}
.notify .ssi-modalTitle:after {
    content: " ";
    display: block;
    clear: both;
}
.notify.ssi-success {
    background-color: #2ea53a;
}
.notify.ssi-error, .notify.ssi-info, .notify.ssi-success, .notify.ssi-warning {
    padding: 3px 5px;
    margin: 2px 0;
    font: 500 18px "Times New Roman";
    color: #fff;
}
.notify.ssi-error .ssi-modalTitle, .notify.ssi-info .ssi-modalTitle, .notify.ssi-success .ssi-modalTitle, .notify.ssi-warning .ssi-modalTitle {
    text-transform: capitalize;
    padding-left: 5px;
}
.notify.ssi-error .ssi-modalTitle span.success, .notify.ssi-info .ssi-modalTitle span.success, .notify.ssi-success .ssi-modalTitle span.success, .notify.ssi-warning .ssi-modalTitle span.success {
    background-position: 0 -234px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 33px;
    height: 33px;
}
.notify.ssi-success .ssi-modalContent::-webkit-scrollbar-thumb {
    background-color: #3c7e28;
}
@media only screen and (max-width:900px) {
    .notify.ssi-error, .notify.ssi-info, .notify.ssi-success, .notify.ssi-warning {
        font-size: 15px;
    }
    .notify.ssi-error .ssi-modalTitle, .notify.ssi-info .ssi-modalTitle, .notify.ssi-success .ssi-modalTitle, .notify.ssi-warning .ssi-modalTitle {
        padding-bottom: 1px;
        font-size: 20px;
    }
}@media only screen and (max-width:600px) {
    .notify.ssi-error, .notify.ssi-info, .notify.ssi-success, .notify.ssi-warning {
        width: 45%}
}@media only screen and (max-width:450px) {
    .notify.ssi-error, .notify.ssi-info, .notify.ssi-success, .notify.ssi-warning {
        font-size: 12px;
    }
    .notify.ssi-error .ssi-modalTitle, .notify.ssi-info .ssi-modalTitle, .notify.ssi-success .ssi-modalTitle, .notify.ssi-warning .ssi-modalTitle {
        font-size: 18px;
    }
}.notify.ssi-success:hover {
     background-color: #2c9738;
 }
.notify.ssi-info {
    background-color: #006cbc;
}
.notify.ssi-info .ssi-modalTitle span.info {
    background-position: 0 -201px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 33px;
    height: 33px;
}
.notify.ssi-info .ssi-modalContent::-webkit-scrollbar-thumb {
    background-color: #5d6ad6;
}
.notify.ssi-info:hover {
    background-color: #00529d;
}
.notify.ssi-warning {
    background-color: #db9100;
}
.notify.ssi-warning .ssi-modalTitle span.warning {
    background-position: 0 -267px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 33px;
    height: 33px;
}
.notify.ssi-warning .ssi-modalContent::-webkit-scrollbar-thumb {
    background-color: #b57300;
}
.notify.ssi-warning:hover {
    background-color: #c68200;
}
.notify.ssi-error {
    background-color: #bd3630;
}
.notify.ssi-error .ssi-modalTitle span.error {
    background-position: 0 -168px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 33px;
    height: 33px;
}
.notify.ssi-error .ssi-modalContent::-webkit-scrollbar-thumb {
    background-color: #9d1d2a;
}
.notify.ssi-error:hover {
    background-color: #a73832;
}
@charset "UTF-8";
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.animated.infinite {
    animation-iteration-count: infinite;
}
.animated.hinge {
    animation-duration: 2s;
}
.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
    animation-duration: .75s;
}
@keyframes bounce {
    0%, 20%, 53%, 80%, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translateZ(0);
    }
    40%, 43% {
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        transform: translate3d(0, -4px, 0);
    }
}.bounce {
     animation-name: bounce;
     transform-origin: center bottom;
 }
@keyframes flash {
    0%, 50%, to {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}.flash {
     animation-name: flash;
 }
@keyframes pulse {
    0% {
        transform: scaleX(1);
    }
    50% {
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        transform: scaleX(1);
    }
}.pulse {
     animation-name: pulse;
 }
@keyframes rubberBand {
    0% {
        transform: scaleX(1);
    }
    30% {
        transform: scale3d(1.25, .75, 1);
    }
    40% {
        transform: scale3d(.75, 1.25, 1);
    }
    50% {
        transform: scale3d(1.15, .85, 1);
    }
    65% {
        transform: scale3d(.95, 1.05, 1);
    }
    75% {
        transform: scale3d(1.05, .95, 1);
    }
    to {
        transform: scaleX(1);
    }
}.rubberBand {
     animation-name: rubberBand;
 }
@keyframes shake {
    0%, to {
        transform: translateZ(0);
    }
    10%, 30%, 50%, 70%, 90% {
        transform: translate3d(-10px, 0, 0);
    }
    20%, 40%, 60%, 80% {
        transform: translate3d(10px, 0, 0);
    }
}.shake {
     animation-name: shake;
 }
@keyframes headShake {
    0% {
        transform: translateX(0);
    }
    6.5% {
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        transform: translateX(2px) rotateY(3deg);
    }
    50% {
        transform: translateX(0);
    }
}.headShake {
     animation-timing-function: ease-in-out;
     animation-name: headShake;
 }
@keyframes swing {
    20% {
        transform: rotate(15deg);
    }
    40% {
        transform: rotate(-10deg);
    }
    60% {
        transform: rotate(5deg);
    }
    80% {
        transform: rotate(-5deg);
    }
    to {
        transform: rotate(0deg);
    }
}.swing {
     transform-origin: top center;
     animation-name: swing;
 }
@keyframes tada {
    0% {
        transform: scaleX(1);
    }
    10%, 20% {
        transform: scale3d(.9, .9, .9) rotate(-3deg);
    }
    30%, 50%, 70%, 90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    }
    40%, 60%, 80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    }
    to {
        transform: scaleX(1);
    }
}.tada {
     animation-name: tada;
 }
@keyframes wobble {
    0% {
        transform: none;
    }
    15% {
        transform: translate3d(-25%, 0, 0) rotate(-5deg);
    }
    30% {
        transform: translate3d(20%, 0, 0) rotate(3deg);
    }
    45% {
        transform: translate3d(-15%, 0, 0) rotate(-3deg);
    }
    60% {
        transform: translate3d(10%, 0, 0) rotate(2deg);
    }
    75% {
        transform: translate3d(-5%, 0, 0) rotate(-1deg);
    }
    to {
        transform: none;
    }
}.wobble {
     animation-name: wobble;
 }
@keyframes jello {
    0%, 11.1%, to {
        transform: none;
    }
    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        transform: skewX(-.78125deg) skewY(-.78125deg);
    }
    77.7% {
        transform: skewX(.390625deg) skewY(.390625deg);
    }
    88.8% {
        transform: skewX(-.1953125deg) skewY(-.1953125deg);
    }
}.jello {
     animation-name: jello;
     transform-origin: center;
 }
@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        transform: scale3d(.9, .9, .9);
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        transform: scale3d(.97, .97, .97);
    }
    to {
        opacity: 1;
        transform: scaleX(1);
    }
}.bounceIn {
     animation-name: bounceIn;
 }
@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0);
    }
    75% {
        transform: translate3d(0, -10px, 0);
    }
    90% {
        transform: translate3d(0, 5px, 0);
    }
    to {
        transform: none;
    }
}.bounceInDown {
     animation-name: bounceInDown;
 }
@keyframes bounceInLeft {
    0%, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0);
    }
    75% {
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        transform: translate3d(5px, 0, 0);
    }
    to {
        transform: none;
    }
}.bounceInLeft {
     animation-name: bounceInLeft;
 }
@keyframes bounceInRight {
    0%, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0% {
        opacity: 0;
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        transform: translate3d(10px, 0, 0);
    }
    90% {
        transform: translate3d(-5px, 0, 0);
    }
    to {
        transform: none;
    }
}.bounceInRight {
     animation-name: bounceInRight;
 }
@keyframes bounceInUp {
    0%, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    }
    0% {
        opacity: 0;
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }
    75% {
        transform: translate3d(0, 10px, 0);
    }
    90% {
        transform: translate3d(0, -5px, 0);
    }
    to {
        transform: translateZ(0);
    }
}.bounceInUp {
     animation-name: bounceInUp;
 }
@keyframes bounceOut {
    20% {
        transform: scale3d(.9, .9, .9);
    }
    50%, 55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }
}.bounceOut {
     animation-name: bounceOut;
 }
@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0);
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
}.bounceOutDown {
     animation-name: bounceOutDown;
 }
@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }
}.bounceOutLeft {
     animation-name: bounceOutLeft;
 }
@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }
}.bounceOutRight {
     animation-name: bounceOutRight;
 }
@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0);
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
}.bounceOutUp {
     animation-name: bounceOutUp;
 }
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}.fadeIn {
     animation-name: fadeIn;
 }
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}.fadeInDown {
     animation-name: fadeInDown;
 }
@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}.fadeInDownBig {
     animation-name: fadeInDownBig;
 }
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}.fadeInLeft {
     animation-name: fadeInLeft;
 }
@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}.fadeInLeftBig {
     animation-name: fadeInLeftBig;
 }
@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}.fadeInRight {
     animation-name: fadeInRight;
 }
@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}.fadeInRightBig {
     animation-name: fadeInRightBig;
 }
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}.fadeInUp {
     animation-name: fadeInUp;
 }
@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}.fadeInUpBig {
     animation-name: fadeInUpBig;
 }
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}.fadeOut {
     animation-name: fadeOut;
 }
@keyframes fadeOutDown {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
}.fadeOutDown {
     animation-name: fadeOutDown;
 }
@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
}.fadeOutDownBig {
     animation-name: fadeOutDownBig;
 }
@keyframes fadeOutLeft {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
}.fadeOutLeft {
     animation-name: fadeOutLeft;
 }
@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }
}.fadeOutLeftBig {
     animation-name: fadeOutLeftBig;
 }
@keyframes fadeOutRight {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
}.fadeOutRight {
     animation-name: fadeOutRight;
 }
@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }
}.fadeOutRightBig {
     animation-name: fadeOutRightBig;
 }
@keyframes fadeOutUp {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }
}.fadeOutUp {
     animation-name: fadeOutUp;
 }
@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
}.fadeOutUpBig {
     animation-name: fadeOutUpBig;
 }
@keyframes flip {
    0% {
        transform: perspective(400px) rotateY(-1turn);
        animation-timing-function: ease-out;
    }
    40% {
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        animation-timing-function: ease-out;
    }
    50% {
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        animation-timing-function: ease-in;
    }
    80% {
        transform: perspective(400px) scale3d(.95, .95, .95);
        animation-timing-function: ease-in;
    }
    to {
        transform: perspective(400px);
        animation-timing-function: ease-in;
    }
}.animated.flip {
     -webkit-backface-visibility: visible;
     backface-visibility: visible;
     animation-name: flip;
 }
@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        transform: perspective(400px) rotateX(-20deg);
        animation-timing-function: ease-in;
    }
    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1;
    }
    80% {
        transform: perspective(400px) rotateX(-5deg);
    }
    to {
        transform: perspective(400px);
    }
}.flipInX {
     -webkit-backface-visibility: visible!important;
     backface-visibility: visible!important;
     animation-name: flipInX;
 }
@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        transform: perspective(400px) rotateY(-20deg);
        animation-timing-function: ease-in;
    }
    60% {
        transform: perspective(400px) rotateY(10deg);
        opacity: 1;
    }
    80% {
        transform: perspective(400px) rotateY(-5deg);
    }
    to {
        transform: perspective(400px);
    }
}.flipInY {
     -webkit-backface-visibility: visible!important;
     backface-visibility: visible!important;
     animation-name: flipInY;
 }
@keyframes flipOutX {
    0% {
        transform: perspective(400px);
    }
    30% {
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1;
    }
    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}.flipOutX {
     animation-name: flipOutX;
     -webkit-backface-visibility: visible!important;
     backface-visibility: visible!important;
 }
@keyframes flipOutY {
    0% {
        transform: perspective(400px);
    }
    30% {
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1;
    }
    to {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}.flipOutY {
     -webkit-backface-visibility: visible!important;
     backface-visibility: visible!important;
     animation-name: flipOutY;
 }
@keyframes lightSpeedIn {
    0% {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        transform: skewX(-5deg);
        opacity: 1;
    }
    to {
        transform: none;
        opacity: 1;
    }
}.lightSpeedIn {
     animation-name: lightSpeedIn;
     animation-timing-function: ease-out;
 }
@keyframes lightSpeedOut {
    0% {
        opacity: 1;
    }
    to {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}.lightSpeedOut {
     animation-name: lightSpeedOut;
     animation-timing-function: ease-in;
 }
@keyframes rotateIn {
    0% {
        transform-origin: center;
        transform: rotate(-200deg);
        opacity: 0;
    }
    to {
        transform-origin: center;
        transform: none;
        opacity: 1;
    }
}.rotateIn {
     animation-name: rotateIn;
 }
@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-45deg);
        opacity: 0;
    }
    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1;
    }
}.rotateInDownLeft {
     animation-name: rotateInDownLeft;
 }
@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(45deg);
        opacity: 0;
    }
    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1;
    }
}.rotateInDownRight {
     animation-name: rotateInDownRight;
 }
@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(45deg);
        opacity: 0;
    }
    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1;
    }
}.rotateInUpLeft {
     animation-name: rotateInUpLeft;
 }
@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }
    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1;
    }
}.rotateInUpRight {
     animation-name: rotateInUpRight;
 }
@keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1;
    }
    to {
        transform-origin: center;
        transform: rotate(200deg);
        opacity: 0;
    }
}.rotateOut {
     animation-name: rotateOut;
 }
@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        transform-origin: left bottom;
        transform: rotate(45deg);
        opacity: 0;
    }
}.rotateOutDownLeft {
     animation-name: rotateOutDownLeft;
 }
@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        transform-origin: right bottom;
        transform: rotate(-45deg);
        opacity: 0;
    }
}.rotateOutDownRight {
     animation-name: rotateOutDownRight;
 }
@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        transform-origin: left bottom;
        transform: rotate(-45deg);
        opacity: 0;
    }
}.rotateOutUpLeft {
     animation-name: rotateOutUpLeft;
 }
@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0;
    }
}.rotateOutUpRight {
     animation-name: rotateOutUpRight;
 }
@keyframes hinge {
    0% {
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }
    20%, 60% {
        transform: rotate(80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }
    40%, 80% {
        transform: rotate(60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to {
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}.hinge {
     animation-name: hinge;
 }
@keyframes jackInTheBox {
    0% {
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom;
    }
    50% {
        transform: rotate(-10deg);
    }
    70% {
        transform: rotate(3deg);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}.jackInTheBox {
     animation-name: jackInTheBox;
 }
@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate(-120deg);
    }
    to {
        opacity: 1;
        transform: none;
    }
}.rollIn {
     animation-name: rollIn;
 }
@keyframes rollOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate(120deg);
    }
}.rollOut {
     animation-name: rollOut;
 }
@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
    }
}.zoomIn {
     animation-name: zoomIn;
 }
@keyframes zoomInDown {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}.zoomInDown {
     animation-name: zoomInDown;
 }
@keyframes zoomInLeft {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}.zoomInLeft {
     animation-name: zoomInLeft;
 }
@keyframes zoomInRight {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}.zoomInRight {
     animation-name: zoomInRight;
 }
@keyframes zoomInUp {
    0% {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}.zoomInUp {
     animation-name: zoomInUp;
 }
@keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }
    to {
        opacity: 0;
    }
}.zoomOut {
     animation-name: zoomOut;
 }
@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }
    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}.zoomOutDown {
     animation-name: zoomOutDown;
 }
@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }
    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px, 0, 0);
        transform-origin: left center;
    }
}.zoomOutLeft {
     animation-name: zoomOutLeft;
 }
@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }
    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px, 0, 0);
        transform-origin: right center;
    }
}.zoomOutRight {
     animation-name: zoomOutRight;
 }
@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19);
    }
    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(.175, .885, .32, 1);
    }
}.zoomOutUp {
     animation-name: zoomOutUp;
 }
@keyframes slideInDown {
    0% {
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        transform: translateZ(0);
    }
}.slideInDown {
     animation-name: slideInDown;
 }
@keyframes slideInLeft {
    0% {
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        transform: translateZ(0);
    }
}.slideInLeft {
     animation-name: slideInLeft;
 }
@keyframes slideInRight {
    0% {
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        transform: translateZ(0);
    }
}.slideInRight {
     animation-name: slideInRight;
 }
@keyframes slideInUp {
    0% {
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        transform: translateZ(0);
    }
}.slideInUp {
     animation-name: slideInUp;
 }
@keyframes slideOutDown {
    0% {
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0);
    }
}.slideOutDown {
     animation-name: slideOutDown;
 }
@keyframes slideOutLeft {
    0% {
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0);
    }
}.slideOutLeft {
     animation-name: slideOutLeft;
 }
@keyframes slideOutRight {
    0% {
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0);
    }
}.slideOutRight {
     animation-name: slideOutRight;
 }
@keyframes slideOutUp {
    0% {
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0);
    }
}.slideOutUp {
     animation-name: slideOutUp;
 }
[class^="rcli fa-"]::before,  [class*=" rcli fa-"]::before  {
    padding:  0;
}
.rcli.rcl-icon  {
    background-color:  #b9c9d6;
    box-sizing:  content-box;
    color:  #fff;
    margin-right:  5px;
    padding:  5px;
    text-align:  center;
    width:  15px;
}
.floatright  {
    float:  right;
}
.floatleft  {
    float:  left;
}
.aligncenter  {
    text-align:  center;
}
.alignleft  {
    text-align:  left;
}
.alignright  {
    text-align:  right;
}
img.aligncenter  {
    display:  block;
    margin:  0 auto;
}
.plugin-info  {
    clear:  both;
    text-align:  center;
}
:root span.required  {
    color:  rgb(229,  57,  53);
    font:  bold 15px/1 Verdana, arial;
    padding:  0;
}
#rcl-overlay  {
    background:  rgba(0,  0,  0,  0.7);
    bottom:  0;
    display:  none;
    left:  0;
    position:  fixed;
    right:  0;
    top:  0;
    z-index:  999;
}
body:not(.wp-admin) .rcl-bttn.rcl-bttn__type-primary  {
    color:  var(--rclText);
}
span.ruble-symbol  {
    font-family:  Arial;
    font-weight:  normal;
    line-height:  1;
    position:  relative;
}
.ruble-symbol span  {
    left:  0;
    position:  absolute;
    top:  55%;
}
.wprecallblock .notify-lk  {
    color:  #000;
    font-size:  16px;
    font-weight:  bold;
    line-height:  1.4;
    text-align:  center;
}
.wprecallblock .notify-lk div  {
    padding:  6px 2px 6px 10px;
}
#rcl-notice  {
    left:  10px;
    position:  fixed;
    top:  70px;
    width:  210px;
    z-index:  1501;
}
#rcl-notice .notice-window  {
    animation-duration:  0.3s;
    font-size:  14px;
    line-height:  1.2;
    margin:  5px 0;
    padding:  8px 2px 8px 10px;
    word-wrap:  break-word;
}
.notify-lk .error,  #rcl-notice .type-error  {
    background:  rgb(255,  207,  207);
    border-left:  3px solid red;
    color:  red;
}
.notify-lk .warning,  #rcl-notice .type-warning  {
    background:  #fff5ce;
    border-left:  3px solid #333;
    color:  #333;
}
.notify-lk .success,  #rcl-notice .type-success  {
    background:  #bfffbd;
    border-left:  3px solid #008000;
    color:  #008000;
}
#rcl-notice .notice-window .close-notice  {
    color:  inherit;
    float:  right;
    padding:  0 5px 0 4px;
}
body .preloader-parent  {
    position:  relative;
}
body .rcl_preloader  {
    background:  rgba(255, 255, 255, 0.6) !important;
    display:  block !important;
    height:  100% !important;
    left:  0 !important;
    position:  absolute !important;
    top:  0 !important;
    width:  100% !important;
    z-index:  99;
}
.rcl_preloader i  {
    left:  50%;
    position:  absolute;
    top:  50%;
}
.rcl-smiles  {
    clear:  both;
    float:  right;
    position:  relative;
}
.rcl-smiles > i  {
    color:  #4c8cbd;
    cursor:  pointer;
    font-size:  20px;
}
.rcl-smiles .smiles  {
    background:  #fff;
    border-radius:  5px;
    box-shadow:  0 0 1px 1px #ccc;
    box-sizing:  border-box;
    padding:  3px;
    text-align:  left;
    width:  350px;
}
.rcl-smiles .rcl-smiles-list  {
    bottom:  0;
    display:  none;
    padding:  0 15px 20px 0;
    position:  absolute;
    right:  0;
    z-index:  9;
}
.rcl-smiles > img:hover +.rcl-smiles-list,  .rcl-smiles .rcl-smiles-list:hover  {
    display:  block;
}
.rcl-smiles .smiles img  {
    cursor:  pointer;
    display:  inline-block;
    height:  18px !important;
    margin:  3px !important;
    width:  auto !important;
}
.rcl-new-users p,  .rcl-online-users p  {
    margin:  5px 0;
    padding:  0;
}
span i.rcli.fa-circle  {
    font-size:  16px;
    padding:  0;
    vertical-align:  inherit;
}
.online .rcli.fa-circle  {
    -webkit-animation:  pulsate 2s linear infinite;
    animation:  pulsate 2s linear infinite;
    color:  #89e535;
}
.offline .rcli.fa-circle  {
    color:  rgb(229,  57,  53);
    text-shadow:  0 0 1px #5a0d0c;
}
@keyframes pulsate  {
    25%  {
        transform:  scale(1.025);
    }
    50%  {
        color:  #A3F558;
        text-shadow:  0 0 3px #35e668;
        transform:  scale(1.05);
    }
    75%  {
        transform:  scale(1.025);
    }
}
.panel_lk_recall .rcl-widget-buttons .rcl-widget-button  {
    margin:  0 0 4px;
    overflow:  hidden;
    padding:  0;
}
.panel_lk_recall .rcl-widget-buttons .recall-button  {
    color:  #fff;
    display:  inline-block;
    font-size:  14px;
    line-height:  1;
    padding:  8px;
}
.panel_lk_recall .rcl-widget-buttons a.recall-button:hover  {
    color:  #fff;
}
.panel_lk_recall .username  {
    margin:  0 0 5px;
}
.panel_lk_recall .author-avatar  {
    float:  left;
    margin: 0 5px 0 0;
    position:  relative;
    width:  67px;
}
.panel_lk_recall .author-avatar a  {
    display:  inline-block;
    height:  auto;
    width:  100%;
}
.panel_lk_recall .author-avatar a img  {
    border-radius:  0;
    float:  left;
    height:  auto;
    margin:  0;
    max-width:  100%;
    width:  100%;
}
#rcl-office  {
    background:  rgba(236,  240,  241,  0.3);
    box-shadow:  0 0 1px 1px rgba(219,  219,  219,  0.8);
    color:  #333;
    overflow:  visible;
    position:  relative;
}
#rcl-office a:link  {
    border:  none;
    box-shadow:  none;
    text-decoration:  none;
}
#rcl-office h2  {
    font-size:  22px;
    font-weight:  bold;
    line-height:  1;
    margin:  0;
    text-transform:  none;
}
#rcl-office h3  {
    font-size:  18px;
    line-height:  1;
    margin:  5px 0;
}
#rcl-office p  {
    line-height:  1;
    margin:  0;
    padding:  4px 0;
}
.rcl-tab-button .rcl-menu-notice  {
    line-height:  1;
}
#lk-menu,  #rcl-tabs  {
    overflow:  hidden;
}
#rcl-office.horizontal-tabs #rcl-tabs  {
    animation-delay:  1s;
    animation-duration:  1s;
    animation-fill-mode:  both;
    animation-name:  fadeIn;
    opacity:  0;
}
#lk-content  {
    margin:  3px;
    overflow:  hidden;
    position:  relative;
}
#rcl-office .recall_content_block  {
    background:  rgba(255,  255,  255,  0.7);
    display:  none;
    overflow:  hidden;
    padding:  4px 5px;
    position:  relative;
}
#rcl-office .recall_content_block.active  {
    display:  block;
}
@media screen and (max-width:360px)  {
    #userpic-upload #webcamupload  {
        float:  right;
    }
    #rcl-office .recall_content_block  {
        padding:  2px;
    }
}
.ballun-status  {
    max-width:  350px;
}
.status-user-rcl  {
    background:  #fff;
    border-radius:  3px;
    border-style:  solid;
    border-width:  1px;
    box-sizing:  border-box;
    color:  #333;
    display:  inline-block;
    font-size:  14px;
    line-height:  normal;
    min-width:  50px;
    padding:  6px 8px;
    position:  relative;
    -webkit-hyphens:  auto;
    hyphens:  auto;
    word-wrap:  break-word;
}
.status-user-rcl::before  {
    border-color:  transparent;
    border-style:  solid;
    border-width:  11px 0 0 11px;
    content:  "";
    height:  0;
    left:  8px;
    position:  absolute;
    top:  -12px;
    width:  0;
}
.rcl-balloon  {
    position:  absolute;
    background:  rgb(255,  255,  255);
    right:  0;
    top:  calc(100% + 1.5em);
    z-index:  9;
    padding:  3px 10px;
    border:  1px solid rgb(0,  0,  0);
    display: flex;
    opacity:  0;
    transform:  translate3d(0px,  0px,  0px);
    transition:  all 0.2s ease-in-out 0s;
    visibility:  hidden;
    border-radius:  3px;
    text-align:  left;
}
.rcl-balloon::before,  .rcl-balloon::after {
    border-width:  0px 10px 10px 10px;
    border-style:  solid;
    content:  "";
    height:  0;
    right:  5px;
    position:  absolute;
    width:  0;
}
.rcl-balloon::before {
    border-color:  transparent transparent rgb(0,  0,  0) transparent;
    top:  -11px;
}
.rcl-balloon::after {
    border-color:  transparent transparent rgb(255,  255,  255) transparent;
    top:  -10px;
}
.rcl-balloon-hover {
    position: relative;
}
.rcl-balloon-hover:hover .rcl-balloon {
    cursor:  default;
    opacity:  1;
    transform:  translateY(-18px);
    visibility:  visible;
}
.rcl-balloon.position-top {
    top: auto;
    bottom:  calc(100% - 1em);
}
.rcl-balloon.position-top::before,  .rcl-balloon.position-top::after {
    border-width:  10px 10px 0px 10px;
}
.rcl-balloon.position-top::before {
    border-color:  rgb(0,  0,  0) transparent transparent transparent;
    bottom:  -11px;
    top: auto;
}
.rcl-balloon.position-top::after {
    border-color:  rgb(255,  255,  255) transparent transparent transparent;
    bottom:  -10px;
    top: auto;
}
.recall-button i + span  {
    margin:  0 0 0 5px;
}
body a.recall-button,  span.recall-button,  .recall-button.rcl-upload-button,  input[type="submit"].recall-button,  input[type="submit"] .recall-button,  input[type="button"].recall-button,  input[type="button"] .recall-button  {
    border-radius:  0;
    border:  none;
    box-shadow:  none !important;
    box-sizing:  border-box;
    color:  #fff;
    cursor: pointer;
    font-size:  12px;
    font-weight:  normal;
    letter-spacing:  normal;
    line-height: 1;
    padding:  5px 5px;
    text-decoration:  none;
    text-transform:  none;
    white-space:  nowrap;
}
a.recall-button:hover,  a.recall-button:visited,  span.recall-button:hover,  .recall-button.rcl-upload-button:hover,  input[type="submit"].recall-button:hover,  input[type="submit"] .recall-button:hover,  input[type="button"].recall-button:hover,  input[type="button"] .recall-button:hover  {
    color:  #fff;
    opacity:  0.8;
}
.rcl-search-form input[type="submit"]:hover,  .rcl-upload-button input[type="file"]:hover  {
    cursor:  pointer;
}
a.recall-button.active,  a.recall-button.active:hover,  a.recall-button.filter-active,  a.recall-button.filter-active:hover,  a.data-filter.filter-active,  a.data-filter.filter-active:hover  {
    box-shadow:  none;
    color:  rgb(30,  56,  75);
    cursor:  default;
    opacity:  1;
}
#rcl-office #lk-menu a.recall-button.active  {
    pointer-events:  none;
}
#lk-menu a  {
    display:  block;
    float:  left;
    margin:  5px 5px 0 0;
    padding:  7px;
}
.rcl-data-filters .recall-button  {
    display:  inline-block;
    float:  none;
    margin:  1px 1px 4px 0;
    padding:  7px;
}
.vertical-menu #lk-menu  {
    float:  left;
    margin:  3px;
    max-width:  160px;
    min-width:  120px;
    width:  auto;
}
.vertical-menu #lk-menu a  {
    border-bottom:  3px solid #fff;
    display:  table;
    float:  none;
    margin:  0 3px 0 0;
    white-space:  normal;
    width:  100%;
}
.rcl-subtab-menu  {
    background:  #f7f8f8;
    margin:  5px 0;
    overflow:  hidden;
    padding:  10px 10px 5px;
}
.rcl-subtab-menu .rcl-subtab-button  {
}
#rcl-office .rcl-sub-menu  {
    background:  #f7f8f8;
    margin:  5px 0;
    overflow:  hidden;
    padding:  10px;
}
#rcl-office .rcl-sub-menu .recall-button  {
    display:  inline-block;
    margin-right:  5px;
    padding:  7px;
}
#rcl-office a.sec_block_button i.rcli  {
    margin:  0 5px 0 0;
}
.rcl-data-filters  {
    margin:  10px 0;
}
.rcl-data-filters a:link  {
    border:  none;
    text-decoration:  none;
}
.rcl-upload-button  {
    position:  relative;
}
.rcl-upload-button input[type="file"]  {
    height:  100%;
    left:  0;
    margin:  0;
    opacity:  0;
    padding:  0;
    position:  absolute;
    top:  0;
    width:  100%;
}
.rcl-search-form  {
    clear:  both;
    margin-bottom:  10px;
    text-align:  right;
}
.rcl-search-form-title  {
    padding:  0 0 3px;
}
.rcl-search-form form input[type="text"],  .rcl-search-form form select  {
    border-radius:  0;
    border:  1px solid #ccc;
    box-shadow:  none;
    box-sizing:  border-box;
    color:  #000;
    display:  inline-block;
    font-size:  14px;
    height:  auto;
    line-height:  normal;
    margin:  2px;
    outline:  none;
    vertical-align:  middle;
    width:  auto;
}
.rcl-search-form form input[type="text"]  {
    padding:  4px 6px;
}
.rcl-search-form form input[type="text"]:focus  {
    background-color:  #fff;
    border-color:  #bbb;
}
.rcl-search-form form select  {
    padding:  3px;
}
.rcl-search-form form input[type="submit"]  {
    border-radius:  0;
    font-size:  14px;
    font-weight:  normal;
    line-height:  normal;
    margin:  0;
    padding:  5px 14px;
    vertical-align:  middle;
}
#rcl-avatar  {
    position:  relative;
}
#rcl-avatar .avatar-icons  {
    display:  block;
    line-height:  1;
}
#rcl-avatar .avatar-icons .rcl-avatar-icon  {
    cursor:  pointer;
}
#rcl-avatar .avatar-icons .rcl-avatar-icon a  {
    box-shadow:  none;
    display:  inline-block;
    position:  relative;
}
#rcl-avatar .icon-avatar-upload span  {
    display:  block;
    height:  100%;
    left:  0;
    overflow:  hidden;
    position:  absolute;
    top:  0;
    width:  100%;
}
#rcl-avatar .icon-avatar-upload input[type="file"]  {
    cursor:  pointer;
    display:  block;
    height:  100%;
    opacity:  0;
    position:  absolute;
    right:  0;
    top:  0;
    z-index:  9;
}
.rcl-field {
    margin:  5px 0;
    width:  100%;
}
.rcl-field .rcl-field-title {
    font-weight:  bold;
    margin-bottom:  5px;
    display:  inline-block;
}
.rcl-field-notice  {
    align-items:  center;
    clear:  both;
    color:  #797979;
    font-size:  .85em;
    margin:  5px 0 0;
}
.rcl-field-notice .rcli  {
    margin-right:  5px;
}
.rcl-cf-title  {
    font-weight:  bold;
    margin:  0 3px 0 0;
}
.rcl-field-input  {
    width:  100%;
}
.rcl-field-core  {
    position:  relative;
}
.rcl-field-input input:not([type="file"]):not([type="checkbox"]):not([type="radio"]):not([type="button"]),  .rcl-field-input textarea  {
    background-color:  #fff;
    border-radius:  0;
    border:  1px solid #ddd;
    box-shadow:  none;
    box-sizing:  border-box;
    float:  none;
    font-size:  100%;
    height:  auto;
    line-height:  1.4;
    margin:  0;
    max-width:  100%;
    outline:  0;
    padding:  5px 10px;
    width:  100%;
}
.rcl-field-input input:invalid  {
    border-color:  red !important;
}
.rcl-field-input input:focus:not([type="file"]):not([type="checkbox"]):not([type="radio"]),  .rcl-field-input textarea:focus  {
    background-color:  #fff;
    border-color:  #c5c5c5;
    box-shadow:  none;
    color:  #000;
    outline:  none;
}
.rcl-field-input select  {
    background-color:  #fff;
    border-radius:  0;
    border:  1px solid #ddd;
    box-shadow:  none;
    box-sizing:  border-box;
    float:  none;
    height:  auto;
    line-height:  normal;
    outline:  0;
    padding:  5px 3px;
    width:  100%;
}
.rcl-field-input .maxlength  {
    align-items:  center;
    background-color:  #eaeaea;
    border:  1px solid #ccc;
    box-sizing:  border-box;
    cursor:  default;
    display:  flex;
    font-weight:  bold;
    justify-content:  center;
    max-height:  100%;
    min-width:  30px;
    padding:  2px 5px;
    position:  absolute;
    right:  0;
    text-align:  center;
    top:  0;
    z-index:  10;
}
.rcl-field-input.type-text-input .maxlength  {
    height:  100%;
}
.rcl-field-input .file-input-recycle  {
    font-size:  14px;
    margin-right:  5px;
    cursor:  pointer;
    color:  #4c8cbd;
}
.type-multiselect-input .hidden  {
    display:  none !important;
}
.type-multiselect-input .fs-wrap,  .type-multiselect-input .fs-dropdown  {
    max-width:  410px;
    width:  100%;
}
.type-multiselect-input .fs-dropdown  {
    box-shadow:  4px 4px 6px -3px #929292;
}
.type-multiselect-input .fs-wrap.multiple .fs-option.selected .fs-checkbox i  {
    background-color:  #888;
}
.type-dynamic-input .dynamic-values  {
    display:  block;
}
.type-dynamic-input .dynamic-values.ui-sortable a  {
    height:  14px;
    position:  absolute;
    top:  3px;
    right:  33px;
}
.type-dynamic-input .dynamic-value  {
    align-items:  center;
    display:  flex;
}
.type-dynamic-input .dynamic-value:not(:last-child)  {
    margin:  0 0 5px;
}
.type-dynamic-input .dynamic-value a  {
    background-color:  #fafafa;
    border:  1px solid #ddd !important;
    box-shadow:  none;
    color:  #797979;
    display:  flex;
    justify-content:  center;
    height:  100%;
    line-height:  1;
    margin:  0 0 0 8px;
    min-width:  initial;
    padding:  6px;
    text-decoration:  none;
    vertical-align:  middle;
    width:  auto;
}
.type-dynamic-input .dynamic-value a:hover  {
    background-color:  #fff;
    text-decoration:  none !important;
}
.type-dynamic-input a .fa-minus  {
    color:  rgb(229,  57,  53);
}
.type-dynamic-input a .fa-plus  {
    color:  #008000;
}
div.rcl-custom-fields .rcl-field-value .fa-upload  {
    margin-right:  5px;
}
.rcl-field-input .file-field-upload  {
    display:  block;
    font-size:  11px;
    padding:  5px;
}
.rcl-field-input .file-manage-box  {
    display:  flex;
    flex-wrap:  wrap;
    margin:  5px;
    width:  100%;
}
.rcl-field-input .file-manage-box .rcl-field-value  {
    align-items:  center;
    display:  flex;
    margin:  0 15px 5px 0;
}
.rcl-field-input .delete-file-url a  {
    align-items:  center;
    display:  flex;
}
.rcl-field-input .delete-file-url .rcli  {
    color:  rgb(229,  57,  53);
    font-size:  16px;
    margin-right:  5px;
}
.rcl-field-input .rcl-checkbox-box,  .rcl-field-input .rcl-radio-box  {
    display:  inline-flex;
    margin-right:  2px;
    position:  relative;
}
.rcl-field-input input[type="radio"],  .rcl-field-input input[type="checkbox"]  {
    left:  10px;
    opacity:  0;
    position:  absolute;
    top:  10px;
    z-index:  -1;
}
.rcl-field-input .block-label  {
    background-color:  #f2f2f2;
    border:  1px solid #e2e2e2;
    cursor:  pointer;
    display:  inline-block;
    font-family:  Verdana, Tahoma, sans-serif;
    font-size:  12px;
    font-weight:  normal;
    line-height:  1;
    margin:  4px;
    padding:  5px 8px 4px 6px;
    position:  relative;
    vertical-align:  middle;
    width:  auto;
}
.rcl-field-input.type-agree-input .block-label  {
    background-color:  transparent;
    border:  none;
    padding:  0;
}
.rcl-field-input label.block-label::before  {
    background-color:  #fff;
    border:  1px solid #ccc;
    box-sizing:  content-box;
    content:  "";
    display:  inline-block;
    height:  12px;
    margin:  0 5px 2px 0;
    padding:  0 2px 4px;
    text-align:  center;
    vertical-align:  middle;
    width:  12px;
}
.rcl-field-input.type-radio-input label::before  {
    border-radius:  50%;
}
.rcl-field-input input[type="checkbox"]:checked + label.block-label::before  {
    color:  #fff;
    content:  "\f00c";
    font-family:  "rcl-awesome";
    font-size:  12px;
    line-height:  1;
    padding:  2px;
}
.rcl-field-input input[type="checkbox"]:checked + label.block-label::before,  .rcl-field-input input[type="radio"]:checked + label.block-label::before {
    background:  #4C8CBD;
}
.rcl-field-input .checkbox-display-block {
    display:  block;
}
.rcl-field-input .checkbox-display-block .block-label {
    border:  none;
    display:  block;
}
.rcl-runner,  .rcl-range  {
    padding:  10px;
}
.rcl-runner .rcl-runner-value,  .rcl-range .rcl-range-value  {
    display:  inline-block;
    font-size:  18px;
    font-weight:  bold;
    min-width:  115px;
    padding-left:  15px;
    padding-right:  15px;
    vertical-align:  middle;
}
.rcl-runner .rcl-runner-box,  .rcl-range .rcl-range-box  {
    background:  rgba(255,  255,  255,  0.8);
    border-radius:  5px;
    box-shadow:  0 1px 6px rgba(0,  0,  0,  0.2) inset,  0 0 1px 1px rgba(0,  0,  0,  0.2) inset;
    display:  inline-block;
    height:  10px;
    margin:  0;
    max-width:  500px;
    position:  relative;
    text-align:  left;
    vertical-align:  middle;
    width:  100%;
}
.rcl-runner .rcl-runner-box .ui-slider-handle,  .rcl-range .rcl-range-box .ui-slider-handle  {
    background:  -webkit-linear-gradient(top,  #fff,  #ddd);
    background:  linear-gradient(to bottom,  #fff,  #ddd);
    border-radius:  50%;
    box-shadow:  0 0 5px rgba(0,  0,  0,  0.4),  0 8px 6px rgba(0,  0,  0,  0.1);
    cursor:  ew-resize;
    height:  18px;
    margin-left:  -.6em;
    position:  absolute;
    top:  -4px;
    -ms-touch-action:  none;
    touch-action:  none;
    width:  18px;
    z-index:  1;
}
.rcl-runner .rcl-runner-box .ui-slider-handle:focus,  .rcl-range .rcl-range-box .ui-slider-handle:focus  {
    box-shadow:  0 0 5px rgba(0,  0,  0,  0.6);
    outline:  none;
}
.rcl-pager  {
    box-shadow:  0 0 1px 1px rgba(219,  219,  219,  0.8);
    box-sizing:  border-box;
    clear:  both;
    padding:  6px 5px;
    margin:  10px 0;
    line-height:  1;
}
.rcl-pager > span {
    margin:  0 2px;
}
body .rcl-pager > span a.rcl-bttn {
    margin:  0!important;
}
#ssi-modalWindow  {
    animation-duration:  0.5s;
    animation-name:  slideInDown;
}
div.ssi-backdrop  {
    background:  rgba(0,  0,  0,  0.7);
}
body .ssi-modalOuter .ssi-modalTitle  {
    font-family:  inherit;
}
.ssi-modalOuter .ssi-modalWindow  {
    border-radius:  0;
    border:  none;
    margin:  0 auto;
    max-width:  99%;
    min-width:  315px;
    overflow:  hidden;
    padding:  0;
}
.ssi-modalOuter .ssi-modalTitle  {
    font-size:  22px;
    font-style:  normal;
    font-weight:  bold;
    line-height:  1;
    padding:  6px 40px 8px 15px;
}
.ssi-modalOuter .ssi-topIcons  {
    top:  2px;
    z-index:  1502;
}
.ssi-modalOuter .ssi-topIcons .ssi-closeIcon,  .ssi-modalOuter .ssi-topIcons .ssi-closeIcon:hover  {
    background:  none;
    height:  30px;
    text-decoration:  none;
}
.ssi-modalOuter .ssi-topIcons .ssi-closeIcon::after  {
    color:  rgb(229,  57,  53);
    content:  "\f00d";
    font:  400 30px/30px rcl-awesome;
    margin:  0 7px 0 0;
}
.ssi-modalOuter .ssi-topIcons .ssi-closeIcon:hover::after  {
    color:  rgb(192,  0,  0);
}
.rcl-user-getails .ssi-modalOuter .ssi-modalContent  {
    display:  table;
    margin:  0 auto;
    padding:  9px 9px 10px;
}
.ssi-modalOuter .ssi-buttons .ssi-modalBtn  {
    background:  #eee;
    border-radius:  0;
    border:  medium none;
    box-shadow:  0 0 1px 1px #ccc;
    color:  #555;
    cursor:  pointer;
    font:  15px/1 normal;
    margin:  3px 3px 7px;
    padding:  5px 7px;
    text-transform:  none;
}
.ssi-modalOuter .ssi-modalBtn:hover  {
    background:  #e9e9e9;
    box-shadow:  0 0 1px 1px #aaa;
}
#rcl-popup-content label  {
    font-weight:  bold;
}
#rcl-popup-content input[type="text"],  #rcl-popup-content textarea  {
    background-color:  #f5f5f5;
    border:  1px solid #e5e5e5;
    box-sizing:  border-box;
    margin:  5px 0;
    padding:  5px;
    width:  100%;
}
#rcl-popup  {
    background:  #f8f8f8;
    border-radius:  3px;
    box-sizing:  border-box;
    color:  #333;
    display:  block;
    left:  50%;
    line-height:  1.4;
    max-width:  600px;
    max-width:  80%;
    position:  absolute;
    top:  10%;
    -webkit-transform:  translateX(-50%);
    transform:  translateX(-50%);
    z-index:  999;
}
#rcl-popup h2  {
    clear:  none;
    font-size:  18px;
    line-height:  1;
    margin:  0;
    padding:  8px 0 0 5px;
    text-transform:  none;
    width:  calc(100% - 40px);
}
#rcl-popup h4  {
    clear: both;
    font-size:  16px;
    line-height:  1;
    margin:  8px 0 0;
    overflow:  hidden;
    padding:  0 10px 4px;
    text-transform:  none;
}
#rcl-popup p  {
    margin:  0 10px 10px;
    padding:  0;
}
#rcl-popup textarea  {
    border:  1px solid #ccc;
    box-sizing:  border-box;
    color:  #000;
    display:  block;
    margin:  10px auto;
    min-height:  80px;
    padding:  5px;
    width:  98%;
}
#rcl-popup #commentlist .comm-attach  {
    background:  rgba(237,  237,  237,  0.5);
    margin:  10px 0;
    padding:  10px;
}
#rcl-popup #commentlist .comment-author::after,  #rcl-popup #commentlist .comment-author::before  {
    display:  none;
}
#rcl-popup #commentlist .author-avatar  {
    float:  left;
    margin:  0 10px 0 0;
}
#rcl-popup .navi-gallery  {
    color:  #ccc;
    cursor:  pointer;
    font-size:  50px;
    height:  50px;
    left:  50%;
    line-height:  50px;
    opacity:  0.6;
    position:  absolute;
    top:  200px;
    -webkit-transform:  translateX(-50%);
    transform:  translateX(-50%);
    width:  auto;
}
#rcl-popup .navi-gallery:hover  {
    opacity:  1;
}
#rcl-popup .prev-attach  {
    float:  left;
    margin-left:  -54%;
}
#rcl-popup .next-attach  {
    float:  right;
    margin-left:  54%;
}
#rcl-popup .next-attach::after  {
    content:  "\f138";
    font-family:  rcl-awesome;
}
#rcl-popup .prev-attach::after  {
    content:  "\f137";
    font-family:  rcl-awesome;
}
@media screen and (max-width:480px)  {
    #rcl-popup  {
        max-width:  95%;
    }
    #rcl-popup .navi-gallery  {
        top:  25%;
    }
    #rcl-popup .prev-attach  {
        margin-left:  -47%;
    }
    #rcl-popup .next-attach  {
        margin-left:  47%;
    }
}
#rcl-office .rcl-cover-icon  {
    line-height:  1;
    overflow:  hidden;
    position:  relative;
}
#rcl-office .rcl-cover-icon:hover  {
    cursor:  pointer;
}
#rcl-office .rcl-cover-icon input[type="file"]  {
    cursor:  pointer;
    height:  100%;
    opacity:  0;
    position:  absolute;
    right:  0;
    top:  0;
    z-index:  99;
}
.rcl-user-getails .rcl-user-avatar  {
    display:  inline-block;
    position:  relative;
    text-align:  center;
    width:  100%;
}
.rcl-user-getails .rcl-user-avatar img  {
    border-radius:  0;
    border:  0;
    display:  block;
    float:  none;
    height:  auto;
    margin:  0 auto;
    max-width:  100%;
    padding:  0;
    width:  100%;
}
.rcl-user-getails .rcl-user-avatar .rcl-avatar-zoom  {
    background:  rgba(0,  0,  0,  0.5);
    color:  #fff;
    display:  none;
    font-size:  150px;
    height:  100%;
    opacity:  0.7;
    position:  absolute;
    text-decoration:  none;
    top:  0;
    width:  100%;
}
.rcl-user-getails .rcl-user-avatar:hover .rcl-avatar-zoom  {
    display: flex;
}
.rcl-user-getails .rcl-avatar-zoom i  {
    display:  flex;
    flex-direction:  column;
    justify-content:  center;
    width:  100%;
}
.rcl-user-getails .ballun-status  {
    margin:  5px auto 0;
    max-width:  425px;
}
.rcl-user-getails .status-user-rcl::before  {
    margin-left:  calc(50% - 8px);
}
.rcl-user-getails .block-rcl  {
    padding:  5px;
}
.rcl-user-getails p  {
    margin:  0;
    padding:  0;
}
.rcl-user-avatar-zoom .ssi-modalContent  {
    padding:  0;
}
.rcl-user-avatar-zoom .ssi-topIcons  {
    z-index:  1600;
}
.rcl-user-getails #ssi-modalWrapper  {
    max-width:  450px;
}
.ssi-modalOuter.rcl-hand-uploader .ssi-modalContent  {
    padding:  0;
}
.ssi-modalOuter.rcl-user-avatar-zoom .ssi-modalWindow  {
    min-width:  auto;
}
.ssi-modalOuter.rcl-user-avatar-zoom img  {
    margin:  0;
}
.ssi-modalOuter.rcl-hand-uploader  {
    overflow-x:  hidden;
}
.rcl-hand-uploader #ssi-modalWindow  {
    max-width:  95%;
}
#avatar-upload-progress  {
    background:  #ccc;
    display:  none;
    font-size:  40px;
    font-weight:  bold;
    height:  100%;
    left:  0;
    opacity:  0.5;
    position:  absolute;
    text-align:  center;
    top:  0;
    width:  100%;
}
#avatar-upload-progress span  {
    left:  50%;
    margin-left:  -30px;
    margin-top:  -20px;
    position:  absolute;
    top:  50%;
}
#rcl-post-bar  {
    margin:  10px 0;
    text-align:  right;
}
#rcl-post-bar .post-bar-item  {
    display:  inline-block;
}
#rcl-post-bar .post-bar-item a  {
    display:  inline-block;
    font-size:  14px;
    margin:  0 0 0 5px;
}
#rcl-post-bar .post-bar-item span,  #rcl-post-bar .post-bar-item i  {
    vertical-align:  middle;
}
#rcl-post-bar .post-bar-item i  {
    margin:  0;
}
#rcl-post-bar .post-bar-item i::before  {
    padding:  0 5px;
}
#rcl-post-bar .post-bar-item .item-label  {
    padding:  0 5px;
    margin:  0;
}
.rcl-form  {
    border-collapse:  collapse;
    border-spacing:  0;
    border:  none;
    box-sizing:  border-box;
    font-size:  14px;
    line-height:  normal;
    margin:  0 0 12px;
    text-align:  left;
    width:  100%;
}
.rcl-form table  {
    line-height:  normal;
    width:  100%;
}
.rcl-form tr  {
    background:  #fff;
}
.rcl-form th,  .rcl-form td  {
    border:  1px solid #eaeaea;
    box-sizing:  border-box;
    line-height:  normal;
    padding:  8px;
    text-align:  left;
    text-transform:  none;
    vertical-align:  middle;
}
.rcl-form th:first-child,  .rcl-form td:first-child  {
    padding-left:  8px;
}
.rcl-form tr th  {
    overflow:  hidden;
}
.rcl-form tr:nth-child(1) th  {
    background-color:  #f5f5f5;
    font-size:  14px;
    font-weight:  bold;
}
.rcl-form input[disabled]  {
    background-color:  #eee;
    opacity:  0.6;
}
.rcl-form .block-label input[type="checkbox"]  {
    margin:  0 6px 0 0;
}
.rcl-form .block-label input[type="radio"]  {
    border:  1px solid #d1d1d1;
    color:  #b1b1b1;
    float:  none;
    font-size:  13px;
    padding:  8px 12px;
    width:  auto;
}
.rcl-form label a  {
    color:  rgb(76,  140,  189);
    display:  inline;
    font-weight:  bold;
    margin:  0;
    padding:  0 1px 0 0;
}
.rcl-form label a:hover,  .rcl-form td span a:hover  {
    color:  #000;
    text-decoration:  underline;
}
.rcl-form td a:hover  {
    color:  #000;
}
.rcl-form td a:hover i  {
    color:  rgb(229,  57,  53);
}
.rcl-form .aligncenter  {
    text-align:  center;
}
.rcl-form .form-field  {
    margin:  15px 0;
}
.rcl-form .form-field .field-title  {
    display:  block;
    font-size:  16px;
    font-weight:  bold;
    line-height:  1;
    margin-bottom:  5px;
}
.rcl-form .submit-box  {
    background:  #f2f2f2;
    overflow:  hidden;
    padding:  5px;
    text-align:  right;
}
.rcl-form .submit-box a,  .rcl-form .submit-box input[type="submit"]  {
}
@media screen and (max-width:375px)  {
    .rcl-form tr th  {
        -webkit-hyphens:  auto;
        hyphens:  auto;
        word-wrap:  break-word;
    }
    .rcl-form td a  {
        font-size:  13px;
        margin:  3px 0;
        width:  83px;
    }
    .rcl-form .file-field-upload  {
        width:  205px;
    }
}
.rcl-table  {
    box-sizing:  border-box;
    display:  flex;
    flex-direction:  column;
    font-size:  14px;
    line-height:  1.4;
    word-break:  break-word;
    word-wrap:  break-word;
    margin:  1.15em 0;
    -webkit-hyphens:  auto;
    -ms-hyphens:  auto;
    hyphens:  auto;
}
.rcl-table__border  {
    border:  1px solid #e5e5e5;
}
.rcl-table__row  {
    align-content:  stretch;
    align-items:  stretch;
    display:  flex;
}
.rcl-table__row-header  {
    background-color:  #f2f2f2;
    font-weight:  bold;
}
.rcl-table__cell  {
    align-items:  center;
    box-sizing:  border-box;
    display:  flex;
    flex-basis:  100%;
    flex-grow:  1;
    padding:  .4em .6em;
    position:  relative;
}
.rcl-table__cell:empty  {
    display:  none;
}
.rcl-table__cell-center  {
    justify-content:  center;
    text-align:  center;
}
.rcl-table__cell-right  {
    justify-content:  flex-end;
    text-align:  right;
}
.rcl-table__border-row-right .rcl-table__cell:not(:last-child)  {
    border-right:  1px solid #e5e5e5;
}
.rcl-table__border-row-bottom .rcl-table__row:not(.rcl-table__row-header):not(:last-child)  {
    border-bottom:  1px solid #e5e5e5;
}
.rcl-table__zebra .rcl-table__row:nth-child(2n+1):not(.rcl-table__row-header)  {
    background-color:  #fafafa;
}
.rcl-table__cell-must-sort {
    cursor: pointer;
    text-decoration: underline;
}
.rcl-table__row-must-sort .rcl-table__cell-current-sort {
    background:  #fff;
}
.rcl-table__row-header .rcl-table__cell-current-sort::before {
    font-family:  'rcl-awesome';
    position:  absolute;
    right:  5px;
}
.rcl-table__row-header .rcl-table__cell-right.rcl-table__cell-current-sort::before {
    left:  5px;
    right:  auto;
}
.rcl-table__row-header .rcl-table__cell-current-sort[data-route="desc"]::before {
    content:  "\f0d7";
}
.rcl-table__row-header .rcl-table__cell-current-sort[data-route="asc"]::before {
    content:  "\f0d8";
}
.rcl-table__cell-w-5  {
    flex-basis:  5%;
}
.rcl-table__cell-w-10  {
    flex-basis:  10%;
}
.rcl-table__cell-w-15  {
    flex-basis:  15%;
}
.rcl-table__cell-w-20  {
    flex-basis:  20%;
}
.rcl-table__cell-w-25  {
    flex-basis:  25%;
}
.rcl-table__cell-w-30  {
    flex-basis:  30%;
}
.rcl-table__cell-w-35  {
    flex-basis:  35%;
}
.rcl-table__cell-w-40  {
    flex-basis:  40%;
}
.rcl-table__cell-w-45  {
    flex-basis:  45%;
}
.rcl-table__cell-w-50  {
    flex-basis:  50%;
}
.rcl-table__cell-w-55  {
    flex-basis:  55%;
}
.rcl-table__cell-w-60  {
    flex-basis:  60%;
}
.rcl-table__cell-w-65  {
    flex-basis:  65%;
}
.rcl-table__cell-w-70  {
    flex-basis:  70%;
}
.rcl-table__cell-w-75  {
    flex-basis:  75%;
}
.rcl-table__cell-w-80  {
    flex-basis:  80%;
}
.rcl-table__cell-w-85  {
    flex-basis:  85%;
}
.rcl-table__cell-w-90  {
    flex-basis:  90%;
}
.rcl-table__cell-w-95  {
    flex-basis:  95%;
}
.rcl-table__not-header .rcl-table__row  {
    padding:  .4em 0;
}
@media screen and (max-width: 768px)  {
    .rcl-table__border  {
        border:  none;
    }
    .rcl-table__row-header  {
        display:  none;
    }
    .rcl-table .rcl-table__row-header ~ .rcl-table__row:not(.rcl-table__row-header)  {
        display:  block;
        background-color:  transparent;
        border-radius:  3px;
        border:  none;
        box-shadow:  0px 0px 9px 0px rgba(0,  0,  0,  0.1);
        margin:  0 5px 25px 5px;
        padding:  8px;
    }
    .rcl-table__row-header ~ .rcl-table__row .rcl-table__cell  {
        align-items:  flex-start;
        border:  none;
        flex-basis:  auto;
        justify-content:  flex-start;
        max-width:  none !important;
        padding:  .2em 0;
        text-align:  left;
    }
    .rcl-table__row-header ~ .rcl-table__row .rcl-table__cell::before  {
        color:  #B18B3F;
        content:  attr(data-rcl-ttitle);
        flex-basis:  50%;
        flex-shrink:  0;
        padding-right:  10px;
        text-align:  right;
    }
    .rcl-table__not-header .rcl-table__row  {
        border:  1px solid #e5e5e5;
        background-color:  #fafafa;
        display:  block;
        margin:  0 0 1em;
    }
    .rcl-table__not-header .rcl-table__cell:nth-child(1)  {
        max-width:  none;
        padding:  .2em .6em;
    }
}
#rcl-popup.fixed  {
    position:  fixed;
    top:  80px;
}
#rcl-popup .delete  {
    display:  block;
    float:  left;
    height:  31px;
    margin:  5px 5px 10px;
    width:  31px;
}
#rcl-popup .popup-body  {
    padding:  10px;
}
.rcl-upload-button span.progress-bar  {
    background:  #36C515;
    height:  100%;
    left:  0;
    position:  absolute;
    top:  0;
    z-index:  -99;
}
.rcl-notice  {
    box-sizing:  border-box;
    clear:  both;
    font-size:  16px;
    line-height:  normal;
    margin:  12px 0 !important;
    overflow:  hidden;
    padding:  12px 36px !important;
    position:  relative;
}
.rcl-notice__border  {
    border-width:  1px;
    border-style:  solid;
}
.rcl-notice__type-info  {
    background-color:  #fff7da;
    color:  #56562a;
}
.rcl-notice__type-info.rcl-notice__border  {
    border-color:  #ebe3c6;
}
.rcl-notice__type-success  {
    background-color:  #e6f4cd;
    color:  #2e582e;
}
.rcl-notice__type-success.rcl-notice__border  {
    border-color:  #d2e0b9;
}
.rcl-notice__type-warning  {
    background-color:  #ffe0b1;
    color:  #594628;
}
.rcl-notice__type-warning.rcl-notice__border  {
    border-color:  #ebcc9d;
}
.rcl-notice__type-error  {
    background-color:  #f9dcdc;
    color:  #71363e;
}
.rcl-notice__type-error.rcl-notice__border  {
    border-color:  #e5c8c8;
}
.rcl-notice__type-simple  {
    background-color:  #eee;
    color:  #4e4e4e;
}
.rcl-notice__type-simple.rcl-notice__border  {
    border-color:  #dadada;
}
.rcl-notice > .rcli  {
    color:  rgba(0,  0,  0,  0.08);
    font-size:  52px;
    left:  -10px;
    position:  absolute;
    top:  50%;
    transform:  translateY(-50%);
}
.rcl-notice .rcl-notice__text  {
    text-align:  center;
}
.rcl-notice__text > p  {
    margin:  0;
    padding:  0;
}
.rcl-notice__title  {
    color:  currentColor;
    font-size:  1.1em;
    font-weight:  bold;
    margin:  0 0 6px 6px;
}
.rcl-notice__close  {
    cursor:  pointer;
    font-size:  15px;
    line-height:  15px;
    position:  absolute;
    right:  2px;
    top:  0;
}
.rcl-notice__close:hover  {
    opacity:  .7;
}
.rcl-notice__close::before  {
    color:  currentColor;
    content:  "\f00d";
    font-family:  rcl-awesome;
}
body .rcl-bttn  {
    align-items:  center;
    border-radius:  0;
    box-shadow:  none;
    box-sizing:  border-box;
    cursor:  pointer;
    display:  inline-flex;
    font-weight:  normal;
    letter-spacing:  normal;
    line-height:  1em;
    outline:  0;
    padding:  0;
    position:  relative;
    text-decoration:  none !important;
    text-transform:  none;
    white-space:  nowrap;
    -webkit-transition:  opacity .1s ease, color .1s ease;
    transition:  opacity .1s ease, color .1s ease;
    -webkit-user-select:  none;
    -moz-user-select:  none;
    -ms-user-select:  none;
    user-select:  none;
}
body :not(.rcl-wrap__wiget) > .rcl-bttn:not(.rcl-bttn__active):hover  {
    opacity:  0.8;
}
body .rcl-bttn:not(.rcl-bttn__type-clear):not(.rcl-bttn__fullwidth)  {
    margin:  0 .25em .25em 0;
}
body .rcl-wrap.rcl-wrap__vertical .rcl-bttn,  body .rcl-bttn:not(.rcl-bttn__type-clear):last-child  {
    margin-right:  0;
}
.rcl-bttn:not(.rcl-bttn__type-clear) .rcl-bttn__text,  .rcl-bttn:not(.rcl-bttn__type-clear) .rcl-bttn__ico-left  {
    padding:  .5em .7em;
}
.rcl-bttn:not(.rcl-bttn__type-clear):not(.rcl-bttn__ico-mask) .rcl-bttn__text + .rcl-bttn__ico,  .rcl-bttn:not(.rcl-bttn__type-clear):not(.rcl-bttn__ico-mask) .rcl-bttn__ico + .rcl-bttn__text,  .rcl-bttn:not(.rcl-bttn__type-clear):not(.rcl-bttn__ico-mask) .rcl-bttn__ico + .rcl-bttn__count  {
    padding:  0 .7em 0 0;
}
.rcl-bttn:not(.rcl-bttn__type-clear) .rcl-bttn__text + .rcl-bttn__count  {
    align-self:  flex-start;
    font-size:  .85em;
    margin:  .5em .5em 0 -.3em;
}
.rcl-bttn .rcl-bttn__ava img  {
    border-radius:  0;
    border:  0;
    box-shadow:  none;
    display:  block;
    float:  none;
    height:  auto;
    margin:  0;
    max-width:  100%;
    padding:  0;
}
.rcl-bttn:not(.rcl-bttn__type-clear) .rcl-bttn__ava + .rcl-bttn__count  {
    padding:  0 .7em;
}
:not(.rcl-wrap__wiget) > .rcl-bttn.rcl-bttn__type-clear  {
    margin:  0 1em 0 0;
}
.rcl-bttn__type-clear .rcl-bttn__text + .rcl-bttn__count,  .rcl-bttn__type-clear i + span,  .rcl-bttn__type-clear span + i  {
    padding:  0 0 0 .45em;
}
.rcl-bttn.rcl-bttn__type-simple  {
    background-color:  #f5f5f5;
    box-shadow:  0 0 0 1px #e5e5e5 inset;
}
.rcl-bttn.rcl-bttn__type-simple:hover  {
    background-color:  #fafafa;
}
.rcl-bttn.rcl-bttn__fullwidth:not(.rcl-bttn__type-clear)  {
    display:  flex;
    justify-content:  center;
}
.rcl-bttn.rcl-bttn__ico-mask .rcli,  .rcl-bttn__ico-mask.rcl-bttn__mod-text-rico-count .rcl-bttn__count  {
    background-color:  rgba(0, 0, 0, .1);
}
.rcl-bttn__ico-mask.rcl-bttn__mod-text-rico .rcl-bttn__ico-right,  .rcl-bttn__ico-mask.rcl-bttn__mod-text-rico-count .rcl-bttn__count  {
    padding:  .5em .7em;
}
.rcl-bttn__ico-mask.rcl-bttn__mod-text-rico-count .rcl-bttn__ico.rcl-bttn__ico-right  {
    padding:  .5em 0 .5em .7em;
}
.rcl-wrap  {
    display:  flex;
    flex-wrap:  wrap;
    justify-content:  flex-start;
    width:  100%;
}
.rcl-wrap.rcl-wrap__right  {
    justify-content:  flex-end;
}
.rcl-wrap.rcl-wrap__vertical  {
    flex-direction:  column;
    align-items:  flex-start;
}
.rcl-wrap.rcl-wrap__right.rcl-wrap__vertical  {
    align-content:  flex-end;
}
.rcl-wrap__wiget  {
    flex-direction:  column;
}
.rcl-wrap__wiget .rcl-bttn__type-clear  {
    padding:  .45em .6em;
}
.rcl-wrap__wiget .rcl-bttn__type-clear:hover  {
    background-color:  #e7edf0;
    box-shadow:  none;
}
.rcl-wrap__wiget .rcl-bttn__ava  {
    flex-shrink:  0;
}
.rcl-wrap__wiget .rcl-bttn__text  {
    overflow:  hidden;
    text-overflow:  ellipsis;
    white-space:  nowrap;
    width:  100%;
}
.rcl-wrap__wiget .rcl-bttn__text  {
    margin-left:  .3em;
}
.rcl-wrap__wiget .rcl-bttn__ava_circle .rcl-bttn__ava img  {
    border-radius:  50%;
}
.rcl-bttn.rcl-bttn__loading  {
    color:  transparent !important;
    cursor:  default;
    opacity:  1;
    pointer-events:  none;
}
.rcl-bttn__loading .rcl-bttn__ava img  {
    opacity:  0;
}
.rcl-bttn.rcl-bttn__loading::before,  .rcl-bttn.rcl-bttn__loading::after  {
    border-radius:  50%;
    border-style:  solid;
    border-width:  .2em;
    box-sizing:  border-box;
    content:  "";
    height:  1.4em;
    left:  50%;
    margin:  -.7em;
    position:  absolute;
    top:  50%;
    width:  1.4em;
}
.rcl-bttn.rcl-bttn__loading::before  {
    border-color:  rgba(0, 0, 0, .15);
}
.rcl-bttn.rcl-bttn__loading::after  {
    -webkit-animation:  rcl-bttn-loader .8s linear;
    animation:  rcl-bttn-loader .8s linear;
    -webkit-animation-iteration-count:  infinite;
    animation-iteration-count:  infinite;
    border-color:  #fff transparent transparent;
    transform:  rotate(0deg);
}
@-webkit-keyframes rcl-bttn-loader  {
    to  {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rcl-bttn-loader  {
    to  {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.rcl-bttn.rcl-bttn__disabled  {
    opacity:  .6;
    pointer-events:  none;
}
.rcl-bttn.rcl-bttn__type-simple.rcl-bttn__disabled  {
    background-color:  transparent;
    box-shadow:  none;
}
.rcl-bttn.rcl-bttn__active  {
    pointer-events:  none;
}
.rcl-bttn.rcl-bttn__type-primary.rcl-bttn__active  {
    color:  #333;
}
.rcl-uploader {
    margin:  10px 0;
}
.rcl-uploader-progress {
    background:  #ccc;
    border-radius:  3px;
    overflow:  hidden;
}
.rcl-uploader-progress .progress-bar {
    background:  #0080005c;
    height:  20px;
    line-height:  1;
    padding:  5px;
    font-size:  12px;
    color:  #fff;
    border-right:  5px solid green;
}
body .rcl-bttn.rcl-uploader-button {
    position:  relative;
    overflow:  hidden;
    display:  inline-block;
    margin:  0 10px 0 0!important;
}
.rcl-uploader-button input {
    position:  absolute;
    top:  0;
    right:  0;
    opacity:  0;
    cursor:  pointer;
    height:  100%;
}
.rcl-uploader .rcl-uploader-button-box {
    padding:  3px;
}
.rcl-dropzone {
    background:  #ccc;
    padding:  15px;
    text-align:  center;
    font-size:  18px;
}
.rcl-dropzone.hover-dropzone {
    background:  #323232;
}
.rcl-dropzone .dropzone-upload-area {
    padding:  20px;
    border:  3px dashed #fff;
    border-style:  dashed;
}
.rcl-uploader .notice,  .rcl-uploader-button {
    vertical-align:  middle;
}
.rcl-upload-gallery {
    position:  relative;
}
.rcl-upload-gallery img {
    vertical-align:  top;
    max-width:  100%;
    height:  auto;
}
.rcl-upload-gallery.simple-manager .attachment-manager {
    position:  absolute;
    top:  0;
    left:  0;
}
.rcl-upload-gallery .gallery-attachment {
    position:  relative;
    margin:  3px;
    border:  1px solid #eaeaea;
    width:  110px;
    height:  110px;
    display:  inline-block;
    overflow:  hidden;
}
.rcl-upload-gallery .attachment-title {
    display: none;
}
.rcl-upload-gallery.mode-grid .gallery-attachment.type-file {
    text-align: center;
}
.rcl-upload-gallery .gallery-attachment.type-file img {
    margin-top:  5px;
}
.rcl-upload-gallery.mode-grid .gallery-attachment.type-file .attachment-title {
    display:  block;
    background:  #fff;
    font-size:  12px;
    position:  absolute;
    bottom:  0;
    width:  100%;
}
.rcl-upload-gallery .gallery-attachment img  {
    margin:  0;
}
.rcl-upload-gallery .attachment-manager {
}
.rcl-upload-gallery .attachment-manager-balloon {
    position:  absolute;
    top:  0;
    right:  0;
}
.rcl-upload-gallery .attachment-manager-balloon > i {
    border:  1px solid #ccc;
    padding:  5px;
    background:  #fff;
    margin:  3px;
}
.rcl-upload-gallery .attachment-manager-balloon .rcl-balloon {
}
.rcl-upload-gallery .rcl-balloon a {
    display:  inline;
}
body .rcl-upload-gallery .attachment-manager > a {
    margin:  0!important;
}
body .rcl-upload-gallery .attachment-manager > .rcl-bttn .rcl-bttn__ico {
    padding:  5px;
}
.rcl-upload-gallery.mode-list {
}
.rcl-upload-gallery.mode-list .gallery-attachment {
    display:  flex;
    align-items:  center;
    padding:  5px;
    width:  auto;
    height:  auto;
}
.rcl-upload-gallery.mode-list .attachment-manager {
    width:  165px;
    text-align:  right;
    position:  static;
}
.rcl-upload-gallery.mode-list .attachment-title {
    width:  100%;
    display:  block;
}
.rcl-upload-gallery.mode-list img {
    width:  35px;
    height:  35px;
    margin-right:  15px;
}
.rcl-upload-gallery .ui-sortable-placeholder {
    background:  #ccc;
    margin:  3px;
    border:  3px dotted #eaeaea;
}
.rcl-upload-gallery.mode-list .ui-sortable-placeholder {
}
.rcl-upload-gallery.mode-grid .ui-sortable-placeholder {
    width:  110px;
    height:  110px;
    display:  inline-block;
}
.rcl-upload-gallery .ui-sortable-helper {
    z-index:  9999999;
}
.rcl-upload-gallery.mode-list .ui-sortable-helper {
}
.rcl-upload-gallery.mode-grid .ui-sortable-helper {
}
.rcl-content {
}
.rcl-content .rcl-content-group {
}
.rcl-content .rcl-content-group .group-title {
    font-weight: bold;
    font-size: 20px;
}
.rcl-content .rcl-content-group .group-areas  {
    display:  flex;
    flex-wrap:  wrap;
    --multiplier:  calc( 600px - 100%);
}
.rcl-content .rcl-content-area  {
    padding:  5px;
    box-sizing:  border-box;
    max-width:  100%;
    flex-grow:  1;
    flex-basis:  calc( var(--multiplier) * 999 );
}
.userlist  {
    clear:  both;
    overflow:  hidden;
}
.userlist .user-single  {
    background:  rgba(243,  243,  243,  0.3);
    box-shadow:  0 0 1px 2px rgb(243,  243,  243);
    box-sizing:  border-box;
    line-height:  1.4;
}
.userlist .user-single a  {
    border:  none;
    box-shadow:  none;
    height:  auto;
    margin:  0 0 3px;
    text-decoration:  none;
}
.userlist .user-single b  {
    font-weight:  bold;
    margin:  0 3px 0 0;
}
.userlist .status_author_mess  {
    float:  right;
}
.userlist .status_author_mess.online .rcli  {
    color:  #89e535;
    font-size:  16px;
    line-height:  normal;
    vertical-align:  middle;
}
.userlist .status_author_mess.offline  {
    color:  #888;
    font-size:  12px;
    margin:  4px 0 0;
}
.userlist .user-single .thumb-user  {
    box-sizing:  border-box;
    float:  left;
    line-height:  1;
    margin:  0;
    position:  relative;
}
.userlist:not(.mini-list) .thumb-user a  {
    display:  inline-block;
}
.userlist .thumb-user a  {
    width:  100%;
}
.userlist .thumb-user a img  {
    border-radius:  0;
    border:  none;
    box-shadow:  none;
    display:  block;
    float:  none;
    height:  auto;
    margin:  0;
    max-width:  100%;
    padding:  0;
    width:  100%;
}
.userlist.rows-list .user-single  {
    border-radius:  2px;
    box-shadow:  0 1px 3px rgba(0,  0,  0,  0.12),  0 1px 2px rgba(0,  0,  0,  0.24);
    display:  block;
    font-size:  14px;
    margin:  20px auto;
    overflow:  visible;
    padding:  0;
    position:  relative;
    text-align:  left;
    width:  98%;
    width:  calc(100% - 10px);
}
.userlist.rows-list .userlist_top  {
    background:  #eee;
    margin-bottom:  5px;
    overflow:  hidden;
    padding:  5px 8px 5px 95px;
}
.userlist.rows-list .userlist_top h3  {
    clear:  none;
    font-size:  18px;
    font-weight:  bold;
    line-height:  1.4;
    margin:  0;
    padding:  0;
    text-transform:  none;
}
.userlist.rows-list .userlist_cntr  {
    display:  block;
    min-height:  70px;
    width:  100%;
}
.userlist.rows-list .thumb-user  {
    background:  #eee;
    left:  0;
    padding:  5px;
    position:  absolute;
    top:  0;
    width:  80px;
}
.userlist.rows-list .rating-rcl .rating-null  {
    background:  transparent;
    color:  #888;
}
.userlist.rows-list .user-content-rcl::before  {
    content:  "";
    float:  left;
    height:  70px;
    margin:  0 5px 5px;
    width:  70px;
}
.userlist.rows-list .user-content-rcl  {
    margin:  0 0 0 10px;
    padding:  0 5px 5px 0;
}
.userlist.rows-list .user-content-rcl > div:not(.ballun-status),  .userlist.rows-list .user-content-rcl > span:not(.filter-data)  {
    margin:  2px 0;
    padding:  0 0 1px;
}
.userlist.rows-list .user-content-rcl .ballun-status  {
    box-sizing:  content-box;
    display:  flex;
    margin:  0 6px 8px;
    max-width:  none;
}
.rows-list .status-user-rcl::before  {
    border-width:  13px 0 0 13px;
    left:  -14px;
    top:  8px;
}
.userlist.rows-list .user-single .filter-data  {
    background:  #eee;
    box-shadow:  0 0 1px 1px rgba(219,  219,  219,  0.7);
    color:  #888;
    display:  inline-block;
    font-size:  12px;
    line-height:  1;
    margin:  1px 10px 5px 0;
    padding:  6px 8px;
}
.userlist.rows-list .user-single .filter-data .rcli  {
    margin:  0 5px 0 0;
}
.userlist .user-profile-fields .rcl-custom-fields  {
    clear:  none;
    font-size:  14px;
    margin:  5px 0;
    padding:  0 0 3px;
}
.userlist.avatars-list .user-single  {
    float:  left;
    margin:  5px 0.5%;
    padding:  0.7%;
    width:  13%;
}
.userlist.mini-list .user-single  {
    float:  left;
    margin:  1%;
    max-width:  55px;
    padding:  0;
    width:  18%;
}
.userlist.mini-list .user-single:hover,  .userlist.avatars-list .user-single:hover  {
    box-shadow:  0 0 2px 2px #ccc;
}
.userlist.mini-list .thumb-user,  .userlist.avatars-list .thumb-user  {
    width: 100% }
.userlist .user-single .thumb-user .status_user  {
    font-family:  rcl-awesome, arial, sans-serif;
    font-size:  16px;
    position:  absolute;
    right:  5px;
    top:  5px;
}
.userlist.cards-list .user-single  {
    animation:  u_card_fade 800ms cubic-bezier(0.4,  0,  0.2,  1);
    animation-fill-mode:  forwards;
    box-shadow:  0 1px 3px rgba(0,  0,  0,  0.12),  0 1px 2px rgba(0,  0,  0,  0.24);
    float:  left;
    font-size:  14px;
    margin:  2%;
    overflow:  hidden;
    transform:  translate3d(0px,  0px,  0px);
    transition:  box-shadow 0.2s linear 0s;
    width:  46%;
}
@keyframes u_card_fade  {
    0%  {
        opacity:  0;
    }
    100%  {
        opacity:  1;
    }
}
.userlist.cards-list .user-single:hover  {
    box-shadow:  0 4px 16px rgba(0,  0,  0,  0.19),  0 6px 13px rgba(0,  0,  0,  0.2);
    transition:  box-shadow 0.2s linear 0s;
}
.userlist.cards-list .u_card_top  {
    float:  left;
    position:  relative;
    width:  100%;
}
.userlist.cards-list .rating-rcl  {
    left:  0;
    min-width:  30px;
    opacity:  0.8;
    position:  absolute;
    top:  0;
    z-index:  2;
}
.userlist.cards-list .status_author_mess  {
    position:  absolute;
    right:  5px;
    top:  2px;
    z-index:  2;
}
.userlist.cards-list .status_author_mess.offline  {
    background:  rgba(219,  219,  219,  0.6);
    color:  #555;
    line-height:  1;
    margin:  0;
    padding:  6px 5px;
    right:  0;
    top:  0;
}
.userlist.cards-list .thumb-user  {
    max-height:  150px;
    overflow:  hidden;
    width:  100%;
}
.userlist.cards-list a img  {
    margin:  calc(-50% + 80px) 0;
    min-height:  205px;
    transform:  scale(1.05);
}
.userlist.cards-list .u_card_name  {
    background:  rgba(0,  0,  0,  0.4);
    bottom:  0;
    box-sizing:  border-box;
    color:  #fff;
    padding:  5px;
    position:  absolute;
    text-align:  center;
    width:  100%;
}
.userlist.cards-list .thumb-user a  {
    width:  100%;
}
.u_card_bottom  {
    display:  table;
    width:  100%;
}
.u_card_half:nth-child(2)  {
    border-left:  1px solid #eee;
}
.u_card_half  {
    color:  #999;
    display:  table-cell;
    font-weight:  300;
    padding:  5px 0;
    text-align:  center;
    width:  50%;
}
.u_card_half span  {
    font-size:  30px;
    line-height:  24px;
}
@media screen and (max-width:480px)  {
    .userlist.avatars-list .user-single  {
        padding:  1%;
        width:  19%;
    }
    .userlist .user-single .thumb-user .status_user,  .userlist .user-single .thumb-user .status_user .rcli  {
        font-size:  11px;
    }
    .userlist.mini-list .user-single  {
        max-width:  64px;
    }
    .userlist.cards-list .thumb-user  {
        max-height:  120px;
    }
    .u_card_half  {
        font-size:  13px;
    }
}
@media screen and (max-width:375px)  {
    .userlist.rows-list .userlist_top  {
        padding:  5px 8px;
    }
    .userlist.rows-list .userlist_cntr  {
        position:  relative;
    }
    .userlist.rows-list .thumb-user  {
        width:  60px;
    }
    .userlist.rows-list .user-content-rcl::before  {
        height:  90px;
        width:  50px;
    }
    .userlist.rows-list .user-single .filter-data  {
        display:  block;
        margin:  8px 0;
        max-width:  98%;
    }
    .userlist.avatars-list .user-single  {
        width:  24%;
    }
    .userlist.cards-list .user-single  {
        float:  none;
        margin:  5px auto 20px;
        width:  94%;
    }
}
.rcl-cart-form {
    margin:  0;
}
.rcl-cart-box  {
    clear:  both;
    margin:  5px 0 0;
    position:  relative;
    text-align:  right;
}
.rcl-cart-box .product-price  {
    align-items:  center;
    color:  #5b91c0;
    display:  inline-flex;
    font-size:  20px;
    font-weight:  bold;
    margin:  0 10px;
}
.rcl-cart-box .current-price  {
    margin:  0 3px 0 0;
}
.rcl-cart-box .product-old-price  {
    align-items:  center;
    display:  inline-flex;
    font-size:  16px;
    text-decoration:  line-through;
}
.product-old-price .fa-rub  {
    margin:  0 0 0 3px;
}
.rcl-cart-box .product-variations  {
    margin:  0 0 25px;
}
.rcl-cart-box .product-variations .variation-box  {
    line-height:  normal;
    margin:  25px 0 0;
}
.rcl-cart-box .product-variations .variation-box .variation-title  {
    display:  block;
    font-size:  16px;
    font-weight:  bold;
    margin:  0 0 5px;
}
.rcl-cart-box .product-variations .type-select-input select  {
    min-width:  60px;
    width:  auto;
}
.rcl-cart-box .cart-button  {
    align-items:  center;
    display:  inline-flex;
    justify-content:  center;
}
.rcl-cart-box .cart-button a  {
}
.rcl-cart-box .cart-button .rcli  {
    color:  inherit;
    margin-right:  5px;
}
.rcl-cart-box .outsale-product  {
    background:  #B9C9D6;
    cursor:  default;
    display:  inline-block;
    font-size:  14px;
}
.rcl-cart-box .quantity-selector  {
    align-items:  center;
    border-radius:  2px;
    border:  1px solid #ddd;
    display:  inline-flex;
    justify-content:  center;
    margin:  0 6px 0 0;
}
.rcl-cart-box .quantity-selector .edit-quantity  {
    align-items:  center;
    display:  inline-flex;
    justify-content:  center;
    padding:  10px;
    text-decoration:  none;
}
.rcl-cart-box .quantity-selector .edit-quantity:hover  {
    color:  rgb(229,  57,  53);
    opacity:  .8;
}
.rcl-cart-box .quantity-selector .quantity-field input  {
    background:  none;
    border:  0;
    box-shadow:  none;
    display:  inline-block;
    font-size:  inherit;
    height:  auto;
    line-height:  normal;
    max-width:  none;
    outline:  none;
    padding:  0;
    text-align:  center;
    width:  45px;
    -moz-appearance:  textfield;
}
.rcl-cart-box .quantity-field input,  .rcl-cart-box .quantity-field input::-webkit-inner-spin-button,  .rcl-cart-box .quantity-field input::-webkit-outer-spin-button  {
    -webkit-appearance:  none;
    margin:  0;
}
.rcl-product-gallery  {
    margin:  20px 0;
}
.rcl-product-gallery .bx-wrapper  {
    margin-bottom:  10px;
}
.rcl-product-gallery .bx-wrapper .bx-viewport  {
    border:  1px solid #ccc;
    box-shadow:  none;
    height:  auto !important;
}
body .rcl-product-gallery ul.images-list  {
    clear:  both;
    max-height:  350px;
    padding:  0;
    text-align:  center;
}
.rcl-product-gallery .images-list li  {
    display:  block;
    height:  100%;
    margin:  0 auto;
    max-height:  350px;
    padding:  0;
}
.rcl-product-gallery .product-slider-pager img  {
    border:  1px solid #ccc;
    margin:  5px;
}
.product-meta  {
    margin-bottom:  5px;
    text-align:  left;
}
.product-meta .rcli.rcl-icon  {
    min-width:  20px;
    padding:  7px 5px;
    width:  auto;
}
.products-box .products-list .product  {
    position:  relative;
}
.products-box .products-list  {
    clear:  both;
    margin-bottom:  10px;
    padding:  0 0 10px 0;
}
.products-box.type-slab,  .products-box.type-slab .products-list  {
    overflow:  hidden;
}
.products-box .rcl-cart-box  {
    margin:  0;
}
.products-box .rcl-cart-box .cart-button a  {
    align-items:  center;
    color:  #fff;
    display:  flex;
    justify-content:  center;
}
.products-box .rcl-cart-box .quantity-selector  {
    margin-right:  0;
}
.products-box .view-switch  {
    float:  right;
    margin-bottom:  10px;
}
.products-box .view-switch a:hover i  {
    background:  #d9e0e6;
}
.products-box .view-switch a:last-child i  {
    margin-right:  0;
}
.products-box .products-list .product .product-content .product-title  {
    color:  #0b0b0b;
}
.products-box .products-list .product .product-content .product-meta .meta-content p  {
    display:  inline;
    line-height:  inherit;
    margin:  0;
}
.products-box .products-list .product .product-content .rcl-cart-button  {
    margin:  0;
}
.products-box.type-slab .outsale-product  {
    display:  block;
    text-align:  center;
}
.products-box.type-slab .products-list .product  {
    border-top:  1px solid #d9e0e6;
    box-shadow:  0 2px 4px #B9C9D6;
    box-sizing:  border-box;
    display:  inline-block;
    margin:  12px;
    padding:  5px;
    width:  150px;
}
.products-box.type-slab .products-list .product .product-thumbnail  {
    box-shadow:  none;
    display:  inline-block;
    margin-bottom:  5px;
    width:  100%;
}
.products-box.type-slab .products-list .product .product-thumbnail img  {
    margin:  0;
    width:  100%;
}
.products-box.type-slab .product .product-content .cart-button  {
    display:  block;
    margin-top:  5px;
    vertical-align:  middle;
}
.products-box.type-slab .products-list .product .product-content .rcl-cart-button a  {
    float:  none;
    width:  100%;
}
.products-box.type-slab .products-list .product .product-content .product-title  {
    background:  rgba(255, 255, 255,  0.8);
    box-shadow:  none;
    box-sizing:  border-box;
    display:  block;
    font-size:  14px;
    left:  0;
    line-height:  1;
    padding:  10px 3px;
    position:  absolute;
    text-align:  center;
    top:  0;
    width:  100%;
}
.products-box.type-slab .products-list .product .product-content .product-metas  {
    display:  flex;
    position:  relative;
}
.products-box.type-slab .products-list .product .product-content .product-meta  {
    display:  inline-block;
    margin:  0 0 5px 0;
    position:  relative;
}
.products-box.type-slab .products-list .product .product-content .product-meta a  {
    box-shadow:  none;
    color:  #fff;
    text-decoration:  underline;
}
.products-box.type-slab .products-list .product .product-content .product-meta .meta-content-box  {
    background:  #2EABDB;
    bottom:  24px;
    box-shadow:  2px -2px 2px 0 rgb(185,  201,  214);
    color:  #fff;
    display:  none;
    font-size:  13px;
    left:  0;
    line-height:  1.2;
    padding:  5px;
    position:  absolute;
    width:  140px;
    z-index:  9;
}
.products-box.type-slab .products-list .product .product-content .product-meta .meta-content-box:before  {
    border-color:  rgba(255,  255,  255,  0);
    border-top-color:  #2EABDB;
    border-width:  10px;
    border:  solid transparent;
    bottom:  -20px;
    content:  " ";
    height:  0;
    left:  2px;
    pointer-events:  none;
    position:  absolute;
    width:  0;
}
.products-box.type-slab .product .product-content .product-meta:nth-child(2) .meta-content-box  {
    left:  -33px;
}
.products-box.type-slab .product .product-content .product-meta:nth-child(2) .meta-content-box:before  {
    left:  35px;
}
.products-box.type-slab .product .product-content .product-meta:nth-child(3) .meta-content-box  {
    left:  -63px;
}
.products-box.type-slab .product .product-content .product-meta:nth-child(3) .meta-content-box:before  {
    left:  65px;
}
.products-box.type-slab .products-list .product .product-content .product-meta > i:hover + span,  .products-box.type-slab .products-list .product .product-content .product-meta > span:hover  {
    display:  block;
}
.products-box.type-list  {
    margin-bottom:  20px;
}
.products-box.type-list .products-list  {
    clear:  both;
}
.products-box.type-list .product  {
    border:  1px solid #e5e5e5;
    box-shadow:  0 2px 4px #B9C9D6;
    box-sizing:  border-box;
    margin-bottom:  12px;
    overflow:  hidden;
    padding:  5px;
}
.products-box.type-list .product .product-thumbnail  {
    box-shadow:  none;
    float:  left;
    margin-right:  10px;
}
.products-box.type-list .product .product-thumbnail img  {
    height:  auto;
    width:  100px;
}
.products-box.type-list .product .product-content  {
    min-height:  100px;
    overflow:  hidden;
    position:  relative;
}
.products-box.type-list .product .product-content .product-title  {
    box-shadow:  none;
    color:  #0b0b0b;
    display:  block;
    font-size:  20px;
    line-height:  1;
    margin-bottom:  5px;
    text-decoration:  none;
}
.products-box.type-list .product .product-content .product-metas  {
    overflow:  hidden;
}
.products-box.type-list .product .product-content .product-meta  {
    clear:  both;
    line-height:  1.4;
    margin:  0 0 3px;
    overflow:  hidden;
}
.products-box.type-list .product .product-content .product-meta i  {
    float:  left;
}
.products-box.type-list .product .product-content .product-meta > span  {
    display:  block;
    overflow:  hidden;
}
.products-box.type-list .product .product-content .product-meta:last-child  {
    margin:  0;
}
.products-box.type-list .product .product-content .cart-button .no-price  {
    font-size:  13px;
}
.rcl-related-products  {
    clear:  both;
    margin:  10px 0;
}
.rcl-related-products .related-title  {
    font-size:  18px;
    font-weight:  bold;
}
.rcl-related-products .products-list  {
    padding:  0;
    margin:  10px 0;
}
.rcl-mini-cart,  .rcl-mini-cart .cart-content  {
    overflow:  hidden;
}
.rcl-mini-cart .cart-icon  {
    float:  left;
    font-size:  40px;
    padding:  10px;
}
.rcl-mini-cart .cart-content > span  {
    display:  block;
}
.rcl-mini-cart .empty-notice,  .rcl-mini-cart.empty-cart .cart-content  {
    display:  none;
}
.rcl-mini-cart.empty-cart .empty-notice  {
    display:  block;
}
#rcl-order  {
    position:  relative;
}
#rcl-order .order-table .rcl-cart-subtitle  {
    display:  none;
}
#rcl-order .order-table td > a  {
    font-size:  115%;
}
#rcl-order .order-table .product-excerpt  {
    font-size:  95%;
    margin:  5px 0 0;
}
#rcl-order .order-table .product-excerpt:empty  {
    display:  none;
}
#rcl-order .order-table .column-product-price  {
    min-width:  75px;
}
#rcl-order .order-table .column-product-sumprice  {
    min-width:  80px;
}
#rcl-order .order-table .column-product-amount,  #rcl-order .order-table .column-product-sumprice,  #rcl-order .order-table .column-product-price  {
    text-align:  center;
}
#rcl-order .order-table th > span,  #rcl-order .order-table td > span  {
    margin:  0 3px 0 0;
    vertical-align:  middle;
}
#rcl-order .order-table .column-product-amount .rcli,  #rcl-order .order-table th > .rcli,  #rcl-order .order-table td > .rcli  {
    vertical-align:  middle;
}
#rcl-order .order-table .column-product-amount .quantity-selector  {
    align-items:  center;
    display:  flex;
    justify-content:  center;
}
#rcl-order .order-table .product-box .edit-amount  {
    align-items:  center;
    background-color:  #f5f5f5;
    border:  1px solid #ddd;
    box-sizing:  border-box;
    display:  inline-flex;
    height:  28px;
    justify-content:  center;
    text-decoration:  none;
    width:  28px;
}
#rcl-order .order-table .product-box .edit-amount:hover  {
    border-color:  #ccc;
}
#rcl-order .order-table .product-box .product-amount  {
    background-color:  transparent;
    margin:  5px;
}
#rcl-order .cart-fields .cart-fields-title  {
    background:  #f5f5f5;
    font-size:  18px;
    margin:  20px 0 10px;
    padding:  10px;
    text-align:  center;
}
#rcl-order .submit-box  {
    text-align:  right;
}
#rcl-order .submit-box .recall-button  {
    align-items:  center;
    display:  inline-flex;
    font-size:  14px;
    justify-content:  center;
    padding:  9px 14px;
}
#rcl-order .submit-box .recall-button i  {
    font-size:  20px;
    margin-right:  5px;
}
#rcl-order .order-before-box  {
    background:  #f9f9f9;
    border:  1px solid #e5e5e5;
    box-sizing:  border-box;
    margin:  0 0 20px 0;
    padding:  10px 10px 5px 10px;
}
#rcl-order .order-before-box .title-before-box  {
    color:  #333;
    display:  block;
    font-size:  16px;
    font-weight:  bold;
    margin:  0 0 10px 0;
}
#rcl-order .order-before-box .content-before-box  {
    background: #fff;
    margin-bottom:  10px;
    padding:  10px;
}
#rcl-order .rcl-order-notices  {
    background:  #afffc0;
}
#rcl-order .order-manage-box  {
    margin:  10px 0;
    text-align:  right;
}
#rcl-order .order-manage-box .manager-item  {
    display:  inline-block;
    margin-left:  10px;
}
#rcl-order .order-manage-box .manager-item a  {
    display:  inline-block;
    font-size:  16px;
    padding:  5px 10px;
}
#rcl-product-box  {
    margin:  20px 0;
    overflow:  hidden;
    position:  relative;
}
.product-dialog.ssi-modal .ssi-modalContent  {
    padding:  0 0 10px;
}
#rcl-product-box.modal-box  {
    margin:  0 0 5px;
    max-width:  450px;
}
#rcl-product-box i.rcli  {
    color:  inherit;
}
#rcl-product-box .product-title  {
    background:  #f5f5f5;
    font-size:  24px;
    line-height:  1;
    padding:  10px 35px 10px 14px;
}
#rcl-product-box .product-gallery  {
    float:  left;
    width:  350px;
}
#rcl-product-box .product-gallery .rcl-product-gallery  {
    margin:  0;
}
#rcl-product-box .product-gallery .bx-controls-direction  {
    display:  none;
}
#rcl-product-box .product-metabox  {
    min-width:  300px;
    overflow:  hidden;
    padding:  10px 25px;
}
#rcl-product-box .rcl-cart-box .quantity-selector  {
    border-right-color:  transparent;
    border-left-color:  transparent;
    vertical-align:  middle;
}
#rcl-product-box .rcl-cart-box .quantity-selector .edit-quantity  {
    align-items:  center;
    background-color:  #f5f5f5;
    border-left:  1px solid #ddd;
    border-right:  1px solid #ddd;
    display:  flex;
    font-size:  20px;
    justify-content:  center;
    margin:  0;
    padding:  10px 13px;
}
#rcl-product-box .rcl-cart-box .quantity-selector .quantity-field input  {
    background:  none;
    border:  0;
    display:  inline-block;
    min-width:  55px;
    padding:  5px 0;
    text-align:  center;
}
#rcl-product-box .rcl-cart-box .product-old-price  {
    display:  inline-block;
}
#rcl-product-box .rcl-cart-box .product-price  {
    font-size:  40px;
    font-weight:  bold;
    line-height:  32px;
    margin-bottom:  10px;
    display: block;
}
#rcl-product-box .product-variations  {
    border-top:  1px solid #e5e5e5;
}
#rcl-product-box .rcl-field-input .rcl-field-notice  {
    display:  block;
    margin:  0;
}
#rcl-product-box .rcl-cart-box .cart-button  {
    vertical-align:  middle;
}
#rcl-product-box .rcl-cart-box .cart-button a  {
    border-radius:  2px;
    font-size:  20px;
}
#rcl-product-box .rcl-cart-box .cart-button .fa-shopping-cart  {
    font-size:  22px;
}
#rcl-order .product-variations  {
    line-height:  1;
    margin:  7px 0 0 12px;
}
#rcl-order .product-variations .variations-title  {
    background:  #f5f5f5;
    font-size:  16px;
    padding:  5px;
}
#rcl-order .product-variations span  {
    border-radius:  2px;
    display:  inline-block;
    margin:  5px;
}
#rcl-order .product-variations .variation-box  {
    background:  #f5f5f5;
    display:  inline-block;
    margin:  8px 10px 0 0;
}
#rcl-order .product-variations .variation-box .variation-value  {
    background:  #fff;
    padding:  5px;
}
#tab-orders .order-data  {
    overflow-x:  auto;
}
@media screen and (max-width:480px)  {
    #rcl-order .order-table tr: first-child  {
        display:  none;
    }
    #rcl-order .order-table .rcl-cart-subtitle  {
        display:  block !important;
        margin:  0 0 5px;
    }
    #rcl-order .order-table tr  {
        background-color:  #fff;
        border:  1px solid #e5e5e5;
        box-shadow:  5px 5px 5px -5px rgba(0,  0,  0,  0.2);
        box-sizing:  border-box;
        display:  flex;
        flex-wrap:  wrap;
        justify-content:  flex-end;
        margin:  0 auto 12px;
        width:  calc(100% - 6px);
    }
    #rcl-order .order-table td  {
        border:  none;
        min-width:  110px;
        text-align:  left;
    }
    #rcl-order .order-table .column-product-name  {
        width:  100%;
    }
    #rcl-order .order-table tr:last-child  {
        background-color:  rgba(224,  248,  201,  0.4);
    }
    #rcl-order .order-table th  {
        align-self:  center;
        border:  none;
        font-size:  16px;
    }
    #rcl-order .order-table th:not(:last-child)  {
        padding:  0 5px 0 0;
    }
    #rcl-order .order-table th:last-child  {
        border-left:  1px solid #eaeaea;
        margin:  0 0 0 10px;
        padding:  10px 15px;
    }
    #rcl-order .cart-fields .field-title  {
        word-break:  break-all;
        word-wrap:  break-word;
        min-width:  100px;
    }
    #tab-orders tr > *  {
        min-width:  auto;
        text-align:  center;
    }
    #tab-orders td:nth-child(2)  {
        font-size:  12px;
    }
    #tab-orders th:nth-child(1),  #tab-orders th:nth-child(3),  #tab-orders td:nth-child(5)  {
        -webkit-hyphens:  auto;
        hyphens:  auto;
    }
}
.rcl-box-rating  {
    clear:  both;
    font:  14px arial;
    margin:  5px 0;
    overflow:  hidden;
}
.rcl-box-rating a:link  {
    border:  none;
    box-shadow:  none;
}
.rcl-box-rating .buttons-rating  {
    float:  right;
    line-height:  1;
    position:  relative;
}
.rcl-box-rating .buttons-rating a > i  {
    font-size:  24px;
}
.rcl-box-rating .buttons-rating .rating-minus  {
    margin:  0 2px 0 3px;
}
.rcl-box-rating .buttons-rating .rating-plus  {
    float:  left;
    margin:  0 5px 0 0;
}
.rcl-box-rating .buttons-rating a.rating-cancel  {
    background:  rgba(219,  219,  219,  0.6);
    box-shadow:  0 0 1px 1px rgb(219,  219,  219);
    color:  #333;
    line-height:  1.7;
    margin:  -4px 4px 0;
    padding:  1px 3px;
}
.rcl-box-rating .buttons-rating a.rating-cancel:hover  {
    opacity: 0.8;
}
.rcl-box-rating .rating-value-block  {
    float:  left;
}
.rcl-box-rating .rating-plus  {
    color:  #008000;
}
.rcl-box-rating .rating-minus  {
    color:  #ff0000;
}
.rating-value-block .post-votes  {
    color:  #aaa;
    font-size:  14px;
    margin-left:  5px;
}
.votes-window  {
    background:  #fff;
    bottom:  0;
    box-shadow:  0 0 2px 3px rgba(219,  219,  219,  0.8);
    color:  #333;
    display:  none;
    font-size:  14px;
    line-height:  1;
    margin:  -35px 0 0 0;
    max-width:  500px;
    padding:  5px 10px;
    position:  absolute;
    right:  0;
    text-align:  left;
    z-index:  999;
}
.votes-window .close  {
    box-shadow:  none !important;
    color:  rgb(229,  57,  53);
    font-size:  23px;
    position:  absolute;
    right:  -11px;
    text-shadow:  0 0 1px #ccc;
    top:  -9px;
}
.rcl-rating-box .votes-window .votes-list  {
    clear:  both;
    list-style:  none;
    margin:  0;
    max-height:  350px;
    overflow-y:  auto;
    padding: 0;
}
.rcl-rating-box .votes-window .votes-list li  {
    border:  none;
    float:  none;
    font-size:  14px;
    font-weight:  400;
    line-height:  22px;
    list-style:  none;
    margin:  2px 0;
    padding:  0;
    width:  auto;
}
.votes-window .rating-plus,  .votes-list .fa-thumbs-o-up  {
    color:  #008000;
}
.votes-window .rating-minus,  .votes-list .fa-thumbs-o-down  {
    color:  red;
}
.rating-rcl span  {
    background:  rgba(219,  219,  219,  0.6);
    clear:  both;
    display:  block;
    font:  12px/1 Helvetica, serif, arial;
    margin:  0 auto;
    padding:  6px;
    text-align:  center;
}
.rating-rcl .rating-plus  {
    background:  #bfffbd;
    color:  #008000;
}
.rating-rcl .rating-minus  {
    background:  rgb(255,  207,  207);
    color:  rgb(229,  57,  53);
}
.lk-sidebar .recall-button .rating-value  {
    display:  inline;
    font:  12px/1 Helvetica, serif, arial;
    margin:  0;
    padding:  1.6px 4px 1px;
}
.lk-sidebar a.recall-button.active .rating-value  {
    opacity:  0.7;
}
.publics-table-rcl .rating-rcl span  {
    display:  inline-block;
    margin:  0;
    min-width:  20px;
    padding:  5px;
}
.ratinglist  {
    clear:  both;
    font:  14px/1.4 Verdana, arial;
    overflow:  hidden;
}
.ratinglist .rating-single p  {
    margin:  4px 0;
}
.ratinglist .rating-single {
    background:  #F9F9F9;
    border-left:  3px solid #8cdd89;
    box-sizing:  border-box;
    margin:  12px auto;
    outline:  1px solid rgb(230,  230,  230);
    overflow:  hidden;
    width:  98%;
}
.ratinglist .rating-sidebar  {
    float:  left;
    height:  auto;
    padding:  5px 7px 5px 5px;
    width:  auto;
}
.ratinglist .rating-single .rating-sidebar a  {
    border:  none;
    box-shadow:  none;
    float:  left;
}
.ratinglist .rating-single .avatar  {
    border-radius:  0;
    float:  left;
    height:  auto;
    width:  55px;
}
.ratinglist .object-rating  {
    background:  rgb(224,  248,  201);
    float:  right;
    line-height:  1;
    padding:  4px 5px;
    text-align:  center;
}
.ratinglist .object-rating i  {
    color:  #ffae19;
    font-size:  15px;
}
.ratinglist .object-rating .rtng-ttl  {
    font-size:  16px;
}
.ratinglist .object-rating .rtng-time  {
    font-size:  12px;
    vertical-align:  text-bottom;
}
.ratinglist .rating-single .rating-meta  {
    color:  #333;
    font:  14px/1 Verdana, arial;
    padding:  0 5px 2px;
}
.rating-meta .comm-more a  {
    border:  none;
    box-shadow:  none;
}
.ratinglist .rating-single .comm-more i  {
    font-size:  20px;
    margin:  0 0 -3px 3px;
    vertical-align:  bottom;
}
.ratinglist .rating-meta a img  {
    float:  inherit;
    height:  auto;
    margin:  3px 0;
    max-height:  25px;
    text-align:  unset;
    width:  25px;
}
.ratinglist .rating-meta blockquote  {
    border:  none;
    font-size:  16px;
    font-style:  italic;
    font-weight:  bold;
    margin:  5px;
    padding:  5px;
}
.ratinglist .rating-meta blockquote::before,  .ratinglist .rating-meta blockquote::after  {
    content:  "\"";
    display:  inline;
}
.ratinglist.rating-post .rating-single  {
    display:  flex;
}
.ratinglist.rating-post .object-rating  {
    align-items:  center;
    display:  flex;
    float:  left;
    justify-content:  center;
    margin:  0 5px 0 0;
    min-width:  85px;
    padding:  5px 3px;
}
.ratinglist.rating-post .fa-star::before  {
    padding:  0 2px 0 0;
}
.ratinglist.rating-post .rtng-time  {
    font-size:  10px;
    margin:  6px 0 0 4px;
}
.ratinglist.rating-post .object-title  {
    display:  block;
    margin:  0 0 0 5px;
    padding:  2px;
}
.rating-post .object-title a  {
    border:  none;
    box-shadow:  none;
}
.widget .ratinglist.rating-post .rating-single  {
    display:  block;
}
.rcl-rating-box  {
    clear:  both;
    font-size:  18px;
    margin:  5px;
    position:  relative;
    text-align:  right;
}
.rcl-rating-box .rating-wrapper  {
    display:  inline-block;
}
.rcl-rating-box .rating-wrapper > span  {
    margin:  0 5px;
}
.rcl-rating-box .rating-wrapper .rating-vote  {
    color:  #696969;
    cursor:  pointer;
    display:  inline-block;
    opacity:  0.5;
}
.rcl-rating-box .rating-wrapper > span:hover,  .rcl-rating-box .rating-wrapper .user-vote  {
    opacity:  1;
}
.rcl-rating-box .rating-wrapper > span i  {
    color:  inherit;
    padding:  0 !important;
}
.rcl-rating-box .rating-wrapper .rating-value  {
    color:  #b8b8b8;
    display:  inline-block;
    min-width:  16px;
    opacity:  1;
    position:  relative;
    text-align:  center;
}
.rcl-rating-box .rating-wrapper .rating-value-view  {
    cursor:  pointer;
}
.rcl-rating-box .rating-wrapper .rating-value-view:hover > span  {
    opacity:  0;
}
.rcl-rating-box .rating-wrapper .rating-value-view:hover:before  {
    color:  #b8b8b8;
    content:  "\f1da";
    display:  block;
    font-family:  rcl-awesome !important;
    position:  absolute;
    text-align:  center;
    width:  100%;
}
.rcl-rating-box .rating-wrapper .rating-value .rating-plus  {
    color:  #3ad11f;
}
.rcl-rating-box.box-stars .rating-wrapper .rating-value .rating-plus  {
    color:  #787878;
}
.rcl-rating-box .rating-wrapper .rating-value .rating-minus  {
    color:  #ff6262;
}
.rcl-rating-box .rating-wrapper .rating-history  {
    color:  #888;
}
.rcl-rating-box .rating-wrapper .vote-heart  {
    color:  #ff6262;
}
.rcl-rating-box .rating-wrapper .vote-plus:hover,  .rcl-rating-box .rating-wrapper .user-vote.vote-plus  {
    color:  #3ad11f;
}
.rcl-rating-box .rating-wrapper .vote-minus:hover,  .rcl-rating-box .rating-wrapper .user-vote.vote-minus  {
    color:  #ff6262;
}
.rcl-rating-box.box-stars .rating-value  {
    font-size:  20px;
}
.rcl-rating-box.box-stars .stars-wrapper .stars__out  {
    color:  #d5d5d5;
    font-size:  22px;
    margin-right:  1px;
    position:  relative;
    z-index:  1;
}
.rcl-rating-box.box-stars .stars-wrapper .stars__in  {
    bottom:  0;
    color:  orange;
    display:  block;
    font-size:  inherit;
    left:  0;
    overflow:  hidden;
    position:  absolute;
    top:  0;
    width:  0;
    z-index:  2;
}
.rcl-rating-box.box-stars .must-vote:hover span  {
    opacity:  1;
}
.rcl-rating-box.box-stars .must-vote:hover span.stars__out  {
    color:  orange;
}
.rcl-rating-box.box-stars .must-vote:hover span.stars__in  {
    color:  inherit;
}
.rcl-rating-box.box-stars .must-vote .rating-vote:hover ~ .rating-vote > span.stars__out  {
    color:  #ccc;
}
.rcl-chat  {
    padding:  5px;
}
.rcl-chat.chat-general  {
    background:  #fbfbfb;
    box-shadow:  0 0 1px 1px #ccc;
    box-sizing:  border-box;
    margin:  1px;
    overflow:  hidden;
    width:  100%;
}
body .rcl-chat .message-text iframe  {
    display:  block;
    margin:  10px auto;
    max-width:  100%;
    width:  auto;
}
body audio  {
    visibility:  visible !important;
}
.rcl-chat .message-wrapper  {
    overflow:  hidden;
    padding-left:  15px;
}
.rcl-chat .chat-messages-box  {
    animation-duration:  0.5s;
}
.rcl-chat .chat-messages  {
    background:  #fff;
    border:  1px solid #ddd;
    box-sizing:  border-box;
    max-height:  500px;
    min-height:  200px;
    overflow-x:  hidden;
    padding:  10px 10px 30px;
}
.rcl-chat .chat-messages .anons-message  {
    display:  block;
    padding:  20px;
    text-align:  center;
}
.rcl-chat .chat-messages .chat-message  {
    animation-duration:  0.5s;
    margin:  10px 0;
    overflow:  hidden;
    position:  relative;
}
.rcl-chat .chat-message .message-meta  {
    font-size:  12px;
}
.rcl-chat .chat-message .author-name  {
    color:  #777;
    display:  inline-block;
    font-size:  12px;
    margin:  0 0 5px;
}
.rcl-chat .chat-message .message-time  {
    color:  #8a8a8a;
    float:  right;
    font-size:  11px;
}
.rcl-chat .chat-messages .chat-message .user-avatar  {
    display:  inline-block;
    float:  left;
}
.rcl-chat .chat-messages .chat-message .message-box  {
    color:  #333;
    line-height:  1;
    padding:  5px 5px 5px 10px;
    position:  relative;
}
.rcl-chat .message-box::before  {
    border-color:  transparent;
    border-style:  solid;
    border-width:  10px 10px 10px 0;
    content:  "";
    height:  0;
    left:  -10px;
    position:  absolute;
    top:  10px;
    width:  0;
}
.rcl-chat .chat-messages .chat-message .message-box .message-text  {
    line-height:  1.2;
    overflow:  hidden;
}
.rcl-chat .chat-messages .chat-message .message-box .message-text p  {
    margin:  0;
    padding:  0 0 5px;
}
#subtab-important-messages .chat-messages  {
    background:  none;
    border:  0;
    max-height:  initial;
    padding:  0;
}
.rcl-chat .chat-form  {
    position:  relative;
}
.rcl-chat .chat-form .chat-preloader-file  {
    background:  #e6e6e6;
    clear:  both;
    position:  relative;
}
.rcl-chat .chat-form .chat-preloader-file .chat-delete-attachment  {
    color:  #aaa;
    position:  absolute;
    right:  10px;
    top:  5px;
}
.rcl-chat .chat-form .chat-preloader-file img  {
    margin:  10px;
    max-width:  70px;
}
.rcl-mini-chat .chat-form .chat-preloader-file img  {
    margin:  5px;
    max-width:  40px;
}
.rcl-chat .message-attachment  {
    background:  #f1f1f1;
    margin-top:  5px;
    padding:  5px;
}
.rcl-chat .message-attachment .image-attachment  {
    text-align:  center;
}
.rcl-chat .message-attachment .archive-attachment img  {
    width:  30px;
}
.rcl-chat .chat-form .chat-form-media  {
    position:  absolute;
    right:  5px;
    top:  5px;
}
.rcl-chat .rcl-smiles > i  {
    font-size:  22px;
    line-height:  1.4;
}
.rcl-chat .rcl-chat-uploader  {
    clear:  both;
    color:  #4c8cc5;
    display:  block;
    font-size:  22px;
    line-height:  1;
    overflow:  hidden;
    position:  relative;
}
.rcl-chat .rcl-chat-uploader input  {
    bottom:  0;
    cursor:  pointer;
    height:  26px;
    margin:  0;
    opacity:  0;
    padding:  0;
    position:  absolute;
    right:  0;
}
.rcl-chat .chat-form textarea,  #rcl-office .rcl-chat .chat-form textarea  {
    background:  #f6f6f6;
    border:  1px solid #ddd;
    box-shadow:  none;
    box-sizing:  border-box;
    color:  #000;
    height:  auto;
    line-height:  1.4;
    margin:  0;
    max-width:  100%;
    min-height:  95px;
    outline:  none;
    padding:  3px 30px 3px 5px;
    width:  100%;
}
.rcl-chat .chat-form .chat-submit  {
    float:  right;
    margin:  5px 0;
}
.chat-notice  {
    text-align:  center;
}
.chat-notice > span  {
    display:  block;
    padding:  10px;
}
.chat-notice .notice-error  {
    background:  #fce6db;
}
.rcl-chat .chat-users-box  {
    background:  #efefef;
    font-size:  12px;
    margin:  0 0 6px;
    overflow:  hidden;
    padding:  10px;
}
.rcl-chat .chat-users-box > span  {
    margin-right:  5px;
}
.rcl-chat .chat-users-box .chat-users  {
    display:  inline-block;
}
.rcl-chat .chat-users-box .chat-users a,  .rcl-chat .chat-users-box .chat-users span  {
    margin-right:  10px;
    text-decoration:  underline;
}
#rcl-chat-noread-box  {
    bottom:  5px;
    box-sizing:  content-box;
    line-height:  1.5;
    position:  fixed;
    right:  5px;
    z-index:  101;
}
#rcl-chat-noread-box a  {
    vertical-align:  bottom;
}
#rcl-chat-noread-box .rcl-noread-users  {
    box-sizing:  border-box;
    float:  right;
    padding:  1px;
    position:  relative;
    width:  50px;
}
#rcl-chat-noread-box .messages-icon  {
    display:  block;
    font-size:  30px;
    line-height:  1;
    margin:  0 0 5px;
    text-align:  center;
}
#rcl-chat-noread-box .more-contacts  {
    color:  #fff;
    display:  block;
    font-size:  14px;
    font-weight:  bold;
    text-align:  center;
}
#rcl-chat-noread-box .more-contacts a  {
    display:  inline-block;
    padding:  0 5px 5px;
}
#rcl-chat-noread-box .messages-icon .chat-new-messages  {
    border-radius:  999px;
    color:  #fff;
    font-size:  12px;
    line-height:  18px;
    position:  absolute;
    right:  16px;
    top:  8px;
    width:  18px;
}
#rcl-chat-noread-box .messages-icon .rcli  {
    color:  #fff;
}
#rcl-chat-noread-box .messages-icon a:hover  {
    opacity:  0.8;
}
#rcl-chat-noread-box.active-chat .messages-icon  {
    margin-bottom:  30px;
}
#rcl-chat-noread-box .rcl-chat-user  {
    display:  block;
    margin:  0 auto 5px;
    position:  relative;
    width:  40px;
}
#rcl-chat-noread-box .rcl-chat-user .fa-times  {
    background:  rgba(0,  0,  0,  0.6);
    color:  #fff;
    display:  none;
    font-size:  12px;
    left:  0;
    padding:  2px;
    position:  absolute;
    top:  0;
}
#rcl-chat-noread-box .rcl-chat-user:hover .fa-times  {
    display:  block;
}
#rcl-chat-noread-box .rcl-chat-user .fa-commenting  {
    background:  #fff;
    border-radius:  50%;
    color:  #ff0000;
    font-size:  14px;
    padding:  4px;
    position:  absolute;
    right:  -2px;
    top:  -2px;
}
#rcl-chat-noread-box .rcl-chat-user img  {
    border-radius:  0;
    border:  none;
    float:  none;
    height:  auto;
    margin:  0;
    max-width:  100%;
    padding:  0;
    vertical-align:  inherit;
    width:  40px;
}
#rcl-chat-noread-box .rcl-chat-user img:hover  {
    box-shadow:  none;
    opacity:  1;
}
#rcl-chat-noread-box .rcl-mini-chat  {
    animation-duration:  0.5s;
    background:  #fff;
    float:  left;
}
#rcl-chat-noread-box.hidden-contacts .chat-contacts  {
    display:  none;
}
.rcl-mini-chat .rcl-chat  {
    border:  2px solid #ccc;
    overflow:  hidden;
}
.rcl-mini-chat .chat-messages  {
    box-sizing:  content-box;
    max-height:  300px;
    width:  265px;
}
.rcl-mini-chat .rcl-chat .chat-messages .chat-message .user-avatar img  {
    height:  auto;
    width:  30px;
}
.rcl-mini-chat .rcl-chat .chat-messages .chat-message .message-box .message-text  {
    font-size:  12px;
}
.rcl-mini-chat .rcl-chat .chat-form textarea  {
    min-height:  70px;
    resize:  none;
}
.rcl-mini-chat .rcl-chat-panel  {
    line-height:  1;
    padding:  5px;
}
.rcl-mini-chat .rcl-chat-panel a  {
    color:  #fff;
    font-size:  20px;
    line-height:  normal;
    margin:  0 13px 0 5px;
    vertical-align:  middle;
}
#rcl-chat-noread-box.left-panel  {
    left:  5px;
    right:  auto;
}
#rcl-chat-noread-box.left-panel .rcl-mini-chat  {
    float:  right;
}
.left-panel .rcl-noread-users a.active-chat::before  {
    border-width:  12px 0 12px 12px;
    left:  45px;
    right:  initial;
}
#rcl-chat-noread-box.left-panel .rcl-mini-chat .rcl-chat-panel  {
    text-align:  right;
}
.rcl-chat .rcl-pager  {
    box-shadow:  none;
    clear:  none;
    float:  right;
    font-size:  14px;
    margin:  0;
    padding:  5px 10px 0;
    text-align:  right;
    width:  initial;
}
.rcl-mini-chat .rcl-pager .pager-item a,  .rcl-mini-chat .rcl-pager .pager-item span  {
    margin:  0 2px;
    padding:  2px 5px;
}
.rcl-mini-chat .rcl-smiles .smiles  {
    width:  245px;
}
.rcl-noread-users a.active-chat::before  {
    border-color:  transparent;
    border-style:  solid;
    border-width:  12px 12px 12px 0;
    content:  "";
    height:  0;
    position:  absolute;
    right:  45px;
    top:  10px;
    width:  0;
}
.rcl-chat .chat-content  {
    position:  relative;
}
.rcl-chat .chat-status  {
    bottom:  10px;
    color:  #aaa;
    height:  18px;
    left:  10px;
    overflow:  hidden;
    position:  absolute;
    white-space:  nowrap;
    width:  0;
}
.rcl-chat .chat-status span  {
    display:  inline-block;
    position:  absolute;
    right:  0;
}
#rcl-office .rcl-chat-contacts  {
    margin:  10px 0;
}
#rcl-office .rcl-chat-contacts .chat-contact  {
    border:  1px solid #ddd;
    color:  inherit;
    display:  block;
    margin:  5px 0 10px;
    overflow:  hidden;
    padding:  8px;
}
#rcl-office .contacts-counter  {
    padding:  0 0 5px;
}
#rcl-office .rcl-chat-contacts .chat-window-restore,  #rcl-office .rcl-chat-contacts .chat-remove  {
    position:  absolute;
}
#rcl-office .rcl-chat-contacts .chat-remove  {
    background:  rgba(0,  0,  0,  0.6);
    color:  #fff;
    display:  none;
    font-size:  14px;
    left:  9px;
    line-height:  1;
    padding:  3px;
    position:  absolute;
    top:  9px;
}
#rcl-office .rcl-chat-contacts .chat-window-restore  {
    color:  #4c8cbd;
    right:  10px;
    top:  5px;
}
.chat-remove,  .chat-window-restore  {
    transition:  opacity .2s ease;
}
.chat-remove:hover,  .chat-window-restore:hover  {
    opacity:  .7;
}
#rcl-office .rcl-chat-contacts .contact-box:hover .chat-remove  {
    display:  block;
}
#rcl-office .rcl-chat-contacts .chat-contact .avatar-contact  {
    float:  left;
    margin-right:  15px;
}
#rcl-office .rcl-chat-contacts .chat-contact .message-meta  {
    display:  inline-block;
    float:  left;
    font-size:  12px;
    width:  165px;
}
#rcl-office .rcl-chat-contacts .chat-contact .message-meta span  {
    display:  block;
}
#rcl-office .rcl-chat-contacts .chat-contact .message-content  {
    overflow:  hidden;
}
#rcl-office .rcl-chat-contacts .chat-contact .message-content .time-message  {
    font-size:  12px;
}
#rcl-office .rcl-chat-contacts .chat-contact .message-content .author-name  {
    font-weight:  bold;
    line-height:  1.1;
}
#rcl-office .rcl-chat-contacts .chat-contact .message-content .message-text  {
    font-size:  14px;
    overflow:  hidden;
    padding:  0 20px 0 8px;
}
#rcl-office .rcl-chat-contacts .chat-contact .message-content .message-text .master-avatar  {
    margin-right:  10px;
    vertical-align:  middle;
}
#rcl-office .rcl-chat-contacts .chat-contact .message-content .message-text .master-avatar img  {
    box-shadow:  none;
}
#rcl-office .rcl-chat-contacts .noread-message  {
    background:  rgba(229,  57,  53,  0.1);
    border-color:  rgba(229,  57,  53,  0.15);
}
.rcl-chat .words-counter  {
    font-size:  12px;
}
.rcl-chat .message-manager  {
    float:  right;
    padding:  0 0 0 10px;
    text-align:  center;
}
.rcl-chat .chat-message .message-manager > span  {
    display:  block;
    line-height:  1;
    opacity:  0;
    padding:  5px 0;
}
.rcl-chat .chat-message:hover .message-manager > span  {
    opacity:  0.5;
}
.rcl-chat .message-manager a  {
    border:  none;
    box-shadow:  none;
}
.rcl-chat .chat-message .message-manager .active-important,  .rcl-chat .chat-message:hover .message-manager .message-delete,  .rcl-chat .chat-message:hover .message-manager .active-important  {
    opacity:  1;
}
.rcl-chat .chat-meta  {
    line-height:  1.5;
    overflow:  hidden;
    padding:  0 0 6px;
}
.rcl-chat .important-manager  {
    float:  right;
    font-size:  14px;
}
.rcl-chat .important-manager .important-shift  {
}
@media screen and (max-width:800px)  {
    #rcl-chat-noread-box .chat-delete-contact  {
        display:  none;
    }
}
@media screen and (max-width:768px)  {
    #rcl-office .rcl-chat-contacts .chat-remove  {
        display:  block;
        font-size:  18px;
    }
}
@media screen and (max-width:480px)  {
    #rcl-office .rcl-chat-contacts .chat-contact .message-meta  {
        display:  block;
        width:  calc(100% - 25px);
    }
    #rcl-office .rcl-chat-contacts .chat-contact .message-content .message-text  {
        min-width:  80px;
        padding:  10px 0 0 10px;
    }
    .ssi-modal.rcl-chat-window #ssi-modalWrapper  {
        width:  90%;
    }
    .ssi-modal.rcl-chat-window .ssi-modalContent  {
        padding:  5px;
    }
    .ssi-modal.rcl-chat-window .user-avatar  {
        width:  30px;
    }
}
@media screen and (max-width:320px)  {
    .rcl-mini-chat .chat-messages  {
        width:  225px;
    }
}
.rcl-payment-form {
    width:  380px;
    margin:  0px auto;
    max-width:  100%;
    padding:  5px;
    /*border:  1px solid #ccc;*/
}
.rcl-payment-form .title-form {
    padding: 5px 5px 5px 50px;
    background-size: 38px;
    background-position: top 0px left 0px;
    background-repeat: no-repeat;
    font-size: 16px;
    background-color: aliceblue;
    cursor: pointer;
    margin: 5px;
    text-shadow: 1px 1px 2px rgb(150 150 150);
    line-height: 28px;
    -webkit-box-shadow: 3px 3px 6px 0px rgb(50 50 50 / 65%);
    -moz-box-shadow: 3px 3px 6px 0px rgba(50, 50, 50, 0.65);
    box-shadow: 3px 3px 6px 0px rgb(50 50 50 / 65%);
}
.rcl-payment-form .title-form .rcli {
    float:  right;
    padding:  7px 10px;
}
.rcl-payment-form .title-form .rcli:before  {
    content:  "\f067" }
.rcl-payment-form.display-form .title-form .rcli:before  {
    content:  "\f068";
}
.rcl-payment-form .rcl-form {
    margin:  0;
    padding-top:  5px;
}
.rcl-payment-form.fixed-sum .rcl-form {
    display:  none;
}
.rcl-payment-form.display-form .rcl-form {
    display:  block;
}
.rcl-payment-form .form-field {
}
.rcl-payment-form .rcl-form .submit-box {
    background:  none;
}
.rcl-payment-form .rcl-field-core .block-label {
    /*padding:  10px 10px 10px 50px;*/
    /*background-size:  40px;*/
    /*background-position:  top 0px left 0px;*/
    /*background-repeat:  no-repeat;*/
    /*border:  1px solid #ccc;*/
    /*font-size:  14px;*/

    padding: 5px 5px 5px 50px;
    background-size: 38px;
    background-position: top 0px left 0px;
    background-repeat: no-repeat;
    font-size: 16px;
    background-color: aliceblue;
    cursor: pointer;
    margin: 5px;
    text-shadow: 1px 1px 2px rgb(150 150 150);
    line-height: 28px;
    -webkit-box-shadow: 3px 3px 6px 0px rgb(50 50 50 / 65%);
    -moz-box-shadow: 3px 3px 6px 0px rgba(50, 50, 50, 0.65);
    box-shadow: 3px 3px 6px 0px rgb(50 50 50 / 65%);

}
.webix_all_tabs .webix_item_tab {
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    border: none;
    letter-spacing: 1.5px;
    /*text-shadow: -1px 0px 4px rgb(10 10 10);*/
}
.webix_accordionitem_label{
    color: #000000;
}
.webix_all_tabs .webix_item_tab.webix_selected {
    /*box-shadow: inset 0 -2px #0c22bb;*/
    padding-bottom: 0;
    color: darkblue;
}
.webix_all_tabs .webix_item_tab.webix_selected:focus {
    color: white;
    text-shadow: -1px 0px 4px rgb(10 10 10);
    box-shadow: inset 0 -2px #0c22bb;
}
.rcl-field-core >span{
    margin: 15px;
}
.rcl-payment-form .rcl-field-gateway_id {
}
.rcl-payment-form .rcl-field-gateway_id .rcl-radio-box {
    display: block;
    padding:  3px 0 3px 40px;
    background-size:  35px;
    background-position:  5px 5px;
    background-repeat:  no-repeat;
    margin:  5px 0;
    border:  1px solid #ccc;
}
.rcl-payment-form .rcl-field-gateway_id .rcl-radio-box label {
    display: block;
    background:  none;
    border:  none;
}
.rcl-balance-widget {
    max-width:  350px;
}
.rcl-balance-widget .balance-amount {
    text-align:  center;
}
.rcl-balance-widget .amount-title {
    display:  block;
    font-weight:  bold;
    text-align:  left;
}
.rcl-balance-widget .amount-size {
    font-size:  18px;
}
.rcl-balance-widget .update-link {
    text-decoration:  none;
    border:  none;
    font-size:  13px;
    vertical-align:  middle;
    margin-left:  15px;
    color:  #4c8cbd;
}
.rcl-balance-widget .balance-form {
    display: none;
}
.wprecallblock .add-count-form  {
    border:  1px solid #CCCCCC;
    display:  none;
    padding:  5px;
}
.wprecallblock .add-count-form #count-size  {
    padding:  4px;
    width:  70px;
}
.wprecallblock .add-count-form #submit-add-count  {
    display:  inline-block!important;
    padding:  6px;
}
.wprecallblock .output-user-count  {
    border:  1px solid #CCCCCC;
    overflow:  hidden;
    padding:  5px;
}
.wprecallblock .output-user-count select,  .wprecallblock .output-user-count input[type="text"]  {
    width:  200px;
    margin:  0;
}
.wprecallblock .output-user-count input[type="button"]  {
    float:  right;
}
#wallet_block td {
    font-size: 12px;
}
#wallet_block tr:nth-child(2),  #wallet_block tr:nth-child(3),  #wallet_block tr:nth-child(4) {
    white-space:  nowrap;
}
.rcl-money-transfer #count-size {
    width: 300px;
    display: block;
    margin: 10px auto;
}
.wprecallblock div.output-user-count  {
    overflow-x:  scroll;
}
#tab-publics .rcl-table__cell  {
    min-width:  75px;
}
#tab-publics .rcl_author_postlist a:hover  {
    text-decoration:  underline;
}
.rcl_author_postlist .rcl-table__row > div:nth-child(3)  {
    min-width:  100px;
}
.rcl_author_postlist .rcl-table__row:not(.rcl-table__row-header) > div:nth-child(2)  {
    justify-content:  space-between;
}
.rcl_author_postlist .rating-rcl  {
    hyphens:  none;
    padding:  0 0 0 8px;
    word-break:  normal;
    word-wrap:  normal;
}
@media screen and (max-width:768px)  {
    .rcl_author_postlist .rcl-table__row-header ~ .rcl-table__row .rcl-table__cell: :before  {
        flex-basis:  auto;
        min-width:  90px;
    }
    .rcl_author_postlist .rcl-table__cell > a  {
        flex-grow:  1;
    }
}
#block_author-rcl  {
    background:  rgba(243,  243,  243,  0.3);
    box-shadow:  0 0 1px 1px rgb(243,  243,  243);
    clear:  both;
    margin:  15px 3px;
    overflow:  hidden;
    padding:  2px;
}
#block_author-rcl > h3  {
    font-size:  18px;
    letter-spacing:  normal;
    line-height:  1.4;
    margin:  0;
    padding:  0 0 5px 5px;
}
#block_author-rcl .userlist .user-single  {
    background:  transparent;
    box-shadow:  none;
    margin:  0;
}
.rcl-public-box  {
    position:  relative;
}
.rcl-public-box .edit-form-link > a  {
    align-items:  center;
    box-shadow:  none !important;
    display:  flex;
    justify-content:  flex-end;
}
.edit-form-link .edit-form-link-title  {
    margin:  0 8px 0 5px;
}
.rcl-public-box .rcl-service-button  {
    background-color:  rgba(30,  56,  75,  0.7);
    border:  none;
    box-shadow:  none;
    color:  rgb(229,  57,  53);
    cursor:  pointer;
    font-size:  24px;
    line-height:  1;
    padding:  6px;
    position:  absolute;
    right:  5px;
    top:  5px;
    z-index:  2;
}
.rcl-public-box .rcl-service-button i:hover  {
    opacity:  0.8;
}
.rcl-public-box .rcl-form-field  {
    background-color:  #f7f7f7;
    border:  1px solid #e5e5e5;
    box-sizing:  border-box;
    margin:  7px 0;
    padding:  8px;
}
.rcl-public-box .rcl-form-field > label  {
    display:  block;
    font-size:  18px;
    line-height:  normal;
    margin:  0 0 3px;
}
.rcl-public-box #form-field-post_content .button-small  {
    border-radius:  1px;
    line-height:  1;
    margin:  2px 5px 3px 0;
    padding:  6px 10px;
    width:  auto;
}
#form-field-post_content textarea.wp-editor-area  {
    background-color:  #fff;
    min-height:  300px;
}
.rcl-public-box .rcl-form-field .rcl-terms-select .rcl-field-input  {
    display:  inline-block;
    width:  auto;
    margin-bottom:  5px;
}
.rcl-public-box .rcl-form-field .rcl-terms-select .type-multiselect-input  {
    display:  block;
}
.rcl-public-box .rcl-form-field .rcl-terms-select .rcl-tags-list  {
    margin:  0 0 4px;
    overflow:  hidden;
}
.rcl-public-box .rcl-form-field .rcl-terms-select .rcl-tags-list .required {
    display:  none;
}
.rcl-public-box .rcl-tags-list > .block-label  {
    background:  #fff;
    box-shadow:  none;
    clear:  both;
    cursor:  default;
    display:  block;
    float:  none;
    margin:  0;
    padding:  10px;
}
.rcl-public-box .rcl-tags-list .ms-ctn  {
    border:  1px solid #ddd;
    box-shadow:  none;
    line-height:  normal;
    margin-top:  5px;
    padding:  5px;
}
.rcl-public-box .rcl-tags-list .ms-ctn .ms-sel-ctn  {
    margin:  0;
}
.rcl-public-box .rcl-tags-list .ms-ctn .ms-sel-ctn .ms-sel-item  {
    border-radius:  0;
    color:  #7a7a7a;
    display:  inline-block;
    float:  none;
    font-size:  14px;
    margin:  5px;
    padding:  5px;
}
.rcl-public-box .rcl-tags-list .ms-ctn .ms-sel-ctn input  {
    background-color:  #fafafa;
    border:  1px solid #ddd;
    clear:  both;
    display:  block;
    float:  none;
    margin-top:  5px;
    padding:  5px;
    width:  100% !important;
}
.rcl-public-box .rcl-tags-list .ms-ctn .ms-sel-ctn input:focus  {
    background-color:  #fff;
    border-color:  #c5c5c5;
}
.rcl-public-box .rcl-tags-list .ms-ctn .ms-trigger  {
    background:  #fff;
    box-sizing:  border-box;
}
.rcl-public-box .rcl-tags-list .ms-ctn .ms-helper  {
    background-color:  #ffe2e2;
    border-radius:  1px;
    color:  red;
    font-size:  14px;
    padding:  0 6px;
    right:  42px;
    top:  15px;
}
.rcl-form-field.maybe-gallery-box  {
    background-color:  #f2f2f2;
}
.rcl-form-field.maybe-gallery-box .block-label  {
    background-color:  transparent;
    border:  none;
    padding:  0;
}
.rcl-public-box .submit-public-form  {
    margin:  10px 0;
    padding-bottom:  0;
    text-align:  right;
}
.rcl-public-box .public-form-button:not(:last-child)  {
    margin-right:  10px;
}
.rcl-public-form .category-list .child-list-category  {
    background:  #fff;
    padding:  5px;
    margin-left:  10px;
    margin-bottom:  5px;
}
.rcl-public-form .category-list .child-list-category .parent-category  {
    background:  #f0f0f0;
    display:  block;
    font-weight:  bold;
    margin-bottom:  5px;
    padding:  5px 8px;
}
.rcl-public-form .attachments-post .set-thumbnail-post  {
    display:  block;
    width:  100%;
}
.rcl-public-form .attachments-post .set-thumbnail-post a  {
    color:  #fff;
    display:  block;
    font-size:  14px;
    font-weight:  normal;
    padding:  4px 5px;
    text-align:  center;
    white-space:  normal;
}
.rcl-public-form .attachments-post .set-thumbnail-post a:hover  {
    text-decoration:  none;
}
#rcl-thumbnail-post  {
    background:  #e5e5e5;
    box-sizing:  border-box;
    max-width:  180px;
    padding:  10px;
    text-align:  center;
}
#rcl-thumbnail-post .thumbnail-wrapper  {
    overflow:  hidden;
    position:  relative;
}
#rcl-thumbnail-post .thumbnail-image img  {
    width:  100%;
}
#rcl-thumbnail-post #rcl-thumbnail-uploader  {
    cursor:  pointer;
}
#rcl-thumbnail-post .delete-post-thumbnail  {
    position:  absolute;
    right:  0;
    top:  0;
}
.rcl-public-box .attachments-post  {
    display:  flex;
    flex-wrap:  wrap;
    list-style:  outside none none;
    margin:  5px 0;
    overflow:  hidden;
    padding:  0 !important;
    width:  100%;
}
.rcl-public-box .attachments-post li  {
    background-color:  #e5e5e5;
    box-sizing:  border-box;
    float:  left;
    list-style:  none!important;
    margin:  5px 0.5%;
    padding:  5px;
    position:  relative;
    width:  24%;
}
.rcl-public-box .attachments-post li img  {
    width:  100%;
}
.rcl-public-box .attachments-post li img:hover  {
    box-shadow:  0 0 1px 1px rgb(30,  56,  75);
    opacity:  0.8;
}
.rcl-public-box .attachments-post label span  {
    cursor:  pointer;
    display:  inline-flex;
    font-size:  12px;
}
.rcl-public-box .attachments-post label span input  {
    margin:  0 5px 0 0;
}
.ssi-modalOuter.rcl-preview-post .rcl-notice-preview  {
    background:  rgba(229,  57,  53,  0.15);
    display:  block;
    text-align:  center;
}
.ssi-modalOuter.rcl-preview-post .rcl-notice-preview p  {
    color:  #000;
    font-size:  16px;
    font-weight:  bold;
    margin:  0;
    padding:  10px;
}
.ssi-modalOuter.rcl-preview-post a  {
    color:  #38b7ee;
}
h3.pending-message  {
    background:  rgb(255,  207,  207);
    color:  red;
    font-size:  19px;
    margin:  0 auto;
    padding:  5px;
    text-align:  center;
    width:  70%;
}
#form-field-delete  {
    overflow:  hidden;
    padding-bottom:  0;
}
#rcl-delete-post .delete-form-contayner  {
    background-color:  #fafafa;
    border:  1px solid #ddd;
    display:  none;
    margin-bottom:  7px;
    padding:  7px;
}
#rcl-delete-post label  {
    display:  block;
    font-weight:  normal;
    margin:  5px 10px;
}
#rcl-delete-post .reason-delete  {
}
#rcl-delete-post textarea  {
    background-color:  #fff;
    border-radius:  0;
    border:  1px solid #ddd;
    box-shadow:  none;
    box-sizing:  border-box;
    float:  none;
    font-size:  100%;
    height:  auto;
    line-height:  1.4;
    margin:  0 0 10px;
    max-width:  100%;
    outline:  0;
    padding:  5px 10px;
    width:  100%;
}
#rcl-delete-post p  {
    margin:  4px;
    padding:  0;
}
#rcl-delete-post .delete-post-submit  {
    margin:  -24px 0 0;
}
.mass-upload-box  {
    background:  rgba(219,  219,  219,  0.3);
    box-shadow:  0 0 1px 1px rgba(219,  219,  219,  0.6);
    padding:  5px;
}
.rcl-dropzone  {
    font-size:  12px;
    margin-bottom:  10px;
    overflow:  hidden;
}
.rcl-dropzone.mass-upload-box small  {
    margin:  0 0 0 5px;
}
.mass-upload-box .mass-upload-area  {
    background-color:  #ccc;
    padding:  20px;
    text-align:  center;
}
.mass-upload-box hr  {
    margin:  3px;
}
.mass-upload-box .rcl-upload-button  {
    display:  inline-block;
}
@media screen and (max-width:480px)  {
    .rcl-public-box .attachments-post li  {
        width:  31%;
    }
}
@media screen and (max-width:375px)  {
    .rcl-public-box .attachments-post li  {
        width:  49%;
    }
}
#ads-form {
    position: relative;
    float:  left;
    max-width:  500px;
    padding:  10px;
    min-width:  380px;
    background:  #f7f8f8;
    margin:  0 5px 10px 0;
}
#ads-form .form-field {
    padding:  5px;
}
#ads-form .form-field .field-title {
    font-weight:  bold;
    margin-bottom:  5px;
}
#ads-form .form-field .field-title .required {
    color:  red;
}
#ads-form .submit-field {
    text-align: right;
}
#ads_image {
    display:  inline-block;
}
#ads-image-html {
    min-width:  150px;
    min-height:  150px;
    background:  #e3e3e3;
}
#ads-image-upload {
    margin:  5px 0;
    display:  block;
    width:  100%;
}
#ads-preview {
}
#ads-preview h3 {
    clear: none;
}
#ads-preview .preview-box {
    margin-bottom: 10px;
}
#edit-company {
}
#edit-company input[type="text"] {
    width: 100%;
    box-sizing:  border-box;
}
.rcli.ads-status-0 {
    color:  orange;
}
.rcli.ads-status-0:before {
    content:  "\f04d";
}
.rcli.ads-status-1 {
}
.rcli.ads-status-1:before {
    content:  "\f254";
}
.rcli.ads-status-2 {
}
.rcli.ads-status-2:before {
    content:  "\f101";
}
.rcli.ads-status-3 {
    color:  green;
}
.rcli.ads-status-3:before {
    content:  "\f04b";
}
.rcli.ads-status-4 {
}
.rcli.ads-status-4:before {
    content:  "\f04c";
}
.rcli.ads-status-5 {
    color: red;
}
.rcli.ads-status-5:before {
    content:  "\f188";
}
.ads-status-list {
    padding:  10px;
    font-size:  13px;
}
.ads-status-list .ads-status {
}
.ads-status-list .ads-status i {
    color:  #4c8cbd;
    display:  inline-block;
    width:  15px;
}
#tab-ads-system .rcl-payment-buttons {
    margin:  20px auto;
    width:  320px;
}
#tab-ads-system .ads-title {
    font-size: 16px;
    margin-bottom: 15px;
}
#tab-ads-system .ads-status-link {
    text-align:  center;
    display:  block;
}
#tab-ads-system .ads-status-link:hover {
    background:  rgb(230,  244,  255);
}
#tab-ads-system .ads-status-link:hover i {
    color:  #4c8cbd;
}
#tab-ads-system .ads-status-link i {
}
#tab-ads-system table th.aligncenter,  #tab-ads-system table td.aligncenter {
    display:  table-cell!important;
}
.ads-box {
    position:  relative;
    overflow:  hidden;
    background:  #f7f8f8;
    padding:  5px;
    font-size:  14px;
    margin:  10px 0;
}
.ads-box a {
    text-decoration: none;
}
.ads-box .ads-url {
}
.ads-box .ads-title {
    display:  block;
    font-size:  18px;
    line-height:  1;
    color:  #1f7ca9;
    margin-bottom:  5px;
}
.ads-box .ads-description {
    font-size:  14px;
    color:  #333;
}
.ads-box .ads-description p {
    margin:  0;
}
.ads-box .ads-note {
    position:  absolute;
    font-size:  10px;
    right:  2px;
    top:  2px;
    background:  #ccc;
    padding:  2px;
    line-height:  1;
    color:  #333;
}
.ads-box .ads-thumbnail {
    background:  #ccc;
    height:  100%;
    width:  100%;
}
.ads-box .ads-thumbnail a {
}
.ads-box .ads-thumbnail img {
}
.ads-box.ads-banner {
    height:  80px;
}
.ads-box.ads-banner .ads-url {
}
.ads-box.ads-banner .ads-title {
}
.ads-box.ads-banner .ads-description {
}
.ads-box.ads-banner .ads-note {
}
.ads-box.ads-banner .ads-thumbnail {
    width:  80px;
    float:  left;
    margin-right:  10px;
}
.ads-box.ads-banner .ads-thumbnail a {
}
.ads-box.ads-banner .ads-thumbnail img {
}
.ads-box.ads-rectangle {
    max-width:  200px;
    min-width:  150px;
    text-align:  center;
    margin:  0 auto;
}
.ads-box.ads-rectangle .ads-url {
}
.ads-box.ads-rectangle .ads-title {
}
.ads-box.ads-rectangle .ads-description {
}
.ads-box.ads-rectangle .ads-note {
}
.ads-box.ads-rectangle .ads-thumbnail {
    margin:  10px auto;
    display:  block;
    height:  120px;
    width:  120px;
}
.ads-box.ads-rectangle .ads-thumbnail a {
}
.ads-box.ads-rectangle .ads-thumbnail img {
}
#rcl-attached-goods {
    padding:  10px;
    background:  #4c8cbd2b;
}
#rcl-attached-goods h3 {
    padding:  5px 10px;
    background:  #fff;
    margin:  0 0 15px;
}
#rcl-attached-goods .products-box,  #rcl-attached-goods .products-list {
    margin:  0;
    padding:  0;
}
#rcl-attached-goods .products-list .product:nth-last-child(1) {
    margin:  0;
}
#rcl-attached-goods .products-list .product {
    background:  #fff;
}
#rcl-attached-goods .products-list .product-thumbnail {
    width:  82px;
}
#rcl-attached-goods .products-list .product-metas .product-meta:nth-child(2),  #rcl-attached-goods .products-list .product-metas .product-meta:nth-child(3) {
    display:  none;
}
#rcl-attached-goods .products-list .product-content {
    min-height:  auto;
}
#rcl-attached-goods .primary-good {
    margin:  0 0 15px;
}
#rcl-attached-goods .secondary-goods {
}
#rcl-attached-goods .secondary-goods .products-list .product-thumbnail {
    width:  60px;
}
#rcl-attached-goods .secondary-goods .products-list .product-title {
    font-size:  16px;
}
#rcl-attached-goods .secondary-goods .products-list .product {
    margin-bottom:  5px;
    border:  2px solid #48a7bb;
}
#rcl-attached-goods .secondary-goods .product .product-content .product-metas  {
    overflow:  hidden;
    float:  left;
    max-width:  400px;
    line-height:  1;
}
#rcl-attached-goods .secondary-goods .product .rcl-cart-box {
    clear:  none;
}
#rcl-attached-goods .secondary-goods .product .product-old-price {
    color:  #ff6b6b;
}
#rcl-attached-goods .secondary-goods .products-box.type-list .product .product-content .product-meta i {
    border-radius:  999px;
    font-size:  14px;
}
#rcl-attached-goods .secondary-goods .vip-access-button {
    display:  none;
}
#bookmarks-list li a i,  .add-bookmark .fa-plus,  .get-all-bmks .fa-bookmark  {
    margin:  0 5px 0 0;
}
.bookmarks-name,  #bookmarks-popup-block  {
    background:  rgba(237,  237,  237,  0.3);
    border-radius:  4px;
    box-shadow:  0 0 10px 5px rgb(42,  55,  64);
    padding: 15px;
    overflow: hidden;
}
#bookmarks-popup-block h3 {
    clear:  none;
    font-size:  18px;
    font-weight:  bold;
    line-height:  1.4;
    text-transform:  none;
}
ul#bookmarks-list,  ul.bookmarks-groups  {
    display:  inline-block;
    list-style:  none;
    margin:  12px 0 3px;
    width:  100%;
    padding:  0;
}
ul.bookmarks-groups li  {
    background:  rgba(219,  219,  219,  0.2);
    border-radius:  3px;
    box-shadow:  0 0 0 1px rgba(219,  219,  219,  0.7);
    float:  left;
    margin:  5px;
    overflow:  hidden;
    padding:  3px 5px;
}
ul.bookmarks-groups li:hover  {
    background:  rgba(237,  237,  237,  0.3);
}
ul.bookmarks-groups > li::before  {
    color:  rgb(76,  140,  189);
    content:  "\f03b";
    font-family:  "rcl-awesome";
    margin:  0 3px 0 0;
    font-weight:  900;
}
ul.bookmarks-groups li:hover::before  {
    color:  rgba(229,  57,  53,  0.8);
}
ul.bookmarks-groups li a  {
    color:  #333;
    font:  bold 14px/1 Tahoma, arial;
    margin:  0 3px;
    text-decoration:  none;
}
ul.bookmarks-groups small  {
    font-size:  12px;
}
#bookmarks-list a:hover  {
    text-decoration:  underline;
}
#bookmarks-list li  {
    border-bottom:  1px solid rgba(219,  219,  219,  0.7);
    margin:  4px 2px;
    line-height:  2;
}
.edit-bkmgr .fa.fa-cog,  .delete-bkmgr .fa.fa-trash,  .edit-bookmark .fa.fa-cog,  .delete-bookmark .fa.fa-trash  {
    color:  #7ea4bf;
    text-indent:  10px;
    -webkit-transform:  scale(1.4);
    transform:  scale(1.4);
    vertical-align:  middle;
}
.edit-bkmgr .fa.fa-cog:hover,  .edit-bookmark .fa.fa-cog:hover  {
    color:  #89e535;
}
.delete-bkmgr .fa.fa-trash:hover,  .delete-bookmark .fa.fa-trash:hover  {
    color:  rgb(229,  57,  53);
}
.bookmarks-name  {
    padding:  2px 9px 35px 25px;
}
.bookmarks-name p  {
    clear:  both;
    margin:  0;
    word-wrap:  normal;
}
.bookmarks-name p select,  .bookmarks-name p input[type="text"]  {
    border:  1px solid #ccc;
    color:  #000;
    font:  13px/1 Tahoma, arial;
    display:  inline-block;
}
.bookmarks-name p input[type="text"] {
    margin:  0 10px;
    padding:  8px 10px;
    width:  270px;
}
.bookmarks-name p select {
    margin:  0 5px;
    padding:  5px;
    width:  120px;
}
.bookmarks-name .recall-button.add-name-bookmark  {
    padding:  8px 10px;
}
.close-bmk-name {
    float:  right;
    margin-bottom:  10px;
}
.manage-bmks  {
    background:  rgba(237,  237,  237,  0.3);
    box-shadow:  0 0 1px 1px rgb(237,  237,  237);
    color:  #333;
    float:  right;
    line-height:  1.7;
    padding:  1px 5px;
}
.manage-bmks:hover  {
    background:  rgba(237,  237,  237,  0.6);
    box-shadow:  0 0 1px 1px rgba(219,  219,  219,  0.6);
}
.add-bkmgr-block  {
    text-align:  right;
}
.count-added-bkm  {
    margin:  5px 0;
}
.count-added-bkm i,  .group-added i  {
    margin-right: 5px;
}
#rcl-popup .bookmarks-name p  {
    margin:  0;
}
.bkm-form {
}
.bkm-form .submit-box {
    text-align: right;
    margin: 15px 0;
}
.rcl-bookmark-dialog .ssi-modalContent {
    max-width:  600px;
}
@media screen and (max-width: 480px)  {
    .bookmarks-name  {
        padding:  2px 9px 35px 10px;
    }
    .bookmarks-name p  {
        margin:  4px 0 0;
        clear:  none;
    }
    .bookmarks-name p input[type="text"]  {
        box-sizing:  border-box;
        margin:  5px 0;
        width:  100%;
    }
    .bookmarks-name p select  {
        box-sizing:  border-box;
        margin:  4px 8px 0 0;
        width:  calc(100% - 90px);
    }
    .bookmarks-name .recall-button.add-name-bookmark  {
        float:  right;
        margin:  4px 0 0;
    }
}
.edit-form-ct {
    overflow: hidden;
    clear: both;
    display: none;
}
.edit-form-ct textarea {
    width: 100%;
    box-sizing:  border-box;
}
.edit-form-ct {
}
.edit-form-ct {
}
.comment-attach {
}
.comment-attach img,  .comment-attach iframe {
    max-width: 100%;
}
span.gif-image {
    display:  block;
    margin:  0 auto;
}
span.gif-load {
    background:  #FFF url(https://codeseller.ru/wp-content/wp-recall/add-on/comments-tuner/img/loader.gif) no-repeat scroll center center;
}
span.gif-load img {
    opacity:  0.5;
}
.input-row {
    position: relative;
}
.input-row .maxlength {
    position: absolute;
    top: 0;
    right: 0;
    display:  block;
    font-size:  20px;
    font-weight:  bold;
    padding:  5px 10px;
}
#comment-box {
    border:  1px solid #ccc;
    margin-bottom:  15px;
    position:  relative;
    clear:  both;
}
#comment-box .wp-editor-wrap input {
    margin:  2px;
    width: auto;
    display:  inline-block;
    padding:  0 10px;
}
#comment-box a {
    text-decoration: none;
}
#comment-box .add-attach-comment {
    display:  none;
    padding:  10px;
}
#comment-box textarea {
    border:  none;
    box-shadow:  none;
    margin:  0!important;
    height:  100px;
    width:  100%;
    box-sizing:  border-box;
}
#comment-box .comment-media-box {
    background-color:  #E4E4E4;
    padding:  3px 10px;
    min-height:  27px;
    clear:  both;
}
#comment-box .comment-media-box a {
    color:  #737373;
    font-size:  20px;
    margin:  0 3px;
}
#comment-box .comment-media-box a .icon {
    font-style:  normal;
    font-size:  16px;
    font-weight:  bold;
    border:  1px solid;
    border-radius:  5px;
    padding:  2px;
}
#comment-box .add-attach-comment input {
    width:  80%;
    display:  inline-block;
    margin-bottom:  0;
    padding:  5px 10px;
    height:  auto;
}
#comment-box .upload-field-photo input {
    max-width:  50%;
}
#comment-box .add-attach-comment .upload-field-mem,  #comment-box .add-attach-comment .upload-field-dem {
    width:  465px;
    margin:  80px 0 0px -225px;
    position:  absolute;
    left:  50%;
}
#comment-box .add-attach-comment .upload-field-mem input,  #comment-box .add-attach-comment .upload-field-dem input {
    max-width:  220px;
}
#comment-box .add-attach-comment .button-upload {
    display:  inline-block;
    background-color:  #4683C1;
    padding:  5px 15px;
    border-radius:  5px;
    color:  #fff;
    margin-right:  10px;
    cursor: pointer;
}
#comment-box .add-attach-comment .save-attach {
}
#comment-box .add-attach-comment .upload-attach {
    margin:  0 10px;
}
#comment-box .add-attach-comment .dem-box {
    height: 439px;
    margin:  10px auto;
    background:  url(https://codeseller.ru/wp-content/wp-recall/add-on/comments-tuner/img/gen-dem.jpg) no-repeat center;
    background-size:  contain;
}
#comment-box .add-attach-comment .mem-box {
    height:  400px;
    margin:  10px auto;
    background:  url(https://codeseller.ru/wp-content/wp-recall/add-on/comments-tuner/img/gen-mem.png) no-repeat center;
    position:  relative;
    background-size:  contain;
}
#attach-comment-preview {
}
#attach-comment-preview .attach-preview {
    position:  relative;
    display:  inline-block;
    margin:  5px;
}
#attach-comment-preview .attach-preview .delete-attach {
    position:  absolute;
    right:  10px;
    top:  5px;
    background-color:  rgba(0, 0, 0, 0.5);
    padding:  2px 3px 2px 7px;
    color:  #B1B1B1;
}
#attach-comment-preview .attach-preview img {
    max-height:  150px;
    width:  auto;
    margin: 0;
    display: inline-block;
}
.form-create-attach {
    margin:  0 auto;
    position: relative;
}
#comment-box .attach-dem .form-create-attach {
    width:  580px;
    max-width:  100%;
}
#comment-box .attach-mem .form-create-attach {
    width:  400px;
}
#comment-box .form-create-dem {
    background-color:  #000;
    text-align:  center;
    padding:  40px;
    margin-bottom:  10px;
}
#comment-box .form-create-dem img {
    padding:  5px;
    border:  2px solid #fff;
    max-width:  492px;
    margin-bottom:  20px;
}
#comment-box .form-create-dem input {
    text-align:  center;
    margin:  5px 0;
    border-radius:  0;
    background-color:  #333;
    border:  none;
    width:  100%;
    max-width:  100%;
    color: #fff;
}
#comment-box .form-create-dem .dem-second-line {
    font-size:  20px;
    line-height:  1;
}
#comment-box .form-create-dem .dem-first-line {
    text-transform:  uppercase;
    font-size:  30px;
    line-height:  1;
}
#comment-box .form-create-mem {
    text-align:  center;
    margin-bottom:  10px;
}
#comment-box .form-create-mem img {
    max-width:  400px;
}
#comment-box .form-create-mem input {
    text-align:  center;
    margin:  5px 0;
    border-radius:  0;
    width:  100%;
    max-width:  100%;
}
#comment-box .form-create-mem .mem-second-line {
    font-size:  20px;
    line-height:  1;
}
#comment-box .form-create-mem .mem-first-line {
    text-transform:  uppercase;
    font-size:  20px;
    line-height:  1;
}
#comment-box .button-create-attach {
    text-align:  center;
}
#comment-box .button-create-attach a {
    padding:  10px;
    background-color:  #fff;
    display:  inline-block;
}
.form-create-attach .preview {
    position:  absolute;
    top:  0;
    z-index:  999;
    background-color:  #ECF0F1;
    height:  100%;
}
.form-create-attach .preview img {
    margin-bottom:  20px;
}
#preview-comment {
    float:  right;
    margin-bottom:  5px;
}
#preview-comment a {
    color:  #555;
    padding:  3px 10px;
    display:  block;
    background:  #f7f7f7;
    border:  1px solid #ccc;
}
#preview-content {
    position:  absolute;
    top:  0;
    background:  #fff;
    min-width:  100%;
    min-height:  100%;
}
#preview-content .comment-preview {
    padding:  10px;
}
#comment-box .rcl-smiles {
    max-width:  90%;
}
#comment-box .rcl-smiles img {
    width:  auto!important;
    height:  auto!important;
    max-width:  25px;
}
#respond .form-submit {
    overflow:  hidden;
    margin:  10px 0;
    text-align:  right;
}
#respond .form-submit .recall-button {
    float:  right;
    padding:  5px 10px;
    font-size:  15px;
}
.emb-form {
    position: relative;
}
.emb-form form .emb-field {
}
.emb-form form .emb-field input {
    padding:  7px;
    border:  1px solid #ccc;
    width:  100%;
    box-sizing:  border-box;
    margin:  5px 0;
}
.emb-form form .emb-field input[type="submit"] {
    border: 0;
    line-height:  1;
}
.emb-form form .emb-field input[type="checkbox"] {
    width:  auto;
}
.emb-subject-list {
    padding:  10px;
}
.emb-subject-list .emb-subject {
    margin:  10px 0;
}
.emb-subject-list .emb-subject .subject-name {
    text-transform:  uppercase;
    font-weight:  bold;
    margin-bottom:  10px;
}
.emb-subject-list .emb-subject .subject-description {
}
.emb-subject-list .emb-subject .subject-meta {
}
.emb-subject-list .emb-subject .subject-meta span {
}
.emb-subject-list .emb-submit {
    text-align: right;
}
.mfp-bg, .mfp-wrap {
    position: fixed;
    left: 0;
    top: 0;
}
.mfp-bg, .mfp-container, .mfp-wrap {
    height: 100%;
    width: 100%}
.mfp-arrow:after, .mfp-arrow:before, .mfp-container:before, .mfp-figure:after {
    content: ''}
.mfp-bg {
    z-index: 1542;
    overflow: hidden;
    background: #0b0b0b;
    opacity: .8;
}
.mfp-wrap {
    z-index: 1543;
    outline: 0!important;
    -webkit-backface-visibility: hidden;
}
.mfp-container {
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box;
}
.mfp-container:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
    display: none;
}
.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1545;
}
.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto;
}
.mfp-ajax-cur {
    cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}
.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
    cursor: auto;
}
.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.mfp-loading.mfp-figure {
    display: none;
}
.mfp-hide {
    display: none!important;
}
.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1544;
}
.mfp-preloader a {
    color: #CCC;
}
.mfp-close, .mfp-preloader a:hover {
    color: #FFF;
}
.mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader {
    display: none;
}
button.mfp-arrow, button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1546;
    box-shadow: none;
    touch-action: manipulation;
}
.mfp-figure:after, .mfp-iframe-scaler iframe {
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    position: absolute;
    left: 0;
}
button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}
.mfp-close:focus, .mfp-close:hover {
    opacity: 1;
}
.mfp-close:active {
    top: 1px;
}
.mfp-close-btn-in .mfp-close {
    color: #333;
}
.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%}
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}
.mfp-figure, img.mfp-img {
    line-height: 0;
}
.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: -55px 0 0;
    top: 50%;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
    margin-top: -54px;
}
.mfp-arrow:focus, .mfp-arrow:hover {
    opacity: 1;
}
.mfp-arrow:after, .mfp-arrow:before {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: inset transparent;
}
.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}
.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7;
}
.mfp-arrow-left {
    left: 0;
}
.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px;
}
.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
    right: 0;
}
.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px;
}
.mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}
.mfp-image-holder .mfp-content, img.mfp-img {
    max-width: 100%}
.mfp-iframe-holder .mfp-close {
    top: -40px;
}
.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%}
.mfp-iframe-scaler iframe {
    display: block;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
}
.mfp-figure:after, img.mfp-img {
    width: auto;
    height: auto;
    display: block;
}
img.mfp-img {
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto;
}
.mfp-figure:after {
    top: 40px;
    bottom: 40px;
    right: 0;
    z-index: -1;
    background: #444;
}
.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px;
}
.mfp-figure figure {
    margin: 0;
}
.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}
.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}
@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box;
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}@media all and (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75);
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%}
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
} .mfp-arrow  {
      position:  fixed;
  }
.mfp-close  {
    font-size:  50px;
    margin:  0 20px;
    position:  fixed;
}
.mfp-content,  .mfp-open .mfp-figure  {
    -webkit-animation-name:  fadeIn;
    animation-name:  fadeIn;
    -webkit-animation-duration:  .4s;
    animation-duration:  .4s;
    -webkit-animation-fill-mode:  both;
    animation-fill-mode:  both;
    -webkit-backface-visibility:  hidden;
    backface-visibility:  hidden;
}
.ref-link {
    font-size:  16px;
    line-height:  25px;
    text-align:  center;
}
.referal-list  {
    width: 100%;
}
.widget .referal-list li {
    padding: 3px 0;
}
.referal-list td {
    padding: 5px;
    vertical-align: middle;
    border: 1px solid #ccc;
    font-size: 12px;
}
#map-partners {
}
#map-partners .level {
    text-align:  center;
    border-bottom:  1px solid #ccc;
}
#map-partners .level .partner {
    display:  inline-block;
}
#map-partners .title-lvl  {
    position:  absolute;
    left:  0;
}
#profuct-form-review {
    position: relative;
}
#profuct-form-review textarea {
    width:  450px;
    height:  100px;
    padding:  10px;
}
#comments .comment-tabs {
    padding:  0;
    font-size:  16px;
    border-bottom:  1px solid #4c8cbd;
}
#comments .comment-tabs .tab-name {
    display:  inline-block;
    padding:  5px 15px;
    margin-right:  5px;
    background:  #4c8cbd;
    border-top:  1px solid #4c8cbd;
    border-right:  1px solid #4c8cbd;
    border-left:  1px solid #4c8cbd;
    margin-bottom:  -1px;
}
#comments .comment-tabs .active-tab {
    background:  #fff;
}
#comments .comment-tabs .no-active-tab {
}
#comments .comment-tabs .tab-name a {
    color:  #fff;
}
#comments .comment-tabs .active-tab a {
    color:  #4c8cbd;
}
#comments .comment-tabs .no-active-tab a {
}
#rcl-notice .rcl-box-rating {
    text-align: right;
}
#rcl-notice .rcl-box-rating .edit-rating {
    font-size:  18px;
    margin:  0 10px;
}
.product-review .rcl-rating-box.box-stars {
    float:  right;
    margin:  0;
}
.product-review .rcl-rating-box.box-stars .fa-star {
    font-size:  16px;
}
#product-card .rcl-rating-box {
    text-align:  center;
    line-height:  1;
    margin:  15px 0;
}
#product-card .rcl-rating-box.box-stars .stars-wrapper .fa-star {
    font-size:  25px;
}
#product-card .rcl-rating-box.box-stars .rating-value {
    display: none;
}
body :not(.smiles)>img.emoji {
    height: 24px!important;
    vertical-align: middle!important;
    width: 24px!important;
}
div.rcl-smiles {
    display: flex;
    justify-content: flex-end;
    width: 100%}
.rcl-smiles div.rcl-smiles-list {
    padding: 0 18px 24px 0;
}
.rcl-smiles .rcl-smiles-list .smiles {
    box-shadow: 15px 15px 20px -15px #000, 0 0 20px -12px #000;
    display: flex;
    flex-wrap: wrap;
    float: right;
    height: 278px;
    justify-content: space-between;
    max-width: calc(100% - 18px);
    min-width: 260px;
    overflow-x: auto;
    padding: 6px 12px 6px 6px;
    width: auto;
}
.rcl-smiles .rcl-smiles-list .smiles::after {
    content: "";
    height: 6px;
    width: 100%}
.rcl-smiles-list img.emoji {
    height: 26px!important;
    margin: 6px!important;
    width: 26px!important;
}
.rcl-smiles-list img.emoji:hover {
    transform: scale(1.5);
}
:not(.rcl-mini-chat)>.rcl-chat .smiles {
    width: 430px;
}
@media screen and (max-width:480px) {
    :not(.rcl-mini-chat)>.rcl-chat .smiles {
        width: 310px;
    }
}#prime-topic-form-box .rcl-smiles>i.rcli {
     font-size: 30px;
     padding: 6px;
 }
#social-link-rcl  {
    margin:  10px 0;
    overflow:  hidden;
    padding:  0;
    font-size:  25px;
}
#social-link-rcl .social-link  {
    float:  left;
    list-style:  none outside none;
    margin:  0 3px;
}
#social-link-rcl .social-link a  {
}
#social-link-rcl .social-link a:hover  {
    border-radius:  0;
    opacity:  0.8;
}
#social-link-rcl .mail_link a  {
    color:  #FF8C8C;
}
#social-link-rcl .vk_link a  {
    color:  #597DA3;
}
#social-link-rcl .ok_link a  {
    color:  #FF8D2C;
}
#social-link-rcl .gp_link a  {
    color:  #D73D32;
}
#social-link-rcl .tw_link a  {
    color:  #55ACEE;
}
#social-link-rcl .fb_link a  {
    color:  #4E69A2;
}
#social-link-rcl .sk_link a  {
    color:  #00AFF0;
}
#social-link-rcl .ig_link a  {
    color:  #B70;
}
li.mail_link.social-link  {
    padding:  0 0 0 2px;
}
#statsale {
    width: 100%;
}
#statsale td {
    padding: 5px;
    border: 1px solid #ccc;
}
.recall-button.sale_file {
    font-size: 16px;
}
.user-product-price {
    color:  #008000;
    font-size:  30px;
    font-weight:  bold;
    margin:  40px 0 20px;
    text-align:  center;
    clear:  both;
}
.user-product-price span {
    font-size:  45px;
}
.hidden-href {
    display: none;
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
    text-align: center;
}
#ufmarket_block td {
    font-size: 12px;
}
.rcl-variations-list {
}
.rcl-variations-list .variation-box {
    padding:  5px 0 0;
    margin:  5px;
    background:  #dbdbdb;
    display:  inline-block;
    vertical-align:  top;
}
.rcl-variations-list .variation-box .variation-checkbox {
    margin:  5px 10px 10px;
    position:  static;
    opacity:  1;
}
.rcl-variations-list .variation-box .variation-title {
    margin-right:  15px;
    vertical-align:  baseline;
}
.rcl-variations-list .variation-box .variation-values {
    padding:  5px;
    border-left:  1px solid #ccc;
    border-bottom:  1px solid #ccc;
    border-right:  1px solid #ccc;
    display: none;
    max-width:  300px;
}
.rcl-variations-list .variation-box .variation-values .variation-value {
    display:  inline-block;
    padding:  5px;
    margin:  5px;
    border:  1px solid #ccc;
}
.rcl-variations-list .variation-box .variation-values input {
    width:  60px;
    text-align:  center;
}
.rcl-variations-list .variation-box .variation-checkbox:checked ~ .variation-values {
    display: block;
    background:  #fff;
}
.rcl-variations-list .variation-box .variation-values .variation-value .variation-value-name {
    padding:  5px 10px;
    background:  #dbdbdb;
}
.rcl-public-form .rcl-variations-list .variation-box  {
    display:  block;
}
.rcl-public-form .rcl-variations-list .variation-box .variation-checkbox:checked ~ .variation-values  {
    max-width:  inherit;
}
.rcl-public-form .rcl-variations-list .variation-box,  .rcl-public-form .rcl-variations-list .variation-box .variation-values .variation-value .variation-value-name {
    background:  #e9e9e9;
}
.rcl-public-form .rcl-variations-list .variation-box .variation-values input  {
    width:  100px!important;
}
.lvp_blk  {
    animation:  .5s ease .5s forwards lvpanim;
    line-height:  normal;
    opacity:  0;
}
@keyframes lvpanim  {
    100%  {
        opacity:  1;
    }
}
.lvp_blk .tvp_title  {
    font-size:  18px;
    font-weight:  bold;
}
.lvp_blk .products-list  {
    display:  flex;
    flex-wrap:  wrap;
    justify-content:  center;
    margin:  12px 0 18px;
}
.lvp_blk .product  {
    align-items:  center;
    border:  1px solid #e2e2e2;
    box-shadow:  0 6px 6px rgba(154, 160, 185, .05),  0 6px 18px rgba(166, 173, 201, .2);
    display:  flex;
    flex-wrap:  wrap;
    min-width:  150px;
    transition:  all .3s ease-in-out;
    width:  100%;
}
.lvp_blk:not(.lvp_simple) .product  {
    align-content:  space-between;
    flex-direction:  column;
    margin:  12px .5%;
}
.lvp_blk:not(.lvp_simple) .product:first-child  {
    margin-left:  0;
}
.lvp_blk:not(.lvp_simple) .product:last-child  {
    margin-right:  0;
}
.lvp_blk .product:hover  {
    box-shadow:  6px 6px 18px -8px rgba(0,  0,  0,  .4);
    border-color:  #d2d2d2;
}
@media screen and (max-width:480px)  {
    .lvp_blk: not(.lvp_simple) .product  {
                                   max-width:  49% !important;
                               }
}
@media screen and (max-width:375px)  {
    .lvp_blk: not(.lvp_simple) .product  {
                                   max-width:  94% !important;
                                   margin-right:  0;
                                   margin-left:  0;
                               }
}
.lvp_blk .product-thumbnail  {
    border:  none;
    box-shadow:  none;
    display:  flex;
    margin:  0;
    width:  100%;
}
.lvp_blk .product-thumbnail > img  {
    border:  none;
    border-radius:  0;
    height:  100%;
    margin:  0;
    transition:  all .3s ease-in-out;
    width:  100%;
}
.lvp_blk .product-thumbnail > img:hover  {
    -webkit-filter:  saturate(150%);
    filter:  saturate(150%);
    opacity:  .8;
}
.lvp_blk .rcl-cart-box  {
    margin:  0;
    text-align:  center;
}
.lvp_blk:not(.lvp_simple) .product-price  {
    margin:  6px;
}
.lvp_blk:not(.lvp_simple) .cart-button,  .lvp_blk .cart-button a  {
    justify-content:  center;
    margin:  0 !important;
    width:  100%;
}
.lvp_simple .product  {
    margin:  3px 0;
}
.lvp_simple .product > *  {
    padding:  6px;
}
.lvp_simple .product .product-title:hover  {
    text-decoration:  underline;
}
.simple_right_base  {
    display:  flex;
    flex-grow:  1;
    justify-content:  flex-end;
}
.lvp_simple .rcl-cart-box .rcl-cart-form  {
    display:  flex;
}
.lvp_new-card .product-content  {
    width:  100%;
    display:  flex;
    flex-direction:  column;
    flex-grow:  1;
}
.lvp_new-card .product-title  {
    border-bottom:  1px dashed transparent;
    box-shadow:  none;
    display:  flex;
    font-size:  16px;
    padding:  12px 6px;
    text-align:  center;
    text-decoration:  none !important;
    transition:  all .3s ease-in-out;
    align-items:  center;
    justify-content:  center;
    flex-grow:  1;
}
.lvp_blk.lvp_new-card .product-title:hover  {
    border-bottom-color:  currentColor;
}
.lvp_new-card .cart-button  {
    padding:  3px 0 0;
}
.lvp_card .product  {
    padding:  6px;
}
.lvp_cover  {
    position:  relative;
}
.lvp_card .product-title  {
    background-color:  rgba(255,  255,  255,  .85);
    color:  #000;
    font-size:  14px;
    left:  0;
    line-height:  normal;
    padding:  6px 3px;
    position:  absolute;
    text-align:  center;
    top:  0;
    pointer-events:  none;
}
#rcl-office .planContainer .price p  {
    height:  2.6em;
    line-height:  2.6em;
}
.wau-account-box {
    background:  #fff;
    border:  5px solid #8598b3;
    margin:  20px 0;
    color:  #333;
}
.wau-account-box .wau-account-box-title {
    text-align:  center;
    font-size:  20px;
    padding:  10px 0;
    background:  #435470;
    margin-bottom:  20px;
    color:  #fff;
}
.wau-account-box .wau-account-box-title span {
}
.wau-account-box .wau-account-description {
    padding:  0 10px;
}
.wau-active-notice {
    text-align:  center;
    background:  #f7814d;
    color:  #fff;
    font-weight:  bold;
    padding:  10px 0;
}
.wau-active-notice span {
    display:  block;
}
.wau-dialog .rcl-types-connects {
    margin: 10px auto;
}
#plans {
    margin:  0;
    padding:  0;
    list-style:  none;
    text-align:  center;
    background:  #fff;
}
#pricePlans:after  {
    content:  '';
    display:  table;
    clear:  both;
}
#pricePlans  {
    zoom:  1;
}
#pricePlans  {
    max-width:  69em;
    margin:  2em auto 0;
    text-align:  center;
}
#pricePlans #plans .plan  {
    background:  #fff;
    width:  100%;
    text-align:  center;
    border-radius:  5px;
    margin:  0 0 20px 0;
    -webkit-box-shadow:  0 1px 3px rgba(0, 0, 0, 0.35);
    box-shadow:  0 1px 3px rgba(0, 0, 0, 0.35);
    display:  inline-block;
    padding:  0;
}
.planContainer .title span  {
    font-size:  1.5em;
    font-weight:  300;
    color:  #3e4f6a;
    margin:  0;
    padding:  .6em 0;
    display: block;
}
.planContainer .title span.bestPlanTitle  {
    background:  #3e4f6a;
    background:  -webkit-linear-gradient(top,  #475975,  #364761);
    background:  -moz-linear-gradient(top,  #475975,  #364761);
    background:  -o-linear-gradient(top,  #475975,  #364761);
    background:  -ms-linear-gradient(top,  #475975,  #364761);
    background:  linear-gradient(top,  #475975,  #364761);
    color:  #fff;
    border-radius:  5px 5px 0 0;
}
.planContainer .price p  {
    background:  #3e4f6a;
    background:  -webkit-linear-gradient(top,  #475975,  #364761);
    background:  -moz-linear-gradient(top,  #475975,  #364761);
    background:  -o-linear-gradient(top,  #475975,  #364761);
    background:  -ms-linear-gradient(top,  #475975,  #364761);
    background:  linear-gradient(top,  #475975,  #364761);
    color:  #fff;
    font-size:  1.2em;
    font-weight:  700;
    height:  2.6em;
    line-height:  2.6em!important;
    margin:  0;
}
.planContainer .price p s {
    font-size:  0.8em;
}
.planContainer .price p.bestPlanPrice  {
    background:  #f7814d;
    font-size:  1.5em;
}
.planContainer .price p.bestPlanPrice span {
    color:  #fff;
}
.planContainer .price p span  {
    color:  #8394ae;
}
.planContainer .options  {
    margin-top:  1.5em;
}
.planContainer .options > span  {
    color:  #364762;
}
.planContainer .options > span > span  {
    font-weight:  400;
    color:  #979797;
}
#pricePlans .planContainer .wau-button a  {
    text-transform:  uppercase;
    text-decoration:  none;
    color:  #3e4f6a;
    font-weight:  700;
    letter-spacing:  3px;
    line-height:  2.8em;
    border:  2px solid #3e4f6a;
    display:  inline-block;
    height:  2.8em;
    border-radius:  4px;
    margin:  1.5em 0 1.8em;
    font-size:  14px;
    padding:  0 5px;
}
#pricePlans .planContainer .wau-button a.bestPlanButton  {
    color:  #fff;
    background:  #f7814d;
    border:  2px solid #f7814d;
}
#credits  {
    text-align:  center;
    font-size:  .8em;
    font-style:  italic;
    color:  #777;
}
#credits a  {
    color:  #333;
}
#credits a:hover  {
    text-decoration:  none;
}
@media screen and (min-width: 481px) and (max-width: 768px)  {
    #pricePlans #plans .plan  {
        width:  40%;
        margin:  0 2% 20px 2%;
    }
}
@media screen and (min-width: 769px) and (max-width: 1024px)  {
    #pricePlans #plans .plan  {
        width:  160px;
        margin:  0 2% 20px 0;
    }
}
@media screen and (min-width: 1025px)  {
    #pricePlans #plans .plan  {
        width:  165px;
        margin:  0 1.33% 20px 0;
        -webkit-transition:  all .25s;
        -moz-transition:  all .25s;
        -ms-transition:  all .25s;
        -o-transition:  all .25s;
        transition:  all .25s;
    }
    #pricePlans #plans > .plan:last-child  {
        margin-right:  0;
        padding:  0;
    }
    #pricePlans #plans .plan:hover  {
        -webkit-transform:  scale(1.04);
        -moz-transform:  scale(1.04);
        -ms-transform:  scale(1.04);
        -o-transform:  scale(1.04);
        transform:  scale(1.04);
    }
    .planContainer .wau-button a  {
        -webkit-transition:  all .25s;
        -moz-transition:  all .25s;
        -ms-transition:  all .25s;
        -o-transition:  all .25s;
        transition:  all .25s;
    }
    .planContainer .wau-button a:hover  {
        background:  #3e4f6a;
        color:  #fff!important;
    }
    .planContainer .wau-button a.bestPlanButton:hover  {
        background:  #ff9c70;
        border:  2px solid #ff9c70;
    }
}
#respond .rcl-event-subscriber {
    float: left;
}
.rcl-event-subscriber {
    text-align: right;
}
.rcl-event-subscriber .subscribe-button {
    background:  #4c8cbd;
    padding:  5px 10px;
    color:  #fff;
    display: inline-block;
    line-height:  1;
}
.rcl-subscriber-events {
    overflow:  hidden;
    margin:  20px 0;
}
.rcl-subscriber-events .event-action-list {
}
.rcl-subscriber-events .action-notice-list {
}
.rcl-subscriber-events .title-notice-list {
    font-weight:  bold;
    margin-bottom:  5px;
}
.rcl-subscriber-events .single-notice {
    clear:  both;
    margin-bottom:  5px;
    overflow:  hidden;
    padding:  5px;
    background:  #eaeaea;
    line-height:  1.3;
}
.rcl-subscriber-events .single-notice a {
    color:  #0055af;
}
.rcl-subscriber-events .single-notice .avatar-author {
    border-radius:  50%;
    overflow:  hidden;
    float:  left;
    margin-right:  10px;
}
.rcl-subscriber-events .single-notice .notice-icon {
    float:  left;
    margin-right:  10px;
    font-size: 20px;
}
.rcl-subscriber-events .single-notice .notice-icon i {
}
.rcl-subscriber-events .single-notice .notice-content {
}
.rcl-subscriber-events .single-notice .notice-date {
    font-size:  10px;
    text-align:  right;
}
.rcl-subscriber-events .event-history {
    margin-left:  20px;
}
.rcl-subscriber-events .event-history .single-notice {
    margin-bottom:  5px;
    font-size:  12px;
    background:  none;
    vertical-align:  middle;
    background:  #f5f5f5;
}
.rcl-subscriber-events .event-history .single-notice .avatar-author {
    width:  30px;
}
.rcl-subscriber-events .event-history .single-notice .notice-content {
}
.rcl-subscriber-events .event-history .single-notice .notice-date {
}
.rcl-subscriber-events .events-menu {
    float:  left;
    margin-right:  10px;
}
.rcl-subscriber-events .events-menu a {
    text-align:  center;
    display:  block;
    padding:  5px 10px;
    color:  #fff;
    margin-bottom:  10px;
    cursor: pointer;
    max-width:  200px;
    line-height:  1.2;
    font-size: 12px;
    background:  rgb(76,  140,  189);
}
.rcl-subscriber-events .events-content {
    border:  1px solid #ccc;
    min-height:  100px;
    overflow:  hidden;
    position: relative;
    padding:  10px;
}
.subscribe-list {
}
.subscribe-list .event-box {
    border:  1px solid #ccc;
    margin-bottom:  10px;
    padding:  5px;
}
.subscribe-list .event-label {
    background:  #ddd;
    padding:  5px;
}
.subscribe-list .single-subscribe {
    display:  flex;
    padding:  5px;
    border-bottom:  1px solid #ddd;
}
.subscribe-list .single-subscribe .subscribe-description {
    margin-right:  10px;
    width: 70%;
}
.subscribe-list .single-subscribe .subscribe-button {
}
.rcl-event-notice-bell {
    position:  fixed;
    top:  90px;
    right:  0;
}
.rcl-event-notice-bell a {
    background:  #4c8cbd;
    padding:  5px 15px 5px 5px;
    color:  #fff;
    font-size:  16px;
}
.red{
    color: rgba(216, 0, 43, 0.88) !important;
}
.green{
    color: rgba(15, 154, 35, 0.88) !important;
}
.white{
    color: rgba(255, 255, 255, 0.88) !important;
}
.yellow{
    color: rgba(252, 249, 73, 0.88) !important;
}
.blue{
    color: rgb(0, 45, 255) !important;
}
.webix_el_counter .webix_inp_counter_value{
    width: 50px;
}
.man{
    color: darkblue !important;
}
.woman{
    color: deeppink !important;
}
.browsers{
    color: rebeccapurple !important;
}
.bgred{
    /*background-image: linear-gradient(to top, #0c3483 0%, #a2b6df 100%, #6b8cce 100%, #a2b6df 100%);*/
    background-color: rgba(216, 0, 43, 0.58) !important;
}
.bggreen{
    background-color: rgba(15, 154, 35, 0.58) !important;
}
.bgblue{
    background-color: rgba(0, 45, 255, 0.40) !important;
}
.byelow{
    background-color: rgba(230, 255, 0, 0.4) !important;
}

.bgdash{
    background-image: linear-gradient(to right, #100d33, #2616c8, #100d33);
    /*background-image: url(" ../../wp-recall/add-on/xbrowser/dashboard/img/wallpaper8.jpg") !important;*/
    background-size: 100% 100%;
    margin: 0;
    padding: 0;
    background-repeat: round;
}
.bgdashlite{
    position: absolute;
    /*left: 11px;*/
    /*background-color: #F3F3F5;*/
    border-width: 0px !important;
    /*width: 98.2% !important;*/
}

.imgedithead{
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 11px;
    background-color: aliceblue;
    font-weight: 600;
}
.imgedidscreen{
    display: inline-block;
}
.imgeditfot{
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 11px;
    background-color: honeydew;
    font-weight: 600;
}
.imgeditbutton{
    text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
    font-size: 17px;
}
.webix_message_area{
    top: 100px !important;
}
.magnifier {
    position: absolute;
    border: 2px solid #000;
    background-color: rgba(255, 255, 255, 0.7);
    pointer-events: none;
    overflow: hidden;
    display: none;
}
.shtclosered .webix_icon_btn{
    color:salmon !important;
}
.shtcloseblue .webix_icon_btn{
    color:mediumslateblue !important;
}
.shtclosegreen .webix_icon_btn{
    color:seagreen !important;
}
.xlisobot{
    background: palegoldenrod;
}
.xlisotols{
    background: antiquewhite;
}
.xlisorep{
    background: beige;
}

[class^="flag-"] {
    vertical-align: middle;
}

.flag-ad:after {
    content: "🇦🇩";
}

.flag-ae:after {
    content: "🇦🇪";
}

.flag-af:after {
    content: "🇦🇫";
}

.flag-ag:after {
    content: "🇦🇬";
}

.flag-al:after {
    content: "🇦🇱";
}

.flag-am:after {
    content: "🇦🇲";
}

.flag-ao:after {
    content: "🇦🇴";
}

.flag-ar:after {
    content: "🇦🇷";
}

.flag-at:after {
    content: "🇦🇹";
}

.flag-au:after {
    content: "🇦🇺";
}

.flag-az:after {
    content: "🇦🇿";
}

.flag-ba:after {
    content: "🇧🇦";
}

.flag-bb:after {
    content: "🇧🇧";
}

.flag-bd:after {
    content: "🇧🇩";
}

.flag-be:after {
    content: "🇧🇪";
}

.flag-bf:after {
    content: "🇧🇫";
}

.flag-bj:after {
    content: "🇧🇯";
}

.flag-bg:after {
    content: "🇧🇬";
}

.flag-bh:after {
    content: "🇧🇭";
}

.flag-bi:after {
    content: "🇧🇮";
}

.flag-bn:after {
    content: "🇧🇳";
}

.flag-bo:after {
    content: "🇧🇴";
}

.flag-br:after {
    content: "🇧🇷";
}

.flag-bs:after {
    content: "🇧🇸";
}

.flag-bt:after {
    content: "🇧🇹";
}

.flag-bw:after {
    content: "🇧🇼";
}

.flag-by:after {
    content: "🇧🇾";
}

.flag-bz:after {
    content: "🇧🇿";
}

.flag-ca:after {
    content: "🇨🇦";
}

.flag-cd:after {
    content: "🇨🇩";
}

.flag-ch:after {
    content: "🇨🇭";
}

.flag-cf:after {
    content: "🇨🇫";
}

.flag-cg:after {
    content: "🇨🇬";
}

.flag-ci:after {
    content: "🇨🇮";
}

.flag-cl:after {
    content: "🇨🇱";
}

.flag-cm:after {
    content: "🇨🇲";
}

.flag-cn:after {
    content: "🇨🇳";
}

.flag-co:after {
    content: "🇨🇴";
}

.flag-cr:after {
    content: "🇨🇷";
}

.flag-cu:after {
    content: "🇨🇺";
}

.flag-cv:after {
    content: "🇨🇻";
}

.flag-cy:after {
    content: "🇨🇾";
}

.flag-cz:after {
    content: "🇨🇿";
}

.flag-de:after {
    content: "🇩🇪";
}

.flag-dj:after {
    content: "🇩🇯";
}

.flag-dk:after {
    content: "🇩🇰";
}

.flag-dm:after {
    content: "🇩🇲";
}

.flag-do:after {
    content: "🇩🇴";
}

.flag-dz:after {
    content: "🇩🇿";
}

.flag-ec:after {
    content: "🇪🇨";
}

.flag-ee:after {
    content: "🇪🇪";
}

.flag-eg:after {
    content: "🇪🇬";
}

.flag-eh:after {
    content: "🇪🇭";
}

.flag-er:after {
    content: "🇪🇷";
}

.flag-es:after {
    content: "🇪🇸";
}

.flag-et:after {
    content: "🇪🇹";
}

.flag-fi:after {
    content: "🇫🇮";
}

.flag-fj:after {
    content: "🇫🇯";
}

.flag-fm:after {
    content: "🇫🇲";
}

.flag-fr:after {
    content: "🇫🇷";
}

.flag-ga:after {
    content: "🇬🇦";
}

.flag-gb:after {
    content: "🇬🇧";
}

.flag-gd:after {
    content: "🇬🇩";
}

.flag-ge:after {
    content: "🇬🇪";
}

.flag-gh:after {
    content: "🇬🇭";
}

.flag-gm:after {
    content: "🇬🇲";
}

.flag-gn:after {
    content: "🇬🇳";
}

.flag-gq:after {
    content: "🇬🇶";
}

.flag-gr:after {
    content: "🇬🇷";
}

.flag-gt:after {
    content: "🇬🇹";
}

.flag-gw:after {
    content: "🇬🇼";
}

.flag-gy:after {
    content: "🇬🇾";
}

.flag-hn:after {
    content: "🇭🇳";
}

.flag-hr:after {
    content: "🇭🇷";
}

.flag-ht:after {
    content: "🇭🇹";
}

.flag-hu:after {
    content: "🇭🇺";
}

.flag-id:after {
    content: "🇮🇩";
}

.flag-ie:after {
    content: "🇮🇪";
}

.flag-il:after {
    content: "🇮🇱";
}

.flag-in:after {
    content: "🇮🇳";
}

.flag-iq:after {
    content: "🇮🇶";
}

.flag-ir:after {
    content: "🇮🇷";
}

.flag-is:after {
    content: "🇮🇸";
}

.flag-it:after {
    content: "🇮🇹";
}

.flag-jm:after {
    content: "🇯🇲";
}

.flag-jo:after {
    content: "🇯🇴";
}

.flag-jp:after {
    content: "🇯🇵";
}

.flag-ke:after {
    content: "🇰🇪";
}

.flag-kg:after {
    content: "🇰🇬";
}

.flag-ki:after {
    content: "🇰🇮";
}

.flag-kh:after {
    content: "🇰🇭";
}

.flag-km:after {
    content: "🇰🇲";
}

.flag-kn:after {
    content: "🇰🇳";
}

.flag-kp:after {
    content: "🇰🇵";
}

.flag-kr:after {
    content: "🇰🇷";
}

.flag-kw:after {
    content: "🇰🇼";
}

.flag-kz:after {
    content: "🇰🇿";
}

.flag-la:after {
    content: "🇱🇦";
}

.flag-lb:after {
    content: "🇱🇧";
}

.flag-lc:after {
    content: "🇱🇨";
}

.flag-li:after {
    content: "🇱🇮";
}

.flag-lk:after {
    content: "🇱🇰";
}

.flag-lr:after {
    content: "🇱🇷";
}

.flag-ls:after {
    content: "🇱🇸";
}

.flag-lt:after {
    content: "🇱🇹";
}

.flag-lu:after {
    content: "🇱🇺";
}

.flag-lv:after {
    content: "🇱🇻";
}

.flag-ly:after {
    content: "🇱🇾";
}

.flag-ma:after {
    content: "🇲🇦";
}

.flag-mc:after {
    content: "🇲🇨";
}

.flag-md:after {
    content: "🇲🇩";
}

.flag-me:after {
    content: "🇲🇪";
}

.flag-mg:after {
    content: "🇲🇬";
}

.flag-mh:after {
    content: "🇲🇭";
}

.flag-mk:after {
    content: "🇲🇰";
}

.flag-ml:after {
    content: "🇲🇱";
}

.flag-mm:after {
    content: "🇲🇲";
}

.flag-mn:after {
    content: "🇲🇳";
}

.flag-mq:after {
    content: "🇲🇶";
}

.flag-mr:after {
    content: "🇲🇷";
}

.flag-mt:after {
    content: "🇲🇹";
}

.flag-mu:after {
    content: "🇲🇺";
}

.flag-mv:after {
    content: "🇲🇻";
}

.flag-mw:after {
    content: "🇲🇼";
}

.flag-mx:after {
    content: "🇲🇽";
}

.flag-my:after {
    content: "🇲🇾";
}

.flag-mz:after {
    content: "🇲🇿";
}

.flag-na:after {
    content: "🇳🇦";
}

.flag-nc:after {
    content: "🇳🇨";
}

.flag-ne:after {
    content: "🇳🇪";
}

.flag-ng:after {
    content: "🇳🇬";
}

.flag-ni:after {
    content: "🇳🇮";
}

.flag-nl:after {
    content: "🇳🇱";
}

.flag-no:after {
    content: "🇳🇴";
}

.flag-np:after {
    content: "🇳🇵";
}

.flag-nr:after {
    content: "🇳🇷";
}

.flag-nz:after {
    content: "🇳🇿";
}

.flag-om:after {
    content: "🇴🇲";
}

.flag-pa:after {
    content: "🇵🇦";
}

.flag-pe:after {
    content: "🇵🇪";
}

.flag-pf:after {
    content: "🇵🇫";
}

.flag-pg:after {
    content: "🇵🇬";
}

.flag-ph:after {
    content: "🇵🇭";
}

.flag-pk:after {
    content: "🇵🇰";
}

.flag-pl:after {
    content: "🇵🇱";
}

.flag-pr:after {
    content: "🇵🇷";
}

.flag-pt:after {
    content: "🇵🇹";
}

.flag-ps:after {
    content: "🇵🇸";
}

.flag-pw:after {
    content: "🇵🇼";
}

.flag-py:after {
    content: "🇵🇾";
}

.flag-qa:after {
    content: "🇶🇦";
}

.flag-ro:after {
    content: "🇷🇴";
}

.flag-rs:after {
    content: "🇷🇸";
}

.flag-ru:after {
    content: "🇷🇺";
}

.flag-rw:after {
    content: "🇷🇼";
}

.flag-sa:after {
    content: "🇸🇦";
}

.flag-sb:after {
    content: "🇸🇧";
}

.flag-sc:after {
    content: "🇸🇨";
}

.flag-sd:after {
    content: "🇸🇩";
}

.flag-se:after {
    content: "🇸🇪";
}

.flag-sg:after {
    content: "🇸🇬";
}

.flag-si:after {
    content: "🇸🇮";
}

.flag-sk:after {
    content: "🇸🇰";
}

.flag-sl:after {
    content: "🇸🇱";
}

.flag-sm:after {
    content: "🇸🇲";
}

.flag-sn:after {
    content: "🇸🇳";
}

.flag-so:after {
    content: "🇸🇴";
}

.flag-sr:after {
    content: "🇸🇷";
}

.flag-st:after {
    content: "🇸🇹";
}

.flag-sv:after {
    content: "🇸🇻";
}

.flag-sy:after {
    content: "🇸🇾";
}

.flag-sz:after {
    content: "🇸🇿";
}

.flag-td:after {
    content: "🇹🇩";
}

.flag-th:after {
    content: "🇹🇭";
}

.flag-tg:after {
    content: "🇹🇬";
}

.flag-tj:after {
    content: "🇹🇯";
}

.flag-tm:after {
    content: "🇹🇲";
}

.flag-tn:after {
    content: "🇹🇳";
}

.flag-tr:after {
    content: "🇹🇷";
}

.flag-tt:after {
    content: "🇹🇹";
}

.flag-tv:after {
    content: "🇹🇻";
}

.flag-tw:after {
    content: "🇹🇼";
}

.flag-tz:after {
    content: "🇹🇿";
}

.flag-ua:after {
    content: "🇺🇦";
}

.flag-ug:after {
    content: "🇺🇬";
}

.flag-us:after {
    content: "🇺🇸";
}

.flag-uy:after {
    content: "🇺🇾";
}

.flag-uz:after {
    content: "🇺🇿";
}

.flag-va:after {
    content: "🇻🇦";
}

.flag-vc:after {
    content: "🇻🇨";
}

.flag-ve:after {
    content: "🇻🇪";
}

.flag-vn:after {
    content: "🇻🇳";
}

.flag-vu:after {
    content: "🇻🇺";
}

.flag-ws:after {
    content: "🇼🇸";
}

.flag-xk:after {
    content: "🇽🇰";
}

.flag-ye:after {
    content: "🇾🇪";
}

.flag-za:after {
    content: "🇿🇦";
}

.flag-zm:after {
    content: "🇿🇲";
}

.flag-zw:after {
    content: "🇿🇼";
}
/* non country */
.flag-eu:after {
    content: "🇪🇺";
}
.flag-un:after {
    content: "🇺🇳";
}

.flag-gi:after {
    content: "🇬🇮"; /* Gibraltar */
}

.flag-gl:after {
    content: "🇬🇱"; /* Greenland */
}

.flag-hk:after {
    content: "🇭🇰"; /* Hong Kong SAR China */
}

.flag-je:after {
    content: "🇯🇪"; /* Jersey */
}
.tblack{
    color:black;
}
.hblack{
    color:#00057d;
    font-weight: 500;
}

.nav_list .webix_dataview_item{
    background-color: #ffffff;
    border-color: #ffffff;
}
.nav_list .webix_dataview_item.webix_selected{
    background-color: #eee;
}
.xbsurfimg{
    width: 100%;
    height: 100%;
}
.xbsurfdelbut .webix_button{
    background-color: antiquewhite;
}
.webix_view.webix_control .webix_disabled_box textarea{
        color: #000000;
}