html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; font-family: Sans-serif; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } a:hover { border: 0; } 
body, input, button, textarea {font-family: Arial;}
@font-face {
  font-family: 'Ekibastuz-ExtraBlack';
  src: url('../font/Ekibastuz-ExtraBlack.eot?#iefix') format('embedded-opentype'),  url('../font/Ekibastuz-ExtraBlack.otf')  format('opentype'),
	     url('../font/Ekibastuz-ExtraBlack.woff') format('woff'), url('../font/Ekibastuz-ExtraBlack.ttf')  format('truetype'), url('../font/Ekibastuz-ExtraBlack.svg#Ekibastuz-ExtraBlack') format('svg');
  font-weight: normal; 
  font-style: normal;
}.tubes:after, .tubes li div p:after, .pager:after, .overflow_pole:after, footer:after, .bottom_block p:after, .first_block .bottom:after, .join-block-page:after, .clear:after {clear:both; display:block; content:'';} .with2 {display:inline-block; float:left; width: -webkit-calc(100% - 320px); width: -moz-calc(100% - 320px); width: calc(100% - 320px);} .tubes li div a.block:before {transition: all 300ms ease-in-out 0s;} body {background:#060708; font-family:Arial; font-size:12px; color:#878787; text-align:center;} body a {text-decoration:none; color:#878787;} .overflow_box {margin-left:auto; margin-right:auto; max-width:1200px; text-align:left;} .overflow_box header {} .overflow_box header div {position:relative;} .overflow_box header div img {vertical-align:top;} .overflow_box header div a.login {position:absolute; right:0; top:0; width:90px; height:32px;} .topline-text { font-family: 'Ekibastuz-ExtraBlack'; font-size:20px; color:#fefefe; text-transform:uppercase; padding-top:8px;} .topline-text em {color:#fc3113; font-size:25px;} .topline-text .size01 {font-size:28px;} .topline-text .size02 {font-size:24px;} .topline-text .right {display:inline-block; float:right; line-height:30px;} .topline-text .right a {color:#fefefe; position:relative; padding-left:25px;} .topline-text .right a:before {width:10px; height:10px; position:absolute; left:6px; top:6px;content:''; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background:#fefefe;} .topline-text .right a.signup {color:#f92000; } .topline-text .right a.signup:before {background:#f92000;} .topline-text .one {display:inline-block; float:left; line-height:30px;} .topline-text .two {display:inline-block; float:left;line-height:30px;} .tubes {margin:0 -3px 0 -3px;} .tubes li {display:inline-block; float:left; width:25%;} .tubes li div {padding:3px;} .tubes li div a.block {display:block; position:relative;} .tubes li div a.block img {width:100%; height:auto; vertical-align:bottom;} .tubes li div a.block:before {content:''; width:100%; height:100%; position:absolute; left:0; top:0; background:url('../images/watch.png') center center no-repeat; background-size:100%; opacity:0;} .tubes li:hover div a.block:before {opacity:1;} .tubes li div p {padding:4px 0;} .tubes li div p a {display:inline-block; width: -webkit-calc(100% - 60px); width: -moz-calc(100% - 60px); width: calc(100% - 60px); text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:13px; line-height:17px;} .tubes li div p a:hover { color: #d9d700; text-decoration: underline;} .tubes li div p span {display:inline-block; float:right; font-size:13px; color:#cd66b3; line-height:14px;} .tubes li div p span:before {height:14px; width:17px; display:inline-block; background:url('../images/rate.jpg') 0px 2px no-repeat; content:'';} .tubes li:last-child {display:none;} .middle_block {margin:10px 0;} .middle_block img {width:100%; vertical-align:bottom;} .middle_block a {display:block;} .slogan {text-align:center; padding:12px 0;} .slogan a { font-size: 36px; font-weight: bold; color: #d9d700; text-decoration: none; text-transform: uppercase;} .slogan a:hover {text-decoration:underline;} .slogan p { padding-top:5px; font-size: 16px; font-weight: bold; color: #878787; text-decoration: none; text-transform: uppercase;} .pager {text-align:center; margin:12px -5px;} .pager li a, .pager li {font-family: arial; font-size: 18px; font-weight: bold; color: #252525; display:inline-block; } .pager li.select {background: rgb(253, 254, 28);
    color: #000;} .pager li { padding:10px; text-align: -webkit-center;     background-color: rgb(255, 255, 255); margin-bottom:3px;}
.pager li:hover { background-color: rgb(253, 254, 28);} 

	.pager li:hover a {text-decoration:underline;} .bottom_block {} .bottom_block a {display:block;} .bottom_block img {width:100%; vertical-align:top;} footer {font-size:11px; line-height:1.2; padding:22px 0 12px 0;} footer a { color: #989898;} footer a:hover {color:#fefefe;} footer .left {display:inline-block; float:left; width:50%;} footer .right {display:inline-block; float:right; width:50%; text-align:right;} .login-btn {display:none;} .first_block {width:560px; margin-left:0; margin-right:0; display:inline-block; position:relative;} .first_block .text {background:#1f1f1f; padding:10px;} .first_block .text p { color: #9d9d9d; text-align:justify; font-size:11px; line-height:1.1;} .first_block .text span { font-size: 14px; font-weight: bold; color: #f0ed03; text-align:center; padding:10px 0; display:block;} .first_block .logo {width:100%; vertical-align:bottom;} .first_block .bottom {} .first_block .bottom a {display:inline-block; width:50%;} .first_block .bottom a img {width:100%; vertical-align:bottom;} .first_block .bottom a.leave {float:left;} .first_block .bottom a.enter {float:right;} .first_block .member {position:absolute; right:20px; top:0;} .center {text-align:center;} .footer {text-align:center; padding-top:40px; color:#6b6b6b;} .footer a {color:#9d9d9d;} .footer {font-size:11px;} .footer a:hover {color:#fefefe;} .join-block-page {display:inline-block; width:780px;} .join-block-page .player { } .join-block-page .player img {vertical-align:bottom; width:100%;} .join-block-page .form-area { } .join-block-page .form-area .sign-now {position:relative; background:rgb(17, 17, 17);} .join-block-page .form-area .sign-now form {padding:10px;} .paytype-label label label, .members-label label label {display:block; line-height:50px; background: linear-gradient(to right, #380101 ,#a504040d, #fbfbfb00); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin:3px; font-weight:600; font-size:13px; color:rgba(255,255,255,.7); padding:0 20px; vertical-align:middle;} .paytype-label label label.select, .members-label label label.select {    background: linear-gradient(to right, #c70707 ,#a5040452, #fbfbfb00);color: #fff;} .paytype-label label label.select, input, .members-label label label.select input {color:#fefefe;} .members-label label label input, .paytype-label label label input {margin:0 12px 0 0; padding:0;width:12px; vertical-align: middle; } .overflow_box header div.main picture {display:block; position:relative; width:100%; overflow:hidden; min-height:455px;} .overflow_box header div.main picture:before {content:''; background:url('../images/header-bg.jpg') center center no-repeat; width:100%; height:100%; width:1200px; position:absolute; left:50%; margin-left:-600px; top:0; } .join-button {position:relative; margin-top:10px; overflow:hidden; text-align:center;} .join-button span {display:inline-block; position:relative; width:100%;-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: rgba(245,60,57,1); background: -moz-linear-gradient(top, rgba(245,60,57,1) 0%, rgba(255,6,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,60,57,1)), color-stop(100%, rgba(255,6,0,1))); background: -webkit-linear-gradient(top, rgba(245,60,57,1) 0%, rgba(255,6,0,1) 100%); background: -o-linear-gradient(top, rgba(245,60,57,1) 0%, rgba(255,6,0,1) 100%); background: -ms-linear-gradient(top, rgba(245,60,57,1) 0%, rgba(255,6,0,1) 100%);     background: linear-gradient(to bottom, rgb(162, 9, 9) 0%, rgb(180, 8, 8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f53c39', endColorstr='#ff0600', GradientType=0 );} .join-button span:before {height:30px; position:absolute; left:0; top:0; content:''; width:100%; z-index:2; opacity:.3; background: rgba(226,226,226,1); background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,0.7) 50%, rgba(209,209,209,0.69) 51%, rgba(254,254,254,0.39) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(50%, rgba(219,219,219,0.7)), color-stop(51%, rgba(209,209,209,0.69)), color-stop(100%, rgba(254,254,254,0.39))); background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,0.7) 50%, rgba(209,209,209,0.69) 51%, rgba(254,254,254,0.39) 100%); background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,0.7) 50%, rgba(209,209,209,0.69) 51%, rgba(254,254,254,0.39) 100%); background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,0.7) 50%, rgba(209,209,209,0.69) 51%, rgba(254,254,254,0.39) 100%); background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(219,219,219,0.7) 50%, rgba(209,209,209,0.69) 51%, rgba(254,254,254,0.39) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 );} .join-button input {height:60px; line-height:60px; width:100%; border:0; display:inline-block; cursor:pointer; background:none; color:#fefefe; font-weight:800; font-size:26px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-shadow:0px 1px 1px #c13119; font-family: 'Ekibastuz-ExtraBlack'; z-index:10; position:relative;} .overflow_pole .pole {display: inline-block; width: 50%; margin-top: 10px;} .overflow_pole .pole div { position: relative;} .overflow_pole .pole div input {-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid rgba(255, 255, 255, .3); background: #111111; line-height: 40px; padding-left: 10px; width: calc(100% - 17px); color:#000; font-weight:600; color:#fefefe;} .overflow_pole .pole div input:focus {outline-color:#fefefe;} .overflow_pole .pole div input::-webkit-input-placeholder {color:#fefefe;} .overflow_pole .pole div input::-moz-placeholder {color:#fefefe;}/* Firefox 19+ */ .overflow_pole .pole div input:-moz-placeholder {color:#fefefe;}/* Firefox 18- */ .overflow_pole .pole div input:-ms-input-placeholder {color:#fefefe;} .receive {padding-top:10px;} .receive input {vertical-align:middle;} .overflow_pole .pole div select{height: 44px; width: calc(100% - 4px); padding-left: 10px; background:#111111; border: 1px solid rgba(255, 255, 255, .3); color:#fefefe;} .bottom_block a {position:relative; display:block; min-height:462px; overflow:hidden;} .bottom_block a:before {content:''; display:inline-block; position:absolute; left:50%; margin-left:-600px; width:1200px; top:0; background:url('../images/footer-bg.jpg') center center no-repeat; height:100%;} .overflow-form {max-width:none; width:100%; text-align:center; position:relative; overflow:hidden;} .overflow-form .join-block-page {max-width:none; margin-left:auto; margin-right:auto; text-align:left; overflow:hidden; position:relative;} .overflow-form:before {content:''; display:inline-block; position:absolute; left:0; top:0; width:50vw; margin-left:-390px; height:100%; background:url('../images/collage01.jpg') right top repeat-x;} .overflow-form:after {content:''; display:inline-block; position:absolute; right:0; top:0; width:50vw; margin-right:-390px; height:100%; background:url('../images/collage02.jpg') left top repeat-x;} .join-block-page .form-area .sign-now:before {height:76px; content:''; background:url('../images/signup2.png') center center no-repeat; width:780px; position:absolute; left:0; top:0px;} .join-block-page .form-area .sign-now:after {height:76px; content:''; background:url('../images/secure.png') center center no-repeat; width:86px; position:absolute; right:9px; top:0px; } .join-block-page .form-area .sign-now {padding-top:55px;} .pole div small { position: absolute; left: 4px; top: -7px; font-size: 10px; text-transform: uppercase; background: #111111; padding: 3px; font-weight: 600; } .title-b { margin-top: 20px; font-weight: 600; display: block; font-size: 14px; margin-bottom: 10px; padding-left:5px; color:#fefefe; } .bottom_block {} .bottom_block p {font-family: 'Ekibastuz-ExtraBlack'; font-size:20px; color:#fefefe; text-transform:uppercase; } .bottom_block .left {display:inline-block; float:left;} .bottom_block .right {display:inline-block; float:right;} .topline-text.jointopline .one {float:left;} .topline-text.jointopline .two {float:left;} .topline-text.jointopline .right {display:inline-block;} .overflow_box.nofix {max-width:none; width:100%;} .overflow_box.nofix .full picture, .overflow_box.nofix .full picture img, .overflow_box.nofix .full {display:block; width:100%;} .overflow_box.nofix .full picture {position:relative;overflow:hidden; } @media screen and (min-width: 1200px) { .topline-text.jointopline p{padding-left:10px; padding-right:10px;}} @media screen and (max-width: 1200px) { .bottom_block p {padding-left:10px; padding-right:10px;} .topline-text {padding-left:10px; padding-right:10px;} .overflow_box header div img {width:100%;} .overflow_box header div {overflow:hidden; } .pager, .tubes {margin-left:0; margin-right:0;} footer div.left, footer div.right { width: -webkit-calc(50% - 12px); width: -moz-calc(50% - 12px); width: calc(50% - 12px);} footer div.left {padding-left:12px;} footer div.right {padding-right:12px;} .overflow_box.nofix .full picture {height:168px; } .overflow_box.nofix .full picture:before {content:''; display:inline-block; background:url('../images/step-background.jpg') left top no-repeat; position:absolute; left:0; top:0; height:168px; width:100%;} } @media screen and (max-width: 1130px) { .bottom_block .left {display:block; float:none; text-align:center; font-size: 3.1vw; white-space: nowrap;} .bottom_block .right {display:none;} } @media screen and (max-width: 1040px) { .topline-text .two {display:none;} } @media screen and (max-width: 960px) { .tubes li {width:33.3%;} .tubes li:last-child {display:inline-block;} } @media screen and (max-width: 920px) { .join-block-page .form-area, .join-block-page .player {float:none; width:100%; display:block;} } @media screen and (max-width: 890px) { } @media screen and (max-width: 860px) { .tubes {margin:0 4px;} } @media screen and (max-width: 780px) { .join-block-page {width:100%;} .overflow_box header div.main picture {min-height:auto;} .overflow_box header div.main picture:before {display:none;} .login-btn {display:block; text-align:center; padding:10px 0;} .overflow_box header div .login-btn img { width:auto;} } @media screen and (max-width: 760px) { .bottom_block a {min-height:auto;} .bottom_block a:before {display:none;} .topline-text.jointopline .one {float:left;} .topline-text.jointopline .right {display:inline-block;} } @media screen and (max-width: 720px) { .tubes li {width:50%;} .tubes li:last-child {display:none;} } @media screen and (max-width: 680px) { .overflow_box.nofix .full picture {position:relative;overflow:hidden;height:auto;} .overflow_box.nofix .full picture:before {display:none;} } @media screen and (max-width: 620px) { .join-block-page .player {display:none;} } @media screen and (max-width: 570px) { .first_block {width:96%; } } @media screen and (max-width: 560px) { .topline-text .one, .bottom_block {display:none;} .topline-text.jointopline .right, .topline-text .right {float:none; display:block; text-align:center;} } @media screen and (max-width: 480px) { .slogan p {text-align:center;} .slogan a {text-align:justify; font-size:28px;} .slogan {padding:12px;} .tubes li {width:100%; display:block; float:none;} .tubes li:last-child {display:block;} header picture {display:block; padding-top:15px;} .login-btn {display:block; text-align:center; padding:12px 0;} .overflow_box header div .login-btn img {width:auto;} footer div.left {padding-bottom:15px;} footer div.left, footer div.right {display:block; float:none; text-align:center; width: -webkit-calc(100% - 12px); width: -moz-calc(100% - 12px); width: calc(100% - 12px); padding-right:0; padding-left:12px; } } @media screen and (max-width: 460px) { .first_block .member { display:block; text-align:center; top:auto; bottom:0; text-align:center; right:0; width:100%;} .top_line {padding-bottom:45px; position:relative;} } @media screen and (max-width: 420px) { .overflow_pole .pole {display:block; float:none; width:100%;} }