#step1,#step2,#step3{float: left;width: 100%;}
#step2{display: none;}
#step3{display: none;padding: 60px 0 0;}

.proPlayerSalarayWidget *{font-family: 'helvetica';box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;outline: none}
.proPlayerSalarayWidget{background: #222;font-family: 'helvetica';width: 730px;min-height: 779px;margin: auto;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

.topTextOrange{color: #ffc600;float: left;font-family: 'helvetica';font-size: 27px;font-weight: bold;line-height: 33px;padding: 35px 35px 20px;text-align: center;width: 100%;}
.topTextBlue{color: #41bbfb;float: left;font-family: 'helvetica';font-size: 21px;font-weight: bold;padding: 0 0 5px;text-align: center;width: 100%;}

.topPlayerSlider{background: #333;float: left;position: relative;top: 11px;width: 100%;margin-bottom: 15px;}
.topPlayerCarousel {position: relative;overflow: hidden;width: 100%;margin: 0;top: 0;padding: 10px 0;}
.topPlayerCarousel ul{width: 100%;position: relative;list-style: none;margin: 0;padding: 0;text-align: center;}
.topPlayerCarousel li{display: inline-block;width: 140px;border-left: 8px solid transparent;border-right: 7px solid transparent;height: 150px;cursor: pointer;position: relative;}
.topPlayerCarousel li img{display: block;margin: auto;}

.playerInfoBox{width: 100%;background: #14a8f5;color: #fff;position: absolute;bottom: 18px;left: 0;height: 33px;}
.playerNameBox{position: absolute;width: 100%;padding-right: 32px;top: 0;left: 0;}
.playerNameBox:after{border-left: 1px solid #8ad4fa;content: "";display: block;position: absolute;right: 30px;top: 0;height: 100%;width: 0;}
.playerFirstname{float: left;font-family: 'helvetica';font-size: 13px;font-weight: bold;line-height: 14px;padding: 2px 0 1px 4px;text-transform: uppercase;width: 100%;text-align: left;}
.playerLastname{float: left;font-family: 'helvetica';font-size: 13px;font-weight: bold;line-height: 14px;padding: 0 0 2px 12px;text-transform: uppercase;width: 100%;text-align: left;}
.playerCheckBox{float: right;width: 20px;height: 20px;background: url('../imgs/salary/sprite.png') no-repeat 0 -60px;margin: 6px 4px 0 0;}
.playerCheckBox.selected{background-position: -20px -60px;margin: 6px 3px 0 0;width: 22px;}


.showdown {
    color:#14A8F5;
    float: left;
    font-family: 'helvetica';
    font-size: 60px;
    font-weight: bold;
    text-align: center;
    width: 100%;
	margin-bottom:80px;
}
.youVsPlayerBox{float: left;padding: 14px 0 12px;width: 100%;}
.cardsBox{display: block;height: 266px;margin: auto;position: relative;width: 456px;}
.cardsBox img{float: left;width: 201px;height: 266px;}
.vsSepparatorBox{background: url('../imgs/salary/sprite.png') no-repeat 0px -80px;height: 110px;left: 50%;margin: -85px 0 0 -55px;position: absolute;top: 50%;width: 110px;z-index: 9;}
.yourCardBox{float: left;height: 266px;width: 201px;position: relative;}
.yourCardBox span{background: #14a8f5;bottom: 36px;color: #fff;font-family: 'helvetica';font-size: 23px;font-weight: bold;left: -37px;padding: 7px 10px;position: absolute;text-transform: uppercase;}
.playerCardBox{float: right;height: 266px;width: 201px;position: relative;}
.playerCardBox div{background: #14a8f5;bottom: 36px;color: #fff;font-family: 'helvetica';font-size: 23px;font-weight: bold;right: -59px;padding: 7px 0;position: absolute;text-transform: uppercase;text-align: center;min-width: 170px;}
.playerCardBox div.proPlayerSetName{padding: 2px 10px 3px;}
.playerCardBox div span{color: #fff;float: left;font-family: 'helvetica';font-size: 15px;font-weight: bold;line-height: 18px;text-transform: uppercase;width: 100%;}
.findProPlayerEarn{color: #fff;float: left;font-family: 'helvetica';font-size: 21px;font-weight: bold;line-height: 26px;padding: 0 20px;text-align: center;width: 100%;}
.findProPlayerEarn span{color: #41bbfb;}
.findProPlayerEarn span.setPlayerName{color: #fff;}
.yourSalaryBox{float: left;padding: 16px 0 40px;width: 100%;}
.salaryCustomInpBox{border: 1px solid #494949;display: block;height: 56px;margin: auto;position: relative;width: 290px;}
.salaryCustomInpBox span{color: #fff;float: left;font-family: 'helvetica';font-size: 34px;font-weight: bold;padding: 7px 5px 0 19px;}
input.salaryCustomInp{background: none;border: 0 none;color: #fff;float: left;font-family: 'helvetica';font-size: 33px;font-weight: bold;height: 40px;line-height: 40px;margin: 6px 0 0;padding: 0;width: 193px;}
.sendUserSalaryBtn{background: #14a8f5;float: right;width: 36px;height: 36px;position: relative;margin: 9px 9px 0 0;cursor: pointer;}
.sendUserSalaryBtn:after{content: "";display: block;background: url('../imgs/salary/sprite.png') no-repeat -90px -58px;height: 22px;width: 20px;position: absolute;top: 50%;left: 50%;margin: -11px 0 0 -10px;}

.needTimeText{color: #fff;float: left;font-family: 'helvetica';font-size: 21px;font-weight: bold;text-align: center;width: 100%;}
.needTimeText span{color: #14a8f5;}
.needYearsMonths{color: #fff;float: left;font-family: 'helvetica';font-size: 70px;font-weight: bold;line-height: 80px;text-align: center;width: 100%;}
.needDaysHours{color: #fff;float: left;font-family: 'helvetica';font-size: 62px;font-weight: bold;line-height: 70px;margin-top: -8px;text-align: center;width: 100%;}
.anotherPlayerBox{float: left;padding: 225px 0 0;width: 100%;}
.anotherPlayerBtn{background: #14a8f5;color: #fff;display: block;font-family: 'helvetica';font-size: 21px;font-weight: bold;margin: auto;padding: 5px 10px 7px 20px;text-transform: uppercase;width: 294px;cursor: pointer;}
.socialBtnsRow{float: left;padding: 20px 0 0;width: 100%;}
.socialBtnsBox{display: block;margin: auto;width: 288px;}
.socialBtnsBox span{color: #fff;float: left;font-family: 'helvetica';font-size: 21px;font-weight: bold;line-height: 34px;}
.twitterSocIcon{background: url('../imgs/salary/sprite.png') no-repeat -35px -191px;float: right;height: 34px;margin-left: 4px;width: 34px;}
.facebookSocIcon{background: url('../imgs/salary/sprite.png') no-repeat 0px -191px;float: right;height: 34px;width: 34px;}


@media all and (max-width: 750px) {
	.proPlayerSalarayWidget{width: 100%;float: left;min-width: 300px;}
	.topTextOrange{padding: 15px 10px;font-size: 22px;line-height: 26px;}
	.topTextBlue{padding: 0 0 15px;}
	#step3{padding: 35px 10px;}
}

@media all and (max-width: 585px) {
	.cardsBox{width: 201px;height: 625px;}
	.yourCardBox span{left: 0;width: 100%;text-align: center;}
	.playerCardBox div{right: 0;width: 100%;}
	.vsSepparatorBox{margin: -73px 0 0 -50px;}
	.yourCardBox{margin-bottom: 65px;}
	.findProPlayerEarn br{display: none;}
	.needTimeText{padding-bottom: 20px;}
	.needYearsMonths{font-size: 55px;line-height: 60px;}
	.needDaysHours{font-size: 50px;line-height: 55px;margin-top: 3px;}
	.anotherPlayerBox{padding: 100px 0 0;}
	.anotherPlayerBtn{padding: 5px 5px 7px;text-align: center;width: 100%;max-width: 294px;}
}