/* RESET CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* fonts */

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/rubik-medium-webfont.woff2') format('woff2'),
         url('../fonts/rubik-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/rubik-regular-webfont.woff2') format('woff2'),
         url('../fonts/rubik-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

/* GLOBAL */
html {
    height: auto;
    position: relative;
    width: 100%;
    -webkit-text-size-adjust: 100%; 
    -webkit-font-smoothing: antialiased;
}

body{
    height: auto;
    position: relative;
    width: 100%;
    /*background-color: #f8f8f8;*/
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    font-size: 14px;
    overflow-x: hidden;
}

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

.dropdown-menu > li > a, .std-hover, .login  .btn .arrow span, .left-menu .menu  li span, .left-menu .menu  li::before, .left-menu, .site-container, .lmenu-active .site-container, .site-container, .header .menu ul li a, .button, input.text-style, textarea.text-style, textarea.message-style,  ul.choose-option li, .customCheckbox  .checkboxLabel::after,.customCheckbox  .checkboxLabel::before, .fmenu li a, .carousel-indicators li, .right-promo-box .carousel .item a, .nav-tabs > li > a, .fcopy a, .card-list li::before, .card-list li::after, .owl-dots .owl-dot, .right-promo-box .item a, .card-box.blank input.text-style + .icon-add-card, .card-box .clear, .selectBox  button, .selectBox .dropdown-menu ul li a, .club-style .link a, .menu-change .link-change, .more-link, .filter-list.label div a, .filter-list.labels div a,
.filter-list.labels div a span, .filter-list  .action span, .filter-list, .left-menu-bg-bar,.dropdown-menu > li > a::before, .fbox-mobile-right a, .filter-section ul li a, .filter-section ul li::before, .filter-section ul li::after, ul.chooseSectionList li a, ul.chooseSectionList li a span, span.closeChooseSection, .filter-list-mobile .action span, .filter-section ul li a::before, .filter-section.sort-style ul li a span.icon-arrow-down2, .filter-list .name .el-name, .filter-list-mobile .name a, .filter-list.box, .ico-list li .icon, .external-scroll_y div.scroll-arrow, .slist li::before, .slist li::after, .infoWindow .thanksClose, .rounded-checkbox label, .rounded-checkbox label span, .image-select  li, .image-select  li img, .pc-added-boxes .rule-info .link, .custom-progress-bar .inn, .custom-progress-bar .inn-2, #thanks .desc .link a,#thanksClose, .link-forget, .button-link,  .info-icon-switch .icon-info, .info-icon-switch .infob, .finish-register .fr-header .tit, .finish-register .fr-header .tit .icon, .alert-box .close-alert-box, .rank-menu ul li, .navbarTop .top-box.searchbox  a, .shopping-cats li a, .ps-arrow, .chat-person-list li, .messages-container, .messages-right-bar .head .tit a, .choose-recipient li, .messages-dropdown  .head .tit .link-new, .last-messages li a, .sa-breadcrumb  .bread ul li a, .gallery li .delete-image, .more-sec .show_more-text, .list-items.comments  .info .time a, .lightbox-top .line .close-lightbox, .daterangepicker .header-line h2 #closeCalendar, .daterangepicker .calendar .glyphicon, .range_inputs button, input.search-style,.comments-list .link-pink, .comments-list .link-red, .filter-list  .ti-download a, .report-transaction-mobile a, .modal.report-transaction .files .removeAttachment, .link.text-style, .inv-list a, .promo-list-page-promobox a, .box.tab-style.new-post #removePhoto, .bottom .lvl .cook-info a, .cook-info .closeX, #tel-info, .foot-menu .tit a, .copyCodeLink, .linkGoToShop, .list-items.promo-style.promo-list-page .image, .std-post .post-content-edit  .link-pink, .std-post .post-content-edit .removeMediaElement, .std-post .post-content-edit .removeMediaElementLink, .std-post  .image .imgElement .roundedPlay::before, .galleryPopup .roundedClose, .galleryPopup .gp-img-box .gp-controll, .video-box-movie .vb-inn .play, .relation-link, .cr-item   .delete-item a, .clearSearchField{
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.std-hover:hover{
    opacity: 0.8;
}

.left{
    float: left;
}
.right{
    float: right;
}

.v-center{
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   position: relative;
   top: 50%;
}

.white{
    color: #fff;
}

.rounded{
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

strong,h1,h2,h3,h4,h5,h6,h7{
    font-weight: 500;
}

a:hover, a:focus{
    text-decoration: none;
}

button{
    -webkit-box-shadow: none;
    -moz-box-shadow:  none;
    box-shadow:  none;
}

.button{
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    line-height: 12px;
    padding: 11px 21px 9px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    display: inline-block;
}

.button.smaller{
    padding-left: 12px;
    padding-right: 12px;
}

.button.longer{
    padding-left: 50px;
    padding-right: 50px;
}

.button.bigger{
    font-size: 16px;
    padding: 19px 30px 17px;
    /* fix firefox */
}

.button.sbigger{
    font-size: 14px;
    padding: 13px 42px 12px;
}

.button.small{
    font-size: 11px;
    padding: 9px 15px 7px;
}

.button.sbigger.sbigger-less-padding{
    padding-left: 20px;
    padding-right: 20px;
}

.button.bigger.longer{
	padding-left: 50px;
    padding-right: 50px;
}	

.button.white{
    color: #ba3982;
    background-color: #fff;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); 
}

.button.white.red-font{
     color: #f40d33;
}

.button.white:hover{
    -webkit-box-shadow: 0px 3px 6px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0px 3px 6px 0 rgba(0, 0, 0, 0.19);
}

.button.pink{
    border: solid 4px var(--text-color-red);
	background-color: var(--text-color-red);
	color: var(--text-color-white);
}

.button.pink:hover{
   opacity: 0.8;
}

.button.pink2{
    color: #fff;
    background-color: #dd3369;
}

.button.pink2:hover{
    background-color: #b0357b;
}

.button.gray{
    color: #b2b2b2;
    background-color: #f2f2f2;
}

.button.gray:hover{
    opacity: 0.8;
}

.button.clear{
    color: #bb3882;
    background-color: transparent;
}

.button.clear:hover{
     background-color: #fafafa;
}
/*
.button.blue{
	color: #fff;
    background-color: #4367af;
}

.button.blue:hover{
    background-color: #3e60a4;
}*/

.button.transparent{
	color: #fff;
    background-color: transparent;
	border: 1px solid #fff;
	padding-top: 10px;
	padding-bottom: 8px;
   /* fix firefox */
}

.button.transparent.bigger{
    padding-top: 19px; 
    padding-bottom: 17px;
}

.button.transparent.bigger.longer{
    padding-top: 18px;
    padding-bottom: 16px;
}

.button.transparent.sbigger{
    padding-top: 14px;
    padding-bottom: 12px;
}

.button.transparent:hover{
    background-color: transparent;
	opacity: 0.7;
}

.button.white-with-border{
	color: #ba3982;
    background-color: transparent;
	border: 1px solid #ba3982;
}

.button.white-with-border:hover{
    opacity: 0.8;
}

.button.purple, .button.blue{
    background-color: #6b2e8c;
    color: #fff;
}

.button.purple:hover, .button.blue:hover{
	opacity: 0.85;
}

.button.with-arrow{
    position: relative;
    padding-right: 40px;
}

.button.with-arrow span{
    position: absolute;
    font-size: 13px;
    right: 14px;
    top: 9px;
}

.button.with-arrow-rev{
    position: relative;
    padding-left: 46px;
}

.button.with-arrow-rev span{
    position: absolute;
    font-size: 13px;
    left: 14px;
    top: 9px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.button.fb-style{
    position: relative;
    padding-left: 45px;
}

.button.fb-style span{
    position: absolute;
    font-size: 24px;
    left: 14px;
    top: 9px;
    color: #fff;
}

.button.remove{
    position: relative;
    padding-left: 30px;
}

.button.remove  span{
    position: absolute;
    font-size: 10px;
    left: 11px;
    top: 11px;
}

.button.addCard{
    position: relative;
    padding-left: 46px;
}

.button.addCard  span{
    position: absolute;
    font-size: 14px;
    left: 13px;
    top: 8px;
}

.button.pin-style{
    padding-left: 30px;
    position: relative;
}

.button.pin-style .icon{
    position: absolute;
    font-size: 14px;
    left: 11px;
    top: 8px;
}

.container-fluid{
    max-width: 1366px;
}

.button.pin-style .icon.icon-pin_on{
    font-size: 17px;
}

.navbarTop{
    height: 70px;
    background-color: #ffffff;
    border-bottom: 0px;
    z-index: 10;
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25); 
}

.navbarTop .container-fluid, .navbarTop .left, .navbarTop .right,.navbarTop .logo,.navbarTop .hamburger-box, .navbarTop .login, .navbarTop .top-box{
    height: 100%;
}

.hamburger-box{
    position: relative;
}

.hamburger{
    cursor: pointer;
    font-size: 11px;
    position: relative;
    top: 41%;
    color: #b2b2b2;
}

.logo{
    position: relative;
    margin-left: 12px;
}

.navbarTop .right{
    padding-right: 38px;
}

.login{
    position: relative;
    float: right;
}

.login  .btn{
    background-color: transparent;
}

.login .btn-group.open .dropdown-toggle, .login .btn:active, .login .btn.active{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.login .btn-group{
    margin-top: 10px;
}

.login  .btn .name{
    line-height: 35px;
    float: left;
    font-size: 14px;
    font-weight: 500;
    color: #4c4c4c; 
    padding-top: 3px;
}

.login  .btn .avatar{
    width: 36px;
    height: 36px;
    float: left;
    position: relative;
    margin-left: 12px;
}

.login  .btn .avatar img{
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 100%;
    height: 100%;
}

.login  .btn .arrow{
   float: left;
   position: absolute;
   display: block;
   width: 15px;
   height: 15px;
   font-size: 6px;
   background-color: #ba3982;
   right: 7px;
   color: #fff;
   text-align: center;
   text-align: center;
}

.login  .btn .arrow .span{
    left: 4px;
    position: absolute;
    top: 5px;
}

.login  .btn .arrow .icon{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.login  .open .btn .arrow span{
    -moz-transform: rotate(180deg) translate(50%, 50%);
    -webkit-transform: rotate(180deg) translate(50%, 50%);
    -o-transform: rotate(180deg) translate(50%, 50%);
    -ms-transform: rotate(180deg) translate(50%, 50%);
    transform: rotate(180deg) translate(50%, 50%);  
}

.login .dropdown-menu{
    left: auto;
    right: -14px;
    top: 37px;
    min-width: 227px;
    border: 0px solid transparent;
    padding: 18px 0px 2px;
    color: #808080;
}

.login .dropdown-menu::before{
    content: "";
    display: block;
    position: absolute;
    right: 38px;
    top: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 8px 6px;
    border-color: transparent transparent #fff;
}

.dropdown-menu .divider {
    background-color: #f3f3f3;
    margin: 13px 0;
    display: block;
    width: calc( 100% - 40px);
    margin-left: 20px;
}

.login .dropdown-menu{
    color: #959595;
    padding-bottom: 10px;
}

.login .login-info{
    line-height: 20px;
    font-weight: 500;
    padding-left: 20px;
    padding-right: 20px;
}
.login .login-info strong{
    font-weight: 400;
}

.login .login-info span{
    font-weight: 400;
    color: #b2b2b2;
    font-size: 12px;
}

.login  .dropdown-menu a{
    color: #7f8080;
    font-size: 12px;
    font-weight: 500;
    font-weight: 400;
    display: block;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

.login  .dropdown-menu a .icon{
    display: inline-block;
    width: 27px;
    position: relative;
}

.login .dropdown-menu a .icon .icon-add-card{
    font-size: 14px;
    position: relative;
    top: 1px;
}

.login .dropdown-menu a .icon .icon-settings{
    font-size: 17px;
    position: relative;
    top: 3px;
}

.login .dropdown-menu a .icon .icon-logout{
    font-size: 18px;
    position: relative;
    top: 3px;
}

.dropdown-menu{
   -webkit-border-radius: 12px;
    border-radius: 12px; 
}

.dropdown-menu > li > a{
    padding: 11px 0;
}

.dropdown-menu .divider-1 {
    margin-bottom: 0px;
}

.dropdown-menu .divider-2 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.navbarTop .top-box{
    float: right;
    margin-right: 10px;
    position: relative;
}

.navbarTop .top-box + .top-box{
    margin-right: 33px;
}

.navbarTop .top-box a{
    display: block;
    margin-top: 25px;
    position: relative;
}

.navbarTop .top-box a span.icon{
    font-size: 20px;
    color: #959595;
}

.navbarTop .top-box a span.icon.icon-messages{
    font-size: 14px;
}

.navbarTop .top-box .info-label{
   background-color: #dd3369;
    color: #fff;
    display: block;
    font-size: 10px;
    line-height: 1;
    text-align: center;
    width: 16px;
    padding: 3px 0px;
    position: absolute;
    right: -12px;
    top: -4px;
    -webkit-border-radius: 7.5px;
    border-radius: 7.5px;
}

.navbarTop .top-box .info-label.bigger{
    width: 23px;

}

.navbarTop .active-aim{
    float: left;
    width: 170px;
    height: 36px;
    border-right: 1px solid #f2f2f2;
    margin-right: 31px;
    margin-top: 15px;
}

.navbarTop .active-aim .img{
    float: left;
    width: 30px;
    height: 100%;
}

.navbarTop .active-aim .img img{
    max-width: 100%;
    height: auto;
    margin-top: 4px;
}

.navbarTop .active-aim .info{
    display: block;
    float: left;
    width: 100px;
    height: 100%;
    margin-left: 10px;
    font-size: 10px;
    padding-top: 11px;
    color: #b3b3b3;
}

.navbarTop .active-aim .info strong{
    float: right;
    color: #4d4d4d;
}

.progressbar-small{
    display: block;
    width: 100%;
    height: 4px;
    margin-top: 5px;
    background-color: #f1f1f1;
}

.progressbar-small .progress-bar{
    display: block;
    float: left;
    height: 100%;
    background-color: #b93680;
}

.progressbar-nrm{
    display: block;
    width: 100%;
    height: 24px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    margin-top: 10px;
    margin-bottom: 0;
    background-color: #f2f2f2;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.progressbar-nrm .progress-bar{
    display: block;
    float: left;
    height: 100%;
    background-color: #923487;
    background-image: linear-gradient(to right, #953487, #6b2e8c);
    border-radius: 0px 12px 12px 0px;
    -moz-border-radius: 0px 12px 12px 0px;
    -webkit-border-radius: 0px 12px 12px 0px;
    border: 0px solid #000000;
    -webkit-transition: none;
    transition: none;
}

.progressbar-nrm .progress-bar .plabel{
    font-size: 15px;
    line-height: 24px;
    text-align: right;
    color: #ffffff;
    float: right;
    padding-right: 10px;
}

.progressbar-nrm .progress-bar .plabel span{
    font-size: 13px;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
    background-color: #f8f8f8;
    color: #7f8080;
}

.dropdown-menu > li > a{
    position: relative;
}

.dropdown-menu > li > a::before{
    background-color: #ba3982;
    border-radius: 0 8px 8px 0;
    content: "";
    display: block;
    height: 100%;
    left: 0px;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 3px;
    z-index: 2;
}

.dropdown-menu > li > a:hover::before, .dropdown-menu > li.selected > a::before{
    opacity: 1;
}



.selectBox .dropdown-menu ul li.selected a{
    background-color: #fff;
}

.selectBox .dropdown-menu > li:not(.selected) > a:hover::before{
    opacity: 0;
}

.selectBox .dropdown-menu > li:not(.selected) > a:hover{
    color: #b3b3b3;
}

.left-menu-bg-bar{
    display: block;
    width: 120px;
    height: 33px;
    background-color: #fff;
    position: fixed;
    top: 70px;
    z-index: 11;
    pointer-events: none;
    border-top: 1px solid  #cacaca;
    left: -200px;
    
    /* absol */
    position: absolute;
    top: 0px;
    z-index: 9;
}

.left-menu{
    position: fixed;
    min-height: calc( 100vh - 70px );
    height: calc( 100% - 70px ) ;
    width: 160px;
    left: -200px;
    top: 70px;
    background-color: #fff;
    z-index: 8;
    -webkit-box-shadow: 0px 4px 25px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 25px 0 rgba(0, 0, 0, 0.1); 
    padding-top: 0px;
    z-index: 8;
    
     /* absol */
     position: absolute;
     /*top: 0px;*/
}

.left-menu .line-sep{
    display: block;
    width: 100%;
    height: 1px;
    background-color: #cacaca;
    margin-bottom: 35px;
    opacity: 0;
    z-index: 2;
}

.left-menu .lmbg{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.left-menu .for-clubs{
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 30px;
    color: #b2b2b2;
    position: relative;
    z-index: 2;
}

.left-menu .for-clubs .buts{
    padding: 20px 0;
    overflow: hidden;
}



.left-menu .for-clubs .buts .button  + .button{
    margin-left: 10px;
}

.lmenu-active .left-menu, .lmenu-active .left-menu-bg-bar{
    left: 0;
}

.left-menu .menu{
    display: block;
    width: 100%;
    position: relative;
    z-index: 2;
}

.left-menu .menu , .left-menu .menu li, .left-menu .menu  li a,.left-menu .menu  li span{
    display: block;
    width: 100%;
}

.left-menu .menu li{
    position: relative;
    height: 68px;
}

.left-menu .menu li + li{
    margin-top: 12px;
}

.left-menu .menu  li a{
    text-align: center;
    text-decoration: none;
    height: 100%;
    color: #b2b2b2;
    padding-top: 10px;
}

.left-menu .menu  li.active a, .left-menu .menu  li a:hover{
    color: #ba3982;
}

.left-menu .menu  li span.icon{
    font-size: 22px;
}

.left-menu .menu  li span.icon.icon-messages{
    font-size: 19px;
}

.left-menu .menu  li span.txt{
    font-size: 13px;
    padding-top: 11px;
}

.left-menu .menu  li::before{
    content: "";
    display: block;
    width: 4px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #ba3982;
    -webkit-border-radius: 0 8px 8px 0;
    border-radius: 0 8px 8px 0;
    opacity: 0;
}

.left-menu .menu  li.active::before{
    opacity: 1;
}


.site-container{
    position: relative;
    width: 100%;
    padding-top: 0px;
    left: 50%;
   /*max-width: 1366px;*/
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-left: 0px;
    
}

.site-container .inner{
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 40px;
}

.header.with-photo + .site-container .inner{
    padding-top: 63px;
}

.lmenu-active .site-container{
    width: calc( 100% - 120px );
    position: relative;
     margin-left: 60px;
}

.bottom .lvl.lvl-2-v2  .left{
    width: 18%;
    padding-right: 0;
}

.lvl-2-v2 .fcopy a {
    float: left;
}

.bottom .lvl-2.lvl-2-v2 .fcopy span{
    width: 100%;
    margin-right: 0;
    text-align: left;
    margin-bottom: 5px;
}

.lvl-2-v2 .download{
    float: left;
    width: 30%;
    margin-left: 4%;
}

.lvl-2-v2 .download ul li img{
    height: 34px;
}
.lvl-2-v2 .download ul li {
    height: auto;
}

.bottom .lvl.lvl-2-v2  .right {
    width: 43%;
}

.bottom .lvl-2.lvl-2-v2 .fcopy{
    padding-top: 10px;
}

.bottom .lvl-2.lvl-2-v2 .right .ico-list{
    position: absolute;
    right: 0;
}

@media all and (min-width: 1201px) {
   .hamburger{
       display: none;
   }
   
   .logo{
       margin-left: 0;
   }
   
   .navbarTop .container-fluid{
        position: relative;
        width: calc( 100% - 120px );
        padding-right: 0;
        padding-left: 120px;
   }
   
   .navbarTop .right{
       padding-right: 0;
   }
   
   .login {
        margin-right: -10px;
    }
}

@media all and (min-width: 1367px) {
    .lmenu-active .site-container{
        width: calc( 100%  - 60px - ( 100% - 1366px )  );
        left: calc( 50% + 60px );
        margin-left: 0;
    }
    
    .lmenu-active .site-container .inner{
        padding-left: 60px;
        padding-right: 60px;
    }
    
    .site-container{
        width: calc( 100%  - 60px - ( 100% - 1366px )  );
        left: 50%;
        margin-left: 0;
       
    }
    
    .site-container .inner{
        padding-left: 0;
        padding-right: 0;
    }
    
    .site-container .header .inner{
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .navbarTop .right{
        padding-right: 0;
    }
    
    .navbarTop .container-fluid{
        width: calc( 100%  - 60px - ( 100% - 1366px )  );
        
    }
}

.box{
    background-color: #fff;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.05); 
    padding: 25px 30px;
}
.box .tit{
    font-size: 18px;
}

.site-container .inner.home{
    padding-top: 111px;
}

.nav-tabs{
    border-bottom: 0px solid transparent;
}

.nav-tabs > li > a{
    font-size: 12px;
    font-weight: 400;
    line-height: 1.67;
    color: #b3b3b3;
    border: 0px solid transparent;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    padding: 15px 15px 18px;
    position: relative;
}

.nav-tabs > li.active > a, .nav-tabs > li > a:hover{
    color: #ba3982;
    background-color: transparent;
    border-color: transparent;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.nav-tabs > li > a:hover{
    color: #999999;
}

.shopping ul.nav{
    padding-top: 8px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
    border: 0px solid transparent;
    background-color: transparent;
    border-color: transparent;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    color: #ba3982;
}

.nav-tabs > li.active > a::before{
    background-color: #ba3982;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    bottom: 0px;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%;
}

.shopping .tab-content {
    padding-top: 30px;
}

.shopping .items{
    width: 100%;
    overflow: hidden;
}

.shopping .item-box{
    float: left;
    width: calc( ( 100% - 80px) / 5 );
    margin-left: 20px;
    background-color: #ffffff;
    text-align: center;
}

.shopping .item-box:first-child{
    margin-left: 0;
}

.shopping .item-box .logo{
    margin-left: 0;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: solid 1px #f2f2f2;
}

.shopping .item-box .logo img{
    max-width: 94%;
}

.shopping .item-box .number{
    font-size: 14px;
    font-weight: 400;
    line-height: 1.14;
    text-align: center;
    color: #4d4d4d;
    padding: 14px 5px 4px;
}

.shopping .item-box .number .small{
    font-size: 12px;
}

.shopping .item-box  .subtit{
    font-size: 10px;
    font-weight: 400;
    line-height: 1.6;
    color: #b3b3b3;
}

.shopping .items .but{
    text-align: center;
    padding: 28px 0 6px;
    float: left;
    width: 100%;
}

.more-section  .std-content{
    overflow: hidden;
}

.more-section  .more-content{
    display: none;
    margin-top: 20px;
    overflow: hidden;
}

.more-section.show-more .more-content{
    display: block;
}

.more-section.show-more .butt-more{
    display: none;
}

.list-items{
    display: block;
    width: 100%;
    overflow: hidden;
}

.list-items li{
    display: block;
    width: 100%;
    position: relative;
    min-height: 36px;
    padding-top: 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.list-items li:last-child{
    border-bottom: 0;
    padding-bottom: 8px;
}

.list-items .image{
    position: absolute;
    width: 36px;
    height: 36px;
    border: solid 1px #f7f7f7;
    left: 0;
    top: 16px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
}

.activities.list-items{
    margin-top: 13px;
    padding-bottom: 40px;
}


.activities.list-items li:last-child{
    padding-bottom: 19px;
}
.list-items .info{
    position: relative;
    width: 100%;
    padding-left: 50px;
    font-size: 13px;
    line-height: 1.38;
    color: #4d4d4d;
}

.list-items .info .time{
    font-size: 12px;
    line-height: 1.67;
    color: #b3b3b3;
    padding-left: 5px;
}

.list-items.with-date  .image{
    width: 54px;
    height: 54px;
    background-size: 80% auto;
}

.list-items.with-date .info{
    position: relative;
    width: 100%;
    padding-left: 80px;
    padding-right: 80px;
    font-size: 14px;
    line-height: 1.43;
    color: #808080;
    padding-top: 6px;
    padding-bottom: 5px;
}

.list-items .info .price{
    font-size: 18px;
    line-height: 1.11;
    color: #4c4c4c;
    font-weight: 400;
}

.list-items .info .price span{
    font-size: 14px;
}

.list-items .info .price-add{
    font-size: 14px;
    line-height: 1.43;
    font-weight: 400;
    color: #ba3982;
}

.list-items .info .txt{
    display: block;
    padding-top: 6px;
}

.list-items .info .price-add span{
    font-size: 12px;
    line-height: 1.67; 
}

.list-items.with-date .date{
    font-size: 12px;
    line-height: 1.67;
    color: #b3b3b3;
    position: absolute;
    right: 0;
    top: 25px;
}

.list-items.with-date li{
    min-height: 89px;
}

.list-items.aim-style li{
    min-height: 160px;
    padding-top: 33px;
    padding-bottom: 43px;
}

.list-items.aim-style li .image{
    width: 120px;
    height: 120px;
    background-color: #ffffff;
    border: solid 1px #e6e6e6;
    padding: 3px;
    top: 30px;
}

.list-items.aim-style li .image .inn{
    display: block;
    width: 100%;
    height: 100%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    
}

.list-items.aim-style .info{
    padding-left: 150px;
}

.list-items.aim-style .tit{
    padding-right: 160px;
}

.list-items.aim-style .tit .end-time{
    position: absolute;
    right: 0;
    top: 4px;
    font-size: 12px;
    line-height: 1.67;
    text-align: right;
    font-weight: 400;
    color: #b3b3b3;
}

.list-items.aim-style .status{
    font-size: 14px;
    line-height: 1.43;
    text-align: left;
    padding-top: 7px;
    padding-left: 22px;
    position: relative;
    padding-bottom: 7px;
}

.list-items.aim-style .status .icon{
    font-size: 9px;
    position: absolute;
    left: 0;
    top: 14px;

}

.list-items.aim-style .status.done{
    color: #95ba26;
}

.list-items.aim-style .status.done .price{
    color: #95ba26;
}

.list-items.aim-style .status.failed{
    color: #dd3369;
}

.list-items.aim-style .status.failed .price{
    color: #dd3369;
}

.list-items.aim-style .more-box {
    color: #808080;
    line-height: 1.43;
    max-width: 85%;
}

.top-space{
    margin-top: 40px;
}

.top-info{
    width: 100%;
    position: relative;
    overflow: hidden;
}

.top-info.with-photo{
    min-height: 117px;
}

.top-info.with-photo .left{
    width: calc( 100% - 100px );
}

.top-info .right{
    position: absolute;
    width: 80px;
    min-height: 100px;
    top: 0;
    right: 0;
}

.top-info .right img{
    max-width: 100%;
}

.top-info .info{
    font-size: 10px;
    font-weight: 400;
    line-height: 2;
    color: #b3b3b3;
    padding-top: 25px;
}

.top-info .price{
    font-size: 18px;
    font-weight: 400;
    line-height: 1.11;
    color: #333333;
    padding-top: 7px;
    padding-left: 19px;
    position: relative;
}

.top-info .price::before{
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #ba3982;
    position: absolute;
    left: 2px;
    top: 13px;
}

.top-info .price span{
    font-size: 14px;
}

.top-info.with-border{
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.small-tit{
    font-size: 10px;
    color: #b2b2b2;
    line-height: 2;
    font-weight: 400;
}

.aim{
    padding-top: 16px;
    padding-bottom: 7px;
}

.name-tit{
    font-size: 18px;
    font-weight: 500;
    line-height: 1.11;
    color: #333333;
}

.aim .name-tit{
    padding-top: 5px;
    padding-bottom: 15px;
}

.aim .but{
    padding-top: 30px;
    text-align: center;
}

.progress-box{
    width: 100%;
}

.progress-box .legend{
    overflow: hidden;
}

.progress-box .legend .left, .progress-box .legend .right{
    width: 45%;
}

.progress-box .legend.items-3 .left, .progress-box .legend.items-3 .right, .progress-box .legend.items-3 .midd{
    width: 33.33%;
}

.progress-box .legend.items-3 .midd{
    text-align: center;
    float: left;
}

.progress-box .legend.items-3  .left .price{
    color: #904d9a;
}

.progress-box .legend.items-3  .midd .price{
    color: #ba3982;
}

.progress-box .legend .right{
    text-align: right;
}

.progress-box .legend  .price{
    padding-top: 7px;
    font-size: 16px;
    line-height: 1.25;
    color: #333333;
}
.progress-box .legend  .price span.currency{
    font-size: 12px;
    line-height: 1.67;
}

.progress-box .legend .left  .price{
    color: #ba3982;
}

.progress-box .legend.bigger  .price{
    font-size: 24px;
}

.progress-box .legend.bigger  .price span.currency{
    font-size: 14px;
}

.last-trans .list-items{
    margin-top: 20px;
}

.last-trans .but{
    padding-top: 31px;
    padding-bottom: 6px;
}

.cards{
    width: 100%;
}

.card{
    display: block;
    width: 300px;
    height: 180px;
    position: relative;
    margin-top: 36px;
    
    transform-origin: left center 0;

}

.card img.card-bg{
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0px 4px 25px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 25px 0 rgba(0, 0, 0, 0.1);
    z-index: 0;
}

.card .card-data{
    position: absolute;
    z-index: 1;
    top:0;
    padding: 6%;
    width: 100%;
}

.card .card-data .number{
    font-size: 22px;
    line-height: 0.83;
    letter-spacing: 0.5px;
    color: #ffffff;
    padding-top: 12px;
}

.card .card-data .full{
    width: 100%;
}

.to-left{
    text-align: left;
}

.to-right{
    text-align: right;
}

.card .card-data .ctit{
    font-size: 10px;
    font-weight: 400;
    line-height: 2;
    color: rgba(255, 255, 255, 0.5);
}

.card .card-data .middle-data{
    padding-top: 13px;
    padding-bottom: 9px;
}

.card .card-data .price-style{
    font-size: 14px;
    font-weight: 400;
    line-height: 1.43;
    color: #ffffff;    
}

.card .card-data .price-style span{
    font-size: 12px;
    line-height: 1.67;
}

.card .card-data .price-style span.num{
    font-size: 14px;
}

.card .card-data .full .data{
    width: 50%;
    float: left;
}

.card-list{
    display: block;
    width: 100%;
    margin-top: 17px;
}

.card-list li{
    display: block;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding: 18px 0 21px;
    position: relative;
}

.card-list li:not(.active){
     cursor: pointer;
}

.card-list li .data{
    width: 100%;
    position: relative;
    z-index: 5;
    padding: 0 10px;
}

.card-list li .data img{
    margin-top: 4px;
}

.card-list li span.num{
    font-size: 14px;
    line-height: 1.43;
    color: #808080;
    float: right;
}

.card-list li::before{
    content: "";
    display: block;
    position: absolute;
    width: calc( 100% + 60px );
    height: 100%;
    left: -30px;
    top: 0;
    background-color: #fcfcfc;
    opacity: 0;
    z-index: 1;
}

.card-list li:hover::before, .card-list li.active::before{
    opacity: 1;
}

.card-list li::after{
    content: "";
    display: block;
    position: absolute;
    background-color: #ba3982;
    -webkit-border-radius: 0 8px 8px 0;
    border-radius: 0 8px 8px 0;
    content: "";
    height: 100%;
    left: -30px;
    top: 0;
    opacity: 0;
    width: 3px;
    z-index: 2;
}

.card-list li.active::after{
    opacity: 1;
}

.cards .but{
    text-align: center;
    padding-top: 25px;
}

.chart-box{
    width: 100%;
    padding-left: 60px;
    padding-top: 20px;
}

.chartdiv{
    width: 100%;
    height: 50px;
}

#test1{
    display: block;
    width: 100%;
    position: relative;
}

.chart-box{
    height: 215px;
}

.chart-box + .but{
    text-align: center;
}

.but.to-center{
    text-align: center;
}

/* Settings */
.header{
    width: 100%;
    height: auto;
    margin-top: 0px;
    background: url(../img/bg1.jpg) no-repeat center center transparent;
    background-size: cover;
    position: relative;
    z-index: 2;
    padding-top: 70px;
}
.header.site-menu-level-2 {
	background: #dd3369 !important;
}

.header .site-container{
    padding-top: 28px;
}

.header.with-searchbar .site-container{
    padding-bottom: 24px;
}

.header.with-photo {
    padding-top: 110px;
}

.header.with-photo .site-container{
    padding-top: 0;
}

.header.with-photo .photo-box{
    position: absolute;
    width: 200px;
    height: 200px;
    overflow: hidden;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 4px 25px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 25px 0 rgba(0, 0, 0, 0.1);
}

.header.with-photo .cnt{
    position: relative;
    padding-left: 237px;
    padding-top: 15px;
}

.header.with-photo .photo-box img{
    width: 180px;
	height: auto;
	margin: 25px 10px;
}

.header.nobg{
    background-image: none;
}

.header.nobg .main-tit{
    color: #4c4c4c;
}

.header.nobg .desc{
    color: #808080;
}

.header.nobg  .menu ul.headerMenu li a{
    color: #b2b2b2;
    opacity: 1;
}

.header.nobg  .menu ul.headerMenu li.active a, .header.nobg  .menu ul.headerMenu li a:hover{
    color: #ba3982;
}

.header.nobg .menu ul.headerMenu li.active a::before {
    background-color: #ba3982;   
}

.header.nobg  .menu{
    margin-top: 20px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    margin-bottom: -13px;
}

ul.icon-list{
    display: block;
    width: 100%;
    padding-top: 14px;
    overflow: hidden;
}

ul.icon-list li{
    float: left;
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 1.43;
    position: relative;
    padding-left: 27px;
    margin-right: 41px;
    font-family: Rubik;
}
ul.icon-list li.two-icons{
    padding-left: 45px;
}

ul.icon-list li + li::before{
    display: block;
    content: "";
    width: 1px;
    height: 16px;
    background-color: rgba(255,255,255,0.25);
    position: absolute;
    left: -18px;
    top: 1px;
}

ul.icon-list li .icon{
    font-size: 16px;
    left: 2px;
    position: absolute;
    top: 2px;
}

ul.icon-list li .icon:nth-child(2){
    left: 21px;
}

.header.with-photo .menu{
    margin-top: 0;
    float: left;
}

.menu-change{
    display: block;
    width: 100%;
    padding-top: 45px;
    overflow: hidden;
}

.menu-change .link-change{
    display: block;
    float: right;
    font-size: 12px;
    color: rgba(255,255,255,0.5);
    padding: 10px 0 10px 35px;
    position: relative;
}

.menu-change .link-change:hover{
    color: #fff;
}

.header .menu-change  .menu ul li a{
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
}

.menu-change .link-change span{
    font-size: 20px;
    left: 6px;
    position: absolute;
    top: 6px;
}

.header .site-container .inner{
    padding-top: 0px;
}

.header .main-tit{
    font-size: 32px;
    line-height: 1;
    padding-bottom: 10px;
}

.header .main-tit  .team-name{
    display: block;
    font-size: 24px;
    padding-top: 5px;
    font-weight: 400;
}

.header .desc{
    line-height: 1.25;
    font-size: 14px;
    color: #fff;
    opacity: 0.5;
}

.header .menu{
    margin-top: 50px;
}

.header .menu ul.headerMenu{
   display: block;
   width: 100%;
}

.header .menu ul.headerMenu li{
   display: inline-block;
}

.header .menu ul.headerMenu li a{
    color: #fff;
    opacity: 0.63;
    font-weight: 500;
    font-weight: 400;
    padding: 10px 16px 18px;
    display: block;
    position: relative;
}

.header .menu ul.headerMenu li.active a::before{
    content: "";
    display: block;
    width: 98%;
    position: absolute;
    bottom: 0;
    left: 1%;
    height: 3px;
    background-color: #fff;
    -webkit-border-top-left-radius: 50px;
    -webkit-border-top-right-radius: 50px;
    -moz-border-radius-topleft: 50px;
    -moz-border-radius-topright: 50px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}

.header .menu ul.headerMenu li a:hover, .header .menu ul.headerMenu li.active a{
    opacity: 1;
}

.search-area{
    display: block;
    width: 100%;
    position: relative;
    height: 36px;
    margin-top: 32px;
}

.search-area .search{
    float: left;
    width: calc( 74% - 20px );
    height: 100%;
    position: relative;
}

.search-area .filter{
    float: right;
    width: 26%;
    height: 100%;
    position: relative;
}

.search-area.two-filters .search{
    width: 51%;
}

.search-area.two-filters  .filter{
    width: calc( 23% - 20px);
}

.search-area.two-filters .filter-sec{
    float: right;
    width: calc( 26% - 20px );
    margin-right: 20px;
}

input.search-style{
    font-family: 'Rubik', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #4c4c4c;
    display: block;
    height: 36px;
    width: 100%;
    line-height: 1.1;
    padding: 11px 130px 9px 20px;
    border: 0px solid transparent;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    outline: none; 
    -webkit-box-shadow: inset 0px 2px 4px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0px 2px 4px 0 rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 18px;
    border-radius: 18px;
}

input.search-style.withClear{
    padding-right: 150px;
}

input.search-style:hover{
     -webkit-box-shadow: inset 0px 2px 4px 0 rgba(0, 0, 0, 0.35);
    box-shadow: inset 0px 2px 4px 0 rgba(0, 0, 0, 0.35);
}

input.search-style.error{
    border: 1px solid #f40d33;
}

input.search-style::-webkit-input-placeholder {
   opacity: 1;
   font-family: 'Rubik', sans-serif;
   font-weight: 400;
   font-size :14px;
   color: #999999;
   line-height: 1.1;
  /* padding-top: 11px;*/
}

input.search-style:-moz-placeholder { /* Firefox 18- */
   opacity: 1;
   font-family: 'Rubik', sans-serif;
   font-weight: 400;
   font-size :14px;
   color: #999999;
   line-height: 1.1;
   padding-top: 11px;
}

input.search-style::-moz-placeholder {  /* Firefox 19+ */
   opacity: 1;
   font-family: 'Rubik', sans-serif;
   font-weight: 400;
   font-size :14px;
   color: #999999;
   line-height: 1.1;
   /*padding-top: 11px;*/
}

input.search-style:-ms-input-placeholder {
   opacity: 1;
   font-family: 'Rubik', sans-serif;
   font-weight: 400;
   font-size :14px;
   color: #999999;
   line-height: 1.1;
   /*padding-top: 11px;*/
}

.clearSearchField{
    position: absolute;
    font-size: 12px;
    display: none;
    z-index: 2;
    right: 127px;
    top: 12px;
    color: #4d4d4d;
    cursor: pointer;
    
}

.clearSearchField:hover{
    opacity: 0.8;
}

.search-area .button-search{
    position: absolute;
    right: -2px;
    top: 0;
    padding: 13px 24px 11px 45px;
    overflow: hidden;
   
}

.search-area .button-search .icon-search{
    position: absolute;
    font-size: 18px;
    color: #fff;
    left: 19px;
    top: 9px;
}

.selectBox{
    width: 100%;
    height: 100%;
    position: relative;
}

.selectBox .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
    width: 100%;
}

.selectBox  button.btn-primary{
    background-color: transparent;
    border: solid 1px #ffffff;
    -webkit-border-radius: 18px;
    border-radius: 18px;
    outline: none;
    padding-bottom: 5px;
    padding-top: 9px;
    padding-left: 20px;
}

.selectBox .btn-primary:active, .selectBox .btn-primary.active, .selectBox .open > .dropdown-toggle.btn-primary{
    background-color: transparent;
    border-color: #fff;
    color: #ffffff;
}

.selectBox.gray-border.open-gray-border  button.btn-primary:active, .selectBox.gray-border.open-gray-border .btn-primary.active,
.selectBox.gray-border.open-gray-border .open > .dropdown-toggle.btn-primary{
	border-color: #e5e5e5;
    background-color: #fff;
}


.selectBox  button:hover{
    opacity: 0.8;
}

.selectBox  .btn-primary  .filter-option{
    font-family: Rubik;
    font-size: 12px;
    letter-spacing: 0.3px;
}

.selectBox .dropdown-menu{
    border: 0px solid transparent;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 4px 15px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 15px 0 rgba(0, 0, 0, 0.2);
    margin-top: 10px;
    padding: 0;
}

.selectBox .dropdown-menu::before{
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    top: -5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #fff transparent;
}

.selectBox .bootstrap-select.btn-group .dropdown-menu.inner{
    padding: 15px 0px;
}

.selectBox .dropdown-menu ul, .selectBox .dropdown-menu ul li, .selectBox .bootstrap-select.btn-group .dropdown-menu.inner{
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.selectBox .dropdown-menu ul li a{
    font-family: Rubik;
    font-size: 12px;
    color: #b3b3b3;
    display: block;
    padding-left: 30px;
    padding-right: 30px;
}

.selectBox .dropdown-menu ul li.selected a, .selectBox .dropdown-menu ul li a:hover{
    color: #ba3982;
}

.selectBox .dropdown-menu ul li.selected a span{
    position: relative;
}

.sort-style .selectBox .dropdown-menu ul li.selected a span::before{
    position: absolute;
    font-family: 'icomoon' !important;
    content: "\e902";
    display: block;
    color: #ba3982;
    top: 3px;
    right: -16px;
    font-size: 6px;
}

.selectBox .dropdown-menu ul li.selected a.up span::before{
    transform: rotate(180deg);
}

.selectBox.pink  button.btn-primary{
    border: 1px solid #ba3982;
}

.selectBox.pink .btn-primary .filter-option{
    color: #ba3982;
}

.selectBox.pink .bootstrap-select.btn-group .dropdown-toggle .caret{
    color: #ba3982;
}

.selectBox.pink .btn-primary:active, .selectBox.pink .btn-primary.active, .selectBox.pink .open > .dropdown-toggle.btn-primary{
     border-color: #ba3982;
}

/* orange */
.selectBox.orange  button.btn-primary{
    border: 1px solid #f8961f;
}

.selectBox.orange .btn-primary .filter-option{
    color: #f8961f;
}

.selectBox.orange .bootstrap-select.btn-group .dropdown-toggle .caret{
    color: #f8961f;
}

.selectBox.orange .btn-primary:active, .selectBox.orange .btn-primary.active, .selectBox.orange .open > .dropdown-toggle.btn-primary{
     border-color: #f8961f;
}

.selectBox.orange .dropdown-menu ul li.selected a, .selectBox.orange .dropdown-menu ul li a:hover {
    color: #f8961f;
}

.selectBox.orange  .dropdown-menu > li > a::before {
    background-color: #f8961f;
}

.how-blue-1 .selectable {
    padding-top: 20px;
}

/* /orange */


.selectBox.pink.gray-layout  .btn-primary .filter-option{
    color: #808080;
}

.selectBox.pink.gray-layout .bootstrap-select.btn-group .dropdown-toggle .caret{
    color: #808080;
}

.selectBox.pink.gray-layout  button.btn-primary{
    border-color: #e5e5e5;
    padding-bottom: 5px;
    padding-top: 9px;
}

.selectBox.pink button.btn-primary{
    padding-bottom: 3px;
    padding-left: 15px;
    padding-top: 7px;
}

.selectBox.pink .bootstrap-select.btn-group .dropdown-toggle .caret{
    margin-top: 0;
}

.selectBox.clear  button.btn-primary{
    border-color: #fff;
    background-color: #fff;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); 
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1); 
}

.selectBox.clear .btn-primary .filter-option{
    color: #808080;
}

.selectBox.clear .bootstrap-select.btn-group .dropdown-toggle .caret{
    color: #808080;
}

.selectBox.gray-border  button.btn-primary{
    border-color: #e5e5e5;
    background-color: #fff;
}


.selectBox.gray-border .btn-primary .filter-option{
    color: #808080;
}

.selectBox.gray-border.pink-font .btn-primary .filter-option{
	color: #ba3982;
}


.selectBox.gray-border.center-font .btn-primary .filter-option{
	text-align: center;
}

.selectBox.gray-border.center-font span.bs-caret{
	display: none;
}


.selectBox.gray-border .bootstrap-select.btn-group .dropdown-toggle .caret{
    color: #808080;
}

.selectBox.white-transparent  button.btn-primary{
    border-color: #ffffff;
    background-color: transparent;
}

*, *:hover, *:focus {
  outline: none!important;
}

.lcol, .rcol{
    padding-left: 0;
    padding-right:0;
}


.user-data .photo, .aim-data .photo{
    position: relative;
    min-height: 150px;
    padding: 0;
}

.aim-data .photo{
	width: 144px;
	height: auto;
	float: left;
}

.user-data .photo .pbox, .aim-data .photo .pbox{
    position: relative;
    width: 100%;
    left: 0;
    height: auto;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 4px;
    background: #fff;
}

.aim-data .photo .pbox{
	margin-top: 8px;
}
.user-data .photo .pbox img, .aim-data .photo .pbox img{
   width: 100%;
   height: auto;
}

.user-data .photo .pbox .button, .aim-data .photo .pbox .button{
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.aim-data .photo .pbox .button{
	bottom: -10px;
}


.settings.box + .settings.box{
    margin-top: 20px;
}

.settings.box .tit{
    padding-bottom: 30px;
}

.settings.box{
    overflow: hidden;
}

.user-data .data, .aim-data .data{
    padding: 0;
}

.aim-data .data{
	float: right;
	width: calc( 100% - 164px );
}

label{
   font-weight: 500;
   font-weight: 400;
   font-size: 12px;
   color: #b2b2b2;
   text-transform: uppercase;
}
.form-group{
    margin-bottom: 38px;
    position: relative;
}

.form-group.last-elem{
    margin-bottom: 0;
}

.form-group.name{
    float: left;
    width: calc( 40% - 20px );
}

.form-group.sname{
    float: left;
    width: calc( 60% - 20px );
    margin-left: 40px;
}

.form-group.phone{
    float: left;
    width: calc( 40% - 20px );
    margin-left: 40px;
}

.form-group.sex{
    float: left;
    width: calc( 60% - 20px );
}

.form-group.pesel{
    float: left;
    width:100%;
}

.form-group.full{
    float: left;
    width: 100%;
}

.form-group label{
    padding-bottom: 14px;
}

.form-group label.error{
     font-size: 12px;
    line-height: 1.25;
    text-align: left;
    color: #f40d33;
    position: absolute;
    bottom: 17px;
    right: 0px;
    display: block ;
    padding: 20px 20px 17px;
    background-color: #ffffff;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 2px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0px 2px 15px 0 rgba(0, 0, 0, 0.15);
    width: auto;
    max-width: 300px;
    z-index: 3;
   /* white-space: nowrap;*/
}

.form-group label.error::before{
    content: "";
    display: block;
    position: absolute;
    bottom: -4px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    z-index: 4;
}

.form-group label.error::after{
    content: "";
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(../img/text-error.svg) no-repeat center top -5px transparent;
    background-size: 100% auto;
    bottom: -15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1;
}

input.text-style::-webkit-input-placeholder, textarea.text-style::-webkit-input-placeholder, textarea.message-style::-webkit-input-placeholder {
   opacity: 1;
   font-family: 'Rubik', sans-serif;
   font-weight: 400;
   font-size :14px;
   color: #b2b2b2;
   line-height: 1.1;
}

input.text-style:-moz-placeholder, textarea.text-style:-moz-placeholder, textarea.message-style:-moz-placeholder{ /* Firefox 18- */
   opacity: 1;
   font-family: 'Rubik', sans-serif;
   font-weight: 400;
   font-size :14px;
   color: #b2b2b2;
   line-height: 1.1;
}

input.text-style::-moz-placeholder, textarea.text-style::-moz-placeholder, textarea.message-style::-moz-placeholder {  /* Firefox 19+ */
   opacity: 1;
   font-family: 'Rubik', sans-serif;
   font-weight: 400;
   font-size :14px;
   color: #b2b2b2;
   line-height: 1.1;
}

input.text-style:-ms-input-placeholder, textarea.text-style:-ms-input-placeholder, textarea.message-style:-ms-input-placeholder {  
   opacity: 1;
   font-family: 'Rubik', sans-serif;
   font-weight: 400;
   font-size :14px;
   color: #b2b2b2;
   line-height: 1.1;
}


input.text-style{
   font-family: 'Rubik', sans-serif;
   font-weight: 400;
   font-size :14px;
   color: #4c4c4c;
   display: block;
   width: 100%;
   line-height: 1.1;
   padding-bottom: 7px;
   border: 0px solid transparent;
   border-bottom: 1px solid rgba(0,0,0,0.1);
   outline: none;
}

input.text-style:hover, input.text-style:focus{
    border-bottom-color: #ba3982;
}

textarea.text-style, textarea.message-style{
   font-family: 'Rubik', sans-serif;
   font-weight: 400;
   font-size: 14px;
   color: #4c4c4c;
   display: block;
   height :120px;
   width: 100%;
   line-height: 1.25;
   padding: 7px;
   border: 0px solid transparent;
   border-bottom: 1px solid rgba(0,0,0,0.1);
   outline: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   resize: none;
}

textarea.message-style{
    -webkit-border-radius: 16px;
    border-radius: 16px;
    padding: 9px 15px;
    height: 150px;
    border: 1px solid #e5e5e5;
}

textarea.message-style.error{
    border-bottom-color: #f40d33;
}

textarea.text-style:hover,textarea.text-style:focus, input.text-style:focus, input.text-style.transp:hover, input.text-style.transp:focus, textarea.message-style:hover, textarea.message-style:focus{
    border-bottom-color: #ba3982;
}

input.text-style.transp{
    background-color: transparent;
    font-size: 16px;
    color: rgba(255,255,255,0.5);
    border-bottom-color: rgba(255,255,255,0.25);
    padding: 13px 0;
}

input.text-style.transp::-webkit-input-placeholder {
    font-size: 16px;
    color: rgba(255,255,255,0.5);
}

input.text-style.transp:-moz-placeholder { /* Firefox 18- */
    font-size: 16px;
    color: rgba(255,255,255,0.5);
}

input.text-style.transp::-moz-placeholder {  /* Firefox 19+ */
    font-size: 16px;
    color: rgba(255,255,255,0.5);
}

input.text-style.transp:-ms-input-placeholder {  
    font-size: 16px;
    color: rgba(255,255,255,0.5);
}

input.text-style.error, input.text-style.transp.error, textarea.text-style.error{
    border-bottom-color: #f40d33;
}

.sex ul.choose-option{
    margin-top: 3px;
}

ul.choose-option{
    display: block;
    width: 100%;
}

ul.choose-option li{
    display: inline-block;
    float: left;
    width: 50%;
    text-align: center;
    font-size: 12px;
    color: #b2b2b2;
    font-weight: 400;
    cursor: pointer;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding-bottom: 9px;
    position: relative;
}

ul.choose-option li.active, ul.choose-option li:hover{
    color: #ba3982;
}

ul.choose-option li.active::before{
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background-color: #ba3982;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.user-data .submit-form, .user-data .not-action .button, .user-address .submit-form, .user-address .not-action .button, .agrees .submit-form, .agrees .not-action .button{
    float: right;
}

.changed  .form-group.action{
    display: block;
}

.form-group.action{
    display: none;
}

.form-group.not-action{
    display: block;
}

.changed  .form-group.not-action{
    display: none;
}

.not-action .button{
    pointer-events: none;
}

.user-address  .long{
    float: left;
    width: calc( 100% -  300px);
}

.user-address  .short{
    float: left;
    width: 110px;
    margin-left: 40px;
}

.customCheckbox input[type=checkbox]{
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    visibility: hidden;
}

input.file{
     position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    visibility: hidden;
}

.customCheckbox  .checkboxLabel{
    font-size: 14px;
    color: #4c4c4c;
    font-weight: 400;
    position: relative;
    padding-left: 48px;
    cursor: pointer;
    line-height: 16px;
    text-transform: none;
}

.customCheckbox  .checkboxLabel::before{
    content: "";
    display: block;
    position: absolute;
    width: 32px;
    height: 16px;
    border-radius: 8px;
    background-color: #ffffff;
    border: solid 1px #e5e5e5;
    left: 0;
    top: -2px;
}

.customCheckbox  .checkboxLabel.transparent::before{
    background-color: transparent;
}

.customCheckbox  .error + .checkboxLabel::before {
    border-color: #f40d33;
}

.customCheckbox  .checkboxLabel:hover::before{
    border-color: #cccccc;
}

.customCheckbox  .checkboxLabel::after{
    content: "";
    display: block;
    position: absolute;
    left: 3px;
    top: 0px;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background-color: #b3b3b3;
}

.customCheckbox  .checkboxLabel.transparent::after{
    top: -1px;
   /* background-color: #FFF;*/
}

.customCheckbox  .checkboxLabel:hover::after{
    background-color: #a6a6a6;
}

.customCheckbox input[type=checkbox]:checked + .checkboxLabel::after, .customCheckbox input[type=checkbox]:checked + label + .checkboxLabel::after{
    background-color: #fff;
    left: 17px;
}

.customCheckbox input[type=checkbox]:checked + .checkboxLabel::before, .customCheckbox input[type=checkbox]:checked + label + .checkboxLabel::before{
    background-color: #ba3982;
    border-color: transparent;
}

.customCheckbox input[type=checkbox]:checked + .checkboxLabel:hover::before, .customCheckbox input[type=checkbox]:checked + label + .checkboxLabel:hover::before{
    background-color: #b0357b;
}

.customCheckbox input[type=checkbox]:checked + .checkboxLabel.transparent::before, .customCheckbox input[type=checkbox]:checked + label + .checkboxLabel.transparent::before{
    background-color: transparent;
    border: solid 1px #e5e5e5;
}

.customCheckbox input[type=checkbox]:checked + .checkboxLabel.transparent:hover::before, .customCheckbox input[type=checkbox]:checked + label + .checkboxLabel.transparent:hover::before{
    opacity: 0.8;
}

.customCheckbox.checked .checkboxLabel::before{
     background-color: #ba3982;
    border-color: transparent;
}

.customCheckbox.checked  .checkboxLabel::after{
    background-color: #fff;
    left: 17px;
}

.user-address .more-form{
    display: none;
    margin-top: -15px;
    float: left;
    width: 100%;
}

.user-address .checked  + .more-form{
    display: block;
}

.user-address .customCheckbox {
     margin-bottom: 16px;
}


.user-address .customCheckbox.checked {
    margin-bottom: 35px;
}

.agrees .subtit{
    font-size :12px;
    color: #b2b2b2;
    font-weight: 500;
    font-weight: 400;
    padding-bottom: 27px;
}

.footer{
    padding-top: 63px;
    padding-bottom: 20px;
}

.footer .fbox{
    padding: 0;
}

.footer .flogo{
    float: left;
}

.fmenu{
    float: left;
    display: block;
    margin-left: 10px;
}

.fmenu li{
    display: inline-block;
    float: left;
    margin: 0 15px;
}


.fmenu li a{
    color: #b2b2b2;
    font-size: 12px;
    font-weight: 500;
    font-weight: 400;
    line-height: 2;
}

.fmenu li a:hover{
    opacity: 0.7;
}

.fcopy{
    text-align: right;
}

.fcopy a{
    float: right;
    margin-top: 3px;
}

.fcopy  a:hover{
    opacity: 0.8;
}

.fcopy span{
    float: right;
    font-size: 12px;
    color: #b2b2b2;
    line-height: 2;
    margin-right: 9px;
}

.right-promo-box .tit{
    font-size: 18px;
    color: #4d4d4d;
    font-weight: 500;
    line-height: 1.11;
    padding-bottom: 17px;
}

.right-promo-box .owl-stage-outer{
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.right-promo-box .info{
    font-size: 12px;
    font-weight: 400;
    color: #b3b3b3;
    padding-bottom: 18px;
}

.right-promo-box  .item{
    text-align: center;
    width: 100%;
    height:auto;
}

.right-promo-box  .item img{
    width: 100%;
    height: auto;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
}

.right-promo-box  .item a{
    display: block;
}

.right-promo-box  .item a:hover{
    opacity: 0.7;
}

.right-promo-box  .item img + img, .right-promo-box  .item a + a{
    margin-top: 20px; 
}

.owl-dots{
    position: relative;
    width: 100%;
    margin-left: 0;
    left: 0;
    bottom: auto;
    padding-top: 16px;
    text-align: center;
}

.owl-dots .owl-dot{
    width: 6px;
    height: 6px;
    background-color: #cccccc;
    border: 0px;
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 0;
    margin-bottom: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
}

.owl-dots .owl-dot.active, .owl-dots .owl-dot:hover{
    background-color: #ba3982;
    border: 0px;
    margin-top: 0;
    margin-bottom: 0;
}

.right-promo-box .but{
    padding-top: 20px;
    text-align: center;
}

.right-promo-box.bottom-style{
    padding-top: 38px;
    padding-bottom: 12px;
}

.right-promo-box.bottom-style .tit{
    padding-bottom: 27px;
}

.right-promo-box.bottom-style .info{
    padding-bottom: 27px;
}

.right-promo-box.bottom-style .item{
    width: 100%;
    overflow: hidden;
}

.right-promo-box.bottom-style .item a{
    width: calc(( 100% - 60px)  / 3 );
    float: left;
}

.right-promo-box.bottom-style .item a + a {
    margin-top: 0;
    margin-left: 30px;
}

.right-promo-box.bottom-style .but{
    padding-top: 30px;
}
    
/* Settings login */

#userLogin  .form-group.name, .form-group.actualPass{
    width: 65%;
}

#userLogin  .submit, #userPass .submit{
    text-align: right;
}

#userPass  .form-group.npass{
    float: left;
    width: calc( ( 100% - 40px ) / 2 );
}

#userPass  .form-group.npass + .npass{
    margin-left: 40px;
}

.hideShowPassword-wrapper{
    position: relative;
}

.hideShowPassword-toggle{
    position: absolute;
    z-index: 2;
    right: 0;
    height: 100%;
    width: 20px;
    text-indent: -9999em;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    outline: none;
}

.hideShowPassword-toggle::before{
    position: absolute;
    left: 50%;
    top: 36%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    display: block;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-indent: 0;
    line-height: 1;
    font-size: 13px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #cccccc;
}

.hideShowPassword-toggle-show::before{
    content: "\e91b";
}
.hideShowPassword-toggle-hide::before{
    content: "\e91c";
    color: #ba3982;
    font-size: 11px;
}

.form-group.card-box{
    float: left;
    width: 76%;
}

.card-box input.text-style{
    padding-left: 39px;
}

.card-box .icon-add-card{
    display: none;
}

.card-box.visa input.text-style{
    background: url(../img/visa-ic.svg) no-repeat left top 3px transparent;
}

.card-box.master input.text-style{
    background: url(../img/mastercard-ic.png) no-repeat left top 0px transparent;
}

.card-box.blank input.text-style{
    position: relative;
}

.card-box.blank input.text-style::before{
    position: absolute;
    left: 0%;
    top: 0%;
    display: block;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-indent: 0;
    line-height: 1;
    font-size: 13px;
    z-index: 2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #cccccc;
    content: "\e91b";
}

.card-inner{
    position: relative;
}

.card-box.blank .icon-add-card{
    display: block;
    position: absolute;
    color: #cccccc;
    top: 2px;
    left: 5px;
    pointer-events: none;
}

.card-box.blank input.text-style:focus  + .icon-add-card, .card-box.blank input.text-style:hover + .icon-add-card, .card-box.blank input.text-style:focus{
    color: #ba3982;
}

#cards .submit{
    text-align: right;
}

.card-box .clear{
    position: absolute;
    right: 11px;
    top: 5px;
    cursor: pointer;
}

.card-box .clear:hover{
    opacity: 0.7;
}

.card-box.blank .clear{
    display: none;
}

.box .subtit-info{
    font-size: 10px;
    line-height: 1.8;
    color: #b3b3b3;
    padding-top: 25px;
}

.activities.list-items.empty {
    margin-top: 20px;
}

.list-items.empty .image{
     background-color: #f8f8f8;
     border-color: #f8f8f8;
}

p.empty{
    width: 100%;
    height: 4px;
    background-color: #f2f2f2;
    margin-top: 9px;
}

p.empty.sec{
    width: 50%;
    margin-bottom: 11px;
    margin-top: 10px;
}

.list-items.with-date.empty .info{
    padding-right: 0;
}

.list-items.with-date.empty li:last-child{
    border-bottom: 1px solid rgba(0, 0, 0, 0.05); 
}

.last-trans .list-items.empty {
    margin-bottom: 9px;
}

.cards .no-card{
    text-align: center;
    padding: 37px 0 11px;
}

.cards .no-card img{
    max-width: 80%;
}

.box.club-style{
    text-align: center;
    width: calc( ( 100% - 60px ) / 3 );
    margin-left: 30px;
    margin-bottom: 30px;
    float: left;
    padding-top: 5px;
}

.box.club-style:nth-child(3n+1){
    margin-left: 0;
}

.club-style .photo {
    padding-top: 10px;
}

.club-style .photo img{
    max-width: 100%;
}

.club-style .tit{
    font-size: 18px;
    line-height: 1.11;
    color: #4d4d4d;
}

.club-style .desc{
    min-height: 101px;
    padding-top: 12px;
    padding-bottom: 20px;
}

.club-style  .type{
    font-size: 12px;
    line-height: 1.67;
    color: #b3b3b3;
    padding-top: 11px;
}

.club-style .link{
    padding-top: 12px;
}

.club-style .link a{
    font-size: 12px;
    line-height: 1.67;
    color: #ba3982;
}

.load-more-club{
    text-align: center;
    margin-top: 11px;
}

.aim-info{
    display: block;
    position: relative;
    overflow: hidden;
    margin-top: 23px;
    padding-bottom: 59px;
}

.aim-info .photo{
    float: left;
    width: 106px;
    height: 106px;
    background-color: #ffffff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    border: solid 1px #e6e6e6;
    padding: 2px;
}

.aim-info .photo span{
    font-size: 50px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.aim-info .photo .inn{
    width: 100%;
    height: 100%;
    background-color: #ba3982;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.aim-info .desc{
    display: block;
    float: right;
    position: relative;
    width: calc( 100% - 130px );
}

.aim-info .aim-tit{
    font-size: 21px;
    line-height: 1.1;
    color: #4d4d4d;
    padding-top: 3px;
    padding-bottom: 13px;
}

.aim-info .desc{ 
    color: #808080;
    line-height: 1.43;
}

.more-box .more-link, .more-box .less-link{
    color: #ba3982;
    font-size: 12px;
}

.more-box .more-link:hover, .more-box .less-link:hover{
    opacity: 0.7;
}

.more-box .more{
    display: none;
}

.more-box.active .more{
    display: block;
}

.more-box.active .std .dots, .more-box.active .std .more-link{
    display: none;
}


.aim-box{
    padding-top: 14px;
    padding-bottom: 33px;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.aim-end{
    padding-top: 40px;
}

.aim-end .subtit-info{
    padding-top: 14px;
}

.countdown-container {
	position: relative;
	top: 0;
}

.clock-item {
    width: 58px;
	height: 80px;
	padding-bottom: 0;
	position: relative;	
	float: left;
    margin-right: 50px; 
}

.clock-item:last-child{
    margin-right: 0;
}

.clock-canvas {
	background-color: rgba(255, 255, 255, .1);
	border-radius: 50%;
	height: 58px;
	padding-bottom: 0;
    position: relative;
    z-index: 2;
}

.clock-item .text {
	color: #ba3982;	
	margin-top: 0px;
	position: absolute;
	top: 0;
    left: 0;
	text-align: center;
	width: 100%;
    height: 60px;
    z-index: 3;
}

.clock-item .text .val {
	font-size: 22px;
    position: absolute;
    display: block;
    line-height: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin-top: -1px
}

.clock-item .text .type-time {
	 font-size: 10px;
     line-height: 1;
    text-align: center;
    color: #b3b3b3;
}

.clock-item .text .type{
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: -17px;
    left: 0;
}

.clock-item .under-timer{
   display: block;
   width: 56px;
   height: 56px;
   position: absolute;
   z-index: 1;
   border: 2px solid #e7e7e7;
   top: 1px;
   left: 1px;
   -webkit-border-radius: 50%;
   border-radius: 50%;
}

.aim-end .countdown{
    margin-top: 25px;
    overflow: hidden;
}

.club-activities .but{
    text-align: center;
    padding-top: 26px;
}

.but.aim-stat{
    text-align: center;
    padding-top: 13px;
}

.filter-list.labels{
    margin-top: -14px;
    padding-left: 30px;
    padding-right: 30px;
}

.filter-list{
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}

.filter-list div{
    float: left;
    height: auto;
    min-height: 22px;
    font-size: 14px;
    line-height: 1.43;
    text-align: left;
    color: #808080;
    padding: 0 15px;
}

.filter-list.labels div, .filter-list.labels div a{
    font-size: 12px;
    color: #333333;
}

.filter-list.labels div a{
    position: relative;
    padding-right: 15px;
    white-space: nowrap;
    
}

.filter-list.labels div a span{
    font-size: 5px;
    position: absolute;
    right: 2px;
    top: 3px;
}

.filter-list.labels div a.active-filter{
    color: #ba3982;
}

.filter-list.labels div a span{
    display: none;
}

.filter-list.labels div a.active-filter span{
    display: block;
}

.filter-list.labels div a.active-filter.up span{
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 3px;
}

.filter-list.labels div a:hover{
    opacity: 0.8;
}

.filter-list .date{
    width: 9%;
    padding-left: 0;
}

.filter-list .amount{
    width: 18%;
    padding-right: 0;
}

.filter-list .name{
    width: 23%;
}

.filter-list .cashback-p{
    width: 10%;
}

.filter-list .cashback-m{
    width: 20%;
}

.filter-list .status{
    width: 17%;
    padding-right: 0;
}
.filter-list .payment-name{
    width: 29%;
}

.filter-list.labels  .action{
    pointer-events: none;
}

.filter-list  .action{
    width: 3%;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    cursor: pointer;
}

.filter-list  .action span{
    font-size: 11px;
    position: absolute;
    right: 0;
    top: 3px;
}

.filter-list .action:hover span{
    color: #ba3982;
}

.filter-list.active  .action span{
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.filter-list .more-info{
    
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-top: 18px;
    white-space: nowrap;
}

/*
.filter-list.active .more-info{
    display: block;
}
*/

.filter-list .amount .lab{
    font-size: 12px;
    line-height: 1.67;
    text-align: left;
    color: #b3b3b3;
    float: left;
    width: 100%;
}

.filter-list .name.dat{
    font-size: 14px;
    line-height: 1.43;
    text-align: left;
    color: #4d4d4d;
    float: right;
    width: 52%;
    white-space: no-wrap;
}

.filter-list .amount .price{
    font-size: 16px;
    color: #4c4c4c;
}

.filter-list .amount .currency{
    font-size: 14px;
    color: #4c4c4c;
}

.filter-list .name .el-name{
    color: #4c4c4c;
}

.filter-list .name .el-name:hover{
    opacity: 0.7;
}

.filter-list .cashback-m .price{
    font-size: 14px;
    color: #ba3982;
}

.filter-list  .cashback-m  .currency{
    font-size: 12px;
    color: #ba3982;
}

.filter-list .more-info.but{
    text-align: right;
    margin-top: 7px;
    padding-bottom: 5px;
}

.hideOnDesktop{
    display: none;
}

.showOnTab{
    display: none;
}

#chooseSectionBg{
    position: absolute;
    z-index: 15;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.44);
    left: 0;
    top: 0px;
    display: none;
}

#chooseSection{
    position: absolute;
    width: 100%;
    height: auto;
    top: 23px;
    padding-left: 15px;
    padding-right: 15px;
    z-index: 16;
    display: none;
}

#chooseSection .inner{
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    min-height: 200px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 4px 15px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 15px 0 rgba(0, 0, 0, 0.2);
    padding: 20px;
    max-width: 500px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 17;
}

#chooseSection span.closeChooseSection{
    font-size: 15px;
    color: #b3b3b3;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 17;
    cursor: pointer;
}

#chooseSectionInnerBg{
    position: absolute;
    z-index: 16;
    width: 100%;
    height: 100%;
}

#chooseSection .photo{
    display: block;
    width: 100%;
    text-align: center;
    margin-top: -3px;
}

#chooseSection .photo img{
    max-width: 127px;
}

#chooseSection  .tit{
    text-align: center;
    font-size: 24px;
    line-height: 1.2;
    color: #4d4d4d;
    padding-top: 8px;
}

#chooseSection  .desc{
    font-size: 14px;
    line-height: 1.43;
    text-align: center;
    color: #808080;
    padding-top: 8px;
    padding-bottom: 15px;
}

ul.chooseSectionList{
    display: block;
}

ul.chooseSectionList li{
    display: block;
    position: relative;
    width: 100%;
}

ul.chooseSectionList li + li{
    margin-top: 10px;
}

ul.chooseSectionList li a{
    font-size: 14px;
    line-height: 1;
    text-align: left;
    color: #4d4d4d;
    display: block;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #f7f7f7;
    position: relative;
    padding: 13px 20px;
}

ul.chooseSectionList li a span{
    position: absolute;
    right: 20px;
    top: 16px;
    font-size: 9px;
}

ul.chooseSectionList li.active a, ul.chooseSectionList li a:hover{
    background-color: #ba3982;
    color: #fff;
}

ul.chooseSectionList li.active a span, ul.chooseSectionList li a:hover span{
    color: #fff;
}

#chooseSection .but{
    padding-top: 20px;
    height: 52px;
}

span.closeChooseSection{
    cursor: pointer;
}

span.closeChooseSection:hover{
    opacity: 0.8;
}

/* spinner */
.sk-circle {
  margin: 60px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #ba3982;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
          animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}

.white .sk-circle .sk-child:before {
	background-color: #fff;
}
.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/* /spinner */

/* shopping */
.search-area.two-filters.shopping .search {
    width: 50%;
}

.search-area.two-filters.shopping .filter {
    width: calc( 29% - 20px);
}

.search-area.two-filters.shopping .filter-sec {
    float: right;
    width: calc( 21% - 20px );
}

.shopping-top-line{
    width: 100%;
    position: relative;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    margin-top: -11px;
    margin-bottom: 30px;
}

.shopping-top-line .bb{
    padding: 0;
    overflow: hidden;
}

.shopping-top-line .number{
    float: left;
    font-size: 24px;
    font-weight: 500;
    color: #4d4d4d;
    padding-bottom: 16px;
    width: 160px;
}

.shopping-top-line .number .lab{
    font-size: 18px;
}

.shopping-top-line  .sort{
    float: right;
    width: calc( 100% - 200px );
}

.shopping-top-line  .sort .nav-tabs > li{
    float: right;
}

.shopping-top-line  .sort .nav-tabs > li > a{
    padding: 6px 18px 15px;
}

.club-style.cs-shopping .desc{
    padding-top: 9px;
    padding-bottom: 11px;
    min-height: 130px;
}

.club-style.cs-shopping .price{
    font-size: 18px;
    line-height: 2.14;
    text-align: center;
    color: #4d4d4d;
}

.club-style.cs-shopping .price .lab{
    font-size: 14px;
}

.box.club-style.cs-shopping{
    margin-bottom: 20px;
}

.header.with-photo .cnt .info{
    font-size: 24px;
    font-weight: 500;
    line-height: 1.11;
    color: #ffffff;
    padding: 38px 0 24px;
}

.header.with-photo .cnt .info .lab{
    font-size: 18px;
}

.shop-tit{
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.shop-tit .tit{
    float: left;
    width: 40%;
}

.shop-tit .menu{
    float: right;
    width: 50%;
}

.shop-tit .nav-tabs > li > a{
    padding-top: 0;
}

.shop-tit .nav-tabs > li {
    float: right;
}

.shop-desc{
    color: #4d4d4d;
    font-size: 16px;
    line-height: 1.5;
    padding: 10px 0;
}

.shop-desc p{
    margin: 11px 0;
}

.shop-desc .cnt{
    padding-top: 16px;
}

.ico-list{
    display: block;
    width:100%;
    padding-top: 10px;
}

.ico-list li{
    display: inline-block;
}

.ico-list li .icon{
    font-size: 36px;
    color: #ba3982;
}

.ico-list li a:hover .icon{
    color: #b0357b;
}

.ico-list li + li{
    margin-left: 15px;
}

.shop-localistation{
    margin-top: 20px;
}

.box.shop-localistation .subtit-info{
    padding-top: 14px;
}

.sh-title{
    position: relative;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    padding-bottom: 19px;
}

.sh-title .left{
    width: 40%;
}

.sh-title .right{
    width: 55%;
}

.sh-title .search-area{
    margin-top: 0;
}

.sh-title .search-area .search{
    width: 100%;
}

.sh-title .search-area .search label.error{
    display: none !important;
}

.sh-container{
    width: 100%;
    height: 400px;
    position: relative;
    height: 500px;
}

.sh-container .local-list{
    float: left;
    width: calc( 31.5% + 30px );
    left: -30px;
    height: 500px;
    position: absolute;
    padding-right: 30px;
    padding-left: 0px;
}

.sh-container .mapp{
    float: right;
    width: 68.5%;
    height: 100%;
    position: relative;
}

.scrolledList {
    display: block;
    width: 100%;
    height: 100%;
}

ul.slist {
    display: block;
    width: 100%;
    position: relative;
    padding-left: 30px;
}

.scroll-wrapper > .scroll-content{
    overflow :hidden !important;
}

.slist p{
    font-size: 14px;
    line-height: 1.43;
    color: #808080;
    position: relative;
    z-index: 3;
}

.slist li{
    padding: 14px 0;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    position: relative;
    cursor: pointer;
}

.slist li::before{
    z-index: 0;
    position: absolute;
    display: block;
    content: "";
    width: calc( 100% + 60px );
    height: 100%;
    top: 0;
    left: -30px;
    background-color: #fcfcfc;
    opacity: 0;
}

.slist li::after{
    content: "";
    display: block;
    width: 4px;
    height: 100%;
    position: absolute;
    left: -30px;
    top: 0;
    background-color: #ba3982;
    -webkit-border-radius: 0 8px 8px 0;
    border-radius: 0 8px 8px 0;
    opacity: 0;
    z-index: 1;
}

.slist li.active::before, .slist li:hover::before, .slist li.active::after{
    opacity: 1;
}

.slist .city p{
    color: #4c4c4c;
}

.slist .addr{
    min-height: 29px;
}

.slist .open .lab{
    color: #ba3982;
}

.content-pin-info{
    font-family: Rubik;
    Font-size: 13px;
    line-height: 20px;
    color: #808080;
}

.content-pin-info .city{
    font-size: 14px;
    color: #4c4c4c;
}

.content-pin-info .addr{
    font-size: 14px;
    padding-bottom: 10px;
}

.content-pin-info .day  span{
    color: #4c4c4c;
}

.content-pin-info .day  span.today{
    color: #ba3982;
}

.online-left{
    text-align: center;
    padding: 26px 30px;
}

.online-left .tit{
    font-size: 24px;
    line-height: 1.33;
    color: #4d4d4d;
}

.online-left .subtit{
    font-size: 16px;
    line-height: 2;
    color: #4d4d4d;
}

.online-left  .cashback{
    display: block;
    width: 100%;
    text-align: center;
    padding-top: 11px;
}

.online-left  .cashback .inn{
    display: inline-block;
    width: 140px;
    height: 140px;
    position: relative;
    color: #ba3982;
    line-height: 1;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 1px 7px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0px 1px 7px 0 rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.online-left  .cashback .inn .txt{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.online-left  .cashback .dig{
    font-size: 44px;
    font-weight: 500;
    
}

.online-left  .cashback .perc{
    font-size: 32px;
}

.online-left  .cashback .lab{
    font-size: 16px;
}

.online-left .but{
    padding-top: 31px;
}

.online-left .info{
    font-size: 14px;
    line-height: 1.43;
    color: #808080;
    padding-top: 26px;
}

.online-right .tit{
    padding-top: 10px;
    padding-bottom: 24px;
}

.online-right .desc p{
    font-size: 16px;
    line-height: 1.5;
    text-align: justify;
    color: #4d4d4d;
}

.online-right .desc p + p{
    margin-top: 10px;
}

.online-right .cnt{
    padding-top: 24px;
}

.online-right .cnt .tit{
    padding-bottom: 5px;
}

.online-right   .nav-tabs > li > a{
    font-size: 16px;
    padding-left: 20px;
    padding-right: 20px;
}

/* /shopping */

.cbox{
    overflow: hidden;
    padding-bottom: 19px;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.cbox .photo{
    float: left;
    width: 40px;
    height: 30px;
}

.cbox .photo .icon{
    color: #ba3982;
}

.cbox .photo img, .cbox .photo .icon{
    display: none;
}

.cbox .photo.icon .icon{
    display: block;
}

.cbox .photo.visa  img.visa{
    display: block;
}

.cbox .photo.master  img.master{
    display: block;
}

.cbox .photo  img.master{
    width: 20px;
}

.cbox .data{
    float: right;
    width: calc( 100% - 50px );
}

.cbox .data .inputs{
    width: calc( 100% - 100px  );
}

.cbox .data .inputs .ib{
    float: left;
    width:  calc( ( 100% - 40px ) / 4 );
    margin-left: 10px;
}

.cbox .data .inputs .ib .text-style{
    text-align: center;
}

.cbox .data .inputs .ib:first-child{
    margin-left: 0;
}

.cbox .data .button{
    float: right;
    margin-top: 2px;
}

.step .form-group.cbox-outer {
    margin-bottom: 25px;
}

.form-group.addCard{
    margin-top: 28px;
    margin-bottom: 56px;
}

#panel-cards .cbox .data .inputs{
    width: 56%;
}

#panel-cards  .cbox .data .button {
    float: left;
    margin-top: 0px;
    margin-left: 39px;
}

#panel-cards .cbox{
    border-bottom: 0;
}

#panel-cards .form-group {
    margin-bottom: 11px;
}

#panel-cards  .addCard{
    overflow: hidden;
}

.header-back{
    position: relative;
    margin-top: -20px;
    margin-bottom: 20px;
}

.infoWindow{
    height: 100vh;
    position: fixed;
    display: block;
    width: 100%;
    background-color: rgba(0,0,0,0.44);
    z-index: 200;
    left: 0;
    top:0;
    min-height: 100vh;
}

.infoWindow .layer {
    position: absolute;
    display: block;
    z-index: 50;
    width: 100%;
    height: 100%;
    z-index: 50;
    left: 0;
    top: 0;
}

.infoWindow .container{
    padding-top: 0;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 500px;
    position: absolute;
    left: 50%;
    padding-left: 0;
    padding-right: 0;
    z-index: 51;
}

.infoWindow .box{
    position: relative;
    z-index: 53;
}


.infoWindow .thanksClose{
    position: absolute;
    color: #b2b2b2;
    right: 30px;
    top: 30px;
    font-size: 16px;
    cursor: pointer;
    z-index: 10;
}

.infoWindow .thanksClose:hover{
    opacity: 0.8;
}

.infoWindow .photo{
    width: 100%;
    position: relative;
    text-align: center;
    z-index: 9;
    margin-top: -12px;
}

.infoWindow .photo img{
    max-width: 30%;
}

.infoWindow.modal{
    position: absolute;
    top: -70px;
    height: 100%;
    min-height: calc( 100vh + 70px );
}

.infoWindow.modal .layer{
    position: fixed;
}

.infoWindow.modal .container{
    width: 560px;
    top: 85px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.iw-tit{
    line-height: 1.25;
    font-size: 24px;
    font-weight: 500;
    color: #4c4c4c;
    text-align: center;
    margin-top: -10px;
}

.infoWindow .desc{
    line-height: 1.42;
    font-size: 14px;
    color: #808080;
    text-align: center;
    padding-top: 16px;
}

.infoWindow .but{
    text-align: center;
    padding-top: 38px;
}


.infoWindow.modal  .box{
    padding: 60px 60px 30px;
    overflow: hidden;
}

.infoWindow .logo-box {
    display: block;
    width: 100%;
    position: relative;
    height: auto;
    text-align: center;
}

.infoWindow  .ico-box {
    width: 80px;
    height: 80px;
    display: inline-block;
    border: 1px solid rgba(221,51,105,0.1);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 5px;
    position: relative;
    top: -4px;
}

.infoWindow .ico-box .inn {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #dd3369;
    position: relative;
    display: inline-block;
}

.infoWindow  .ico-box .inn span {
    color: #fff;
    font-size: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.infoWindow  .box .tit{
    padding-top: 10px;
    font-size: 24px;
    text-align: center;
    padding-bottom: 12px;
    line-height: 1.25;
    color: #333333;
}

.infoWindow  .desc {
    font-size: 14px;
    color: #808080;
    line-height: 1.43;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 7px;
    padding-top: 0;
}

.infoWindow .but.after-desc{
    padding-top: 12px;
}

.infoWindow.error-type .box{
    padding: 35px;
}


.trialAddUser{
    height: 100vh;
    position: fixed;
    display: block;
    width: 100%;
    background-color: rgba(0,0,0,0.44);
    z-index: 200;
    left: 0;
    top:0;
    min-height: 100vh;
}

.trialAddUser .layer {
    position: absolute;
    display: block;
    z-index: 50;
    width: 100%;
    height: 100%;
    z-index: 50;
    left: 0;
    top: 0;
}

.trialAddUser .container{
    padding-top: 0;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 500px;
    position: absolute;
    left: 50%;
    padding-left: 0;
    padding-right: 0;
    z-index: 51;
}

.trialAddUser .box{
    position: relative;
    z-index: 53;
}


.trialAddUser .thanksClose{
    position: absolute;
    color: #b2b2b2;
    right: 30px;
    top: 30px;
    font-size: 16px;
    cursor: pointer;
    z-index: 10;
}

.trialAddUser .thanksClose:hover{
    opacity: 0.8;
}

.trialAddUser .photo{
    width: 100%;
    position: relative;
    text-align: center;
    z-index: 9;
    margin-top: -12px;
}
.trialAddUser .photo img{
    max-width: 30%;
}
.trialAddUser.modal{
    position: absolute;
    top: -70px;
    height: 100%;
    min-height: calc( 100vh + 70px );
}
.trialAddUser.modal .layer{
    position: fixed;
}
.trialAddUser.modal .container{
    width: 560px;
    top: 85px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.trialAddUser .desc{
    line-height: 1.42;
    font-size: 14px;
    color: #808080;
    text-align: center;
    padding-top: 16px;
}
.trialAddUser .but{
    text-align: center;
    padding-top: 38px;
}
.trialAddUser.modal  .box{
    overflow: hidden;
}
.trialAddUser .logo-box {
    display: block;
    width: 100%;
    position: relative;
    height: auto;
    text-align: center;
}
.trialAddUser  .ico-box {
    width: 80px;
    height: 80px;
    display: inline-block;
    border: 1px solid rgba(221,51,105,0.1);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 5px;
    position: relative;
    top: -4px;
}
.trialAddUser .ico-box .inn {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #dd3369;
    position: relative;
    display: inline-block;
}
.trialAddUser  .ico-box .inn span {
    color: #fff;
    font-size: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.trialAddUser  .desc {
    font-size: 14px;
    color: #808080;
    line-height: 1.43;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 7px;
    padding-top: 0;
}
.trialAddUser .but.after-desc{
    padding-top: 12px;
}
.trialAddUser.error-type .box{
    padding: 35px;
}
.modal.trialAddUser .container{
    width: 1330px;
}
.lmenu-active .trialAddUser .site-container {
	left: 50%;
}

.modal  .iw-tit{
    text-align: left;
}

.partners-cards-buttons{
    position: relative;
    width: 100%;
    margin-top: -6px;
}

.partners-cards-buttons .button + .button{
    margin-left: 20px;
}

.filter-list.labels.partn-cards{
    margin-top: 29px;
    overflow: initial;
    height: 22px;
}

.filter-list  .pc-name{
    width: 14%;
    position: relative;
    padding-left:0;
    padding-right: 0;
}
.filter-list  .pc-num-card{
    width: 21%;
}
.filter-list  .pc-label{
    width: 28%;
}
.filter-list  .pc-last-time{
    width: 24%;
}
.filter-list  .pc-action{
    width: 13%;
}

.filter-list  .pc-name .photo{
    width: 40px;
    height: 20px;
    position: relative;
}

.filter-list  .pc-name .photo img{
    position: absolute;
    width: 100%;
    margin-top: -10px;
}

.filter-list div.notp{
    padding-left: 0;
    padding-right: 0;
}

.filter-list.pc-item{
    overflow: initial;
    height: 70px;
}

.filter-list .pc-label .text-style{
    width: 80%;
    margin-top: -4px;
    color: #808080;
}

.filter-list .pc-last-time{
    position: relative;
}

.filter-list .pc-last-time .pc-date{
    margin-top: -10px;
}

.filter-list .pc-last-time .pc-price{
    font-size: 12px;
    color: #b2b2b2; 
    padding-top: 3px;
}

.filter-list .pc-action .button{
    margin-top: -10px;
}

.filter-list  .pc-name .rounded-checkbox{
    position: absolute;
    left: -40px;
    top: 0px;
}

.filter-list .rounded-checkbox{
    width: 20px;
    padding: 0;
    min-height: 20px;
}

.rounded-checkbox{
    display: block;
    width: 20px;
    height: 20px;
    position: relative;
    padding: 0;
}

.rounded-checkbox label{
    display: block;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    position: absolute;
    cursor: pointer;
}

.rounded-checkbox label span{
    color: #e6e6e6;
    font-size: 7px;
    left: 4px;
    top: 5px;
    position: absolute;
}

.rounded-checkbox input[type=checkbox]{
    position: absolute;
    width:1px;
    height: 1px;
    display: block;
    opacity: 0;
}

.rounded-checkbox input[type=checkbox]:checked +  label{
    border-color: #ba3982;
    background-color: #ba3982;
}


.rounded-checkbox input[type=checkbox]:checked + label span{
    color: #fff;
}


.rounded-checkbox label:hover{
    opacity: 0.8;
}

.pc-but{
    text-align: center;
    padding-top: 10px;
}

.pc-added-boxes{
    margin-top: 40px;
    padding-left: 15px;
    padding-right: 15px;
}

.pc-added-boxes .tit{
    padding-bottom: 23px;
    line-height: 1.3;
}

.pc-added-boxes .desc{
    line-height: 1.42;
    font-size: 14px;
    color: #808080;
}

.pc-added-boxes .box .subtit-info{
    font-size: 12px;
    padding-top: 0;
}

.pc-added-boxes  .image-select{
    margin-top: 12px;
}

.image-select ul{
    display: block;
    width: 100%;
    position: relative;
}

.image-select  li{
    display: inline-block;
    width: 100px;
    height: 100px;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #e6e6e6;
    cursor: pointer;
    margin-right: 20px;
}

.image-select  li img{
    -webkit-border-radius: 10px;
    border-radius: 10px;
     border: 1px solid #FFF;
}

.image-select  li.active{
    border-color:  #ba3982;
}

.image-select  li:hover{
    opacity: 0.85;
}

.image-select  li.active img{
    border-color: #ba3982;
}

.image-select  li img{
    width: 100%;
    height: 100%;
}

.pc-added-boxes .rule-info{
    font-size: 12px;
    line-height: 1.3;
    color: #b2b2b2;
    padding-top: 15px;
}

.pc-added-boxes .rule-info .link{
   color: #ba3982; 
}

.pc-added-boxes .rule-info .link:hover{
    opacity: 0.85;
}

.pc-added-boxes .but{
    text-align: center;
}

.pc-added-boxes .form-body{
    min-height: 225px;
    padding-top: 21px;
}

.pc-added-boxes .addNewPartnerCard  label{
    line-height: 1.4;
    font-size: 14px;
    color: #4c4c4c;
    text-transform: initial;
}

.addNewPartnerCard .form-group{
    margin-bottom: 20px;
}

.addNewPartnerCard .cardNum{
    float: left;
}

.addNewPartnerCard .cardNum,  .addNewPartnerCard .cardName{
    width: calc( (100% -  40px) / 2 );
}

.addNewPartnerCard .cardName{
    float: right;
}

.addNewPartnerCard .cardNum label,  .addNewPartnerCard .cardName label{
    padding-bottom: 23px;
}

#list-partner .box.club-style.cs-shopping{
    min-height: 455px;
}

#list-club  .box.club-style{
    min-height: 400px;
}

.chooseClubStep3 .box.club-style{
    min-height: 440px;
}


.order-partner-card  .iw-tit{
    margin-top: -7px;
}

.order-partner-card .desc{
    position: relative;
    text-align: left;
}

.order-partner-card  .desc .dlogo{
    position: absolute;
    left: 0;
    top: 17px;
    width: 40px;
    height: 40px;   
}

.order-partner-card  .desc  .txt{
    position: relative;
    padding-left: 50px;
    padding-top: 4px;
}

.order-partner-card  .desc .dlogo img{
    width: 100%;
    height: auto;
}

.form-group.opc-r-1{
    display: block;
    height: 70px;
}

.modal .form-group{
    margin-bottom: 25px;
}

.modal .form-group label{
    text-transform: initial;
    font-size: 14px;
    line-height: 1.3;
    color: #4c4c4c;
    padding-bottom: 11px;
}

#order-partner-card{
    padding-top: 28px;
    float: left;
}

.form-group.opc-r-1 .left{
    width: 45%;
}

.form-group.opc-r-1 .left + .left{
    margin-left: 30px;
}

.form-group.opc-r-2{
    height: 70px;
}

.form-group.opc-r-2 .left{
    width: calc( 41% - 20px );
    position: relative;
}

.form-group.opc-r-2 .right{
    width: calc( 59% - 20px );
    position: relative;
}

.form-group.opc-r-5{
    margin-top: 11px;
    height: 66px;
}

.form-group.opc-r-5 .left{
    width: calc( (100% - 40px)/2  );
    position: relative;
}

.form-group.opc-r-5 .right{
    width: calc( (100% - 40px)/2  );
    position: relative;
}

.form-group.opc-r-6{
    height: 66px;
}

.form-group.opc-r-6 .left{
    width: calc( 74% - 20px  );
    position: relative;
}

.form-group.opc-r-6 .right{
    width: calc( 26% - 20px  );
    position: relative;
}

#order-partner-card .but{
    overflow: hidden;
    margin-top: -24px;
}

.multi-card-style .but{
    margin-top: 0px;
}

#order-partner-card .but .left, .multi-card-style .but .left{
    padding-top: 4px;
    color: #808080;
}

#order-partner-card .but .left span, .multi-card-style .but .left span{
    color: #4c4c4c;
}

#order-partner-card .but .left span.currency, .multi-card-style .but .left span.currency{
    font-size: 12px;
} 

.infoWindow.modal.small .container{
    width: 400px;  
}

.infoWindow.modal.center{
    position: fixed;
    top: 0;
    height: 100vh;
}

.infoWindow.modal.center .container{
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.infoWindow.modal.small .box{
    padding: 30px;
}

.infoWindow.modal.small .iw-tit{
    margin-top: -6px;
}

.infoWindow.modal .rc-2{
    margin-top: 10px;
}
 
#recharge-card{
     padding-top: 28px;
     float: left;
     width: 100%;
}

.infoWindow  #recharge-card .but{
    padding-top: 16px;
    text-align: right;
    margin-bottom: 0;
}

.infoWindow.modal.center .box{
    overflow: initial;
    float: left;
}

.recharge-selected-cards  .iw-tit{
    margin-top: -6px;
}

.form-header{
    color: #b2b2b2;
}

.rsc-left{
    width: 60%;
}

.rsc-right{
    width: 34%;
}

.multi-card-style{
    padding-top: 33px;
}

.rsc-card-list{
    display: block;
    width: 100%;
    position: relative;
    float: left;
    margin-top: -8px;
}

.rsc-card-list > li{
    display: block;
    width: 100%;
    border-top: 1px solid #f2f2f2;
    padding: 10px 0;
    height: 61px;
}

.rsc-card-list > li:last-child{
    border-bottom: 1px solid #f2f2f2;
}

.rsc-card-list .card-logo{
    float: Left;
    width: 44px;
    height: 50px;
}

.rsc-card-list .card-logo img{
    width: 100%;
}

.rsc-card-list .card-desc{
    float: right;
    width: calc( 100% - 60px );
}

.rsc-card-list .card-desc .card-name{
    color: #808080;
    font-size: 14px;
    line-height: 1.3;
    padding-bottom: 9px;
}

.rsc-card-list .card-desc .number{
    font-size: 11px;
    color: #b2b2b2;
}

.rsc-card-list .card-desc  .only-number{
    color: #808080;
    padding-top: 12px;
}

.rsc-card-list .selectBox{
    margin-top: 2px;
}

.infoWindow.modal.recharge-selected-cards  .box{
    overflow: initial;
    float: left;
}

.rsc-left.full-width{
    width: 100%;
}

.dashboardCards  .nav-tabs{
    margin-top: 7px;
}

#pcard-logo{
    margin-top: -20px;
    width: 40px;    
}

.partners-card .card .card-data .number{
    color: #004995;
    padding-top: 0;
    margin-top: -2px;
}

.partners-card  .card .card-data .ctit{
    color: #b2b2b2;
}

.partners-card  .card .card-data .price-style{
   color: #808080; 
}

.partners-card .ppc-line-1{
    padding-top: 10px;
    overflow: hidden;
    width: 50%;
}

.partners-card .ppc-line-1 .right{
    text-align: right;
    width: 50%;
}

.card .card-data .price-style span.currency{
    font-size: 12px;
}

.partners-card .ppc-line-2{
    padding-top: 7px;
    overflow: hidden;
}

.partners-card .ppc-line-2 .right{
    padding-top: 5px;
}

.card-list.pcards{
    margin-top: 15px;
}

.card-list.pcards  li{
    padding-top: 10px;
    padding-bottom: 10px;
}

.card-list.pcards  li .data{
    height: 40px;
    padding-left: 0;
}

.card-list.pcards li .data img {
    margin-top: 0px;
    width: 40px;
}

.card-list.pcards li  .card-txt{
    float: right;
    width: calc( 100% - 60px );
    text-align: left;
}

.card-list.pcards li  .card-txt .pcard-name{
    line-height: 1.3;
    font-size: 14px;
    color: #808080;
}

.card-list.pcards li  .card-txt .pcard-num{
    line-height: 1.3;
    font-size: 11px;
    color: #b2b2b2;
    padding-top: 8px;
}

.card-list.pcards li.active  .card-txt .pcard-name{
    color: #4c4c4c;
}

.card-list.pcards li.active  .card-txt .pcard-num{
    color: #4c4c4c;
}

.card-list.pcards li  .card-txt .pcard-num.only-num{
    font-size: 14px;
    padding-top: 10px;
}

#card-box-partner  img.card-bg {
    -webkit-border-radius: 12px;
    border-radius: 12px;
}

.custom-progress-bar{
    display: block;
    width: 100%;
    height: 20px;
    margin: 10px 0;
    background-color: #f2f2f2;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}

.custom-progress-bar .inn, .custom-progress-bar .inn-2{
    display: block;
    height: 100%;
    background-color: #923487;
    background-image: linear-gradient(to right, #953487, #6b2e8c);
    border-radius: 12px 12px 12px 12px;
    -moz-border-radius: 12px 12px 12px 12px;
    -webkit-border-radius: 12px 12px 12px 12px;
}

#thanks{
    display: block;
    z-index: 50;
    width: 100%;
    height: 100%;
    z-index: 50;
    left: 0;
    top: 0;
    position: absolute;
    background: url(../img/bg1.png) no-repeat center  top 95px rgba(0,0,0,0.44);
}

#thanks .layer{
    position: absolute;
    display: block;
    z-index: 50;
    width: 100%;
    height: 100%;
    z-index: 50;
    left: 0;
    top: 0;
}

#thanks  .site-container{
    z-index: 51;
    padding-top: 130px;
}

#thanks img.thanks-top{
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: -66px;
}

#thanks .register-steps .box{
    padding-top: 240px;
    z-index: 51;
}

#thanks .logo-box{
    display: block;
    width: 100%;
    position: relative;
    height: 150px;
    text-align: center;
}

#thanks .logo-box .inn{
    position: relative;
    display: inline-block;
    width: 150px;
    height: 150px;
    background-color: #fff;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    -webkit-box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1); 
    box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1); 
}

#thanks .logo-box .inn img{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
}

#thanks .tit{
    font-size: 24px;
    text-align:center;
    padding-top: 31px;
    padding-bottom: 12px;
}

#thanks .desc{
    font-size: 14px;
    color: #808080;
    line-height: 1.43;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}

#thanks .desc p + p{
    margin-top: 21px;
}

#thanks .desc .link{
    font-size: 16px;
    line-height: 1.25;
}

#thanks .desc .link a{
    color: #ba3982;
}

#thanks .desc .link a:hover{
    opacity: #b0357b;
}

#thanks .but{
    padding-top: 37px;
    overflow:hidden;
    padding-bottom: 17px;
}

#thanks.clear-bg{
    background-image: none;
}

#thanks .register-steps.without-top-img .box{
    padding-top: 35px;
    min-height: 0;
}

#thanks .logo-box.nrm-logo{
    height: auto;
}

#thanks .logo-box.nrm-logo img{
    max-width: 200px;
}

#thanks .register-steps .box{
    overflow: initial;
}

#thanks.vote-submitted .tit{
    padding-top: 10px;
}

#thanks.vote-submitted .but {
    padding-top: 12px;
}

#thanks.vert-center{
    height: 100vh;
    position: fixed;
}

#thanks.vert-center .site-container{
    padding-top: 0;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translateY(-50%,-50%);
}

#thanksClose{
    position: absolute;
    color: #b2b2b2;
    right: 30px;
    top: 30px;
    font-size: 16px;
    cursor: pointer;
    z-index: 10;
}

#thanksClose:hover{
    opacity: 0.7;
}

#thanks.error-message .step{
    position: relative;
    z-index: 9;
}

#thanks .ico-box{
    width: 80px;
    height: 80px;
    display: inline-block;
    border: 1px solid rgba(221,51,105,0.1);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 5px;
    position: relative;
    top: -4px;
}

#thanks .ico-box .inn{
    width: 100%;
    height: 100%;
     -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #dd3369;
    position: relative;
}

#thanks .ico-box .inn span{
    color: #fff;
    font-size: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#thanks.error-message .desc{
    padding-bottom: 7px;
}

#thanks.error-message .but{
    padding-bottom: 0;
    text-align: center;
}

#thanks.clear{
    background-image: none;
}

#thanks.top-2   img.thanks-top{
    top: 0;
}

.filter-list.labels.partner-transaction {
    margin-top: -26px;
    margin-bottom: 9px;
}

.filter-list .pt-lp{
    width: 4%;
    padding-left: 0;
}
.filter-list .pt-phone{
    width: 11%;
    padding-left: 0;
}
.filter-list .pt-date{
    width: 14%;
    padding-left: 0;
}

.filter-list .pt-shop{
    width: 18%;
    padding-left: 0;
}
.filter-list .pt-name{
    width: 16%;
}
.filter-list .pt-name.pt-date{
    width: 14%;
    padding-left: 0;
}
.filter-list .pt-price{
    width: 18%;
    padding-left: 0;
}
.filter-list .pt-price-to-club{
    width: 16%;
    padding-left: 0;
}
.filter-list .pt-status{
    width: 17%;
    padding-right: 0;
}

.filter-list .pt-action{
    width: 1%;
    padding-left: 0;
    padding-right: 0;
}

.filter-list  .pt-name .pt-nname{
    position: relative;
    margin-top: -10px;
}

.filter-list  .pt-name .pt-num{
    font-size: 11px;
    color: #b2b2b2;
    padding-top: 5px;
}

.pt-box{
    padding-bottom: 15px;
}

.pt-box  .pt-date, .pt-box  .pt-nname, .pt-box  .pt-price, .pt-box  .pt-price-to-club, .pt-box  .pt-status,.pt-box  .pt-shop {
    color: #4c4c4c;
}

.pt-box .more-info{
    border-top: 1px solid rgba(0,0,0,0.05);
    margin-top: 14px;
    padding-top: 28px;
    padding-bottom: 18px;
}

.filter-list .pt-more-left{
    width: 32%;
    padding-left: 0;
    padding-right: 0;
}

.filter-list .pt-more-right{
    width: 32%;
}

.pt-box .more-info p.lab{
    font-size: 11px;
    color: #b2b2b2;
    padding-bottom: 3px;
}

.pt-box .more-info p.addr{
    color: #808080;
}

p.pt-id{
    font-size: 11px;
    color: #b2b2b2;
}

.header.with-photo .cnt  .selectbox-with-iconbox{
    margin-top: 17px;
}

.selectbox-with-iconbox{
    position: relative;
    width: 100%;
    height: 36px;
}

.selectbox-with-iconbox  .left.sb{
   width: 190px;
   margin-right: 28px;
}

.selectbox-with-iconbox  .left.ib ul.icon-list{
    padding-top: 7px;
}


.header.with-photo .cnt .selectbox-with-iconbox + .menu-change{
    padding-top: 28px;
}


/* group checbkoxes */
.pc-item  .pc-name .rounded-checkbox, .pc-item  .fl-name .rounded-checkbox{
    pointer-events: none;
    opacity: 0.5;
}

.active-group-all  .pc-item  .pc-name .rounded-checkbox, .active-group-all  .pc-item  .fl-name .rounded-checkbox{
    pointer-events: initial;
    opacity: 1;
}

.group-tesco    .pc-item  .pc-name .rounded-checkbox.group-tesco {
    pointer-events: initial;
    opacity: 1;
}

.group-bp    .pc-item  .pc-name .rounded-checkbox.group-bp {
    pointer-events: initial;
    opacity: 1;
}

.max-limit .pc-item  .pc-name .rounded-checkbox:not(.is-checked){
    pointer-events: none;
    opacity: 0.5;
}

.group-fan    .pc-item  .fl-name .rounded-checkbox.group-fan {
    pointer-events: initial;
    opacity: 1;
}



.about-icon-box{
    width: 100%;
    margin-top: -16px;
    padding-bottom: 35px;
}

.about-icon-box .inn{
    width: 100%;
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

.about-icon-box .ai-box{
    float: left;
    min-height: 100px;
    width: calc( (100% - 120px)/4 );
    margin-left: 40px;
    text-align: center;
}

.about-icon-box .ai-box .photo {
    text-align: center;
}

.about-icon-box .ai-box .photo .inn-border{
    display: inline-block;
    width: 124px;
    height: 124px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #ececec;
    padding: 9px;
}

.about-icon-box .ai-box .photo .inn-border .icon{
     width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color:#fff;
    position: relative;
    -webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.05); 
    box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.05); 
}

.about-icon-box .ai-box:first-child{
    margin-left: 0;
}

.about-icon-box .ai-box .photo .inn-border .icon span{
    font-size: 40px;
    color: #ba3982;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.about-icon-box .ai-box .photo .inn-border .icon span.icon-menu-goals{
    font-size: 36px;
}

.about-icon-box .ai-box .photo .inn-border .icon span.icon-stats-funds{
    font-size: 34px;
}


.about-icon-box .ai-box .photo .inn-border img{
    width:100%;
    height: 100%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.05); 
    box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.05); 
}

.about-icon-box .ai-box .tit{
    line-height: 1.3;
    font-size: 24px;
    color: #4c4c4c;
    font-weight: 500;
    padding-top: 13px;
}

.about-icon-box .ai-box .tit .curr{
    font-size: 18px;
}

.about-icon-box .ai-box  .lab{
    font-size: 14px;
    color: #808080;
}

.club-desc p{
    line-height: 1.85;
    font-size: 14px;
    color: #4c4c4c;
}

.club-desc{
    padding-top: 18px;
}

.club-desc p + p{
    margin-top: 10px;
}

.club-desc .cnt{
    margin-top: 28px;
}

.box .subtit-info.smaller-mt{
    padding-top: 18px;
    font-size: 11px;
    line-height: 1.35;
    padding-bottom: 2px;
}

.club-panel .shopping ul.nav {
    padding-top: 4px;
}

.shopping .item-box .photo{
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    border: solid 1px #f2f2f2;
    padding: 4px;
    display: inline-block;
}

.shopping .item-box .photo .inn{
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.shopping .item-box .photo .inn img{
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 100%;
}

.shopping .item-box .name{
    font-size: 14px;
    color: #4c4c4c;
    padding-top: 12px;
}

.club-panel .shopping .item-box .subtit{
    font-size: 11px;
    padding-top: 3px;
}

.club-panel  .last-trans .list-items {
    margin-top: 5px;
}

.club-panel .last-trans .but {
    padding-top: 25px;
}

.club-panel  .activities.list-items {
    margin-top: 0px;
    padding-bottom: 8px;
}

.club-panel  .activitiesBox .but{
    padding-top: 24px;
}

.actualFanBox{
    overflow: hidden;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    margin-top: 16px;
    padding-bottom: 26px;
}

.actualFanBox .photo{
    float: left;
    width: 100px;
    height: 100px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #e5e5e5;
    padding: 5px;
}

.actualFanBox .photo .inn{
    width: 100%;
    height: 100%;
     -webkit-border-radius: 50%;
    border-radius: 50%;
}

.actualFanBox .photo .inn img{
    width: 100%;
     -webkit-border-radius: 50%;
    border-radius: 50%;
}

.actualFanBox .desc{
    float: right;
    width: calc( 100% - 120px );
}

.actualFanBox .desc .name{
    font-size: 16px;
    color: #4c4c4c;
    padding-top: 12px;
}

.actualFanBox .desc  .price{
    font-size: 14px;
    color: #4c4c4c;
    padding-top: 11px;
}

.weekCrit{
    padding-top: 29px;
}

.weekCrit .selectBox{
    max-width: 270px;
}

.box .weekCrit .subtit-info.smaller-mt{
    padding-top: 16px;
    padding-bottom: 15px;
}

.about-club  .shop-tit{
    border-bottom: 0px solid transparent;
}

.historyChanges  .tit{
    font-size: 18px;
    color: #4c4c4c;
    margin-top: 0px;
    padding-bottom: 20px;
}

.historyChanges  .subtit-info{
    font-size: 10px;
    color: #b2b2b2;
}

.historyChanges  .activities.list-items {
    margin-top: 2px;
}

.historyChanges  .list-items .info .time{
    display: block;
}

.historyChanges  .list-items .info .activity{
    color: #808080;
}

.link-forget{
    font-size: 14px;
    color: #ba3982;
}

.link-forget:hover{
    opacity: 0.7;
    color: #ba3982;
}

#log-in-club   .form-group.forget{
    margin-top: -17px;
    margin-bottom: 25px;
}

#log-in-club .submits{
    margin-bottom: 38px;
}

.infoWindow.changePass .container{
    max-width: 460px;
}

.infoWindow.changePass .box{
    padding: 57px 60px;
    overflow: hidden;
}

.changePass .box .tit{
    font-size: 24px;
    padding-bottom: 22px;
}

.changePass .info-txt{
    line-height: 1.42;
    font-size: 14px;
    color: #808080;
    padding-bottom: 32px;
}

.changePass  label.clabel{
    font-size: 14px;
    color: #4c4c4c;
    text-transform: initial;
}

.changePass .submits{
    text-align: center;
    margin-bottom: 5px;
}

.club-panel .aim {
    padding-top: 19px;
}

.club-panel  .aim .name-tit {
    padding-top: 10px;
}

.club-panel .progress-aim-summary{
    padding-top: 19px;
    border-top: 1px solid rgba(0,0,0,0.05);
    margin-top: 32px;
}

.club-panel .aim .progress-aim-summary .name-tit{
    padding-bottom: 10px;
}

.club-panel .aim .but {
    padding-top: 5px;
}

.club-panel .chart-box + .but {
    margin-top: -4px;
}

.selectBox{
    min-height: 36px;
}

.clubBasicBox{
    padding-top: 11px;
    padding-bottom: 20px;
    height: 275px;
}

.clubBasicBox .left{
    width: 160px;
}

.clubBasicBox .left  .custom-progress-bar{
    margin-top: 30px;
    max-width: 154px;
}

.clubBasicBox .left .subtit-info.smaller-mt{
   font-size: 12px;
}

.clubBasicBox .right{
    width: calc(100% - 200px);
    padding-top: 16px;
}

.clubData .tit{
    padding-top: 2px;
}

.clubBasicBox .pbox{
    width: 154px;
    height: auto;
    position: relative;
    border: 1px dashed rgba(0,0,0,0.1);
    height: 154px;
    margin-top: 13px;
    padding: 5px;
}

.clubBasicBox .pbox .photo{
    width: 100%;
    height: 100%;
}

.clubBasicBox .pbox .photo img{
    Width: 100%;
}

.clubBasicBox .pbox .photo .button{
    position: absolute;
    bottom: -16px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 110px;
    padding-left: 10px;
    padding-right: 10px;
}

.clubStyle label{
    text-transform: initial;
    color: #4c4c4c;
    font-size: 14px;
    margin-bottom: 11px;
    font-weight: 500;
}
.clubData  .form-group {
    margin-bottom: 27px;
}

.clubData  .selectBox{
    width: 100%;
    margin-top: -7px;
}

.clubDescBox{
    margin-top: -25px;
}

.clubDescBox  label{
    margin-bottom: 5px;
}

.clubDescBox textarea.text-style{
    height: 100px;
    padding-left: 0;
    padding-right: 0;
}

.clubData .submit{
    text-align: right;
    padding-top: 8px;
}

.clubData .form-group.last-elem{
    margin-bottom: 0;
}

.clubSocials{
    margin-top: 23px;
}

.clubSocials .tit{
    padding-bottom: 35px;
}

.clubSocials label{
    margin-bottom: 2px;
}

.clubSocials .form-group {
    margin-bottom: 35px;
}

.clubSocials .submit{
    text-align: right;
}

.title-with-selectbox{
    width: 100%;
    min-height: 72px;
}

.title-with-selectbox .left{
    width:  calc( 100% - 250px );
    padding-top: 9px;
}

.title-with-selectbox  .right{
    width: 230px;
    padding-top: 3px;
}

.title-with-selectbox  .right .selectBox{
    width: 100%;
}

.search-area.fan-list .filter.dropdownAction{
    float: left;
}

.search-area.two-filters.fan-list  .filter.dropdownAction{
     width: calc( 32% - 20px);
}

.search-area.two-filters.fan-list .search {
    width: calc( 48% - 20px );
    margin-left: 20px;
}

.search-area.two-filters.fan-list .fanType {
    width: calc( 22% - 20px );
}


.filter-list .fl-name {
    padding-left: 0px;
    width: 28%;
}

.filter-list.labels.fan-list{
    margin-top: 0;
    padding-left: 15px;
    padding-right: 15px;
}

.filter-list.labels div.fl-name a{
    padding-left: 43px;
}

.filter-list .fl-permission{
    width: 21%;
}

.filter-list .fl-money{
    width: 21%;
}

.filter-list .fl-date{
    width: 27%;
    padding-right: 0;
}

.filter-list .fl-action{
    width: 1%;
    padding-left: 0;
    padding-right: 0;
}

.filter-list.labels div.fan-list a{
    color: #b2b2b2;
}

.filter-list.fl-item{
  
}

.filter-list.pc-item  .rounded-checkbox.group-fan {
    position: absolute;
    left: -11px;
    top: 24px;
}

.pc-item .fl-inn{
    width: 100%;
    padding: 0px;
    overflow: hidden;
    float: none;
}

.pc-item .fl-photo{
    padding-left: 0;
    padding-right: 0;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    float: left;
    margin-left: 4px;
}

.pc-item .fl-photo img{
    width: 100%;
    height: auto;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.filter-list  .fl-names{
    float: left;
    padding: 0;
    padding-left: 19px;
    width: calc( 100% - 50px );
}

.fl-names .nm{
    font-size: 14px;
    color: #4c4c4c;
    margin-top: -1px;
}

.fl-names .num{
    font-size: 11px;
    color: #b2b2b2;
    margin-top: 3px;
}

.filter-list.labels.fan-list div a{
    color: #b2b2b2;
}

.filter-list.labels.fan-list div a.active-filter {
    color: #ba3982;
}

.filter-list.smaller-padding.fl-item.pc-item{
    height: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.filter-list.labels .fl-name{
    padding-left: 20px;
}

.filter-list .fl-permission .dat{
    padding-top: 9px;
    color: #4c4c4c;
}

.filter-list .fl-money .dat{
    padding-top: 9px;
    color: #4c4c4c;
}

.filter-list .fl-date .dat{
    padding-top: 9px;
    color: #4c4c4c;
}

.filter-list .action.fl-action span{
    top: 13px;
}

.fl-item .more-info {
    border-top: 1px solid rgba(0,0,0,0.05);
    margin-top: 14px;
    padding-top: 28px;
    padding-bottom: 18px;
}

.fl-item .more-info .line{
    width: 100%;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
}

.fl-item .more-info .line + .line{
    margin-top: 40px;
}

.fl-item .more-info .col{
    float: left;
}

.fl-item .more-info .col-1{
    width: 28%;
    padding-left: 63px;
}

.fl-item .more-info .col-2{
    width: 21%;
}

.fl-item .more-info .col-3{
    width: 40%;
}

.fl-item .more-info .lab{
    font-size: 11px;
    color: #b2b2b2;
    padding-bottom: 3px;
}

.fl-item .more-info .dat{
    color: #808080;
}

.fl-item .more-info .but{
    text-align: right;
    padding-bottom:8px;
}

.fl-item .more-info .but .button + .button{
    margin-left: 20px;
}

.fan-list-week  .fl-name{
    width: 19%;
}

.fan-list-week  .fl-section{
    width: 25%;
}

.fan-list-week  .fl-time{
    width: 30%;
}

.fan-list-week  .fl-crit{
    width: 25%;
}

.filter-list.smaller-padding.fan-list-week{
    padding-left: 0;
    padding-right: 0;
}

.filter-list.labels.fan-list-week{
    padding-left: 0;
    padding-right: 0;
    margin-top: -10px;
}

.filter-list.fan-list-week  .fl-name{
    padding-left: 20px;
}

.fan-list-week.pc-item .fl-photo{
    margin-left: 0;
}

.fan-list-week  .fl-section .dat{
    padding-top: 10px;
    color: #4c4c4c;
}

.fan-list-week  .fl-crit .dat{
    color: #4c4c4c;
}

.fan-list-week  .fl-time .dat{
    padding-top: 10px;
    color: #4c4c4c;
}

.fan-list-week  .fl-crit .val{
    font-size: 11px;
    color: #b2b2b2;
    padding-top: 4px;
}

.fan-list-week-but{
    padding-top: 20px;
}

.filter-list.labels.fan-list-week  span.label-option{
    font-size: 12px;
    color: #b2b2b2;
}

.filter-list.pc-item.fan-list-week{
    height: auto;
    min-height: 70px;
}

.colc-1-2{
    width: calc( 50% - 20px );
    float: left;
}

.week-fan-row-1{
    margin-top: 15px;
}

.week-fan-row-1 .actualFanBox {
    margin-top: 14px;
    padding-bottom: 0;
    border-bottom: 0;
}

.week-fan-row-1 .actualFanBox .photo{
    width: 116px;
    height: 116px;
    margin-left: 0px;
}

.week-fan-row-1 .actualFanBox .desc {
    width: calc( 100% - 135px );
}

.week-fan-row-1 .actualFanBox .desc .name{
    padding-toP: 6px;
}

.week-fan-row-1 .actualFanBox .desc .idnum{
    font-size: 11px;
    color: #b2b2b2;
    padding-top: 9px;
    padding-bottom: 7px;
}

.colc-right{
    float: right;
}

.week-fan-row-1  .weekCrit {
    padding-top: 13px;
}

.persons-list{
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.persons-list li{
    width: calc( (100% - 100px)/3  ) ;
    position: relative;
    display: inline-block;
    min-height: 40px;
}

.persons-list li + li{
    margin-left: 40px;
}

.persons-list .photo{
    position: absolute;
    width: 40px;
    height: 40px;
}

.persons-list  .photo img{
    width: 100%;
    height: auto;
}

.persons-list  .desc{
    position: relative;
    width: calc( 100% - 50px );
    float: right;
    
}

.week-crit-box .persons-list{
    padding-top: 33px;
}

.persons-list  .desc .name{
    font-size: 14px;
    color: #4c4c4c;
    padding-top: 3px;
}

.persons-list  .desc .price{
    font-size: 11px;
    color: #b2b2b2;
    padding-top: 9px;
}

.lb-marg-top{
    margin-top: 40px;
}

.num-pers{
    position: relative;
    width: 100%;
    margin-top: 11px;
}

.num-pers li{
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 14px 0 15px;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.num-pers li:last-child{
    border-bottom: 0;
}

.num-pers  .num{
    width: 30px;
    float: left;
    padding-top: 12px;
    color: #b2b2b2;
}

.num-pers  .photo{
    width: 40px;
    height: 40px;
    float: left;
}

.num-pers  .photo img{
    width: 100%;
    height: auto;
}

.num-pers .data{
    width: calc( 100% - 160px );
    margin-left: 10px;
    float: left;
}

.num-pers .data .name{
    padding-top: 3px;
}

.num-pers .data .idnum{
    padding-top: 8px;
    color: #b2b2b2;
    font-size: 11px;
}

.num-pers .price{
    float: right;
    width: 80px;
    text-align: right;
    padding-top: 12px;
}

/* lista */
.ui-menu .ui-menu-item{
    background-color: #fff;
    Padding: 10px 20px;
    line-height: 1.25;
	color: #333;
}

.filter-list.labels.account-list{
    margin-top: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.filter-list.labels.account-list  div a{
    color: #b2b2b2;
}

.filter-list.labels.account-list  div a.active-filter{
    color: #ba3982;
}

.account-list  .ac-name{
    width: 29%;
}

.account-list .ac-login{
    width: 32%;
}

.account-list  .ac-role{
    width: 17%;
}

.account-list  .ac-status{
    width: 12%;
}

.account-list  .ac-action{
    width: 10%;
    padding-top: 4px;
}

.ac-name .ac-photo{
    padding: 0;
    margin-left: -11px;
}

.ac-name .ac-photo img{
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.ac-name .ac-names{
    float: right;
    width: calc( 100% - 50px );
    padding: 10px 0 0;
}

.account-list .ac-login .dat{
    padding-top: 10px;
}

.account-list .ac-role .dat{
    padding-top: 10px;
}

.account-list  .ac-status{
    padding: 0;
    position: relative;
}

.account-list  .ac-status span.dott{
    width: 6px;
    height: 6px;
    display: block;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #ba3982;
    position: absolute;
    left: 0px;
    top: 17px;
}

.account-list  .ac-status .dat{
    padding-top: 10px; 
    position: relative;
    padding-left: 5px;
}

.filter-list.smaller-padding.ac-item{
    padding-bottom: 10px;
}

.account-list .dat{
    color: #4c4c4c;
}

.account-list .dat .logout{
    color: #b2b2b2;
}

.addNewAccount, .addNewAim{
    margin-top: 40px;
    margin-bottom: 10px;
}

.addNewAccount .user-data{
    margin-top: 25px;
}
.addNewAim .aim-data{
    margin-top: 14px;
}

.addNewAccount .form-group.name, .addNewAccount .form-group.sname, .addNewAim .form-group.name, .addNewAim  .form-group.sname{
    width: calc( 50% - 20px );
}

.addNewAim .form-group.aim-form-col-3{
	float: left;
	width: 130px;
}

.addNewAim .form-group.aim-form-col-1, .addNewAim .form-group.aim-form-col-2{
	width: calc( ( 100% - 210px )/2 );
	float: left;
}

.addNewAim .form-group.aim-form-col-2, .addNewAim .form-group.aim-form-col-3{
	margin-left: 40px;
}

.addNewAccount label, .addNewAim label{
    text-transform: initial;
    color: #4c4c4c;
    font-size: 14px;
}

.addNewAccount .form-group{
    margin-bottom: 27px;
}

.addNewAim .form-group{
	margin-bottom: 19px;
}

.addNewAccount .form-group label{
    padding-bottom: 25px;
}

.addNewAim  .form-group label{
	padding-bottom: 15px;
}

.addNewAccount .selectable, .addNewAim .selectable{
    margin-top: 10px;
}

.addNewAccount .selectable.form-group label, .addNewAim .selectable.form-group label {
    padding-bottom: 20px;
}

.addNewAccount .form-group.submit{
    margin-top: 8px;
    margin-bottom: 3px;
}

.infoWindow.modal.editAccount .container{
    width: 460px;
}

.editAccount  .iw-tit{
    margin-top: 0;
}

.addNewAccount  .user-data .photo, .addNewAim  .user-data .photo{
    width: 144px;
    height: 144px;
    min-height: 0px;
    margin-left: -15px;
}

.editAccount .user-data .photo{
    width: 144px;
    height: 144px;
    min-height: 144px;
    margin-top: 20px;
}

.editAccount  .user-data .photo .pbox {
    height: 100%;
}
.infoWindow.editAccount .user-data .photo img{
    max-width: 100%;
}

.editAccount .user-data{
    margin-top: 30px;
    margin-bottom: 31px;
}

.editAccount .user-data label{
    font-size: 14px;
    text-transform: initial;
    color: #4c4c4c;
}

.modal.editAccount .form-group {
    margin-bottom: 36px;
}

.modal.editAccount .form-group.selectable label{
    padding-bottom: 12px;
}

.infoWindow.editAccount .but{
    padding-top: 14px;
    margin-bottom: 30px;
    min-height: 50px
}

.infoWindow.modal.editAccount .box{
    overflow: initial;
}

.ovh{
    height: 90px
}

.account-list.section-list  .ac-login{
    width: 22%;
}

.account-list.section-list .ac-status {
    width: 23%;
}

.account-list.section-list .ac-action {
    width: 9%;
}

.account-list.section-list  .ac-name .dat{
    padding-top: 10px;
}

.section-list  .filter-list.smaller-padding.ac-item {
    padding-bottom: 19px;
}

.addNewSection{
    margin-top: 40px;
}

.shopping.inline-4 .item-box{
    width: calc( ( 100% - 60px) / 4 );
    margin-bottom: 27px;
}

.shopping.inline-4 .item-box:nth-child(4n+1){
    margin-left: 0;
}

.shopping.inline-4 .items .but{
    padding-top: 15px;
}

.activities-but{
    text-align: center;
    padding-top: 34px;
}

.dashboard-polls{
    width: 100%;
    overflow: initial;
}

.dashboard-polls .tit{
    padding-bottom: 10px;
}

.dashboard-polls .poll{
    width: 50%;
}

.dashboard-polls .poll.left{
    padding-right: 30px;
    position: relative;
}

.dashboard-polls .poll.left::before{
    content: "";
    display: block;
    width: 1px;
    height: calc( 100% - 40px );
    top: 15px;
    right: 0;
    background-color: #f2f2f2;
    z-index: 3;
    position: absolute;
}

.dashboard-polls .poll.right{
    padding-left: 30px;
}

.dashboard-polls .top-info .info{
    padding-top: 14px;
}

.dashboard-polls .top-info .left{
    width: calc( 100% - 150px );
}

.dashboard-polls .top-info .right{
    width: 150px;
    text-align: right;
}

.dashboard-polls .top-info .right .but{
    padding-top: 19px;
}

.dashboard-polls .top-info .right .but .button{
    padding-left: 14px;
    padding-right: 14px;
}

.dashboard-polls  .top-info .price::before {
    display: none;
}

.dashboard-polls .top-info .price.to-up{
    background: url(../img/rank-up.png) no-repeat left 1px top 10px transparent;
}

.dashboard-polls .top-info .price.to-down{
    background: url(../img/rank-down.png) no-repeat left 1px top 10px transparent;
}

.dashboard-polls > .but{
    text-align: right;
    padding-top: 0px;
    margin-top: -2px;
    float: left;
    width: 100%;
}

.jqplot-event-canvas{
    /*
    border: 1px solid #f2f2f2;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    */
}

.add-new-section{
    display: block;
    padding-top: 26px;
    height: 160px;
}


.add-new-section .form-group label{
    color: #4c4c4c;
    font-size: 14px;
    padding-bottom: 25px;
}

.add-new-section .name{
    float: left;
    width: 33%;
}

.add-new-section .type{
    float: left;
    width: 33%;
    padding-left: 23px;
}

.add-new-section .coach{
    float: left;
    width: 33%;
    padding-left: 23px;
}

.add-new-section  .submit{
    width: 100%;
    float: left;
    text-align: right;
}

.add-new-section label{
    text-transform: initial;
}

.add-new-section .form-group.selectable label{
    padding-bottom: 18px;
}

.add-new-section .form-group{
    margin-bottom: 26px;
}

.add-new-section .form-group.submit{
    margin-bottom: 0px;
}

.infoWindow.modal.editSection   .container{
    top: 145px;
}

.editAccount.editSection  .iw-tit{
    padding-bottom: 27px;
}

.infoWindow.editAccount.editSection .but {
    padding-top: 0px;
}

.shop-tit.shorter .tit{
    width: 26%;
    padding-bottom: 18px;
}

.shop-tit.shorter .menu {
    width: 72%;
    margin-top: 8px;
}

.shop-tit.shorter .nav-tabs > li:first-child{
    margin-left: 10px;
}

.multishop-desc{
    padding: 24px 0 14px;
}

.header.with-photo .cnt .info .icon-info{
    font-size: 16px;
    color: #fff;
    padding-left: 6px;
}

.infoWindow.modal.cropPhoto .box{
    padding: 33px 30px;
    
}

.infoWindow.modal.cropPhoto .container {
    width: 500px;
}

.cropPhoto   .iw-tit{
    text-align: center;
    padding-bottom: 16px;
}

.cropPhoto .desc{
    font-size: 14px;
    color: #808080;
    line-height: 1.43;
}

.croppContainer{
    height: 315px;
    margin-top: 20px;
    position: relative;
}

.croppContainer .phot{
    width: 100%;
    height: 250px;
    margin-top: 20px;
    position: relative;
    z-index: 1;
}

.croppContainer .phot::before{
    display: block;
    content: "";
    position: absolute;
    width: calc( 100% + 60px );
    left: -30px;
    top: 0;
    height: 100%;
    background-color: #f2f2f2;
}

.croppContainer .photo-toolbar{
    position: relative;
    z-index: 2;
    padding-top: 30px;
    padding-bottom: 0px;
    text-align: center;
}

.infoWindow.cropPhoto  .but{
    position: relative;
    z-index: 2;
    padding-top: 0;
}

.croppContainer .photo-toolbar .button{
    padding-left: 0;
    padding-right: 0;
    width: 32px;
    height: 32px;
    position: relative;
    text-align: center;
    font-size: 10px;
    margin: 0 2px;
}

.croppContainer .photo-toolbar .button.plus, .croppContainer .photo-toolbar .button.minus{
    font-size: 12px;
    
}

.croppContainer .photo-toolbar .button.to-left{
    margin-left: 10px;
}

.croppContainer .photo-toolbar .button span{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.poll-tooltip{
    display: block;
    position: fixed;
    padding: 20px !important;
    width: 120px;
    height: auto;
    font-family: "Rubik", sans-serif !important;
    background-color: #fff;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 4px 15px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 15px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    pointer-events: none;
    -webkit-transform: translate(-60px,-95px);
    transform: translate(-60px,-95px);
}
    
.poll-tooltip::after {
    content: "";
    position: absolute;
    display: block;
    bottom: -6px;
    left: 50%;
    margin-left: -5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 5px 0 5px;
    border-color: #ffffff transparent transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
    
.poll-tooltip .price {
    color: #4c4c4c;
    font-size: 12px;
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 10px;
    margin: 0;
}
    
.poll-tooltip .price span {
    font-size: 12px;
}
    
.poll-tooltip .date {
    color: #b2b2b2;
    font-size: 12px;
    font-weight: 400;
    margin: 0;
}

.cb-npoll{
    position: relative;
    padding-left: 0;
    height: 180px;
}

.chart-box.cb-npoll + .but{
    padding-top: 35px;
}

.dashboard-polls > .but.npols{
    margin-top: 35px;
}

.button-link{
    color: #b2b2b2;
    text-decoration: none;
}

.button-link:hover{
    color: #ba3982;
}

.dashboard-polls > .but  .button-link{
    margin-right: 20px;
}

.top-info.two-elem .tit{
    float: left;
    width: 100%;
}

.top-info.two-elem  .left{
    float: left;
    width: calc( 45% - 20px );
}

.top-info.two-elem  .right{
    float: right;
    width: calc( 59% - 20px );
    position: relative;
}

.top-info .price.purple::before {
    background-color: #7f318a;
}

.cb-npoll.n-padd{
    padding-top: 0;
    margin-top: -7px;
    height: 160px;
}

.bigger-info .poll-tooltip{
    -webkit-transform: translate(-60px,-135px);
    transform: translate(-60px,-135px);
}

.bigger-info .poll-tooltip .price1{
    margin-top: 0px;
}

.bigger-info .poll-tooltip .price{
    position: relative;
    padding-left: 15px;
}

.bigger-info .poll-tooltip .price::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #ba3982;
    position: absolute;
    left: 2px;
    top: 3px;
}


.bigger-info .poll-tooltip .price0::before {
    background-color: #7f318a;
}

.info-icon-switch{
    position: relative;
    margin-left: 5px;
    cursor: pointer;
    display: inline-block;
    z-index: 11;
}

.info-icon-switch .icon-info{
    color: #b2b2b2;
    font-size: 16px;
}

.info-icon-switch:hover .icon-info{
    color: #ba3982;
}

.info-icon-switch .infob{
    display: block;
    width: 280px;
    height: auto;
    position: absolute;
    bottom: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.2); 
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.2); 
    padding: 20px;
    left: 8px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-border-radius: 8px;
    border-radius: 8px;
    opacity: 0;
    display: none;
}

.info-icon-switch:hover .infob{
    opacity: 1;
    display: block;
}

.info-icon-switch .infob, .info-icon-switch .infob p{
    font-size: 12px;
    line-height: 1.67;
    color: #808080;
    font-weight: 300;
}

.info-icon-switch .infob::after {
    content: "";
    position: absolute;
    display: block;
    bottom: -6px;
    left: 50%;
    margin-left: -5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 5px 0 5px;
    border-color: #ffffff transparent transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.col-purple{
    color: #7f318a;
}

.col-pink{
    color: #dd3369;
}

.progress-box .legend.three-elem .left, .progress-box .legend.three-elem .right, .progress-box .legend.three-elem  .center{
    width: 32%;
}

.progress-box .legend.three-elem  .center{
    float: left;
    left: 2%;
    text-align: center;
}

.progress-box .legend.three-elem .left .price {
    color: #904d9a;
}

.progress-box .legend.three-elem .center .price {
    color: #dd3369;
}

.progress-box .legend.three-elem .right .price {
    color: #333333;
}

.progressbar-nrm .progress-bar{
    position: relative;
    z-index: 1;
}

.progressbar-nrm .progress-bar.pink{
    background-color: #dd3369;
    background-image: none;
    margin-left: -9px;
    z-index: 0;   
}

.progressbar-nrm .progress-bar.pink::before{
    content: "";
    background-color: #dd3369;
    display: block;
    width: 9px;
    height: 100%;
    position: absolute;
    left: -9px;
    display: none;
}

.progressbar-nrm .progress-bar.pink.visible-before::before{
    display: block;
}

.activities.list-items{
    position: relative;
}

.list-items li.clear{
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
    min-height: 0;
    border-bottom: 0;
}

.list-items li.anim{
    display: none;
    position: absolute;
}

.list-items .info .time{
    display: block;
}

.infoWindow.modal.list-activities .container{
    top: 103px;
    width: 600px;
}

.list-activities .wrap-list{
    width: 100%;
    left: 0px;
    height: 640px;
    position: relative;
    padding-right: 10px;
    padding-left: 0px;
}

.list-activities .iw-tit{
    text-align: center;
    padding-bottom: 20px;
}

.infoWindow.modal.list-activities  .box{
    padding-top: 34px;
    padding-left: 30px;
    padding-right: 30px;
}

.list-activities .act-list-box{
    position: relative;
    width: 100%;
    height: 100%;
}

.list-activities .activities.list-items {
    margin-top: 0px;
}

.list-activities .activities.list-items li:first-child {
    border-top: 1px solid rgba(0,0,0,0.05);
}

.list-activities .activities.list-items li{
    padding-bottom: 20px;
}

.list-activities  .list-items .image{
    width: 48px;
    height: 48px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid rgba(0,0,0,0.05);
    top: 14px;
}

.list-activities .list-items .info{
    padding-left: 70px;
    font-size: 14px;
    line-height: 1.43;
    padding-right: 40px;
    min-height: 41px;
}

.list-activities  .list-items .info .time {
    display: inline;
}

.infoWindow.list-activities .but {
    text-align: center;
    padding-top: 19px;
}

.site-container  .inner.finish-register{
    padding-top: 95px;
    padding-bottom: 30px;
    background-color: #f2f2f2;
    position: relative;
}

.site-container  .inner.finish-register::before{
    content: "";
    position: absolute;
    background-color: #f2f2f2;
    display: block;
    height: 100%;
    width: 100vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
}

.finish-register .fr-header{
    display: block;
    width: 100%;
    height: auto;
    position: relative;
}

.finish-register .fr-header .tit{
    font-size: 18px;
    color: #4c4c4c;
    font-weight: 500;
    line-height: 1.3;
    display: block;
    width: 100%;
    position: relative;
    padding-right: 40px;
    cursor: pointer;
}

.finish-register .fr-header .tit:hover{
    opacity: 0.8;
}

.finish-register .fr-header .tit .icon{
    font-size: 12px;
    color: #b2b2b2;
    position: absolute;
    right: 0;
    top: 8px;
}

.finish-register.active .fr-header .tit .icon{
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.finish-register .fr-header .info{
    position: relative;
    width: 100%;
    height: auto;
    padding: 14px 0 19px;
    border-bottom: 2px solid #e6e6e6;
}

.finish-register .fr-header  .prog{
    content: "";
    display: block;
    height: 4px;
    bottom: -3px;
    left: 0;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #ba3982;
    position: absolute;
}

.finish-register .fr-header .info p{
    line-height: 1.3;
    font-size: 10px;
    color: #b2b2b2;
}

.finish-register .fr-header .prog-info{
    font-size: 15px;
    color: #b2b2b2;
    line-height: 1.33;
    position: absolute;
    right: 0;
    bottom: 3px;
}

.finish-register .fr-header .prog-info span{
    font-size: 13px;
}

.finish-register .more-info{
    width: 100%;
    padding: 30px 0 0;
    position: relative;
    min-height: 135px;
    display: none;
}

.fr-box{
    display: block;
    width: 30%;
    height: auto;
    position: relative;
    float: left;
    margin-right: 10px;
}

.fr-box .tick{
    position: absolute;
    float: 0;
    width: 60px;
}


.fr-box .info{
    position: relative;
    width: calc( 100% );
    padding-left: 60px;
}

.fr-box .tick .icon{
    position: relative;
    display: block;
    width: 38px;
    height: 38px;
    border: 2px solid #ba3982;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-top: 6px;
}

.fr-box .tick .c100{
    margin-top: 7px;
}

.fr-box .tick.pink .icon{
    border: 2px solid #ba3982;
}

.fr-box .tick.pink .icon::before{
    color: #ba3982;
}

.fr-box .tick.gray .icon{
    border: 2px solid #d9d9d9;
}

.fr-box .tick.gray .icon::before{
    color: #d9d9d9;
}

.fr-box .tick .icon::before{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 10px;
}

.fr-box  .tit{
    font-size: 14px;
    color: #4c4c4c;
    line-height: 1.3;
    display: block;
    width: 100%;
    margin-top: -3px;
}

.fr-box  .desc{
    font-size: 12px;
    color: #b2b2b2;
    line-height: 1.5;
    display: block;
    width: 100%;
    margin-top: 0px;
    padding-top: 8px;
}

.fr-box .but{
   padding-top: 14px;
}

.site-container .inner.home.after-finish {
    padding-top: 0px;
}

.after-finish .right-promo-box.bottom-style .but{
    display: none;
}

.after-finish  .right-promo-box.bottom-style{
    padding-bottom: 28px;
}

.header.with-alert .site-container {
    padding-top: 0px;
}

.header.with-alert  .site-container .inner{
    padding-top: 28px;
}

.alert-box{
    position: relative;
    display: block;
    margin-bottom: 8px;
}

.alert-box .bg{
    display: block;
    content: "";
    width: 100vw;
    height: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
}

.header.with-alert .site-container  .alert-box .inner{
    padding-top: 17px;
    padding-bottom: 15px;
    color: #fff;
    font-size: 14px;
    line-height: 1.3;
    
}

.alert-box  .info {
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
}

.alert-box  .info .icon{
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    left: 0;
    top: 0;
}
 
.alert-box  .info .icon span{
    position: absolute;
    font-size: 7px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.alert-box.red{
    background-color: #f40d33;
}

.alert-box.red  .info .icon span{
    color: #f40d33;
}

.alert-box.red .bg{
    background-color: #f40d33;
}

.alert-box.green{
    background-color: #95ba26;
}

.alert-box.green  .info .icon span{
    color: #95ba26;
}

.alert-box.green .bg{
    background-color: #95ba26;
}

.alert-box .close-alert-box{
    position: absolute;
    color: #fff;
    right: 0;
    top: 0;
    font-size: 13px;
}

.alert-box .close-alert-box:hover{
    opacity: 0.8;
}

.opac-50{
    opacity: 0.5;
}

.rank-menu{
    display: block;
    width: 100%;
    position: relative;
}

.ranking-clubs.with-search .rank-menu{
    padding-left: 205px;
    padding-right: 104px;
    margin-top: 16px;
}

.rank-menu ul.nav{
    position: relative;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid  #fcb965;
}

.rank-menu ul.nav li{
    display: block;
    float: left;
    width: 33.33%;
    padding-bottom: 0px;
    text-align: center;
    opacity: 0.5;
}

.rank-menu ul.nav li a{
    display: block;
}


.rank-menu ul.nav  li:hover, .rank-menu ul.nav li.active{
    opacity: 1;
}

.rank-menu .rm-tit{
    font-size: 18px;
    line-height: 1.3;
    color: #ffffff;
}

.rank-menu  .desc{
    line-height: 1.3;
    color: #fff;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 0px;
}

.rank-menu .nav-tabs > li.active > a::before {
    background-color: #fff;
}

.ranking-clubs  .tab-content .rank-list{
    margin-top: 18px;
}

.ranking-clubs.with-search .tab-content .search-area{
    margin-top: 18px;
}

.rank-list .item.item-label .inn{
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    min-height: 0;
    padding-left: 10px;
    padding-top: 22px;
}

.rank-list .item.item-label{
     min-height: 0;
     line-height: 1.3;
     color: #fff;
     font-size: 18px;
}

.rank-list .item .number span.icon{
    font-size: 24px;
    top: 55%;
    margin-left: 2px;
}

.navbarTop .top-box.mess{
    margin-right: 21px;
}

.navbarTop .top-box.searchbox{
    float: right;
    padding: 17px 0;
    position: relative;
    width: 49%;
    margin-right: 30px;
}

.navbarTop.with-searchbox .active-aim{
    float: right;
}

.navbarTop .top-box.searchbox form{
    position: relative;
}

.navbarTop .top-box.searchbox .search-style{
    padding-right: 40px;
}

.navbarTop.with-searchbox .right{
    width: calc( 100% - 190px );
}

.navbarTop .top-box.searchbox  a{
    display: block;
    position: absolute;
    z-index: 2;
    height: 36px;
    width: 36px;
    text-align: cemter;
    color: #b3b3b3;
    margin-top: 0;
    top: 0;
    right: 7px;
    font-size: 15px;
}

.navbarTop .active-aim

.navbarTop .top-box.searchbox  a {
    margin-right: 5px;
    margin-top: -1px;
    position: absolute;
}

.navbarTop .top-box.searchbox  a:hover{
    opacity: 0.8;
}

.header.promotions .main-tit{
    font-size: 22px;
    padding-bottom: 13px;
}

.header.promotions  .site-container{
    padding-top: 44px
}

.promotions-slider{
    display: block;
    width: 100%;
    position: relative;
    margin-top: 25px;
}

.promotions-slider .owl-item {
    width: 100%;
}

.promotions-slider .item{
    width: 100%;
}

#promoTopCarousel{
    -webkit-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
}

#promoTopCarousel.owl-carousel .owl-item img{
   -webkit-border-radius: 8px;
    border-radius: 8px; 
}

.promotions-slider .owl-dots{
    padding-top: 28px;
}

.promotions-slider .but{
    position: absolute;
    right: 0;
    bottom: -11px;
    z-index: 3;
}

.header-box{
    display: block;
    width: 100%;
    position: relative;
}

.header-box .tit{
    color: #4c4c4c;
    font-size: 22px;
    line-height: 1.3;
    padding-bottom: 8px;
}

.header-box  .subtit-info{
    color: #b2b2b2;
    font-size: 14px;
    line-height: 1.43;
}

.site-container.sc-shopping .inner {
    padding-top: 25px;
}

.shopping-cats{
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: 15px;
}

.shopping-cats li{
    display: block;
    float: left;
    height: 80px;
    width: calc( (100% - 60px) / 5 );
    text-align: center;
}

.shopping-cats li a{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
   
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.shopping-cats li a:hover{
    opacity: 0.7;
}

li.cat-1 a{
    background: url(../img/cat1.png) no-repeat center center transparent;
    background-size: cover;
}

li.cat-2 a{
    background: url(../img/cat2.png) no-repeat center center transparent;
    background-size: cover;
}

li.cat-3 a{
    background: url(../img/cat3.png) no-repeat center center transparent;
    background-size: cover;
}

li.cat-4 a{
    background: url(../img/cat4.png) no-repeat center center transparent;
    background-size: cover;
}

li.cat-5 a{
    background: url(../img/cat5.png) no-repeat center center transparent;
    background-size: cover;
}

.shopping-cats li a span{
    position: absolute;
    font-size: 14px;
    line-height: 1.56;
    color: #ffffff;
    display: block;
    width: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.shopping-cats li + li{
    margin-left: 15px;
}

.header-box.shops{
    margin-top: 35px;
    margin-bottom: -14px;
}

.box .subtit-info.small-top-padding{
    padding-top: 14px;
    padding-bottom: 29px;
}

.shopping.inline-3 .item-box{
    width: calc( ( 100% - 40px) / 3 );
    margin-bottom: 27px;
}

.shopping.inline-3 .item-box:nth-child(3n+1){
    margin-left: 0;
    clear: left;
}

.shopping.inline-3 .items .but{
    padding-top: 0px;
    margin-top: -7px;
}

.col-equal{
    width: calc( ( 100% - 40px ) / 2 );
    margin-top: 40px;
    margin-right: 40px;
}

.col-equal:nth-child(2n+2){
    margin-right: 0px;
}

.ps-arrow{
    display: block;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 64px;
    height: 64px;
    background-color: rgba(0,0,0,0.25);
    position: absolute;
    z-index: 4;
    top: 37%;
    cursor: pointer;
    color: rgba(255,255,255,0.75);
    font-size: 26px;
}

.ps-arrow span{
    position: absolute;
    left: 50%; 
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.ps-arrow:hover{
    opacity: 0.8;
}

.ps-arrow.left{
    left: 30px;
}

.ps-arrow.right{
    right: 30px;
}

.site-container.sc-messages{
    height: calc( 100vh - 75px ) ;
}

.site-container.sc-messages .inner{
    position: relative;
    height: 100%;
    padding-top: 0;
}

.messages-left-bar{
    height: 100%;
    left: 0;
    width: 360px;
    position: absolute;
    top: 0px;
}

.messages-left-bar .head{
    padding: 35px 20px 0;
    overflow: hidden;
}

.messages-left-bar .head .tit{
    font-size: 18px;
    line-height:  1.56;
    color: #4c4c4c;
    font-weight: 500;
    padding-top: 4px;
    float: left;
}

.messages-left-bar .head .button{
    float: right;
    padding-left: 15px;
    padding-right: 15px;
}

.messages-left-bar .search{
    padding: 0 20px;
    margin-top: 20px;
}

.messages-left-bar .search  .search-style{
    padding-right: 20px;
}

.messages-left-bar .list-box{
    width: 100%;
    position: relative;
    height: calc( 100% - 144px);
    margin-top: 20px;
}

ul.chat-person-list {
    display: block;
    width: 100%;
    position: relative;
}

.chat-person-list li{
    display: block;
    width: 100%;
    height: auto;
    padding: 20px;
    position: relative;
    overflow: hidden;
    border-top: 1px solid #ebebeb;
}

.chat-person-list li a{
    display: block;
    width: 100%;
}

.chat-person-list li.active, .chat-person-list li:hover{
    background-color: #ffffff;
}

.chat-person-list li::before{
    content: "";
    display: block;
    width: 4px;
    position: absolute;
    height: 100%;
    opacity: 0;
    left: 0;
    top: 0;
    background-color: #b1367c;
    -webkit-border-radius: 0px 8px 8px 0;
    border-radius: 0px 8px 8px 0;
}

.chat-person-list li.active::before{
    opacity: 1;
}

.chat-person-list li:last-child{
    border-bottom: 1px solid #ebebeb;
}

.chat-person-list  .photo{
    float: left;
    width: 40px;
    height: 40px;
    background-size: cover;
    background-size: center center;
    background-repeat: no-repeat;
}

.chat-person-list  .desc{
    position: relative;
    margin-left: 20px;
    width: calc( 100% - 60px );
    float: left;
}

.chat-person-list  .desc .name{
    width: 100%;
    overflow: hidden;
    position: relative;
}

.chat-person-list  .desc .name .nm{
    float: left;
    width: 60%; 
    overflow: hidden;
    line-height: 1.3;
    font-size: 14px;
    color: #4c4c4c;
}

.chat-person-list  .desc .name .time{
    float: right;
    width: 38%; 
    overflow: hidden;
    line-height: 1.3;
    font-size: 11px;
    color: #b2b2b2;
    padding-top: 4px;
    text-align: right;
    padding-right: 10px;
}

.chat-person-list  .desc .txt{
    line-height: 1.3;
    font-size: 12px;
    color: #b2b2b2;
    padding-top: 4px;
}

.chat-person-list  .new .desc .name .nm{
    font-weight: 500;
}

.chat-person-list .new .desc .txt{
    color: #4c4c4c;
}

.messages-right-bar{
    position: relative;
    width: calc( 100% - 360px );
    height: calc( 100%  );
    float: right;
    top: 0;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25);
    padding-left: 60px;
    padding-right: 60px;
    
}

.messages-container{
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
    padding-left: 0px;
    padding-top: 0px;
    height: calc( 100vh - 142px );
    /*min-height: 770px;*/
}

.lmenu-active .messages-container{
    padding-left: 160px;
}

.messages-container .inner{
    position: relative;
    width: 100%;
    height: 100%;
}

.site-container.foot-messages .inner{
    padding-top: 0;
}

.site-container.foot-messages .footer {
    padding-top: 27px;
    padding-bottom: 20px;
}

.messages-right-bar .head{
    display:  block;
    width: 100%;
    padding: 24px 0 11px;
    height: 88px;
    position: relative;
}

.messages-right-bar .head.bootom-border{
    border-bottom: 1px solid #f2f2f2;
}

.messages-right-bar .head .tit{
    line-height: 1.625;
    font-size: 16px;
    color: #4c4c4c;
    font-weight: 500;
    text-align: center;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.messages-right-bar .head .tit a:hover{
    opacity: 0.8;
    color: #ba3982;
}

.messages-right-bar .head .tit a{
    color: #ba3982;
}

.messages-right-bar .messages-box{
    width: 100%;
    height: calc( 100% - 240px );
    position: relative;
    padding: 20px 0px 20px 0;
}

.messages-right-bar .messages-box .inn{
    width: 100%;
    height: 100%;
    position: relative;
}

.messages-right-bar .new-message{
    width: 100%;
    height: 112px;
    border-top: 1px solid #f6f6f6;
    padding-top: 19px;
}

.messages-right-bar .new-message   textarea.message-style{
    height: 60px;
}

.scrolledList1 ,.scrolledList2, .scrolledList3, .scrolledList4 , .scrolledList5, .scrolledList6, .scrolledList7, .scrolledList8{
    display: block;
    width: 100%;
    height: 100%;
}

.messages-list{
    display: block;
    width: 100%;
    position: relative;
    padding-right: 30px;
}

.messages-list li{
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    margin: 12px 0;
}

.messages-list li + li{
    margin-top: 19px;
}

.messages-list .photo{
    display: block;
    width: 40px;
    height: 40px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
}

.messages-list .desc{
    position: relative;
    width: 100%;
    padding-left: 50px;
}

.messages-list .desc .who{
    font-size: 14px;
    color: #4c4c4c;
    width: 100%;
    position: relative;
    padding-top: 2px;
}

.messages-list .desc .who span{
    color: #b2b2b2;
    font-size: 12px;
    padding-left: 10px;
    position: relative;
}

.messages-list .desc .who span::before{
    content: "";
    display: block;
    position: absolute;
    width: 3px;
    height: 3px;
    background-color: #b3b3b3;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    left: 4px;
    top: 4px;
}

.messages-list .desc .mess{
    width: 100%;
    color: #4c4c4c;
    font-size: 14px;
    line-height: 1.43;
    padding-top: 14px;
}

.messages-list .desc .mess span{
    padding: 10px 15px;
    display: inline-block;
    background-color: #f2f2f2;
    -webkit-border-radius: 0px 18px 18px 18px;
    border-radius: 0px 18px 18px 18px;
}

.messages-list .me .photo{
    right: 0;
}

.messages-list .me .desc{
    padding-left: 0;
    padding-right: 50px;

}

.messages-list .me .mess{
    text-align: right;
    padding-top: 0;
    color: #fff;
}

.messages-list .me .desc .mess span{
    -webkit-border-radius: 18px 0px 18px 18px;
    border-radius: 18px 0px 18px 18px;
    background-color: #ba3982;
}

.new-message .but{
    text-align: right;
    padding-top: 20px;
}

.new-message label.error{
    display: none!important;
}

.infoWindow.list-recipients .container{
    width: 400px
}

.infoWindow.modal.list-recipients .box{
    padding: 30px;
}

.infoWindow.list-recipients .box .tit{
    text-align: left;
    padding-top: 0;
    margin-top: -4px;
}

.recipients-box{
    width: calc( 100% + 60px );
    left: -30px;
    position: relative;
    margin-top: 10px;
    height: 390px;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
}

.infoWindow.list-recipients .but {
    padding-top: 20px;
}

.message-recipients-list{
    display: block;
    width: 100%;
    position: relative;
    padding: 0px;
    padding-bottom: 10px;
}

.message-recipients-list li{
    display: block;
    width: 100%;
    position: relative;
    padding: 10px 20px;
    border-bottom: 1px solid #f2f2f2;
}

.message-recipients-list li:last-child{
    border-bottom: 0px solid transparent;
}

.message-recipients-list .avat{
    display: block;
    width: 40px;
    height: 40px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
}

.message-recipients-list .desc{
    position: relative;
    width: 100%;
    height: auto;
    padding-left: 60px;
    padding-bottom: 0;
    text-align: left;
}

.message-recipients-list .name{
    font-size: 14px;
    color: #4c4c4c;
}

.message-recipients-list .num{
    font-size: 11px;
    color: #b2b2b2;
    padding-top: 5px;
}

.recipients-list-header{
    position: relative;
    display: block;
    text-align: center;
    padding-top: 6px;
}

.recipients-list-header.multi {
    padding-top: 11px;
}

.recipients-list-header li{
    display: inline-block;
}

.recipients-list-header li.person + li.person{
    margin-left: 15px;
}

.recipients-list-header.multi  li.person {
    margin-bottom: 15px;
}

.recipients-list-header li.but .button{
    float: left;
    position: relative;
    top: -5px;
}

.recipients-list-header li.person .photo {
    float: left;
    width: 40px;
    height: 40px;
    background-size: cover;
    background-size: center center;
    background-repeat: no-repeat;
}

.recipients-list-header li.person  .name{
    float: left;
    color: #4c4c4c;
    font-size: 16px;
    line-height: 1.3;
    padding-top: 10px;
    padding-left: 10px;
}

.recipients-list-header.multi  li.person  .name{
    font-size: 14px;
}

.recipients-list-header li.person + .but{
    margin-left: 15px;
}

.infoWindow.block-user .container{
    width: 560px;
}

.block-user  .user-info{
    text-align: center;
    padding-bottom: 8px;
}

.block-user  .user-info .phot{
    display: block;
    width: 100%;
    padding-top: 15px;
}

.block-user  .user-info .photo{
    display: inline-block;
    width: 64px;
    height: 64px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.block-user  .user-info .sign{
    text-align: center;
    font-size: 14px;
    color: #4c4c4c;
    padding-top: 8px;
}

.block-user  .user-info  .tit{
    line-height: 1.3;
    font-size: 24px;
    color: #333333;
    font-weight: 500;  
}

.block-user .desc{
    text-align: center;
    color: #808080;
    line-height: 1.43;
    font-size: 14px;
    padding: 0 20px;
    margin-top: -5px;
}

.infoWindow.block-user .but{
    padding-top: 26px;
    height: 58px;
}

.chat-person-list .desc .name .nm   .icon{
    position: relative;
    font-size: 12px;
    color: #bdbdbd;
    margin-left: 5px;
    margin-top: 0px;
}

.messages-right-bar .new-message{
    position: relative;
}

.messages-right-bar.blocked .blocked-user{
    border-top: 1px solid #f2f2f2;
    position: relative;
    width: 100%;
    padding: 30px 15px 0;
    line-height: 1.3;
    font-size: 12px;
    color:#b2b2b2;
}

.messages-right-bar.blocked .messages-box {
    height: calc( 100% - 197px );
}

.messages-right-bar .recipients-boxc {
    width: 100%;
    height: calc( 100% - 327px );
    position: relative;
    padding: 0px 0px 20px 0;
}

.messages-right-bar .recipients-boxc  .inn{
    width: 100%;
    height: 100%;
    position: relative;
}

.messages-right-bar .head.get-recipient-style{
    padding-top: 44px;
    padding-bottom: 18px;
    height: auto;
}

.messages-right-bar .head.get-recipient-style .search-style{
    padding-right: 20px;
}

.messages-right-bar .head.get-recipient-style .rtit{
    text-align: left;
    padding-bottom: 20px;
    line-height: 1.3;
    color: #4c4c4c;
    font-size: 16px;
}

.messages-right-bar .recipients-boxc {
    height: calc( 100% - 144px );
}


.rank-list .item .name.two-line .tit{
    top: 0%;
    -webkit-transform: none;
    transform: none;
    padding-bottom: 5px;
    font-weight: 500;
}

.rank-list .item .name.two-line  .section-name{
    font-size: 14px;
    color: #4c4c4c;   
}

.rank-list .item .name.two-line  span.v-center{
    display: block;
}

.ranking-clubs .tab-content .rank-list .item .name{
    margin-left: 15px;
}

.banner .txt.cols.form-style .right.with-subtitles .tit-lab{
    text-align: left;
    font-size: 36px;
    color: #ffffff;
    padding-top: 15px;
    padding-bottom: 8px;
}

.banner .txt.cols.form-style .right.with-subtitles .tit-lab-2{
    text-align: left;
    font-size: 36px;
    color: #ffffff;
    padding-bottom: 61px;
    font-weight: 500;
}

.banner .txt.cols.form-style .right.with-subtitles .tit{
    padding-bottom: 7px;
}

.choose-recipient{
    display: block;
    width: 100%;
    position: relative;
    padding-bottom: 10px;
}

.choose-recipient li{
    display: block;
    width: 100%;
    position: relative;
    border-top: 1px solid #f2f2f2;
    overflow: hidden;
    padding: 10px 0 10px 20px;
    height: 60px;
}

.choose-recipient li:last-child{
    border-bottom: 1px solid #f2f2f2;
}

.choose-recipient li a{
    display: block;
    width: 100%;
    height: 100%;
}

.choose-recipient li:hover{
    background-color: #f7f7f7;
}

.choose-recipient .photo{
    float: left;
    width: 40px;
    height: 40px;
    background-size: cover;
    background-size: center center;
    background-repeat: no-repeat;
}

.choose-recipient .name{
    float: right;
    width: calc( 100% - 60px );
    height: 100%;
    position: relative;
}

.choose-recipient .name .nm{
    font-size: 14px;
    color: #4c4c4c;
}

.choose-recipient .name .nm span{
    color: #b4b4b4;
    margin-left: 5px;
    font-size: 13px;
}

.navbarTop .top-box.mess .btn{
    padding: 0;
    width: 36px;
    height: 36px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: transparent;
    display: block;
    position: relative;
    text-align: center;
}

.navbarTop .top-box.mess .open .btn{
    background-color: #f7f7f7;
}

.btn-group.open .dropdown-toggle{
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navbarTop .top-box.mess .btn-group{
    margin-top: 17px;
}

.navbarTop .top-box.mess .btn span.icon{
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    color: #959595;
}

.custom-dropd  .dropdown-menu::before {
    content: "";
    display: block;
    position: absolute;
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 8px 6px;
    border-color: transparent transparent #fff;
}

.custom-dropd .dropdown-menu {
    left: 50%;
    top: 37px;
    min-width: 227px;
    border: 0px solid transparent;
    padding: 18px 0px 2px;
    padding-bottom: 2px;
    color: #808080;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.messages-dropdown{
   width: 400px;
}

.messages-dropdown  .head{
    position: relative;
    width: 100%;
    padding: 0px 20px 16px 20px;
    margin-top: -5px;
}

.messages-dropdown  .head .tit{
    line-height: 1.3;
    font-size: 16px;
    color: #4c4c4c;
    font-weight: 500;
}

.messages-dropdown  .head .tit .link-new{
    font-weight: 400;
    font-size: 12px;
    color: #ba3982;
    float: right;
    margin-top: 4px;
    position: relative;
}

.messages-dropdown  .head .tit .link-new:hover{
    opacity: 0.8;
}

.messages-dropdown .messages-box{
    display: block;
    width: 100%;
    position: relative;
    height: 390px;
}

.messages-dropdown .but{
    text-align: center;
    padding: 20px 0 14px;
}

.navbarTop .top-box  .messages-dropdown  a{
    margin-top:0;
    display: inline-block;
}

.navbarTop .top-box  .messages-dropdown  a.button{
    padding: 11px 21px 9px;
}

.navbarTop .top-box  .messages-dropdown  a.button::before{
    display: none;
} 

.navbarTop .top-box  .messages-dropdown  a.button:hover, .navbarTop .top-box  .messages-dropdown  a.button:focus{
    background-color: #fff;
}

.scrolledListDropdown{
    display: block;
    width: 100%;
    height: 100%;
}

.last-messages{
    display: block;
    width: 100%;
    position: relative;
}

.last-messages li{
    display: block;
    width: 100%;
    position: relative;
    border-top: 1px solid #f2f2f2;
}

.last-messages li:last-child{
    border-bottom: 1px solid #f2f2f2;
}

.last-messages li a{
    display: block!important;
    padding: 20px 20px 16px;
    width: 100%;
    overflow: hidden;
}

.last-messages li a:hover{
    background-color: #f8f8f8;
}

.last-messages .photo{
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.last-messages .desc{
    display: block;
    float: right;
    width: calc( 100% - 60px );
    height: 40px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    line-height: 1.3;
}

.last-messages .name{
    display: block;
    position: relative;
    margin-top: -1px;
    overflow: hidden;
}

.last-messages .name .nm{
    float: left;
    font-size: 14px;
    color: #4c4c4c;
}

.last-messages .name .time{
    float: right;
    color: #b2b2b2;
    font-size: 11px;
    padding-top: 4px;
}

.last-messages  .txt{
    display: block;
    width: 100%;
    font-size: 12px;
    color: #b2b2b2;
    padding-top: 4px;
}

.panel-main-dropdown{
    width: 100%;
    height: 36px;
    max-width: 205px;
    margin-top: 14px;
    position: relative;
    z-index: 10;
}


.top-info .panel-main-dropdown  +  .info{
    padding-top: 14px;
}

.club-panel .panel-main-dropdown  +  .aim {
    padding-top: 14px;
}

.top-info.with-selectbox{
    overflow: initial;
}

.addNewAim{
	margin-top: 19px;
}

.addNewAim .form-group.desc{
	margin-top: 18px;
	float :left;
	width: 100%;
}

.addNewAim .form-group.desc textarea#desc{
	height: 64px;
}

.addNewAim .form-group.afull{
	float: left;
	width: 100%;
}

.addNewAim .form-group.col-start-date, .addNewTermModal  .form-group.col-start-date,
.addNewRelation  .form-group.col-start-date{
	width: 300px;
	float: left;
	margin-top: 18px;
}
.addNewAim .form-group.col-end-date, .addNewTermModal .form-group.col-end-date{
	width: 300px;
	margin-left: 40px;
	float: left;
	margin-top: 18px;
}

.addNewRelation .form-group.col-end-date{
    overflow: hidden;
}

.addNewAim .form-group.col-start-date label, .addNewAim .form-group.col-end-date label,
.addNewTermModal  .form-group.col-start-date label, .addNewTermModal .form-group.col-end-date label, .addNewRelation  .form-group.col-start-date label, .addNewRelation .form-group.col-end-date label{
	width: 100%;
	padding-bottom: 10px;
}

.form-group.col-date-day{
	float: left;
	width: calc( 25% - 10px );
}

.form-group.col-date-month{
	float: left;
	width: 45%;
	margin-left: 10px;
}

.form-group.col-date-year{
	float: left;
	
	width: calc( 30% - 10px );
	margin-left: 10px;
}

.addNewAim  .submit{
	text-align: right;
	margin-top: -12px;
}

.bootstrap-select.btn-group .dropdown-menu{
	overflow-x: hidden;
}

.col-start-date .caret,.col-end-date .caret{
	color: #808080;
	
}

.col-start-date .bs-caret,.col-end-date .bs-caret{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 12px;
	margin-top: -2px;
	vertical-align: middle;
}

.col-start-date .btn, .col-end-date .btn{
	position: relative;
	width: 100%;
}

.col-start-date .btn,.col-end-date .btn{
	padding-bottom: 5px;
	padding-top: 9px;
	padding-left: 20px;
	padding-right: 25px;
}


.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus{
	background-color:#fff;
	border-color: #e5e5e5;
    color: #4d4d4d;
}

.selectBox.transparent .btn-primary:active:hover, .selectBox.transparent .btn-primary.active:hover, .selectBox.transparent .open > .dropdown-toggle.btn-primary:hover, .selectBox.transparent .btn-primary:active:focus, .selectBox.transparent .btn-primary.active:focus, .selectBox.transparent .open > .dropdown-toggle.btn-primary:focus, .selectBox.transparent .btn-primary:active.focus, .selectBox.transparent .btn-primary.active.focus, .selectBox.transparent .open > .dropdown-toggle.btn-primary.focus{
	background-color: transparent;
}


.get-date-box{
	position: relative;
}

.daterangepicker .btn-success{
	font-weight: 400;
	font-size: 12px;
	text-align: center;
	line-height: 12px;
	padding: 11px 21px 9px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	display: inline-block;
	color: #fff;
	background-color: #ba3982;
	border-color: transparent
}

.daterangepicker .input-mini.active{
	border-color: #ba3982!important;
}

.daterangepicker td.active, .daterangepicker td.active:hover{
	background-color: #ba3982!important;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date{
	color: #ccc !important;
	visibility:hidden;
}

.btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus, .daterangepicker .btn-success:hover{
	background-color: #b0357b!important;
	border-color:  #b0357b!important;
}

.daterangepicker .cancelBtn{
	font-weight: 400;
	font-size: 12px;
	text-align: center;
	line-height: 12px;
	padding: 11px 21px 9px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	display: inline-block;
	border-color: transparent;
	color: #ba3982;
	background-color: #fff;
	-webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
}

.daterangepicker .cancelBtn:hover{
	-webkit-box-shadow: 0px 3px 6px 0 rgba(0, 0, 0, 0.19);
	box-shadow: 0px 3px 6px 0 rgba(0, 0, 0, 0.19);
}

.daterangepicker td.start-date, .daterangepicker td.end-date{
	-webkit-border-radius: 12px!important;
    border-radius: 12px!important;
}

.daterangepicker td.in-range:not(.active) {
    background-color: #ffffff!important;
}
.daterangepicker .calendar th, .daterangepicker .calendar td{
	color: #808080;
}

#dateRange{
	visibility: hidden;
	position: absolute;
}

.infoWindow.modal.addAimModal .container, .infoWindow.modal.changeRole .container {
    width: 500px;
}

.infoWindow.modal.addAimModal .box, .infoWindow.modal.changeRole .box{
	padding-top: 36px;
	padding-left: 30px;
	padding-right: 30px;
}

.addAimModal .iw-tit, .addAimModal, .changeRole .iw-tit, .changeRole{
	text-align: center;
}

.addAimModal .desc, .changeRole .desc{
	padding-top: 18px;
}

.addAimModal .menu, .changeRole .menu{
	padding-top: 6px;
}

.who ul.choose-option li{
	font-size: 14px;
}

.who ul.choose-option li{
	padding-bottom: 15px;
}

.changeRole .nav-tabs > li {
    width: 50%;
}

.changeRole.threeTabs  .nav-tabs > li {
    width: 33.33%;
}

.addAimModal .nav-tabs > li > a, .changeRole .nav-tabs > li > a{
	font-size: 14px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 11px;
}

.addAimModal .top-desc, .changeRole .top-desc{
	color: #b2b2b2;
	font-size: 12px;
	line-height: 1.5;
}

.addAimModal .tab-pane, .changeRole .tab-pane{
	padding-top: 16px;
}

.infoWindow.addAimModal, .infoWindow.changeRole{
	min-height: 100vh;
	height: 100%;
}

.infoWindow.changeRole{
    top: 0;
}



.infoWindow.addAimModal .but, .infoWindow.changeRole .but{
	padding-top: 32px;
	margin-bottom: 0;
}

.infoWindow.addAimModal .but .pink, .infoWindow.changeRole .but .pink{
	float: right;
}

.infoWindow.addAimModal .but .white, .infoWindow.changeRole .but .white{
	float: left;
}

.addAimModal .atit, .changeRole .atit{
	text-align: left;
	font-size: 18px;
	line-height: 1.3;
	padding-top: 28px;
}

.act-list-box .wrap-list {
    width: 100%;
    left: 0px;
    height: 300px;
    position: relative;
    padding-right: 10px;
    padding-left: 0px;
}

.popupChooseSectionBox{
	position: relative;
	width: 100%;
	margin-top: 3px;
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
}

.chooseSectionsButs{
	width: 100%;
	padding: 16px 0;
	overflow: hidden;
}

.popupChooseSectionBox .wrap-list {
    height: 278px;
}

.popupChooseSectionBox .wrap-list.small-height{
    height: 150px;
}

.popupChooseSectionBox ul{
	display: block;
	position: relative;
	padding-right: 15px;
}

.popupChooseSectionBox ul li{
	text-align: left;
	padding: 19px 20px 19px;
	position: relative;
	color: #4c4c4c;
	-webkit-border-radius: 8px;
	border-bottom: 0px solid transparent;
	border-radius: 8px;
	cursor: pointer;
    background-color: #fafafa;
}

.popupChooseSectionBox ul li.active span{
	color: #fff;
}

.popupChooseSectionBox ul li.active{
	background-color: #ba3982;
}
.popupChooseSectionBox ul li:hover{
	opacity: 0.8;
}

.popupChooseSectionBox ul li + li{
	margin-top: 10px;
}

.popupChooseSectionBox ul li span.icon-tick{
	position: absolute;
	z-index: 2;
	font-size: 10px;
	right: 26px;
	top: 20px;
}

.filter-list.labels.actualAims {
    margin-top: -26px;
	margin-bottom: -13px;
}

.filter-list .aa-name{
	width: 30%;
	padding-left: 0px;
}

.filter-list  .aa-section{
	width: 25%;
}

.filter-list .aa-section.ended  {
    width: 27%;
}

.filter-list  .aa-aim{
	width: 10%;
}

.filter-list  .aa-sum{
	width: 11%;
}

.filter-list .aa-sum.ended {
    width: 10%;
}

.filter-list  .aa-progress{
	width: 10%;
}

.filter-list  .aa-progress.ended{
	width: 15%;
    
}

.filter-list  .aa-to-end{
	width: 13%;
}

.filter-list  .aa-to-end.ended{
	width: 8%;
    padding-left: 0;
    padding-right: 0;
}

.filter-list  .aa-action{
	width: 1%;
}

.box.aa-box{
	padding: 20px 20px 15px;
}

.box.aa-box:last-child{
	margin-bottom: 0;
}

.aa-box .aa-name{
	overflow: hidden;
}

.aa-box .aa-name .photo{
	float: left;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	padding: 0;
}

.aa-box .aa-name .photo img{
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 100%;
	height: 100%;
}

.aa-box .aa-name .name{
	float: right;
	width: calc(  100% - 60px );
	padding-left: 0;
	color: #4c4c4c;
	font-weight: 500;
	height: 40px;
	position: relative;
}

.aa-box .aa-name .name span.cent{
	display: block;
	width: 100%;
	position: Absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.aa-box span.lab{
	display: block;
	padding-top: 7px;
}

.aa-box  span.lab.green{
    color: #95ba26;
}

.aa-box  span.lab.red{
    color: #dd3369;
}

.aa-box span.curr{
	font-size: 12px;
}

.aa-box .aa-action span{
	right: 9px;
	top: 12px;
}

.aa-box .more-info{
	border-top: 1px solid #f0f0f0;
	margin-top: 9px;
	padding-left: 60px;
	padding-top: 18px;
}

.aa-box .more-info .aa-line{
	display: block;
	width: 100%;
	padding: 10px 0;
	overflow: hidden;
}

.aa-box .more-info .aa-line .aa-lab{
	display: block;
	color: #b2b2b2;
	font-size: 11px;
	line-height: 1.64;
}

.aa-box .more-info .aa-line .aa-info{
	color: #808080;
	font-size: 14px;
	line-height: 1.43;
}

.aa-box .more-info .aa-line + .aa-line{
	margin-top: 13px;
}

.aa-box .more-info .aa-line .left{
	padding: 0;
}

.aa-box .more-info .aa-line .right{
	padding:7px 0 0;
	float: right;
}

.aa-box .more-info .aa-line .right .button{
	margin-left: 20px;
}

.addNewAim #sum{
    margin-top: 10px;
}

.infoWindow.modal.editAimModal .container{
    top: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.infoWindow.modal.editAimModal .container {
    width: 520px;
}

.editAimModal .tbox{
    display: block;
    width: 100%;
    height: 218px;
    margin-top: 30px;
}

.infoWindow.editAimModal {
    background-color: transparent;
}

.infoWindow.editAimModal  > .layer{
    background-color: rgba(0,0,0,0.44);
}

.editAimModal .tbox .pbox{
    width: 144px;
    height: auto;
    float: left;
}

.editAimModal .tbox .pbox .photo{
    width: 144px;
    height: 144px;
    display: block;
    border: 1px solid #ededed;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 3px;
}

.editAimModal .tbox .pbox .custom-progress-bar{
    margin-top: 23px;
}

.editAimModal .tbox .pbox .photo .inn-3, .editAimModal .tbox .pbox .photo .inn-3 img{
    width: 100%;
    height: 100%;
    display: block;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.editAimModal .tbox .pbox .photo .inn-3  .button{
    position: absolute;
    bottom: -11px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.editAimModal label{
    -webkit-text-transform: none;
    text-transform: none;
    font-size: 14px;
    color: #4c4c4c;
    padding-bottom: 16px!important;
}

.infoWindow.editAimModal .photo {
    margin-top: 5px;
}

.infoWindow.editAimModal .photo img {
    max-width: 100%;
}

.editAimModal .tbox .main-data{
    float: right;
    width: calc( 100% - 181px );
}

.editAimModal .cbox{
    display: block;
    width: 100%;
    height: auto;
    margin-top: 18px;
    padding-bottom: 0px;
    border-bottom: 0px solid rgba(0,0,0,0.05);
    overflow: initial;
}

.editAimModal  .form-group.group-name{
    margin-bottom: 33px;
}

.editAimModal  .form-group.group-desc label{
    padding-bottom: 5px!important;
}

.editAimModal  textarea.text-style{
    height: 70px;
    padding-left: 0;
}

.editAimModal #dateEnd{
    position: absolute;
    visibility: hidden;
}

.editAimModal .col-end-date{
    margin-top: 38px;
    margin-bottom: 0;
    overflow: hidden;
}

.editAimModal .col-end-date label{
    display: block;
    width: 100%;
}

.infoWindow.editAimModal .but{
    padding-top: 14px;
}

.infoWindow.editAimModal .but .button.white{
    float: left;
}

.infoWindow.editAimModal .but .button.pink{
    float: right;
}

.infoWindow.modal.editAimModal{
    height: 110%;
    min-height: 900px;
}

.filter-list-mobile .green{
    color: #95ba26;
}

.filter-list-mobile .red{
    color: #dd3369;
}

.sa-breadcrumb{
    display: block;
    width: 100%;
    position: relative;
    padding: 13px 0;
    overflow: hidden;
}

.sa-breadcrumb .back-but{
    float: left;
    width: 120px;
}

.sa-breadcrumb  .bread{
    float: right;
    width: calc( 100% - 134px );
}

.sa-breadcrumb  .bread ul{
    display: block;
    position: relative;
}

.sa-breadcrumb  .bread ul li{
    display: inline-block;
    float: left;
    padding: 9px 0;
    position: relative;
}

.sa-breadcrumb  .bread ul li a{
    font-size: 12px;
    color: #b2b2b2;
    
}

.sa-breadcrumb  .bread ul li a:hover{
    opacity: 0.8;
}

.sa-breadcrumb  .bread ul li {
    margin-right: 21px;
}

.sa-breadcrumb  .bread ul li::after{
    content: ">";
    display: block;
    position: absolute;
    font-size: 18px;
    color: #b2b2b2;
    right: -13px;
    top: 8px;
}

.sa-breadcrumb  .bread ul li:last-child::after{
    display: none;
}

.sa-main-info{
    position: relative;
    width: 100%;
    padding: 14px 0;
    overflow: hidden;
}

.sa-main-info .photo{
    float: left;
    width: 200px;
    height: 200px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #ebebeb;
    padding: 4px;
    background-color: #fff;
}

.sa-main-info .photo .inn{
    position: relative;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.sa-main-info .main-desc{
    float: right;
    width:  calc(  100% - 240px );
    min-height: 200px;
    position: relative;
    overflow: hidden;
}

.sa-main-info .main-desc .md-tit{
     float: left;
     width: 100%;
}

.sa-main-info .main-desc .md-tit .tit{
    display: block;
    position: relative;
    height: auto;
    width: calc( 100% - 180px );
    float: left;
    padding-top: 26px;
    font-size: 32px;
    line-height: 1.2;
    font-weight: 500;
}

.sa-main-info .main-desc .but{
    float: right;
    width: 140px;
    text-align: right;
}


.sa-main-info  .short-info{
    display: block;
    width: 100%;
    position: relative;
    float: left;
    padding-top: 22px;
}

.sa-main-info  .short-info .sbox{
    float: left;
    min-height: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.sa-main-info  .short-info .sbox.sb1{
    width: 18%;
    border-right: 1px solid #ebebeb;
    padding-right: 20px;
}

.sa-main-info  .short-info .sbox.sb2{
    width: 27%;
    border-right: 1px solid #ebebeb;
    padding-right: 30px;
    padding-left: 30px;
}
.sa-main-info  .short-info .sbox.sb3{
    width: 55%;
    padding-left: 30px;
}

.sa-main-info  .short-info .lab{
    font-size: 12px;
    color: #b2b2b2;
    display: block;
    padding-bottom: 13px;
}

.sa-main-info  .short-info .info{
    font-size: 18px;
    color: #4c4c4c;
    font-weight: 500;
}

.sa-main-info  .short-info .info.smaller{
    font-size: 14px;
}

.sa-main-info  .short-info .info.success{
    color: #95ba26;
}

.sa-main-info  .short-info .info .curr{
    font-size: 14px;
}

.sa-main-info  .short-info .info i.icon-tick{
    font-size: 9px;
    margin-right: 6px;
    margin-top: 4px;
    float: left;
}

.sa-main-info  .short-info .info i.icon-arrow_next{
    color: #cccccc;
    margin-left: 10px;
    margin-right: 10px;
}

.sel-aim .obox{
    padding: 0;
}

.sel-aim .obox .box{
    padding-top: 29px;
    padding-bottom: 29px;
}

.site-container.sel-aim .inner{
    padding-top: 24px;
}

.gallery{
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 12px;
    overflow: hidden;
}

.gallery li{
    background-size: cover;
    display: inline-block;
    float: left;
    
    margin-bottom: 7px;
    width: calc( ( 100% - 14px ) / 3 );
    margin-left: 7px;
}

.gallery li .item{
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    position: relative;
}
.gallery li:nth-child( 3n +1 ){
    margin-left: 0;
}

.gallery li .delete-image{
    display: block;
    width: 24px;
    height: 24px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    right: 10px;
    top: 10px;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}

.gallery li:hover .delete-image{
    opacity: 1;
}

.gallery li .delete-image i{
    color: #fff;
    font-size: 10px;
    position: absolute;
    left: 6px;
    top: 7px;
}

.gallery li  .link-lightbox{
    position: absolute;
    display: block;
    z-index: 2;
    width: 100%;
    height: 100%;
}

.obox .gal-but{
    display: block;
    text-align: right;
    padding-top: 13px;
}

.obox .aim-description{
    margin-top: 40px;
}

.obox  .more-sec{
    margin-top: 20px;
}

.more-sec{
    display: block;
    width: 100%;
    position: relative;
    color: #4c4c4c;
    font-size: 14px;
    line-height: 1.71;
}

.more-sec .show_more-text{
    color: #ba3982;
    font-size: 12px;
}

.more-sec .show_more-text:hover{
    color: #b0357b;
}

.more-sec .moret{
    display: none;
}

.more-sec.active .normalt .dots, .more-sec.active  .normalt  .show_more-text{
    display: none;
}
    
.comments-search {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    min-height: 36px;
    padding-top: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.list-items.comments-search  .image{
    top: 12px;
}

.list-items.comments  .info .time{
    display: block;
    padding-left: 0;
    padding-top: 3px;
}

.list-items.comments  .info .time a{
    color: #ba3982;
    padding-left: 5px;
    font-size: 10px;
}

.list-items.comments  .info .time a:hover{
    color: #b0357b;
}

.obox .comment-but{
    text-align: center;
    padding-top: 16px;
}

.lightbox-top{
    height: 80px;
    background-color: #fff;
    width: 100%;
    position: relative;
    padding-top: 25px;
    padding-left: 30px;
    padding-right: 30px;
    -webkit-border-top-left-radius: 12px;
-webkit-border-top-right-radius: 12px;
-moz-border-radius-topleft: 12px;
-moz-border-radius-topright: 12px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}

.lightbox-top .line{
    display: block;
}

.lightbox-top .line .button{
    float: left;
}

.lightbox-top .line .close-lightbox{
    float: right;
    color: #b3b3b3;
    font-size: 16px;
    margin-top: 9px;
}

.lightbox-custom-container{
    border-radius: 12px;
}

.lightbox-top .line  .close-lightbox:hover{
    opacity: 0.8;
}

.lightbox-bottom{
    height: 80px;
    background-color: #fff;
    width: 100%;
    position: relative;
    padding-top: 20px;
    -webkit-border-bottom-right-radius: 12px;
-webkit-border-bottom-left-radius: 12px;
-moz-border-radius-bottomright: 12px;
-moz-border-radius-bottomleft: 12px;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
    
}

.lightbox-bottom .line{
    display: block;
    padding-left: 30px;
    padding-right: 30px;
}

.lightbox-bottom .line.conf{
    display: none;
}

.get-prev-photo-lightbox{
    float: left;
}

.get-next-photo-lightbox{
    float: right;
}

.lb-outerContainer{
    height: auto!important;
}

/*
.lightbox-custom-container::before{
  content: "";
  display: block;
  width: 30px;
  height: 100%;
  left: -30px;
  background-color: #fff;
  position: absolute;
  top: 0;
  -webkit-border-top-left-radius: 12px;
    -webkit-border-bottom-left-radius: 12px;
    -moz-border-radius-topleft: 12px;
    -moz-border-radius-bottomleft: 12px;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}

.lightbox-custom-container::after{
   -webkit-border-top-right-radius: 12px;
    -webkit-border-bottom-right-radius: 12px;
    -moz-border-radius-topright: 12px;
    -moz-border-radius-bottomright: 12px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    content: "";
      display: block;
      width: 30px;
      height: 100%;
      right: -30px;
      background-color: #fff;
      position: absolute;
      top: 0;
}


.lightbox-custom-container{
    display: block;
    position: relative;
}*/

.number-photos{
    font-size: 14px;
    color:#b2b2b2;
    display: inline-block;
    padding-top: 17px;
}

.lightbox  .confirm-message{
    display: none;
    font-size: 24px;
    color: #333333;
    font-weight: 600;
    padding-top: 19px;
}

.lightbox.confirm  .confirm-message{
    display: inline-block;
}

.lightbox.confirm .lightbox-bottom .line.conf{
    display: block;
}

.lightbox.confirm .lightbox-bottom .line.normal{
    display: none;
}

.cancel-remove-photo{
    float: left;
}

.confirm-delete-image{
    float: right;
}

.lightbox.confirm .lightbox-top  .js-remove-photo-from-lightbox{
    display: none;
}

.lightbox  .lightbox-top  .conf{
    display: none;
    height: 40px;
    padding: 20px 0;
}

.confirm .lightbox-top {
    height: 118px;
}

.confirm .lightbox-bottom {
    height: 30px;
}

.lightbox.confirm .lightbox-top  .conf{
    display: block;
}

.confirm .lightbox-top .line .button.confirm-delete-image{
    float: right;
}

.infoWindow.confirmEnd{
    background-color: transparent;
    top: 0;
}

.infoWindow.modal.confirmEnd .container{
    top: 100px;

}

.infoWindow.confirmEnd > .layer{
    background-color: rgba(0,0,0,0.44);
}

.infoWindow.modal.confirmEnd  .box{
    padding-left: 30px;
    padding-right:  30px;
    padding-top: 35px;
    padding-bottom: 20px;
}

.confirmEnd  .iw-tit{
    padding-top: 20px;
    text-align: center;
}

.confirmEnd  .desc{
    padding-top: 15px;
}

.confirmEnd .but{
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 35px;
    padding-bottom: 10px;
}

.confirmEnd .but .button.white{
    float: left;
}

.confirmEnd .but .button.pink{
    float: right;
}

.fan-list-week-2 .fl-name{
    width: 31%;
}

.fan-list-week-2 .fl-time {
    width: 36%;
}

.fan-list-week-2 .fl-crit {
    width: 32%;
}

.box-aim-with-logo-header{
    height: 140px;
}

.box-aim-with-logo-header .small-tit{
    padding-top: 14px;
}

.box-aim-with-logo-header .name-tit{
    padding-top: 10px;
    padding-bottom: 0px;
}

.club-panel  .box-aim-with-logo-header +  .aim {
    padding-top: 6px;
    clear: both;
}

.box-aim-with-logo-header .left{
    float: left;
    width: calc( 100% - 120px );
} 

.box-aim-with-logo-header .right{
    float: right;
    width: 80px;
} 

.box-aim-with-logo-header .right img{
    width: 100%;
    height: auto;
}

.site-container.finance-means .inner{
    padding-top: 10px;
}



.top-info.fm-top-bar{
    padding-bottom: 27px;
    position: relative;
    z-index: 2;
    overflow: initial;
    min-height: 114px;
}

.top-info.fm-top-bar  .left-block{
    float: left;
    width: calc( 100% - 260px );
}

.top-info.fm-top-bar  .right-block{
    float: right;
    width:  240px;
    margin-top: 4px;
}

.top-info.fm-top-bar .info{
    padding-top: 23px;
}

.fm-top-bar .label-box{
    float: left;
    width: 172px;
}

.finance-means .chart-box{
    position: relative;
    z-index: 1;
}

.checkout-money-box{
    padding: 48px 0px 0px;
}

.cm-tit{
    font-size: 18px;
    color: #4d4d4d;
    font-weight: 500;
    line-height: 1.11;
}

.finance-means .cm-tit{
    padding-top: 42px;
}

.cm-info{
    font-size: 12px;
    color: #b2b2b2;
    font-weight: 400;
    padding-top: 16px;
}

.fm-box .label-option{
    font-size: 12px;
    color: #b2b2b2;
}

.fm-box  .fm-name{
    padding-left: 0px;
    width: 30%;
}

.fm-box .fm-section{
    width: 22%;
}

.fm-box .fm-date{
    width: 15%;
}

.fm-box .fm-sum{
    width: 11%;
}

.fm-box .fm-sum .curr{
   font-size: 12px; 
}

.fm-box .fm-status{
    width: 22%;
    padding-right: 0;
}

.fm-box .fm-status .but{
    padding-top: 4px;
    padding-left: 0;
}

.box.fm-box {
    padding: 16px 20px 15px;
}

.fm-box  .fm-name {
    overflow: hidden;
    padding-left: 0px;
    width: 30%;
}

.fm-box .fm-name .photo {
    float: left;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 0;
}

.fm-box .fm-name .name {
    float: right;
    width: calc( 100% - 60px );
    padding-left: 0;
    color: #4c4c4c;
    font-weight: 500;
    height: 40px;
    position: relative;
}

.fm-box .fm-name .name span.cent {
    display: block;
    width: 100%;
    position: Absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.fm-box span.lab{
    padding-top: 12px;
    display: block;
}

.fm-box .fm-status{
    overflow: hidden;
}

.fm-box .fm-status img{
    float: left;
    margin-top: 9px;
}

.fm-box .fm-status .lab-status{
    display: block;
    padding-top: 10px;
    float: left;
    padding-left: 10px;
}

.new-message-2 .recipients-list-header{
    text-align: left;
    padding-top: 12px;
}

.new-message-2 .recipients-list-header li.person  {
    margin-right: 20px;
}

.new-message-2 .recipients-list-header li.person   + li.person  {
    margin-left: 0;
}

.new-message-2 .recipients-list-header li.person .name{
    font-size: 14px;
}

.new-message-2.messages-right-bar  .head{
    height: auto;
    padding-bottom: 0px;
}

.new-message-2 .recipients-list-header li{
    margin-bottom: 20px;
}

.new-message-2 .recipients-list-header li.person + .but {
    margin-left: 0;
}

.search-area.app-style .search {
    width: 41%;
}

.search-area.app-style .filter {
    width: calc( 31% - 20px);
}

.search-area.app-style  .filter-sec {
    float: right;
    width: calc( 28% - 20px );
    margin-right: 20px;
}

.site-container .inner.app-tab {
    padding-top: 7px;
}

.box.tab-style{
    width: 69%;
}

.box.tab-style.new-post{
    
}

.box.tab-style .head-line{
    overflow: hidden;
    padding: 5px 0 7px;
}

.box.tab-style .head-line .left{
    float: left;
    width: auto;
}

.box.tab-style .head-line .right{
    float: right;
    width: auto;
}

.box.tab-style .head-line .full-but{
    float: left;
    width: 100%;
}

.box.tab-style .head-line .full-but .button{
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 10px;
}

.box.tab-style .head-line .add-link-box{
    display: none;
    width: 100%;
    float: left;
    padding: 20px 0 0;
}

.box.tab-style.new-post .add-link-box .form-group:not(.last-elem){
    margin-bottom: 0;
}


.box.tab-style.new-post .head-line{
    margin-bottom: 14px;
}

.box.tab-style.new-post  textarea.message-style{
    height: 100px;
    padding-top: 14px;
    padding-bottom: 14px;
}

#createNewPost .form-group.full{
    text-align: right;
    float: none;
}

.box.tab-style.new-post .form-group:not(.last-elem) {
    margin-bottom: 20px;
}

.box.tab-style.new-post .uploadedPhoto{
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 54%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    margin-bottom: 21px;
    position: relative;
}

.box.tab-style.new-post .uploadedPhoto .image{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    background-repeat: no-repeat;
    background-size: cover;
}

.box.tab-style.new-post #removePhoto{
    position: absolute;
    z-index: 2;
    width: 32px;
    height: 32px;
    display:  block;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    text-decoration: none;
    right: 15px;
    top: 15px;
}

.box.tab-style.new-post #removePhoto:hover{
    opacity: 0.7;
}

.box.tab-style.new-post #removePhoto i{
    display: block;
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 10px;
}

.box.tab-style.std-post .person{
    float: left;
    width: 180px;
}

.std-post .person .p-photo{
    float: left;
    width: 40px;
    height: 40px;
    position: relative;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.std-post .person .p-photo img{
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.std-post .person .p-desc{
    float: right;
    width: calc( 100% - 60px );
}

.box.tab-style + .box.tab-style{
    margin-top: 20px;
}

.std-post .person .p-desc .name{
    font-size: 14px;
    color: #4c4c4c;
    padding-top: 2px;
}

.std-post .person .p-desc .time{
    font-size: 11px;
    color: #b2b2b2;
    padding-top: 10px;
}

.box.tab-style.std-post .head-line .left{
    width: 180px;
}

.box.tab-style.std-post .head-line .right{
    width: calc( 100% - 220px  );
    padding-top: 5px;
}

.box.tab-style.std-post .head-line .right .elem{
    float: right;
    margin-left: 10px;
}

.box.tab-style.std-post .head-line .right .elem .message{
    display: block;
    font-size: 14px;
    color: #4c4c4c;
    padding-top: 8px;
}

.box.tab-style.std-post .head-line .right .elem.info-elem{  
    width: 60px;
    position: relative;
    padding-left: 30px;
    font-size: 14px;
    color: #4c4c4c;
    padding-top: 8px;
}

.box.tab-style.std-post .head-line .right .elem.info-elem .icon{
    position: absolute;
    left: 7px;
    top: 6px;
    font-size: 14px;
    color: #ba3982;
}

.box.tab-style.std-post .head-line .right .elem.info-elem .icon.icon-comment{
    font-size: 17px;
}

.std-post .post-content{
    color: #4c4c4c;
    font-size: 14px;
    line-height: 1.43;
    padding: 10px 0 14px;
    border-bottom: 1px solid #f2f2f2;

}

.std-post .post-content .editLinkBox{
    text-align: right;
    padding: 10px 0 0;
}

.std-post .post-content-edit .editLinkBox{
    padding-top: 15px;
     text-align: right;
}

.std-post .post-content .link-pink, .std-post .post-content-edit .link-pink{
    color: #ba3982;
}

.std-post .post-content .link-pink:hover, .std-post .post-content-edit .link-pink:hover{
    color: #b0357b;
}

.std-post .post-content-edit .form-group{
    margin-bottom: 0;
}

.std-post .post-content-edit .form-group.full{
    overflow: hidden;
    float: none;
}

.std-post .post-content-edit{
    display: none;
    padding-top: 10px;
    padding-bottom: 20px;
}


.std-post .post-content .image, .std-post .post-content-edit .image{
    position: relative;
}

.std-post .post-content .image.videoBox, .std-post .post-content-edit .image.videoBox{
    padding-bottom: 0;
    height: auto;
}

.std-post .post-content-edit .image.videoBox{
    padding-bottom: 54%;
}

.std-post .post-content-edit .image.videoBox:hover  .removeMediaElement{
    opacity: 1;
}

.std-post .image .movieElement{
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: #000;
}

.std-post .image .movieElement .player{
    width: 100%;
}

.std-post  .image .imgElement{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center center;
    cursor: pointer;
}

.std-post  .image .imgElement .roundedPlay{
    display: block;
    position: absolute;
    width: 70px;
    height: 70px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.3);
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.std-post  .image .imgElement .roundedPlay::before{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12.5px 0 12.5px 25px;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -8px;
    margin-top: -11px;
}

.std-post  .image .imgElement:hover .roundedPlay::before{
    opacity: 0.8;
}

.std-post .post-content-edit .removeMediaElement, .std-post .post-content-edit .removeMediaElementLink{
    position: absolute;
    z-index: 2;
    width: 32px;
    height: 32px;
    display: block;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    text-decoration: none;
    right: 15px;
    top: 15px;
    opacity: 0;
}

.std-post .post-content-edit .image.one-img:hover .removeMediaElement, .std-post .post-content-edit  .linkBox:hover .removeMediaElementLink, .std-post .post-content-edit .image.videoBox:hover .removeMediaElement{
    opacity: 1;
}


.std-post .post-content-edit .image .img:hover .removeMediaElement{
    opacity: 1;
}


.std-post .post-content-edit .removeMediaElement i, .std-post .post-content-edit .removeMediaElementLink i{
    display: block;
    position: absolute;
    left: 10px;
    top: 11px;
    font-size: 10px;
}

.std-post .post-content-edit .removeMediaElement:hover,
.std-post .post-content-edit .image:hover .removeMediaElement:hover,
.std-post .post-content-edit .removeMediaElementLink:hover,
.std-post .post-content-edit .linkBox:hover .removeMediaElementLink:hover{
    opacity: 0.7;
}

.std-post .shortText{
    display: block;
    width: 100%;
    height: 310px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    background: url(../img/bg3.jpg) no-repeat center center transparent;
    background-size: cover;
    padding: 30px;
}

.std-post .shortText .inn{
    display: block;
    width: 100%;
    position: relative;
    height: 100%;
}

.std-post .shortText .inn .txt{
    color: #fff;
    text-align: center;
    display: block;
    font-size: 20px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.write-comment{
    width: 100%;
    overflow: hidden;
    padding: 20px 0px 0;
}

.write-comment .photo{
    float: left;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.write-comment .photo img{
    width: 100%;
    height: 100%;
     -webkit-border-radius: 50%;
    border-radius: 50%;
}

.write-comment .comment{
    float: right;
    width: calc( 100% - 50px );
}

.write-comment.not-logged{
    text-align: center;
    padding: 28px 0px 6px;
}

.std-post .post-content .image, .std-post .post-content-edit .image{
    position: relative;
    overflow: hidden;
}

.blocked.std-post .person .p-desc .name, .blocked.std-post .person .p-desc .time, .blocked.box.tab-style.std-post .head-line .right .elem.info-elem, .blocked.box.tab-style.std-post .head-line .right .elem.info-elem .icon, .blocked.box.tab-style.std-post .head-line .right .elem .message, .blocked.std-post .post-content, .blocked .comments-list .list-items .info, .blocked .comments-list .list-items .info .time{
    color: #b2b2b2;
}

.std-post .image.two-imgs   .img{
    position: absolute;
    height: 100%;
    width: calc( ( 100% - 2px ) / 2 );
    background-position: center center;
    background-size: cover;
}

.std-post .image.two-imgs   .img.img1{
    left: 0;
}

.std-post .image.two-imgs   .img.img2{
    right: 0;
}

.std-post .image.three-imgs   .img{
    position: absolute;
    background-position: center center;
    background-size: cover;
}

.std-post .image.three-imgs   .img.img1{
    left: 0;
    height: 100%;
    width: calc(  65% - 2px  );
}

.std-post .image.three-imgs   .img.img2{
    right: 0;
    width: 35%;
    top: 0;
    height: calc( 50% - 1px );
}

.std-post .image.three-imgs   .img.img3{
    right: 0;
    width: 35%;
    bottom: 0;
    height: calc( 50% - 1px );
}


.std-post .image.four-imgs   .img, .std-post .image.lot-imgs   .img{
    position: absolute;
    background-position: center center;
    background-size: cover;
}

.std-post .image.four-imgs   .img.img1, .std-post .image.lot-imgs   .img.img1{
    left: 0;
    height: 100%;
    width: calc(  65% - 2px  );
}

.std-post .image.four-imgs   .img.img2, .std-post .image.four-imgs   .img.img3, .std-post .image.four-imgs   .img.img4,
.std-post .image.lot-imgs   .img.img2, .std-post .image.lot-imgs   .img.img3, .std-post .image.lot-imgs   .img.img4{
    width: 35%;
    height: calc( ( 100% - 4px ) / 3 );
    right: 0;
}

.std-post .image.four-imgs   .img.img2, .std-post .image.lot-imgs   .img.img2{
    top: 0;
}

.std-post .image.four-imgs   .img.img3, .std-post .image.lot-imgs   .img.img3{
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.std-post .image.four-imgs   .img.img4, .std-post .image.lot-imgs   .img.img4{
    bottom: 0;
}

.std-post .image.lot-imgs   .img.img4 .morePhotos{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    background-color: rgba(0,0,0,0.4);
}

.std-post .image.lot-imgs   .img.img4 .morePhotos span{
    font-weight: 700;
    position: absolute;
    color: #fff;
    font-size: 24px;
    display: inline-block;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.blocked.std-post .post-content .image,
.blocked.std-post .post-content-edit .image{
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.std-post .post-content .image,
.std-post .post-content-edit .image{
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 54%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    margin-bottom: 16px;
}

.std-post  .linkBox{
    -webkit-border-radius: 12px;
    border-radius: 12px;
    margin-bottom: 16px;
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
    border: 1px solid #f2f2f2;
}

.std-post  .linkBox .linkPhoto{
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 54%;
     background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}   

.std-post  .linkBox .linkDesc{
    padding: 15px 15px 10px;
    min-height: 100px;
}

.std-post  .linkBox .linkDesc .ld-tit{
    font-weight: 600; 
    font-size: 24px;
    line-height: 1.3;
    color: #333837;
    padding-bottom: 10px;
}

.std-post  .linkBox .linkDesc .ld-tit2{
    font-weight: 400; 
    font-size: 16px;
    line-height: 1.3;
    color: #333837;
}

.comments-list{
    border-top: 1px solid #f2f2f2;
}
.comments-list .line-th{
    text-decoration: line-through;
    color: #b2b2b2;
}

.comments-list  .list-items li:last-child{
    border-bottom: 1px solid rgba(0,0,0,0.05);
}


.comments-list .list-items .info .time{
    padding-left: 0;
}

.comments-list .link-pink{
    color: #ba3982;
}

.comments-list .link-pink:hover{
    color: #b0357b;
}

.comments-list .link-red{
    color: #f40d33;
}

.comments-list .link-red:hover{
    opacity: 0.8;
}

.comments-list .editableContent{
    padding: 10px 0 0;
    display: none;
}

.comments-list .editableContent textarea{
    margin: 10px 0;
}

.comments-list .editableContent .message-style{
    height: 60px;
}

.load-more-posts{
    text-align: center;
    padding-top: 20px;
    width: 69%;
}

.site-container .inner.transaction-invoice-inner{
    padding-top: 53px;
}

.filter-list{
    margin-bottom: 9px;
}

.filter-list  .ti-date {
    width: 10%;
    padding-left: 0;
}

.filter-list  .ti-sum {
    width: 20%;
}

.filter-list  .ti-sum{
    font-size: 16px;
    color: #4c4c4c;
}

.filter-list  .ti-sum  .curr{
    font-size: 14px;
}

.filter-list  .ti-trans {
    width: 53%;
}

.filter-list  .ti-download{
    width: 17%;
    position: relative;
}

.filter-list  .ti-download img{
    position: relative;
    margin-top: -6px;
    position: absolute;
}

.filter-list  .ti-download a:hover{
    opacity: 0.7;
}

.load-more-transaction.trans-innvoices{
    text-align: center;
    padding-top: 17px;
}

.header .menu ul.headerMenu li.right-link{
    float: right;
}

.header .menu ul.headerMenu li.right-link a, .report-transaction-mobile a{
    font-size: 12px;
    color: #ba3982;
}

.header .menu ul.headerMenu li.right-link a:hover, .report-transaction-mobile a:hover{
    opacity: 0.8;
}

.report-transaction-mobile{
    display: none;
}

.infoWindow.modal.report-transaction .container{
    width: 500px;
    top: 120px;
}

.infoWindow.modal.report-transaction .box{
    padding: 35px 27px;
}

.modal.report-transaction .iw-tit{
    padding-right: 30px;
}

.infoWindow.report-transaction .desc{
    padding-left: 0;
    text-align: left;
    padding-top: 18px;
    padding-bottom: 23px;
}

.report-transaction .nav-tabs > li > a {
    padding-bottom: 11px;
    padding-left: 11px;
    padding-right: 11px;
}

.report-transaction .tab-pane{
    padding-top: 40px;
}

.dateGetter #dateEnd{
    position: absolute;
    visibility: hidden;
}

.dateGetter.col-end-date{
    margin-top: 38px;
    margin-bottom: 0;
    overflow: hidden;
}

.dateGetter.col-end-date label{
    display: block;
    width: 100%;
}

.infoWindow.report-transaction .but{
    padding-top: 14px;
}

.infoWindow.report-transaction .but .button.white{
    float: left;
}

.infoWindow.report-transaction  .but .button.pink{
    float: right;
}

.selectBox.with-logos  .btn-primary {
    position: relative;
}

.selectBox.with-logos  .btn-primary .filter-option{
    padding-left: 40px;
}

.selectBox.with-logos  .btn-primary  img.logo-card{
    position: absolute;
    left: 19px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 30px;
    max-height: 11px;
}

.selectBox.with-logos  .dropdown-menu li img.logo-card{
    position: absolute;
    left: 19px;
    top: 47%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 30px;
    max-height: 11px;
}

.selectBox.with-logos .dropdown-menu ul li a{
    padding-left: 70px;
}

.modal.report-transaction  .form-group {
    margin-bottom: 37px;
    margin-bottom: 37px;
}

.modal.report-transaction  .selectBox{
    max-width: 285px;
}

.modal.report-transaction .form-group.dateGetter{
    max-width: 380px;
    margin-bottom: 30px;
}

.modal.report-transaction .form-group.dateGetter .form-group{
    margin-bottom: 0;
}

.report-transaction  textarea.text-style{
    height: 62px;
}

.modal.report-transaction .form-group.group-desc{
    margin-bottom: 27px;
}

.modal.report-transaction .form-group.but{
    margin-bottom: 0px;
}

.modal.report-transaction .files{
    margin-bottom: 40px;
}

.modal.report-transaction .files p{
    margin: 0;
    font-size: 14px;
    color: #808080;
    position: relative;
}

.modal.report-transaction .files label{
    padding-bottom: 23px;
}

.modal.report-transaction .files .removeAttachment{
    font-size: 10px;
    position: relative;
    cursor: pointer;
    margin-left: 1px;
}

.modal.report-transaction .files .removeAttachment:hover{
    opacity: 0.8;
}

.invite-friends-1{
    padding-bottom: 17px;
}

.frow-oneline-form.form-group{
    display: block;
    position: relative;
    height: 32px;
    margin-bottom: 0;
}

.frow-oneline-form  .frow-but{
    width: 150px;
    float: right;
    text-align: right;
}

.frow-oneline-form .frow-input{
    width: calc( 100% - 160px);
    float: left;
    margin-top: 7px;
}

.frow-oneline-form  .frow-but .button{
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
}

.link.text-style{
    font-size: 14px;
    color: #4c4c4c;
    display: block;
    width: 100%;
    line-height: 1.1;
    padding-bottom: 7px;
    border: 0px solid transparent;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.link.text-style:hover{
    border-bottom: 1px solid #ba3982;
}

.invite-friends-2{
    padding-top: 41px;
    padding-bottom: 38px;
}

#inviteFriends, #copyOwnLink{
    padding-top: 41px;
}

.inv-list  .il-addres{
    width: 32%;
    padding-left: 0;
}

.inv-list  .il-date{
    width: 22%;
}

.inv-list  .il-status{
    width: 27%;
}
.inv-list  .il-but{
    width: 19%;
    padding-right: 0;
    text-align: right;
    position: relative;
}

.inv-list  .il-but .button{
    margin-top: -2px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -16px;
}

.inv-list .dat a{
    color: #4c4c4c;

}

.inv-list .dat a:hover{
    color: #ba3982;
}

.inv-list .dat{
    color: #b2b2b2;
    padding-top: 2px;
}

.il-status{
    overflow: hidden;
}

.il-status img{
    float: left;
    margin-top: 2px;
}

.il-status .lab-status{
    display: block;
    padding-top: 2px;
    float: left;
    padding-left: 6px;
    color: #b2b2b2;
}

.inv-list  .label-option{
       color: #b2b2b2;
}

.mat-info{
    color: #b2b2b2;
    font-size: 14px;
    line-height: 1.43;
}

.material-box{
    position: relative;
    margin-bottom: 20px;
}

.material-box .mat-info{
    margin-top: -6px; 
}

.material-box  .photo{
    width: 100%;
    text-align: left;
    padding-top: 15px;
}

.material-box  .photo img{
    max-width: 100%;
    max-height: 360px;
    -webkit-box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.15); 
    box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.15); 
    margin-right: 10px;
}


.material-box  .but{
    padding-top: 17px;
}

.material-box  + .material-box {
    padding-top: 18px;
}

.material-box  .but .button + .button{
    margin-left: 20px;
}

/*
.mr2 .messages-right-bar{
    padding-right: 0;
}*/

.messages-container.mr2{
    min-height: 704px;
}

.messages-right-bar .head.get-recipient-style .top-search-3-el{
    padding-right: 0px;
    height: 36px;
}

.top-search-3-el .ts1{
    float: left;
    width: calc( 42% - 10px )
}

.top-search-3-el .ts2{
    float: left;
    width: calc( 30% - 10px );
    margin-left: 10px;
}

.top-search-3-el .ts3{
    float: left;
    width: 28%;
    margin-left: 10px;
}

.mr2 .messages-right-bar .recipients-boxc {
    height: calc( 100% - 193px );
}

.rounded-checkbox-std{
    width: 20px;
    padding: 0;
    height: 20px;
    position: relative;
}

.rounded-checkbox-std input[type="checkbox"] {
    position: absolute;
    width: 1px;
    height: 1px;
    display: block;
    opacity: 0;
}

.rounded-checkbox-std label {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    position: absolute;
    cursor: pointer;
}

.rounded-checkbox-std label span {
    color: #e6e6e6;
    font-size: 7px;
    left: 5px;
    top: 7px;
    position: absolute;
}

.rounded-checkbox-std input[type="checkbox"]:checked + label {
    border-color: #ba3982;
    background-color: #ba3982;
}

.rounded-checkbox-std input[type="checkbox"]:checked + label  span{
    color: #fff;
}

.choose-recipient-selectable .rounded-checkbox-std{
    top: 9px;
    position: absolute;
    left: 0px;
}

.choose-recipient-selectable li a{
    position: relative;
    padding-left: 30px;
}

.choose-recipient-selectable .name .nm{
    padding-top: 3px;
    
}

.choose-recipient-selectable .name .uid{
    font-size: 11px;
    color: #b2b2b2;
    padding-top: 10px;
}

.recipients-selected-buts{
    position: relative;
    height: 36px;
}

.recipients-selected-buts > div > .button{
    display: block;
}

.recipients-selected-buts .but-1{
    float: left;
    width: calc( 26% - 20px );
    margin-right: 20px;
}

.recipients-selected-buts .but-2{
    float: left;
    width: calc( 28% - 20px );
    margin-right: 20px;
}

.recipients-selected-buts .but-3{
    float: left;
    width: 44%;
}

.recipients-selected-buts .button{
    padding-left: 10px;
    padding-right: 10px;
}

.promotions-slider.shopp-2  .owl-dots {
    padding-top: 0;
    margin-top: 0px;
}

.promotions-slider.shopp-2 .owl-dots .owl-dot{
    position: relative;
    top: -30px;
}

.dots-white-style .owl-dots .owl-dot{
    background-color: rgba(255,255,255,0.5);
}

.dots-white-style .owl-dots .owl-dot.active, .dots-white-style .owl-dots .owl-dot:hover{
    background-color: rgba(255,255,255,1);
}

.site-container.sc-shopping.shopp-2 .inner {
    padding-top: 20px;
}

.shopp-2  .header-box.shops{
    margin-bottom: 28px;
}

.shopp-2 ul.nav-tabs{
    position: relative;
    overflow: hidden;
}

.shopp-2 ul.nav-tabs::after{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.05);
}

.shopp-2 .box.promobox-shopp-2 .subtit-info.small-top-padding{
    padding-bottom: 6px;
}

.activities.list-items.promo-style {
    margin-top: -24px;
}

.list-items.promo-style .image{
    width: 60px;
    height: 60px;
    background-size: 60% auto;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.list-items.promo-style .info {
    padding-left: 80px;
    font-size: 14px;
    padding-toP: 10px;
    
}

.list-items.promo-style li {
    min-height: 101px;
}

.activities.list-items.promo-style{
    padding-bottom: 15px;
}

.promobox-shopp-2 .but{
    text-align: center;
}

.list-items.promo-style  li:last-child {
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.header.with-back-button  .header-back {
    margin-top: -8px;
    margin-bottom: 27px;
}

.header.with-back-button .search-area{
    margin-top: 21px;
}
.shopping-top-line  .tabsHeader{
    float: right;
}

.tabsHeader .nav-tabs > li > a{
    padding: 6px 18px 15px;
}

.activities.list-items.promo-list-page{
    margin-top: -13px;
}

.list-items.promo-style.promo-list-page .image{
    z-index: 3;
}

.list-items.promo-style.promo-list-page .image:hover{
    opacity: 0.8;
}

.list-items.promo-style.promo-list-page .image a{
    display: block;
    width: 100%;
    height: 100%;
}

.list-items.promo-style.promo-list-page .info {
    font-size: 16px;
}

.list-items.promo-style.promo-list-page .info  span{
    font-size: 13px;
    color: #b2b2b2;
    margin-right: 10px;
}

.list-items.promo-style.promo-list-page .info  span.pink{
    color: #ba3982;
    position: relative;
    padding-right: 10px;
}

.list-items.promo-style.promo-list-page .info  span.pink .copyCodeLink{
    position: absolute;
    right: 14px;
    top: -1px;
}

.list-items.promo-style.promo-list-page .info{
    padding-top: 0;
}

.copyCodeLink{
   color: #ba3982;
}

.copyCodeLink:hover {
    color: #b0357b;
}

input.inputCopyTxt{
    position: relative;
    background: transparent;
    border: 0px solid transparent;
    width: 70px;
}


.list-items.promo-style.promo-list-page{
    overflow: initial;
}

.list-items.promo-style.promo-list-page  span.pink  .copyCodeLink{
    font-size: 14px;
    position: relative;
}



.linkGoToShop{
    color: inherit;
    font-size: 14px;
    padding-top: 4px;
    display: block;
    position: relative;
    padding-left: 20px;
}

.linkGoToShop i{
    color: #ba3982;
    padding-right: 3px;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 4px;
}

.linkGoToShop:hover{
    color: #b0357b;
}

.activities.list-items.promo-style.promo-list-page {
    padding-bottom: 0px;
}

.list-items.promo-style.promo-list-page li:last-child {
    border-bottom: 0px solid rgba(0,0,0,0.05);
    padding-bottom: 0;
    min-height: 60px;
}
.promo-list-page-promobox{
    padding-right: 0;
    text-align: center;
}

.promo-list-page-promobox a{
    display: block;
}

.promo-list-page-promobox a:hover{
    opacity: 0.8;
}

.promo-list-page-promobox a img{
    display: block;
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    width: 100%;
}

.club-style.cs-shopping.new-shop-search .price{
    margin-top: -3px;
}

.new-shop-search  .info-widget{
    display: inline-block;
   
}

.club-style.cs-shopping.new-shop-search .desc{
    min-height: 117px;
}

.club-style.new-shop-search .link {
    padding-top: 14px;
}

.club-style.new-shop-search  .but  .hiddenButton{
    visibility: hidden;
    pointer-events: none;
} 

.club-style.new-shop-search .photo{
    height: 203px;
    display: block;
    width: 100%;
    background-size: 80% auto;
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
}

.new-shop-search.nss-with-category .link{
    padding-top: 7px;
}

.club-style .link a.button.pink{
    color: #fff;
}

.header.with-photo.new-shop-info .cnt{
    padding-top: 7px;
}

.head-top-info-block{
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-top: 4px;
}

.head-top-info-block .ht-box{
    float: left;
    min-height: 50px;
    padding-right: 50px;
    position: relative;
    padding-bottom: 6px;
    margin-right: 28px;
    margin-bottom: 15px;
}

.head-top-info-block .ht-box::after{
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 60px;
    background-color: rgba(255,255,255,0.3);
    right: 0;
    top: 0;
}

.head-top-info-block .ht-box:last-child::after{
   display: none; 
}

.head-top-info-block .ht-box:last-child{
    padding-right: 0;
    margin-right: 0;
}

.head-top-info-block .ht-box .np{
    font-weight: 500;
    color: #fff;
    padding-top: 10px;
}

.head-top-info-block .ht-box .np span{
    font-size: 18px;
}

.head-top-info-block .ht-box .cat{
    color: rgba(255,255,255,0.3);
    padding-top: 14px;
    font-size: 11px; 
}

.header.with-photo.new-shop-info .menu{
    float: none;
    position: relative;
    margin-top: 9px;
}

.header.with-photo.new-shop-info .menu ul{
    width: calc( 100% - 220px );
}

.header.with-photo.new-shop-info .menu   .button.to-right{
    position: absolute;
    right: 0;
    top: -8px;
}

.header.with-photo.new-shop-info + .site-container .inner {
    padding-top: 43px;
}

.new-shop-info  .online-left{
    padding-top: 15px;
}


.shop-localistation.shop-localistation-new-local {
    margin-top: 20px;
    margin-bottom: 10px;
}

.newPromoPage{
    margin-top: 19px;
    margin-bottom: 6px;
}

.infoWindow.modal.list-users-activities .container{
    top: 104px;
    width: 600px;
}

.list-users-activities .box .tit{
    position: relative;
    top: -47px;
}

.list-users-activities  .recipients-box{
    margin-top: -40px;
}

.message-recipients-list.activities-style li{
    padding-left: 0;
    padding-top: 19px;
    padding-bottom: 19px;
}

.message-recipients-list.activities-style .avat{
    width: 50px;
    height: 50px;
    top: 14px;
}

.message-recipients-list.activities-style .desc {
    padding-left: 68px;
}

.message-recipients-list.activities-style .num {
    font-size: 12px;
    padding-left: 4px;
}

.message-recipients-list.activities-style .num.no-left-space {
    padding-left: 0; 
}

.list-users-activities .recipients-box{
    height: calc( 100vh - 300px );
}


.infoWindow.modal.addAimModal.pinPopup .container{
    width: 460px
}

.infoWindow.modal.addAimModal.pinPopup .desc{
    padding-left: 0;
    padding-right: 0;
}

.infoWindow.modal.addAimModal.pinPopup .nav-tabs > li {
    width: 50%;
}

.addAimModal.pinPopup  #dateEnd{
    position: absolute;
    opacity: 0;
    pointer-events: none;
    left: 0;
    top: 0;
    opacity: 0;
}

.modal.pinPopup .form-group {
    margin-bottom: 4px;
}

.modal.pinPopup  .but{
    padding-top: 24px;
}

.site-container .inner.app-tab.app-tab-data {
    padding-top: 20px;
}



.app-data-box .tit{
    padding-bottom: 29px;
}

.app-data-box .adb-tit{
    font-size: 12px;
    color: #b2b2b2;
    
}

input.text-style.ts-no-border, input.text-style.ts-no-border:hover{
    border-bottom: 1px solid #fff;
    color: #808080;
    font-size: 13px;
}

.app-data-info{
    width: 100%;
    overflow: hidden;
}

.app-data-info .adi-box{
    float: left;
    width: auto;
    min-height: 40px;
    margin-right: 90px;
}

.app-data-info .adi-box:last-child{
    margin-right: 0;
}

.app-data-info .adi-box .adib-info{
    color: #808080;
    padding-top: 16px;
}

.app-data-box .frow-oneline-form{
    max-width: 530px;
    margin-top: 8px;
}

.app-data-info{
    margin-top: 28px;
}

.app-data-box + .app-data-box{
    margin-top: 25px;
}

@-webkit-keyframes fadeIng{
    0% { -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0.7; }
    50% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
    100% { -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0.7; }
}

@keyframes fadeIng{
    0% { -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0.7; }
    50% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
    100% { -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0.7; }
}

.empty-anim{
    -webkit-animation: heartbeat 2s infinite;
    animation: heartbeat 2s infinite ;
}

#AddPartnerCard .bootstrap-select.btn-group .dropdown-menu li a span.text{
    text-transform: uppercase;
}

@keyframes heartbeat{
  0%{
    transform: scale( .90 );
  }
  20%{
    transform: scale( 1 );
  }
  40%{
    transform: scale( .90 );
  }
  60%{
    transform: scale( 1 );
  }
  80%{
    transform: scale( .90 );
  }
  100%{
    transform: scale( .90 );
  }
}

.header.not-logged{
    margin-top: 0;
    padding-top: 0;
}


.header.not-logged .container{
    padding-top: 28px;
    padding-bottom: 24px;
}

.site-container.not-logged-style .inner{
    padding-left: 0;
    padding-right: 0;
}

.site-container.not-logged-style{
    padding-bottom: 60px;
}

.header.promotions.not-logged{
    margin-top: 0px;
    padding-top: 10px;
}

.box.disable-elem, .filter-list-mobile li.disable-elem{
    opacity: 0.6;
}

.empty-list{
    line-height: 1.5;
   color: #b3b3b3;
   padding: 50px 0;
}

.empty-list > div{
    padding: 0;
}

.header.not-logged.not-std .container{
    padding-bottom: 0;
}

.header.not-logged.not-std{
    margin-bottom: -15px;
}

.bottom .lvl .cook-info{
    float: left;
    width: 100%;
    margin: 10px 0 -20px;
    color: #fff;
    opacity: 0.6;
    font-size: 14px;
    line-height: 1.5;
    padding-top: 20px;
    padding-right: 30px;
    position: relative;
    border-top: 1px solid rgba(255,255,255,0.05);
}

.bottom .lvl .cook-info a{
    color: #fff;
    opacity: 1;
}

.bottom .lvl .cook-info a:hover{
    opacity: 0.8;
}

.cook-info .closeX{
    position: absolute;
    right: 0;
    top: 20px;
    cursor: pointer;
}

.cook-info .closeX:hover{
    opacity: 0.8;
}

.getMobileApp .logo-box{
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

.getMobileApp .logo-box img{
    width: 60%;
    max-width: 200px;
}

.infoWindow.getMobileApp {
    position: absolute;
    height: 100%;
}

.infoWindow.getMobileApp .container{
    top: 20px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.getMobileApp h3{
    font-size: 16px;
    color: #bb3a83;
    font-weight: 500;
    margin: 20px 0;
}
body.body-pogon_szczecin .getMobileApp h3 {
	color: #00275b;
}

.getMobileApp .buts{
    text-align: center;
}

.getMobileApp .buts img{
    height: 34px;
}

.getMobileApp .buts a + a{
    margin-left: 10px;
}


.search-area.two-filters.fan-list2 .search{
    width: 77%;
}

.fanNewStyle .header-box .tit{
    font-size: 18px;
}

.fanNewStyle .header-box{
    margin-top: -13px;
}

.fanNewStyle .header-box .buts{
    overflow: hidden;
    width: 100%;
    padding: 7px 0 33px;
}

.fanNewStyle .header-box .buts > div{
    float: left;
    margin-right: 15px;
}

.filter-list.pc-item .rounded-checkbox.group-fan.group-fan2 {
    left: 11px;
}

.filter-list.labels.fan-list.fan-list2 div.rounded-checkbox{
    position: absolute;
    left: 9px;
    top: 0px;
    z-index: 3;
}

.filter-list.labels.fan-list.fan-list2{
    padding-top: 3px;
}

.filter-list.labels.fan-list2 div.fl-name2 a {
    padding-left: 62px;
}

.filter-list .fl-name2 {
    padding-left: 21px;
    width: 27%;
}

.filter-list.labels.fan-list2{
    margin-top: 0;
    padding-left: 15px;
    padding-right: 15px;
}


.filter-list .fl-section2{
    width: 16%;
    padding-right: 0;
}

.filter-list .fl-role2{
    width: 15%;
}

.filter-list .fl-money2{
    width: 17%;
}

.filter-list .fl-date2{
    width: 22%;
    padding-right: 0;
}

.filter-list .fl-action2{
    width: 1%;
    padding-left: 0;
    padding-right: 0;
}

.fl-section2  .dat, .fl-role2  .dat, .fl-money2 .dat, .fl-date2 .dat{
    padding-top: 11px;
    display: block;
}

.fl-item2 .more-info .col-1 {
    padding-left: 84px;
}

.fl-item2 .more-info .col-2 {
    width: 16%;
    padding-left: 7px;
}

.fl-item2 .more-info .col-3 {
    width: 35%;
    padding-left: 7px;
}

.p-padding-bottom {
    padding-bottom: 14px;
}

.banner-sd2  .cols .right{
    padding-top: 42px;
}

.why.lpc.onlyThree.nsblp2 {
    padding-bottom: 85px;
    padding-top: 85px;
}

.nsblp2 .ico-boxes{
    min-height: 0;
}

.nsblp2 .sdesc{
    margin-bottom: 40px;
}

.galleryPopup{
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 200;
    left: 0;
    top: 0;
    
}

.galleryPopup  .layer{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background: rgba(0,0,0,0.6);
}

.galleryPopup .gp-inner{
    position: absolute;
    width: calc( 100% - 80px );
   /* max-width: 1420px;*/
    left: 50%;
    height: calc( 100% -  130px );
   /* max-height: 640px;*/
    top:  90px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #fff;
    z-index: 2;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}

.galleryPopup .roundedClose{
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: -70px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #2e2e2e;
    color: #fff;
    cursor: pointer;
}

.galleryPopup .roundedClose:hover{
    opacity: 0.7;
}

.galleryPopup .roundedClose i{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.galleryPopup .gp-img-box{
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    width:  calc( 100%  - 460px );
    -webkit-border-radius: 12px 0 0 12px;
    border-radius: 12px 0 0 12px;
    overflow: hidden;
}

.galleryPopup .gp-slider{
    z-index: 1;
    height: 100%;
    width: 100%;
}

.galleryPopup .gp-img-box .gp-controll{
    position: absolute;
    display: block;
    width: 70px;
    height: 70px;
    background-color: rgba(0,0,0,0.5);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 2;
}

.galleryPopup .gp-img-box .gp-controll.right{
    -webkit-border-radius: 12px 0 0 12px;
    border-radius: 12px 0 0 12px;
    right: 0;
}

.galleryPopup .gp-img-box .gp-controll.left{
    -webkit-border-radius: 0 12px 12px 0;
    border-radius: 0 12px 12px 0;
    left: 0;
}

.galleryPopup .gp-img-box .gp-controll  i{
    color: #fff;
    display: block;
    position: absolute;
    font-size: 22px;
    left: 50%;
    top: 50%;
    margin-left: -15px;
    margin-top: -10px;
}

.galleryPopup .gp-img-box .gp-controll.right i{
    margin-right: -12px;
}

.galleryPopup .gp-img-box .gp-controll.left i{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}

.galleryPopup .gp-img-box .gp-controll:hover{
    opacity: 0.7;
}

.galleryPopup .gp-slider #galCarousel,  .galleryPopup .gp-slider #galCarousel .owl-stage-outer, .galleryPopup .gp-slider #galCarousel .owl-stage, .galleryPopup .gp-slider #galCarousel .owl-item{
    height: 100%;
}

.galleryPopup .gp-slider .item{
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-border-radius: 12px 0 0 12px;
    border-radius: 12px 0 0 12px;
}

.galleryPopup .gp-comment-box{
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    width:  460px;
    -webkit-border-radius: 0 12px 12px 0;
    border-radius: 0 12px 12px 0;
    overflow: hidden;
}


.gp-comment-box  .box.tab-style {
    width: 100%;
    box-shadow: none;
    height: 100%;
}

.gp-comment-box  .box.tab-style.std-post .person , .gp-comment-box .box.tab-style.std-post .head-line .left{
    width: 100%;
}

.gp-comment-box .box.tab-style.std-post .head-line .right {
    width: 100%;
    padding-top: 25px;
    padding-bottom: 15px;
}

.gp-comment-box .box.tab-style.std-post .head-line .right .info-elem{
    float: left;
    margin-left: 0;
    margin-right: 10px;
}

.gp-comment-box .box.tab-style.std-post .content-line{
    width: 100%;
    height: calc( 100% - 140px );
}

.gp-comment-box .box.tab-style.std-post .content-line .comments-list{
    height: calc( 100% - 66px );
    position: relative;
}

.gp-comment-box .box.tab-style.std-post .content-line .comments-list .list-items{
    padding-bottom: 20px;
    padding-right: 20px;
}

.open-gallery-popup{
    cursor: pointer;
}

.gp-comment-box  .external-scroll_y6{
    height: calc( 100% - 0px );
    top: 0px;
}

.gp-comment-box .scroll-arrow{
    display: none;
}

.gp-comment-box .external-scroll_x div, .gp-comment-box .external-scroll_y div{
    width: 7px;
}

.gp-comment-box .external-scroll_y.scroll-scrolly_visible{
    width: 7px;
}

.gp-comment-box .external-scroll_y div.scroll-element_outer, .gp-comment-box .external-scroll_y div.scroll-element_track{
    background: #fff;
}

.gp-comment-box .scroll-bar{
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.butt-pop-how{
    padding-top: 26px;
    text-align: center;
}

.club-sec-1{
    padding: 60px 0;
}

.club-sec-1 .box.tab-style{
    width: 100%;
}

.club-right-info{
    position: relative;
}

.club-right-info .club-top .log-img{
    width: 100%;
    text-align: center;
}

.club-right-info .club-top .log-img img{
    max-width: 80%;
}

.club-right-info .club-top .stit{
    text-align: center;
    font-size: 32px;
}

.club-right-info .club-top ul.icon-list{
    text-align: center;
}

.club-right-info .club-top  ul.icon-list li{
    color: #333333;
}

.club-right-info .club-top ul.icon-list li{
    display: inline-block;
    float: none;
}

.club-right-info .club-top ul.icon-list li:last-child{
    margin-right: 0;
}

.club-right-info .club-top ul.icon-list li + li::before{
    content: "";
    display: block;
    width: 1px;
    height: 16px;
    position: absolute;
    left: -18px;
    top: 0;
    background: #f2f2f2;
}

.club-right-info .club-mid{
    position: relative;
   
}

.club-right-info .cm-inner{
    position: relative;
    text-align: center;
    overflow: hidden;
    padding: 0 32px;
    margin-top: 47px;
}

.cm-box{
    width: 210px;
    width: 50%;
    min-height: 100px;
    text-align: center;
    float: left;
    margin-bottom: 24px;
    padding: 0 15px;
}

.cm-box .icon-div{
    display: inline-block;
    width: 124px;
    height: 124px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #ececec;
    padding: 6px;
}

.cm-box .icon-div .bg{
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.cm-box .icon-div .bg i{
    color: #c35393;
    font-size: 34px;
    position: absolute;
    left: 52%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.cm-box .icon-div .bg i.icon-menu-fans{
    font-size: 42px;
}

.cm-box .cm-tit{
    color: #4d4d4d;
    font-size: 22px;
    padding-top: 17px;
}

.cm-box .cm-tit span{
    font-size: 18px;
    padding-left: 2px;
}

.cm-box .cm-desc{
    color: #4d4d4d;
    font-size: 14px;
    padding-top: 4px;
}

.ui-menu.ui-widget-content.panel-style{
    border: 1px solid #ba3982;
}

.ui-menu.panel-style  .ui-menu-item{
    border: 0px solid transparent;
}

.ui-menu.panel-style .ui-menu-item.ui-state-focus {
    background: #ba3982;
}

.ui-autocomplete.panel-style {
	max-height: 200px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
}

.butt-set-coords{
    text-align: right;
    padding: 20px 0 0;
}

.filter-list.aaTerm  .aa-name{
    width: 30%
}

.filter-list.aaTerm .aa-section {
    width: 10%;
    margin-left: 2%;
    margin-right: 2%;
}

.filter-list.aaTerm .aa-aim{
    width: 25%;
}

.filter-list.aaTerm .aa-rank{
    width: 5%;
    
}

.filter-list.aaTerm .aa-matchs{
    width: 9%;
}

.filter-list.aaTerm .aa-points{
    width: 12%;
}

.filter-list.aaTerm .aa-points_1{
    width: 15%;
}

.filter-list.aaTerm .aa-points_2{
    width: 15%;
}

.filter-list.aaTerm .aa-points_2{
    width: 15%;
}

.filter-list.aaTerm .aa-action-2{
    width: 5%;
}

.filter-list.aaTerm .aa-z1{
    margin-left: 8%;
}

.filter-list.aaTerm .aa-name.aa-zname{
    width: 47%;
}

.filter-list.aaTerm .aa-z1, .filter-list.aaTerm .aa-z2, .filter-list.aaTerm .aa-z3, .filter-list.aaTerm .aa-z4, .filter-list.aaTerm .aa-z5, .filter-list.aaTerm .aa-z6, .filter-list.aaTerm .aa-z7{
    width: 5%;
}

.fg-match{
    overflow: hidden;
}

.filter-list .aa-line.editable-aa-line .fg-match  div.form-group{
    float: left;
    width: calc( ( 100% - 60px ) / 4 );
    margin-left: 20px;
    margin-top :20px;
}

.filter-list .aa-line.editable-aa-line .fg-match  div.form-group:nth-child(4n+1){
    margin-left: 0;
}

.aa-box span.lab.points{
    font-weight: 700;
}

.aa-box .more-info  .aa-line.editable-aa-line{
    display: none;
    border-top: 1px solid #ba3982;
}

.filter-list  .aa-line.editable-aa-line div{
    padding-left: 0;
    padding-right: 0;
    float: none;
    width: 100%;
}

.filter-list  .aa-line.editable-aa-line .form-group{
    margin-bottom: 15px;
}

.filter-list  .aa-line.editable-aa-line textarea.text-style{
    height: 60px;
}

.filter-list  .aa-line.editable-aa-line .submit{
    text-align: right;
}

.aa-filter-mobile  .editable-aa-line{
    border-top: 1px solid  #ba3982;
    padding-top: 20px;
    margin-top: 10px;
    display: none;
}

.aa-filter-mobile  .editable-aa-line input.text-style{
    background: transparent;
}

.filter-list .aa-line.editable-aa-line .form-group.fullw{
    overflow: hidden;
}

.filter-list .aa-line.editable-aa-line .form-group.fullw .form-group{
    float: left;
    width: calc( 50% - 15px );
}

.filter-list .aa-line.editable-aa-line .form-group.fullw  .form-group + .form-group{
    margin-left: 30px;
} 

.addNewTermBut{
    margin-top: -30px;
    margin-bottom: 50px;
}

.addNewTermModal .tbox, .addNewTermModal2 .tbox, .addNewRelation .tbox{
    padding-top: 20px;
}

.addNewTermModal .form-group.col-end-date , .addNewRelation  .form-group.col-end-date{
    margin-left: 0;
    width: 100%;
}

.addNewTermModal .col-end-date #dateEnd, .addNewRelation .col-end-date #dateEnd{
    display: none;
}

.form-group.col-date-hour , .form-group.col-date-min{
    float: left;
    width: 60px;
}

.form-group.col-date-min{
    margin-left: 20px;
    position: relative;
}

.form-group.col-date-min::before{
    content: ":";
    display: block;
    width: 10px;
    height: 10px;
    font-size: 20px;
    position: absolute;
    left: -13px;
    top: 7px;
}

.modal.addNewTermModal .form-group.col-end-date  .form-group, .modal.addNewRelation .form-group.col-end-date  .form-group{
    margin-bottom: 10px;
}

.addNewTermModal textarea.text-style, .addNewTermModal textarea.message-style, .modal.addNewRelation textarea.text-style, .modal.addNewRelation  textarea.message-style{
    height: 70px;
}

.addNewTermModal .form-group.col-end-date, .addNewRelation .form-group.col-end-date{
    margin-top: 0;
    margin-bottom : 0px;
}

.modal.addNewTermModal .form-group.col-date-hour, .modal.addNewTermModal .form-group.col-date-min{
    margin-top: 20px;
}

.modal.addNewTermModal .form-group.col-date-hour .text-style, .modal.addNewTermModal .form-group.col-date-min .text-style{
    text-align: center;
}

.addNewTermModal.infoWindow.modal{
   min-height: 1365px;
}


.col-end-date .timeNormal  .bs-caret{
    display: none;
}

.col-end-date .timeNormal  .btn{
    padding-right: 20px;
}

.addNewTermModal .but, .addNewTermModal2 .but, .addNewRelation .but{
    text-align: left;
    margin-bottom: 0;
    padding-top: 30px;
}

.addNewTermModal .but .button.pink, .addNewTermModal2 .but .button.pink, .addNewRelation .but .button.pink{
    float: right;
}

.editMatchForm .form-group.col-end-date{
    margin-top: 0;
    margin-bottom : 0px;
}
.editMatchForm .form-group.col-date-hour, 
.editMatchForm .form-group.col-date-min{
    margin-top: 20px;
}
.editMatchForm .form-group.col-date-hour .text-style, 
.editMatchForm.form-group.col-date-min .text-style{
    text-align: center;
}
.editMatchForm .but{
    text-align: left;
    margin-bottom: 0;
    padding-top: 30px;
}
.editMatchForm .but .button.pink{
    float: right;
}
.filter-list .aa-line.editable-aa-line .editMatchForm div.form-group.col-date-day {
    float: left;
    width: calc( 25% - 10px );
}
.filter-list .aa-line.editable-aa-line .editMatchForm div.form-group.col-date-month {
    float: left;
    width: 45%;
    margin-left: 10px;
}
.filter-list .aa-line.editable-aa-line .editMatchForm div.form-group.col-date-year {
    float: left;
    width: calc( 30% - 10px );
    margin-left: 10px;
}
.filter-list .aa-line.editable-aa-line .editMatchForm div.form-group.col-date-hour, 
.filter-list .aa-line.editable-aa-line .editMatchForm div.form-group.col-date-min {
    float: left;
    width: 60px;
}








.customScroll .dropdown-menu{
    width: 100%;
    height: 160px;
}

.video-box-movie{
    display: block;
    width: 100%;
    max-width: 770px;
    height: 362px;
    position: relative;
    margin: 50px auto;
    padding: 0 25px;   
}

.video-box-movie a{
    position: relative;
    width: 100%;
    height: 100%;
}

.video-box-movie.clickable{
    cursor: pointer;
}

.video-box-movie .vb-inn{
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1;
}

.video-box-movie .vb-inn .play{
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.video-box-movie:hover .vb-inn .play{
    opacity: 0.8;
}

.video-box-movie .vb-inn .deco1{
    position: absolute;
    z-index: 2;
    left: -141px;
    bottom: -25px;
}

.video-box-movie .vb-inn .deco2{
    position: absolute;
    z-index: 2;
    right: -95px;
    bottom: -21px;
}

.video-title-box{
    position: relative;
    padding-top: 85px;
}

.video-title-box .stit{
    font-size: 32px;
    padding-bottom: 9px!important;
}

.video-title-box + .video-box-movie{
    margin-top: 33px;
}

.faq-list .video-box-movie{
    margin-left: 0;
    margin-right: 0;
    margin-top: 33px;
    padding: 0;
    margin-bottom: 0;
    max-width: 725px;
}

.faq-list .video-box-movie .vb-inn{
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.aa-relations-line .relations-item{
    padding: 0;
    float: none;
    width: 100%;
}

.aa-relations-line  .relations-photo{
    position: relative;
    width: 100%;
    padding: 5px 0;
    float: none;
}

.aa-relations-line  .relations-photo img{
    max-width: 300px;
    max-height: 200px;
}

.aa-relations-line .aa-info + .aa-info {
    margin-top: 5px;
}

.relation-link{
    color: #ba3982;
}

.relation-link:hover{
    color: #b0357b;
}

.new-relat-item{
    padding-top: 25px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    border-top: 1px solid rgba(0,0,0,0.1);
    margin-top: 20px;
}

.new-relat-item .iw-tit{
    padding-bottom: 15px;
}

.new-relat-item .full-but{
    padding-bottom: 20px;
}

.current-relat-items{
    height: 340px;
}

.current-relat-items  .inner-ri{
    height: 290px;
    margin-top: 20px;
    position: relative;
    padding-right: 20px;
}

.cr-item {
    line-height: 1.4;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.cr-item + .cr-item {
    padding-top: 10px;
}

.cr-item .time{
    color: #ba3982;
    padding-right: 10px;
}

.cr-item  .cr-media{
    width: 100%;
    displaY: block;
    position: relative;
    text-align: left;
    padding: 10px 0 0;
}

.cr-item  .cr-media img{
    max-width: 100%;
    max-height: 150px;
}

.cr-item  .cr-media img + img, .cr-item  .cr-media iframe + img{
    margin-top: 10px;
}

.cr-item   .delete-item, .cr-item   .delete-item a{
    display: block;
}

.cr-item   .delete-item{
    padding-bottom: 10px;
}

.cr-item   .delete-item a{
    color: #ba3982;
}

.cr-item   .delete-item a:hover{
    color: #b0357b;
}

.cr-item  .emojioneemoji{
    width: 20px;
    height: auto;
}

.new-relat-item .butt{
    float: none;
    width: 100%;
}

.new-relat-item .col-end-date{
    padding-bottom: 15px;
}

.infoWindow.modal.addNewRelation{
    height: 1340px;
    min-height: calc( 100% + 70px );
 }

.selectable.disabled{
    opacity: 0.7;
    pointer-events: none;
}

.addNewRelation  .form-group.col-date-hour, .addNewRelation  .form-group.col-date-min{
    width: 28px;
}

.infoWindow.modal.report-transaction{
    min-height: 1160px;
    top: 0;
}

.iw-tit.iw-tit-smaller{
    font-size: 18px;
}

.cr-item:last-child{
    padding-bottom: 20px;
}

.emojionearea, .emojionearea.form-control{
    border: 0!important;
    border-bottom: 1px solid rgba(0,0,0,0.1)!important;
    border-radius: 0!important;
    -webkit-border-radius: 0!important;
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
}

.emojionearea:hover, .emojionearea.form-control:hover, .emojionearea:focus, .emojionearea.form-control:focus{
    border-bottom: 1px solid #ba3982!important;
}

#emoji-close-div{
    display: none !important;
}

.quillOuter{
    max-height: 300px;
}

.ql-editor{
    height: 260px;
    overflow: visible;
    overflow-y: auto;
}

.ql-editor strong{ 
    font-weight: 600!important;
}

.ql-snow .ql-tooltip{
    left: 0!important;
    top: 0!important;
    margin-top: 0 !important;
}

.ql-custom{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.ql-custom textarea{
    height: 100%!important;
    padding:  5px !important;
    width: 100%;
    resize: none;
    background-color: #000;
    color: #fff;
    /*
    width: 100%;margin: 0px;background: rgb(29, 29, 29);box-sizing: border-box;color: rgb(204, 204, 204);font-size: 15px;outline: none;padding: 20px;line-height: 24px;font-family: Consolas, Menlo, Monaco, "Courier New", monospace;position: absolute;top: 0;bottom: 0;border: none;display:none*/
}
 
.ql-showHtml:after {
  content: "[html]";
}

.ql-container .textarea-emoji-control{
    display: none;
}

.ql-align-right{
    text-align: right;
}

.ql-align-left{
    text-align: left;
}

.ql-align-justify{
    text-align: justify;
}

.ql-align-center{
    text-align: center;
}
 
.ql-toolbar.ql-snow .ql-formats {
    margin-right: 10px;
}

.uploadFileFromUser  input[type='file']{
    position: absolute;
    visibility: hidden;
}

.uploadFileFromUser .progress{
    height: auto;
    margin-toP: 20px;
}

.uploadFileFromUser .progress{
    display: none;
}

.uploadFileFromUser .progress .progress-bar{
    height: 20px;
}

.progress-bar-success {
    background-color: #923487;
    background-image: linear-gradient(to right, #953487, #6b2e8c);
    border-radius: 12px 12px 12px 12px;
    -moz-border-radius: 12px 12px 12px 12px;
    -webkit-border-radius: 12px 12px 12px 12px;
}

.balance-payment {
	color: #1bb826;
}
.balance-expense {
	color: #e0211b;
}

 
@media (min-width: 767px) {
    #chooseSection{
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    
    #chooseSectionBg{
        height: calc(100%  + 90px);
    }
    
    #chooseSection .photo{
        margin-top: 0px;
    }
    
    #chooseSection span.closeChooseSection{
        right: 30px;
        top: 30px;
    }
    
    #chooseSection .inner{
        padding: 30px;
    }
    
    #chooseSection .tit{
       padding-top: 4px; 
    }
    
    #chooseSection .desc{
        padding-top: 15px;
        padding-bottom: 33px;
    }
    
    ul.chooseSectionList li a span{
        right: 30px;
        top: 25px
    }
    
    ul.chooseSectionList li a{
        padding-top: 23px;
        padding-bottom: 23px;
    }
    
    #chooseSection .but {
        padding-top: 32px;
        height: 64px;
    }
    
    .left-menu .for-clubs .buts .button + .button {
        margin-left: 0px;
        margin-top: 15px;
    }

}

@media (min-width: 1300px) {
    .card-list, .card-list.pcards{
        margin-top: 40px;
    }
}

@media (max-width: 1077px) and (min-width: 992px) {
    .nav-tabs > li > a{
        padding-left: 3px;
        padding-right: 4px;
    }
}

@media (max-width: 1299px){
    .online-right   .nav-tabs > li > a{
        font-size: 12px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 1199px){
   .account-list .ac-name {
        width: 25%;
    }
    .account-list .ac-status {
        width: 14%;
    }
    
    .fr-box {
        width: 32%;
    }
    
    .ranking-clubs.with-search .rank-menu {
        padding-left: 71px;
        padding-right: 0px;
    }
    
    .navbarTop .top-box.searchbox{
        width: 30%;
    }
	
	.addNewAim .form-group.col-start-date, .addNewAim .form-group.col-end-date{
		clear: both;
		margin-left: 0;
		
	}
	
	.addNewAim .form-group.col-end-date{
		margin-top: 0;
	}
    
    .sa-main-info .photo {
        width: 80px;
        height: 80px;
    }
    
    .sa-main-info .main-desc {
        width: calc( 100% - 100px );
    }
    
    .sa-main-info .main-desc .md-tit .tit{
        padding-top: 0;
    }
    
    .sa-main-info .main-desc .md-tit .tit {
        width: calc( 100% - 150px );
    }
    
    .sa-main-info .short-info .sbox.sb1{
        padding-right: 10px;
        width: 25%;
    }
    
    .sa-main-info .short-info .sbox.sb2 {
        padding-right: 10px;
        padding-left: 10px;
         width: 29%;
    }
    
    .sa-main-info .short-info .sbox.sb3 {
        padding-left: 10px;
         width: 46%;
    }
    
    .sa-main-info .short-info .info.smaller{
        line-height: 1.3;
    }
    
    .obox .aim-description {
        margin-top: 30px;
    }
    
    .sa-main-info .main-desc {
        min-height: 160px;
    }
    
    .title-with-selectbox {
        min-height: 95px;
    }
    .box.tab-style, .load-more-posts {
        width: 100%;
    }
    
    .box.tab-style.std-post .head-line .right .elem{
        margin-bottom: 10px;
    }
    
    .recipients-selected-buts .but-3 .hideOnSmall{
        display: none;
    }
    
    .recipients-selected-buts .but-1{
        width: calc( 33% - 20px );
    }
    
    .recipients-selected-buts .but-2{
        width: calc( 33% - 20px );
    }
    .recipients-selected-buts .but-3{
        width: 33%;
    }
    
    .header.with-photo.new-shop-info .menu .button.to-right{
        position: relative;
        top: 0;
    }
    
    .header.with-photo.new-shop-info .menu ul {
        width:100%;
        margin-top: 20px;
    }
    
    .head-top-info-block .ht-box{
        padding-right: 20px;
        margin-right: 20px;
    }
    
    .app-data-info .adi-box{
        margin-right: 0px;
        width: 50%;
    }
    
    .left-menu{
        top: 40px;
        min-height: calc( 100vh - 40px );
        height: calc( 100% - 40px );
    }
    
    .club-right-info .cm-inner{
        padding: 0;
    }
    
}

@media (max-width: 1099px){
    .filter-list.labels div a.active-filter span{
        display: none;
    }
    
    .filter-list.labels div a{
        width: 80%;
        overflow: hidden;
    }
    
    .shopping-top-line .number{
        width: 100%;
    }
    
    .shopping-top-line .bb{
        width: 100%;
    }
    
    .shopping-top-line .sort{
        width: 100%;
    }
    
    .shopping-top-line .sort .nav-tabs > li > a{
        padding-left: 6px;
        padding-right: 6px;
    }
    
    .box.club-style.cs-shopping{
        width: calc( ( 100% - 60px ) / 2 );
        margin-bottom: 30px;
    }
    
    .box.club-style.cs-shopping:nth-child(3n+1) {
        margin-left: 30px;
    }
    
    .box.club-style.cs-shopping:nth-child(2n+1) {
        margin-left: 0px;
    }
    
    .filter-list .pc-name{
        width: 11%;
    }
    
    .filter-list .pc-num-card {
        width: 25%;
    }
    .filter-list .pc-label{
        width: 27%;
    }
    
    .addNewAccount  .user-data .photo, .addNewAim  .user-data .photo{
        width: 110px;
        height: 110px;
        margin-left: 0px;
    }
    
    .infoWindow.modal.editSection   .container{
        top: 85px;
    }
    
    .fr-box {
        float: none;
        margin-right: 0;
        width: 100%;
        min-height: 88px;
    }
    
    .fr-box  + .fr-box {
        margin-top: 40px;
    }
    
    .filter-list .aa-section.ended {
        width: 23%;
    }
    
    .filter-list .aa-progress.ended {
        width: 18%;
    }
    
    .inv-list .il-addres {
        width: 28%;
    }
    .inv-list .il-but {
        width: 22%;
    }
    
    .inv-list .il-status {
        width: 29%;
    }
    .inv-list .il-date {
        width: 21%;
    }
    
    .mr2 .messages-right-bar .recipients-boxc {
        height: calc( 100% - 240px );
    }
    
    .recipients-selected-buts .but-1 {
        width: calc( 50% - 10px );
    }
    
    .recipients-selected-buts .but-2 {
        width: calc( 50% - 10px );
        margin-right: 0;
    }
    
    .recipients-selected-buts{
        height: 84px;
    }
    
    .recipients-selected-buts .but-3 {
        width: calc( 50% - 10px );
        margin-right: 0;
        margin-toP: 10px;
    }
    
    .galleryPopup .gp-img-box{
        width: 60%;
    }
    
    .galleryPopup .gp-comment-box{
         width: 40%;
    }
    
    .galleryPopup .roundedClose{
        top: -70px;
    }
    
    
}

@media (min-width: 1201px){
    .navbarTop .top-box.searchbox{
        width: 40%;
    }
}