@charset "utf-8";
/* CSS Document */

* {
    margin: 0;
    padding: 0;
    outline: none;
}

html {
    height: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    display: flex;
    flex-direction: column;
    
    min-height: 100%;
    
    overflow-y: scroll;
}

body.body--desktop {
    min-width: 980px
}
body.fixed {
    overflow: hidden !important;
}
body.scrollbar-padding{
    padding-right: 17px;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Regular.eot?v=2');
    src: local('O'), url('../fonts/Inter-Regular.woff2?v=2') format('woff2'), url('../fonts/Inter-Regular.ttf?v=2') format('truetype'), url('../fonts/Inter-Regular.svg?v=2') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Inter-Medium';
    src: url('../fonts/Inter-Medium.eot?v=2');
    src: local('O'), url('../fonts/Inter-Medium.woff2?v=2') format('woff2'), url('../fonts/Inter-Medium.ttf?v=2') format('truetype'), url('../fonts/Inter-Medium.svg?v=2') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Inter-SemiBold';
    src: url('../fonts/Inter-SemiBold.eot?v=2');
    src: local('O'), url('../fonts/Inter-SemiBold.woff2?v=2') format('woff'), url('../fonts/Inter-SemiBold.ttf?v=2') format('truetype'), url('../fonts/Inter-SemiBold.svg?v=2') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Inter-Bold';
    src: url('../fonts/Inter-Bold.eot?v=2');
    src: local('☺'), url('../fonts/Inter-Bold.woff2?v=2') format('woff2'), url('../fonts/Inter-Bold.ttf?v=2') format('truetype'), url('../fonts/Inter-Bold.svg?v=2') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Inter-Thin';
	src: url('../fonts/Inter-Thin.eot?v=2');
	src: local('☺'), url('../fonts/Inter-Thin.woff2?v=2') format('woff2'), url('../fonts/Inter-Thin.ttf?v=2') format('truetype'), url('../fonts/Inter-Thin.svg?v=2') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Inter-Light';
    src: url('../fonts/Inter-Light.eot?v=2');
    src: local('☺'), url('../fonts/Inter-Light.woff2?v=2') format('woff2'), url('../fonts/Inter-Light.ttf?v=2') format('truetype'), url('../fonts/Inter-Light.svg?v=2') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Flex';
    src: url('../fonts/Roboto-Flex.eot?v=2');
    src: local('☺'), url('../fonts/Roboto-Flex.woff2?v=2') format('woff2'), url('../fonts/Roboto-Flex.ttf?v=2') format('truetype'), url('../fonts/Roboto-Flex.svg?v=2') format('svg');
    font-weight: 700;
}

body {
    font: 15px/22px 'Inter',Sans-Serif;
    color: #000;
    background: #f2f2f2;
}

p {
    /*word-spacing: .1ex;*/
    padding-bottom: 7px;
}

img, a img {
    border: none;
    border-radius: 20px;
}

a {
    color: #622CF4;
    text-decoration: none;
    outline: none;
}

    a:hover {
        text-decoration: underline;
    }

textarea, input, select, button {
    font: 14px 'Inter',Sans-Serif;
}

textarea {
    resize: vertical;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
    display: block;
    min-height: 1px;
}

* html .clearfix {
    height: 1px;
}

header .fa-bars {display:none;}

.page {
    flex: 1;
    display: flex;
    flex-direction: column;

    position: relative;

    width: 100%;
    max-width: 956px;

    margin: 0 auto;
}

.page--white {
    background: #fff;
}

.dashboard .page{
    max-width: 960px;
    
    background: transparent;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
}

.page.dashboard:after {
    content: '';
    display: block;
    clear: both;
}

.container {
    max-width: 960px;
    margin: 0 auto;
    }
    @media (max-width:768px) {
        .container {
            padding: 0 20px;
            }
    }

    .container:after {
        content: '';
        display: block;
        clear: both;
    }

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

    table th {
        text-align: left;
        vertical-align: top;
    }

        table th[class="a-center"] {
            text-align: center;
        }

    table td {
        vertical-align: top;
    }

        table td[class="a-center"] {
            text-align: center;
        }

textarea,
input[type="text"],
input[type="password"],
input[type="email"] {
    border: 1px solid #cdcdcd;
    border-color: #c3c3c3 #cdcdcd #d6d6d6 #cdcdcd;
    box-shadow: inset #e4e4e4 0px 1px 2px;
    -moz-box-shadow: inset #e4e4e4 0px 1px 2px;
    -webkit-box-shadow: inset #e4e4e4 0px 1px 2px;
    -o-box-shadow: inset #e4e4e4 0px 1px 2px;
}

textarea {
    padding: 6px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

input[type="text"],
input[type="password"],
input[type="email"] {
    height: 26px;
    text-indent: 6px;
}

.inactive-error {
    width: 100%;
    color: #ff5555;
    padding-top: 5px;
    height: 2em;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    background: #f9f9f9;
}
/*--- header --*/
header {
    background: #28CACE;
    min-height: 30px;
    color: #fff;
    padding: 8px;
    font-size: 14px;
}
.header-container {
    box-sizing: border-box;

    display: flex;
    justify-content: space-between;

    align-items: center;

    max-width: 956px;

    margin: 0 auto;
}

.header-container__project-title {
    margin-right: 16px;

    color: #081230;
    font-family: 'Inter-Bold', sans-serif;
    font-size: 16px;
    line-height: normal;
    font-weight: 400;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.header-container__project-title--dashboard {
    font-family: 'Inter-Bold', sans-serif;
    font-size: 24px;
}

.header-items-wrapper {
    position: relative;
    
    display: flex;

    align-items: center;
}

.logo img {
    border-radius: 0;
}

.header-items-wrapper::before {
    content: '';
    
    position: absolute;
    
    height: 72px;
    width: calc(100vw + 188px);
    
    left: -100vw;

    background: #081230;

    border-top-right-radius: 8px 30px;
    border-bottom-right-radius: 44px 66px;
}

    header a {
        font-family: 'Inter-SemiBold', sans-serif;
        color: #081230;
        cursor: pointer;
    }

.fixed-nav header {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    z-index: 1000;
    width: 100%;
}

.fixed-nav .main {
    padding-top: 51px;
}

.fixed-nav menu {
    position: absolute;
    padding-top: 11px;
}

/*@media only screen and (min-width: 980px) and (min-height: 800px) {
    .fixed-nav menu,
    .fixed-nav header
     {
        position: fixed;
    }
}*/

.fixed-nav .column-right {
    margin-left: 227px;
}

.logo {
    font-size: 0;
    float: left;
    z-index: 1;
}

    .logo img {
        margin-top: 9px;
    }
    .logo .logo__back-text{
        font-size: 0;
    }

    .logo:hover {
        text-decoration: none;
    }

.mobile-hidden {

    }
.mobile-visible {
    display: none;
    }
    @media (max-width: 768px) {
        .mobile-hidden {
            display: none;
        }
        .mobile-visible {
            display: block;
        }
    }

header .breadcrumbs li {
    list-style: none;
    float: left;
    background: url('../Images/header-nav-arrow.png?v=2') right 5px no-repeat;
    padding-right: 22px;
    margin-left: 63px;
    font-size: 19px;
    overflow: hidden;
    max-width: 430px;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #000;
}

header .breadcrumbs li a {
    font-family: 'Inter-Bold', sans-serif;
}

    header .breadcrumbs li:last-child {
        background: none;
        padding-right: 0px;
    }

header .username {
    float: right;
}

header .logout {
    float: right;
    margin-left: 34px;
}

header .username .user-photo {
    margin: -3px 7px 0 0;
    border: none;
    float: left;
}

header .notice {
    width: 16px;
    float: right;
    position: relative;
    cursor: pointer;
}

header .message {
    width: 16px;
    height: 15px;
    float: right;
    margin: 7px 20px 0 17px;
    background: url('../Images/message-ico.png?v=2') center center no-repeat;
}

header .configure {
    float: right;
    margin-right: 16px;
}

header .message span {
    font-size: 10px;
    line-height: 14px;
    text-align: center;
    margin: -7px -7px 0 7px;
    display: block;
    width: 15px;
    height: 15px;
    cursor: pointer;
    background: #e05713;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
}

header .message span {
    font-size: 10px;
    line-height: 14px;
    text-align: center;
    margin: -7px -7px 0 7px;
    display: block;
    width: 15px;
    height: 15px;
    cursor: pointer;
    background: #e05713;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
}

header .message:hover {
    text-decoration: none;
}

header .message.disactive {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: default;
}

    header .message.disactive span {
        display: none;
    }

    /*--- /header выпадающее меню menu-dropdown --*/
    .menu-dropdown{
        display: block;
        float: right;
        position: relative;
    }
    .menu-dropdown__content{
        position: relative;

        display: flex;
        align-items: center;
    }
    .menu-dropdown__private-messages {
        position: relative;
        
        height: 40px;
        
        margin-right: 12px;
    }
    .menu-dropdown__arrow{
        display: inline-block;
        vertical-align: top;
        width: 10px;
        height: 30px;
        background: url('../Images/select--dark.png?v=2') center center no-repeat;
        background-size: contain;
        cursor: pointer;
    }
    .menu-dropdown__avatar {
        display: inline-block;
        vertical-align: top;

        margin-right: 8px;
    }


    .menu-dropdown__list{
        position: absolute;
        display: none;
        top: 44px;
        right: -17px;
        z-index: 1003;
        background: #fff;
        border: 1px solid #d9d9d9;
        box-shadow: 0px 0px 15px rgba(0,0,0, 0.2);
        -moz-box-shadow: 0px 0px 15px rgba(0,0,0, 0.2);
        -webkit-box-shadow: 0px 0px 15px rgba(0,0,0, 0.2);
        -o-box-shadow: 0px 0px 15px rgba(0,0,0, 0.2);
        padding: 12px 16px 4px 12px;
        min-width: 95px;
        color: #000;
    }
        .menu-dropdown__avatar.message-new {
        position: relative;
    }
    .menu-dropdown__private-messages .qty{
        position: absolute;
        top: -2px;
        right: -2px;
        box-sizing: border-box;
        font-size: 12px;
        line-height: 15px;
        text-align: center;
        padding-right: 1px;
        display: block;
        width: 15px;
        height: 15px;
        background: #081230;
        color: #fff;
        -webkit-border-radius: 14px;
        -moz-border-radius: 14px;
        border-radius: 14px;
    }
    .menu-dropdown__list .qty{
        box-sizing: border-box;
        font-size: 12px;
        line-height: 16px;
        line-height: 15px;
        text-align: center;
        display: inline-block;
        width: 15px;
        height: 15px;
        margin-left: 5px;
        cursor: pointer;
        background: #e05713;
        color: #fff;
        -webkit-border-radius: 14px;
        -moz-border-radius: 14px;
        border-radius: 14px;
    }
    .menu-dropdown--open .menu-dropdown__list{
        display: block;
    }
        .menu-dropdown__list:after {
            background: none;
            content: "\25B2";
            display: block !important;
            height: 16px;
            width: 16px;
            position: absolute;
            font-size: 15px;
            top: -16px;
            color: #fff;
            transform: scaleX(1.8);
            -moz-transform: scaleX(1.8);
            -ms-transform: scaleX(1.8);
            -o-transform: scaleX(1.8);
            -webkit-transform: scaleX(1.8);
            text-shadow: 0px -1px 0px #060606;
            right: 12px;
            z-index: 20;
        }
    .menu-dropdown__photo{
        display: block;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        overflow: hidden;
    }
        .menu-dropdown__photo img {
            max-width: 100%;
        }
        .menu-dropdown__list-item {
            display: block;
            color: #000;
            white-space: nowrap;
            margin-bottom: 8px;
        }
        .menu-dropdown__name {
            max-width: 120px;

            margin-right: 9px;
        }
        .menu-dropdown__name-part {
            padding: 0;

            color: #081230;
            font: 15px 'Inter-SemiBold', Sans-serif;
            line-height: 18px;
            text-overflow: ellipsis;
            overflow: hidden;
        }
        .menu-dropdown__controller-wrapper {
            display: flex;
        
            align-items: center;

            cursor: pointer;
        }

/*--- /header --*/

/*--- navigation --*/
.main {
    position:relative;

    padding-top: 24px;
}

.main:has(.project-column-left) {
    display: flex;
    flex-direction: row-reverse;
}

.dashboard .main {
    padding-top: 8px;
}

.main:after {
    content: "";
    display: block;
    clear: both;
}
.main menu {
    flex-shrink: 0;
    
    width: 225px;
}

/*.main menu.chatMenu {
        left: -100px;
        top: 0px;
        bottom: 0px;
        width: 0px;
        overflow: hidden;
        opacity: 0.3;
        background: #333;
        color: #fff;
        padding-top: 30px;
        box-shadow: inset 0 -1px 10px rgba(0,0,0,0.4);
        -moz-box-shadow: inset 0 -1px 10px rgba(0,0,0,0.4);
        -webkit-box-shadow: inset 0 -1px 10px rgba(0,0,0,0.4);
        -o-box-shadow: inset 0 -1px 10px rgba(0,0,0,0.4);
    }*/

    .main menu li {
        font-size: 15px;
        list-style: none;
        /*border-bottom:1px solid #ebebeb;*/
        position: relative;
        padding: 0;
    }
    
    .main menu li:not(:last-child) {
        margin-bottom: 8px;
    }

        .main menu li a, .main menu li strong {
            font-family: 'Inter-Medium', sans-serif;
            display: block;
            color: #000;
            font-size: 16px;
        }

        .main menu li strong {
            padding-top: 16px;
        }

        .main menu li a:hover {
            text-decoration: none;
        }

        .main menu li span, .main menu li .quantity, .sub-nav .quantity {
            position: absolute;
            right: 0;
            top: 0;
            padding: 2px 9px 2px 9px;
            line-height: 17px;
            font-size: 14px;
            white-space: nowrap;
            text-align: right;
            background: #622CF4;
            color: #fff;
            -webkit-border-radius: 12px;
            -moz-border-radius: 12px;
            border-radius: 12px;
        }

        .main menu li span i, .main menu li .quantity i, .sub-nav .quantity i {
            font-style: normal;
        }

.sub-nav .quantity {
    position: relative;
    margin-left: 8px;
    top: 3px;
}

/*.main menu li .quantity:before {
                content: '';
                position: absolute;
                top: 0px;
                right: 0px;
                display: block;
                width: 0px;
                height: 0px;
                border: 6px solid #ffd83c;
                border-color: #ffd83c #ffd83c #fff #fff;
            }*/

.main menu li.active a {
    color: #622CF4;
    margin-left: 0px;
}

/*.main menu li.active .quantity:before {
            top: 1px;
        }*/

.main menu .button-orange {
    margin: 36px auto 25px 25px;
}

.main menu .button-orange {
    padding: 8px 21px;
}

.main menu h3 {
    font-size: 15px;
    padding: 32px 0 10px 21px;
	text-transform:uppercase;
}
.main menu h3:first-child {padding-top:8px;}

.main menu h4 {
    margin-bottom: 13px;

    line-height: 18px;
    font: 15px 'Inter-Bold';
    text-transform: uppercase;
}

.main menu h5 {
    margin-bottom: 16px;

    line-height: 15px;
    font: 15px 'Inter-SemiBold';
}

.main menu .users-count {
    color: #A0A0A0;
}

.main menu .change-photo,
.main menu .change-profile {
    padding: 0;
    position: relative;
    font-family: 'Inter-Medium', sans-serif;
    font-size: 15px;
    line-height: 18px;
}

.main menu .change-photo {
    display: flex;
    align-items: center;
    gap: 16px;
}

.main menu .change-photo__image {
    flex-shrink: 0;

    background-size: contain;
    background-repeat: no-repeat;
}

.main menu .change-action--change-photo .change-photo__image {
    width: 50px;
    height: 50px;

    background-image: url('../Images/ico-change-photo.jpg?v=2');
    border-radius: 100%;
}

.main menu .change-action--fill-profile .change-photo__image {
    width: 50px;
    height: 48px;

    background-image: url('../Images/retina/ico-change-profile2x.png?v=2');
}

.main menu .change-photo__text {
    font-size: 15px;
    font-family: 'Inter-Medium', sans-serif;
    
    padding: 0;
}

.main menu .change-action--change-photo .change-photo__text {
    color: #ffffff;
}

.main menu .change-action--fill-profile .change-photo__text {
    color: #081230;
}

.main menu .footnote {
    margin: 29px 24px 15px 24px;
}

.main menu .change-profile {
    background: #dbf2ff url('../Images/ico-change-profile.png?v=2') center 18px no-repeat;
    color: #6098bc;
}

.main menu .change-photo:before {
    border-color: #fff #fff #fadc75 #fadc75;
}

.main menu .change-profile:before {
    border-color: #fff #fff #acdaf7 #acdaf7;
}

.main menu .change-photo:hover,
.main menu .change-profile:hover {
    text-decoration: underline;
}

.main menu .menu-block {
    padding: 27px 18px;
    
    border-radius: 20px;
    background: #fff;
}

.main menu .menu-block.change-action {
    padding: 18px;
}

.main menu .menu-block.change-action.change-action--change-photo {
    background: #081230;
}

.main menu .menu-block.change-action.change-action--fill-profile {
    background: #89eef1;
}

.main menu .menu-block:not(:last-child) {
    margin-bottom: 8px;
}

.main menu .menu-block > ul:not(:first-child) {
    margin-top: 40px;
}

.main menu .menu-block .users .users__user {
    display: flex;

    align-items: center;
}

.main menu .menu-block .users .users__user-avatar {
    width: 32px;
    height: 32px;
    
    margin-right: 6px;
    
    border-radius: 20px;
}

.main menu .menu-block .users .users__user-info {
    min-width: 0;
}

.main menu .menu-block .users .users__user-name {
    margin-bottom: 4px;
    padding: 0;
    
    font: 13px 'Inter-SemiBold', Sans-serif;
    line-height: normal;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.main menu .menu-block .users .users__user-last-activity {
    margin: 0;
    padding: 0;

    color: #A0A0A0;
    font-size: 12px;
    line-height: 1em;
}

.main menu .menu-block .users .users__user-actions {
    flex-shrink: 0;
    
    margin-left: auto;

    width: 16px;
    height: 16px;

    background: url("../Images/dots-horizontal.png?v=2") center;
    background-size: contain;
    cursor: pointer;
}

.main menu .users li:not(:last-child) {
    margin-bottom: 12px;
}

.main menu .users li {
    padding: 0;
}

.main menu .all-users {
    display: block;

    float: none;
    
    margin-top: 12px;

    font-size: 13px;
}

.project-block {
    padding: 27px 20px 24px;

    background: #fff;
    border-radius: 20px;
}

.project-block:not(:last-child) {
    margin-bottom: 16px;
}

.project-block.task {
    margin-bottom: 20px;
    padding: 20px;
}

.project-block.task.project-block--marker-board {
    margin-bottom: 8px;
}

.project-block.your-answer {
    margin-bottom: 8px;
    padding: 20px;
}

.tooltip__items {
    box-sizing: border-box;
    list-style: none;

    padding: 16px;
}

.tooltip__item {
    white-space: nowrap;
    font: 15px 'Inter-Medium', sans-serif;
}

.tooltip__item + .tooltip__item {
    margin-top: 16px;
}

.tooltip__item a {
    color: #000000;
}

.tooltip__item a:hover {
    color: #622CF4;
    text-decoration: none;
}

/*--- /navigation --*/

/*.main {min-height:600px;}*/
.col-middle {
    width: 660px;
    margin: 0 auto;
    padding: 28px 0;
}

.project-subheader {
    position: relative;
    
    padding: 33px 24px 46px;
    margin-top: -20px;
    
    background: #28CACE;
}

.project-subheader--hidden {
    display: none;
}

.project-subheader::before {
    content: '';
    position: absolute;

    top: 0;
    left: 0;
    right: 0;
    
    display: block;

    width: calc(100% - 12px * 2);
    height: 1px;

    margin: 0 auto;
    
    background: rgba(8,18,48,.16);
}

.project-subheader--dashboard {
    position: relative;

    padding: 4px 20px 42px;
    margin-top: -35px;

    z-index: 1;
}

.project-subheader--dashboard::before {
    display: none;
}

.project-subheader__participant-count {
    padding: 0;

    font-size: 15px;
    color: #081230;
}

.project-subheader__placeholder {
    min-height: 26px;
}

.project-subheader__user-statuses {
    margin-top: -14px;
    padding-bottom: 50px;
}

.project-subheader__user-statuses .respondent {
    color: #000;
    background: #E0E1E5;
    padding: 5px 20px;
    font-size: 16px;
    font-family: 'Inter-Medium', sans-serif;
    line-height: 22px;
    vertical-align: bottom;
    border-radius: 8px;
    margin: 0;
}

.project-subheader__user-statuses .respondent.banned {
    background:#DC0000;
    color: #fff;
}

.project-column-left {
    margin-right:16px;

    width: 100%;
    max-width: 715px;
}

.column-right {
    border-left: 1px solid #d9d9d9;
    min-height: 670px;
    padding: 8px 20px 0px 20px;
    margin-left:227px;
}

.column-right.columnChat{
    padding-bottom: 0 !important;
}
.column-right:after{
    display:block;
    content: '';
    clear: both;
}

    .column-right .topics {
        margin-bottom: 30px;
            float: left;
            width: 731px;
            min-height: 990px;
            max-width: 100%;
    }

    .column-right {
        padding-bottom: 30px;
    }

.members-header-wrapper {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
}

.page-title {
    position: relative;
    
    margin-bottom: 40px;
}

    .page-title a.close {
        position: absolute;
        right: 8px;
        font-size: 0.6em;
        cursor: pointer;
    }

    .page-title .page-title__controls-open{
        display: none;
    }

    .page-title,
    .page-title h1 {
        font-size: 28px;
        padding: 0;
        font-family: 'Inter-SemiBold', sans-serif;
    }

    .page-title .h1--inline{
        display: inline-block;
    }

        .page-title span.add {
            color: #7f7f7f;
        }

.page-title span.edit,
.page-title span.add,
.page-title span.qr {
    color: #7f7f7f;
    font: normal 28px 'Inter-SemiBold',Sans-Serif;
    margin-inline-start: 12px;
}

.page-sub-title,
.page-sub-title h2 {
    font: normal 18px 'Inter-SemiBold',Sans-Serif;
}

.edit-block .page-sub-title {
    margin-bottom: 16px;
}

.edit-block.project-block .button,
.edit-block.project-block .button-orange {
    margin-top: 16px;
}

    .page-sub-title .show-all, .page-sub-title .show-one-line {
        font: normal 14px 'Inter',Sans-Serif;
        margin-left: auto;
        cursor: pointer;
    }

    .page-sub-title .upload-to-gallery {
        float: right;
        margin: 0;
    }

 .page-title-row {
     display:inline-block;
     width:100%;
}

 .page-title-row h1 {
     float:left;
 }

.sub-title {
    font-size: 20px;
    padding: 11px 0 15px 0;
}

.state-title {
    text-transform: uppercase;
    color: #666;
    font: 15px 'Inter-Bold',Sans-Serif;
    border-bottom: 1px solid #ebebeb;
    padding: 5px 0 6px 20px;
}

.sorting {
    float: right;
    font: 13px/18px 'Inter';
    color: #000;
    text-transform: none;
}

    .sorting .select_fake {
        width: auto;
        height: 23px;
        vertical-align: top;
        display: inline-block;
        border: none;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        -o-box-shadow: none;
        background-position: right 7px;
    }

    .sorting span.select_fake_text {
        padding-top: 1px;
        height: 22px;
        color: #406eb9;
    }

    .sorting .select_fake select {
        width: auto;
        height: 23px;
    }

/*
.column-right table th {
	font-weight:normal;
	color:#787878;
	font-size:12px;
	padding:6px 10px 5px 10px;
	border:1px solid #e1e1e1;
	border-width:1px 1px 1px 0px;
	border-color:#e1e1e1 #e1e1e1 #cdcdcd #e1e1e1;
	box-shadow: inset #fff -1px 0 0px;
    -moz-box-shadow: inset #fff -1px 0 0px;
    -webkit-box-shadow: inset #fff -1px 0 0px;
    -o-box-shadow: inset #fff -1px 0 0px;
	background: #f9f9f9;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2VjZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+?v=2);
	background: -moz-linear-gradient(top,  #fefefe 0%, #ececec 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#ececec));
	background: -webkit-linear-gradient(top,  #fefefe 0%,#ececec 100%);
	background: -o-linear-gradient(top,  #fefefe 0%,#ececec 100%);
	background: -ms-linear-gradient(top,  #fefefe 0%,#ececec 100%);
	background: linear-gradient(to bottom,  #fefefe 0%,#ececec 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#ececec',GradientType=0 );
}
.column-right table th input[type="checkbox"],
.column-right table td input[type="checkbox"] {margin-top:1px;}
.column-right table th:first-child {border-left:1px solid #d8d8d8;}
.column-right table th:last-child {box-shadow:none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none;}
.column-right table td {
	color:#333;
	padding:15px 10px;
	font-size:13px;
	border-bottom:1px solid #e5e5e5;
}
.column-right table tr:nth-child(odd) {background:#fffbea;}
*/
.page-title .edit {
    margin-left: 6px;
}

.project-block.personal-data {
    clear: both;
    font-size: 14px;
    line-height: 17px;

    margin-bottom: 16px;
    padding: 24px 24px 23px 21px;
}

.project-block.personal-history {
    padding: 26px 24px 24px 20px;
}

.project-block.personal-history .page-sub-title:after{
    display: none;
}

.project-block.personal-history--participant {
    padding: 10px 20px 24px;
}

.personal-history .page-sub-title {
    display: flex;
    
    margin-bottom: 9px;
}

.personal-history .gallery-wrapper {
    margin-bottom: 36px;
}

.personal-history .gallery-wrapper .jcarousel-skin-tango .jcarousel-container {
    margin: 0;
}

.personal-history .gallery-wrapper img {
    border-radius: 0;
}

.personal-data .page-title h1{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    line-height: normal;
}

.personal-data .page-title h1.personal-data--without-role {
    margin-bottom: 14px;
}

.personal-data dl {
    width: 575px;
    float: left;

    margin-top: -58px;
}

.personal-data dl.personal-data--without-role {
    margin: -14px 0 12px;
}

.personal-data .actions-block {
    margin: 0;
    padding: 0;
}

.personal-data .actions-block li {
    margin-right: 10px;
}

    .personal-data input[type=file] {
       /*display: block !important;*/
    }

    .personal-data span.value {
        white-space: nowrap;
        display: inline-block;
        overflow: hidden;
        max-width: 330px;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

.personal-data span.value-hidden {
	display: none;
}

    .personal-data.personal-data--loading-avatar:before{
        display:block;
        content: ' ';
        width: 102px;
        height: 102px;
        background: url('../Images/loading-32.gif?v=2') center center no-repeat;
        position: absolute;
        right: 0;
        top: 7px;
        z-index: 23;
    }
    .personal-data.personal-data--loading-avatar .personal-photo span{
        display:block !important;
        background-image: none !important;
        font-size: 0 !important;
        background-color: rgba(255,255,255,0.85) !important;
    }

#ageForm select {
	max-width: 330px;
	margin: -5px 0 0 -7px;
}

.personal-data .personal-photo {
    float: right;
    width: 120px;
    height: 120px;
    
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    
    overflow: hidden;
    position: relative;
    z-index: 20;
}

    .personal-data .personal-photo img {
        float: left;
        max-width: 100%;
        max-height: 100%;
    }

.member-info-row {
    display: inline-block;
}

.personal-data .personal-photo span {
    display: none;
    box-sizing: border-box;

    width: 100%;
    height: 100%;
    padding: 50px 10px 0 10px;

    background: rgba(0,0,0,0.5) url('../Images/camera-ico.png?v=2') center 18px no-repeat;
    
    position: absolute;
    inset: 0;
    
    color: #fff;
    font-size: 14px;
    text-align: center;
    
    cursor: pointer;
}

.personal-data .personal-photo:hover span {
    display: block;
}

    .personal-data dl dt {
        color: #838383;
        float: left;
        width: 130px;
        padding-right: 5px;
        clear: left;
        padding-bottom: 11.8px;
    }

    .personal-data dl dd {
        float: right;
        width: 435px;
        clear: right;
	    position: relative;
    }

        .personal-data dl dd input[type="text"] {
            width: 258px;
            margin: -5px 0 0 -7px;
        }

		.personal-data dl dd .field-validation-error {
			margin: 0 0 0 -7px;
			position: absolute;
			top: 22px;
			z-index: 1;
		}

        .personal-data dl dd .help-text, .page-title .help-text {
            color: #7f7f7f;
            font-size: 14px;
	        margin-left: -6px;
            line-height: 17px;
	        display: inline-block;
	        width: 100%;
        }

		.page-title .help-text {
			margin-left: 8px;
			width: auto;
		}

        .personal-data dl dd .edit {
            width: 11px;
            height: 11px;
            background-size: 11px 11px;
            margin-left: 3px;
            margin-bottom: 3px;
        }
.personal-data dl dd .data-editor {
	margin-left: -7px;
	margin-top: -7px;
}

#gallery-count, #blogSize {
    display: inline-block;

    margin-left: 10px;
    
    color: #A3A3A3;
}

.tab-switch {
    display: none;
}

.tab-switch.active {
    display: block;
}


button {
    outline: medium none;
    vertical-align: baseline;
    cursor: pointer;
    white-space: nowrap;
    outline: none;
}

.button.draft {
    margin-top: 0;
}

.button-orange {
    display: inline-block;

    padding: 10px 20px;

    background: #622CF4;
    border-radius: 12px;
    border: none;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    text-decoration: none;
}

a.button-orange{
        padding: 11px 31px;
}

.fs.button-orange {
    line-height: inherit;
}

.button-orange[disabled] {
    color: #ddd;
    display: inline-block;
    background: rgba(98, 44, 244, 0.5);
    cursor: auto;
}

.button-orange.big {
    font-size: 24px;
    padding: 12px 36px 14px 36px;
}

.button-orange:hover {
    text-decoration: none;
}

.button {
    border: none;
    background: none;
    padding: 0px;
    margin-top: 20px;
    cursor: pointer;
}

.button {
    display: inline-block;
    
    padding: 10px 20px;
    
    background: #fbfbfb;
    border: 1px solid #c2c2c2;
    border-radius: 12px;
    color: #000;
    font-size: 16px;
    cursor: pointer;
    text-decoration: none;
}

.button--red {
    color: #DC0000;
    border: 1px solid #DC0000;
}

.button--green {
    color: #53A100;
    border: 1px solid #53A100;
}

.button:hover {
    text-decoration: none;
}

.data-editor {
    display: none;
}

.user-photo,
.user-photo span {
    display: block;
    width: 58px;
    height: 58px;
    -webkit-border-radius: 31px;
    -moz-border-radius: 31px;
    border-radius: 31px;
    overflow: hidden;
}

    .user-photo.large,
    .user-photo.large span {
        width: 100px;
        height: 100px;
        -webkit-border-radius: 52px;
        -moz-border-radius: 52px;
        border-radius: 52px;
    }


header .user-photo,
header .user-photo span,
.users-menu .user-photo,
.users-menu .user-photo span,
.add-message-form .user-photo span,
.user-message .user-photo span,
.add-message-form .user-photo,
.user-message .user-photo {
    width: 30px;
    height: 30px;
}

.user-photo img {
    float: left;
}

.post-editor {
    position: relative;
    z-index: 3;
}

.post-editor .button-orange {
    margin-right: 6px;
}

.post-editor .part {
    margin-bottom: 40px;
}

.schedule.part .part:last-child {
    margin-bottom: 0;
}

.post-editor .part > *:last-child {
    margin-bottom: 0;
}

.marker-board-form__image-btn {
    margin-top: 0;
    z-index: 100;
}

.marker-board-form__option-row {
    display: flex;
    
    align-items: center;
    gap: 8px;
}

.marker-board-form__option-row + .marker-board-form__option-row {
    margin-top: 10px;
}

.marker-board-form__input {
    box-sizing: border-box;
    
    height: 35px;
}

.marker-board-form__select-wrapper {
    position: relative;
    
    cursor: pointer;
}

.marker-board-form__select-colors {
    box-sizing: border-box;

    display: none;

    position: absolute;
    top: 100%;

    justify-content: center;
    flex-wrap: wrap;
    gap: 4px;

    width: 100%;

    padding: 6px 8px;

    border: 1px solid #767676;

    background: #fff;
    z-index: 1;
}

.marker-board-form__options--maximum-options {
    margin-bottom: 39px;
}

.marker-board-form__options--maximum-options ~ .marker-board__add-marker {
    display: none;
}

.marker-board__add-marker {
    margin-top: 16px;
}

.marker-board-form__settings {
    margin-top: 24px;
}

.marker-board-form__settings .content .marker-board-form__min-markers-input {
    box-sizing: border-box;

    display: inline-block;

    width: 43px;
    height: 34px;

    margin: 0 6px;
}

.marker-board-form__options .marker-board-form__option-row .marker-board-form__select-fake {
    box-sizing: border-box;

    flex-shrink: 0;

    display: flex;
    align-items: center;

    height: 33px;
    width: 60px;

    padding-left: 8px;
    margin-bottom: 0;

    background: #fff url('../Images/select.png?v=2') right 14px no-repeat;
    border: 1px solid #c3c3c3;
    box-shadow: inset #e4e4e4 0 1px 2px;
}

.marker-board-form__color-box {
    width: 16px;
    height: 16px;
    
    border-radius: 3px;
}

.marker-board-form__color-box--disabled {
    cursor: not-allowed;
    opacity: 0.15;
}

.marker-board-form__color-box--picked {
    position: relative;
}

.marker-board-form__color-box--disabled.marker-board-form__color-box--picked {
    opacity: 1;
}

.marker-board-form__color-box--picked::after {
    content: '';

    position: absolute;

    top: -2px;
    left: -2px;

    width: 18px;
    height: 18px;

    background: transparent;
    border: 1px solid #081230;
    border-radius: 5px;
}

.marker-board-form__cross {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 12px;
    height: 33px;
    
    cursor: pointer;
    background: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='2' height='13.1674' rx='1' transform='matrix(0.717893 -0.696154 0.717893 0.696154 0.000488281 1.70227)' fill='%23B0B0B0'/%3E%3Crect width='2' height='13.1674' rx='1' transform='matrix(0.717893 0.696154 -0.717893 0.696154 9.45264 0.131104)' fill='%23B0B0B0'/%3E%3C/svg%3E%0A") no-repeat center;
}

.marker-board__radio-item + .marker-board__radio-item {
    margin-top: 12px;
}

form.post-editor.minified button.button,
form.post-editor.minified button.button-orange,
form.post-editor.minified .attachments,
form.post-editor.minified #Subject,
form.post-editor.minified .text-editor iframe,
form.post-editor.minified .text-editor .toolbar {
    display: none !important;
}

button.button.on-uploaded .allow-submit,
button.button:not(.on-uploaded) .disabled-submit,
button.button-orange.on-uploaded .allow-submit,
button.button-orange:not(.on-uploaded) .disabled-submit {
    display: none;
}

form.post-editor.minified .text-editor textarea {
    display: inline-block !important;
}

.invite .text-editor iframe{min-height: 110px;}
form.post-editor .text-editor iframe {min-height: 80px;}

.row-post .user-photo {
    position: absolute;
    top: 14px;
    left: 20px;
}

.user-photo {
    border: 1px solid #bebebe;
}

    .user-photo.online {
        border: 2px solid #28cace;
        margin-top: -1px;
        margin-left: -1px;
    }

textarea:-moz-placeholder,
input:-moz-placeholder {
    color: #999;
}

textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
    color: #999;
}

/*.default-text {color:#999;}*/

/*--- Editor ---*/
.editor-post {
    position: relative;
    min-height: 30px;
}

    .editor-post .user-photo {
        position: absolute;
        top: 14px;
        left: -70px;
    }

.editor-area {
    border: 1px solid #cdcdcd;
    border-color: #c3c3c3 #cdcdcd #d6d6d6 #cdcdcd;
    box-shadow: inset #e4e4e4 0px 1px 2px;
    -moz-box-shadow: inset #dfdfdf 0px 1px 0px;
    -webkit-box-shadow: inset #dfdfdf 0px 1px 0px;
    -o-box-shadow: inset #dfdfdf 0px 1px 0px;
    position: relative;
    margin-bottom: 5px;
}

    .editor-area textarea {
        border: none;
        background: none;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        -o-box-shadow: none;
        width: 595px;
        height: 130px;
        padding: 10px;
        font-size: 16px;
    }

.post-content {
    margin-top: 18px;
}

.row-post:not(.selected) .post-text {
    max-height: 298px;
}

.row-post .post-text {
    overflow-y: hidden;
}

@media screen and (min-width: 570px) {
    .row-post .post-text {
        width: calc(100% - 90px);
    }
    .row-post.edit-mode .post-text {
        width: 100%;
    }
}

.row-post[id='0'] .post-text {
    max-height: none;
}

.row-post:not(.expandable) #expandPost, .row-post.selected #expandPost {
    display: none;
}

.row-post:not(.selected).expandable #expandPost {
    display: inline-block;
}
.row-post:not(.selected) .post-text, .article-text .blog-post-content {
    max-height: 298px;
    overflow-y: hidden;
}

.row-post[id='0'] .post-text,
.article-text:not(.expandable) .blog-post-content {
    max-height: none;
}

.row-post:not(.expandable) #expandPost, .row-post.selected #expandPost,.article-text:not(.expandable) #expandPost {
    display: none;
}

article-text.expandable #expandPost,
.row-post:not(.selected).expandable #expandPost{
    display: inline-block;
}
.row-post[id='0'] #expandPost {
    display: none !important;
}

.row-post .editor-area textarea {
    width: 595px;
    height: 120px;
    padding: 10px;
}

.editor-area .editor-button {
    background: #f8f8f8;
    border-bottom: 1px solid #d9d9d9;
    padding: 6px 13px 7px 13px;
}

    .editor-area .editor-button span {
        font-size: 15px;
        cursor: pointer;
        margin-right: 18px;
        float: left;
    }

    .editor-area .editor-button .bold-btn {
        font-family: 'Inter-SemiBold',Sans-Serif;
    }

    .editor-area .editor-button .italic-btn {
        font-style: italic;
    }

    .editor-area .editor-button .bullets-btn {
        background: url('../Images/bullets-btn-ico.png?v=2') 0px 4px no-repeat;
        padding-left: 24px;
        margin-left: 8px;
    }

    .editor-area .editor-button .numbers-btn {
        background: url('../Images/numbers-btn-ico.png?v=2') 0px 4px no-repeat;
        padding-left: 22px;
        margin-left: 7px;
    }

    .editor-area .editor-button .quote-btn {
        background: url('../Images/quote-btn-ico.png?v=2') 0px 5px no-repeat;
        padding-left: 21px;
        margin-left: 6px;
    }

    .editor-area .editor-button .video-btn {
        background: url('../Images/video-btn-ico.png?v=2') 0px 0px no-repeat;
        width: 15px;
        height: 10px;
        margin-top: 5px;
        margin-left: 12px;
    }

    .editor-area .editor-button .image-btn {
        background: url('../Images/image-btn-ico.png?v=2') 0px 0px no-repeat;
        width: 16px;
        height: 12px;
        margin-top: 5px;
    }

    .editor-area .editor-button .doc-btn {
        background: url('../Images/doc-btn-ico.png?v=2') 0px 0px no-repeat;
        width: 12px;
        height: 16px;
        margin-top: 3px;
    }

.editor-area .editor-drag-drop {
    border: 1px dashed #dbdbdb;
    padding: 15px 20px 16px 20px;
    margin: 0 9px;
    position: absolute;
    left: 9px;
    bottom: 9px;
    background: #fff;
    width: 550px;
    color: #a8a8a8;
    text-align: center;
}
/*--- /Editor ---*/

/*--- checkbox & radio ---*/
.check-list, .radio-list {
    padding: 2px 0 8px 0;
    position: relative
}

    .check-list input, .radio-list input {
        margin-right: 10px;
    }

    .check-list li, .radio-list li {
        list-style: none;
        padding: 0;
        line-height: 17px;
    }

    .check-list li:not(:last-child),
    .radio-list li:not(:last-child) {
        margin-bottom: 4px;
    }

    .js-notifications-list .tooltip{
        width: 320px;
        padding: 20px;
        top: -25px;
        left: 250px;
        line-height: 20px;
    }

    .js-notifications-list .tooltip:before {
        background-image: url('../Images/tooltip-tail-left.png?v=2');
        width: 20px;
        height: 31px;
        top: 20px;
        left: -4px;
    }

    .check-list label, .radio-list label {
        position: relative
    }

    .radio-list input[type="radio"] + label {
        display: inline;
        font-family: 'Inter',Sans-Serif;
        padding: 0px 0px 0px 20px;
        background: url('../Images/radio.png?v=2') 0px 0px no-repeat;
    }

label.radio {
    display: inline;
    font-family: 'Inter',Sans-Serif;
    padding: 0px 0px 0px 20px;
    background: url('../Images/radio.png?v=2') 0px 2px no-repeat;
}

    label.radio.checked {
        background: url('../Images/radio2.png?v=2') 0px 2px no-repeat;
    }

    label.radio input[type="radio"] {
        display: none;
    }

.page label.checkbox {
    display: inline;
    font-family: 'Inter',Sans-Serif;
    padding: 0px 0px 0px 20px;
    background: url('../Images/checkbox.png?v=2') 0px 2px no-repeat;
}

    .page label.checkbox.checked {
        background: url('../Images/checkbox2.png?v=2') 0px 2px no-repeat;
    }

    .page label.checkbox:focus {
        border: 1px dashed #fccd12;
    }


    .page label.checkbox input[type="checkbox"] {
        display: none;
    }

.check-list input[type="checkbox"] + label, .check-list .checklabel {
    display: inline-block;
    font-family: 'Inter',Sans-Serif;
    padding: 0px 0px 0px 20px;
    background: url('../Images/checkbox.png?v=2') left center no-repeat;
}

.check-list input[type="checkbox"]:disabled + label, .radio-list input[type="radio"]:disabled + label, .select_fake.disabled {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.radio-list input[type="radio"]:checked + label {
    background: url('../Images/radio2.png?v=2') 0px 0px no-repeat;
}

.check-list input[type="checkbox"]:checked + label, .check-list input[type="checkbox"]:checked ~ label.checklabel {
    background: url('../Images/checkbox2.png?v=2') left center no-repeat;
}

.radio-list input[type="radio"]:focus + label, .check-list input[type="checkbox"]:focus + label {
    /*border: 1px dashed #fccd12;*/
}

.radio-list input[type="radio"],
.check-list input[type="checkbox"] {
    position: absolute;
    opacity: .0;
    filter: alpha(opacity=0);
    z-index: 12;
}
/*--- /checkbox & radio ---*/

/*--- /password text visibility ---*/
.password-visibility {
    position: absolute;
    right: 10px;
    height: 15px;
    width: 20px;
    cursor: pointer;
    top: 4px;
    background: url('../Images/no-eye.png?v=2') no-repeat;
}

.password-visibility.hide {
    top: 5px;
    background: url('../Images/eye.png?v=2') no-repeat;


}
/*--- /password text visibility ---*/

/*--- select ---*/
select {
    -webkit-appearance: menulist-button;
}

.select_fake {
    background: #fff url('../Images/select.png?v=2') right 14px no-repeat;
    height: 33px;
    width: 455px;
    line-height: 17px;
    position: relative;
    border: 1px solid #c3c3c3;
    border-color: #c3c3c3 #cdcdcd #d6d6d6 #cdcdcd;
    box-shadow: inset #e4e4e4 0px 1px 2px;
    -moz-box-shadow: inset #e4e4e4 0px 1px 2px;
    -webkit-box-shadow: inset #e4e4e4 0px 1px 2px;
    -o-box-shadow: inset #e4e4e4 0px 1px 2px;
}

.select_fake--large {
    background: #fff url('../Images/select.png?v=2') right 18px no-repeat;
    height: 41px;
}

.select_fake--large span.select_fake_text {
    padding: 12px 0 0 7px;
}

span.select_fake_text {
    overflow: hidden;
    padding: 8px 0 0 7px;
    height: 25px;
    position: absolute;
}

select.provider_select {
    opacity: 0;
    filter: alpha(opacity=0);
    position: relative;
    height: 33px;
    line-height: 33px;
    padding: 0;
    width: 455px;
    cursor: pointer;
}
/*--- /select ---*/

input.date-pick {
    width: 150px !important;
    background-image: url('../Images/datepicker-ico.gif?v=2');
    background-position: right 8px center;
    background-repeat: no-repeat;
}

.quantity-answers {
    line-height: 24px;
    font-family: 'Inter-Bold', sans-serif;
    font-size: 18px;
}

.answer-wait .quantity-answers {
    -moz-opacity: 0.00;
    opacity: 0.00;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.answers {
    min-height: 90px;
}

.recent-tweets {
    padding-bottom: 13px;
}

    .recent-tweets li {
        background: url('../Images/twitter-ico.png?v=2') 0px 8px no-repeat;
        padding: 5px 75px 5px 24px;
        list-style: none;
        font-size: 14px;
        line-height: 17px;
        position: relative;
    }

        .recent-tweets li .post-time {
            color: #818181;
            font-size: 13px;
            position: absolute;
            top: 5px;
            right: 0px;
        }

.control-group.banner-preview {
    width: 692px;
}

    .control-group.banner-preview .project-section {
        margin: 0 -41px 7px -0px;
    }

.project-section {
    position: relative;
    margin-bottom: 8px;
    
    font-size: 14px;
    overflow: hidden;
    border-radius: 20px;
}

.dashboard .project-section {
    margin-top: 40px;
    margin-bottom: 0;
    
    border-radius: 20px;
}

    .dashboard .project-section  img {
       width: 100%
    }

    .project-section:after {
        display: block;
        content: '';
        clear: both;
    }

    .project-section .menu-dropdown__photo {
        width: 40px;
        height: 40px;
    }

    .project-section .menu-dropdown__arrow {
        height: 40px;
        margin-left: 10px;
    }

    .project-section .menu-dropdown__list {
        top: 48px;
        right: 16px;
    }

    .project-section img {
        display: block;
        margin: 0 auto
    }

    .project-section .text-description {
        color: #fff;
        position: absolute;
        left: 0px;
        bottom: 0px;
        padding: 11px 260px 11px 15px;
        background: rgba(0,0,0,0.7);
        z-index: 10;
        line-height: 17px;
    }

    .project-section .project-data {
        position: absolute;
        top: 50%;
        margin-top: -15px;
        /* transform: translateY(-50%); */
        color: #fff;
    }

        .project-section .project-data .project-data__title {
            margin-bottom: 15px;
            font-size: 50px;
            font-weight: normal;
        }

        .project-section .project-data .project-data__description {
            max-width: 500px;
            padding-bottom: 20px;
            line-height: 23px;
            font-size: 17px;
            font-weight: normal;
        }

        .project-section .project-data .project-data__participants,
        .project-section .project-data .project-data__participants a {
            color: #fff;
            font-size: 24px;
            text-transform: lowercase;
        }

        .project-section header {
            width: 960px;
            margin: 0 auto;
        }

.form-horizontal #banner-img {
    margin-bottom: 2px;
}

    .form-horizontal #banner-img img {
        height: 160px;
    }

    .form-horizontal #banner-img span {
        position: relative;
        margin-top: -159px;
        width: 713px;
    }

.form-horizontal #logo-img {
    width: 208px;
}

    .form-horizontal #logo-img span {
        height: 90px;
    }

.form-horizontal .logo-img {
    min-height: 140px;
    background-color: #808080;
}

.form-horizontal span.remove {
    width: 23px;
    height: 22px;
    font-size: 0;
    left: 180px;
    top: -28px;
    padding: 0;
    background: url('../Images/delete-ico.png?v=2') center center no-repeat;
}

.section-logo[src=""] {
    display: none;
}

.section-logo:not([src=""]) {
    position: absolute;
    right: 10px;
    bottom: 7px;
    z-index: 20;
    border: 6px solid #fff;
    box-shadow: 0 0 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
    -o-box-shadow: 0 0 3px rgba(0,0,0,0.3);
    max-height: 109px;
    max-width: 30%;
}

.actions-show {
    position: relative;
    line-height: 15px;
}

    .actions-show .tooltip {
        padding: 7px 10px 6px 15px;
        left: auto;
        top: 25px;
        right: -13px;
        font-size: 15px;
        min-width: 138px;
    }

        .actions-show .tooltip:before {
            left: auto;
            margin-left: 0px;
            right: 22px;
        }

        .actions-show .tooltip li {
            list-style: none;
            padding: 5px 0;
            white-space: nowrap;
        }

            .actions-show .tooltip li a {
                padding: 2px 0 3px 23px;
                background-image: url('../Images/actions-ico.png?v=3');
                background-repeat: no-repeat;
                white-space: nowrap;
                color: #000;
                display: block;
            }

    .actions-show .invite-act {
        background-position: 0px 3px;
    }

    .actions-show .message-act, .actions-show .remind-act {
        background-position: 0px -21px;
    }

    .actions-show .groups-act {
        background-position: 0px -44px;
    }

    .actions-show .checkmark-act {
        background-position: 0px -66px;
    }

    .actions-show .stop-act {
        background-position: 0px -89px;
    }

    .actions-show .delete-act {
        background-position: 0px -112px;
    }

    .actions-show .filter-act {
        background-position: 0px -133px;
    }

    .actions-show.show-tooltip .tooltip,
    .filters-show.show-tooltip .tooltip {
        display: block;
    }

    .actions-show .ellipsis {
        width: 19px;
        height: 11px;
        display: block;
        margin: 0 auto;
        cursor: pointer;
        background: url('../Images/actions-ellipsis.gif?v=2') 0px 3px no-repeat;
        text-indent: -99px;
        overflow: hidden;
    }

.actions-block {
    padding: 11px 20px;
    margin-bottom: 1px;
}

    .actions-block > input,
    .actions-block *:not(.filter-value) > input {
        background: #fafafa url('../Images/search-ico.png?v=2') 8px 7px no-repeat;
        border: 1px solid #c3c3c3;
        padding-left: 30px;
        height: 30px;
        float: right;
    }

    .overflow_ellipsis {
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow:hidden;
}

    .actions-block li {
        list-style: none;
        float: left;
        margin-top: 5px;
        margin-right: 5px;
    }

        .actions-block li a {
            color: #000;
            padding-left: 20px;
            min-height: 19px;
            float: left;
            background-image: url('../Images/actions-ico.png?v=3');
            background-repeat: no-repeat;
        }

.actions-block .disactive {
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: default;
}

.actions-block .invite-act {
    background-position: 0 -23px;
    padding-left: 19px;
    margin-right: 18px;
}

.actions-block .message-act {
    background-position: 0px -46px;
}

.actions-block .remind-act {
    background-position: 0px -1px;
}

.actions-block .groups-act {
    background-position: 0px -68px;
}

.actions-block .groups-delete {
    background-position: 0px -181px;
}

.actions-block .checkmark-act,
.actions-block .checkmark-act-moderator {
    background-position: 0px -91px;
}

.actions-block .stop-act,
.actions-block .stop-act-moderator {
    background-position: 0px -113px;
}

.actions-block .delete-act {
    background-position: 0px -136px;
}

.actions-block .filter-act {
    background-position: 0px -158px;
    padding-left: 19px;
    margin-left: 0;
}

/*--- table ---*/
.scheme {
    position: relative;
    clear: both;
}

    .users-list.moderator #download-div, .users-list.client #download-div {
        display: none;
    }
    

    .users-list table,
    .scheme {
        line-height: 15px;
        font-size: 14px;
        clear: both;
    }

    .users-list table {
        width: 100%;
    }
    
    .users-list table .select_fake,
    .scheme .select_fake {
        width: calc(100% - 60px);
    }

    users-list table select.provider_select,
    .scheme select.provider_select {
        width: 100%;
    }
        .users-list table th,
        .scheme th {
            border-bottom: 2px solid #d7d7d7;
            padding: 11px 5px;
            vertical-align: middle;
        }

        .scheme a{
            word-wrap: break-word;
            display: block;
            color: #1c1c1c;
            text-decoration: none;
            text-align: left;
            cursor: pointer;
        }

            .users-list table th.enable-sorting {
                cursor: pointer;
            }

        .users-list table td {
            border-bottom: 1px solid #ebebeb;
            padding: 5px 5px;
            vertical-align: middle;
        }

        .scheme td {
            border-bottom: 1px solid #ebebeb;
            padding: 13px 5px 12px 5px;
            vertical-align: middle;
        }

            .users-list table th:first-child,
            .users-list table td:first-child,
            .main:not(.moderate-mode) .users-list table th:first-child + th,
            .main:not(.moderate-mode) .users-list table td:first-child + td,
            .scheme th:first-child,
            .scheme td:first-child {
                padding-left: 0;
            }

            .users-list table th:last-child,
            .users-list table td:last-child,
            .scheme th:last-child,
            .scheme td:last-child {
                padding-right: 0;
            }

        .scheme th.a-center {
            width: 170px;
        }

.main:not(.moderate-mode) .users-list table th:first-child,
.main:not(.moderate-mode) .users-list table th:last-child,
.main:not(.moderate-mode) .users-list table td:first-child,
.main:not(.moderate-mode) .moderator-access-action,
.main:not(.moderate-mode) .users-list table td:last-child,
.main:not(.moderate-mode) .scheme#stats th:last-child,
.main:not(.moderate-mode) .scheme#stats td:last-child {
    display: none;
}

.users-list table .check-list,
.users-list table .check-list li,
.users-list table .radio-list,
.users-list table .radio-list li {
    padding: 0px;
}

.users-list .user-name,
.users .user-name {
    padding: 13px 0 12px 70px;
    position: relative;
    min-height: 35px;
}

    .users-list .user-name img,
    .users .user-name img {
        position: absolute;
        top: 0px;
        left: 0px;
        -webkit-border-radius: 31px;
        -moz-border-radius: 31px;
        border-radius: 31px;
    }

    .users-list .user-name a,
    .users-list .user-name .name,
    .users .user-name a,
    .scheme .group-title {
        font: 16px 'Inter-SemiBold';
    }

	.users-list .user-name {
		max-width: 150px;
		overflow: hidden;
		white-space: nowrap;
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: 0;
	}
	.users-list .member-identifier {
		max-width: 105px;
		overflow: hidden;
		white-space: nowrap;
		-ms-text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
	}
	.users-list .activity {
		max-width: 90px;
		overflow: hidden;
		-ms-text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
	}
	.users-list .user-name {
		-ms-text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
	}
    .users-list .user-name a {
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

th .users__arrow {
    box-sizing: border-box;
    display: inline-block;
    width: 16px;
    height: 16px;
    border-top: 8px solid #dbdbdb;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    margin-top: 12px;
    margin-right: 15px;
    cursor: pointer;
}

th.active .users__arrow.reverse {
        border-top: 8px solid transparent;
        border-bottom: 8px solid #000000;
        margin-top: 4px;
        margin-bottom: 8px;
    }

th.active .users__arrow {
    border-top: 8px solid #000000;
}


.user-posts-order_block {
    font: normal 15px 'Inter-Medium', sans-serif;

    color: #ACACAC;
}

.user-posts-order_block span:first-child {
    color: #000000;
    margin-right: 6px;
    letter-spacing: 0.2px;
}

.user-posts-order__slash{
    display: inline-block;
    margin: 0 5px;
}

    .user-posts-order_block .user-posts-order_item {
        color: #622CF4;
        cursor: pointer;
        white-space: nowrap;
    }
    
    .user-posts-order_block .user-posts-order_item.active {
        color: #ACACAC;
        cursor: pointer;
    }
    
    .user-posts-order_block .user-posts-order_item:before {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        
        margin-right: 3px;
        
        box-sizing: border-box;
        
        position: relative;
    
        top: 5px;

        background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjAnIGhlaWdodD0nMjAnIHZpZXdCb3g9JzAgMCAyMCAyMCcgZmlsbD0nbm9uZScgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNMTQuNjk5MiAxNlY0TTE0LjY5OTIgNEwxMC42OTkyIDcuNzVNMTQuNjk5MiA0TDE4LjY5OTIgNy43NScgc3Ryb2tlPScjNjIyQ0Y0JyBzdHJva2Utd2lkdGg9JzEuMycgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJy8+PHBhdGggZD0nTTUuNjk5MjIgNFYxNk01LjY5OTIyIDE2TDEuNjk5MjIgMTIuMjVNNS42OTkyMiAxNkw5LjY5OTIyIDEyLjI1JyBzdHJva2U9JyM2MjJDRjQnIHN0cm9rZS13aWR0aD0nMS4zJyBzdHJva2UtbGluZWNhcD0ncm91bmQnIHN0cm9rZS1saW5lam9pbj0ncm91bmQnLz48L3N2Zz4K");
        background-size: 20px;
        background-repeat: no-repeat;

        white-space: pre;
    }
    
    .user-posts-order_block .user-posts-order_item.active:before {
        display: inline-block;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjY5OTIgMTZWNE0xNC42OTkyIDRMMTAuNjk5MiA3Ljc1TTE0LjY5OTIgNEwxOC42OTkyIDcuNzUiIHN0cm9rZT0iIzYyMkNGNCIgc3Ryb2tlLXdpZHRoPSIxLjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNS42OTkyMiA0VjE2TTUuNjk5MjIgMTZMMS42OTkyMiAxMi4yNU01LjY5OTIyIDE2TDkuNjk5MjIgMTIuMjUiIHN0cm9rZT0iIzgxODE4MSIgc3Ryb2tlLW9wYWNpdHk9IjAuNyIgc3Ryb2tlLXdpZHRoPSIxLjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K');
    }
    .user-posts-order_block .user-posts-order_item.active.reverse:before {
        display: inline-block;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjY5OTIgMTZWNE0xNC42OTkyIDRMMTAuNjk5MiA3Ljc1TTE0LjY5OTIgNEwxOC42OTkyIDcuNzUiIHN0cm9rZT0iIzgxODE4MSIgc3Ryb2tlLW9wYWNpdHk9IjAuNyIgc3Ryb2tlLXdpZHRoPSIxLjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNS42OTkyMiA0VjE2TTUuNjk5MjIgMTZMMS42OTkyMiAxMi4yNU01LjY5OTIyIDE2TDkuNjk5MjIgMTIuMjUiIHN0cm9rZT0iIzYyMkNGNCIgc3Ryb2tlLXdpZHRoPSIxLjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K');
    }

/*--- /table ---*/
    /*--- greeting section ---*/
    .greeting {
        background: #fff4b9;
        position: relative;
        color: #795414;
        margin: -8px -20px 0px -21px;
        padding: 13px 13px 7px 123px;
        font-size: 14px;
        line-height: 17px;
    }

    .greeting .greeting-title {
        font: 16px 'Inter-SemiBold',Sans-Serif;
        padding-bottom: 10px;
    }

    .greeting ul {
        padding: 5px 0;
    }

    .greeting li {
        color: #d14f10;
        list-style: none;
        position: relative;
        padding: 2px 0 2px 21px;
    }

        .greeting li:before {
            content: '•';
            display: block;
            position: absolute;
            line-height: 17px;
            top: 1px;
            left: 9px;
            color: #99926f;
        }

    .greeting .photo-place {
        position: absolute;
        top: 15px;
        left: 15px;
        width: 90px;
        height: 90px;
        background: #e5dba6;
    }

        .greeting .photo-place img {
            float: left;
            width: 90px;
            height: 90px;
        }

    .greeting .button-orange {
        margin-right: 4px;
        padding: 6px 15px 8px 15px;
        font-size: 14px;
    }

    /*.greeting .button-orange span {
            padding: 6px 15px 8px 15px;
            font-size: 14px;
        }*/

    .greeting .close {
        background: url('../Images/greeting-close.gif?v=2') center center no-repeat;
        width: 12px;
        height: 12px;
        position: absolute;
        top: 10px;
        right: 10px;
        cursor: pointer;
    }
/*--- /greeting section ---*/


/*--- sub nav ---*/
.column-right > .sub-nav {
    float: right;
    margin: -50px -11px 15px 0;
}

.news .sub-nav {
    font-size: 14px;
    display: block;
    height: 15px;
    line-height: 20px;
}

.sub-nav li {
    list-style: none;
    float: left;
}

.sub-nav li a {
    padding: 3px 11px 2px 11px;
    float: left;
    
    color: #000;
    border-bottom: 1px solid #D7D7D7;

    font-family: 'Inter-Medium', sans-serif;
}

.sub-nav .current a,
.sub-nav li a:hover {
    text-decoration: none;
    
    color: #622CF4;
    border-bottom: 1px solid #622CF4;
}
/*--- /sub nav ---*/

.tag-btn,
.time-btn,
.if-btn,
.pin-btn {
    display: block;
    width: 18px;
    height: 18px;
    background-image: url('../Images/control-ico.png?v=2');
    background-repeat: no-repeat;
    cursor: pointer;
    float: right;
    position: relative;
}

.home-tip{display: inline;width: 18px;height: 18px;background-image: url('../Images/tip.gif?v=2');
    background-repeat: no-repeat;cursor: pointer;float: right;position: relative;left: -32px;
}

.link a {
    margin-left: 12px;
    margin-top: 1px;
}

.control-edit-topic{
    float: right !important;

    margin: 0 20px -8px 0;
}

.control-edit-topic:before{
    display: none;
}

.control-edit-topic__wrap:after{
    display: block;
    content: '';
    clear: both;
}

.control-edit-topic__wrap .button-orange {
    margin-left: 90px;
}

.home-tip .tooltip,
.pin-btn .tooltip,
.tag-btn .tooltip,
.time-btn .tooltip,
.if-btn .tooltip,
.rename-file .tooltip {
    white-space: nowrap;
    padding: 7px 10px 8px 10px;
    top: 38px;
    right: -20px;
    left: auto;
    color: #fff;
    background: rgba(0, 0, 0, 0.8);
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    font-weight: normal;
}

    .pin-btn .tooltip:before,
    .home-tip .tooltip:before,
    .tag-btn .tooltip:before,
    .time-btn .tooltip:before,
    .if-btn .tooltip:before,
    .rename-file .tooltip:before {
        left: auto;
        margin-left: 0px;
        right: 18px;
        width: 0px;
        height: 0px;
        border: 10px solid rgba(0, 0, 0, 0.8);
        border-color: transparent transparent rgba(0, 0, 0, 0.8) transparent;
        background: none;
    }

.pin-btn:hover .tooltip,
.home-tip:hover .tooltip,
.tag-btn:hover .tooltip,
.time-btn:hover .tooltip,
.if-btn:hover .tooltip,
.rename-file:hover .tooltip {
    display: block !important;
}

.tag-btn {
    background-position: 0px 0px;
}

.time-btn {
    background-position: -19px 0px;
}

.if-btn {
    background-position: -37px 0px;
}

.pin-btn {
    background-position: -55px 0px;
    cursor: default;
}

.tag-btn.disable {
    background-position: 0px -20px;
    cursor: default;
}

.time-btn.disable {
    background-position: -19px -20px;
    cursor: default;
}

.if-btn.disable {
    background-position: -37px -20px;
    cursor: default;
}

.pin-btn.disable {
    background-position: -55px -20px;
}

.switch-section {
    margin-bottom: -6px;
    padding-top: 4px;
}

    .switch-section .row {
        padding-bottom: 14px;
    }

    .switch-section .switch-btn {
        float: left;
        margin-right: 13px;
        border: 1px solid #c2c2c2;
        /*width:68px;*/ height: 24px;
        font-size: 14px;
        background: #ffffff;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+?v=2);
        background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
        background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
        background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
        background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
        background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
    }

        .switch-section .switch-btn span {
            float: left;
            width: 35px;
            height: 26px;
            text-align: center;
            line-height: 27px;
            cursor: pointer;
        }

        .switch-section .switch-btn .switch-off {
            margin: -1px 0 -1px -1px;
        }

        .switch-section .switch-btn .switch-on {
            margin: -1px -1px -1px 0;
        }

        .switch-section .switch-btn .switch-off.pressed {
            background-color: #c6c6c6;
            color: #fff;
            box-shadow: inset #727272 0 1px 4px;
            -moz-box-shadow: inset #727272 0 1px 4px;
            -webkit-box-shadow: inset #727272 0 1px 4px;
            -o-box-shadow: inset #727272 0 1px 4px;
        }

        .switch-section .switch-btn .switch-on.pressed {
            background-color: #cb4b0c;
            color: #fff;
            box-shadow: inset #852f04 0 1px 4px;
            -moz-box-shadow: inset #852f04 0 1px 4px;
            -webkit-box-shadow: inset #852f04 0 1px 4px;
            -o-box-shadow: inset #852f04 0 1px 4px;
        }
        
.clearfix:after,
.personal-data:after,
.page-sub-title:after,
.row-post:after,
.row-list:after,
.row-comment:after,
.editor-area .editor-button:after,
.tooltip:after,
.document-list:after,
.image-set:after,
.project-list:after,
.data-block:after,
.create-task .radio-list ul:after,
.create-task .check-list ul:after,
.control-block:after,
.actions-block:after,
.popup-content:after,
.popup .manage-to-groups ul:after,
.switch-section .row:after,
.users:after,
.promo-block:after,
.pay-blocks:after,
.started-block .sign-up:after,
.files-list:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix,
.personal-data,
.page-sub-title,
.row-post,
.row-list,
.row-comment,
.editor-area .editor-button,
.tooltip,
.task-list-info,
.document-list,
.image-set,
.project-list,
.data-block,
.create-task .radio-list ul,
.create-task .check-list ul,
.control-block,
.actions-block,
.popup-content,
.popup .manage-to-groups ul,
.switch-section .row,
.users,
.promo-block,
.pay-blocks,
.started-block .sign-up,
.files-list {
    display: inline-block;
    display: block;
}

* + html .clearfix {
    -ms-zoom: 1;
    zoom: 1;
}

* + html .personal-data {
    -ms-zoom: 1;
    zoom: 1;
}

* + html .page-sub-title {
    -ms-zoom: 1;
    zoom: 1;
}

* + html .row-post {
    -ms-zoom: 1;
    zoom: 1;
}

* + html .row-comment {
    -ms-zoom: 1;
    zoom: 1;
}

* + html .editor-area .editor-button {
    -ms-zoom: 1;
    zoom: 1;
}

* + html .tooltip {
    -ms-zoom: 1;
    zoom: 1;
}

* + html .row-list {
    -ms-zoom: 1;
    zoom: 1;
}

* + html .task-list-info {
    -ms-zoom: 1;
    zoom: 1;
}

* + html .document-list {
    -ms-zoom: 1;
    zoom: 1;
}

* + html .image-set {
    -ms-zoom: 1;
    zoom: 1;
}

* + html .project-list {
    -ms-zoom: 1;
    zoom: 1;
}

* + html .data-block {
    -ms-zoom: 1;
    zoom: 1;
}

* + html .create-task .radio-list ul {
    -ms-zoom: 1;
    zoom: 1;
}

* + html .create-task .check-list ul {
    -ms-zoom: 1;
    zoom: 1;
}

* + html .control-block {
    -ms-zoom: 1;
    zoom: 1;
}

* + html .actions-block {
    -ms-zoom: 1;
    zoom: 1;
}

* + html .popup-content {
    -ms-zoom: 1;
    zoom: 1;
}

* + html .popup .manage-to-groups ul {
    -ms-zoom: 1;
    zoom: 1;
}

* + html .switch-section .row {
    -ms-zoom: 1;
    zoom: 1;
}

* + html .users {
    -ms-zoom: 1;
    zoom: 1;
}

* + html .promo-block {
    -ms-zoom: 1;
    zoom: 1;
}

* + html .pay-blocks {
    -ms-zoom: 1;
    zoom: 1;
}

* + html .started-block .sign-up {
    -ms-zoom: 1;
    zoom: 1;
}

* + html .files-list {
    -ms-zoom: 1;
    zoom: 1;
}



.tooltip {
    display: none;
}

.column-middle {
    padding: 2px 0 26px;
    min-height: 402px;
    box-sizing: border-box;
}

.admin-panel {
    background-color: #fbf69f;
    padding: 8px;
    text-align: center;
    position: relative;
}

    .admin-panel a {
        padding: 0 1em;
    }

    .admin-panel .close {
        position: absolute;
        top: 4px;
        right: 8px;
        border: 0;
        padding: 0;
        margin: 0;
        background-color: transparent;
    }

.tooltip-field, .field-validation-error {
    position: relative;
    top: -1px;
    left: 0px;
    max-width: 450px;
    min-width: 240px;
    display: inline-block;
    padding: 10px 10px 8px 10px;
    margin-bottom: 6px;
    font-size: 12px;
    line-height: 15px;
    color: #00685E;
    background: #C2F5F6;
    border-radius: 12px;
}

    .tooltip-field:before, .field-validation-error:before {
        width: 11px;
        height: 8px;
        content: '';
        display: block;
        position: absolute;
        top: -8px;
        left: 23px;
        background: #C2F5F6;
        clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
        z-index: 99;
    }

.a-center {
    text-align: center;
}

.grey-text {
    color: #7f7f7f;
}

.f-right {
    float: right !important;
}

/*---  Future for only retina screen ---*/

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) {

    .icons span {
        background-image: url('../Images/retina/promo-ico2x.png?v=2');
        background-size: 285px 36px;
        -moz-background-size: 285px 36px;
        -o-background-size: 285px 36px;
        -webkit-background-size: 285px 36px;
    }

    header .breadcrumbs li {
        background: url('../Images/retina/header-nav-arrow2x.png?v=2') right 5px no-repeat;
        background-size: 8px 12px;
        -moz-background-size: 8px 12px;
        -o-background-size: 8px 12px;
        -webkit-background-size: 8px 12px;
    }

    header .message {
        background: url('../Images/retina/message-ico2x.png?v=2') center center no-repeat;
        background-size: 16px 15px;
        -moz-background-size: 16px 15px;
        -o-background-size: 16px 15px;
        -webkit-background-size: 16px 15px;
    }

    .personal-data .personal-photo span {
        background: rgba(0,0,0,0.5) url('../Images/retina/camera-ico2x.png?v=2') center 18px no-repeat;
        background-size: 32px 24px;
        -moz-background-size: 32px 24px;
        -o-background-size: 32px 24px;
        -webkit-background-size: 32px 24px;
    }

    .edit, .delete, .reply {
        background-size: 22px 22px;
        -moz-background-size: 22px 22px;
        -o-background-size: 22px 22px;
        -webkit-background-size: 22px 22px;
    }

    .discuss-post {
        background: url('../Images/retina/comment-ico.gif?v=2') 0px 5px no-repeat;
        background-size: 24px 21px;
        -moz-background-size: 24px 21px;
        -o-background-size: 24px 21px;
        -webkit-background-size: 24px 21px;
    }

    .tooltip:before {
        background: url('../Images/retina/tooltip-tail2x.png?v=2') center bottom no-repeat;
        background-size: 31px 20px;
        -moz-background-size: 31px 20px;
        -o-background-size: 31px 20px;
        -webkit-background-size: 31px 20px;
    }

    .editor-area .editor-button .bullets-btn {
        background: url('../Images/retina/bullets-btn-ico2x.png?v=2') 0px 4px no-repeat;
        background-size: 16px 14px;
        -moz-background-size: 16px 14px;
        -o-background-size: 16px 14px;
        -webkit-background-size: 16px 14px;
    }

    .editor-area .editor-button .numbers-btn {
        background: url('../Images/retina/numbers-btn-ico2x.png?v=2') 0px 4px no-repeat;
        background-size: 16px 14px;
        -moz-background-size: 16px 14px;
        -o-background-size: 16px 14px;
        -webkit-background-size: 16px 14px;
    }

    .editor-area .editor-button .quote-btn {
        background: url('../Images/retina/quote-btn-ico2x.png?v=2') 0px 5px no-repeat;
        background-size: 14px 11px;
        -moz-background-size: 14px 11px;
        -o-background-size: 14px 11px;
        -webkit-background-size: 14px 11px;
    }

    .editor-area .editor-button .video-btn {
        background: url('../Images/retina/video-btn-ico2x.png?v=2') 0px 0px no-repeat;
        background-size: 16px 10px;
        -moz-background-size: 16px 10px;
        -o-background-size: 16px 10px;
        -webkit-background-size: 16px 10px;
    }

    .editor-area .editor-button .image-btn {
        background: url('../Images/retina/image-btn-ico2x.png?v=2') 0px 0px no-repeat;
        background-size: 16px 12px;
        -moz-background-size: 16px 12px;
        -o-background-size: 16px 12px;
        -webkit-background-size: 16px 12px;
    }

    .editor-area .editor-button .doc-btn {
        background: url('../Images/retina/doc-btn-ico2x.png?v=2') 0px 0px no-repeat;
        background-size: 12px 16px;
        -moz-background-size: 12px 16px;
        -o-background-size: 12px 16px;
        -webkit-background-size: 12px 16px;
    }

    .document-list li a {
        background: url('../Images/retina/doc-list-ico2x.png?v=2') 0px 0px no-repeat;
        background-size: 12px 16px;
        -moz-background-size: 12px 16px;
        -o-background-size: 12px 16px;
        -webkit-background-size: 12px 16px;
    }

    .actions .favorite {
        background: url('../Images/retina/favorite0-ico2x.png?v=2') center center no-repeat;
        background-size: 25px 25px;
        -moz-background-size: 25px 25px;
        -o-background-size: 25px 25px;
        -webkit-background-size: 25px 25px;
    }

        .actions .favorite.in-favorite {
            background-image: url('../Images/retina/favorite-ico2x.png?v=2');
        }

    body .actions .done {
        background: url('../Images/retina/done-ico2x.png?v=2') center center no-repeat;
        background-size: 20px;
        -moz-background-size: 20px;
        -o-background-size: 20px;
        -webkit-background-size: 20px;
    }

        body .actions .done.active {
            background-image: url('../Images/retina/done-ico_active2x.png?v=2');
            background-size: 20px;
            -moz-background-size: 20px;
            -o-background-size: 20px;
            -webkit-background-size: 20px;
        }

    .recent-tweets li {
        background: url('../Images/retina/twitter-ico2x.png?v=2') 0px 8px no-repeat;
        background-size: 16px 13px;
        -moz-background-size: 16px 13px;
        -o-background-size: 16px 13px;
        -webkit-background-size: 16px 13px;
    }

    .greeting .close {
        background: url('../Images/retina/greeting-close.gif?v=2') center center no-repeat;
        background-size: 12px 12px;
        -moz-background-size: 12px 12px;
        -o-background-size: 12px 12px;
        -webkit-background-size: 12px 12px;
    }

    .task-settings .setting-ico {
        background: url('../Images/retina/settings-ico2x.png?v=2') 0px 0px no-repeat;
        background-size: 29px 16px;
        -moz-background-size: 29px 16px;
        -o-background-size: 29px 16px;
        -webkit-background-size: 29px 16px;
    }

    .task-settings .dropdown .choose {
        background: url('../Images/retina/choose-setting2x.png?v=2') 12px 7px no-repeat;
        background-size: 18px 14px;
        -moz-background-size: 18px 14px;
        -o-background-size: 18px 14px;
        -webkit-background-size: 18px 14px;
    }

    .row-post.selected .document-list li .remove {
        background-image: url('../Images/retina/delete-doc2x.gif?v=2');
        background-size: 11px 11px;
        -moz-background-size: 11px 11px;
        -o-background-size: 11px 11px;
        -webkit-background-size: 11px 11px;
    }

    .remove-img {
        background-image: url('../Images/retina/remove-img2x.png?v=2');
        background-size: 21px 21px;
        -moz-background-size: 21px 21px;
        -o-background-size: 21px 21px;
        -webkit-background-size: 21px 21px;
    }

    footer .language .en {
        background-image: url('../Images/retina/en2x.png?v=2');
    }

    footer .language .de {
        background-image: url('../Images/retina/de2x.png?v=2');
    }

    footer .language .cs {
        background-image: url('../Images/retina/cs2x.png?v=2');
    }

    footer .language .ru {
        background-image: url('../Images/retina/ru2x.png?v=2');
    }

    footer .language .zh {
        background-image: url('../Images/retina/zh2x.png?v=2');
    }

    footer .language a {
        background-size: 24px 24px;
        -moz-background-size: 24px 24px;
        -o-background-size: 24px 24px;
        -webkit-background-size: 24px 24px;
    }

    .tooltip.tooltip-comment:before {
        background-image: url('../Images/retina/tooltip-tail-right2x.png?v=2');
        background-size: 11px 23px;
        -moz-background-size: 11px 23px;
        -o-background-size: 11px 23px;
        -webkit-background-size: 11px 23px;
    }

    input.date-pick {
        background-image: url('../Images/retina/datepicker-ico2x.gif?v=2');
        background-size: 15px 16px;
        -moz-background-size: 15px 16px;
        -o-background-size: 15px 16px;
        -webkit-background-size: 15px 16px;
    }

    .select_fake .delete {
        background-image: url('../Images/retina/delete-small-ico2x.png?v=2');
        background-size: 11px 11px;
        -moz-background-size: 11px 11px;
        -o-background-size: 11px 11px;
        -webkit-background-size: 11px 11px;
    }

    .tag-btn, .time-btn, .if-btn, .pin-btn {
        background-image: url('../Images/retina/control-ico2x.png?v=2');
        background-size: 72px 38px;
        -moz-background-size: 72px 38px;
        -o-background-size: 72px 38px;
        -webkit-background-size: 72px 38px;
    }

    .breadcrumbs-page li {
        background-image: url('../Images/retina/arrow2x.gif?v=2');
        background-size: 16px 8px;
        -moz-background-size: 16px 8px;
        -o-background-size: 16px 8px;
        -webkit-background-size: 16px 8px;
    }

    .info-tooltip {
        background-image: url('../Images/retina/info-tooltip2x.png?v=2');
        background-size: 16px 16px;
        -moz-background-size: 16px 16px;
        -o-background-size: 16px 16px;
        -webkit-background-size: 16px 16px;
    }

    .question-blocks .close {
        background-image: url('../Images/retina/close2x.gif?v=2');
        background-size: 17px 17px;
        -moz-background-size: 17px 17px;
        -o-background-size: 17px 17px;
        -webkit-background-size: 17px 17px;
    }

    .project-settings .drag-drop {
        background-image: url('../Images/retina/drag2x.gif?v=2');
        background-size: 13px 13px;
        -moz-background-size: 13px 13px;
        -o-background-size: 13px 13px;
        -webkit-background-size: 13px 13px;
    }

    .question-item .add-del .add-question,
    .question-item .add-del .del-question {
        background-image: url('../Images/retina/add_del2x.png?v=2');
        background-size: 38px 17px;
        -moz-background-size: 38px 17px;
        -o-background-size: 38px 17px;
        -webkit-background-size: 38px 17px;
    }

    .column-left .back {
        background-image: url('../Images/retina/arr_back2x.gif?v=2');
        background-size: 16px 8px;
        -moz-background-size: 16px 8px;
        -o-background-size: 16px 8px;
        -webkit-background-size: 16px 8px;
    }
}

/*Ретина изображения для мобильной версии*/

@media
only screen and (-webkit-min-device-pixel-ratio: 1.5)    and (max-width: 570px),
only screen and (   min--moz-device-pixel-ratio: 1.5)    and (max-width: 570px),
only screen and (     -o-min-device-pixel-ratio: 3/2)    and (max-width: 570px),
only screen and (        min-device-pixel-ratio: 1.5)    and (max-width: 570px),
only screen and (                min-resolution: 192dpi) and (max-width: 570px),
only screen and (                min-resolution: 2dppx)  and (max-width: 570px) {
    .adaptive .publish-block.publish-block--open:after,
    .adaptive .page-title__controls:before,
    .adaptive .username:before,
    .adaptive .mobile-group a:first-child:after,
    .adaptive .mobile-group.tooltip.tooltip-comment:before{
        margin-top: 2px;
    }

    body.adaptive header .message{
        background-image: url('../Images/retina/message-ico-mobile2x.png?v=2');
        background-size: 30px 30px;
        -moz-background-size: 30px 30px;
        -o-background-size: 30px 30px;
        -webkit-background-size: 30px 30px;
    }

    body.adaptive .main menu li a:before{
        background-size: 24px 24px;
        -moz-background-size: 24px 24px;
        -o-background-size: 24px 24px;
        -webkit-background-size: 24px 24px;
    }
    body.adaptive .main menu li.tasks a:before{
        background-image: url('../Images/retina/tasks-ico-mobile2x.png?v=2');
    }

    body.adaptive .main menu li.surveys a:before{
        background-image: url('../Images/retina/surveys-ico-mobile2x.png?v=2');
    }

    body.adaptive .main menu li.blog a:before{
        background-image: url('../Images/retina/blog-ico-mobile2x.png?v=2');
    }

    body.adaptive .main menu li.blog a:before{
        background-image: url('../Images/retina/blog-ico-mobile2x.png?v=2');
    }

    body.adaptive .main menu li.news a:before{
        background-image: url('../Images/retina/news-ico-mobile2x.png?v=2');
    }

    body.adaptive .main menu li.about a:before{
        background-image: url('../Images/retina/about-ico-mobile2x.png?v=2');
    }

    body.adaptive .main menu li.users a:before{
        background-image: url('../Images/retina/users-ico-mobile2x.png?v=2');
    }

    body.adaptive .main menu li.stats a:before{
        background-image: url('../Images/retina/stats-ico-mobile2x.png?v=2');
    }

    body.adaptive .main menu li.report a:before{
        background-image: url('../Images/retina/report-ico-mobile2x.png?v=2');
    }

    body.adaptive .popup .close {
        background-image: url('../Images/retina/delete-doc--mobile2x.png?v=2');
        background-size: 11px 11px;
        -moz-background-size: 11px 11px;
        -o-background-size: 11px 11px;
        -webkit-background-size: 11px 11px;
    }

    body.adaptive .task-list .private-task{
        background-image: url('../Images/retina/private-task-ico--mobile2x.png?v=2') !important;
        background-size: 12px 16px;
        -moz-background-size: 12px 16px;
        -o-background-size: 12px 16px;
        -webkit-background-size: 12px 16px;
    }
    body.adaptive .mobile-group-controller{
        background-image: url('../Images/retina/sub-menu--mobile2x.png?v=2') !important;
    }
    body.adaptive .answers .comment-btn--mobile .comment-btn-icon{
        background-image: url('../Images/retina/comments-ico--mobile2x.png?v=2') !important;
        background-size: 20px 20px;
        -moz-background-size: 20px 20px;
        -o-background-size: 20px 20px;
        -webkit-background-size: 20px 20px;
    }
    body.adaptive .answers .like-btn-icon {
        background-image: url('../Images/retina/like--mobile-spritev22x.png?v=2') !important;
        background-size: 40px 20px;
        -moz-background-size: 40px 20px;
        -o-background-size: 40px 20px;
        -webkit-background-size: 40px 20px;
    }
    body.adaptive .mobile-group-controller {
        background-image: url('../Images/dots-horizontal.png?v=2') !important;
    }
    body.adaptive .actions .favorite {
        background-image: url('../Images/retina/favorite-ico--mobile2x.png?v=2') !important;
        background-size: 22px 22px;
        -moz-background-size: 22px 22px;
        -o-background-size: 22px 22px;
        -webkit-background-size: 22px 22px;
    }

    body .personal-data dd span.edit,
    body.adaptive.about-progect .page-title span.edit{
        top: 12px;
    }
    .personal-data dl dd .help-text .save-button,
    .personal-data .page-title .help-text .save-button {
        background-image: url('../Images/retina/ok-btn2x.png?v=2') !important;
        background-size: 32px 32px;
        -moz-background-size: 32px 32px;
        -o-background-size: 32px 32px;
        -webkit-background-size: 32px 32px;
    }
    body.adaptive .menu-dropdown__arrow,
    body.adaptive .menu-dropdown__arrow {
        background-image: url('../Images/retina/select2x--white.png?v=2');
        background-size: 20px;
        -moz-background-size: 20px;
        -o-background-size: 20px;
        -webkit-background-size: 20px;    
    }
    .columnChat .backToList {
        background-image: url('../Images/retina/arrow-back-ico-mobile-blue2x.png?v=2') !important;
    }
}


.statistics .page-sub-title {
    color: #622CF4;
    padding: 15px 0 10px 0;
}

.statistics .task-settings {
    position: relative;
    float: right;
    top: auto;
    right: auto;
}

.overlay {
    background: transparent repeat top left;
    position: fixed; /* фиксим и далее растягиваем на весь экран*/
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 22; /* поднимем его выше основной разметки*/
}

.go-up {
    display: block;
    position: fixed;
    bottom: 16px;
    left: 50%;
    width: 40px;
    height: 40px;
    line-height: 60px;
    border-radius: 12px;
    background-image: url(../Images/goup.png?v=2);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #28CACE;
    z-index: 100;
    margin-left: -533px;
}

html div.tagsinput input {
    width: 250px !important;
}


.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: inherit !important;
    }

    .hidden-print {
        display: none !important;
    }
}

.gray-little-hint {
    font-size: 14px;
    color: #7f7f7f;
}

.lazyloader-duplicate, .lazyloader-check-duplicate {
    display: none;
}

#terms-content h2 {
    text-align: center;
    padding: 30px;
}

#terms-content a {
    display: block;
    margin-left: 100px;
    padding-bottom: 20px;
}



.attach-clip {
    position: relative;
    font-size: 15px;
    flex: 1 0 auto;
}

    .attach-clip .ico-attach {
        background: url('../Images/ico-attach.png?v=2') 10px 9px no-repeat;
        display: block;
        cursor: pointer;
        position: relative;
        z-index: 20;
    }

        .attach-clip .ico-attach.active {
            background-color: #ebebeb;
            box-shadow: inset 0px 0px 4px rgba(0,0,0, 0.15);
            -moz-box-shadow: inset 0px 0px 4px rgba(0,0,0, 0.15);
            -webkit-box-shadow: inset 0px 0px 4px rgba(0,0,0, 0.15);
            -o-box-shadow: inset 0px 0px 4px rgba(0,0,0, 0.15);
        }

    .attach-clip ul {
        position: absolute;
        z-index: 10;
        display: none;
        margin: 0 !important;
        top: 30px;
        right: 0;
        list-style: none;
        padding: 10px 0 1px 0;
        width: 136px;
        background: #fff;
        border: 1px solid #d9d9d9;
        box-shadow: 0px 0px 15px rgba(0,0,0, 0.2);
        -moz-box-shadow: 0px 0px 15px rgba(0,0,0, 0.2);
        -webkit-box-shadow: 0px 0px 15px rgba(0,0,0, 0.2);
        -o-box-shadow: 0px 0px 15px rgba(0,0,0, 0.2);
    }

        .attach-clip ul a {
            color: #000;
            background-image: url('../Images/ico-attach.png?v=2');
            background-repeat: no-repeat;
            display: block;
            padding: 0 5px 1px 36px;
            margin-bottom: 9px;
            line-height: 17px;
        }

    .attach-clip .video-btn {
        background-position: 10px -21px;
    }

    .attach-clip .image-btn {
        background-position: 10px -38px;
    }

    .attach-clip .doc-btn {
        background-position: 10px -57px;
    }

    .attach-clip .clip-img {
        background-position: 10px -75px;
    }
/*--- participants ---*/
.participants {
    padding: 40px 10px 15px 21px;
}

.participants.user-avatar{
    padding: 0px 0px 0px 0px;
    cursor: pointer;
}

   .title-bar .participants.user-avatar {
        display: flex;
        width: 100%;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        position: relative;
        margin-bottom: 5px;
        left: -73px;
    }

.title-bar .author {
    margin-top: 13px;
}

.title-bar .member-badge {
	margin-left: 8px;
	margin-top: 7px;
	padding: 2px 9px 2px 9px;
	line-height: 17px;
	font-size: 13px;
	white-space: nowrap;
	text-align: right;
	background: #622CF4;
	color: #fff;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;

}

    .participants .all {
        float: right;
        font-size: 13px;
        margin-right: 10px;
    }

         .participants li .gcircle {
            display: block;
            height: 30px;
            width: 30px;
            background: #e6e6e6;
            -webkit-border-radius: 15px;
            -moz-border-radius: 15px;
            border-radius: 15px;
            position: relative;
        }
         
        .participants.user-avatar .gcircle {
            padding-right: 15px;
            position: relative;
        }

.main menu .participants .bord,
.participants.user-avatar .bord{
    position: relative;
    height: 30px;
    width: 30px;
    right: auto;
    top: auto;
    padding: 0px;
    line-height: auto;
    background: none;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-right: 0px;
    display: block;
    overflow: hidden;
}
    .participants.user-avatar .bord {
    height: 40px;
    width: 40px;
     -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    z-index: 20;
    }

    .survey .participants.user-avatar .bord {
        height: 40px;
        width: 40px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
	    z-index: 20;
    }

    .title-bar .participants.user-avatar .bord {
        height: 58px;
        width: 58px;
        -webkit-border-radius: 29px;
        -moz-border-radius: 29px;
        border-radius: 29px;
        z-index: 20;
    }

.main menu .participants .online .bord,
 .participants.user-avatar .online .bord{
    height: 26px;
    width: 26px;
    border: 2px solid #51b803;
    z-index: 20;
}

.main menu .participants li .online img,
.participants.user-avatar li .online img{
    margin: -2px;
}

.participants .gcircle .tooltip {
    top: -29px;
    right: 32px;
    width: 420px;
    padding: 0px;
    color: #000;
}
.participants.user-avatar .gcircle .tooltip {
    top: -8px;
    left: 78px;
}

.participants .tooltip .author {
    margin-top: 0;
}

.participants.user-avatar .tooltip:before {
    top: 20px;
    left: -4px;
    right: 0;
    transform: none;
}

.participants .tooltip .row-post {
    padding-left: 20px;
}

.participants .tooltip .user-last-activity-title {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 21px;
    
    margin-top: 18px;

    font-family: 'Inter-Bold', sans-serif;
    font-size: 15px;
    text-transform: none;
    font-weight: 400;
}

.main menu .participants .tooltip a,
.participants.user-avatar .tooltip a {
    color: #622CF4;
    padding: 0px;
    margin: 0px;
    display: inline;
    font-size: 13px;
}

.main menu .participants .tooltip .gender-age::before,
.participants.user-avatar .tooltip .gender-age::before {
    content: '';

    display: block;

    position: absolute;

    top: 2px;
    left: -21px;

    width: 12px;
    height: 12px;

    background-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='6' cy='4' r='3' fill='%23A0A0A0'/%3E%3Cpath d='M11 12.5C11 11.8434 10.8707 11.1932 10.6194 10.5866C10.3681 9.97995 9.99983 9.42876 9.53553 8.96447C9.07124 8.50017 8.52004 8.13188 7.91342 7.8806C7.30679 7.62933 6.65661 7.5 6 7.5C5.34339 7.5 4.69321 7.62933 4.08658 7.8806C3.47995 8.13188 2.92876 8.50017 2.46447 8.96447C2.00017 9.42876 1.63188 9.97995 1.3806 10.5866C1.12933 11.1932 1 11.8434 1 12.5L6 12.5H11Z' fill='%23A0A0A0'/%3E%3C/svg%3E");
}

.main menu .participants .tooltip .gender-age,
.participants.user-avatar .tooltip .gender-age{
    position: relative;

    padding-bottom: 0;
    
    font-size: 13px;
    text-align: left;
    background: none;
}

.participants .tooltip .member-mail {
    position: relative;

    font-size: 13px;
    color: #000;
}

.participants .tooltip .member-mail::before {
    content: '';

    display: block;

    position: absolute;

    top: 4px;
    left: -21px;

    width: 12px;
    height: 10px;

    background-image: url("data:image/svg+xml,%3Csvg width='12' height='11' viewBox='0 0 12 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5021 0.5H0.495796C0.219654 0.5 0 0.723858 0 1V2.35136C0 2.51978 0.0847913 2.67688 0.22558 2.76932L5.72558 6.38043C5.89218 6.48981 6.10782 6.48981 6.27442 6.38043L11.7744 2.76932C11.9152 2.67688 12 2.51978 12 2.35136V1C12 0.723858 11.7783 0.5 11.5021 0.5Z' fill='%23A0A0A0'/%3E%3Cpath d='M0 10V4.60824C0 4.21048 0.441924 3.97197 0.774421 4.19028L5.72558 7.44104C5.89218 7.55042 6.10782 7.55042 6.27442 7.44104L11.2256 4.19028C11.5581 3.97197 12 4.21048 12 4.60824V10C12 10.2761 11.7761 10.5 11.5 10.5H0.5C0.223858 10.5 0 10.2761 0 10Z' fill='%23A0A0A0'/%3E%3C/svg%3E");
}

.main menu .participants .tooltip span,
.participants.user-avatar .tooltip span{
    position: static;
    right: auto;
    top: auto;
    padding: 0px;
    line-height: 17px;
    font-size: 13px;
    text-align: left;
    background: none;
    color: #818181;
    margin-right: 0px;
    display: block;
    white-space: wrap;
}

.participants .tooltip .post-time {
    float: right;
}

.participants .tooltip .overview{ 
    width: 98%;
}

.participants .tooltip .post-text {
    display: inline;
}

.participants .tooltip .row-post {
    padding: 13px 20px;
    margin: 0;

    line-height: 17px;
    border-bottom: 1px solid #DBDBDB;
}

.participants .tooltip .user-photo {
    position: absolute;
    top: 15px;
    left: 15px;
}

    .participants .tooltip .user-photo,
    .participants .tooltip .user-photo span {
        width: 58px;
        height: 58px;
    }

        .participants .tooltip .user-photo img {
            margin: 0px !important;
        }

.participants .tooltip .tooltip-title {
    padding: 19px 10px 21px 40px;
}

.participants .tooltip .tooltip-title > * {
    padding: 0;
}

.participants .tooltip .tooltip-title > *:not(:last-child) {
    margin-bottom: 8px;
}

.main menu .participants .tooltip .group span,
.participants.user-avatar .tooltip .group span
 {
    position: relative;
}

.group span:first-child:before{content: '';
  position: absolute;
  display: block;
  top: 2px;
  left: -21px;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.87637 2.61685L0.208122 3.2851L0.507105 6.79167L6.21544 12.5L12.096 6.61942L6.38768 0.91109L2.88111 0.612107L2.21286 1.28035L1.99092 1.5023L0.941175 0.5L0.0419922 1.38841L1.04392 2.45028L0.87637 2.61685ZM3.14154 4.6793C3.76786 4.6793 4.2756 4.17157 4.2756 3.54525C4.2756 2.91893 3.76786 2.41119 3.14154 2.41119C2.51522 2.41119 2.00749 2.91893 2.00749 3.54525C2.00749 4.17157 2.51522 4.6793 3.14154 4.6793Z' fill='%23A0A0A0'/%3E%3C/svg%3E");
  z-index: 99;
}

.group span {
    display: inline !important;
    color: #000 !important;
}

.participants .tooltip:before {
    background-image: url('../Images/tooltip-tail-left.png?v=2');
    width: 20px;
    height: 31px;
    top: 20px;
    left: unset;
    right: -20px;
    transform: scaleX(-1);
}

.row-post .tooltip.moderator-comments:before {
    background-image: url('../Images/tooltip-tail-left.png?v=2');
    width: 20px;
    height: 31px;
    top: 20px;
    left: -4px;
}
.row-post .tooltip.moderator-comments:before {top: 10px;}
/*--- /participants ---*/

/*--- ivite ---*/
.hidden {
    display: none;
    visibility: hidden;
}

.cancel-import {
    float: right;
}

.back {
    background: url('../Images/back.png?v=2') 16px 0px no-repeat;
    padding: 51px 0 8px 10px;
    left: 46px;
    font-size: 15px;
    color: #7f7f7f;
    position: relative;
    display: block;
}
.backToList {
    display: none;
    left: 46px;
    position: relative;
    float: left;
    cursor: pointer;
    margin-left: -70px;
        padding-left: 20px;
}
.backToListImg {
      width: 35px;
      /*margin-top: 5px;*/
}
.invite {
    padding: 20px 150px;
    position: relative;
}

    .invite textarea {
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        text-indent: 0 !important;
        padding-left: 13px !important; /*text-indent only affect first line*/
    }

    .invite textarea, .invite input[type="text"] {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        background: #fbfbfb;
        text-indent: 13px;
    }

    .invite textarea {
        height: 110px;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .invite input[type="text"] {
        padding-top: 4px;
        padding-bottom: 4px;
        margin-bottom: 15px;
    }

        .invite textarea:focus,
        .invite input[type="text"]:focus {
            background: #fff;
        }

    .invite p {
        color: #737373;
        line-height: 17px;
        font-size: 14px;
    }

    .invite .emails-import {
        padding-bottom: 23px;
    }

        .invite .emails-import a {
            float: right;
        }

    .invite .customize-invitation {
        padding: 11px 0 18px 0;
        font-size: 15px;
    }

        .invite .customize-invitation a {
            text-decoration: underline;
        }

            .invite .customize-invitation a:hover {
                text-decoration: none;
            }

        .invite .customize-invitation:hover {
            cursor: pointer;
        }

    .invite .page-sub-title {
        padding: 2px 0 18px 0;
    }

.public-sharing-container {
    background: #f4f5f7;
    margin: 36px -45px;
    padding: 25px 45px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.public-sharing .switch-btn {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
}

.public-sharing .switch-btn {
    margin-bottom: 13px;
}

.public-sharing label {
    display: inline-block;
    padding-top: 8px;
    vertical-align: top;
}

.invite .public-sharing p {
    color: #000;
    font-size: 15px;
    padding: 6px 0;
}

.public-sharing dl {
    line-height: 18px;
    padding: 13px 0 19px 0;
}

.public-sharing dt {
    display: inline-block;
    width: 35%;
}

    .public-sharing dt b {
        display: inline-block;
        padding-bottom: 5px;
    }

.public-sharing dd {
    display: inline-block;
    width: 50%;
}

.example {
    background: #fff;
    padding: 7px 10px 7px 17px;
    margin: 5px 0;
    line-height: 19px;
}

.public-sharing a {
    text-decoration: underline;
}

    .public-sharing a:hover {
        text-decoration: none;
    }

.photo-block ul .comment-ico .tooltip .tooltip-title ,
.photo-block ul .comment-ico .tooltip .user-photo{ display: none;}
.photo-block ul .comment-ico .tooltip.i-s-q-c,
.photo-block ul .comment-ico .tooltip .viewport{ border: none;}
.photo-block ul .comment-ico .tooltip { width: 300px;padding-top: 10px;}
.photo-block ul .comment-ico .tooltip .row-comment,
.photo-block ul .comment-ico .tooltip .add-comment{padding-left: 0px;}
.photo-block ul .comment-ico .tooltip .post-time{color: #818181;}

/*--- /ivite ---*/

/*--- instaqual ---*/
.instaqual {position:relative;}
.instaqual .button-orange.upload {float:right; margin:7px 70px 0px 0; position:relative; z-index:88;}

.photo-conteiner {border-top:1px solid #ebebeb; margin:0px -20px 0 -20px; padding:20px 0 0 10px;}
.photo-block {position:relative; float:left; width:47%; margin:0 0 20px 1.5%; max-width:337px;}
.photo-block:nth-child(odd) {clear:left;}
.photo-block:nth-child(even) {clear:right;}
.photo-block img {display:block; width:100%; height:auto;}
.photo-block ul {position:absolute; top:0px; right:0px; left:0px; height:36px; width:100%;}
.photo-block ul li {float:right; width:36px; height:36px; margin-left:1px; list-style:none; position:relative;}
.photo-block ul .ico {display:block; width:36px; height:36px; background:rgba(0,0,0,0.7) url('../Images/ico.png?v=2') 0px 10px no-repeat; cursor:pointer;}
.photo-block ul .favorite-ico .ico {background-position:11px 10px;}
.photo-block ul .comment-ico .ico {background-position:-18px 10px;}
.photo-block ul .tag-ico .ico {background-position:-46px 10px;}
.photo-block ul .delete-ico .ico {background-position:-74px 10px;}

.photo-block .camption .thumbnail,
.photo-block .camption .user-photo {
	position:absolute;
	bottom:-10px; left:15px;
	-webkit-border-radius: 31px;
	-moz-border-radius: 31px;
	border-radius: 31px;
	overflow:hidden;
	border:2px solid #fff;

}

.photo-block .camption {
	position:absolute;
	bottom:0px; left:0px; right:0px;
	padding:40px 15px 10px 90px;
	color:#fff;
	line-height:16px;
	background: -moz-linear-gradient(top,  transparent 0%, rgba(0,0,0,0.8) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,transparent), color-stop(100%,rgba(0,0,0,0.8)));
	background: -webkit-linear-gradient(top,  transparent 0%,rgba(0,0,0,0.8) 100%);
	background: -o-linear-gradient(top,  transparent 0%,rgba(0,0,0,0.8) 100%);
	background: -ms-linear-gradient(top,  transparent 0%,rgba(0,0,0,0.8) 100%);
	background: linear-gradient(to bottom,  transparent 0%,rgba(0,0,0,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='#232323',GradientType=0 );

}
.photo-block .camption a {color:#fff;}
.photo-block .camption .thumbnail {
	position:absolute;
	bottom:-10px; left:15px;
	-webkit-border-radius: 31px;
	-moz-border-radius: 31px;
	border-radius: 31px;
	overflow:hidden;
	border:2px solid #fff;

}
.photo-block .camption .thumbnail img {float:right;}
.photo-block .camption .title {font-family: 'Inter-SemiBold';}
.photo-block .camption .time {opacity:0.7;}
.photo-block .camption .count {position:absolute; right:15px; bottom:17px;}
.photo-block .camption .count span,
.photo-block .camption .count a {float:right; position:relative; margin-left:12px;}
.photo-block .camption .count a:hover {text-decoration:none;}
.photo-block .camption .comments {padding-left:20px;}
.photo-block .camption .likes {padding-left:20px;}
.photo-block .camption .comments:before,
.photo-block .camption .likes:before {
	content:'';
	display:block;
	position:absolute;
	top:0px; left:0px;
	width:16px; height:14px;
	background:url('../Images/icons.png?v=2') center top no-repeat;
}
.photo-block .camption .likes:before  {background-position:center -16px;}

.photo-block .tooltip {width:334px; left:-170px; top:48px; padding:20px;}

/*--- /instaqual ---*/


@media print {
    .visible-print {
        display: inherit !important;
    }

    .hidden-print {
        display: none !important;
    }
}

.activity-item {
    padding: 19px 18px 21px 74px;
    min-height: 50px;
    position: relative;
}

    .activity-item .user-photo {
        border: 1px solid #bebebe;
        width: 58px;
        height: 58px;
        position: absolute;
        top: 10px;
        left: 2px;
    }

    .activity-item span {
        color: #666;
    }

    .activity-item div > a {
        font-size: 19px;
    }

#member-activity .viewport {
    height: 350px;
    border-top: 1px solid #DBDBDB;
    width: 100%;
    border-bottom: 1px solid #DBDBDB;
    margin-left: -28px;
    margin-right: -22px;
    padding-left: 22px;
    padding-right: 28px;
}

.post-editor #Subject {
    width: 100%;
}

.landing-header {
	background:url('../Images/landing_header.png?v=2') center top no-repeat;
	height:257px;
	color:#fff;
	padding:0 50px;
}
.landing .main {padding:19px 50px 54px 50px; line-height:24px;}
.landing .log-in {
	float:right;
	position:relative;
	margin:-106px 0 50px 90px;
	background:#fff;
	width:260px;
	padding:16px 45px 27px 45px;
	box-shadow: 0px 3px 10px rgba(119,119,119,0.18);
    -moz-box-shadow: 0px 3px 10px rgba(119,119,119,0.18);
    -webkit-box-shadow: 0px 3px 10px rgba(119,119,119,0.18);
    -o-box-shadow: 0px 3px 10px rgba(119,119,119,0.18);
}
.landing .sub-title {font-family: 'Inter-Bold';}
.landing .log-in .sub-title {padding-bottom:26px; font-family: 'Inter';}
.landing .log-in input {height:33px; margin-bottom:16px; width:100%;}

.landing .log-in button {
    margin-top: 5px;
    margin-bottom: 10px;
}

.landing footer nav li {float:right; padding-right:27px;}
.page.landing {
width: 900px;
}

.post-text img {
    max-width:600px;
}

.contact-txt {
    font-size: large;
    font-weight: bold;
}

.popup.contact {
    width:550px;
}

#contact-us-popup table{
    width:100%;
}

.contact-office {
    font-size: small;
}

.price-table th{vertical-align: bottom;}
.price-table{margin-bottom: 50px;margin-top: 20px; cursor: default;}
.price-table th,
.price-table td{ width : 215px }
.price-table th div,
.price-table td div{padding: 15px 10px 5px 20px;border: 1px solid #f2f2f2;text-align: center;min-height: 35px;}
.price-table th:first-child,
.price-table td:first-child{ width: 155px; }
.price-table td:first-child div{text-align: left;}
.price-table th div.active,
.price-table td div.active{padding: 15px 10px 5px;}
.price-table th div{ background-color: #f5f5f5;font-weight: bold;font-size: 17px;}
.price-table td div{ min-height: 35px;}
.price-table th div.active{ color: white; background-color: #DF5411; border: 1px solid #DF5411; padding-top: 25px;}
.price-table .price{ color: #DF5411; font-size: 35px;font-weight: bold;border: none;padding: 0; display:block;}
.price-table td div.active{width: 210px;}
.price-table th:nth-child(2n-1) div,
.price-table td:nth-child(2n-1) div{
    -webkit-box-shadow: -2px 0px 2px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: -2px 0px 2px 0px rgba(0,0,0,0.1);
    box-shadow: -2px 0px 2px 0px rgba(0,0,0,0.1);
}
.price-table tbody tr:last-child td:nth-child(2n-1) div{
    -webkit-box-shadow: -2px 2px 2px 0px rgba(0,0,0,0.1);
-moz-box-shadow: -2px 2px 2px 0px rgba(0,0,0,0.1);
box-shadow: -2px 2px 2px 0px rgba(0,0,0,0.1);
}
.price-table tbody tr:last-child div{
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
}

.price-table td:last-child div,
.price-table th:last-child div {
    -webkit-box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.1);
    box-shadow: 2px 0px 2px 0px rgba(0,0,0,0.1);
}

    .price-table tr:last-child td:last-child div {
        -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1);
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1);
    }


/*--- fancybox ---*/
.fancybox-inner .pop_description {float:right; width:333px; padding-top:15px; padding-right:30px;}
.fancybox-inner .row-post {padding:0px; border:none;}
.fancybox-inner .row-post .user-photo {position:static; float:left; margin-right:20px;}
.fancybox-inner .row-post .post-text {clear:both; font-size:16px; line-height:20px; padding-bottom:15px;}
.fancybox-inner .row-post .post-time {padding-left:0px;}
.fancybox-inner .row-post .author {padding-top:12px;}
.fancybox-inner .row-comment .user-photo,
.fancybox-inner .add-comment .user-photo {position:absolute; left:0px;}
.fancybox-inner .row-comment .post-text  {width:auto; font-size:14px; padding-bottom:0px;}
.fancybox-inner .row-comment .author {padding-top:3px; display:inline-block;}
.fancybox-inner .add-comment {background:#f5f5f5; position:absolute; bottom:0px; left:545px; right:0px; padding:24px 32px 26px 68px;}
.fancybox-inner .add-comment .user-photo {left:27px; top:21px;}
.fancybox-inner .main-img {float:left;}

.fancybox-inner .button-orange {position:absolute; bottom:30px; right:30px; margin-bottom:0px;}

.fancybox-inner .explanation {border:2px dashed #e5e5e5; font-size:16px; line-height:20px; padding:9px 15px; margin-top:18px;}

.drag-drop {width:507px; padding:19px; float:left; background:#f9f9f9;}
.drag-drop_border {
	border:2px dashed #e0e0e0;
	height:353px;
	padding-top:150px;
	color:#959595;
	text-align:center;
	font-size:24px;
	line-height:47px;
	cursor:move;
}
.drag-drop_border span {
	display:inline-block;
	color:#fff;
	background:#c7c7c7;
	height:33px;
	width:33px;
	text-align:center;
	font-size:20px;
	line-height:33px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}

.fancybox-inner .likes {
	position:absolute;
	top:20px; left:20px;
	font-size:28px;
	color:#fff;
	background:url('../Images/fancy-likes.png?v=2') 0px 0px no-repeat;
	padding-left:40px;
	display:inline-block;
	height:24px;
	padding-top:3px;
}
.admin-actions {
	display:none;
	/*position: absolute;*/
	position:fixed;
	left: 0;
	z-index: 8050;
	position:absolute;
	left:0; bottom:30px; right:18px;
}
.admin-actions ul {
	display:block;
	margin:0 auto;
	width:935px;
}
.admin-actions ul li {
	float: right;
	margin: 0;
	padding: 0 36px 0 0;
	list-style:none;
	color:#fff;
	position:relative;
}
.admin-actions a {color:#fff;}

.admin-actions .fancy-tag {background:url('../Images/fancy-tag.png?v=2') left center no-repeat; padding-left:22px !important; float:left !important; padding-right:16px;}
.admin-actions .fancy-edit {float:left;}
.admin-actions .fancy-edit a {color:#858585 !important;}
.admin-actions .fancy-delete {padding-right:0px !important; margin-left:100px;}
.admin-actions .fancy-delete a {background:url('../Images/fancy-delete.png?v=2') left center no-repeat; padding-left:20px;}

.admin-actions .tooltip {width:375px; top:auto; bottom:40px; color:#000; right:0px; left:auto;}
.admin-actions .tooltip a {color:#406eb9;}
.admin-actions .tooltip:before {
	background:url('../Images/tooltip-tail-bottom.png?v=2') center top no-repeat;
	bottom:-20px;
	top:auto;
	left:auto;
	right:50px;
	margin-left:0px;
}
.admin-actions .fancy-edit .tooltip {width:305px; padding:15px;}
.admin-actions .tooltip .comment {padding:10px 10px 10px 50px; position:relative;}
.admin-actions .tooltip .comment .user-photo {position:absolute; left:10px; top:4px;}
.admin-actions .tooltip textarea {width:100%;}
.admin-actions .tooltip .view-all {margin-left:50px;}

@media screen and (max-height: 600px) {
	.admin-actions {bottom:0px;}
	.admin-actions ul {background:rgba(0,0,0,0.5); height:30px; padding-top:10px;}
}
/*--- /fancybox ---*/

/*.post-editor {
    min-height:1000px;
}*/

.whois-textarea {
    width: 800px;
}

#whois-search-form {
    min-height : 700px;
}

/*.instaqual-block > ul{ z-index: 10;}*/
.pop_description .viewport{ height: 400px;}
.pop_description textarea{ resize: none;}

.drag-drop > input[value] ~ img{width: 545px;height: 545px; margin: -19px 0 -26px -19px;}
.drag-drop > input[value] ~ img ~ *,
.drag-drop > input:not([value]) ~ img{ display: none;}

.widthInitial {
    width: initial !important;
}

.marginLeft70 {
    margin-left: 70px;
}

.a-center a {
    cursor: pointer;
}

.two-columns {
    columns: 2;
}

ul.check-list.two-columns li {
    width: 49%;
}

ul.check-list.user-group {
    max-height:300px;
    overflow-y:scroll;
}
.user-group__submit-button{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.move-left .controls {
    margin-left: 135px;
}

.move-left .image-control {
    padding-left: 45px;
    max-width: 100%;
    box-sizing: border-box;

}

.move-left .image-control .banner-img {
    margin-left: 180px;
}

.move-left .change-logo .controls {
    margin-left: 174px;
}

.move-left .change-logo {
    padding-left: 50px;
    box-sizing: border-box;
}

.move-left .submit-block .controls {
    margin-left: 237px;
}
.backroom {
    font-size: smaller;
        color: grey;
}
@media screen and (max-width: 960px) {
    #CropImage .cropper-wrap {
        width: calc(50vw - 60px);
        height: calc(50vh - 60px);
    }
}
@media screen and (min-width: 960px) {
    #CropImage .cropper-wrap {
        width: 420px;
        height: 420px;
    }
}
@media screen and (max-width: 570px) {
    #CropImage .cropper-wrap {
        width: 100%;
        height: 70%;
        min-width: 290px;
        min-height: 260px;
    }
}
#cropprePreview{
    max-width: 100%;
}

.cropper-container {
    position: relative;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    direction: ltr !important;
    touch-action: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    margin: 25px 0;
}

.cropper-container img {
            /*Avoid margin top issue (Occur only when margin-top <= -height)*/
        display: block;

        /*https://developer.mozilla.org/en-US/docs/Web/CSS/image-orientation*/
        image-orientation: 0deg !important;

        min-width: 0 !important;
        min-height: 0 !important;
        max-width: none !important;
        max-height: none !important;
        width: 100%;
        height: 100%;
}
.tizer__title,
#tizer__show-options {
    display: inline-block !important;
    vertical-align: middle;
}
.tizer__title{
    padding: 35px 0 !important;
}
#tizer__show-options{
    margin-left: 20px;
}

.image-set__video-load-error {
    display: none;
}

.mejs-overlay-button.mejs-overlay-button--error{
    text-align: center;
    font-family: Inter, sans-serif;
    letter-spacing: 1px;
    font-size: 19px;
    width: 100%;
    margin: 0;
    left: 0;
    color: #fff;
    background: none;
    padding-top: 40px;
    pointer-events: none;
    height: auto;
    text-shadow: 1px 1px 1px #000, -1px -1px 1px #000;

    -moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.mejs-container--error .mejs-controls {
    display: none !important;
    pointer-events: none;
}

iframe[name="google_conversion_frame"] {
    display: none !important;
}

.with-arrow {
    position: relative;
}

.with-arrow--before::before,
.with-arrow--after::after {
    content: '';

    position: absolute;

    display: block;

    width: 12px;
    height: 10px;

    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2214%22%20viewBox%3D%220%200%2017%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.9998%207H0.999756M0.999756%207L6.99976%2013M0.999756%207L6.99976%201%22%20stroke%3D%22%23622CF4%22%20stroke-width%3D%221.56%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}

.with-arrow--before.with-arrow--jellyfish::before,
.with-arrow--after.with-arrow--jellyfish::after{
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2210%22%20viewBox%3D%220%200%2012%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11%205H1M1%205L5%209M1%205L5%201%22%20stroke%3D%22%2328CACE%22%20stroke-width%3D%221.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
}

.with-arrow--before::before {
    left: -16px;
    top: 50%;
    bottom: 50%;
    transform: translateY(-50%);
}

.with-arrow--after::after {
    right: -18px;
    top: 50%;
    bottom: 50%;
    transform: scaleX(-1) translateY(-50%);
}

.dashboard-view-project {
    display: block;

    margin-right: 22px;
    margin-left: auto;

    white-space: nowrap;
    font-size: 18px;
    font-family: 'Inter-Medium', sans-serif;
}

.dashboard-view-project.with-arrow--after::after {
    right: -22px;
    
    width: 16px;
    height: 16px;
}

.project-data-wrapper {
    display: flex;

    align-items: stretch;
    gap: 8px;

    margin-bottom: 48px;
}

.project-data {
    width: 100%;
    
    padding: 24px;

    background: #fff;
    border-radius: 20px;
}

.project-data__info {
    display: flex;

    justify-content: space-between;
    align-items: flex-start;
    gap: 32px;

    height: 100%;
}

.project-data__info-left {
    display: flex;
    
    flex-direction: column;
    gap: 12px;
    
    padding: 28px 0;
}

.project-data__info-left--full {
    padding: 0;
}

.project-data__title {
    font-weight: 400;
    font-size: 44px;
    line-height: 40px;
    color: #081230;
    font-family: 'Roboto-Flex', sans-serif;
    letter-spacing: 1px;
    word-break: break-word;
}

.project-data__description {
    padding: 0;
    
    color: #535353;
    font-size: 18px;
}

.project-data__participants {
    display: flex;
        
    box-sizing: border-box;
    
    flex-shrink: 0;
    
    width: 193px;

    padding: 24px 28px 24px 24px;

    background: #fff;
    border-radius: 20px;
}

.project-data__participants--wide {
    width: fit-content;
}

.project-data__participants-wrapper {
    margin: auto 0;
}

.project-data__participants-count {
    display: block;

    font-family: 'Inter-Bold', sans-serif;
    font-size: 18px;
    text-transform: lowercase;
}

.project-data__participants-avatars {
    display: flex;

    flex-wrap: wrap;

    margin-top: 12px;
}

.project-data__participants-avatar {
    width: 32px;
    height: 32px;

    border-radius: 100%;
}

.project-data__participants-avatar:not(:nth-child(5n + 1)),
.project-data__participants--wide .project-data__participants-avatar:nth-child(6) {
    margin-left: -5px;
}

.project-data__participants-avatar--link {
    background: url('../Images/participants-arrow.png?v=2');
    background-size: contain;
}

.dashboard-column {
    float: left;
    position: relative;
    width: 49%;
    margin-right: 2%;
    }
    @media (max-width: 768px) {
        .dashboard-column {
            width: 100%;
            height: auto !important;
            }
        }

    .dashboard-column:nth-child(2n+2) {
        margin-right: 0;
        }

.dashboard-container {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
}
    .dashboard-container .with-arrow--before::before,
    .dashboard-container .with-arrow--after::after {
        width: 16px;
        height: 16px;
        
        right: -26px;

        background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 8.5H2M2 8.5L7.14286 3M2 8.5L7.14286 14' stroke='white' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    }

    .dashboard-container .dashboard-container__head--tasks {
        background-color: #28CACE;
    }

    .dashboard-container.ui-sortable-helper {
        box-shadow: 0 1px 50px 0 rgba(0, 0, 0, .25);
    }

    .dashboard-container.dashboard-container--no-sortable .dashboard-container__head {
        cursor: default;
    }

.dashboard-container__head {
    min-height: 18px;
    max-width: 100%;
    padding: 18px 20px;
    color: #000;
    border-bottom: 1px solid #ECECEC;
    font: 15px "Inter-Bold";
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-container__body {
    background: #fff;
}

.dashboard-container__body .bord {
    display: flex;
}

    .dashboard-container__head.ui-sortable-handle {
        cursor: all-scroll;
        cursor: -webkit-grab;
    }

.dashboard-container__item {
    padding: 20px;
    font-size: 17px;
}

.dashboard__discussions {
    padding-bottom: 4px;
}

.dashboard__discuss {
    padding: 16px 20px;
}

.dashboard__discuss:not(:first-child) {
    border-top: 1px solid #EDEDED;
}

.dashboard-container--tasks .dashboard-container__item {
    border-bottom: 1px solid #ECECEC;
}

.dashboard-container__item--empty {
    padding: 32px;
}

.dashboard-container__block img {
    border-radius: 20px;
}

.dashboard-container__prizes-title {
    font-size: 17px;
}

    .dashboard-container__item:last-child {
        border: none !important;
    }

    .dashboard-container__item-info {
        float: left;
        margin-top: 6px;
        font-family: 'Inter-Medium', sans-serif;
    }

    .dashboard-container__item--empty .dashboard-container__item-info {
        margin-top: 0;
        
        float: none;
        text-align: center;
    }

    .dashboard-container__task-info {
        display: flex;
        
        justify-content: space-between;
        align-items: center;

        width: 100%;
    }
    
    .dashboard-container__item-number {
        position: relative;
        padding: 2px 10px;
        margin-right: 4px;
        font-size: 17px;
    }

    .dashboard-container__item-number:after {
        content: '';
        display: block;
        position: absolute;
        top: -1px;
        left: -1px;
        width: 100%;
        height: 100%;
        border: 1px solid #000;
        border-radius: 100px;
    }

    .dashboard-container--tasks .dashboard-container__item-number:after {
        border-color: #000;
    }

.dashboard__discuss:after {
    content: "";
    display: block;
    clear: both;
}

.dashboard__discuss-avatar {
    float: left;
    width: 10%;
    margin-right: 6px;
}

    .dashboard__discuss-avatar img {
        border-radius: 50%;
        height: 40px;
        width: 40px;
    }

.dashboard__discuss-post  {
    float: left;
    width: 88%;
}

.dashboard__discuss-flex-row {
    display: flex;

    align-items: flex-start;
    justify-content: space-between;
}

.dashboard__discuss-post-title {
    display: block;
    max-width: 100%;
    margin-bottom: 3px;
    margin-right: 20px;

    font-size: 15px;
    font-family: 'Inter-Medium', sans-serif;
    line-height: normal;
    color: #000;
}

.dashboard__discuss-post-count {
    flex-shrink: 0;
    float: left;
    
    display: inline-block;
    width: 54px;
    
    position: relative;
    padding-left: 20px;
    font-size: 12px;
    color: #535353;
}

    .dashboard__discuss-post-count:after {
        content: '';
        position: absolute;
        top: 4px;
        left: 0;
        width: 15px;
        height: 14px;
        background: url('/Images//dashboard-comment.png?v=2') no-repeat;
        background-size: contain;
    }

.dashboard__discuss-post-message {
    float: left;
    padding-right: 10px;  
    max-width: 215px;
    font-size: 12px;
    line-height: 18px;
    color: #535353;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dashboard__discuss-post-time {
    float: left;
    
    width: 74px;
    
    font-size: 12px;
    line-height: 18px;
    color: #A5A5A5;
    white-space: nowrap;
}

.dashboard-container__item-button {
    float: right;
    background: #622CF4;
    border-radius: 12px;
    padding: 8px 44px 8px 20px;
    font-size: 16px;
    color: #fff;
    text-decoration: none !important;
}

.dashboard__survay-items {
    margin-top: 10px;
}

    .dashboard__survay-items .dashboard-container__item-button {
        float: none;
        display: inline-block;
        margin-top: 7px;
        margin-bottom: 15px;
        padding: 10px 20px;
        background-color: #622CF4;
        border: 0;
        border-radius: 12px;
        color: #fff;
        font-size: 16px;
    }

.dashboard__survay-item {
    display: block;
    position: relative;
    font-size: 24px;
    line-height: 28px;
    cursor: pointer;
}

.dashboard__survay-item:not(:last-child) {
    margin-bottom: 8px;
}

.dashboard__survay-title {
    word-wrap: break-word;
    font-size: 17px;
}

.dashboard__survay-item-name {
    margin-left: 30px;
    font-size: 15px;
    line-height: 18px;
}

.dashboard__survay-item-radio {
    display: inline-block;
    position: absolute;
    top: 7px;
    left: 0;
    height: 18px;
    width: 18px;
    border: 1px solid #D8D8D8;
    border-radius: 50%;
    overflow: hidden;
}

    .dashboard__survay-item-radio:after {
        content: '';
        display: none;
        height: 10px;
        width: 10px;
        background-color: #622CF4;
        border-radius: 50px;
        margin: 0px 4px 8px;
    }

.dashboard__survay-item-checkbox {
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 0;
    height: 18px;
    width: 18px;
    border: 1px solid #D8D8D8;
    border-radius: 3px;
    overflow: hidden;
}

    .dashboard__survay-item-checkbox:after {
        content: '';
        display: none;
        height: 12px;
        width: 12px;
        background-color: #622CF4;
        border-radius: 2px;
        margin: 0px 3px 7px;
    }

.dashboard__survay-item input {
    visibility: hidden;
    position: absolute;
}

    .dashboard__survay-item input:checked + .dashboard__survay-item-radio:after,
    .dashboard__survay-item input:checked + .dashboard__survay-item-checkbox:after  {
        display: inline-block;
    }

.dashboard-container__block {
    margin-bottom: 20px;
    line-height: 0;
}

.dashboard-container__block.dashboard-container__block--marker-board {
    margin-bottom: 0;
}

    .dashboard-container__block  img {
        width: 100%;
    }

    .dashboard-container__prizes-title a {
        min-height: 28px;
        font-size: 17px;
        line-height: 28px;
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 80px;
        color: #000 !important;
        text-decoration: none;
    }

.progress-bar {
    display: block;
    width: 100%;
    height: 4px;
    background-color: #D8D8D8;
    transition: width 1s linear;
}

.progress-bar:after {
    animation: progress_bar 0.8s linear infinite;
}

.progress-bar__value {
    display: block;
    height: 100%;
    width: 0;
    max-width: 100%;
    background-color: #622CF4;
    transition: width 1s ease 1s;
}

.progress-bar__name {
    font-size: 15px;
}

.progress-bar__value-text {
    float: right;
    font-size: 15px;
}

.task-survey textarea{
    width: 100%;
}

.dashboard-settings label {
    display: block;
}

.dashboard-settings #banner-img-upload {
    position: relative;
    width: 100%;
    max-width: 470px;
    height: 173px;
}

#marker-board-image-upload-preview {
    position: relative;

    display: flex;

    width: 100%;
}

.marker-board-form__upload-image .field-validation-error {
    top: 16px;
}

    .dashboard-settings .banner-preview .controls {
        width: 430px;
        overflow: hidden;
        height: 173px;
        background: #a5a5a5;
    }

.dashboard-settings #banner-img-upload img,
#marker-board-image-upload-preview img {
        height: 100%;
        background-color: #808080;
        width: 100%;
        box-sizing: border-box;
    }

.dashboard-settings #banner-img-upload span,
#marker-board-image-upload-preview span {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0;
    bottom: 0;
    color: #fff;
    font-size: 14px;
    background: rgba(0,0,0,0.5) url(../Images/camera-ico.png?v=2) center 45px no-repeat;
    padding: 75px 10px 0 10px;
    display: none;
    text-align: center;
    cursor: pointer;
    display: none;
}

.dashboard-settings #banner-img-upload:hover span,
#marker-board-image-upload-preview:hover span {
    display: block;
}

.showonboard-content {
    display: none;

    margin-top: 16px;
}

    .showonboard-content .dashboard-container {
        width: 100%;
        max-width: 470px;

        box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.12);
    }

    .showonboard-content .dashboard-container .preview-image {
        width: 100%;
        height: 173px;
        background: #eee;
    }

.showonboard-content.checked:not(.show-onboard-content-hidden) {
    display: block;
}

.controls .preview-image {
    max-width: 100%;
}

.well .control-group.two-in-line-control:nth-child(odd) {
    padding-left: 90px;
}

.well .form-horizontal #banner-img span {
    width: 675px;
}

.loader {
    display: none;
    position: absolute;
    border: 8px solid #f3f3f3;
    border-top: 7px solid #df5411;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.loader .loader--active {
    display: block;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.drop_content--closed {
    display: none;
}

.reports__wrapper.top .drop_content {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
}

.reports__wrapper.top .reports__header {
    display: flex;
    flex-direction: column;
    align-items: left;
    justify-content: flex-start;
    padding: 25px 20px 10px 0;
    border-bottom: 2px solid #d7d7d7;
    margin-right: 0;
}

.reports__wrapper.top .reports__item:last-child {
    border-bottom: 0;
}

.report__preset{
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.report__preset:hover{
    display: block;
    color: black;
    text-decoration: underline;
}

.dropswitch {
    padding: 34px 20px 10px 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
    border-bottom: 1px solid #d7d7d7;
}

.reports__header {
    margin-right: 15px;
    font-weight: 400;
    font-family: 'Inter-Bold', sans-serif;
    line-height: 1;
}

.reports__arrow {
    box-sizing: border-box;
    display: inline-block;
    width: 16px;
    height: 16px;
    border-top: 8px solid #dbdbdb;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    margin-top: 8px;
    margin-right: 15px;
}

.reports__arrow.reverse {
    border-top: 8px solid transparent;
    border-bottom: 8px solid #dbdbdb;
    margin-top: 0;
    margin-bottom: 8px;
}

.reports__counter,
.files__counter {
    display: inline-block;
    color: #8a8a8a;
    margin-right: 15px;
    font-size: 18px;
    line-height: 1;
}

.drop_content {
    padding: 0;
    border-bottom: 1px solid #d7d7d7;
}

.reports__item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 15px 0;
    border-bottom: 1px solid #d7d7d7;
}

.reports__item.notes {
    margin-top: 10px;
    border-bottom: 0;
}

.reports__item__text {
    margin-left: 10px;
}

.round-checkbox {
	width: 14px;
	height: 14px;
	position: relative;
}

.round-checkbox .fake-checkbox {
    box-sizing: border-box;
	position: absolute;
	width: 14px;
	height: 14px;
    top: 0;
    left: 0;
    border: 1px solid #000;
    background: #fff;
	border-radius: 100%;
}

.round-checkbox .fake-checkbox:after {
    box-sizing: border-box;
	content: '';
	position: absolute;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	top: 4px;
	left: 4px;
	background: #000;
    border: 1px solid rgba(169, 169, 169, 0.1);
    display: none;
}

.round-checkbox .fake-checkbox:hover {
    background: #fff;
    border: 1px solid #0078d7;
}

.round-checkbox .fake-checkbox.confirmed:hover::after {
    display: block;
	background: #0078d7;
    border: 1px solid rgba(0, 0, 69, 0.1);
}

.round-checkbox input[type=checkbox] {
	opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
}

.round-checkbox .fake-checkbox.confirmed:after {
    display: block;
	background: #000;
    border: 1px solid rgba(169, 169, 169, 0.1);
}

.submit-transcript-request,
.submit-complex-filters-request {
    margin: 0 0 18px 0 !important;
}

.reports__item-submit {
    margin-top: 18px!important;
}

.complex-reports__title {
    margin-bottom: 16px;
    padding-bottom: 7px;

    font: 16px 'Inter-Semibold', sans-serif;
    border-bottom: 1px solid #D7D7D7;
}

.complex-reports-filters__row {
    display: none;
    
    align-items: flex-start;

    padding: 15px 0 16px;

    border-bottom: 1px solid #EDEDED;
}

.complex-reports-filters__row--visible {
    display: flex;
}

.complex-reports-filters__row--head {
    color: #A3A3A3;
    font: 13px 'Inter-Medium', sans-serif;
}

.complex-reports-filters__filter-name {
    width: 220px;

    margin-right: 24px;
}

.complex-reports-filters__filter {
    width: 343px;

    margin-right: 24px;
}

.complex-reports-filters__filter-value {
    padding-bottom: 0;
    
    line-height: 18px;
}

.complex-reports-filters__filter-value + .complex-reports-filters__filter-value {
    margin-top: 10px;
}

.complex-reports-filters__actions {
    display: flex;

    align-items: center;
    gap: 8px;
}

.complex-reports-filters__action-button {
    position: relative;

    display: block;

    width: 28px;
    height: 28px;

    background: #F2F2F2;
    border-radius: 4px;
    outline: 0;
    border: 0;
}

.complex-reports-filters__action-button::after {
    content: '';
    display: block;

    position: absolute;

    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    width: 16px;
    height: 16px;


    background-size: contain;
}

.complex-reports-filters__action-button--edit::after {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.99998 13.3333H14M2 13.3333H3.11636C3.44248 13.3333 3.60554 13.3333 3.75899 13.2965C3.89504 13.2638 4.0251 13.21 4.1444 13.1369C4.27895 13.0544 4.39425 12.9391 4.62486 12.7085L13 4.33334C13.5523 3.78106 13.5523 2.88563 13 2.33334C12.4477 1.78106 11.5523 1.78106 11 2.33334L2.62484 10.7085C2.39424 10.9391 2.27894 11.0544 2.19648 11.189C2.12338 11.3083 2.0695 11.4383 2.03684 11.5744C2 11.7278 2 11.8909 2 12.217V13.3333Z' stroke='%23622CF4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.complex-reports-filters__action-button--remove::after {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 2H10M2 4H14M12.6667 4L12.1991 11.0129C12.129 12.065 12.0939 12.5911 11.8667 12.99C11.6666 13.3412 11.3648 13.6235 11.0011 13.7998C10.588 14 10.0607 14 9.00623 14H6.99377C5.93927 14 5.41202 14 4.99889 13.7998C4.63517 13.6235 4.33339 13.3412 4.13332 12.99C3.90607 12.5911 3.871 12.065 3.80086 11.0129L3.33333 4' stroke='%23622CF4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.complex-reports-filters__buttons,
.complex-reports-popup__buttons {
    display: flex;

    align-items: center;
    gap: 8px;

    margin-top: 24px;
}

.complex-reports-popup__buttons .button,
.complex-reports-popup__buttons .button-orange {
    padding: 7px 13px;
}

.complex-reports-popup__buttons .button-orange {
    border: 1px solid transparent;
}

.complex-reports-remove-confirmation .complex-reports-popup__buttons {
    margin-top: 12px;
}

.complex-reports-filters__buttons {
    position: relative;
}

.complex-reports-filters__add-filter-popup {
    visibility: hidden;
    position: absolute;

    bottom: calc(100% + 8px);
    left: 0;

    padding: 20px 24px;

    border-radius: 8px;
    background: #fff;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.25);

    opacity: 0;
    transition: .3s;
    z-index: 100;
}

.complex-reports-filters__add-filter-popup--visible {
    visibility: visible;

    opacity: 1;
}

.complex-reports-filters__add-filter-list {
    list-style: none;
}

.complex-reports-filters__add-filter-list-item {
    font-size: 15px;
    line-height: 17px;

    cursor: pointer;
}

.complex-reports-filters__add-filter-list-item + .complex-reports-filters__add-filter-list-item {
    margin-top: 16px;
}

.complex-reports-filters__buttons .button {
    display: flex;

    align-items: center;
    gap: 8px;

    margin-top: 0;
}

.complex-reports-filters__buttons .button,
.complex-reports-filters__buttons .button-orange {
    padding: 7px 13px;
}

.complex-reports-filters__buttons .button-orange {
    border: 1px solid transparent;
}

.popup.complex-reports__popup {
    margin: 0;

    transform: translate(-50%, -50%);
}

.popup.complex-reports__popup .close {
    top: 0;
    right: 0;

    padding: 16px;

    background-position: center;
}

.popup .complex-reports-popup__buttons .button,
.popup .complex-reports-popup__buttons .button-orange {
    margin: 0;
}

.complex-reports-popup__filter-items-list {
    display: flex;

    flex-direction: column;
    gap: 18px;
    
    margin-bottom: 32px;

    font-size: 15px;

    max-height: 525px;
    overflow: auto;
}

.complex-reports-popup__filter-items-list--horizontal {
    flex-direction: row;
    align-items: center;
    gap: 12px;

    margin-bottom: 56px;
}

.complex-reports-popup__input-wrapper {
    display: none;
    
    align-items: center;
    gap: 2px;
}

.complex-reports-popup__input-wrapper--visible {
    display: flex;
}

.complex-reports-popup__dates-divider {
    width: 8px;
    height: 1px;
    
    background: #C6C6C6;
}

.complex-reports-popup__filter-item {
    display: flex;

    align-items: flex-start;
    gap: 9px;
}

.complex-reports-popup__filter-item--centered {
    align-items: center;
}

.complex-reports-popup__user-info a {
    font: 16px 'Inter-SemiBold', sans-serif;
}

.complex-reports-popup__filter-item-checkbox {
    margin-top: 2px;
}

.complex-reports-popup__select-fake {
    box-sizing: border-box;
    
    width: 168px;
}

.complex-reports-popup__select-fake-text.select_fake_text {
    position: absolute;
    
    height: auto;
    
    padding: 8px 0 0 7px;
    
    overflow: hidden;
}

.complex-reports-popup__select {
    width: 100%;
    height: 100%;
    
    margin: 0;
    
    opacity: 0;
}

.complex-reports-popup__input-numeric {
    box-sizing: border-box;

    display: inline-block;

    width: 43px;
    height: 33px;
    margin: 0 6px;
    padding-left: 4px;

    border: 1px solid #c3c3c3;

    box-shadow: inset #e4e4e4 0px 1px 2px;
    -moz-box-shadow: inset #e4e4e4 0px 1px 2px;
    -webkit-box-shadow: inset #e4e4e4 0px 1px 2px;
    -o-box-shadow: inset #e4e4e4 0px 1px 2px;
}

.complex-reports__filter-item-expander {
    display: flex;
    
    align-items: center;
    gap: 2px;
    
    font: 13px 'Inter-SemiBold', sans-serif;
    color: #622CF4;
    cursor: pointer;

    margin-top: 10px;
}

.complex-reports__filter-item-expander--opened .complex-reports__filter-item-expander-arrow {
    transform: rotate(180deg);
} 

.complex-reports__filter-item-expander-arrow {
    height: 16px;
    
    transition: .25s;
}

.toast {
    box-sizing: border-box;

    position: fixed;

    top: 54px;
    right: 0;
    transform: translateX(200%);

    width: auto;
    max-width: 450px;

    padding: 16px 24px;

    background: #C2F5F6;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.25);
    border-radius: 12px;

    z-index: 99999;

    transition: .75s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.toast.toast--active {
    transform: translateX(-16px);
}

.toast__title {
    font-family: 'Inter-SemiBold', sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
}

.toast__text {
    margin-top: 3px;
    padding: 0;
    font-size: 13px;
    line-height: 18px;
}

/*модалка*/
.feedback {
    padding: 60px 60px 80px 60px;
}

.feedback .title {
    font: 36px/43px 'Inter-Bold', sans-serif;
    padding-bottom: 10px;
    color: #000;
}

.feedback .text {
    padding-bottom: 17px;
    color: #454545
}

.feedback .input-block {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.feedback .label {
    display: inline-block;
    min-width: 120px;
    margin-right: 20px;
    margin-top: 4px;
}

.feedback .input-and-error {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.feedback .input,select {
    display: inline-block;
    margin-bottom: 7px;
    /*width: 100%;*/
}

.feedback select {
    height: 28px;
    color: #999999;
    padding: 2px;
    border: 1px solid #cdcdcd;
    border-color: #c3c3c3 #cdcdcd #d6d6d6 #cdcdcd;
    box-shadow: inset #e4e4e4 0px 1px 2px;
    -moz-box-shadow: inset #e4e4e4 0px 1px 2px;
    -webkit-box-shadow: inset #e4e4e4 0px 1px 2px;
    -o-box-shadow: inset #e4e4e4 0px 1px 2px;
}

.feedback select option{
    color: #000;
}

.feedback .info {
    width: 25px;
    height: 25px;
    background-image: url(/Images/info-tooltip.png?v=2);
    background-repeat: no-repeat;
    margin-left: 20px;
    margin-top: 5px;
    position: relative;
}

.feedback .info.invisible {
    background-image: none;
}

.feedback .info-text {
    position: absolute;
    display: none;
    bottom: 40px;
    left: -10px;
    padding: 7px 10px 8px 10px;
    color: #fff;
    font-weight: normal;
    background: rgba(0, 0, 0, 0.8);
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    width: 200px;
}

.feedback .info-text:before {
    position: absolute;
    bottom: -20px;
    left: 10;
    margin-left: 0px;
    width: 0px;
    height: 0px;
    border: 10px solid rgba(0, 0, 0, 0.8);
    border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
    background: none;
    content: '';
    display: block;
}

.feedback .info-text.show {
    display: block;
}

.feedback .button {
    margin-right: 20px;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    padding: 8px 33px;
    border: 1px solid #bf4306;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee6929), color-stop(100%,#dd520f));
    background: -webkit-linear-gradient(top, #ee6929 0%,#dd520f 100%);
    background: -o-linear-gradient(top, #ee6929 0%,#dd520f 100%);
    background: -ms-linear-gradient(top, #ee6929 0%,#dd520f 100%);
    background: linear-gradient(to bottom, #ee6929 0%,#dd520f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee6929', endColorstr='#dd520f',GradientType=0 );
    box-shadow: #bbb 0 1px 2px;
    -moz-box-shadow: #bbb 0 1px 2px;
    -webkit-box-shadow: #bbb 0 1px 2px;
    -o-box-shadow: #bbb 0 1px 2px;
    cursor: pointer;
}

    .feedback .button.grey {
        border: 1px solid #686868;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a0a0a0), color-stop(100%,#818181));
        background: -webkit-linear-gradient(top, #a0a0a0 0%,#818181 100%);
        background: -o-linear-gradient(top, #a0a0a0 0%,#818181 100%);
        background: -ms-linear-gradient(top, #a0a0a0 0%,#818181 100%);
        background: linear-gradient(to bottom, #a0a0a0 0%,#818181 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee6929', endColorstr='#dd520f',GradientType=0 );
    }

.disabled-checkbox {
    color: #7f7f7f;
}
/*--- tooltip ---*/
.tooltip {
    position: absolute;
    display: none;
    z-index: 200;
    background: #fff;
    border: 1px solid #d9d9d9;
    box-shadow: 0px 0px 15px rgba(0,0,0, 0.2);
    -moz-box-shadow: 0px 0px 15px rgba(0,0,0, 0.2);
    -webkit-box-shadow: 0px 0px 15px rgba(0,0,0, 0.2);
    -o-box-shadow: 0px 0px 15px rgba(0,0,0, 0.2);
}
	.tooltip .tooltip-title {
		font:18px 'Inter-SemiBold';
	}

    .tooltip:before {
        content: '';
        display: block;
        width: 31px;
        height: 20px;
        position: absolute;
        top: -20px;
        left: 50%;
        margin-left: -16px;
        background: url('../Images/tooltip-tail.png?v=2') center bottom no-repeat;
    }

    .tooltip:not(.moderator-comments):not(.m-a-i):not(.i-s-q-c) .user-photo {
        position: static;
        width:30px;
		height:30px;
    }
		.tooltip .user-photo span {
			width:30px;
			height:30px;
		}
/*--- /tooltip ---*/

#notifyscroll .overview {
    width: 418px;
}

.tooltip-field, .field-validation-error, .field-validation-warning  {
    position: relative;
    top: -1px;
    left: 0px;
    max-width: 450px;
    min-width: 240px;
    display: inline-block;
    padding: 10px 10px 8px 10px;
    margin-bottom: 6px;
    font-size: 12px;
    line-height: 15px;
    color: #00685E;
    background: #C2F5F6;
    border-radius: 12px;
}

.tooltip-field:before, .field-validation-error:before, .field-validation-warning:before {
 width: 11px;
    height: 8px;
    content: '';
    display: block;
    position: absolute;
    top: -8px;
    left: 23px;
    background: #C2F5F6;
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	z-index: 99;
}

/* Tiny Scrollbar */
.viewport { overflow: hidden; position: relative;}
.overview { list-style: none; position: absolute; left: 0; top: 0;}
.scrollbar{ z-index:99; position:absolute;  width: 5px; right:5px;}
.track { background: rgba(153, 153, 153, 0.1); height: 100%; width:5px; position: relative; padding: 0; }
.thumb { background: #ccc; height: 20px; width: 5px; cursor: pointer; overflow: hidden; position: absolute; top: 0; right: 0px; }
.thumb .end { background: transparent; overflow: hidden; height: 5px; width: 5px; }
.scroll-block .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

.tooltip .viewport  {height: 220px; border-top:1px solid #DBDBDB;}
.tooltip .overview  {padding: 0; margin: -1px 0 0 0;} 
.tooltip .scrollbar {right:3px;}

.user-message .viewport  {height: 360px;}
.user-message .overview  {padding-left:2px;}
.user-message .scrollbar {right:5px;}

.column-left .scroll-block {position:relative; margin:10px -20px; padding:0 20px;}
.column-left .viewport   {height:370px;}


@charset "utf-8";
/* CSS Document */

*[dir="rtl"] .logo {
    float: right;
}

    *[dir="rtl"] .logo a {
        float: right;
    }

*[dir="rtl"] .homepage .logo img {
    float: right;
    margin-left: 15px;
    margin-right: 0px;
}

*[dir="rtl"] .homepage .logo span {
    padding-right: 18px;
    padding-left: 0px;
}

*[dir="rtl"] .homepage header menu {
    float: left;
}

    *[dir="rtl"] .homepage header menu li {
        padding-left: 0px;
        padding-right: 24px;
        float: right;
    }

        *[dir="rtl"] .homepage header menu li:first-child {
            padding-right: 0px;
        }

*[dir="rtl"] .articles {
    padding: 19px 0 0 290px;
    text-align: right;
}

*[dir="rtl"] .articles-list {
    left: 0px;
    right: auto;
}

*[dir="rtl"] .response .circle-img {
    float: right;
    margin-left: 20px;
    margin-right: 0px;
}

*[dir="rtl"] footer {
    padding-right: 27px;
    padding-left: 0px;
}

    *[dir="rtl"] footer .copy {
        float: right;
        padding-right: 0;
        padding-left: 18px;
    }

    *[dir="rtl"] footer .language {
        float: left;
    }

        *[dir="rtl"] footer .language .language-link {
            padding-right: 53px;
            padding-left: 0px;
            background-position: 55px 3px;
        }

        *[dir="rtl"] footer .language li a {
            padding-right: 45px;
            padding-left: 0px;
            background-position: 116px 3px;
        }

    *[dir="rtl"] footer nav li {
        display: inline-block;
        float: none;
        padding-right: 32px;
        padding-left: 0px;
    }

*[dir="rtl"] .promo-block {
    text-align: right;
}

*[dir="rtl"] .icons span {
    float: right;
    margin-right: 0px;
    margin-left: 17px;
}

*[dir="rtl"] .slideshow-place .jcarousel-skin-tango .jcarousel-item img {
    float: right;
    margin: 0 15px 0 60px;
}

*[dir="rtl"] .slideshow-place .jcarousel-skin-tango .jcarousel-item {
    text-align: right;
}

*[dir="rtl"] .slideshow-place .request-demo {
    right: 605px;
    left: auto;
}

*[dir="rtl"] .price-table td:first-child div {
    text-align: right;
}

*[dir="rtl"] .more-block li {
    padding-right: 29px;
    padding-left: 0px;
    background-position: right 5px;
    text-align: right;
}

*[dir="rtl"] .check-list input[type="checkbox"] + label,
*[dir="rtl"] .check-list .checklabel {
    background-position: right 2px;
    padding-left: 0px;
    padding-right: 20px;
}

*[dir="rtl"] .log-in th {
    padding-left: 11px;
    padding-right: 0px;
}

*[dir="rtl"] table th {
    text-align: right;
}

*[dir="rtl"] .main menu {
    right: 0px;
    left: auto;
}

*[dir="rtl"] .column-right {
    margin-right: 227px;
    margin-left: 0px;
    border-right: 1px solid #d9d9d9;
    border-left: none;
}

*[dir="rtl"] .main menu h4 {
    padding-right: 21px;
    padding-left: 0;
}

*[dir="rtl"] .main menu li a,
*[dir="rtl"] .main menu li strong {
    padding: 2px 17px 2px 35px;
    margin-right: 4px;
}

*[dir="rtl"] .main menu li.active a {
    border-right: 4px solid #e05713;
    border-left: none;
    margin-right: 0px;
}

*[dir="rtl"] .main menu li span,
*[dir="rtl"] .main menu li .quantity,
*[dir="rtl"] .sub-nav .quantity {
    left: 1px;
    right: auto;
    margin-left: 8px;
    margin-right: 0px;
}

*[dir="rtl"] .main menu .change-photo,
*[dir="rtl"] .main menu .change-profile {
    margin: 20px 24px;
    padding: 84px 10px 10px;
}

*[dir="rtl"] header .breadcrumbs li {
    float: right;
    margin-right: 11px;
    margin-left: 0px;
    background: url("../Images/header-nav-arrow2.png?v=2") left 5px no-repeat;
    padding-left: 22px;
    padding-right: 0px;
}

    *[dir="rtl"] header .breadcrumbs li:last-child {
        background: none;
    }

*[dir="rtl"] header .logout {
    float: left;
    margin-right: 34px;
    margin-left: 0px;
}

*[dir="rtl"] header .username,
*[dir="rtl"] header .message,
*[dir="rtl"] header .bell {
    float: left;
}

*[dir="rtl"] .publish-block.publish-block--actions{
    left: 0;
    right: auto;
}

*[dir="rtl"] .participants.user-avatar .bord{
     left: 68px;
}

html[dir="rtl"] .column-right > .sub-nav {
    float: left;
}

    html[dir="rtl"] .column-right > .sub-nav li {
        float: right;
    }

html[dir="rtl"] h1 span.qr {
    float: right;
    padding: 3px 0 0 4px;
}

html[dir="rtl"] .instaqual .button-orange.upload {
    float: left;
    margin-left: 60px;
}

html[dir="rtl"] .batch-action {
    float: left;
    padding-left: 15px;
}

html[dir="rtl"] .row-post .author {
    float: right;
}

*[dir="rtl"] .add-post-form .user-photo {
    right: 20px !important;
    left: auto;
}

*[dir="rtl"] .add-post-form {
    padding-left: 20px;
    padding-right: 90px;
}

*[dir="rtl"] .row-post-com {
    padding-left: 20px;
    padding-right: 90px;
}

*[dir="rtl"] .row-list .user-photo {
    right: 20px;
    left: auto;
}

*[dir="rtl"] .row-list {
    padding-left: 20px;
    padding-right: 90px;
}

*[dir="rtl"] .photo-block .camption .count {
    left: 15px;
    right: auto;
}

*[dir="rtl"] .personal-data .personal-photo {
    float: left;
}

*[dir="rtl"] .page-title span.value {
    float: right !important;
}

*[dir="rtl"] .sub-nav li {
    float: right;
}

*[dir="rtl"] .bell .tooltip .tooltip-title a {
    float: left;
}

*[dir="rtl"] .back {
    padding-right: 114px;
    background-position: 33px 0;
}

*[dir="rtl"] .users-menu .user-photo {
    right: 7px;
}

*[dir="rtl"] span.name {
    float: right;
    padding-right: 24px;
}

*[dir="rtl"] .project-section .text-description {
    right: 0;
    left: auto;
    padding-left: 260px;
    padding-right: 15px;
}

*[dir="rtl"] .promo-block .promo-img {
    float: right;
}

*[dir="rtl"] h3.all-accounts-link {
    left: 0;
    right: auto;
}

*[dir="rtl"] .participants .tooltip .user-photo, .participants .tooltip .user-photo span {
    right: 15px;
}

*[dir="rtl"] .main menu .participants .tooltip .gender-age {
    text-align: right;
    padding-right: 77px;
}

*[dir="rtl"] .tooltip-name-title {
    text-align: right;
    padding-right: 76px;
}

*[dir="rtl"] .participants .tooltip .row-post {
    padding-right: 20px;
    padding-left: initial;
}

    *[dir="rtl"] .participants .tooltip .row-post a {
        display: block;
    }

*[dir="rtl"] .main menu .participants .tooltip {
    text-align: right;
}

    *[dir="rtl"] .main menu .participants .tooltip span.post-time,
    *[dir="rtl"] .participants .tooltip .author {
        float: right;
    }

*[dir="rtl"] .participants .all {
    float: left;
}

*[dir="rtl"] .popup .button-orange {
    float: right;
}

*[dir="rtl"] .activity-item .user-photo {
    float: right;
    left: auto;
    right: -70px;
}

*[dir="rtl"] .popup .close {
    left: 10px;
    right: inherit;
}

*[dir="rtl"] .feed .actions,
*[dir="rtl"] .feed .actions .done {
    float: left;
}

*[dir="rtl"] .personal-data dl dt {
    float: right;
    margin-left: 2px;
}

*[dir="rtl"] .personal-data dl dd {
    float: left;
    clear: none;
    width: 300px;
}

*[dir="rtl"] .personal-data {
    right: -20px;
}

    *[dir="rtl"] .personal-data dl dd .help-text {
        position: absolute;
        padding-left: 0;
        margin-right: 20px;
    }

*[dir="rtl"] form.post-editor.minified .text-editor textarea {
    padding-right: 10px;
}

*[dir="rtl"] .row-comment .post-time {
    float: left;
}

*[dir="rtl"] .row-post .post-time {
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
    top: -3px;
}

*[dir="rtl"] .like-post .edit-btn {
    float: left;
}

*[dir="rtl"] .row-post .like-post a.comment-btn {
    display: inline-block;
}

*[dir="rtl"] .row-comment .post-text div.text {
    padding-right: 9px;
}

*[dir="rtl"] .add-comment textarea {
    padding-right: 9px;
}

*[dir="rtl"] .add-message-form textarea {
    padding-right: 9px;
    margin-right: 51px;
    overflow: overlay;
}

*[dir="rtl"] .add-message-form .send-msg {
    float: left;
    margin-left: -44px;
}

*[dir="rtl"] .add-message-form .user-photo {
    left: auto;
    right: 20px;
}

*[dir="rtl"] .user-message .row .user-photo {
    left: auto;
    right: 0px;
}

*[dir="rtl"] .overview .row a.author {
    float: right;
}

*[dir="rtl"] .user-message .row .time {
    display: inline-block;
    padding-right: 5px;
}

*[dir="rtl"] .scroll-block .users-menu li {
    padding-left: 24px;
}

*[dir="rtl"] .users-menu span.time.time-update {
    float: left;
}

*[dir="rtl"] .photo-block:nth-child(even) {
    clear: left;
}

*[dir="rtl"] .instaquals .photo-block {
    float: right;
}

    *[dir="rtl"] .instaquals .photo-block ul li {
        float: left;
    }

    *[dir="rtl"] .instaquals .photo-block a.author {
        float: right;
        padding-right: 65px;
        width: 100px;
    }

*[dir="rtl"] .photo-block .camption .user-photo {
    left: auto;
    right: 15px;
}

*[dir="rtl"] .add-comment.row-post-com .user-photo.online {
    right: 0px;
}

*[dir="rtl"] .add-comment.row-post-com {
    padding-right: 43px;
}

    *[dir="rtl"] .add-comment.row-post-com textarea {
        overflow: overlay;
    }

*[dir="rtl"] .row-post .like-post span {
    display: inline-block;
}

*[dir="rtl"] .select_fake {
    background: #fff url('../Images/select.png?v=2') left 14px no-repeat;
}

*[dir="rtl"] .create-task input[type="text"] {
    background-position: 5px 8px;
}

*[dir="rtl"] .select_fake .delete {
    right: auto;
    left: -25px;
}

*[dir="rtl"] .popup .button.cancel {
    float: left;
}

*[dir="rtl"] .project-setup input[type="text"] {
    background-position: 6px 8px;
}

*[dir="rtl"] .row-list .control-block {
    float: left;
}

*[dir="rtl"] .task-list-info {
    float: right;
}

*[dir="rtl"] .publish-block {
    float: right;
}

*[dir="rtl"] div.tagsinput div {
    float: right;
}

*[dir="rtl"] .photo-block ul .comment-ico .tooltip .row-comment {
    padding-right: 0;
}

*[dir="rtl"] .full-line-comment .row-comment.row-post-com .post-text a.author {
    padding-right: 0;
    margin-right: 0;
}

*[dir="rtl"] .photo-block ul .comment-ico .tooltip .add-comment {
    padding-right: 0;
}

*[dir="rtl"] .tooltip:before {
    left: 50%;
}

*[dir="rtl"] .main menu .need-help {
    text-align: left;
    background-position-x: 170px;
}

*[dir="rtl"] .column-right .topics {
    width: 100%;
}

*[dir="rtl"] .column-right .page-title a {
    display: inline-block;
}

*[dir="rtl"] .user-message .row {
    padding-right: 45px;
}

*[dir="rtl"] .users-list .user-name img {
    right: 0px;
}

*[dir="rtl"] .users-list .user-name {
    padding-right: 66px;
}

*[dir="rtl"] .participants li {
    float: right;
}

*[dir="rtl"] .invite .back {
    right: 46px;
}

*[dir="rtl"] #file-example {
    float: left;
}

*[dir="rtl"] .switch-section .row {
    text-align: left;
}

*[dir="rtl"] .invite .page-sub-title {
    text-align: right;
}

*[dir="rtl"] .switch-section .switch-btn {
    float: right;
}

*[dir="rtl"] .row-comment .user-photo {
    right: 3px !important;
}

*[dir="rtl"] .row-comment {
    padding-right: 44px;
}

*[dir="rtl"] .overview .row-post.new-post .post-time {
    display: block;
}

*[dir="rtl"] .overview .row-post.new-post .post-text {
    display: inline;
}

*[dir="rtl"] .attach-clip {
    float: left;
}

*[dir="rtl"] .row-post .posted-in-topic {
    position: relative;
    top: -3px;
    padding-right: 8px;
}

*[dir="rtl"] .row-post .tooltip.moderator-comments {
    right: auto;
    left: -287px;
}

*[dir="rtl"] .personal-data dl {
    float: right;
}

*[dir="rtl"] .participants .tooltip::before, *[dir="rtl"] .row-post .tooltip.moderator-comments::before {
    background-image: url('../Images/tooltip-tail-right-big.png?v=2');
    width: 20px;
    height: 31px;
    /*top: 20px;*/
    left: auto;
    right: -20px;
}




*[dir="rtl"] .column-left {
    float: right;
}

*[dir="rtl"] .f-right {
    float: left !important;
}

*[dir="rtl"] .actions-block li {
    float: right;
}

*[dir="rtl"] .publish-block ul a { /*background-position-x: 111px;*/
    padding-left: 0;
    padding-right: 26px;
}

*[dir="rtl"] .publish-block .draft-status {
    background-position: 96% 3px !important;
}

*[dir="rtl"] .publish-block .publish-status {
    background-position-x: 98% !important;
}

*[dir="rtl"] .publish-block .archiv-status {
    background-position-x: 95% !important;
}

*[dir="rtl"] .publish-block .w8-publish {
    background-position-x: 97% !important;
}

*[dir="rtl"] .publish-block > span a {
    padding-right: 31px;
    padding-left: 11px;
}

*[dir="rtl"] .publish-block span:after {
    right: 93%;
}
/**[dir="rtl"] .publish-block .archiv-status{background-position-y: -67px;}*/
*[dir="rtl"] .row-post {
    padding-left: 20px;
    padding-right: 90px;
}

    *[dir="rtl"] .row-post .user-photo {
        right: 20px;
        left: auto;
    }

*[dir="rtl"] .post-title {
    padding-left: 130px;
    padding-right: 0px;
}

*[dir="rtl"] .link {
    float: right;
    padding-right: 29px;
    padding-left: 0;
}

    *[dir="rtl"] .link:before {
        left: auto;
        right: 12px;
    }

    *[dir="rtl"] .link:first-child {
        padding-right: 0px;
    }

*[dir="rtl"] .document-list li {
    float: right;
}

    *[dir="rtl"] .document-list li a {
        background-position: right top;
        padding-left: 0px;
        padding-right: 19px;
    }

*[dir="rtl"] .like-post .delete-btn, .like-post .edit-btn {
    float: left;
}

*[dir="rtl"] .like-post a,
*[dir="rtl"] .like-post span {
    padding-right: 16px;
    margin-right: 6px;
    padding-left: 0;
    margin-left: 0;
}

    *[dir="rtl"] .like-post a:before,
    *[dir="rtl"] .like-post span:before {
        left: auto;
        right: 2px;
    }

    *[dir="rtl"] .like-post span:first-child,
    *[dir="rtl"] .like-post a:first-child {
        padding-right: 0px;
        margin-right: 0px;
    }

*[dir="rtl"] .comment .user-photo,
*[dir="rtl"] .editor-post .user-photo {
    right: -70px;
}

*[dir="rtl"] .editor-area .editor-button span {
    float: right;
    margin-left: 18px;
    margin-right: 0;
}

*[dir="rtl"] footer .language {
    /*margin-top: -35px;*/
}

*[dir="rtl"] .quantity-answers {
    padding-left: 0;
    padding-right: 20px;
}

*[dir="rtl"] .task-settings {
    left: 20px;
    right: auto;
}

    *[dir="rtl"] .task-settings .dropdown .choose {
        background-position: 177px 7px;
    }

    *[dir="rtl"] .task-settings .dropdown {
        left: -8px;
        right: auto;
    }

        *[dir="rtl"] .task-settings .dropdown li,
        *[dir="rtl"] .task-settings .dropdown .title {
            padding-left: 10px;
            padding-right: 40px;
        }

*[dir="rtl"] .row-list.unread {
    padding-right: 86px;
    padding-left: 20px;
}

    *[dir="rtl"] .row-list.unread .user-photo {
        right: 17px;
        left: auto;
    }

*[dir="rtl"] .main menu .button-orange {
    margin-right: 25px;
    margin-left: 0;
}

*[dir="rtl"] .task-list .page-title,
*[dir="rtl"] .view-more {
    padding-right: 20px;
}

/*В немецком слишком длинные слова в заголовке*/

html[lang="de"] .homepage .logo span {
	font-size: 14px;
}

html[lang="de"] .homepage header menu {
	font-size: 14px;
	padding-top: 9px;
}

html[lang="de"] .more-block {
	font-size: 21px;
}


.page .main menu.chatMenu {
    display: none;
}
.text-editor .attachments .files .name {
    word-wrap: break-word;
}

#js-popup-notification-submit {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
@media screen and (max-width: 1050px) {
    .slideshow-place .jcarousel-skin-tango .jcarousel-container {
        width: 700px;
        margin-left: auto;
        margin-right: auto;
    }


    .slideshow-place .jcarousel-skin-tango .jcarousel-prev-horizontal {
        left: -75px;
        top: 110px;
    }

    .slideshow-place .jcarousel-skin-tango .jcarousel-next-horizontal {
        right: -75px;
        top: 110px;
    }

    .slideshow-place .jcarousel-skin-tango .jcarousel-item {
        padding: 0px;
        width: 700px;
    }

        .slideshow-place .jcarousel-skin-tango .jcarousel-item img {
            width: 300px;
            height: auto;
            margin-right: 30px;
        }

    .slideshow-place .request-demo {
        left: 345px;
    }

    *[dir="rtl"] .slideshow-place .request-demo {
        right: 345px;
    }

    *[dir="rtl"] .slideshow-place .jcarousel-skin-tango .jcarousel-item img {
        margin-right: 15px;
        margin-left: 30px;
    }

    .slideshow-place .jcarousel-skin-tango .jcarousel-item h1 {
        padding-top: 30px;
    }

    .slideshow-place,
    .slideshow-place .jcarousel-skin-tango .jcarousel-item,
    .slideshow-place .jcarousel-skin-tango .jcarousel-clip-horizontal {
        height: 300px;
    }

    .started-block .free-trial {
        clear: both;
        display: block;
        max-width: 400px;
    }
}

@media screen and (max-width: 980px) {
    .homepage .logo span {
        display: none;
    }
}

@media screen and (max-width: 900px) {
    .articles {
        padding-right: 280px;
    }

    *[dir="rtl"] .articles {
        padding-left: 280px;
    }

    .homepage header menu li {
        padding-left: 20px;
    }

    .about-us .big {
        font-size: 21px;
        height: 40px;
        line-height: 40px;
    }

    .slideshow-place .jcarousel-skin-tango .jcarousel-item img {
        width: 250px;
        margin-top: 25px;
    }

    .slideshow-place .request-demo {
        left: 297px;
    }

    [dir="rtl"] .slideshow-place .jcarousel-skin-tango .jcarousel-item img {
        margin-top: 25px;
    }

    [dir="rtl"] .slideshow-place .request-demo {
        right: 297px;
        left: auto;
    }

    .slideshow-place .jcarousel-skin-tango .jcarousel-container,
    .slideshow-place .jcarousel-skin-tango .jcarousel-item {
        width: 600px;
    }
}

@media screen and (max-width: 800px) {
    .about-us .big {
        font-size: 19px;
        height: 30px;
        line-height: 30px;
        padding-left: 20px;
        padding-right: 20px;
    }
}



/*блоки для мобильной версии которые скрыты в десктоп версии*/
.task-list-info--mobile,
.block__create-discussion,
.create--mobile,
.username__controller,
.quantity-answers--mobile,
.add-post-form__mobile-controller,
.like-post .actions,
.like-btn--mobile,
.like-btn--mobile:before,
.mobile-group:before,
.comment-btn--mobile:before,
.like-btn--mobile:before,
.comment-btn--mobile,
.mobile-group-controller,
.adaptive .like-post .actions,
.mobile-text,
.personal-data .value__title,
.column-left.columnChat .page-title{
    display: none;
}
.comment-btn--mobile{
    display: none !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 570px) {
    .adaptive select,
    .adaptive textarea,
    .adaptive input {
        font-size: 16px;
        background: #fafbfb;
        box-shadow: none;
        -webkit-appearance: none;
    }
    .adaptive iframe{
        font-size: 16px !important;
        background: #eee;
    }
    .adaptive .add-comment textarea{
        min-height: 48px !important;
    }

    .adaptive textarea{
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }

}

@media screen and (max-width: 430px) {
    .publish-block {
        float: none;
    }

    .user-message .row .time {
        display: block !important;
    }

    .add-message-form .send-msg {
        float: none !important;
        margin-top: 10px !important;
    }

    .link {
        float: none;
    }

    .tag-btn, .time-btn, .if-btn, .pin-btn {
        float: left;
    }
      .visible-desktop {
    display: none !important;
  }
}

@media screen and (max-width: 414px) {
    .about-us .big {
        font-size: 17px;
    }

    header .username {
        display: none;
    }

    header .logout {
        margin-left: 0px;
    }

    .image-set iframe {
        width: 100%;
        height: 100%;
    }

    .my-task .quantity-answers {
        margin-left: 7px;
        padding-left: 0;
    }

    .add-comment button {
        white-space: normal;
    }

    .text-editor .toolbar a[data-wysihtml5-command-value="blockquote"],
    .text-editor .toolbar a[data-wysihtml5-command="insertOrderedList"],
    .text-editor .toolbar a[data-wysihtml5-command="formatBlock"] {
        margin-left: 7px !important;
        padding-left: 25px !important;
    }

    .text-editor .attach-clip {
        float: none;
    }

    /*.text-editor iframe.wysihtml5-sandbox {
        display:block !important;
    }*/

    .image-set a img {
        width: 100%;
    }

    /*notification tooltip*/
    .notice.hidden-print .tooltip {
        max-width: 250px;
        right: -90px;
    }

    header .bell .tooltip:before {
        right: 90px;
        left: auto;
    }
    /*notification tooltip*/
    div.title-bar {
        height: auto;
    }

    div.post-title {
        padding-left: 5px;
        padding-right: 0;
        padding-top: 20px;
    }

    div.like-post a {
        padding-left: 6px;
    }

    div.like-post {
        -ms-zoom: 0.85;
        zoom: 0.85;
    }



    .row-post div.post-text {
        margin-top: 10px;
    }

    .row-comment span.post-time {
        display: block;
        float: none;
        margin-left: 0;
        padding-left: 0;
    }

    .row-post span.post-time {
        padding-left: 0;
    }

    .tooltip.tooltip-comment:before {
        display: none !important;
    }

    div.tooltip-comment.reply-only {
        left: 0;
    }

    div.row-post .user-photo {
        left: 5px;
    }

    div.row-list ul.task-list-info li:first-child {
        padding-left: 0 !important;
    }

    div.batch-action {
        float: none;
    }

        div.batch-action a:not(:last-child):after {
            content: "";
        }

        div.batch-action .mark-all-read {
            display: block;
        }

    .page-title-row h1 {
        display: block;
        float: none;
    }

    div.row-list .control-block {
        float: none;
        display: inline-block;
    }

        div.row-list .control-block .publish-block {
            /*float: right;*/
        }

    /*div.row-post div.post-text {
        width: 100%;
    }*/

    div.row-post .tooltip.moderator-comments {
        top: 135px;
        right: 30px;
    }

    div.like-post .edit-btn::before {
        display: inline;
    }

    .row-list div.control-block {
        float: none;
        padding-left: 0;
    }

    a.link.control-delete {
        float: right;
        padding-left: 0px !important;
    }
      .visible-desktop {
    display: none !important;
  }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 414px) {
    select:focus,
    textarea:focus,
    iframe:focus,
    input:focus {
        font-size: 16px;
        background: #fafbfb;
    }

    div.link.control-icons {
        padding-left: 0;
    }

    a.link.control-edit {
        padding-left: 20px;
    }

    .topics .row-list {
        width: auto;
        float: none;
    }

    .row-post div.like-post {
        display: inline-flex;
    }

    a.mark-all-read {
        margin-left: 4px;
    }

    .row-post div.like-post {
        display: block;
    }
}

@media screen and (max-width: 400px) {
    ul.task-list-info {
        -ms-zoom: 0.85;
        zoom: 0.85;
    }

    a.link.control-edit {
        padding-left: 5px !important;
    }
}
@media screen and (max-width: 340px) {
    .adaptive.with-users-list .sub-nav li a{
        letter-spacing: 1.3px;
    }
    .sub-nav li:nth-child(2){
        margin-left: 2px;
    }

    .adaptive .my-task .post-text::before {
        top: 269px;
    }
}

@media screen and (max-width: 320px) {
    a.link.control-edit {
        padding-left: 5px !important;
    }

    .row-post div.like-post {
        -ms-zoom: 0.82;
        zoom: 0.82;
        display: inline;
    }
}
/*!
 *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.2.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
 .fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}
/*--- popup --*/
.popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -190px;
    width:570px;
    margin-left:-285px;
    line-height: 18px;
    background: rgba(0,0,0, 0.2);
    padding: 3px;
    box-shadow: 0px 0px 15px rgba(0,0,0, 0.2);
    -moz-box-shadow: 0px 0px 15px rgba(0,0,0, 0.2);
    -webkit-box-shadow: 0px 0px 15px rgba(0,0,0, 0.2);
    -o-box-shadow: 0px 0px 15px rgba(0,0,0, 0.2);
    z-index: 9030;
}
#CropImage.popup {
    box-sizing: border-box;
    margin: 0;
    position: fixed;
    top: 50%;
    left: 50%;
    width: auto;
    transform: translate(-50%, -50%);
}

#banner-img-upload:hover {
    cursor: pointer;
}

#change-banner-popup {
    top: 30%;
    position: absolute;
}

    #change-banner-popup td img {
        height: 85px;
        width: 350px;
        margin-bottom: 8px;
        display: block;
    }

    #change-banner-popup #banner-img-upload-cropper {
        height: auto;
        min-height: 85px;
        width: 487px;
        border: none;
    }

    #change-banner-popup td img:hover {
        cursor: pointer;
    }

#logo-img img {
    display: block;
    border: solid;
    border-color: #cdcdcd;
    border-width: 1px;
}

#change-banner-popup .radio {
    margin-right: 10px;
}

#banner-img-upload img {
    background-color: lightgrey;
    height: 80px;
}

.popup--auto-width {
    width: auto;
}

.popup__buttons {
    margin-top: 12px;
    display: flex;

    gap: 8px;
}

.popup .popup__buttons .button,
.popup .popup__buttons .button-orange {
    margin-top: 0;
    padding: 7px 14px;
}

    .popup .popup-content {
        padding: 22px 30px 28px 30px;
        background: #fff;
        position: relative;
    }

    .popup .close {
        background: url('../Images/delete-doc.gif?v=2') 0px 0px no-repeat;
        display: block;
        cursor: pointer;
        width: 11px;
        height: 11px;
        position: absolute;
        top: 10px;
        right: 10px;
    }

    .popup .popup-title {
        font: 18px 'Inter-SemiBold';
        padding-bottom: 20px;
        clear: both;
    }

	.popup .popup-text br {
		line-height: 34px;
	}

    .popup .section+.section:not(#public-link-section) {
        margin-top: 80px;
    }

    .popup #public-link-section {
        margin-top: 10px;
    }

    .popup .hint {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 3px;
    }


    .popup .button {
        margin: 24px 0 0px 0;
    }

    .popup .button-orange {
        margin: 24px 4px 0px 0px;
    }

#video-insert.popup textarea {width: 100%;}
#video-insert.popup input[type="text"] {width: 378px;}
    .popup textarea {
        width: 96%; /*height:120px;*/
        padding: 5px 2%;
        background: #fafafa;
        line-height: 20px;
        max-height: 50vh;
    }

    .popup input[type="text"] {
        width: 100%;
        height: 30px;
    }

    .popup input + input,
    .popup textarea + textarea,
    .popup input + textarea,
    .popup textarea + input{margin-top: 5px;}

    .popup .manage-to-groups input[type="text"] {
        margin-bottom: 18px;
    }

    .popup .manage-to-groups ul {
        padding-bottom: 0px;
        padding-top: 8px;
    }

    .popup .manage-to-groups .popup-title {
        padding: 34px 0 0px 0;
    }

    .popup .manage-to-groups .button {
        float: none;
        margin-top: 14px;
    }

    /*--- /popup mobile --*/
@media screen and (max-width: 570px) {
    .overlay {
        background-color: rgba(0, 0, 0, .5);
    }

    .popup {
        background-color: transparent !important;
        padding: 0 !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        margin: 0 auto !important;
        width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        text-align: center;
    }
    #CropImage.popup {
        top: 50% !important;
        left: 50% !important;
        right: auto !important;
        bottom: auto !important;
    }
    #CropImage .popup-content {
        box-sizing: border-box;
        width: auto;
    }

    .popup::after {
        display: inline-block;
        content: '';
        height: 100%;
        vertical-align: middle;
    }
    
    .popup .popup-content {
        text-align: left;
        
        display: inline-block;
        width: calc(100% - 32px);
        
        box-sizing: border-box;
        vertical-align: middle;
        
        padding: 20px;
        
        background-color: #ffffff;
        
	    border: 1px solid #e0e4e5;
        border-radius: 16px;
        
        box-shadow: 0px 0px 16px 0px #00000040;
    }
    
    #CropImage .popup-content {
        width: 100%;
    }

    .popup-text {
        font-size: 15px;

        color: #000;
    }

   .popup .close{
       width: 11px;
       height: 11px;
       top: 14px;
       right: 15px;
       background-image: url('../Images/delete-doc--mobile.png?v=2');
   }
}

/*--- /popup --*/


/*--- footer --*/
.footer-wrapper{
    box-sizing: border-box;
    width: 100%;
    margin: auto auto 0;
    padding: 0 8px;
    max-width: 972px;
}

.footer {
    display: flex;

    flex-direction: row;
    justify-content: space-between;

    width: 100%;

    padding: 44px 0;
    
    margin-top: auto;


    font-size: 13px;
    color: #000;

    background: none;

    position: relative;

    box-sizing: border-box;
}

.footer a {
    color: #000;
}

.copy {
    padding: 0;
    
    color: #A0A0A0;
}

.footer nav {
    padding-top: 6px;
    padding-bottom: 7px;
}

.footer__links li {
    list-style: none;
    line-height: 13px;
}

.footer__right-block {
    display: flex;

    flex-direction: column;
    justify-content: space-between;
}

.footer .language {
    position: relative;

    height: 28px;

    cursor: pointer;

    margin-left: auto;
    align-self: center;
}

.footer .language a:hover {
    text-decoration: none;
}

.footer .language:hover,
.footer .language.hover {
    background-color: rgba(0,0,0,0.1);
    z-index: 21;
}

.footer .language .language-link {
    padding-left: 36px;
    display: inline-block;
    background-position: 17px 3px;
    background-repeat: no-repeat;
}

.footer .language .language-link span {
    border-bottom: 1px dotted #fff;
}

.footer .language:hover span {
    border-color: transparent;
}

.footer .language ul {
    position: absolute;
    right: 0px;
    bottom: 28px;
    padding: 9px 0 10px 0;
    width: 155px;
    background: #fff;
    display: none;
    /*border:1px solid #d9d9d9;*/
    box-shadow: 0px 0px 15px rgba(0,0,0, 0.2);
    -moz-box-shadow: 0px 0px 15px rgba(0,0,0, 0.2);
    -webkit-box-shadow: 0px 0px 15px rgba(0,0,0, 0.2);
    -o-box-shadow: 0px 0px 15px rgba(0,0,0, 0.2);
}

.footer .language.hover ul,
.footer .language:hover ul {
    display: block;
}

.footer .language li {
    list-style: none;
    font-size: 15px;
}

.footer .language li a {
    padding: 4px 0 4px 45px;
    display: block;
    background-position: 17px 3px;
    background-repeat: no-repeat;
    color: #000;
}

.footer .language li a:hover {
    background-color: #668bc7;
    color: #fff;
}

.footer .language > .language-link,
.footer .language .language__change-link{
    background-size: 16px auto;
}

.footer .language .en {
    background-image: url('../Images/flags/flag_en.png?v=2');
}

.footer .language .de {
    background-image: url('../Images/flags/flag_de.png?v=2');
}

.footer .language .cs {
    background-image: url('../Images/flags/flag_czech_republic.png?v=2');
}

.footer .language .ru {
    background-image: url('../Images/flags/flag_ru.png?v=2');
}

.footer .language .uk {
    background-image: url('../Images/flags/flag_uk.png?v=2');
}

.footer .language .zh {
    background-image: url('../Images/flags/flag_zh.png?v=2');
}

.footer .language .es {
    background-image: url('../Images/flags/flag_es.png?v=2');
}

.footer .language .fr {
    background-image: url('../Images/flags/flag_fr.png?v=2');
}

.footer .language .it {
    background-image: url('../Images/flags/flag_it.png?v=2');
}

.footer .language .pl {
    background-image: url('../Images/flags/flag_pl.png?v=2');
}

.footer .language .ro {
    background-image: url('../Images/flags/flag_ro.png?v=2');
}

.footer .language .hu {
    background-image: url('../Images/flags/flag_hu.png?v=2');
}

.footer .language .pt {
    background-image: url('../Images/flags/flag_pt.png?v=2');
}

.footer .language .tr {
    background-image: url('../Images/flags/flag_tr.png?v=2');
}

.footer__help {
    width: 170px;
}

.footer__help a {
    display: block;

    line-height: 22px;
}

.footer__need-help {
    padding: 0;
    margin-bottom: 2px;

    font-family: 'Inter-SemiBold', sans-serif;
}

.footer__help a:not(:last-child) {
    margin-bottom: 2px;
}

.footer__links li:not(:last-child) {
    margin-bottom: 11px;
}

/*--- /footer --*/