html,
body {
    height: 100%;
}
body {
    margin: 0;
    color: #151a1c;
    font: 15px/22px 'Open Sans', Arial, Helvetica, sans-serif;
    min-width: 1200px;
    background: #151a1c url(../images/background.jpg) no-repeat center top;
}
img {
    border-style: none;
}
a {
    text-decoration: none;
    color: #00919e;
}
a:hover {
    text-decoration: none;
    color: #ff4c86;
}
input[disabled] {
    cursor: no-drop;
}
input,
textarea,
select {
    font: 100% Arial, Helvetica, sans-serif;
    vertical-align: middle;
    color: #000;
    outline: none;
}
form,
fieldset {
    margin: 0;
    padding: 0;
    border-style: none;
}
#wrapper {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0px auto;
    font: 15px/22px 'Open Sans', Arial, Helvetica, sans-serif;
}
.mainBox {
    position: relative;
    display: block;
    margin: 0px auto;
    width: 960px;
    height: 571px;
}
h1.mainHeader,
h3.mainHeader {
    position: absolute;
    top: 205px;
    left: 50%;
    margin: 0px 0px 0px -200px;
    width: 400px;
    font: 36px/38px 'Lobster', Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: center;
    display: block;
    z-index: 20;
}
h3.mainHeader {
    top: 60px;
    color: #fff;
}
.mainText {
    position: relative;
    top: 110px;
    font: 16px/22px 'Open Sans', Arial, Helvetica, sans-serif;
    color: #93f1fa;
    text-align: center;
}
.mainDescription {
    position: absolute;
    top: 271px;
    left: 0;
    margin: 0px;
    width: 100%;
    color: #5b676b;
    font: 16px/25px 'Open Sans', Arial, Helvetica, sans-serif;
    text-align: center;
}
.mainSubmit {
    position: absolute;
    top: 371px;
    left: 50%;
    margin: 0px 0px 0px -159px;
    height: 24px;
    width: 325px;
    padding: 13px 10px 13px;
    font: 18px/20px 'Open Sans', Arial, Helvetica, sans-serif;
    color: #fff;
    text-decoration: none;
    background: #ff4786;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}
.mainSubmit:hover {
    color: #fff;
    background: #00a5b4;
}
.mainSubmit:hover:after {
    color: #fff;
    border-right: 26px solid #00a5b4;
}
.mainSubmit:before {
    content: '';
    position: relative;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: -1px 15px -4px 8px;
    background: url(../images/icon-stars.png) no-repeat center top;
}
.mainSubmit:after {
    content: '';
    position: absolute;
    bottom: -14px;
    left: 50%;
    margin: 0px 0px 0px -68px;
    border-top: none;
    border-right: 26px solid #ff4786;
    border-bottom: 26px solid rgba(0, 0, 0, 0);
    border-left: none;
}
.offerBox {
    width: 100%;
    color: #fff;
    background: #00a5b4 url(../images/background-offer.png) no-repeat center top;
}
.offerBoxWrap {
    position: relative;
    width: 960px;
    height: 159px;
    margin: 0px auto;
    text-align: center;
}
.offerRound {
    position: relative;
    display: inline-block;
    width: 114px;
    height: 114px;
    margin: -57px 20px 63px 0px;
    background: url(../images/promo-x3.png) no-repeat center top;
    cursor: pointer;
}
.offerRound span {
    position: absolute;
    left: 50%;
    bottom: 12px;
    margin: 0px 0px 0px -25px;
    width: 50px;
    font-size: 14px;
    font-family: "Open Sans";
    color: #00a5b4;
    line-height: 0.857;
    text-align: center;
}
.offerRound span strong {
    font-size: 15px;
    font-weight: bold;
}
.offerRound:hover span {
    display: none;
}
.offerRound.offer3x,
.offerRound.offer3x:hover {
    top: -36px;
    width: 74px;
    margin: 0px;
    cursor: default;
    background-position: 0px 0px;
}
.offerRound.offer3x span,
.offerRound.offer3x:hover span {
    position: absolute;
    display: inline-block;
    top: 95px;
    left: 30px;
    width: 170px;
    font-size: 15px;
    font-family: "Open Sans";
    color: #8cf5fe;
    font-style: italic;
    line-height: 1.467;
    text-align: center;
}
.offerRound .title {
    position: absolute;
    top: 117px;
    width: 100%;
    font-size: 15px;
    font-family: "Open Sans";
    color: #fff;
    text-align: center;
}
.offerRound .price {
    position: absolute;
    top: 139px;
    width: 100%;
    font-size: 15px;
    font-family: "Open Sans";
    color: #51dae6;
    text-align: center;
}
.leaderBoards {
    position: relative;
    background: #e9edee;
}
.leaderBoardsWrap {
    width: 960px;
    margin: 0px auto;
    padding: 0px 0px 30px;
}
.leaderTable {
    width: 168px;
/*    height: 468px;*/
    display: inline-block;
    background: #fff;
}
.leaderTable .iphoneHeader {
    position: relative;
    width: 100%;
    height: 64px;
    background: #f4b419;
}
.leaderTable .iphoneHeader:before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 7px;
    display: inline-block;
    width: 64px;
    height: 104px;
}
.leaderTable .iphoneHeader .title {
    position: relative;
    padding-top: 7px;
    padding-left: 84px;
    color: #fff;
    font-size: 15px;
}
.leaderTable .iphoneHeader .or {
    position: relative;
    padding-top: 0px;
    padding-left: 84px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
}
.leaderTable table {
    width: 140px;
    margin: 14px;
    border-collapse: collapse;
}
.leaderTable table tr td {
    width: 44px;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    background: #f4b419;
    border: 1px solid #fff;
}
.leaderTable table tr td:first-child {
    width: 24px;
    color: #5b676b;
    background: #e9edee;
}
.leaderTable table tr td:last-child {
    position: relative;
    padding: 0px 0px 0px 10px;
    width: 55px;
    color: #5b676b;
    text-align: left;
    overflow: hidden;
    background: none;
}
.leaderTable table tr td nobr {
    position: relative;
    overflow: hidden;
    width: 58px;
    display: block;
}
.leaderTable table tr td:last-child:before {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: inset -30px 0px 15px 0px #fff;
    -moz-box-shadow: inset -30px 0px 15px 0px #fff;
    box-shadow: inset -30px 0px 15px 0px #fff;
    z-index: 10;
}
.leaderTable.modTable2 {
    margin: 0px 0px 0px 27px;
}
.leaderTable.modTable2 .iphoneHeader:before {
    background-position: -65px 0px;
}
.leaderTable.modTable2 .iphoneHeader,
.leaderTable.modTable2 table tr td {
    background: #98a7ab;
}
.leaderTable.modTable2 table tr td:first-child {
    background: #e9edee;
}
.leaderTable.modTable2 table tr td:last-child {
    background: none;
}
.leaderTable.modTable3 {
    width: 562px;
    margin: 0px 0px 0px 27px;
}
.leaderTable.modTable3 .iphoneHeader:before {
    background-position: -130px 0px;
}
.leaderTable.modTable3 table {
    float: left;
    margin-right: 44px;
}
.leaderTable.modTable3 table:last-child {
    margin-right: 0px;
}
.leaderTable.modTable3 .iphoneHeader,
.leaderTable.modTable3 table tr td {
    background: #0bacbb;
}
.leaderTable.modTable3 table tr td:first-child {
    background: #e9edee;
}
.leaderTable.modTable3 table tr td:last-child {
    background: none;
}
.leaderTable.modTable4 {
    width: 100%;
    margin: 30px 0px 0px 0px;
}
.leaderTable.modTable4 .iphoneHeader {
    height: 61px;
    margin: 0px 0px 3px 0px;
    background: #c4d2d6;
}
.leaderTable.modTable4 .iphoneHeader .title {
    padding-left: 130px;
}
.leaderTable.modTable4 .iphoneHeader .or {
    padding-left: 130px;
}
.leaderTable.modTable4 .iphoneHeader .go {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 299px;
    height: 61px;
    line-height: 58px;
    color: #fff;
    text-align: center;
    font-size: 15px;
}
.leaderTable.modTable4 .iphoneHeader .go:after {
    content: '';
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0px -5px -6px 13px;
    background: url(../images/icon-arrow.png) no-repeat center top;
    cursor: pointer;
}
.leaderTable.modTable4 .iphoneHeader .go:hover {
    background: #21b5cb;
}
.leaderTable.modTable4 .iphoneHeader:before {
    top: -49px;
    left: -6px;
    width: 126px;
    height: 110px;
    background-position: -195px 0px;
}
.leaderTable.modTable4 table {
    width: 98.6%;
    margin-right: 0px;
}
.leaderTable.modTable4 table tr {
    float: left;
    width: 135px;
    margin: 0px;
}
.leaderTable.modTable4 table tr td {
    background: none;
}
.leaderTable.modTable4 table tr td nobr {
    width: 50px;
}
.leaderTable.modTable4 table tr td:first-child {
    width: 24px;
    color: #fff;
    background: #c4d2d6;
}
.leaderTable.modTable4 table tr td:last-child {
    width: 54px;
    background: none;
}
/*
.leaderTable.modTable4 table tr td:last-child:before {
    display: none;
}
*/
.timerBox {
    margin: 0px;
    height: 574px;
    background: #e9edee;
}
.timerBoxWrap {
    position: relative;
    width: 940px;
    height: 533px;
    padding: 10px;
    margin: 0px auto;
    background: #fff url(../images/shakes-tv.jpg) no-repeat center center;
}
.timerBoxWrap .title {
    position: absolute;
    width: 100%;
    top: 175px;
    left: 0px;
    font: 46px/46px 'Lobster', Arial, Helvetica, sans-serif;
    color: #fff;
    text-align: center;
    z-index: 20;
}
.footerBox {
    margin: 0px;
    height: 89px;
    background: #e9edee;
}
.footerBoxWrap {
    position: relative;
    width: 960px;
    height: 89px;
    margin: 0px auto;
}
.footerBoxWrap span {
    font-size: 15px;
    font-family: "Trebuchet MS";
    color: rgb(136, 146, 149);
    line-height: 1.467;
}
.footerBoxWrap span,
.footerBoxWrap a {
    display: inline-block;
    background: url(../images/footer-sprite.png) no-repeat 0px 0px;
}
.footerBoxWrap .icq {
    margin: 24px 0px 0px 2px;
    width: 77px;
    height: 20px;
    padding-left: 25px;
    background-position: 0px -15px;
}
.footerBoxWrap .skype {
    margin: 24px 0px 0px 1px;
    width: 77px;
    height: 20px;
    padding-left: 25px;
    background-position: -105px -15px;
}
.footerBoxWrap .cc {
    position: relative;
    top: -1px;
    margin: 0px 0px 0px 16px;
    width: 125px;
    height: 25px;
    font-size: 0;
    background-position: -228px -14px;
}
.footerBoxWrap .kw {
    position: relative;
    top: -8px;
    margin: 0px 0px 0px 12px;
    width: 95px;
    height: 33px;
    font-size: 0;
    background-position: -369px -12px;
}
.footerBoxWrap .se {
    position: relative;
    top: -14px;
    margin: 0px 0px 0px 21px;
    width: 137px;
    height: 40px;
    font-size: 0;
    background-position: -489px -6px;
}
.footerBoxWrap .wm {
    position: relative;
    top: -14px;
    margin: 0px 0px 0px 16px;
    width: 137px;
    height: 28px;
    font-size: 0;
    background-position: -646px -6px;
}
.footerBoxWrap .vk {
    position: relative;
    top: -20px;
    margin: 0px 0px 0px 20px;
    width: 150px;
    height: 40px;
    font-size: 0;
    background-position: -807px 0px;
}


/* .popup */
.popup{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    width:520px;
    height:320px;/*????????? ????????????? ?????? ??? popup "stat/promo"*/
    border: 0px;
    -webkit-box-shadow: 0px 0px 0px 15px rgba(21,26,28,0.2)!important;
    -moz-box-shadow: 0px 0px 0px 15px rgba(21,26,28,0.2)!important;
    box-shadow: 0px 0px 0px 15px rgba(21,26,28,0.2)!important;
    background:#fff;
    z-index:99999;
    overflow:visible!important;
}
.popup-wrap{
    /*overflow:hidden;*/
    padding:8px 15px 23px;
    position:relative;
}
.popup-wrap .heading{
    overflow:hidden;
    border-bottom:1px solid rgba(0,0,0,0.2);
    padding:0 0 16px;
    margin:0 0 30px;
}
.popup-wrap .heading h3{
    float:left;
    font:300 25px/30px "Open Sans", Arial, Helvetica, sans-serif;
    color:#151a1c;
    margin:0;
}
.popup.mod-hello {
    width:520px;
    height:350px;
}
.popup.mod-hello .popup-wrap {
    margin:8px 0px 23px 98px;
}
.popup.mod-hello .heading {
    margin:0 0 15px;
}
.popup-wrap .btn-close{
    background:url(/themes/shakesv2/images/sprite.png) no-repeat -251px -69px;
    width:18px;
    height:18px;
    text-indent:-9999px;
    overflow:hidden;
    position:absolute;
    right:15px;
    top:17px;
}

.popup-shadow {
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index: 99998;
}
.popup-shadow.mod-hello {
    opacity:0.9;
    background:#151a1c;
}
/* btn-user */
.btn-user{
    width:100%;
    height:35px;
    border:1px solid #00c8d9;
    background: #00e5f9;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwZTVmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGM3ZDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #00e5f9 0%, #00c7d9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00e5f9), color-stop(100%,#00c7d9));
    background: -webkit-linear-gradient(top,  #00e5f9 0%,#00c7d9 100%);
    background: -o-linear-gradient(top,  #00e5f9 0%,#00c7d9 100%);
    background: -ms-linear-gradient(top,  #00e5f9 0%,#00c7d9 100%);
    background: linear-gradient(to bottom,  #00e5f9 0%,#00c7d9 100%);
    font:16px/35px "Open Sans", Arial, Helvetica, sans-serif;
    color:#0c393d;
    padding:0 0 2px;
    margin:0;
    cursor:pointer;
    -webkit-box-shadow:0 1px 0 #fff inset, 0 0 5px rgba(166,243,249,0.75) inset;
    box-shadow:0 1px 0 #fff inset, 0 0 5px rgba(166,243,249,0.75) inset;
}
.btn-user:hover{
    color:#0c393d;
    text-decoration:none;
    background: #48f0ff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ4ZjBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI5JSIgc3RvcC1jb2xvcj0iIzM3ZWJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcxJSIgc3RvcC1jb2xvcj0iIzE0ZTFmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMmRiZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #48f0ff 0%, #37ebfb 29%, #14e1f3 71%, #02dbee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#48f0ff), color-stop(29%,#37ebfb), color-stop(71%,#14e1f3), color-stop(100%,#02dbee));
    background: -webkit-linear-gradient(top,  #48f0ff 0%,#37ebfb 29%,#14e1f3 71%,#02dbee 100%);
    background: -o-linear-gradient(top,  #48f0ff 0%,#37ebfb 29%,#14e1f3 71%,#02dbee 100%);
    background: -ms-linear-gradient(top,  #48f0ff 0%,#37ebfb 29%,#14e1f3 71%,#02dbee 100%);
    background: linear-gradient(to bottom,  #48f0ff 0%,#37ebfb 29%,#14e1f3 71%,#02dbee 100%);
}
.btn-user{
    display:inline-block;
    width: auto;
    height: 54px;
    line-height: 54px;
    padding:0px 20px;
    margin: 0 19px 0 0;
}
.btn-user span{
    position:relative;
}
.decoration-05{
    background:url(/themes/shakesv2/images/decoration-05.png) no-repeat;
    width:73px;
    height:264px;
    position:absolute;
    top:-33px;
    left:-98px;
}
.hide {display:none;}

.win {
    background: #c42a67 !important;
}