#profile {
    position: absolute;
    /*top: 63px;*/
    top: 32px;
    z-index: 1;

    left: 0;

    width: 100%;
}
#profile >.profile {
    position: relative;

    /*margin-left: calc(50% - 250px);*/
    margin-left: calc(50% - 410px);

    /*width: 630px;*/
    width: 830px;
    height: 500px;

    background: #ecf0f1;

    box-shadow: 0 0 5px black;
}
#profile .profile .area_nw {
    position: absolute;

    left: 0;
    top: 0;

    /*width: 210px;*/
    width: 250px;
    height: 279px;
    border-right: 1px solid #999999;;
    border-bottom: 1px solid #cfd6d7;
}
#profile .profile .area_sw {
    position: absolute;

    left: 0;
    top: 280px;

    /*width: 210px;*/
    width: 250px;
    height: 215px;

    border-right: 1px solid #999999;
    /*border-top: 1px solid #999999;*/
}
#profile .profile .area_sw .head {
    position: absolute;

    left: 0;
    top: 5px;

    width: 205px;
    height: 40px;

    border-radius: 0 8px 8px 0;

    background: #d3c5ae;
}
#profile .profile .area_sw .badges-holder {
    /*width: 202px;*/
    width: 242px;
    overflow: auto;
    height: 140px;
    margin-top:48px;
    padding-left: 5px;
    text-align: center;
}
#profile .profile .area_sw .badges-holder .player-badges {
    display: inline-block;
    margin: 8px 8px;
    padding: 5px 10px;
    border-radius: 8px;
    left: 5px;
    font: 16px/20px 'titilliumWebBold';
    color: white;
    background: #f7931e;
}
#profile .profile .area_sw .badges-holder .player-badges:hover {
    filter: brightness(127%);
}
#profile .profile .area_sw .badges-holder .badges-mx {
    text-align: center;
    font: 14px/16px 'titilliumWebSemiBold';
    margin-top: 10px;
}
#profile .profile .area_sw .badges-holder .badges-mx span {
    font: 14px/16px 'titilliumWebRegular';
}
#profile .profile .area_sw .badges-holder>div {
    /*
    float: left;
    position: relative;
    width: 32px;
    margin-left: 2px;*/
}
#profile .profile .area_sw .badges-holder>div .badge,
#specialUserTitlePopupHolder .badge {
    display:inline-block;
    /*height: 56px;*/
    height: 55px;
    width: 32px;
    background: url('../images/warZone/profile/badges.png') 0 0;
    /*transform: scale(0.5);*/
    margin-top: 8px;
}
#profile .profile .area_sw .badges-holder>div .badge.events,
#specialUserTitlePopupHolder .badge.events {
    width: 31px;
    background: url('../images/new/eventGame/event_rankings/tier_rewards/new_badges_sprite.png') 0 0;
}
#profile .profile .area_sw .badges-holder>div .badge.alliance-star,
#specialUserTitlePopupHolder .badge.alliance-star {
    width: 31px;
    background: url('../images/new/eventGame/event_rankings/tier_rewards/new_badges_sprite.png') 0 0;
}
#profile .profile .area_head_left {
    position: absolute;

    left: 0px;
    top: 8px;

    /*width: 202px;*/
    width: 242px;
    height: 40px;

    font: 21px/40px 'titilliumWebSemiBold';
    color: white;
    text-align: center;
    border-radius: 0 8px 8px 0 ;

    background: #999999;
}
#profile .profile .area_head_right {
    position: absolute;

    /*left: 210px;*/
    left: 250px;
    top: 5px;

    /*width: 420px;*/
    width: 580px;
    height: 40px;
    background: #999999;
}
#profile .profile .area_find {
    position: absolute;

    /*left: 218px;*/
    left: 258px;
    top: 9px;

    width: 247px;
    height: 32px;

    border-radius: 8px;

    background: white;
}
#profile .profile .area_find input {

    width: calc(100% - 16px - 32px);

    padding: 8px 16px;

    font: 14px/20px 'titilliumWebRegular';
    color: #999999;

    background: none;

    border: none;
}
#profile .profile .find_go {
    position: absolute;

    right: 12px;
    top: 4px;

    height: 24px;

    font: 14px/24px 'MyriadPro';
    font-weight: bold;
    color: #d3c5ae;

    text-align: center;

    /*cursor: url("../images/cursorPointer.ico") 11 1, pointer;*/
}
#profile .profile .close {
    position: absolute;
    top: 7px;
    right: 16px;
    width: 36px;
    height: 36px;
    background: url("../images/new/warClicks/wc_splosno/sp_2_close_min.png") 0 0;
    background-position-x: 36px;
}
#profile .profile .close:hover {
    background-position-y: 36px;
    /*cursor: url("../images/cursorPointer.ico") 11 1, pointer;*/
}
#profile .profile .profile_rank_holder {
    position: absolute;

    left: 82px;
    top: 236px;

    width: 86px;
    height: 39px;

    background: url("../images/warZone/ranks.png");
}
#profile .profile .special-user-titles {
    position: absolute;
    left: 155px;
    top: 56px;
    width: 82px;
    height: 28px;
    /*background: rgba(173,255,47,0.7);*/
    background: #f7931e;
    border-radius: 7px;
    font: 16px/28px 'titilliumWebSemiBold';
    text-align: center;
    color: white;
}
#profile .profile .special-user-titles > .icon {
    width: 22px;
    height: 22px;
    background: url("../../assets/images/new/warClicks/51338_white.png") ;
    background-size: 100% 100%;
    position: relative;
    top: -2px;
    left: -2px;
    margin-right: 1px;
}
#profile .profile .user-gold-changes {
    position: absolute;
    left: 12px;
    top: 56px;
    width: 82px;
    height: 28px;
    /*background: rgba(173,255,47,0.7);*/
    background: #f7931e;
    border-radius: 7px;
    font: 16px/28px 'titilliumWebSemiBold';
    text-align: center;
    color: white;
}
#profile .profile .user-gold-changes:hover {
    filter: brightness(127%);
}
#profile .profile .customize {
    position: absolute;
    left: 59px;
    top: 188px;
    width: 140px;
    height: 41px;
    font: 16px/37px 'titilliumWebBold';
    color: white;
    background: url("../images/new/warClicks/profile/customize_gumb_sprite_2.png") 0 0;
    text-align: center;
}
#profile .profile .customize:hover {
    filter: brightness(100%);
    background-position-y: -41px;
}
#profile .profile .head {
    position: absolute;

    left: 10px;
    top: 5px;

    width: 190px;

    font: 21px/45px 'titilliumWebSemiBold';
    color: white;

    text-align: center;
}
#profile .profile .profile-register {
    margin-top: 9px;
    margin-left:20px;
    display: inline-block;
    padding:0px 145px;
    border-radius: 4px;
    font: 15px/29px 'titilliumWebSemiBold';
    color: white;

    background: #f7931e;
}
#profile .profile .profile-register:hover {
    text-shadow: 0 0 6px white;
    /*cursor: url("../images/cursorPointer.ico") 11 1, pointer;*/
}
#profile .profile .profile-register-result:hover {
    /*cursor: url("../images/cursorPointer.ico") 11 1, pointer;*/
}
#profile .profile .refresh-button {
    display: inline-block;
    padding:0px 5px;
    margin-left:35%;
    margin-top:30px;
    border-radius: 6px;

    font: normal 16px/32px 'openSansBold';
    color: black;

    background: #458867;
}
#profile .profile .refresh-button:hover {
    text-shadow: 0 0 6px white;
    /*cursor: url("../images/cursorPointer.ico") 11 1, pointer;*/
}
#profile .profile .errorText {
    font-size:10px;
}
#profile .profile .back_icon {
    position: absolute;

    left: 31px;
    left: 54px;
    top: 72px;

    width: 151px;
    height: 151px;

    background: url("../images/new/warClicks/profile/circle_around.png");
}
/*#profile .profile .back_icon > */
.macro-holder {
    width: 151px;
    height: 151px;
    position: relative;
}
#profileOverlay .macro-holder {
    left: -52px;
    top: -56px;
}
/*#profile .profile .back_icon > */
.macro-holder > div{
    position: absolute;
    /*transform: scale(0.7);*/
    /*display: none;*/
}
/*#profile .profile .back_icon >*/
.macro-holder > .face{
    width: 145px;
    height: 169px;
    background: url("../images/new/warClicks/profile/general_big_sprite.png") 0 0;
    top: -47px;
    left: 4px;
}
/*#profile .profile .back_icon >*/
.macro-holder > .hair.male{
    width: 145px;
    height: 169px;
    background: url("../images/new/warClicks/profile/hair_sprite_men1.png") 0 0;
    top: -45px;
    left: 5px;
}
/*#profile .profile .back_icon >*/
.macro-holder > .hair.female{
    width: 145px;
    height: 169px;
    background: url("../images/new/warClicks/profile/hair_sprite_women1.png") 0 0;
    top: -41px;
    left: 5px;
}
/*#profile .profile .back_icon >*/
.macro-holder > .eyes{
    width: 145px;
    height: 169px;
    background: url("../images/new/warClicks/profile/general_eyes_sprite.png") 0 0;
    top: -46px;
    left: 4px;
}
/*#profile .profile .back_icon */
.macro-holder > .outfit{
    position: absolute;
    width: 198px;
    height: 102px;
    background: url("../images/new/warClicks/profile/outfits.png?v=2") 0 0;
    left: -24px;
    /*bottom: 0px;*/
    bottom: -24px;
}
/*#profile .profile .back_icon*/
.macro-holder > .glasses{
    width: 145px;
    height: 169px;
    background: url("../images/new/warClicks/profile/glasses.png?v=2") 0 0;
    top: -46px;
    left: 4px;
}
/*#profile .profile .back_icon*/
.macro-holder > .hat{
    width: 145px;
    height: 169px;
    background: url("../images/new/warClicks/profile/hats.png?v=2") 0 0;
    top: -47px;
    left: 5px;
}
/*#profile .profile .back_icon */
.macro-holder > .face-markings{
    width: 145px;
    height: 169px;
    background: url("../images/new/warClicks/profile/face_markings.png") 0 0;
    top: -53px;
    left: 4px;
}
.macro-holder > .face-covers{
    width: 145px;
    height: 169px;
    background: url("../images/new/warClicks/profile/face_covers.png") 0 0;
    top: -53px;
    top: -47px;
    left: 4px;
    left: 6px;
}
#profile .profile .flag {
    position: absolute;

    /*left: 90px;*/
    /*top: 58px;*/

    left: 39px;
    top: 120px;
}
#profile .profile .flag-stick {
    width: 3px;
    height: 67px;
    position: absolute;
    background: url("../images/new/warClicks/profile/palcka.png") 0 0;
    left: 68px;
    top: 125px;
}
#profile .profile .username {
    position: absolute;

    left: 10px;
    top: 261px;

    width: 190px;

    font: 14px/18px 'titilliumWebRegular';
    color: #999999;

    text-align: center;
}
#profile .profile .info_tab_head_holder {
    position: absolute;

    /*width: calc(100% - 210px);*/
    width: calc(100% - 250px);
    height: 45px;

    right: 0;
    top: 61px;

    font: 16px/30px 'titilliumWebSemiBold';

    color: black;

    text-align: center;
}

#profile .profile .info_tab_head_holder .left {
    display: inline-block;
    width: 48%;
    background: white;
}
#profile .profile .info_tab_head_holder .right{
    display: inline-block;
    width:48%;
}
#profile .profile .info_tab_head_holder .button {
    position: relative;
    display: inline-block;

    margin: 8px 8px;

    padding: 5px 55px;
    border-radius: 8px;
    left: 5px;


    font: 16px/20px 'titilliumWebBold';
    color: white;

    background: #4d4d4d;
}
#profile .profile .info_tab_head_holder .button.selected {
    background: #f7931e;
}
#profile .profile .info_tab_head_holder .button:hover:not(.selected) {
    filter: brightness(150%);
    /*cursor: url("../images/cursorPointer.ico") 11 1, pointer;*/
}
#profile .profile .info_tab_holder {
    position: absolute;

    padding-left: 8px;

    /*width: calc(100% - 210px - 8px);*/
    width: calc(100% - 250px - 8px);
    height: calc(100% - 45px - 45px);

    right: 0;
    top: 111px;

    font: 14px/18px 'titilliumWebLight';
    color: black;

    text-align: left;
}
#profile .profile .info_tab_holder .header-text{
    display:block;
    margin-left:4%;
    margin-right:4%;
    margin-top: -54px;
    color: black;
    width: 369px;
    font: 15px/21px 'titilliumWebRegular';
}

#profile .profile .info_tab_holder .input_holder_big{
    width: 401px;
    margin-left: 2px;
    margin-top: 23px;
    padding-top: 20px;
    background: lightgrey;
    padding-bottom: 6px;
}
#profile .profile .info_tab_holder .input_holder_big .register-below-text{
    font: 19px/15px 'titilliumWebSemiBold';
    padding-left: 20px;
    padding-bottom: 15px;
}
#profile .profile .info_tab_holder .input_holder_small{
    padding-top: 1px;
    padding-bottom:6px;
    margin-top: 5px;
    font: 14px/15px 'titilliumWebLight';
}
#profile .profile .info_tab_holder .input_holder_small #country{
    width: 355px;
    border-radius: 0;
    border: none;
    background-color: white;
    box-shadow :none;
    font: 16px/21px 'titilliumWebRegular';
    padding-left: 35px;
}
#profile .profile .info_tab_holder .input_holder_small .select-country::before{
    left: 7px;
}
#profile .profile .info_tab_holder .inputs{
    margin-left: 20px;
    margin-top: 2px;
    padding-bottom: 7px;
}
#profile .profile .info_tab_holder .inputs input{
    width:92%;
}
#profile #marketingConfirm,
#profile #tosConfirm {
    margin-left: 17px;
}
#profile label[for=tosConfirm],
#profile label[for=marketingConfirm] {
    font-size: 12px;
    display: inline-block;
    width: 343px;
    vertical-align: middle;
}
#profile .profile .info_tab_holder .gold-bag{
    position: absolute;
    width: 188px;
    height: 105px;
    margin-top: -47px;
    margin-left: 195px;
    background: url('../images/new/warClicks/profile/tag.png') no-repeat;
}
#profile .profile .info_tab {
    position: relative;

    margin-top:0px;
    width: 100%;
    height: 100%;

    font: 16px/30px 'titilliumWebSemiBold';
    color: black;

    text-align: left;
}
#profile .profile .info_tab.trainingCamp {
    display: none;
}
#profile .profile .info_tab .top {
    position: relative;

    width: 100%;
    height: 41%;
}
#profile .profile .info_tab .top .title{
    text-align: left;
    padding-top: 9px;
}
#profile .profile .info_tab .bottom {
    position: relative;
    width: 100%;
    height: 53%;
    /*background: white;*/
}
#profile .profile .info_tab .left {
     position: relative;
     display: inline-block;
     vertical-align: top;
     font: 14px/31px 'titilliumWebSemiBold';
     width: 50%;
     height: 167px;
 }
#profile .profile .info_tab .top > .left {
    border-bottom: 1px solid lightgray;
}
#profile .profile .info_tab .right {
    position: relative;
    display: inline-block;

    vertical-align: top;

    padding-left: 8px;

    width: calc(50% - 8px);
    height: 100%;

    background: lightgray;
}
#profile .profile .info_tab .all_time .right {
    padding-left: 1px;
}
#profile .profile .info_tab .value_icon {
    margin: 0;
    vertical-align: middle;
}
#profile .profile .info_tab .rank {
    position: relative;
    display: inline-block;
    width: 100%;
    font: 18px/24px 'titilliumWebSemiBold';
    color: #333333;
    text-align: center;
}
#profile .profile .info_tab .info_text span.big {
    font: 12px/20px 'titilliumWebSemiBold' !important;
    color: #f7931e;
    position: relative;
}
#profile .profile .info_tab .level {
    position: relative;
    display: inline-block;

    width: 100%;
    vertical-align: middle;
    font: 18px/24px 'titilliumWebSemiBold';
    color: #333333;
    text-align: center;
}
#profile .profile .info_tab .level >span {
    position: relative;
    display: inline-block;

    vertical-align: middle;

    font: 18px/24px 'titilliumWebSemiBold';
    color: #333333;
}
#profile .profile .info_tab .info_text {
    margin-top: 11px;
    position: relative;

    width: 100%;

    font: 14px/32px 'titilliumWebRegular';
    color: #999999;

    white-space: nowrap;
}
#profile .profile .right .info_text {
    margin-top: 3px;
}
#profile .profile .info_tab .info_text.all_time {
    position: relative;
    margin-top: 0px;
    width: 100%;
    height: 51px;
    font: 28px/28px 'titilliumWebRegular';
    color: black;
    white-space: nowrap;
}
#profile .profile .info_tab .info_text span {
    margin: 5px 10px;
    padding: 0 5px;

    border-radius: 5px;
    border: 1px solid #999999;
    font: 12px/24px 'titilliumWebSemiBold';
    color: #999999;
    background: white;
}
#profile .profile .info_tab .right .info_text span {
    border: 1px solid white;
    color: white;
    background: transparent;
}
#profile .profile .info_tab .info_text .left {
    text-align: left;
}
#profile .profile .info_tab .info_text .right {
    text-align: right;
    background: none;
}

#profile .profile .upgrades_text {
    position: absolute;

    left: 0;
    top: 8px;
    font: 18px/30px 'titilliumWebSemiBold';
    color: black;
    text-align: left;
}
#profile .profile .upgrades_text span {
    margin: 5px 10px;
    padding: 0 5px;
    font: 24px/28px 'titilliumWebRegular';
    color: #999999;
    border-radius: 5px;
    border: 1px solid #999999;
    background: white;
}
#profile .profile .upgrades_icons {
    position: absolute;

    left: 0;
    top: 48px;

    width: 100%;
    height: 61px;

    overflow-y: scroll;
}
#profile .profile .upgrades_icons .upgrade {
    position: relative;
    float: left;

    margin: 1px;

    width: 73px;
    height: 58px;
    background: white;
    border: 1px solid red;
    border-radius: 8px;
}
#profile .profile .upgrades_icons .upgrade .name {
    position: relative;

    padding: 4px 4px 0 4px;

    width: calc(100% - 8px);

    font: 8px/8px 'titilliumWebSemiBold';
    text-align: center;
    color: black;
}
#profile .profile .upgrades_icons .upgrade .img {
    position: absolute;

    left: 0;
    bottom: 0;

    margin: 0 4px -4px 4px;

    width: 65px;
    height: 65px;
    background-size: contain;
}
#profile .profile .upgrades_icons .upgrade .amount {
    position: absolute;

    right: 0;
    bottom: 0;

    padding: 4px 8px;

    width: calc(100% - 8px);

    font: 18px/18px 'titilliumWebSemiBold';
    text-align: right;
    font-weight: bold;
    color: red;
    text-shadow: 1px 1px 0 white, 1px -1px 0 white, -1px 1px 0 white, -1px -1px 0 white;
}
#profile .profile .investors_text {
    position: absolute;
    left: 0;
    top: 8px;
    font: 18px/30px 'titilliumWebSemiBold';
    color: black;
    text-align: left;
}
#profile .profile .investors_icons {
    position: absolute;
    left: 0;
    top: 51px;
    width: 100%;
    height: 169px;
    overflow-y: scroll;
}
#profile .profile .investors_icons .investor_icon {
    position: relative;
    display: inline-block;

    margin-right: 6px;

    width: 70px;
    height: 80px;
    background: url("../images/trainingCamp/new_investor_manager.png?v=1") 0 0;
}

#profile .profile .achievements_text {
    position: absolute;

    left: 0;
    top:8px;
    font: 18px/30px 'titilliumWebSemiBold';
    color: black;
    text-align: left;
}
#profile .profile .achievements_icons {
    position: absolute;

    left: 0;
    top: 51px;

    width: 100%;
    height: 169px;

    overflow-y: scroll;
}
#profile .profile .specialBadge {
    background-position: -155px 0 !important;
}
#profile .profile .specialBadge.none {
    display: none;
}
#customizeProfileHolder{
    /*z-index: 1501;*/
    height: 485px;
}
#customizeProfileHolder .header{
    background: #999999;
    padding: 3px 10px;
}
#customizeProfileHolder .header .title-icon{
    background: url("../images/new/warClicks/profile/arrow_sprite.png") 0 0;
}
#customizeProfileHolder .header .title-icon:hover{
    background-position-y: 37px;
}
#customizeProfileHolder .header .title{
    background: #999999;
    color: white;
    margin-left: 112px;
    font: 21px/27px 'titilliumWebSemiBold';
}
#customizeProfileHolder .tabs{
    display: inline-block;
    width: 146px;
    height: 440px;
    overflow: hidden;
    background: #5e6060;
}
#customizeProfileHolder .tabs .fill{
    width: 146px;
    height: 127px;
}
#customizeProfileHolder .tabs .tab{
    width: 146px;
    height: 38px;
    font: 13px/34px 'titilliumWebRegular';
    text-align: left;
    color: white;
    padding-left: 20px;
    background: #5e6060;
    border-bottom: solid 1px rgba(231, 226, 223, 0.1);
}
#customizeProfileHolder .tabs .tab:last-of-type{
    border-bottom: none;
}
#customizeProfileHolder .tabs .tab:hover{
    filter: brightness(124%);
}
#customizeProfileHolder .tabs .tab.active{
    background: url("../images/new/warClicks/profile/active_tab.png") 0 0;
}
#customizeProfileHolder .inner-holder{
    position: absolute;
    /*display: inline-block;*/
    display: none;
    width: 78%;
    height: 452px;
    vertical-align: top;
}
#customizeProfileHolder .inner-holder.active{
    display: inline-block;
}
#customizeProfileHolder .manequin-holder{
    width: 195px;
    height: 195px;
    margin-left: 174px;
    position: absolute;
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
}
#customizeProfileHolder .manequin-holder > div{
    position: absolute;
}
#customizeProfileHolder  .manequin-holder .outfit{
    width: 198px;
    height: 102px;
    background: url("../images/new/warClicks/profile/outfits.png?v=2") 0 0;
    bottom: 0;
}
#customizeProfileHolder .manequin-holder .face{
    width: 145px;
    height: 169px;
    background: url("../images/new/warClicks/profile/general_big_sprite.png") 0 0;
    top: -26px;
    left: 26px;
}
#customizeProfileHolder  .manequin-holder .hair.male{
    width: 145px;
    height: 169px;
    background: url("../images/new/warClicks/profile/hair_sprite_men1.png") 0 0;
    top: -26px;
    left: 26px;
}
#customizeProfileHolder  .manequin-holder .hair.female{
    width: 145px;
    height: 169px;
    background: url("../images/new/warClicks/profile/hair_sprite_women1.png") 0 0;
    top: -26px;
    left: 26px;
}
#customizeProfileHolder  .manequin-holder .eyes{
    width: 145px;
    height: 169px;
    background: url("../images/new/warClicks/profile/general_eyes_sprite.png") 0 0;
    top: -26px;
    left: 26px;
}
#customizeProfileHolder  .manequin-holder .glasses{
    width: 145px;
    height: 169px;
    background: url("../images/new/warClicks/profile/glasses.png?v=2") 0 0;
    top: -26px;
    left: 26px;
}
#customizeProfileHolder  .manequin-holder .hat{
    width: 127px;
    height: 169px;
    background: url("../images/new/warClicks/profile/hats.png?v=2") 0 0;
    top: -24px;
    left: 26px;
}
#customizeProfileHolder  .manequin-holder .face-markings{
    width: 145px;
    height: 169px;
    background: url("../images/new/warClicks/profile/face_markings.png") 0 0;
    top: -28px;
    left: 27px;
}
#customizeProfileHolder  .manequin-holder .face-covers{
    width: 145px;
    height: 169px;
    background: url("../images/new/warClicks/profile/face_covers.png") 0 0;
    top: -28px;
    left: 27px;
}
#customizeProfileHolder .inner-holder .selector-holder{
    width: 309px;
    height: 229px;
    background: url("../images/new/warClicks/profile/main_square.png") 0 0;
    margin-left: 118px;
    margin-top: 204px;
    color: white;
    position: relative;
}
#customizeProfileHolder .inner-holder .selector-holder .upper-selector{
    height: 114px;
    text-align: center;
    font: 13px/34px 'titilliumWebSemiBold';
}
#customizeProfileHolder .inner-holder.gender .selector-holder .upper-selector{
    height: 114px;
    text-align: center;
    font: 13px/26px 'titilliumWebSemiBold';
}
#customizeProfileHolder .inner-holder .selector-holder .lower-selector{
    height: 114px;
    font: 13px/26px 'titilliumWebSemiBold';
    position: relative;
}
#customizeProfileHolder .inner-holder .selector-holder .go-left{
    position: absolute;
    top: 47px;
    left: -6px;
    width: 22px;
    height: 25px;
    background: url("../images/new/warClicks/profile/forward.png") 0 0;
    transform: rotate(180deg);
}
#customizeProfileHolder .inner-holder .selector-holder .go-left.disabled{
    opacity: 0.5;
}
#customizeProfileHolder .inner-holder .selector-holder .go-right{
    position: absolute;
    top: 50px;
    right: -6px;
    width: 22px;
    height: 25px;
    background: url("../images/new/warClicks/profile/forward.png") 0 0;
}
#customizeProfileHolder .inner-holder .selector-holder .go-right.disabled{
    opacity: 0.5;
}
#customizeProfileHolder .inner-holder .selector-holder .go-left:hover, #customizeProfileHolder .inner-holder .selector-holder .go-right:hover{
    filter: brightness(130%);
    transform: scale(1.2);
}
#customizeProfileHolder .inner-holder .selector-holder .go-left:hover{
    transform: rotate(180deg) scale(1.2);
    filter: brightness(130%);
}
#customizeProfileHolder .inner-holder .selector-holder .options-item{
    position: absolute;
    top: 0;
    left: 0;
    float: left;
    display: inline-block;
    /*width: 66px;*/
    /*height: 67px;*/
    width: 58px;
    height: 58px;
    /*background: url("../images/new/warClicks/profile/windows_sprite.png") 0 0;*/
    border-radius: 6px;
    border: 1px solid white;
}
#customizeProfileHolder .inner-holder .selector-holder .item-holder .options-item-overlayer{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../images/new/warClicks/profile/windows_sprite_v7.png") 0 0;
    width: 60px;
    height: 60px;
}
#customizeProfileHolder .inner-holder .selector-holder .item-holder .options-item-overlayer.selected{
    display: inline-block;
    background-position-y: -60px;
}
#customizeProfileHolder .inner-holder .selector-holder .item-holder .options-item-overlayer.locked{
    display: inline-block;
    background-position-y: -120px;
}
#customizeProfileHolder .inner-holder .selector-holder .item-holder .options-item-overlayer.not-purchased{
    display: inline-block;
    background-position-y: 0px;
    /*opacity: 0.53;*/
    opacity: 0.2;
}
#customizeProfileHolder .inner-holder .selector-holder .item-holder .options-item-overlayer .unlock-text{
    padding: 2px;
    font: 11px/13px 'titilliumWebSemiBold';
    padding-top: 27px;
    text-align: center;
}
#customizeProfileHolder .inner-holder .selector-holder .item-holder{
    position: relative;
    float: left;
    display: inline-block;
    width: 60px;
    height: 60px;
}
#customizeProfileHolder .inner-holder .selector-holder .item-holder .price{
    width: 58px;
    height: 20px;
    background: orange;
    position: absolute;
    text-align: center;
    font: 13px/19px 'titilliumWebSemiBold';
    top: 50px;
    left: 1px;
    border-radius: 4px;
}
#customizeProfileHolder .inner-holder .selector-holder .item-holder .price:hover{
    filter: brightness(123%);
}
#customizeProfileHolder .inner-holder .selector-holder .item-holder .price > .gold{
    display: inline-block;
    width: 19px;
    height: 20px;
    background: url("../images/value_icon.png");
    transform: scale(0.56);
    vertical-align: top;
}
/*#customizeProfileHolder .inner-holder .selector-holder .select-options .options-item:nth-child(n+2){*/
    /*margin-left: 8px;*/
/*}*/
#customizeProfileHolder .inner-holder .selector-holder .select-options .item-holder:nth-child(n+2){
    margin-left: 8px;
}
#customizeProfileHolder .inner-holder.gender .selector-holder .lower-selector{
    font: 13px/26px 'titilliumWebSemiBold';
    position: relative;
}
#customizeProfileHolder .inner-holder .selector-holder .select-options-holder{
    width: 264px;
    height: 70px;
    position: absolute;
    /*top: 29px;*/
    top: 34px;
    left: 23px;
    overflow: hidden;
}
#customizeProfileHolder .inner-holder .selector-holder .select-options{
    width: 200%;
    height: 70px;
    font: 13px/26px 'titilliumWebSemiBold';
}
#customizeProfileHolder .inner-holder.gender .selector-holder .upper-selector .text{
    position: absolute;
    margin-top: 20px;
    /*margin-left: 106px;*/
    width: 100%;
}
#customizeProfileHolder .inner-holder .selector-holder .lower-selector .text{
    position: absolute;
    margin-top: 9px;
    /*margin-left: 140px;*/
    width: 100%;
    text-align: center;
}
#customizeProfileHolder .inner-holder .selector-holder .upper-selector .text{
    position: absolute;
    margin-top: 5px;
    /*margin-left: 124px;*/
    width: 100%;
}
#customizeProfileHolder .inner-holder.gender .selector-holder .gender-select{
    border: 1px solid orange;
    border-radius: 20px;
    width: 152px;
    height: 26px;
    margin-top: 58px;
    margin-left: 81px;
    position: absolute;
    font: 13px/26px 'titilliumWebRegular';
}
#customizeProfileHolder .inner-holder.gender .selector-holder .gender-select > div.active{
    font: 13px/26px 'titilliumWebBold';
}
#customizeProfileHolder .inner-holder.gender .selector-holder .gender-select .male{
    display: inline-block;
    width: 76px;
    height: 26px;
}
#customizeProfileHolder .inner-holder.gender .selector-holder .gender-select .male.active{
    background: url("../images/new/warClicks/profile/gender_button_left.png") 0 0;
}
#customizeProfileHolder .inner-holder.gender .selector-holder .gender-select .female{
    display: inline-block;
    width: 76px;
    height: 26px;
}
#customizeProfileHolder .inner-holder.gender .selector-holder .gender-select .female.active{
    background: url("../images/new/warClicks/profile/gender_button_right.png") 0 0;
}
/*#customizeProfileHolder .inner-holder.eyes .options-item{*/
    /*width: 76px;*/
    /*height: 26px;*/
    /*background: url("../images/new/warClicks/profile/gender_button_left.png") 0 0;*/
/*}*/
#customizeProfileHolder .inner-holder .upper-selector .options-item{
    /*width: 55px;*/
    /*height: 55px;*/
    background: white url("../images/new/warClicks/profile/face_shape_sprite.png") 3px 2px;
}
#customizeProfileHolder .inner-holder.outfit .options-item{
    width: 58px;
    height: 58px;
    background: white url("../images/new/warClicks/profile/outfits_small.png?v=2") 6px 1px no-repeat;
}
#customizeProfileHolder .inner-holder.hair .options-item{
    /*width: 55px;*/
    /*height: 55px;*/
    background: white url("../images/new/warClicks/profile/hair_sprite_men.png") 0 0 no-repeat;
}
#customizeProfileHolder .inner-holder.hair .options-item.male{
    background: white url("../images/new/warClicks/profile/hair_sprite_men.png") 0 0 no-repeat;
}
#customizeProfileHolder .inner-holder.hair .options-item.female{
    background: white url("../images/new/warClicks/profile/hair_sprite_women.png") 0 0 no-repeat;
}
#customizeProfileHolder .inner-holder.faceMarkings .options-item{
    width: 58px;
    height: 58px;
    background: white url("../images/new/warClicks/profile/face_markings_small.png") 0 0 no-repeat;
}
#customizeProfileHolder .inner-holder.faceMarkings .lower-selector .options-item{
    width: 58px;
    height: 58px;
    background: white url("../images/new/warClicks/profile/face_covers_small.png") 0 0 no-repeat;
}
#customizeProfileHolder .inner-holder.otherMarkings .upper-selector .options-item{
    /*width: 38px;*/
    /*height: 42px;*/
    background: white url("../images/new/warClicks/profile/other_glasses.png?v=2") 0 0 no-repeat;
}
#customizeProfileHolder .inner-holder.otherMarkings .lower-selector .options-item{
    /*width: 38px;*/
    /*height: 42px;*/
    background: white url("../images/new/warClicks/profile/other_hats.png?v=2") 0 0 no-repeat;
}
#specialUserTitlePopupHolder{
    position: absolute;
    display: block !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    /*width: 400px;*/
    width: 450px;
    /*height: 300px;*/
    height: 315px;
    z-index: 2;
    /*padding: 30px;*/
    font: 12px/17px 'titilliumWebRegular';
    background: #ecf0f1;
}
#specialUserTitlePopupHolder .header .title-icon{
    width: 33px;
    height: 33px;
    background: url("../../assets/images/new/warClicks/51338_white_orange.png") ;
    background-size: 100% 100%;
}
#specialUserTitlePopupHolder > .title{
    font: 15px/17px 'titilliumWebSemiBold';
}
#specialUserTitlePopupHolder > .x{
    top: 3px !important;
    right: 11px !important;
}
#specialUserTitlePopupHolder .entries{
    padding: 0px 20px;
    padding-top: 15px;
    overflow-y: scroll;
    height: 233px;
}
#specialUserTitlePopupHolder .entries > .entry{
    display: block;
    border: 1px solid black;
    border-radius: 5px;
    margin-top: 12px;
    padding: 4px;
    padding-left: 6px;
    background: yellowgreen;
    position: relative;
}
#specialUserTitlePopupHolder .entries  .entry:last-child{
    margin-bottom:20px;
}
#specialUserTitlePopupHolder .entries > .entry.challenge{
    /*background: yellow;*/
    background: rgba(255,255,0,0.67);
    /*opacity: 0.8;*/
}
#specialUserTitlePopupHolder .entries > .entry.event{
    /*background: rgba(173,255,47,0.7);*/
    background: #1ce4e4;
}
#specialUserTitlePopupHolder .entries > .entry > div{
    display: inline-block;
}
#specialUserTitlePopupHolder .entries > .entry .title{
    display: inline-block;
    font: 13px/17px 'titilliumWebSemiBold';
}
#specialUserTitlePopupHolder .entries > .entry .title .crown-icon{
    width: 18px;
    height: 18px;
    background: url("../../assets/images/new/warClicks/51338_white_orange.png") ;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    top: -2px;
    background-size: 100% 100%;
}
#specialUserTitlePopupHolder .entries > .entry.event .title .crown-icon{
    background: url("../../assets/images/new/warClicks/51338_white.png") ;
    background-size: 100% 100%;
}
#specialUserTitlePopupHolder .entries > .entry.birthday .title .crown-icon{
    width: 18px;
    height: 18px;
    background: url("../../assets/images/new/warClicks/birthday_cake.png") ;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    top: -2px;
    background-size: 100% 100%;
}
#specialUserTitlePopupHolder .entries > .entry .description{
    padding-left: 5px;
}
#specialUserTitlePopupHolder .entries > .entry .date{
    display: block;
    position: absolute;
    right: 5px;
    top: 3px;
    font: 11px/17px 'titilliumWebRegular';
    font-style: italic;
}
#specialUserTitleCurtain {
    width: 1000px;
    height: 551px;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0px;
    z-index: 2;
}
#specialUserTitlePopupHolder .badges-section {
    width: 100%;
    overflow-x: auto;
}
#specialUserTitlePopupHolder .badges-section .badges-title {
    display: inline-block;
    width: calc(100% - 20px - 30px);
    height: calc(100% - 10px);
    padding: 5px 10px;
    text-align: center;
    background: #3f4651;
    color: white;
    font: 14px/24px 'titilliumWebBold';

    vertical-align: top;
}
#specialUserTitlePopupHolder .badges-section .badges-title .icon {
    position: relative;
    top: -3px;
}
#specialUserTitlePopupHolder .badges-section .triangle-right {
    display: inline-block;
    vertical-align: top;

    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid #3f4651;
}
#specialUserTitlePopupHolder.badges-popup {
    width: 850px;
    height: 530px;
}
#specialUserTitlePopupHolder.badges-popup .entries {
    height: auto;
    padding: 0 20px;
    overflow-y: hidden;
}
#specialUserTitlePopupHolder .badges-section {

}
#specialUserTitlePopupHolder .badges-section .badge-titles {
    display: inline-block;
    vertical-align: top;
    width: 150px;
}
#specialUserTitlePopupHolder .badges-section .badge-lists {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 150px - 10px);
    overflow-x: auto;
    overflow-y: hidden;
    padding-left: 10px;
}
#specialUserTitlePopupHolder .badges-section .row-holder {
    height: 60px;
    margin-bottom: 5px;
}
#specialUserTitlePopupHolder .badges-section .badge-lists .row-holder {
    width: max-content;
}
#specialUserTitlePopupHolder .badges-section .badge-box {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 40px;
    height: 60px;
    margin-right: 5px;
    text-align: center;
}
#specialUserTitlePopupHolder .badges-section .badge-box .badge-count {
    position: absolute;
    width: 32px;
    top: 0;
    left: 0;
    text-align: center;
    background: #f7931e;
    font: 10px/12px 'titilliumWebSemiBold';
    padding: 0px 3px;
    border: 1px solid #3f4651;
    color: white;
}