.dashbord-user__title {
    font-weight: 600;
    font-size: 1.4em;
    color: #333;
}

.dashbord-user__title.with-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dashbord-user__title.with-link a {
    font-size: 10px;
    text-decoration-line: underline;
    color: #333333;
}

.dashbord-user__progress {
    width: 100%;
    max-width: 350px;
    margin-top: 33px;
}

.dashbord-user__progress--list .dashbord-user__progress:first-child {
    margin-top: 20px;
}

.dashbord-user__progress .b-progrees {
    width: 100%;
    /*max-width: 35em;*/
    max-width: 100%
}

.dashbord-user__progress .top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}

.dashbord-user__progress .top .title {
    font-size: 14px;
}

.dashbord-user__progress .top .value span {
    font-size: 14px;
}

.dashbord-user__progress .top .value span:first-child {
    color: #F75000;
}

.dashbord-user__progress .top .value span:last-child:before {
    content: '/';
    font-size: 14px;
}

.compliments .compliments__item,
.achievement__item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 20px;
}

.compliments .compliments__item:nth-child(n+4) {
    margin-top: 40px;
}

.achievement__item:nth-child(n+4) {
    margin-top: 50px;
}

.compliments__item .text,
.achievement__item .text {
    margin-top: 20px;
    font-size: 12px;
    color: rgba(51, 51, 51, 0.6);
}

.compliments__item.active .text,
.achievement__item.active .text {
    color: #333;
}

.compliments__item .img,
.achievement__item .img {
    width: 40px;
    height: 30px;
}

.compliments__item .img img,
.achievement__item .img img {
    width: 100%;
}

.compliments__list,
.achievement__list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
}

.compliments__list {
    width: 100%;
}

.achievement__list {
    width: 100%;
    /*max-width: 38.5em;*/
}

.dashbord-user__progress--achievement .achievement {
    display: block;
    width: 100%;
}

.flex-wrapper {
    display: flex;
    justify-content: space-between;
}

.dashbord-user__progress--achievement {
    display: flex;
    width: 100%;
    max-width: 340px;
}

.dashbord-user__progress--list {
    width: 100%;
    /*max-width: 35em;*/
}

.compliments {
    width: 100%;
    max-width: 340px;
}

.dashbord-user__info {
    display: flex;
    justify-content: space-between;
}

.dashbord-user__raiting {
    width: 100%;
    max-width: 350px;
    margin-top: 20px;
    margin-right: 20px;
}

.background-wrapper {
    display: flex;
    width: 100%;
    /*max-width: 758px;*/
    justify-content: space-between;
    background: #F7F7F7;
    padding: 20px;
}

.achievement__list .achievement__item {
    flex: 33.33%;
}

.compliments__list .compliments__item {
    flex: 33.33%;
}

.dashbord-user__progress--achievement {
    position: relative;
}

.compl-achiev-devider {
    width: 1px;
    background-color: #F75000;
    height: 80%;
    margin: 6% 10px auto 10px;
}

/*
.dashbord-user__progress--achievement:before {
    content: '';
    width: 2px;
    height: 220px;
    border-left: 1px solid #F75000;
    position: absolute;
    left: -17px;
    top: 50%;
    transform: translate(0, -50%);
}
*/
.block-title {
    font-weight: 600;
    font-size: 24px;
    color: #333;
    position: relative;
}

.block-title.with-link {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.block-title.with-link a {
    font-size: 14px;
    text-decoration: underline;
    color: #333;
}

.block-title span {
    position: relative;
}

.block-title span:after {
    content: '';
    width: 50px;
    height: 5px;
    display: block;
    position: absolute;
    top: 100%;
    left: 0px;
    border-bottom: 5px solid #F75000;
    box-sizing: initial;
}

.activity {
    margin-top: 70px;
}
/*
.hexagon {
    position: relative;
    width: 76px;
    height: 43px;
    margin: 25px 0;
    background-size: auto 82px;
    background-position: center;
    border-left: solid 2px #F75000;
    border-right: solid 2px #F75000;
}

.hexTop,
.hexBottom {
    position: absolute;
    z-index: 1;
    width: 54px;
    height: 54px;
    overflow: hidden;
    -webkit-transform: scaleY(0.6) rotate(-45deg);
    -ms-transform: scaleY(0.6) rotate(-45deg);
    transform: scaleY(0.6) rotate(-45deg);
    background: inherit;
    left: 9px;
}


.hexTop:after,
.hexBottom:after {
    content: "";
    position: absolute;
    width: 71px;
    height: 41px;
    -webkit-transform: rotate(45deg) scaleY(1.7) translateY(-20px);
    -ms-transform: rotate(45deg) scaleY(1.7) translateY(-20px);
    transform: rotate(45deg) scaleY(1.7) translateY(-20px);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    background: inherit;
}

.hexTop {
    top: -27px;
    border-top: solid 2px #F75000;
    border-right: solid 2px #F75000;
}

.hexTop:after {
    background-position: center top;
}

.hexBottom {
    bottom: -27px;
    border-bottom: solid 2px #F75000;
    border-left: solid 2px #F75000;
}

.hexBottom:after {
    background-position: center bottom;
}

.hexagon:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    width: 7px;
    height: 41px;
    z-index: 2;
    background: inherit;
}
*/

.hexagon {
	height: 81px;
	width: 75px;
	position: relative;
    margin-left: -38px;
    margin-top: -5px;
}
.hexagon:before {
    position: absolute;
    content: '';
    height: 41px;
	width: 100%;
	top: 22px;
	left: -1px;
	border-left: solid 1px #F75000;
    border-right: solid 1px #F75000;
}

.hexagon_photo {
	height: 86px;
	width: 73px;
	position: relative;
	overflow: hidden;
	background: center/cover no-repeat;
}

.hexagon_atop {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 50%
}

.hexagon_atop:before {
	background: #fff;
	position: absolute;
	content: '';
	height: 100%;
	width: 100%;
	left: 0;
	top: -71px;
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
    border: solid 1px #F75000;
}

.hexagon_atop:after {
	background: #fff;
	position: absolute;
	content: '';
	height: 100%;
	width: 100%;
	left: -100%;
	top: -71px;
	-webkit-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	transform: rotate(-30deg);
    border: solid 1px #F75000;
}

.hexagon_abtm {
	position: absolute;
	height: 100%;
	width: 100%;
	bottom: 0;
	left: 50%
}

.hexagon_abtm:before {
	background: #fff;
	position: absolute;
	content: '';
	height: 100%;
	width: 100%;
	left: 0;
	bottom: -71px;
	-webkit-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	transform: rotate(-30deg);
    border: solid 1px #F75000;
}

.hexagon_abtm:after {
	background: #fff;
	position: absolute;
	content: '';
	height: 100%;
	width: 100%;
	left: -100%;
	bottom: -71px;
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
    border: solid 1px #F75000;
}



.activity__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #FFFFFF;
    box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.04);
    margin-top: 20px;
    margin-left: 40px;
    min-height: 85px;
}

.activity__item:first-child {
    margin-top: 50px;
}

.activity__item:nth-child(even) , .activity__item:nth-child(even) .hexagon_atop:before, .activity__item:nth-child(even) .hexagon_abtm:before
{
    background: #F7F7F7;
}

.activity__item .title {
    font-size: 14px;
    color: #333;
    width: 300px;
}

.activity__item .type {
    font-size: 14px;
    font-weight: 300;
    color: rgba(51, 51, 51, 0.8);
    width: 150px;
}

.activity__item .price {
    font-size: 14px;
    color: #333;
}

.activity__item .price span {
    font-weight: 600;
    color: #F75000;
}

.activity__item .plus-ball {
    font-size: 14px;
    color: #333;
}

.activity__item .plus-ball span {
    font-weight: 600;
    color: #F75000;
}

.activity__item .btn {
    width: 100%;
    max-width: 260px;
    padding: 0 20px;
}

.activity__item .c-btn {
    text-decoration: none;
    text-transform: unset;
    width: 100%;
    height: auto;
    padding: 10px 0px;
    text-align: center;
    display: block;
    border: 1px solid #F75000;
    color: #F75000;
    font-size: 11px;
    font-weight: 400;
    transition: .3s ease-in-out;
    background: #F75000;
    color: #fff;
    width: 100%;
    text-transform: uppercase;
    border-radius: 0;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.activity__item .c-btn:hover, .activity__item .c-btn.cancel {
    background: #fff;
    color: #F75000;
}

.activity__item .btn a:hover , .activity__item .c-btn.cancel:hover {
    background: #F75000;
    color: #fff;
}

.btn.get-reg a {
    background: #F75000;
    color: #fff;
}

.btn.get-reg a:hover {
    background: transparent;
    color: #000;
}

.activity__item .btn span,
.activity__item.get-reg .btn span {
    font-size: 18px;
    font-weight: 600;
    color: rgba(51, 51, 51, 0.3);
    text-align: center;
    width: 100%;
    display: block;
}

.last-services {
    margin-top: 70px;
    overflow: auto;
    padding-bottom:35px;
}

.last-services__list {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
}

.last-services__item {
    min-width: 262px;
    max-width: 262px;
    border: 1px solid #E8E8E8;
    /*margin-top: 50px;*/
    margin-right: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.last-services__item:last-child {
    margin-right: 0;
}


.last-services__item .content {
    flex: 1 0 auto;
}

.last-services__item .title {
    width: 100%;
    height: 188px;
    background-size: cover;
    display: flex;
    align-items: flex-end;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: bold;
    font-size: 18px;
    color: #000;
    position: relative;
    text-shadow: 0 0 4px #fff;
}

.last-services__item .title span {
    position: relative;
    z-index: 10;
    padding-bottom: 20px;
}

.last-services__item .title:after {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(360deg, #FFFFFF 0%, rgba(255, 255, 255, 0.3) 100%);
    position: absolute;
    left: 0;
    top: 0;
}

.last-services__item .text {
    margin-top: 8px;
    color: #333;
    font-weight: 400;
    padding: 0px 20px;
    font-size: 1.167em;
	line-height: 18px;
}

.last-services__item .price {
    margin-top: 35px;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 0px 20px;
}

.last-services__item .price span:first-child {
    width: 100%;
    max-width: 110px;
    display: block;
    font-size: 1em;
    color: #333;
    opacity: 0.5;
}

.last-services__item .price span:last-child {
    font-weight: bold;
    font-size: 18px;
    color: #F75000;
    text-align: right;
    width: 100%;
    display: block;
}

.last-services__item .btn {
    flex: 0 0 auto;
    margin-top: 15px;
    padding: 0px;
}

.last-services__item .btn a {
    display: block;
    width: 100%;
    padding: 10px 0px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    background: #F75000;
    /*border: 1px solid #F75000;*/
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    /*margin-bottom: 20px;*/
    transition: .3s ease-in-out;
}

.last-services__item .btn a:hover {
    background: transparent;
    color: #F75000;
}

.company-news {
    margin-top: 35px;
}

.company-news__list {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    margin-bottom: 120px;
    flex-wrap: wrap;
}

.company-news__item {
    width: 100%;
    max-width: 360px;
}

.company-news__item .img {
    width: 100%;
    max-width: 360px;
}

.company-news__item .img img {
    width: 100%;
}

.company-news__item .info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}

.company-news__item .tag {
    text-transform: uppercase;
    padding: 5px 10px;
    border: 1px solid #F75000;
    color: #F75000;
    font-size: 11px;
    display: inline;
}

.company-news__item .title {
    font-weight: 600;
    font-size: 16px;
    color: #333333;
    margin-top: 15px;
    line-height: 18px;
}

.company-news__item .text {
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
    color: #333333;
    margin-top: 10px;
    text-overflow: ellipsis;
    width: 100%;
    max-width: 350px;
    height: 55px;
    overflow: hidden;
}

.company-news__item .subinfo {
    margin-top: 10px;
    color: rgba(51, 51, 51, 0.5);
    font-size: 12px;
    display: flex;
}

.company-news__item .company {
    position: relative;
    padding-left: 10px;
}

.company-news__item .company:before {
    content: '';
    width: 100%;
    height: 100%;
    border-left: 1px solid;
    display: block;
    position: absolute;
    left: 5px;
}


/* menu */

.page-wrapper-for-menu {
    /*display: flex;*/
    min-height: 100%;
}

.page-wrapper-for-menu > .left-menu + .wrapper .footer {
    transition: .8s ease-in-out;
    width: calc(100% - 90px);
}
.page-wrapper-for-menu > .left-menu.active + .wrapper .footer {
    width: calc(100% - 355px);
}
@media(max-width:600px){
    .page-wrapper-for-menu > .left-menu + .wrapper .footer {
        width: 100%;
    }
    .page-wrapper-for-menu > .left-menu.active + .wrapper .footer {
        width: 100%;
    }
}


.left-menu {
    width: 100%;
    max-width: 90px;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    background-color: #F7F7F7;
    box-shadow: inset -10px 0px 10px rgba(0, 0, 0, 0.05);
    overflow: auto;
    transition: .8s ease-in-out;
    background-image: url('/template_main/lk/img/leftmenu_bg.png');
    background-repeat: no-repeat;
    background-position: bottom;
}

.left-menu.open {
    max-width: 355px;
}

.toggle-menu--btn {
    display: flex;
    justify-content: flex-end;
    padding-right: 12px;
    padding-top: 10px;
}

.left-menu:not(.active) .toggle-menu--btn {
    padding-right: 3px;
}

.toggle-menu--btn a {
    font-weight: 400;
    font-size: 12px;
    color: rgba(51, 51, 51, 0.8);
    text-decoration: none;
}

.user-info {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 310px;
    margin: auto;
}

.user-info__photo {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    transition: .6s linear;
}

.user-info__photo img {
    width: 100%;
    height: 100%;
}

.user-info__info {
    margin-left: 15px;
    width: 100%;
    max-width: 195px;
}

.user-info__info .info {
    margin-top: 15px;
}

.user-info__info .name {
    font-weight: 600;
    font-size: 14px;
    color: #333333;
}

.user-info__info .name a,
.user-info__subInfo a {
    color: #333333;
    text-decoration: none;
}

.user-info__info ul {
    font-weight: 400;
    font-size: 14px;
    color: #333333;
}

.user-info__info ul {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    width: 100%;
}

.left-menu:not(.active) .user-info__info ul {
    display: block;
}

.user-info__info ul li span {
    font-size: 14px;
    font-weight: 400;
    color: #F75000;
}

.user-info__info ul li:last-child {
    color: #F75000;
}

.user-info__info .raiting {
    margin-top: 7px;
}

.user-info__info .raiting ul li:last-child {
    display: flex;
}

.user-info__info .raiting ul li:last-child .rate-view {
    margin-left: 10px;
}

.user-info__info .raiting ul li:last-child .rate-view.up svg path {
    fill: #657E00;
}

.user-info__info .raiting ul li:last-child .rate-view.up span {
    color: #657E00;
}

.user-info__info .raiting ul li:last-child .rate-view.down svg path {
    fill: red;
}

.user-info__info .raiting ul li:last-child .rate-view.down svg {
    transform: rotate(180deg);
}

.user-info__info .raiting ul li:last-child .rate-view.down span {
    color: red;
}

.user-info__subInfo {
    border-top: 1px solid #F75000;
    border-bottom: 1px solid #F75000;
    padding: 15px 0px;
    margin-top: 20px;
}

.user-info__subInfo .line {
    width: 100%;
    max-width: 300px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.user-info__subInfo .line .left {
    display: flex;
    align-items: center;
}

.user-info__subInfo .line:not(:first-child) {
    margin-top: 15px;
}

.user-info__subInfo .line .text {
    font-size: 14px;
    font-weight: 400;
    color: #333;
}

.user-info__subInfo .line .rate {
    font-weight: 400;
    font-size: 14px;
    color: #F75000;
}
/*
.user-info__subInfo .line .rate span:first-child {
    font-weight: 400;
    font-size: 14px;
    color: #F75000;
}

.user-info__subInfo .line .rate span:last-child {
    font-weight: 300;
    font-size: 10px;
    color: #F75000;
    padding-left: 3px;
}
*/
.user-info__subInfo .line .left .text {
    margin-left: 10px
}

.user-info__subInfo .line .info.stars {
    width: 100%;
    max-width: 105px;
}

.user-info__subInfo .line .stars .top-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.user-info__subInfo .line .stars .top-info span {
    font-size: 10px;
    color: #333333;
}

.user-info__subInfo .line .stars .bottom-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.user-info__subInfo .line .years {
    font-weight: 400;
    font-size: 14px;
    text-align: right;
    color: #F75000;
}

.user-info__partners--wrapper {
    background-color: #fff;
    border-bottom: 1px solid #F75000;
}

.user-info__partners {
    width: 100%;
    max-width: 300px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0px;
}

.user-info__partners .left {
    font-size: 14px;
    font-weight: 400;
    color: rgba(51, 51, 51, 0.6);
}

.user-info__partners .left span {
    font-weight: 400;
    font-size: 14px;
    text-decoration-line: underline;
    padding-left: 5px;
    color: #F75000;
}

.user-info__partners .right {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.user-info__partners .right .days {
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    margin-right: 10px;
}

.user-info__partners .right .days span {
    font-weight: 400;
    font-size: 14px;
    color: #F75000;
    padding-right: 5px;
}

.user-info__partners .right .continue a {
    font-size: 14px;
    line-height: 16px;
    text-decoration: underline;
    font-weight: 400;
    color: #333333;
}

.user-info__menu {
    width: 100%;
    max-width: 300px;
    margin: auto;
    padding-bottom: 15px;
}

.user-info__menu li {
    margin-top: 15px;
}

.user-info__menu li a {
    display: flex;
    align-items: center;
}

.user-info__menu li a .text {
    margin-left: 15px;
    font-size: 16px;
    color: #333;
    text-decoration: none;
}

.user-info__menu li.sub {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    /*cursor: pointer;*/
}

.user-info__menu li.sub .text {
    margin-left: 15px;
    font-size: 16px;
    color: #333;
    text-decoration: none;
}

.user-info__menu li.sub ul.submenu {
    flex: 100%;
}

.user-info__menu li.sub a:not(.sub) {
    font-weight: 300;
    font-size: 14px;
    color: rgba(51, 51, 51, 0.7);
    transition: .3s ease-in-out;
}

.user-info__menu li.sub a:hover {
    color: #F75000;
}

.user-info__menu li.sub li {
    margin-top: 10px;
}

.user-info__menu li.sub li.active a {
    color: #F75000;
}

.user-info__menu li.sub li {
    padding-left: 50px;
    position: relative;
}

.user-info__menu li.sub .submenu {
    display: none;
}

.user-info__menu li.sub .submenu.open {
    display: block;
}

.user-info__menu li.sub li.active a:before {
    content: '';
    width: 34px;
    height: 3px;
    background: #F75000;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.user-info__menu--wrapper {
    border-top: 1px solid #F75000;
    /*padding-top: 10px;*/
}


/* hide for closet menu */

.left-menu:not(.active) .user-info__info .name,
.left-menu:not(.active) .user-info__info .rating,
.left-menu:not(.active) .user-info__info ul li:first-child,
.left-menu:not(.active) .user-info__subInfo .line .left .text,
.left-menu:not(.active) .user-info__subInfo .line .info,
.left-menu:not(.active) .user-info__partners--wrapper,
.left-menu:not(.active) .user-info__menu li a .text,
.left-menu:not(.active) .user-info__menu li.sub .text {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}

.left-menu:not(.active) .user-info__info .raiting ul li:last-child {
    display: none;
}

.left-menu:not(.active) .left-menu {
    max-width: 90px;
}

.left-menu:not(.active) .user-info__menu li.sub .submenu.open {
    display: none;
}

.left-menu:not(.active) .user-info__menu--wrapper,
.left-menu:not(.active) .user-info__subInfo {
    border: none;
}

.left-menu:not(.active) .user-info__subInfo .line .left {
    width: 100%;
    justify-content: center;
}

.left-menu:not(.active) .user-info__subInfo {
    display: none;
}

.left-menu:not(.active) .user-info__menu li a,
.left-menu:not(.active) .user-info__menu li.sub {
    justify-content: center;
}

.left-menu:not(.active) .user-info {
    flex-direction: column;
}

.left-menu:not(.active) .user-info__photo {
    width: 60px;
    height: 60px;
}

.left-menu:not(.active) .user-info__menu li.sub .submenu {
    display: none !important;
}

.left-menu:not(.active) {
    overflow: hidden;
}


/* show for open menu */

.left-menu.active .user-info__info .balance,
.left-menu.active .user-info__info .name,
.left-menu.active .user-info__info ul li:first-child,
.left-menu.active .user-info__subInfo .line .left .text,
.left-menu.active .user-info__subInfo .line .info,
.left-menu.active .user-info__partners--wrapper,
.left-menu.active .user-info__menu li a .text,
.left-menu.active .user-info__menu li.sub .text {
    opacity: 1;
    visibility: visible;
    position: relative;
    transition: .3s ease-in-out;
    transition-delay: .6s;
}

.user-info__info .balance a {
    color: #333;
}

.left-menu.active {
    max-width: 355px;
}

.left-menu.active .user-info__menu li.sub .submenu.open {
    display: block;
}

.user-info__menu--wrapper,
.user-info__subInfo {
    /*border: none;*/
}

.left-menu+.wrapper,
.left-menu+.wrapper .header {
    transition: .8s ease-in-out;
}

.left-menu.active+.wrapper,
.left-menu.active+.wrapper .header {
    padding-left: 355px;
}

.left-menu+.wrapper,
.left-menu+.wrapper .header {
    padding-left: 90px;
}

.left-menu+.wrapper {
    flex: unset;
    width: 100%;
}

.left-menu.active+.wrapper .container {
    padding-left: 50px;
}


.left-menu a.sub .text.active {
    color: #F75000;
}


.activity__item .line-1,
.activity__item .line-2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.activity__item .line-1 {
    width: 100%;
    max-width: 336px;
}

.activity__item .line-2 {
    width: 100%;
    max-width: 236px;
}

.company-news__item .view {
    display: flex;
    align-items: center;
}

.company-news__item .view span {
    color: #333;
}

.left-menu .toggle-menu--btn a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.left-menu .toggle-menu--btn img {
    transform: rotate(-90deg);
    order: 2;
    margin-left: 5px;
}

.left-menu .toggle-menu--btn span {
    order: 1;
}

.left-menu.active .toggle-menu--btn img {
    transform: rotate(90deg);
    order: 1;
    margin-left: 0px;
    margin-right: 5px;
}

.left-menu.active .toggle-menu--btn span {
    order: 2;
}

.mCSB_scrollTools .mCSB_draggerRail {
    /*background-color: #F7F7F7;*/
    width: 0 !important;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #ff530070 !important;
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #F75000 !important;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
    border-radius: 0;
}

.mCSB_inside>.mCSB_container {
    margin-right: 13px;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 10px
}

.mCSB_outside+.mCSB_scrollTools {
    right: -7px !important;
}

.left-menu.active .user-info__info {
    margin-left: 15px;
    width: 100%;
    max-width: 195px;
}

.left-menu .user-info__info {
    width: auto;
    max-width: auto;
    margin-left: 0px;
    /*text-align: center;*/
}

.left-menu .toggle-menu_mob,
.left-menu .user-info_mob-logout {
    display: none;
}



.modal {
    /*position: initial !important;*/
}

* {
    box-sizing: border-box;
}


.user-photo {
    width: 150px !important;
    height: 150px !important;
    min-width: 150px !important;
    min-height: 150px !important;
    /*margin: 20px auto !important;*/
    margin: 0 2em 2em 0;
}


.tooltip {
  position: absolute;
  /*z-index: 1070;*/
  z-index: 10000;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857143;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 12px;
  filter: alpha(opacity=0);
  opacity: 0;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: 0.9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
/*
.left-menu.active .tooltip {
    display: none !important;
}
*/
@media(max-width: 1200px) {
    .dashbord-user__info {
        flex-wrap: wrap;
        justify-content: center;
    }
    .background-wrapper {
        margin-top: 20px;
    }
    .last-services__list {
        justify-content: unset;
        overflow: scroll;
        padding-bottom: 20px;
    }
/*
    .last-services__item:not(:first-child) {
        margin-left: 30px;
    }
*/
    .company-news__item {
        margin-top: 30px;
    }
}

@media(max-width: 1024px) {
    .activity__item {
        flex-wrap: wrap;
        min-width: 305px;
        max-width: 305px;
        background: #FFFFFF;
        box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.15);
        padding: 12px;
        position: relative;
        min-height: 123px;
        margin-left: 40px;
    }
    .activity__item .hexagon {
        position: absolute;
        left: 0;
        transform: translate(-50%, -25%);
        margin-left: 0;
    }
    .activity__item .btn a {
        font-size: 12px;
    }
    .activity__item .line-1 {
        margin-top: 40px;
        flex-direction: column;
        justify-content: flex-start;
        text-align: left;
    }
    .activity__item .title {
        width: 100%;
        margin-left: 40px;
        margin-bottom: 10px;
        font-size: 14px;
    }
    .activity__item .type {
        width: 50%;
        margin-left: 40px;
        font-size: 12px;
    }
    .activity__item .price {
        width: calc(50% - 40px);
        margin-left: 40px;
        margin-top: 10px;
        order: 4;
        flex: 20%;
    }
    .activity__item .plus-ball {
        font-size: 12px;
        order: 3;
    }
    .activity__item .btn {
        flex: 50%;
        max-width: 160px;
        order: 5;
        margin-top: 10px;
    }
    .activity__item .c-btn {
        width: 160px;
        padding: 10px 0;
        font-size: 14px;
    }
    .activity__item:not(:first-child) {
        margin-left: 40px;
    }
    .activity__list {
        display: flex;
        overflow: scroll;
        padding-bottom: 20px;
        padding-top: 40px;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .activity__item:first-child {
        margin-top: 20px;
    }
    .activity__item .btn span,
    .activity__item.get-reg .btn span {
        font-size: 12px;
    }
    .activity__item .price span {
        font-size: 14px;
    }
    .activity__item .price {
        font-size: 12px;
    }
    .activity__item .btn a {
        padding: 13px 0px;
    }
}

@media (max-width: 900px) {

    .dashbord-user__raiting,
    .compliments,
    .achievement {
        display: block !important;
        margin: auto;
        /*background: #F7F7F7;*/
        padding: 10px;
       /* max-width: 350px;*/
        margin-top: 20px;
        max-width: none;
    }

    .dashbord-user__progress {
        max-width: none;
    }


/*
    .dashbord-user__progress--achievement:before {
        display: none;
    }

    .compl-achiev-devider {
        display: none;
    }
*/
    .company-news__item {
        display: block !important;
        margin: auto;
    }
    .dashbord-user__info .slick-dots li button:before,
    .company-news__list .slick-dots li button:before {
        display: none;
    }
    .dashbord-user__info .slick-dots li,
    .company-news__list .slick-dots li {
        margin-top: 20px;
    }
    .dashbord-user__info .slick-dots,
    .company-news__list .slick-dots {
        position: relative;
        bottom: 0px;
        margin-top: 20px;
    }
    .dashbord-user__info .slick-dots li button,
    .company-news__list .slick-dots li button {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #E8E8E8;
    }
    .dashbord-user__info .slick-dots li.slick-active button,
    .company-news__list .slick-dots li.slick-active button {
        border: 2px solid #F75000;
        background: #fff;
    }
}

@media (max-width: 830px) {
    .company-news__list {
        justify-content: center;
    }
    /* .block-title.with-link a {
        display: none;
    } */
}

@media (max-width: 930px) {
    .hide-link-mobile a {
        display: none;
    }
    .left-menu+.wrapper,
    .left-menu+.wrapper .header {
        padding-left: 0px;
    }
    .left-menu {
        max-width: 0px;
    }
    .user-info {
        flex-direction: row-reverse;
        margin-top: 20px;
    }
    .user-info__info {
        margin-left: 0px;
        margin-right: 15px;
    }
    .user-info__photo {
        /*overflow: unset;*/
        display: flex;
        align-items: center;
    }
    .user-info__photo .mobile-user--arrow {
        margin-left: 5px;
    }
    .toggle-menu--btn {
        display: none;
    }


    .slick-slide {
        padding: 0px 8px;
    }


    .left-menu-clone {
        position: absolute;
        width: 100%;
        height: 0 !important;
        /*top: 100px;*/
        max-width: 100% !important;
    }

    .left-menu-clone.active {
        height: 100% !important;
        position:fixed;
    }

    .left-menu-clone .user-info__photo {
        /*display: none;*/
    }

    .left-menu.active .user-info__info {
        margin: 0 20px 0 0;
        /*max-width: 100%;*/
    }

    .left-menu-clone .toggle-menu_mob {
        display: none;
    }

    .left-menu-clone.active .toggle-menu_mob {
        display: block;
        position: absolute;
        top: 20px;
        right: 20px;
        line-height: 40px;
        cursor: pointer;
    }

    .left-menu-clone .user-info_mob-logout {
        display: block;
    }
}
.dashbord-user__warning p
{
    font-size: 1.167em;
    padding: 20px 0;
    line-height: 1.4em;
}
.dashbord-user__warning a.c-btn{
    font-size: 1.167em;
    text-decoration: none;
    height: auto;
    padding: 10px 0px;
    text-align: center;
    display: block;
    border: 1px solid #F75000;
    font-weight: 400;
    transition: .3s ease-in-out;
    background: #F75000;
    color: #fff;
    width: 100%;
    text-transform: uppercase;
    border-radius: 0;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.dashbord-user__warning a.c-btn:hover{
    background: #fff;
    color:#F75000;
}
.dashbord-user__info.warning{
    background:rgba(247, 80, 0, 0.1);
}
.dashbord-user__warning .dashbord-user__title i
{
    color:#f75000;
}
.dashbord-user__warning
{
    padding:0px 20px 0px 40px
}
@media (max-width: 500px) {
    .dashbord-user__warning
    {
        padding:20px;
    }
    .block-title.with-link {
        font-size: 18px;
    }
    .left-menu+.wrapper,
    .left-menu+.wrapper .header {
        padding-left: 0px;
    }
}

.left-menu.active .user-photo {
    width: 100px !important;
    height: 100px !important;
    min-width: 100px !important;
    min-height: 100px !important;
}
.left-menu .user-photo {
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    min-height: 60px !important;
}
.left-menu .user-photo {
    border-radius: 50%;
    overflow: hidden;
    transition: .8s linear;
    flex: none;
    margin: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    background: center/cover no-repeat;
    display: block;
}
.left-menu .user-photo .user-photo__body {
    display: none;
    opacity: 0;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    position: absolute;
    bottom: 1.5em;
    color: white;
    text-decoration: underline;
    z-index: 1;
    font-size: 1.2em;
    text-align: center;
    width: 100%;
}
.left-menu .user-photo input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    opacity: 0;
    z-index: -1;
}
.left-menu.active .user-info__info {
    margin-left: 15px;
    width: 100%;
    max-width: 195px;
}
.left-menu .user-photo__body img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.83333em;
}

.useroffer-content-modal {
    max-height: 500px;
    overflow: scroll;
    padding: 0px 10px 0px 0px;
}
.useroffer-content p,
.useroffer-content-modal p {
    font-size: 14px;
    line-height: 1.3;
    font-family: "Open Sans" !important;
    margin-bottom: 10px;
}
.useroffer-content ol,
.useroffer-content ul
.useroffer-content-modal ol,
.useroffer-content-modal ul {
    padding: 20px;
    list-style: none;
    line-height: 1.3;
}
.useroffer-content li,
.useroffer-content-modal li {
    margin-bottom: 5px;
    padding-left: 17px;
    position: relative;
    font-size: 14px;
    font-family: "Open Sans" !important;
}
.useroffer-form .form-group {
    text-align: center;
    margin: 0px 0px 0px 0px;
}
.useroffer-form .form-group label {
    font-size: 20px;
    display: block;
    margin: 0px 0px 5px 0px;
}
.useroffer-form .form-group span {
    font-size: 20px;
    display: inline-block;
    margin: 0px 0px 0px 10px;
}
.useroffer-form .btn {
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    background: #f75000;
    width: 100%;
    font-size: 1em;
    line-height: 1;
    padding: 13px 15px 12px;
    border: 1px solid #f75000;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    text-align: center;
    cursor: pointer;
    height: 36px;
    padding: 11px;
    -webkit-box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, .1);
    box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, .1);
    width: auto;
    -ms-align-self: flex-end;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    padding-left: 30px;
    padding-right: 30px;
}
.useroffer-form .btn:hover {
    background: #fff;
    color: #f75000;
}
.useroffer-form span.error {
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
    color: #f75000;
    margin: 0px 0px 0px 0px;
} 
.useroffer-form .form-group.has-error span.error {
    margin: 0px 0px 20px 0px;
}
.custom-user-fancybox.successform {
    max-width: 855px;
}
.custom-user-fancybox .successform__content {
    padding: 16px 46px 24px;
}
.userportal-content-modal {
    margin: 20px 0px 0px 0px;
}
.userportal-form .btn {
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    background: #f75000;
    width: 100%;
    font-size: 1em;
    line-height: 1;
    padding: 13px 15px 12px;
    border: 1px solid #f75000;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    text-align: center;
    cursor: pointer;
    height: 36px;
    padding: 11px;
    -webkit-box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, .1);
    box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, .1);
    width: auto;
    -ms-align-self: flex-end;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    padding-left: 30px;
    padding-right: 30px;
    margin: 10px 20px 10px 20px;
}
.userportal-form .btn:hover {
    background: #fff;
    color: #f75000;
}
.userportal-form .btn.cancel {
    background: #727272;
}