#trainingCamp .background {
	position: absolute;

	left: 0;
	top: 0;

	width: 100%;
	height: 550px;

	background: url("../images/new/bootCamp/bg.png") center;
}
#trainingCamp .background.bg_1 {
    background: url("../images/new/bootCamp/bg.png") center;
}
#trainingCamp .background.bg_2 {
    background: url("../images/new/warClicks/shop/rework/premium/1_min.jpg") center;
}
#trainingCamp .background.bg_8 {
    background: url("../images/new/warClicks/shop/rework/premium/bc_8.jpg") center;
}
#trainingCamp .background.bg_9 {
    background: url("../images/new/warClicks/shop/rework/premium/bc_9.jpg") center;
}
#trainingCamp .background.bg_10 {
    background: url("../images/new/warClicks/shop/rework/premium/bc_10.jpg") center;
}
#trainingCamp .trainingCamp_holder {
    position: relative;
    max-width: 1000px;
    height: 100%;

    margin: 0 auto;
    background: url("../images/new/warClicks/homepage/tv.png") center;
}
#trainingCamp .building {
    position: absolute;

    padding: 7px;

    /*width: 133px;*/
    width: 123px;
    height: 106px;
    /*right: 41px;*/
    right: 56px;
    background: url("../images/new/bootCamp/buildings.png");

    pointer-events: none;
}
#trainingCamp .building >div {
    width: 100%;
    height: 100%;

    pointer-events: auto;
}
#trainingCamp .building.managers {
    /*right: 31px;*/
    top: 118px;

    background-position: 0 -100px;
}
#trainingCamp .building.managers.disabled {
    background: url("../images/new/bootCamp/buildings.png") -266px -100px, url("../images/new/bootCamp/buildings.png") 0px -100px;
}
#trainingCamp .building.managers:hover:not(.disabled) {
    background-position-x: -133px;
    /*cursor: url("../images/cursorPointer.ico") 11 1, pointer;*/
}
#trainingCamp .building.managers .title{
    text-align:center;
    width: 147px;
    margin-top: -10px;
    margin-left: -13px;
    color: white;
    font: 13px/13px 'titilliumWebRegular';
}
#trainingCamp .building.upgrades {
    /*right: 31px;*/

    bottom: 192px;
    background-position: 0 -192px;
}
#trainingCamp .building.upgrades.disabled {
    background: url("../images/new/bootCamp/buildings.png") -266px -200px, url("../images/new/bootCamp/buildings.png") 0 -200px;
}
#trainingCamp .building.upgrades:hover:not(.disabled) {
    background-position-x: -133px;
    /*cursor: url("../images/cursorPointer.ico") 11 1, pointer;*/
}
#trainingCamp .building.upgrades .title{
    text-align:center;
    margin-top: -18px;
    margin-left: -4px;
    color: white;
    font: 13px/13px 'titilliumWebRegular';
}
#trainingCamp .building.troops {
    /*right: 31px;*/
    /*bottom: 62px;*/
    bottom: 78px;
    background-position: 0 0;
    padding-bottom: 0px;
    height: 101px;
}
#trainingCamp .building.troops.disabled {
    background: url("../images/new/bootCamp/buildings.png") -266px 0, url("../images/new/bootCamp/buildings.png") 0 0;
}
#trainingCamp .building.troops:hover:not(.disabled) {
    background-position-x: -133px;
    /*cursor: url("public_html/assets/images/cursorPointer.ico"), pointer;
    cursor: url("../images/cursorPointer.ico") 11 1, pointer;*/
}
#trainingCamp .building.troops .title{
    text-align:center;
    /*margin-top: -22px;*/
    margin-top: -18px;
    margin-left: -4px;
    color: white;
    font: 13px/13px 'titilliumWebRegular';
}
#trainingCamp .building.troops .pending-tasks {
    width: 22px;
    height: 22px;
    background: url("../chat/chat_notification_icon.png");
    position: absolute;
    top: 22px;
    right: 19px;
}
@keyframes buildingGlow {
    0%      { opacity: 0.0; }
    50%     { opacity: 1.0; }
}
#trainingCamp .building.glow {

    opacity: 0.0;

    background-position-x: -133px;

    pointer-events: none;
}
#trainingCamp .buy-all-dash {
    position: absolute;
    right: 0px;
    top: 222px;
    background: rgba(255,255,255,0.2);
}
#trainingCamp .buy-all-dash .dash-title {
    text-align: center;
    font: 12px/14px 'titilliumWebSemiBold';
    padding: 5px;
    color: #ffffff;
    background: rgba(255,255,255,0.6);
}
#trainingCamp .buy-all-dash .button {
    margin-top: 10px;
    background: #f7931e;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 5px 7px;
    font: 11px/27px 'titilliumWebRegular';
    text-align: center;
    border: solid 1px white;
    border-right: none;
    width: 50px;
    color: #ffffff;
}
#trainingCamp .buy-all-dash .button.disabled {
    opacity: 0.60;
    background: #6a6a6a;
    color: white;
}
/*
#trainingCamp .buy-all-managers{
    position: absolute;
    top: 50px;
    right: 0;
    background: #f7931e;
    border-radius: 5px;
    padding: 2px 7px;
    font: 12px/14px 'titilliumWebRegular';
    text-align: center;
    border: solid 1px white;
}
#trainingCamp .buy-all-managers.disabled{
    opacity: 0.60;
    background: #6a6a6a;
    color: white;
    border: solid 1px white;
}
#trainingCamp .buy-all-upgrades{
    position: absolute;
    top: 80px;
    right: 0px;
    background: #f7931e;
    border-radius: 5px;
    padding: 2px 7px;
    font: 12px/14px 'titilliumWebRegular';
    text-align: center;
    border: solid 1px white;
}
#trainingCamp .buy-all-upgrades.disabled{
    opacity: 0.6;
    background: #6a6a6a;
    color: white;
    border: solid 1px white;
}
#trainingCamp .buy-all-units{
    position: absolute;
    top: 30px;
    right: 0;
    background: #f7931e;
    border-radius: 5px;
    padding: 19px 7px;
    font: 12px/14px 'titilliumWebSemiBold';
    text-align: center;
    border: solid 1px white;
}
#trainingCamp .buy-all-units.disabled{
    opacity: 0.60;
    background: #6a6a6a;
    color: white;
    border: solid 1px white;
}*/
#trainingCamp .airport {
    position: absolute;

    top: 0;
    left: 480px;

    width: 398px;
    height: 222px;
    background: url("../images/trainingCamp/airport.png");
}
#trainingCamp .tents {
    position: relative;
    left: 239px;
    /*top: 55px;*/
    top: 80px;
    width: 58%;
}
#trainingCamp .tents .left{
    display:inline-block;
    width: 55px;
    height: 62px;
    margin-left:29px;
}
#trainingCamp .tents .left .milestones-bar{
    position:absolute;
    margin-top: 11px;
    width: 51px;
    height: 14px;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#trainingCamp .tents .right{
    vertical-align:top;
    display:inline-block;
    width: 133px;
    height: 62px;
}
#trainingCamp .tents .right .top{
    width: 100%;
    height: 45%;
}
#trainingCamp .tents .right .bottom{
    position: absolute;
    width: 100%;
    height: 54%;
    margin-left: 2px;
}
#trainingCamp .tents .right .bottom .time{
    position: relative;
    font: 8px/20px 'titilliumWebBold';
    color: #ffffff;
    text-align: center;
    display: inline-block;
    width: 39px;
    height: 20px;
    background: black;
    vertical-align: top;
    margin-left: -2px;
    margin-top: 9px;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#trainingCamp .tent {
	position: absolute;
	
	left: 100px;
	top: 50px;
    width:223px;
    height: 65px;
}
#trainingCamp .tent .cover.partiallyHidden{
    width: 225px;
    height: 60px;
    /*background: url("../images/new/bootCamp/cover_buttons.png") 0 0;*/
    background: url("../images/new/bootCamp/cover_buttons_new_3.png") 0 0;
}
#trainingCamp .tent .cover.partiallyHidden:hover{
    /*cursor: url("../images/cursorPointer.ico") 11 1, pointer;*/
    filter: brightness(130%);
}
#trainingCamp .tent .cover.totallyHidden{
     width: 225px;
     height: 60px;
     /*background: url("../images/new/bootCamp/cover_buttons.png") -220px 0;*/
     background: url("../images/new/bootCamp/cover_buttons_new_3.png") -225px 0;
}
#trainingCamp .tent .cover .unit-name {
    color: white;
    text-align: center;
    margin-top: 14px;
    font: 15px/15px 'titilliumWebBold';
}
#trainingCamp .tent .cover .basic-unit-cost{
    color: white;
    text-align: center;
    margin-top: 2px;
    font: 14px/17px 'titilliumWebLight';
    padding-left: 13px;
}
#trainingCamp .tent .cover .basic-unit-cost .reward-icon{
    transform: scale(0.9);
    margin-top: -3px;
}
#trainingCamp .tent .tent-background{
    position: absolute;
    /*width:223px;*/
    width:226px;
    height: 65px;
    /*background: url("../images/new/bootCamp/tents.png") 0 0;*/
    background: url("../images/new/bootCamp/tents_new.png") 0 0;
}
#trainingCamp .tent .tent-background.land{
    background-position-y: 0px;
}
#trainingCamp .tent .tent-background.air{
    background-position-y: -65px;
}
#trainingCamp .tent .tent-background.water{
    background-position-y: -130px;
}
#trainingCamp .tent .trainer-upgrade {
    display: none !important;
    position: absolute;
    opacity: 0.0;
    top: 1px;
    left: 1px;

    width: 61px;
    height: 64px;

    border-radius: 50%;

    background: #a5cd8f;
}
#trainingCamp .tent .trainer-upgrade.first  {
    background: white;
    opacity:1.0;
}
#trainingCamp .tent .trainer-upgrade.second  {
    background:white;
    opacity:1.0;
}
#trainingCamp .tent .trainer-upgrade.third {
    background:white;
    opacity:1.0;
}
#trainingCamp .tent .unit {
	position: absolute;
    top: 11px;
    left: 23px;

    width: 70px;
    height: 70px;

    background: url("../images/new/bootCamp/units_v3_min.png") 0 0;
    /*background-size: auto 90%;*/
    transform: scale(0.9);

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#trainingCamp .tent .unit:hover {
    filter: brightness(120%);
    transform: scale(1.0);
    /*cursor: url("../images/cursorPointer.ico") 11 1, pointer;*/
}
#trainingCamp .tent .glow {
    position: absolute;
    opacity: 0;

    top: -1px;
    left: 0px;

    width: 64px;
    height: 69px;


    border-radius: 50%;

    background: radial-gradient(rgba(255,255,255, 0.0) 40%, #ed1c24 90%);
    z-index:20;
}
#trainingCamp .tent .glow.selected {
    display: none !important;
    opacity: 1.0;
}
#trainingCamp .tent .glow.selected.trainer {
    background: radial-gradient(rgba(255,255,255, 0.0) 40%, #869b3b 90%);
}
#trainingCamp .tent .glow.selected > .anim {
    animation: tentUnitGlow 1000ms linear infinite;
}
/*sploh ne obstaja več*/
#trainingCamp .tent .glow:hover:not(.selected):not(.disabled) {
    /*cursor: url("../images/cursorPointer.ico") 11 1, pointer;*/
}
/*sploh ne obstaja več*/
#trainingCamp .tent .glow:hover:not(.selected):not(.disabled) > .anim {
    animation: tentUnitGlow 1000ms linear infinite;
}
#trainingCamp .tent .glow .anim {
    width: 63px;
    height: 67px;

    padding: 8px;

    margin: -7px;

    background: url("../images/trainingCamp/glow.png") 0 0 no-repeat;

    pointer-events: none;
}
#trainingCamp .tent .glow .anim.trainer {
    background-position: -88px;
}
#trainingCamp .tent .glow:hover:not(.disabled) {
    opacity: 1.0;
}
#trainingCamp .tent .garage-opening {
    top: 19px;
    left: -29px;
    width: 52px;
    height: 50px;
    background: url("../images/new/bootCamp/bc_splosno/light_sprite.png?v=1");
    position: absolute;
}
#trainingCamp .tent .garage-opening.clicked {
    background-position-x: 52px;
}
#trainingCamp .tent .garage-opening.selected {
    background-position: 104px;
}
#trainingCamp .tent .garage-opening.upgrade {
    background-position: 0px;
}
#trainingCamp .tent .garage-opening.diss {
    background: none;
}
#trainingCamp .tent .flag {
    display:none !important;
    position: relative;

    left:17px;
    top:41px;

    width: 32px;
    height: 35px;

    background: url("../images/trainingCamp/tent.png?2") -322px -40px;

    z-index:20;
}
#trainingCamp .tent .flag:hover:not(.disabled) {
    background-position-x: -355px;
    /*cursor: url("../images/cursorPointer.ico") 11 1, pointer;*/
}
#trainingCamp .tent .flag .unitNumber {
    position: relative;

    left: 0;
    top: 10px;

    width: 100%;

    font: 13px/11px 'titilliumWebSemiBold';
    color: black;

    text-align: center;

    pointer-events: none;
}
#trainingCamp .tent .flag .unitNumber.mini {
    width: 120%;
    transform-origin: 0 0;
    transform: scaleX(0.8);
}
#trainingCamp .tent .milestone_bar {
    width: 55px;
    height: 14px;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#trainingCamp .tent .milestone_bar::after {
    background: #f7931e;
    transition: transform 100ms;
}
#trainingCamp .tent .unitNumber {
    color: white;
    position: absolute;
    top: -1px;
    width: 100%;
    height: 100%;
    text-align: center;
    font: 10px/13px 'titilliumWebSemiBold';

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


#trainingCamp .tent .milestone_info {
    position: absolute;
    display: none;

    left: 47px;
    top: 66px;

    width: 138px;
    height: 14px;

    font: 10px/14px 'titilliumWebRegular';
    color: white;

    text-align: center;

    background: #000000;
}
#trainingCamp .tent .milestone_info span:first-child {
    font-weight: bold;
}
#trainingCamp .bar-background {
    position: absolute;
    /*width: 126px;*/
    width: 130px;
    height: 22px;
    background: white;
    top: 11px;
    /*left: 86px;*/
    left: 90px;
    overflow: hidden;
}/*
#trainingCamp .tent.specialized .bar-background {
    background: gold;
}
#trainingCamp .tent.specialized.land .bar-background {
    background: #b9ffa4;
}
#trainingCamp .tent.specialized.air .bar-background {
    background: #fcffb2;
}
#trainingCamp .tent.specialized.water .bar-background {
    background: #dbe2ec;
}*/
#trainingCamp .bar {
    content: '';
    position: absolute;
    left: -139px;
    /*left: -131px;*/
    top: -1px;
    width: 139px;
    height: 30px;
    transform-origin: 0 0;
    left: 0;
    /*will-change: transform;*/
}
#trainingCamp .bar.bar_anim {
    /*background: url("../images/new/bootCamp/bar_2.png");*/
    /*background: #727985;*/
    background: linear-gradient(to right, #070808ba, #b9cbea 70%);
}
/*
#trainingCamp .tent.variation1 .bar.bar_anim {
    background: linear-gradient(#cf63c8, #8a5e9d 50%);
}
#trainingCamp .tent.variation2 .bar.bar_anim {
    background: linear-gradient(to right, #63c6f0, #4bfea3 70%);
}
#trainingCamp .tent.variation3 .bar.bar_anim {
    background: linear-gradient(to right, #00296b, #00aaf8 70%);
}
#trainingCamp .tent.variation4 .bar.bar_anim {
    background: linear-gradient(to right, #5b1b1b, #c42122 70%);
}
#trainingCamp .tent.specialized.land .bar.bar_anim {
    background: #52b735;
}
#trainingCamp .tent.specialized.air .bar.bar_anim {
    background: #d8df2f;
}
#trainingCamp .tent.specialized.water .bar.bar_anim {
    background: #26416e;
}*/
#trainingCamp .tent.variation1 .bar.bar_anim {
    background: linear-gradient(to right, #074688, rgba(0, 170, 248, 0.34) 70%);
}
#trainingCamp .tent.variation1.specialized .bar.bar_anim {
    background: linear-gradient(to right, #00296b, #00aaf8 70%);
}
#trainingCamp .tent.variation2 .bar.bar_anim {
    background: linear-gradient(to right, #d2533f, #e28c85 70%);
}
#trainingCamp .tent.variation2.specialized .bar.bar_anim {
    background: linear-gradient(to right, #710c0c, #c74142 70%);
}
#trainingCamp .tent.variation3 .bar.bar_anim {
    background: linear-gradient(to right, #578c47, #93ec86 70%);
}
#trainingCamp .tent.variation3.specialized .bar.bar_anim {
    background: linear-gradient(to right, #067823, #658e5e 70%);
}
#trainingCamp .tent.variation4 .bar.bar_anim {
    background: linear-gradient(to right, #75f4d7, #a3f4ba 70%);
}
#trainingCamp .tent.variation4.specialized .bar.bar_anim {
    background: linear-gradient(to right, #00a1ff, #32fb9c 70%);
}
#trainingCamp .tent.variation5 .bar.bar_anim {
    background: linear-gradient(to right, #f4cf4a, #fffaba 70%);
}
#trainingCamp .tent.variation5.specialized .bar.bar_anim {
    background: linear-gradient(to right, #ed6d00, #f4f318b0 70%);
}
#trainingCamp .bar.gif_anim {
    background: url("../images/trainingCamp/tent_anim.gif") 2px 0;
    background-position: 2px 0 !important;
    background-size: auto 100%;
}
/* simple cycling anim */
#game_holder #trainingCamp .tent .bar.bar_anim.simple-anim {
    background-color: #939f9f;
    background-image: linear-gradient(-65deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 2rem 3rem;

    animation-name: progressBarStripe;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
}
#game_holder #trainingCamp .tent.variation1 .bar.bar_anim.simple-anim {
    background-color: rgba(0, 170, 248, 0.6);
}
#game_holder #trainingCamp .tent.variation1.specialized .bar.bar_anim.simple-anim {
    background-color: #00aaf8;
}
#game_holder #trainingCamp .tent.variation2 .bar.bar_anim.simple-anim {
    background-color: #ce5e55;
}
#game_holder #trainingCamp .tent.variation2.specialized .bar.bar_anim.simple-anim {
    background-color: #ce3f45;
}
#game_holder #trainingCamp .tent.variation3 .bar.bar_anim.simple-anim {
    background-color: #3ec3d0;
}
#game_holder #trainingCamp .tent.variation3.specialized .bar.bar_anim.simple-anim {
    background-color: #0c9db5;
}
#game_holder #trainingCamp .tent.variation4 .bar.bar_anim.simple-anim {
    background-color: #5ea672;
}
#game_holder #trainingCamp .tent.variation4.specialized .bar.bar_anim.simple-anim {
    background-color: #00a658;
}
#game_holder #trainingCamp .tent.variation5 .bar.bar_anim.simple-anim {
    background-color: #b9ae1e;
}
#game_holder #trainingCamp .tent.variation5.specialized .bar.bar_anim.simple-anim {
    background-color: #c69d00;
}
/* end simple cycling anim*/
@keyframes cycleBarFill {
    0% { transform: translateX(0);}
    /***100% {transform: translateX(126px);}*/
    100% {transform: translateX(132px);}
}
@keyframes cycleBarFill {
    0% { transform: scaleX(0) skewX(-25deg);}
    /***100% {transform: translateX(126px);}*/
    100% {transform: scaleX(1) skewX(-25deg);}
}
@keyframes cycleBarFillSimple {
    0%      { transform: translateX(-100%); }
    100%    { transform: translateX(200%); }
}
@keyframes progressBarStripe {
    0%    { background-position: 0 0; }
    100%      { background-position: 2rem 0; }
}
#trainingCamp .tent .bar_value {
     position: absolute;
     left: 90px;
     top: 13px;

     width: 120px;

     font: 14px/15px 'titilliumWebSemiBold';
     color: black;

     text-align: center;
}
#trainingCamp .tent .bar_value .reward-icon{
    transform: scale(0.75);
    margin-right: -4px;
    margin-top: -1px;
}
#trainingCamp .tent .button {
    display:inline-block;
    width: 90px;
    height: 26px;
	/*border: 1px solid transparent;*/
	/*box-sizing: border-box;*/
    /*background: url("../../assets/images/new/bootCamp/buy_button.png");*/
    background: url("../../assets/images/new/bootCamp/buy_button.png");
    margin-top: 6px;
    position: relative;
    left: -1px;
    padding-left: 2px;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#trainingCamp .tent .button.disabled {
    /*background: url("../images/trainingCamp/tent.png?2") calc(0px - 1014px - 50px) 0;*/
    background: url("../../assets/images/new/bootCamp/buy_button_disabled.png");
}
#trainingCamp .tent .button:not(.back_cw_orange):hover:not(.disabled) {
    position: absolute;
    border: 1px solid white;
    box-sizing: border-box;

    /*cursor: url("../images/cursorPointer.ico") 11 1, pointer;*/
}
#trainingCamp .tent .button .buy {
    position: relative;
    top: 1px;
	margin-top: 6px;
	padding-left: 1px;
    /*width: 92px;*/
    /*height: 26px;*/
    font: 9px/4px 'titilliumWebBold';

	color: black;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#trainingCamp .tent .button.disabled .buy {
    color: white;
}
#trainingCamp .tent .button .max {
	position: relative;
	
	padding-left: 1px;

    font: 9px/14px 'titilliumWebBold';
	color: white;
    display: inline-block;
    vertical-align:top;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#trainingCamp .tent .button .reward-icon {
    /*transform: scale(0.75);*/
    width: 13px;
    height: 14px;
    background-position: -51px !important;
    background: url("../../assets/images/new/warClicks/wc_splosno/sp_5_currency_icons_min.png");
    margin-top: -2px;
    margin-right: -3px;
    background-size: auto 100%;
}
#trainingCamp .tent .button .value {
	margin-top: -6px;
    /*margin-left: 20px;*/
    width: 73%;
    text-align: right;

    font: 9px/17px 'titilliumWebBold';
	color: black;

    display: inline-block;
    vertical-align: top;
    margin-left: -4px;
}
#trainingCamp .tent .button.disabled .value {
    color: white;
}
#trainingCamp .tent .time .sign {
    /*display:none;*/
    position: absolute;

    bottom: 1px;
    right: 0px;
    color: #000000;

    transform-origin: 100% 50%;
    transform: scaleX(0.95);
    font: 11px/18px 'titilliumWebRegular';
    transform: scale(0.9);
}
#trainingCamp .tent .time .sign span {
    color: white;
}
#trainingCamp .tent .time .digits {
    position: relative;
    right: 2px;
    transform: scale(0.85);
    width: 46px;
    height: 18px;
    overflow: hidden;
}
#trainingCamp .tent .time .clock {
    position: absolute;

    width: 12px;
    height: 1080px;

    transform: translateY(-3px);
    top: 5px;
    background: url("../images/trainingCamp/clock.png") 0 0;
}
#trainingCamp .tent .time .clock.transition {
    transition: transform;
}
#trainingCamp .tent .time .clock.hour {
    left: -1px;
}
#trainingCamp .tent .time .clock.min {
    left: 16px;
}
#trainingCamp .tent .time .clock.sec {
    left: 32px;
}
#trainingCamp .tent .cover {
    position: absolute;
    left: 0;
    top: 0;

    width: 307px;
    height: 80px;

    background: url("../images/trainingCamp/tent.png?2") -919px 0;
    opacity: 0.75;
}
#trainingCamp .tent .cover.hidden {
    display: none;
}
@keyframes tentUnitGlow {
    from        { transform: scale(0.9) rotate(0deg); }
    25%         { transform: scale(1) rotate(180deg); }
    50%         { transform: scale(0.9) rotate(360deg); }
    75%         { transform: scale(0.7) rotate(540deg); }
    to          { transform: scale(0.9) rotate(720deg); }
}
@keyframes tentUnitSprite {
    from        { background-position-x: 0; }
    50%         { background-position-x: -616px; }
    to          { background-position-x: 0; }
}
#trainingCamp .menu_upgrades {
	position: absolute;
	display: none;

    top: 63px;
    left: 250px;

    width: 574px;
    width: 590px;
	height: 476px;

	background: #ecf0f1;
    z-index: 1;
}
#trainingCamp .menu_upgrades .top {
	position: relative;
	width: 100%;
	width: 574px;
	height: 20%;
    font: 14px/22px 'titilliumWebBold';
}
#trainingCamp .menu_upgrades .top .upgrade-info {
    position: absolute;
    margin-left: 23px;
    margin-top: 17px;
    width: 268px;
    height: 98px;
}
#trainingCamp .menu_upgrades  .top .upgrade-info > div {
    display: inline-block;
    vertical-align: middle;
}
#trainingCamp .menu_upgrades  .top .upgrade-info .upgrade-icon {
    display:inline-block;
    width: 39px;
    height: 43px;
    background: green;
    background: url("../images/new/bootCamp/upgrades_icon.png");
}
#trainingCamp .menu_upgrades .top .upgrade-info .upgrade-header {
    display: inline-block;
    color: #f7931e;
    font-size: 23px;
    margin-top: 8px;
    margin-left: 14px;
}
#trainingCamp .menu_upgrades .top .upgrade-info .info-button {
    display:inline-block;
    margin-top: 12px;
    margin-left:17px;
    width: 19px;
    height: 19px;
    background: url("../images/new/bootCamp/question_mark.png");
}
#trainingCamp .menu_upgrades .bottom {
	position: relative;
    margin-top: -10px;
	width: 100%;
	width: 590px;
	height: 80%;
    overflow-y: scroll;
}
#trainingCamp .menu_upgrades .left {
	position: relative;
	float: left;
	width: 50%;
	height: 100%;
}
#trainingCamp .menu_upgrades .right {
	position: relative;
	float: left;
	width: 50%;
	height: 100%;
}
#trainingCamp .menu_upgrades .black_arrow {
	position: absolute;
	top: 16px;
	left: 16px;
}
#trainingCamp .menu_upgrades .upgrade {
	position: relative;
	/*margin: 8px 8px 6px 20px;*/
	margin: 8px 8px 6px 15px;

    width: 261px;
    height: 83px;
	background: white;
    border: solid 1px lightgrey;
    display: inline-block;
}
#trainingCamp .upgrade .shield {
	position: absolute;
	
	top: 15px;
	left: 4px;

    width: 52px;
    height: 58px;
    background: url("../images/new/bootCamp/shield.png") 0 0;
}
#trainingCamp .upgrade .unit {
	position: absolute;
	
	left: -1px;
	top: 15px;

    background: url("../images/new/bootCamp/units.png") 0 0;

    width: 65px;
    height: 53px;
}
#trainingCamp .upgrade .roman {
    position: absolute;

    left: 6px;
    top: -8px;

    width: 30px;

    font: 20px/18px 'titilliumWebSemiBold';
    color: white;
    letter-spacing: 1px;

    text-align: center;

    text-shadow: 0 1px 0 black, 1px 0 0 black, 0 -1px 0 black, -1px 0 0 black, 1px 1px 0 black, 1px -1px 0 black, -1px 1px 0 black, -1px -1px 0 black;

    transform: scaleY(0.75);
}
#trainingCamp .upgrade .desc {
    position: absolute;
    width: 194px;

    left: 60px;

    padding: 9px 4px 4px 8px;

    font: 12px/14px 'titilliumWebRegular';
	color: black;
	text-align: left;
}
#trainingCamp .upgrade .desc span {
    font: 14px/14px 'titilliumWebBold';
}
#trainingCamp .upgrade .desc span.spec-arrow-up {
    color: #44cf10;
    font-size: 13px;
}
#trainingCamp .upgrade .desc span.spec-arrow-down{
    color: #2bc1c3;
}
#trainingCamp .upgrade .value {
	position: absolute;

    right: 70px;
    bottom: 7px;

    width: 105px;
    text-align: center;

    font: 14px/14px 'titilliumWebSemiBold';
	color: black;

    background: lightgray;
    padding: 6px 17px 5px 5px;
    border-radius: 4px;
}
#trainingCamp .upgrade .value span {
    position: relative;
    display: inline-block;

    height: 16px;

    vertical-align: middle;
}
#trainingCamp .upgrade .value .number {
    position: relative;
    display: inline-block;

    font: 14px/16px 'titilliumWebRegular';
    color: black;

    text-align: right;

    vertical-align: middle;
}
#trainingCamp .upgrade .value .value_icon {
    position: relative;
    display: inline-block;

    margin: -2px 2px -2px -17px;

    vertical-align: middle;

    transform: scale(0.8);
}
#trainingCamp .menu_upgrades .button {
	position: absolute;

    right: 4px;
    bottom: 7px;

    width: 70px;
	height: 27px;
    font: 15px/24px 'titilliumWebBold';
	color: white;

    white-space: nowrap;
	
	text-align: center;

    border-radius: 4px;
}
#trainingCamp .menu_upgrades .button.buyAll {
    position: absolute;

    right: auto;
    bottom: auto;
    left: 307px;
    top: 57px;
    top: 50px;

    width: auto;
    padding: 1px 15px 0px 8px;

    font: 15px/24px 'titilliumWebBold';
    color: white;

    text-align: center;
    border-radius: 0px;
}
#trainingCamp .menu_upgrades .button.disabled {
    background: url("../images/trainingCamp/tent.png?2") -928px -18px;
}
#trainingCamp .menu_upgrades .button:hover:not(.disabled) {
    color: white;
    /*cursor: url("../images/cursorPointer.ico") 11 1, pointer;*/
}
#trainingCamp .menu_managers {
    position: absolute;
    display: none;

    top: 63px;
    left: 253px;
    width: 574px;
    height: 476px;
    background: #ecf0f1;
    z-index: 1;
    font: 15px/24px 'titilliumWebBold';
}
#trainingCamp .menu_managers .top {
	position: relative;
	width: 100%;
	height: 14%;
}
#trainingCamp .menu_managers .top .info {
    position: absolute;
    margin-left: 23px;
    margin-top: 8px;
    width: 268px;
    height: 98px;
}
#trainingCamp .menu_managers .top .icon {
    display: inline-block;
    width: 34px;
    height: 32px;
    margin-left: -7px;
}
#trainingCamp .menu_managers .top .icon.trainers {
    margin-top: -6px;
    width: 38px;
    height: 30px;
    background: url("../images/new/bootCamp/whistle.png");
}
#trainingCamp .menu_managers .top .icon.investors {
    margin-top: -8px;
    background: url("../images/new/bootCamp/suitcase.png");
}
#trainingCamp .menu_managers .top .header {
    display: inline-block;
    color: #f7931e;
    margin-top: 8px;
    margin-left: 14px;
    font: 21px/24px 'titilliumWebSemiBold';
}
#trainingCamp .menu_managers .top .trainers-collected {
    margin-left: -9px;
    margin-top: 8px;
    padding-left: 4px;
    /*width: 174px;*/
    width: 124px;
    height: 19px;
    color: #666666;
    /*border: 2px solid lightgrey;*/
    /*font: 13px/18px 'titilliumWebRegular';*/
    font: 12px/19px 'titilliumWebRegular';
    background: url("../images/new/bootCamp/bc_splosno/trainers_square.png");
}
#trainingCamp .menu_managers .top .trainers-collected > div {
    display: inline-block;
    width: 43px;
    font: 12px/19px 'titilliumWebRegular';
    float: right;
    text-align: center;
    color: black;
}
#trainingCamp .menu_managers .top .buyAll {
    position: absolute;
    color: white;
    font: 12px/20px 'titilliumWebBold';
    top: 43px;
    left: 127px;
    width: 117px;
    height: 21px;
    border-radius: 4px;
    text-align: center;
}
#trainingCamp .menu_managers .top .buyAll.disabled {
    background: #646464;
}
#trainingCamp .menu_managers .top .investor-bonus {
    margin-left: -9px;
    margin-top: 6px;
    padding-left: 4px;
    /*width: 166px;*/
    width: 147px;
    height: 19px;
    /*border: 2px solid lightgrey;*/
    font: 12px/18px 'titilliumWebRegular';
    color: #666666;
    background: url("../images/new/bootCamp/bc_splosno/investors_square.png");
}
#trainingCamp .menu_managers .top .investor-bonus > div {
    display: inline-block;
    width: 50px;
    font: 12px/19px 'titilliumWebRegular';
    float: right;
    background: lightgrey;
    text-align: center;
    color: black;
}
#trainingCamp .menu_managers .bottom {
	position: relative;
	width: 100%;
	height: 85%;
}
#trainingCamp .menu_managers .left {
	position: relative;
	float: left;
	width: 50%;
	height: 100%;
}
#trainingCamp .menu_managers .right {
	position: relative;
	float: left;
	width: 50%;
	height: 100%;
}
#trainingCamp .menu_managers .black_arrow {
	position: absolute;
	top: 16px;
	left: 16px;
}
#trainingCamp .menu_managers .manager {
	position: relative;
	margin: 8px 0 24px 14px;

    width: 251px;
	height: 93px;
    background: #ffffff;
    border: solid 1px lightgrey;
}
#trainingCamp .menu_managers .manager-extended {
    height: 182px;
    padding-bottom: 7px;
}
#trainingCamp .menu_managers .manager-extended .top {
    height: 67px;
    background: url("../images/trainingCamp/green_square.png") 0 0;
}
#trainingCamp .menu_managers .manager-extended .top .progress{
    position: absolute;
    top: 41px;
    left: 83px;
    background: #333333;
    height: 15px;
    width: 124px;
    padding: 0px 2px;
    line-height: 15px;
}
#trainingCamp .menu_managers .manager-extended .top .progress-part{
    display:inline-block;
    width: 40px;
    height: 11px;
    background: #4d4d4d;
}
#trainingCamp .menu_managers .manager-extended .top .progress-part:nth-child(2){
    margin: 0px 2px;
}

#trainingCamp .menu_managers .manager-extended .top .active.progress-part:nth-child(1){
    background:#cfd6d7;
}
#trainingCamp .menu_managers .manager-extended .top .active.progress-part:nth-child(2){
    margin: 0px 2px;
    background:#cfd6d7;
}
#trainingCamp .menu_managers .manager-extended .top .active.progress-part:nth-child(3){
    background:#cfd6d7;
}
#trainingCamp .manager-extended .top .name {
    position: absolute;

    left: 77px;
    top: 5px;

    padding: 4px 4px 4px 8px;

    color: white;

    text-align: left;
    text-transform: uppercase;
}
#trainingCamp .manager-extended .top .manager_icon {
    top: 7px;
}
#trainingCamp .menu_managers .manager-extended .bottom {
    height: 79px;
}
#trainingCamp .menu_managers .manager-extended .bottom .desc {
    position: absolute;
    width: 240px;

    left: 4px;
    top: 7px;

    padding: 4px 4px 4px 8px;

    font: 13px/14px 'titilliumWebRegular';
    color: black;

    text-align: left;
}
#trainingCamp .menu_managers .manager-extended .bottom .desc .upgrade-name {
    margin-top: 6px;
    font: 14px/14px 'titilliumWebSemiBold';
}
#trainingCamp .menu_managers .manager-extended .bottom .desc .upgrade-info {
    font: 10px/14px 'titilliumWebRegular';
    margin-top: 5px;
}
#trainingCamp .menu_managers .manager-extended .bottom .desc .upgrade-info > span {
    font: 11px/15px 'titilliumWebRegular';
    margin-top: 2px;
    display: inline-block;
    width: 100%;
}
#trainingCamp .manager .manager_icon {
	position: absolute;
	
	left: 0px;
	top: 7px;
	
	width: 67px;
	height: 75px;
	
	background: url("../images/trainingCamp/new_investor_manager.png?v=1") 0 0;
}
#trainingCamp .manager .manager_icon .shield {
	position: absolute;
	
	bottom: -15px;
	right: -24px;

    width: 32px;
    height: 36px;
	background: url("../images/new/bootCamp/trainers/sprite_units_min.png");

}
#trainingCamp .manager .manager_icon .unit{
    position: relative;
    right: -42px;
    bottom: -33px;
    width: 35px;
    height: 40px;
    background: url("../images/new/bootCamp/trainers/sprite_units_min_poprava.png");
}
#trainingCamp .manager .name {
    position: absolute;

    left: 66px;
    top: 4px;

    padding: 4px 4px 4px 8px;

    font: 12px/12px 'titilliumWebRegular';
    color: black;

    text-align: left;
    text-transform: uppercase;
}
#trainingCamp .manager .desc {
    position: absolute;
    width: 177px;
    left: 73px;
    top: 26px;
    font: 12px/12px 'titilliumWebRegular';
    padding: 4px 4px 4px 0px;
	color: black;
	text-align: left;
}
#trainingCamp .manager .desc span {
    font: 13px/14px 'titilliumWebBold';
    width: 175px;
}
#trainingCamp .manager .value {
    position: absolute;
    right: 64px;
    bottom: 8px;

    width: 92px;
    text-align: center;

    font: 14px/14px 'titilliumWebSemiBold';
    color: black;

    background: lightgray;
    padding: 4px 17px 5px 5px;
    border-radius: 4px;
}
#trainingCamp .manager-extended .value {
    width: 155px;
    bottom: -35px;
    right: 70px;
    text-align: left;
}
#trainingCamp .manager .value span {
    position: relative;
    display: inline-block;

    height: 16px;
    vertical-align: middle;
}
#trainingCamp .manager .value .number {
    position: relative;
    display: inline-block;

    font: 12px/18px 'titilliumWebRegular';;
    color: black;

    margin-left: 2px;
    text-align: right;

    vertical-align: middle;
}
#trainingCamp .manager .value .value_icon {
     position: relative;
     display: inline-block;

     margin: -2px 2px -2px -2px;

     vertical-align: middle;

     transform: scale(0.8);
}
#trainingCamp .manager-extended .value .value_icon {
    margin-left: 6px;
}
#trainingCamp .manager .button {
    position: absolute;
    right: 8px;
    bottom: 8px;
    width: 66px;
    height: 26px;
    font: 13px/26px 'titilliumWebBold';
    color: white;
    text-align: center;
    border-radius: 4px;
}
#trainingCamp .manager-extended .button {
    bottom: -35px;
}
#trainingCamp .manager .button.disabled {
    background: url("../images/trainingCamp/tent.png?2") calc(0px - 1014px - 78px) 0;
}
#trainingCamp .manager .button:hover:not(.disabled) {
    color: white;
    /*cursor: url("../images/cursorPointer.ico") 11 1, pointer;*/
}
@keyframes tutArrow {
    0%     { transform: scale(0.8); }
    50%    { transform: scale(0.5); }
}
@keyframes tutArrowUp {
    0%     { transform: scale(0.8) rotate(-90deg); }
    50%    { transform: scale(0.5) rotate(-90deg); }
}
#trainingCamp .tutArrowHolder {
    position: absolute;
    display: none;
    z-index: 990 !important;

    top: 0;
    left: 0;

    pointer-events: none;
}
#trainingCamp .tutArrow {
    position: relative;

    margin-top: -29px;
    margin-left: -96px;

    width: 120px;
    height: 73px;

    background: url("../images/arrow_white.png");

    transform-origin: 14% 50%;
    transform: scale(0.8);

    animation: tutArrow 1.0s ease-in-out infinite;
}
#trainingCamp .tutArrow.up {
    margin-top: 52px;
    margin-left: -13px;

    transform: scale(0.8) rotate(-90deg);

    animation: tutArrowUp 1.0s ease-in-out infinite;
}
#trainingCamp .tutArrowInfo {
    position: absolute;

    left: -150px;
    top: 40px;

    padding: 8px;

    width: 200px;

    font: 14px/18px 'titilliumWebSemiBold';
    color: white;
    text-align: center;

    text-shadow: 1px 1px 0 black, 1px -1px 0 black, -1px 1px 0 black, -1px -1px 0 black;

    background: rgba(0,0,0, 0.35);
}
#trainingCamp .tutArrowInfo.up {
    left: 40px;
    top: 50px;
    text-align: left;
}
#trainingCamp .tutArrowHolder.firstUnit, #trainingCamp .tutArrowHolder.firstUnitRepeat, #trainingCamp .tutArrowHolder.firstUnitBuyAfter {
    left: 0;
    top:103px;
}
#trainingCamp .tutArrowHolder.firstUnitBuy {
    left: 136px;
    top:123px;
}
#trainingCamp .tutArrowHolder.trainersAndInvestors {
    left: 850px;
    top: 70px;
}
#trainingCamp .tutArrowHolder.upgrades {
    left: 850px;
    top: 260px;
}
#trainingCamp .tutArrowHolder.deploy {
    left: 850px;
    top: 380px;
}
#trainingCamp .tutArrowHolder.video {
    left: 584px;
    top: -20px;
}
#trainingCamp .tutArrowHolder.warZone {
    left: 935px;
    top: -20px;
}
#trainingCamp .tutArrowHolder.buyAmount {
    left: 331px;
    top: -20px;
}
#trainingCamp .tutArrowHolder.convert {
    left: 431px;
    top: -10px;
}
#trainingCamp .tutArrowHolder.shop {
    left: 515px;
    top: -20px;
}
#trainingCamp .tutArrowHolder.secondUnitBuy {
    left:207px;
    top:200px;
}
#trainingCamp .tutArrowHolder.secondUnitBuyAfter {
    left:94px;
    top:187px;
}
#trainingCamp .tutArrowHolder.fiveOfUnit2 {
    left: 77px;
    top: -20px;
}
#trainingCamp .tutArrowHolder.twoOfUnit3 {
    left: 42px;
    top: 295px;
}
#trainingCamp .tutArrowHolder.dailyTasks {
    left: 855px;
    top: 520px;
}
#main_container .ppChangeHolder {
     position: absolute;

     left: 0;
     bottom: 0;
}
#main_container .ppChange {
    position: absolute;
    z-index: 1100;
    opacity: 0.0;

    left: 4px;
    top: -32px;

    font: 16px/16px 'titilliumWebSemiBold';
    color: black;
    white-space: nowrap;

    text-shadow: 0 0 1px white, 0 0 2px white, 0 0 4px white, 0 0 8px white, 0 0 16px white, 0 0 24px white, 0 0 32px white, 0 0 64px white, 0 0 64px white;

    pointer-events: none;
}
#main_container .ppChange.anim_1 {
    animation: ppChange_1 0.75s linear;
}
@keyframes ppChange_1 {
    0%      { opacity: 0.0; transform: translate(0, 0) scale(0.25); }
    50%     { opacity: 1.0; transform: translate(16px, -32px) scale(1.0); }
    100%    { opacity: 0.0; transform: translate(32px, -64px) scale(1.25); }
}
#trainingCamp .tent .unitCycleMilestone {
    position: absolute;

    left: 70px;
    top: 12px;

    width: 190px;

    font: 18px/24px 'titilliumWebSemiBold';
    /*color: white;*/

    text-align: center;

    /*text-shadow: 1px 1px 0 black, -1px 1px 0 black, 1px -1px 0 black, -1px -1px 0 black;*/
    text-shadow: 1px 1px 0 white, -1px 1px 0 white, 1px -1px 0 white, -1px -1px 0 white;
    /*color: #009245;*/
    color: #33CB33;
    /*color: #0BBF2C;*/
    /*color: greenyellow;*/
    /*color: lawngreen;*/
}
#trainingCamp .unitCycleMilestone.anim_1 {
    animation: unitCycleMilestone_1 2.0s ease-out;
}
@keyframes unitCycleMilestone_1 {
    0%      { opacity: 1.0; transform: translate(0, 0) scale(1.0); }
    100%    { opacity: 0.0; transform: translate(0, -32px) scale(1.5); }
}
#trainingCamp .tent .unitCyclePPgain2 {
    position: absolute;

    left: 70px;
    top: 12px;

    width: 190px;

    font: 15px/17px 'titilliumWebSemiBold';
    color: black;

    text-align: center;
}
#trainingCamp .unitCyclePPgain2.anim_1 {
    animation: unitCyclePPgain2_1 0.75s ease-out;
}
@keyframes unitCyclePPgain2_1 {
    0%      { opacity: 1.0; transform: translate(0, 0) scale(1.0); }
    100%    { opacity: 0.0; transform: translate(0, -32px) scale(1.5); }
}
#trainingCamp .unitCyclePPgain {
    position: absolute;
    opacity: 0.0;

    left: 24px;
    top: 48px;

    font: 23px/51px 'titilliumWebSemiBold';
    color: black;
    letter-spacing: 1px;

    text-shadow: 0 0 1px white, 0 0 2px white, 0 0 4px white, 0 0 8px white, 0 0 16px white, 0 0 24px white, 0 0 32px white, 0 0 64px white, 0 0 64px white;

    pointer-events: none;
}
#trainingCamp .unitCyclePPgain.anim_1 {
    animation: unitCyclePPgain_1 0.75s ease-out;
}
#trainingCamp .unitCyclePPgain.anim_2 {
    animation: unitCyclePPgain_2 0.75s ease-out;
}
#trainingCamp .unitCyclePPgain.anim_3 {
    animation: unitCyclePPgain_3 0.75s ease-out;
}
#trainingCamp .unitCyclePPgain.anim_4 {
    animation: unitCyclePPgain_4 0.75s ease-out;
}
@keyframes unitCyclePPgain_1 {
    0%      { opacity: 0.0; transform: translate(0, 0) rotate(-180deg) scale(0.25); }
    40%     { opacity: 1.0; transform: translate(-64px, -32px) rotate(0deg) scale(1.0); }
    60%     { opacity: 1.0; transform: translate(-64px, -32px) rotate(0deg) scale(1.0); }
    100%    { opacity: 0.0; transform: translate(-64px, -64px) rotate(45deg) scale(1.0); }
}
@keyframes unitCyclePPgain_2 {
    0%      { opacity: 0.0; transform: translate(0, 0) rotate(180deg) scale(0.25); }
    40%     { opacity: 1.0; transform: translate(-64px, -32px) rotate(0deg) scale(1.0); }
    60%     { opacity: 1.0; transform: translate(-64px, -32px) rotate(0deg) scale(1.0); }
    100%    { opacity: 0.0; transform: translate(-64px, -64px) rotate(-45deg) scale(1.0); }
}
@keyframes unitCyclePPgain_3 {
    0%      { opacity: 0.0; transform: translate(0, 0) rotate(-180deg) scale(0.25); }
    40%     { opacity: 1.0; transform: translate(-64px, -32px) rotate(-15deg) scale(1.0); }
    60%     { opacity: 1.0; transform: translate(-64px, -32px) rotate(-15deg) scale(1.0); }
    100%    { opacity: 0.0; transform: translate(-64px, -64px) rotate(45deg) scale(1.0); }
}
@keyframes unitCyclePPgain_4 {
    0%      { opacity: 0.0; transform: translate(0, 0) rotate(180deg) scale(0.25); }
    40%     { opacity: 1.0; transform: translate(-64px, -32px) rotate(15deg) scale(1.0); }
    60%     { opacity: 1.0; transform: translate(-64px, -32px) rotate(15deg) scale(1.0); }
    100%    { opacity: 0.0; transform: translate(-64px, -64px) rotate(-45deg) scale(1.0); }
}
#trainingCamp  .trainingCamp_holder .voting_notification {
    width: 230px;
    height: 120px;
    background: rgba(207, 214, 215, 0.8);
    color: white;
    position:absolute;
    left: 11px;
    bottom: 0px;
    text-align: center;
    font: 12px/12px 'titilliumWebSemiBold';
    /*na drug nacin cimprej*/
    z-index: 1;
}
#trainingCamp  .trainingCamp_holder .voting_notification .x {
    top: 0px;
    right: 6px;
}
#trainingCamp  .trainingCamp_holder .close {
    position: absolute;

    top: 3px;
    right: 3px;
    padding: 0;
}
#trainingCamp  .trainingCamp_holder .close:hover {
    background-position-x: -25px;
    /*cursor: url("../images/cursorPointer.ico") 11 1, pointer;*/
}
#trainingCamp  .trainingCamp_holder .notification_text{
    display: inline-block;
    margin-top: 33px;
    padding: 8px;
}
#trainingCamp .trainingCamp_holder .goals-popup-holder{
    z-index: 1;
    position: absolute;
    top: 17px;
    left: 282px;
    width: 429px;
    height: 512px;
    border-radius: 7px;
    background: #ecf0f1;
}
#trainingCamp .trainingCamp_holder .goals-popup-holder .upper{
    background: linear-gradient(#ecf0f1 , #999999);
    width: 389px;
    padding: 0 20px;
    height: 430px;
}
#trainingCamp .trainingCamp_holder .goals-popup-holder .upper .double{
    width:100%;
    height:51px;
}
#trainingCamp .trainingCamp_holder .goals-popup-holder .upper .double.first{
    text-align:center;
    font-size:14px;
    font-family:titilliumWebSemiBold;
    line-height:48px;
    background:white;
}
#trainingCamp .trainingCamp_holder .goals-popup-holder .upper .double.second{
    color:white;
    text-align:center;
    font-size:21px;
    line-height:49px;
    font-family:titilliumWebSemiBold;
    background: url("../images/new/bootCamp/goal_completed/gray_square.png") 0 0 no-repeat;
    margin-bottom:20px;
}
#trainingCamp .trainingCamp_holder .goals-popup-holder .upper .double.third{
    text-align:center;
    font-size:15px;
    /*line-height:48px;*/
    line-height:18px;
    padding-top: 8px;
    height: 43px;
    font-family:titilliumWebSemiBold;
    background:white;
}
#trainingCamp .trainingCamp_holder .goals-popup-holder .upper .double.third > span {
    font: 15px/18px 'titilliumWebRegular';
}
#trainingCamp .trainingCamp_holder .goals-popup-holder .upper .double.fourth{
    font-size:23px;
    font-family:titilliumWebSemiBold;
    line-height:48px;
    color:white;
    background: url("../images/new/bootCamp/goal_completed/orange_square_long.png") 0 0 no-repeat;
}
#trainingCamp .trainingCamp_holder .goals-popup-holder .upper .double.fourth > div{
    text-align: right;
    margin: 0 auto;
    width: 155px;
    font-size: 29px;
    font-family: titilliumWebSemiBold;
}
#trainingCamp .trainingCamp_holder .goals-popup-holder .upper .double.fourth .PPicon{
    background: url("../images/new/bootCamp/goal_completed/pp.png") 0 5px no-repeat;
}
#trainingCamp .trainingCamp_holder .goals-popup-holder .upper .double.fourth .goldIcon{
    background: url("../images/trainingCamp/gold.png") 0 no-repeat;
}
#trainingCamp .trainingCamp_holder .goals-popup-holder .upper .single.fourth{
    position: relative;
    display: inline-block;
    height: 51px;
    width: 194px;
    font-family: titilliumWebSemiBold;
    color: white;
    background: url("../images/trainingCamp/red_square.png") 0 0 no-repeat;
}
#trainingCamp .trainingCamp_holder .goals-popup-holder .upper .single.fourth > div{
    text-align: right;
    width: 50px;
    height: 40px;
    margin-left: 22px;
    margin-top: 6px;
}
#trainingCamp .trainingCamp_holder .goals-popup-holder .upper .single.fourth .PPicon{
    width:111px;
    margin-top:7px;
    font-size:29px;
    padding-left:22px;
    background: url("../images/trainingCamp/pp_larger.png") 0 0 no-repeat;
}
#trainingCamp .trainingCamp_holder .goals-popup-holder .upper .single.fourth .goldIcon{
    width:100px;
    margin-top:7px;
    font-size:29px;
    padding-left:4px;
    background: url("../images/trainingCamp/gold.png") 0 no-repeat;
}
#trainingCamp .trainingCamp_holder .goals-popup-holder .upper .congrats{
    width:100%;
    height:80px;
    text-align:center;
    font-size:30px;
    line-height:91px;
    font-family:titilliumWebSemiBold;
}
#trainingCamp .trainingCamp_holder .goals-popup-holder .upper .congrats .reg{
    font-size:30px;
    line-height:91px;
    font-family:titilliumWebRegular;
}
#trainingCamp .trainingCamp_holder .goals-popup-holder .upper .goals-icons-holder{
    background:  url("../images/new/bootCamp/goal_completed/curvy_line.png") no-repeat 0px 30px;
    position: relative;
    width:100%;
    text-align: center;
    margin-bottom:20px;
}
#trainingCamp .trainingCamp_holder .goals-popup-holder .upper .goals-icons-holder > div{
    display:inline-block;
    margin-top:13px;
    margin-right:10px;
    width:66px;
    height:66px;
    text-align:center;
}
#trainingCamp .trainingCamp_holder .goals-popup-holder .upper .goals-icons-holder .PPgain{
    background: url("../images/trainingCamp/ammo_larger.png") 0 -66px no-repeat;
}
#trainingCamp .trainingCamp_holder .goals-popup-holder .upper .goals-icons-holder .gold{
    background: url("../images/trainingCamp/ammo_larger.png") 0px 0 no-repeat;
}
#trainingCamp .goals-popup-holder .lower{
    position: relative;
    width: 391px;
    padding: 0 19px;
    height:77px;
    background: #ecf0f1 url("../images/new/bootCamp/goal_completed/triangle.png") no-repeat center -1px;
}
#trainingCamp .goals-popup-holder .lower .share-social{
    display: inline-block;
    width: 150px;
    height: 40px;
    background: yellow;
}
#trainingCamp .goals-popup-holder .lower > div{
    font-size: 14px;
    font-family: titilliumWebSemiBold;
    text-align: center;
    width: 189px;
    display: inline-block;
    border-radius: 6px;
    color: white;
    height: 38px;
    margin-top: 20px;
    line-height: 37px;
}
#trainingCamp .goals-popup-holder .lower .share {
    background: #333333 url("../images/trainingCamp/three_dots.png") no-repeat  180px 12px;
}
#trainingCamp .goals-popup-holder .lower .share:hover {
    /*cursor: url("../images/cursorPointer.ico") 11 1, pointer;*/
    filter: brightness(146%);
}
#trainingCamp .goals-popup-holder .lower .subholder {
    display: none;
    position: absolute;
    background: white url("../images/new/bootCamp/goal_completed/bottom_orange.png") bottom right no-repeat ;
    height: 84px;
    width: 188px;
    margin-top: 0px;
    bottom: 56px;
}
#trainingCamp .goals-popup-holder .lower .subholder > div:hover {
    /*cursor: url("../images/cursorPointer.ico") 11 1, pointer;*/
    filter: brightness(146%);
}
#trainingCamp .goals-popup-holder .lower .subholder .twitter{
    background: url("../images/new/bootCamp/goal_completed/tw_button.png") no-repeat ;
    margin: 8px 8px 2px 8px;
    height: 35px;
}
#trainingCamp .goals-popup-holder .lower .subholder .twitter a {
    display: inline-block;
    width: 100%;
    height: 100%;
}
#trainingCamp .goals-popup-holder .lower .subholder .facebook{
    background: url("../images/new/bootCamp/goal_completed/fb_button.png") no-repeat ;
    margin: 0 8px 4px 8px;
    height:35px;
}
#trainingCamp .goals-popup-holder .lower .grab-reward{
    margin-left:11px;
    background: #4bada4 url("../images/trainingCamp/forward.png") no-repeat 168px 12px ;
}
#trainingCamp .goals-popup-holder .lower .grab-reward:hover {
    /*cursor: url("../images/cursorPointer.ico") 11 1, pointer;*/
    filter: brightness(130%);
}
#trainingCamp  .trainingCamp_holder .buy-amount{
    position: relative;
    top: 92px;
    left: 258px;
    display: inline-block;

    width: 88px;
    height: 34px;
    background: url("../images/new/bootCamp/bc_splosno/buy_icon_sprite_min.png");

}
#trainingCamp  .trainingCamp_holder .buy-amount:hover{
    /*cursor: url("../images/cursorPointer.ico") 11 1, pointer;*/
    background-position-y: 34px;
}
#trainingCamp  .trainingCamp_holder .buy-amount .amount{
    position: absolute;
    margin-left: 7px/*10px*/;
    margin-top: 6px;
    font: 11px/13px 'titilliumWebBold';
    color: white;
}
#trainingCamp  .trainingCamp_holder .total-gps{
    width: 153px;
    height: 19px;
    position: absolute;
    top: 64px;
    left: 426px;
    font: 16px/16px 'titilliumWebSemiBold';
    color: white;
    text-shadow: 1px;
    background: url("../images/new/bootCamp/bc_splosno/total_gps_background.png");
    text-align: center;
}
#trainingCamp  .trainingCamp_holder .sigma{
    font: 19px/17px 'titilliumWebBold';
    color: white;
    margin-top: -2px;
    margin-right: 4px;
}
#trainingCamp  .trainingCamp_holder .amount{
    margin-left: -7px;
}
#trainingCamp  .trainingCamp_holder .total-gps > div{
    display: inline-block;
}
#trainingCamp  .trainingCamp_holder .goals {
    /*position: relative;
    top: 54px;
    left: 285px;*/
    position: absolute;
    top: 72px;
    left: 378px;
    display: inline-block;

    width: 408px;
    /*z-index: 11;*/

    opacity: 1.0;
    padding: 0;
}
#trainingCamp  .trainingCamp_holder .goals .fill-holder{
    position: relative;
    width: 355px;
    height: 16px;
    top: 26px;
    overflow: hidden;
    background: url("../../assets/images/new/bootCamp/bc_splosno/bar.png");
}
#trainingCamp  .trainingCamp_holder .goals .quarter-reached{
    position: absolute;
    top: 17px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3)
}
#trainingCamp  .trainingCamp_holder .goals .quarter-reached.visited{
    background: #f7931e;
}
#trainingCamp  .trainingCamp_holder .goals .quarter-reached.first{
    background: #f7931e;
    left: -5px;
}
#trainingCamp  .trainingCamp_holder .goals .quarter-reached.second{
    left:calc(25% - 5px);
}
#trainingCamp  .trainingCamp_holder .goals .quarter-reached.third{
    left:calc(50% - 5px);
}
#trainingCamp  .trainingCamp_holder .goals .quarter-reached.fourth{
    left:calc(75% - 5px);
}
#trainingCamp  .trainingCamp_holder .goals .quarter-reached.fifth{
    left:calc(100% - 5px);
}
#trainingCamp  .trainingCamp_holder .goals .bar-fill{
    position:absolute;
    top: 3px;
    /*left: -349px;*/
    width: 349px;
    height: 10px;
    background: url("../../assets/images/new/bootCamp/bc_splosno/bar_inside.png");
}
#trainingCamp  .trainingCamp_holder .goals.all-reached * {
    opacity: 0;
}
#trainingCamp  .trainingCamp_holder .goals.all-reached .fill-holder {
    opacity: 1;
    top: 19px;
    width: 386px;
    height: 38px;
    background: gray;
    border: 2px solid orange;
    padding: 2px 3px;
}
#trainingCamp  .trainingCamp_holder .goals.all-reached .suggest-new-bc {
    opacity: 1;
    display: inline-block;
    padding: 3px 5px;
    border-radius: 5px;
    color: white;
    background: #f7931e;
    font: 12px/12px 'titilliumWebSemiBold';
}
#trainingCamp  .trainingCamp_holder .goals.all-reached .suggest-new-bc:hover {
    filter: brightness(127%);
}
#trainingCamp  .trainingCamp_holder .goals .end-warning {
    position: absolute;
    bottom: -15px;
    left: 0px;
    color: #f7931e;
    font: 12px/14px 'titilliumWebSemiBold';
    text-shadow: 1px 1px 0 black, -1px 1px 0 black, 1px -1px 0 black, -1px -1px 0 black;
}
#trainingCamp  .trainingCamp_holder .goals .end-warning .info-button {
    margin-left: 5px;
    margin-top: -2px;
    transform: scale(0.8);
}
#trainingCamp  .trainingCamp_holder .goals.all-reached .bar-fill {
    opacity: 1 !important;
    background: transparent;
    text-shadow: 1px 1px 0 black, -1px 1px 0 black, 1px -1px 0 black, -1px -1px 0 black;
    font: 11px/7px 'titilliumWebBold';
    color: #ffffff;
    width: 387px;
}
#trainingCamp  .trainingCamp_holder .goals.all-reached .bar-fill .info-button {
    opacity: 1;
    margin-left: 10px;
    margin-top: -3px;
}
#trainingCamp  .trainingCamp_holder .goals.all-reached .bar-fill > div {
    opacity: 1;
    text-align: center;
}
#trainingCamp  .trainingCamp_holder .goals.all-reached .bar-fill > div:first-child {
    margin-top: 3px;
    margin-bottom: 7px;
}
#trainingCamp  .trainingCamp_holder .goals .goals-all {
    position:absolute;
    margin-left: 232px;
    top: 19px;
    width: 40px;
    height: 15px;
    background: url('../images/trainingCamp/goals_button.png') 0 0px;
}
/*not used*/
#trainingCamp  .trainingCamp_holder .goals .goals-all:hover {
    /*cursor: url("../images/cursorPointer.ico") 11 1, pointer;*/
    filter: brightness(146%);
    transform:scale(1.17);
}
#trainingCamp  .trainingCamp_holder .goals .reward-icon {
    margin-left: 362px;
    margin-top: 5px;
    width: 25px;
    height: 25px;
    background: url('../images/trainingCamp/ammo.png') 0 0px;
}
#trainingCamp  .trainingCamp_holder .goals .reward-icon:hover {
    /*cursor: url("../images/cursorPointer.ico") 11 1, pointer;*/
    filter: brightness(130%);
}
#trainingCamp  .trainingCamp_holder .goals .PPicon {
    display: inline-block;
    width: 10px;
    height: 15px;
    background: url('../images/trainingCamp/pp.png') 0 -2px;
    vertical-align: middle;
}
/*#trainingCamp  .trainingCamp_holder .goals .reward-icon.gold {
    background: url('../images/trainingCamp/ammo.png') 0 25px;
}
#trainingCamp  .trainingCamp_holder .goals .reward-icon.PPgain {
    background: url('../images/trainingCamp/ammo.png') 0 0px;
}*/
#trainingCamp  .trainingCamp_holder .goals .reward-icon.gold {
    background: url('../images/trainingCamp/ammo.png') 0 0px;
}
#trainingCamp  .trainingCamp_holder .goals .reward-icon.PPgain {
    background: url('../images/trainingCamp/ammo.png') 0 25px;
}
#trainingCamp  .trainingCamp_holder .goals .next-goal {
    position: absolute;
    right: 11px;
    top: 5px;
    width: 30px;
    height: 20px;
    color: white;
    font-size: 11px;
    font-family: titilliumWebRegular;
}
#trainingCamp  .trainingCamp_holder .goals .next-goal:hover {
    /*cursor: url("../images/cursorDefault.ico") 11 1, pointer;*/
}
#trainingCamp  .trainingCamp_holder .goals .PPicon.right {
    position: absolute;
    right: 43px;
    top: 7px;
}
#trainingCamp  .trainingCamp_holder .goals .title {
    position: absolute;
    top: 0px;
    left: 13px;
    height: 18px;
    color: white;
    font: 11px/16px 'titilliumWebRegular';
}
#trainingCamp  .trainingCamp_holder .goals .progress-number {
    position: absolute;
    top: 9px;
    left: -90px;
    text-align: center;
    width: 167px;
    height: 16px;
    border-radius: 11px;
    color: white;
    font: 12px/16px 'titilliumWebRegular';
}
#trainingCamp  .trainingCamp_holder .start-new-bc {
    position: absolute;
    top: 0px;
    left: 251px;

    width: 80px;
    height: 49px;


    display: inline-block;
    width: 69px;
    height: 60px;
    margin-top: 5px;
    text-align: center;
    font: 10px/18px 'titilliumWebSemiBold';
    color: #ddcbb8;
    /*background: url(../images/new/eventGame/event_icon/next_event.png) no-repeat top;*/

    /*font: 12px/16px 'titilliumWebSemiBold';
    color: white;
    border-radius: 4px;
    background: #f7931e;

    box-shadow: 2px 3px 2px rgba(0,0,0, 0.2), 0 3px 4px rgba(0,0,0, 0.2);*/
    background: url('../images/new/warClicks/wc_splosno/research_system/tactical_map_icon_smallest.png') no-repeat 12px 14px,
    url(../images/new/eventGame/event_icon/next_event.png) no-repeat top;
    /*background-size: 100% 100%;*/
}
#trainingCamp  .trainingCamp_holder .start-new-bc:hover {
    filter: brightness(127%);
}
#trainingCamp  .trainingCamp_holder .start-new-bc > .pending-tasks {
    width: 22px;
    height: 22px;
    background: url("../chat/chat_notification_icon.png");
    position: absolute;
    top: 30px;
    left: 44px;
    transform: scale(0.85);
}
#trainingCamp  .trainingCamp_holder .start-new-bc span {
    text-align: center;
    font: 10px/18px 'titilliumWebSemiBold';
    color: #ddcbb8;
}
.trainingCamp_holder .w_all_goals  {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.trainingCamp_holder #w_all_goals  {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.trainingCamp_holder #w_all_goals .massive-holder{
    background: #eaeeef;
    width: 685px;
    height: 476px;
    position: absolute;
    margin: 0 auto;
    left: 250px;
    top: 63px;

    z-index: 1;
}
.trainingCamp_holder #w_all_goals .massive-holder .header-div{
    width: 686px;
    height: 57px;
    position: relative;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.trainingCamp_holder #w_all_goals .massive-holder .header-div .text{
    font: 25px/30px 'titilliumWebRegular';
    color: #f7931e;
    position: absolute;
    left: 14px;
    top: 16px;
}
.trainingCamp_holder #w_all_goals .massive-holder .header-div .legend{
    width: 70px;
    height: 27px;
    font: 13px/26px 'titilliumWebBold';
    position: absolute;
    left: 193px;
    top: 15px;
    text-align: center;
    color: white;
    border-radius: 4px;
}
.trainingCamp_holder #w_all_goals .massive-holder .header-div .info-button {
    margin-left: 130px;
    margin-top: 23px;
}
.trainingCamp_holder #w_all_goals .massive-holder .header-div .bc-gold-rewards {
    position: absolute;
    left: 340px;
    top: 15px;
    font: 13px/26px 'titilliumWebSemiBold';
}
.trainingCamp_holder #w_all_goals .massive-holder .header-div .bc-gold-rewards .info-button {
    margin-left: 5px;
    margin-top: -4px;
}
.trainingCamp_holder #w_all_goals .massive-holder .header-div .close{
    position: absolute;
    top: 6px;
    right: 10px;
    width: 36px;
    height: 36px;
    background: url("../images/new/warClicks/wc_splosno/sp_2_close_min.png");
}
.trainingCamp_holder #w_all_goals .massive-holder .header-div .close:hover{
    background-position-y: 36px;
    /*cursor: url("../images/cursorPointer.ico") 11 1, pointer;*/
}
.trainingCamp_holder #w_all_goals .massive-holder .left-div{
    width: 191px;
    height: 419px;
    position: relative;
    float: left;
    background: url("../images/new/bootCamp/pic.png?v=2") 0 0;
}
.trainingCamp_holder #w_all_goals .massive-holder .right-div{
    width: 493px;
    height: 419px;
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative;
    float: left;
    -webkit-transform: translateZ(0);
}
.trainingCamp_holder #w_all_goals .massive-holder .right-div > div:nth-child(odd) {
    background: #e0e5e6;
}
.trainingCamp_holder #w_all_goals .massive-holder .one-rank{
    width: 477px;
    height: 56px;
    position: relative;
}
.trainingCamp_holder #w_all_goals .massive-holder .one-rank.current{
    background-color: #bbaf9f !important;
}
.trainingCamp_holder #w_all_goals .massive-holder .one-rank.current.show {
    animation-delay: 2s;
    animation-duration: 0.7s;
    animation-iteration-count: 3;
    animation-name: current_rank_show;
    animation-timing-function: ease-in-out;
}
.trainingCamp_holder #w_all_goals .massive-holder .one-rank .sequential-number{
    width: 26px;
    height: 25px;
    position: relative;
    float: left;
    display: inline-block;
    padding: 17px 1px 12px 10px;
    font: 16px/21px 'titilliumWebRegular';
}
.trainingCamp_holder #w_all_goals .massive-holder .one-rank .lock-holder{
    width: 37px;
    height: 56px;
    position: relative;
    float: left;
}
.trainingCamp_holder #w_all_goals .massive-holder .one-rank .lock-holder .lock-img{
    width: 25px;
    height: 24px;
    position: relative;
    background: url("../images/warZone/lock_unlock.png") 0 0 no-repeat ;
    top: 15px;
    left: 2px;
    border-radius:50%;
}
.trainingCamp_holder #w_all_goals .massive-holder .one-rank .lock-holder .lock-img.current{
    border:solid #d7d0c9;
}
.trainingCamp_holder #w_all_goals .massive-holder .one-rank .flag-holder{
    width:80px;
    height:56px;
    position:relative;
    float:left;
}
.trainingCamp_holder #w_all_goals .massive-holder .one-rank .flag-holder .flag-img{
    position:relative;
    top:11px;
    width:83px;
    height:38px;
    background: url("../images/warZone/ranks.png") 0 0 no-repeat ;
    transform: scale(0.70) rotate(180deg);
}

.trainingCamp_holder #w_all_goals .massive-holder .rank-name-holder{
    /*width:256px;*/
    width: 312px;
    height: 56px;
    position: relative;
    float: left;
    left: 4px;
    font: 14px/58px 'titilliumWebRegular';
}
.trainingCamp_holder #w_all_goals .massive-holder .rank-name-holder .layout-holder{
    float: left;
    width: 200px;
    height: 100%;
    top: 7px;
    white-space: nowrap;
}
.trainingCamp_holder #w_all_goals .massive-holder .rank-name-holder .layout-holder.spec1{
    padding-top: 13px;
}
.trainingCamp_holder #w_all_goals .massive-holder .rank-name-holder .layout-holder.double{
    display: inline-block;
    float: left;
    width: 200px;
    height: 100%;
    margin-top: 9px;
    font: 14px/13px 'titilliumWebRegular';
}
.trainingCamp_holder #w_all_goals .massive-holder .rank-name-holder .layout-holder.double > span{
    line-height: 20px;
    font-size: 11px;
}
.trainingCamp_holder #w_all_goals .massive-holder .rank-name-holder .username-holder{
    color: white;
    text-align: right;
    display: inline-block;
    /*width: 30px;*/
    width: 129px;
    padding-left: 13px;
    margin-left: -30px;
    font: 16px/16px 'titilliumWebRegular';
    white-space: nowrap;
}
.trainingCamp_holder #w_all_goals .massive-holder .deal-damage{
    top: 5px;
    font: 10px/12px 'titilliumWebRegular';
    text-transform: uppercase;
}
.trainingCamp_holder #w_all_goals .massive-holder .reward-holder{
    /*position: relative;
    float: right;
    width: 79px;*/
    position: absolute;
    right: 0;
    text-align: right;
    width: 160px;
    height: 100%;
}
.trainingCamp_holder #w_all_goals .massive-holder .reward-holder .reward-icon {
    position: absolute;
    /*left: 22px;*/
    right: 11px;
    top: 14px;
    width: 34px;
    height: 34px;
}
.trainingCamp_holder #w_all_goals .massive-holder .reward-holder .reward-icon.next {
    transform: scale(0.8);
    margin-top: -11px;
}
.trainingCamp_holder #w_all_goals .massive-holder .reward-holder .reward-amount {
    font: 10px/12px 'titilliumWebSemiBold';
    position: absolute;
    bottom: 7px;
    width: 96%;
    text-align: right;

}
.trainingCamp_holder #w_all_goals .massive-holder .reward-holder .reward-amount > div{
    margin-right: -4px;
}
.trainingCamp_holder #w_all_goals .massive-holder .reward-holder .reward-icon.gold{
    background: url('../images/trainingCamp/army_box.png') 0 34px;
}
.trainingCamp_holder #w_all_goals .massive-holder .reward-holder .reward-icon.PPgain {
    background: url('../images/trainingCamp/army_box.png') 0 0px;
}
#milestonesHolder {
    z-index: 1;
}
#milestonesHolder .header .title-icon {
    background-position-x: -84px;
}
#milestonesHolder .milestones-progress-text {
    display: inline-block;
    margin-left: 17px;
    vertical-align: middle;
    font: 16px/22px 'titilliumWebSemiBold';
}
#milestonesHolder .milestones-progress {
    width: 459px;
    height: 20px;
    background: #000000;
    margin-left: 21px;
    border-radius: 8px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}
#milestonesHolder .milestones-progress.progress-bar:after {
    background: orange;
}
#milestonesHolder .milestones-progress .percentage-done{
    color: white;
    position: relative;
    z-index: 1;
    left: 192px;
    font: 16px/21px 'titilliumWebSemiBold';
    text-shadow: 1px 1px 0 black, 1px -1px 0 black, -1px 1px 0 black, -1px -1px 0 black;
}
#milestonesHolder .milestones-progress-ratio {
    font: 14px/22px 'titilliumWebRegular';
    display: inline-block;
    margin-left: 9px;
    position: relative;
    top: 2px;
}
#milestonesHolder .milestones-progress-ratio .amount{
    color: orange;
    font: 19px/22px 'titilliumWebSemiBold';
}
#milestonesHolder .milestones-units-holder {
    margin-top: 11px;
    height: 389px;
    overflow-y: scroll;
}
#milestonesHolder .milestones-unit {
    position: relative;
    margin-left: 15px;
    margin-top: 8px;
    width: 307px;
    height: 95px;
    display: inline-block;
    background: url('../images/new/bootCamp/square.png?v=1') 0 0px;
}
#milestonesHolder .milestones-unit .left{
    display: inline-block;
    width: 92px;
    height: 93px;
}
#milestonesHolder .milestones-unit .left .milestone-icon{
    margin-left: 6px;
    margin-top: -3px;
    width: 80px;
    height: 80px;
    background: url('../images/new/bootCamp/sprite_units_min.png');
}
#milestonesHolder .milestones-unit .left .done-value{
    position: absolute;
    top: 69px;
    width: 92px;
    height: 16px;
    color: white;
    text-align: center;
    font: 12px/22px 'titilliumWebRegular';
}
#milestonesHolder .milestones-unit .left .done-value .denom{
    color: #f7931e;
    font: 18px/22px 'titilliumWebBold';
}
#milestonesHolder .milestones-unit .right{
     display: inline-block;
     width: 193px;
     height: 93px;
     margin-left: 17px;
     margin-top: 13px;
     position: absolute;
}
#milestonesHolder .milestones-unit .right > div{
    text-align:left;
    color: white;
}

#milestonesHolder .milestones-unit .right .single-milestone-progress{
    position: absolute;
    top: 47px;
}
#milestonesHolder .milestones-unit .right .title{
    width: 189px;
    height: 16px;
    font: 12px/12px 'titilliumWebBold';
}
#milestonesHolder .milestones-unit .right .instructions{
    margin-top: 12px;
    width: 190px;
    height: 22px;
    font: 12px/8px 'titilliumWebRegular';
}
#milestonesHolder .single-milestone-progress {
    position: absolute;
    margin-top: 3px;
    width: 104px;
    height: 10px;
    background: #000000;
    margin-left: 0px;
    border-radius: 8px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}
#milestonesHolder .single-milestone-progress.progress-bar:after {
    background: orange;
}
#milestonesHolder .milestones-unit .right .reward{
    font: 12px/22px 'titilliumWebRegular';
    margin-top: 9px;
    width: 198px;
    height: 22px;
}
#requirementsPopupHolder.tc{
    background: url('../images/new/bootCamp/popup_sprite.png');
    padding-left: 28px;
    padding-right: 28px;
    width: 337px;
}
#requirementsPopupHolder.tc .info-text{
    padding-top: 2px;
    color: #cccccc;
}
#requirementsPopupHolder.tc .info-text > div{
    font: 12px/14px 'titilliumWebSemiBold';
    padding-left: 1px;
    margin-bottom: 20px;
    /*border-left: solid 2px #f7931e;*/
    color: white;
}
#requirementsPopupHolder.tc .info-text > .stressed{
    font: 13px/26px 'titilliumWebSemiBold';
    /*font: 14px/23px 'titilliumWebSemiBold';*/
    color: #00A99D;
    text-align: center;
    margin-top: 8px;
}
#requirementsPopupHolder.tc.trainers{
    background-position-x: 0px;
}
#requirementsPopupHolder.tc.upgrades{
    background-position-x: -393px;
}
#requirementsPopupHolder.tc.deploy{
    background-position-x: -786px;
}
#requirementsPopupHolder.tc .orange-arrow{
    display: inline-block;
    width: 7px;
    height: 12px;
    background: url('../images/new/bootCamp/orange_arrow.png');
    margin-right: 6px;
    position: relative;
    top: 2px;
}
#requirementsPopupHolder.tc .header{
    font: 14px/53px 'titilliumWebBold';
}
#startingStoryPopupHolder{
    position: relative;
    margin: 0 auto;
    width: 964px;
    height: 550px;
    background: url('../images/new/bootCamp/startingStory_bg_1.jpg');
    padding-left: 18px;
    padding-right: 18px;
    top: -44px;
    z-index: 1;
}
#startingStoryPopupHolder.next{
    background-position-y: -550px;
}
#startingStoryPopupHolder .soldier{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 156px;
    height: 212px;
    background: url('../images/new/bootCamp/soldier.png');
}
#startingStoryPopupHolder .center-holder{
    width: 750px;
    height: 412px;
    margin: 0 auto;
    /*background: yellow;*/
    margin-top: 44px;
}
#startingStoryPopupHolder .center-holder .card{
    position: relative;
    width: 228px;
    height: 361px;
    margin: 0 auto;
    background: url('../images/new/bootCamp/card.png');
    display: inline-block;
    margin-left: 20px;
    margin-top: 115px;
}
#startingStoryPopupHolder .center-holder .card > .inner-image{
    width: 184px;
    height: 210px;
    margin: 0 auto;
    background: url('../images/new/bootCamp/cards_sprite.png');
    display: inline-block;
    position: absolute;
    top: 16px;
    left: 14px;
}
#startingStoryPopupHolder .center-holder .card > .subheader {
    text-align: center;
    color: white;
    display: inline-block;
    position: absolute;
    font: 14px/20px 'titilliumWebSemiBold';
    top: 230px;
    width: 97%;
    margin-left: -2px;
}
#startingStoryPopupHolder .center-holder .card > .text {
    text-align: center;
    display: inline-block;
    position: absolute;
    font: 12px/19px 'titilliumWebRegular';
    top: 265px;
    color: #333333;
    width: 72%;
    margin-left: 26px;
}
#startingStoryPopupHolder .center-holder .hopper {
    position: absolute;
    width: 238px;
    height: 83px;
    background: url('../images/new/bootCamp/hopper_2.png');
    top: 84px;
}
#startingStoryPopupHolder .center-holder .hopper.first {
    left: 254px;
}
#startingStoryPopupHolder .center-holder .hopper.second {
    left:505px;
}
#startingStoryPopupHolder .center-holder .hopper.third {
    left: 745px;
    background-position-x: 238px;
}
#startingStoryPopupHolder .counter{
    position: absolute;
    bottom: 70px;
    right: 44px;
    font: 18px/18px 'titilliumWebRegular';
    color: white;
}
#startingStoryPopupHolder .button.skip{
    width: 84px;
    height: 46px;
    position: absolute;
    bottom: 20px;
    right: 159px;
    background: url('../images/new/bootCamp/skip_sprite_button.png');
}
#startingStoryPopupHolder .button.skip:hover{
    background-position-y: -46px;
}
#startingStoryPopupHolder .button.next{
    width: 109px;
    height: 46px;
    position: absolute;
    bottom: 20px;
    right: 38px;
    background: url('../images/new/bootCamp/next_playing_sprite_button.png');
}
#startingStoryPopupHolder .button.start{
    width: 183px;
    height: 46px;
    position: absolute;
    bottom: 20px;
    right: 38px;
    background: url('../images/new/bootCamp/start_playing_sprite_button.png');
}
#startingStoryPopupHolder .button:hover{
    background-position-y: -46px;
}
#startingStoryPopupHolder .message-box{
    width: 512px;
    height: 98px;
    position: absolute;
    padding: 10px;
    padding-left: 28px;
    bottom: 8px;
    left: 131px;
    font: 17px/17px 'titilliumWebRegular';
    background: url('../images/new/bootCamp/message_box.png');
}
#startingStoryPopupHolder .message-box > span:nth-of-type(1){
    font: 18px/18px 'titilliumWebBold';
    color: #f7931e;
    margin-top: 3px;
    position: relative;
    display: inline-block;
}
#startingStoryPopupHolder .message-box > span:nth-of-type(2){
    /*font: 14px/21px 'titilliumWebRegular';*/
    font: 14px/21px 'titilliumWebSemiBold';
    color: black;
    margin-top: 10px;
    position: relative;
    display: inline-block;
}
#startingStoryPopupHolder .message-box span.sub-info{
    font: 12px/17px 'titilliumWebRegular';
    font-style: italic;
}
#startingStoryPopupHolder.first .card{
    display: none;
}
/* SHOW BOOT CMAPS MAP */
#bootCampsMap {
    position: relative;
    margin: 0 auto;
    width: 1000px;
    height: 550px;
    top: 0px;
    left: 0;
    background: #ecf0f1;
    background: url('../images/new/warClicks/wc_splosno/research_system/bc_map_bg2_pretified.jpg');
    z-index: 1;

    overflow: hidden;
}
#bootCampsMap .header {
    height: 40px;
    background: #ecf0f1;
    padding-left: 20px;
    color: #f7931e;

    font: 16px/40px 'titilliumWebSemiBold';
}
#bootCampsMap .content {
    border-top: 5px solid #3f4651;
    padding: 15px 20px;
}
#bootCampsMap .description {
    width: 558px;
    padding: 10px;
    background: rgba(0,0,0,0.2);

    color: #ffffff;
    font: 12px/15px 'titilliumWebRegular';
}
#bootCampsMap .description p {
    margin-top: 0;
}
#bootCampsMap .description p:last-child {
    margin-bottom: 0;
}
#bootCampsMap .boot-camps-holder {
    position: absolute;

    bottom: 0px;
    right: 300px;
    height: 400px;

    width: 700px;
    overflow: hidden;
    transition: all 0.2s;
    transform: scale(1);
    will-change: transform;
    cursor: grabbing;
    cursor: -webkit-grabbing;

}
#bootCampsMap .boot-camps-holder.active {
    cursor: grabbing;
    cursor: -webkit-grabbing;
}
#bootCampsMap .boot-camps {
    position: relative;

    bottom: 0px;
    right: 0px;
    height: 400px;

    min-width: 750px;
    overflow: hidden;
}
#bootCampsMap .boot-camp {
    position: absolute;
    /*width: 467px;
    height: 286px;*/
    width: 233px;
    height: 143px;
    background: url('../images/new/warClicks/wc_splosno/research_system/bc_image_unselected.png');
    background-size: 100%;
}
#bootCampsMap .boot-camp.current {
    background: url('../images/new/warClicks/wc_splosno/research_system/bc_image.png');
    background-size: 100%;
}
#bootCampsMap .boot-camp.next:hover {
    transform: scale(1.1);
}
#bootCampsMap .boot-camp.not-reached {
    filter: brightness(50%);
}
#bootCampsMap .boot-camp.next {
    /*filter: brightness(120%);*/
    background: url('../images/new/warClicks/wc_splosno/research_system/bc_image_next.png');
    background-size: 100%;
}
#bootCampsMap .boot-camp .additional-info {
    position: absolute;
    width: 80%;
    padding: 0 10%;
    bottom: 25px;
    text-align: center;
    color: yellow;

    font: 14px/18px 'titilliumWebSemiBold';
    text-shadow: 1px 1px 0 black, 1px -1px 0 black, -1px 1px 0 black, -1px -1px 0 black;
    opacity: 0;
}
#bootCampsMap .boot-camp:hover .additional-info {
    opacity: 1;
}
#bootCampsMap .boot-camp .additional-info .check-highscores {
    color: #ffffff;
    text-shadow: 1px 1px 0 black, 1px -1px 0 black, -1px 1px 0 black, -1px -1px 0 black;
    font: 12px/16px 'titilliumWebSemiBold';
    margin-bottom: 10px;
}
#bootCampsMap .boot-camp .bc-number {
    position: absolute;
    top: -6px;
    left: 112px;
    font: 18px/20px 'titilliumWebBold';
    color: #ffffff;
    text-shadow: 1px 1px 0 black, 1px -1px 0 black, -1px 1px 0 black, -1px -1px 0 black;
}
#bootCampsMap .boot-camp .bc-boosts-provided {
    position: absolute;
    font: 11px/14px 'titilliumWebRegular';
    /*color: #f7931e;*/
    color: #ffff00;

    /* OVERRIDE - keep same for both for now */
    top: 134px;
    left: 49px;
    background: rgba(0,0,0,0.1);
    padding: 2px 3px;
    width: 130px;
    text-align: center;
}
#bootCampsMap .boot-camp .bc-boosts-provided.down {
    /*top: 139px;
    left: 139px;
    width: 116px;/*
}
#bootCampsMap .boot-camp .bc-boosts-provided.up {
    /*top: -17px;
    left: 241px;
    width: 115px;*/
}
#bootCampsMap .down-up-path {
    position: absolute;
    width: 67px;
    height: 175px;
    background: url('../images/new/warClicks/wc_splosno/research_system/down_up_path_3.png');
}
#bootCampsMap .down-up-path.arrowed {
    background: url('../images/new/warClicks/wc_splosno/research_system/arrow_down.png'), url('../images/new/warClicks/wc_splosno/research_system/down_up_path_3.png');
}
#bootCampsMap .up-down-path {
    position: absolute;
    width: 163px;
    height: 223px;
    background: url('../images/new/warClicks/wc_splosno/research_system/up_down_path3.png');
}
#bootCampsMap .up-down-path.arrowed {
    background: url('../images/new/warClicks/wc_splosno/research_system/arrow_up.png'), url('../images/new/warClicks/wc_splosno/research_system/up_down_path3.png');

}
#bootCampsMap .stats-panel {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 225px;
    height: 240px;
    padding: 10px;
    background: rgba(0,0,0,0.4);

    font: 12px/18px 'titilliumWebregular';
    color: #ffffff;
}
#bootCampsMap .stats-panel .title {
    font: 13px/18px 'titilliumWebBold';
    /*color: #f7931e;*/
    color: #4de5e8;
}
#bootCampsMap .stats-panel .total {
    font: 12px/18px 'titilliumWebBold';
    color: #f7931e;
}
#bootCampsMap .stats-panel .title {
    /*border-bottom: 1px solid #f7931e;*/
    border-bottom: 1px solid #4de5e8;
}
#bootCampsMap .stats-panel span {
    float: right;
    font: 12px/18px 'titilliumWebBold';
}
#bootCampsMap .drag-to-scroll {
    position: absolute;
    left: 189px;
    top: 165px;
    font: 14px/16px 'titilliumWebSemiBold';
    color: #ffffff;
    text-shadow: 1px 1px 0 black, 1px -1px 0 black, -1px 1px 0 black, -1px -1px 0 black;
    pointer-events: none;
}
#bootCampsMap .bc-highscores {
    display: none;
    position: absolute;
    left: 0;
    right: 55px;
    margin: 0 auto;
    top: 206px;
    width: 350px;

    background: #ecf0f1;

    font: 12px/16px 'titilliumWebSemiBold';
    color: #000000;
    box-shadow: 0 -1px 2px rgba(0,0,0, 0.5), 0 1px 2px rgba(0,0,0, 0.5);
}
#bootCampsMap .bc-highscores.shown {
    display: block;
}
#bootCampsMap .bc-highscores .content {
    border-top: none;
    padding: 10px;

}
#bootCampsMap .bc-highscores .close {
    position: absolute;
    top: -2px;
    right: 0px;
    width: 36px;
    height: 36px;
    background: url("../images/new/warClicks/wc_splosno/sp_2_close_min.png");
    background-position-x: -36px;
}
#bootCampsMap .bc-highscores .close:hover{
    background-position-y: 36px;
}
#bootCampsMap .bc-highscores .header {
    padding: 3px 10px;
    background: #3f4651;
    color: #ffffff;
    font: 13px/25px 'titilliumWebBold';
    height: 25px;
}
#bootCampsMap .bc-highscores .your-bc-stats > div {
    font: 12px/16px 'titilliumWebRegular';
    color: #000000;
}
#bootCampsMap .bc-highscores > div > div span {
    float: right;
    font: 12px/14px 'titilliumWebSemiBold';
}
#bootCampsMap .bc-highscores > div .title {
    font: 12px/16px 'titilliumWebBold';
    color: #000000;
    border-bottom: 1px solid #f7931e;
    margin: 5px 0 ;
}
#bootCampsMap .bc-highscores .top-players .title {
    color: #f7931e;
}
#bootCampsMap .bc-highscores .top-players .right-info {
    float: right;
    color: #000000;

    margin-top: -2px;
}
#bootCampsMap .gradient-endofscroll {
    position: absolute;
    width:40px;
    height: 392px;
    background: url("../images/new/warClicks/wc_splosno/research_system/gradient_endofscroll.png");
    background-size: 100% 100%;
    right: 300px;
    bottom: 0;
}
#bootCampsMap p {
    font: 13px/14px 'titilliumWebRegular';
}
#bootCampsMap .bc-boosts {
    background: #3f4651;
    padding: 15px;
    margin: 10px 0px;
    text-align: center;
}
#bootCampsMap .bc-boost {
    display: inline-block;

    width: 200px;
    padding: 10px;
    background: #f7931e;
    margin: 10px;

    color: #ffffff;
    font: 14px/16px 'titilliumWebBold';
}
#bootCampsMap .bc-boost:hover {
    filter: brightness(127%);
}
#bootCampsMap .bc-boost.selected {
    filter: brightness(127%);
}
#bootCampsMap .start-new,
#bootCampsMap .cancel {
    display: inline-block;

    padding: 4px 6px;
    margin: 5px 20px;

    font: 12px/16px 'titilliumWebSemiBold';
    color: white;
    border-radius: 4px;
    background: #f7931e;

    box-shadow: 2px 3px 2px rgba(0,0,0, 0.2), 0 3px 4px rgba(0,0,0, 0.2);
}
#bootCampsMap .start-new:hover,
#bootCampsMap .cancel:hover {
    filter: brightness(127%);
}
/* start new BC popup */
#startNewBC {
    position: absolute;
    margin: 0 auto;
    width: 800px;
    height: 500px;
    top: 25px;

    left: 0;
    right: 0;
    background: #ecf0f1;
    z-index: 2;
    font: 12px/14px 'titilliumWebRegular';
}
#startNewBC .header {
    height: 40px;
    background: #ecf0f1;
    padding-left: 20px;
    color: #f7931e;

    font: 16px/40px 'titilliumWebSemiBold';
}
#startNewBC .content {
    position: relative;
    border-top: 5px solid #3f4651;
    margin: 5px 20px 10px 20px;
    color: #000000;
}
#startNewBC .step {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    height: 420px;
    width: 100%;
}
#startNewBC .step.active {
    display: block;
}
#startNewBC p {
    font: 12px/14px 'titilliumWebRegular';
}
#startNewBC .introduction {
    font: 14px/15px 'titilliumWebRegular';
}
#startNewBC .perma-boosts {
    font: 14px/15px 'titilliumWebSemiBold';
    margin-bottom: 20px;
}
#startNewBC .perma-boosts span {
    color: #009245;
    font: 14px/15px 'titilliumWebBold';
}
#startNewBC .pros,
#startNewBC .cons {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 20px);
    padding: 0 10px;
    font: 14px/16px 'titilliumWebSemiBold';

}
#startNewBC ul {
    margin: 10px 0;
    padding-left: 19px;
}
#startNewBC ul li {
    font: 12px/16px 'titilliumWebSemiBold';
    color: #009245;
}
#startNewBC .cons ul li {
    color: #ed1c24;
}
#startNewBC .condition {
    margin-top: 10px;
    font: 14px/16px 'titilliumWebBold';
    border: 1px solid #000000;
    padding: 5px 10px;
    width: 365px;
}
#startNewBC .disclaimer {
    margin-top: 20px;
    font: 13px/14px 'titilliumWebRegular';
    font-style: italic;
}
#startNewBC .specialization-perks,
#startNewBC .extra-perks {
    font: 14px/15px 'titilliumWebSemiBold';
}
#startNewBC .extra-perks {
    border-top: 2px solid #3f4651;
    padding-top: 5px;
}
#startNewBC .current-progress {
    font: 14px/16px 'titilliumWebRegular';
}
#startNewBC .condition-holder {
    display: inline-block;
    float: right;
    margin-right: 5px;
}
#startNewBC .condition-checkbox {
    display: inline-block;
    vertical-align: top;

    /*width: 12px;
    height: 12px;
    border: 1px solid #000000;
    border-radius: 7px;
    margin-left: 5px;

    background: #ed1c24;*/
    width: 14px;
    height: 14px;
    margin-left: 5px;
    margin-top: 1px;
    background: url('../images/warZone/wc_yes_no.png') no-repeat;
    background-position-x: -14px;
    text-align: center;

    background-size: 200% 100%;
}
#startNewBC .condition-checkbox.selected {
    /*background: #009245;*/
    background-position-x: 0px;
}
#startNewBC .button {
    position: absolute;
    bottom: 0px;

    padding: 4px 6px;

    font: 14px/20px 'titilliumWebSemiBold';
    color: white;
    border-radius: 4px;
    background: #f7931e;

    box-shadow: 2px 3px 2px rgba(0,0,0, 0.2), 0 3px 4px rgba(0,0,0, 0.2);
}
#startNewBC .button:hover {
    filter: brightness(127%);
}
#startNewBC .step .button{
    left: 0px;
}
#startNewBC .step .button.previous {
    left: 200px;
}
#startNewBC .step .button:last-child {
    right: 0px;
    left: auto;
}
#startNewBC .condition-note {
    position: absolute;
    right: 50px;
    bottom: 0;
    font: 12px/25px 'titilliumWebSemiBold';
    color: red;
}
#startNewBC .bc-boosts {
    background: #3f4651;
    padding: 15px;
    margin: 10px 0px;
    text-align: center;
}
#startNewBC .bc-boost {
    display: inline-block;

    vertical-align: top;

    width: 214px;
    padding: 10px;
    background: #3f4651;
    margin: 10px 0;

    color: #ffffff;
    font: 14px/16px 'titilliumWebRegular';
    border: 3px solid transparent;
    box-shadow: 2px 3px 2px rgba(0,0,0, 0.2), 0 3px 4px rgba(0,0,0, 0.2);
}
#startNewBC .bc-boost[perkType='2'] {
    margin: 10px 19px;
}
#startNewBC .bc-boost:hover {
    border: 3px solid #f7931e;
}
#startNewBC .bc-boost.selected {
    border: 3px solid #f7931e;
}
#startNewBC .specialization-perks .bc-boost {
    height: 75px;
}
#startNewBC .extra-perks .bc-boost {
    height: 35px;
}
#startNewBC .unit-type-icon {
    float: left;
    margin-right: 8px;
    margin-bottom: 35px;
    margin-top: 29px;
    display: inline-block;
    width: 26px;
    height: 16px;
    background: url('../images/new/warZone/monitor/asl_icons_sprite.png') no-repeat
}
#startNewBC .unit-type-icon.air {
    background-position-x: -26px;
}
#startNewBC .unit-type-icon.sea {
    background-position-x: -52px;
}/*
#startNewBC .bc-boost.specialization[perkType='1'] {
    background: #99ca3b;
}
#startNewBC .bc-boost.specialization[perkType='2'] {
    background: #bebec0;
}
#startNewBC .bc-boost.specialization[perkType='3'] {
    background: #02acef;
}*/
/*
#startNewBC .start-new,
#startNewBC .cancel {
    display: inline-block;

    padding: 4px 6px;
    margin: 5px 20px;

    font: 12px/16px 'titilliumWebSemiBold';
    color: white;
    border-radius: 4px;
    background: #f7931e;

    box-shadow: 2px 3px 2px rgba(0,0,0, 0.2), 0 3px 4px rgba(0,0,0, 0.2);
}
#startNewBC .start-new:hover,
#startNewBC .cancel:hover {
    filter: brightness(127%);
}*/