@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800|Open+Sans+Condensed:300,700&subset=latin,cyrillic);

html, body, div, span, h1, h2, h3, h4, h5, h6, p, img, sub, sup, ol, ul, li, form, label, input, select, button, textarea, table, tbody, tfoot, thead, tr, th, td, a { margin: 0; padding: 0;}
html, body { height: 100%;}
body { min-width: 1000px; font: 300 21px/25px 'Open Sans', sans-serif; color: #202020; background: #ffffff;}
img { border: none;}
a { cursor: pointer; text-decoration: none;}
p { margin-bottom: 15px;}
h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; font-weight: 800;}
h1 { font-size: 60px;}
h2 { font-size: 50px;}
h3 { font-size: 40px;}
h4 { font-size: 32px;}
h5 { font-size: 27px;}
h6 { font-size: 22px;}
input[type='submit'], input[type='button'] { cursor: pointer;}
ol, ul { margin-bottom: 20px;}
li { list-style: none;}


.header-wr { height: 63px; background: #181d28;}

.header, .about, .working, .f-aff, .contact-title h2, .contact-form, .footer { width: 1000px; margin: 0 auto;}

.header:after, .offers:after, .sl-circle:after, .sl-item-list:after, .contact-form:after, .form-b:after { content: ''; display: table; clear: both;}

.logo { float: left;}
.logo a { display: block; width: 194px; height: 82px; background: url("../images/logo.png") no-repeat;}
.nav { width: 784px; float: right; display: table;}
.nav ul { display: table-row; margin: 0;}
.nav li { display: table-cell; font: bold 16px/63px 'Open Sans', sans-serif; text-align: center;}
.nav li a { display: block; height: 63px; color: #ffffff; position: relative;}
.nav li a:before { content: ''; display: inline-block; vertical-align: middle; background: url("../images/sprite.png") no-repeat;}
.nav .wh-a a:before { width: 49px; height: 35px; margin: 2px 10px 0 0; background-position: 0 -58px;}
.nav .wh-d a:before { width: 30px; height: 35px; margin: 0 9px 2px 0; background-position: -51px -58px;}
.nav .f-a a:before { width: 48px; height: 32px; margin: 6px 8px 0 0; background-position: -83px -58px;}
.nav .c-u a:before { width: 31px; height: 32px; margin: 0 12px 2px 0; background-position: -133px -58px;}
.nav li a:hover { background: #2d364b;}
.nav li a:hover:after { content: ''; display: block; width: 22px; height: 8px; background: url("../images/sprite.png") -414px -58px no-repeat; position: absolute; bottom: -8px; left: 50%; margin-left: -11px;}

.t-img { height: 484px; background: url("../images/adc-bg.jpg") 50% 0 no-repeat;}

.about-wr { background: #4a6b9a url("../images/h-bg.jpg") 50% 0 no-repeat;}
.about h2 { margin-bottom: 50px; line-height: 118px; color: #ffffff; text-shadow: 5px 5px 0 rgba(0, 0, 0, .17);}
.about h2:before { content: ''; display: inline-block; vertical-align: middle; width: 99px; height: 70px; margin: 0 0 4px -8px; background: url("../images/sprite.png") -166px -58px no-repeat;}
.about h2 span { display: inline-block; vertical-align: middle; width: 437px; height: 56px; margin-left: 12px; padding-left: 24px; font-size: 22px; font-weight: 300; line-height: 56px; background: url("../images/sprite.png") 0 0 no-repeat; text-shadow: none;}

.offers { padding: 0 0 44px 22px;}
.offers ul { margin: 0;}
.offers li { width: 264px; height: 65px; margin: 0 28px; padding-top: 200px; float: left; text-align: center; color: #ffffff;}
.sw { background: url("../images/sweepstakes.png") no-repeat;}
.ad { background: url("../images/adult-dating.png") no-repeat;}
.vob { background: url("../images/mobile-apps.png") no-repeat;}

.working-wr { height: 1024px; background: url("../images/violet-bg.jpg") 50% 0 no-repeat; position: relative;}
.working-wr:after { content: ''; display: block; width: 100%; height: 163px; background: url("../images/perf-bg.jpg") repeat; position: absolute; bottom: 0; z-index: 10;}
.working h2 { margin-bottom: 30px; line-height: 119px; color: #ffffff; text-shadow: 5px 5px 0 rgba(0, 0, 0, .19);}
.working h2:before { content: ''; display: inline-block; vertical-align: middle; width: 56px; height: 65px; margin: 0 20px 8px 16px; background: url("../images/sprite.png") -267px -58px no-repeat;}

.slider { position: relative; z-index: 20;}
.sl-circle { text-align: center; margin-bottom: 25px;}
.sl-circle ul { margin: 0; font-size: 0; line-height: 0;}
.sl-circle li { display: inline-block; width: 15px; height: 15px; margin: 0 8px 0 9px; background: #432e34; background: url("../images/sprite.png") -267px -374px no-repeat;}
.sl-circle li a { display: block; height: 15px;}
.sl-circle li.active { background-position: -236px -374px;}

.sl-item-list {/* width: 1000px;*/ overflow: hidden;}
.sl-item-list ul { margin: 0;/* width: 500%;*/}
.sl-item-list li { width: 1000px; float: left;}
.item-img { margin-bottom: 44px; text-align: center;}
.item-info-wr { height: 163px; padding-left: 7px; font-size: 0;}
.item-info-wr:after { content: ''; display: inline-block; height: 163px; vertical-align: middle;}
.item-info { width: 758px; display: inline-block; vertical-align: middle;}
.item-info h3 { margin: 0; font: bold 47px/50px 'Open Sans Condensed', sans-serif; color: #ffffff;}
.item-info-tx { margin-bottom: 11px; font: 25px/34px 'Open Sans', sans-serif; color: #c2d2fa;}
.lang-list img { margin: 0 10px 0 2px;}
.more-link { width: 227px; display: inline-block; vertical-align: middle;}
.more-link a { display: block; height: 59px; background: url("../images/sprite.png") 0 -130px no-repeat;}
.more-link a:hover { background-position: 0 -191px;}

.jcarousel { width: 1000px; height: 835px;}

.previous, .next { display: block; width: 60px; height: 381px; background: url("../images/sprite.png") no-repeat; position: absolute; top: 115px;}
.previous { left: 5px; background-position: -94px -299px;}
.next { right: 5px; background-position: -166px -299px;}

.f-aff-wr { height: 1024px; background: url("../images/for-bg.jpg") 50% 0 no-repeat;}
.f-aff { padding-top: 49px;}
.f-aff h2 { margin-bottom: 113px; color: #ffffff; text-shadow: 5px 5px 0 rgba(0, 0, 0, .19);}
.f-aff h2:before { content: ''; display: inline-block; margin: 4px 8px 0 -2px; vertical-align: middle; width: 87px; height: 55px; background: url("../images/sprite.png") -325px -58px no-repeat;}

.work, .monetiz, .payment { color: #ffffff;}
.work { min-height: 171px; padding: 8px 154px 83px 290px; background: url("../images/work.png") 44px 0 no-repeat;}
.monetiz { min-height: 191px; padding: 13px 292px 79px 10px; text-align: right; background: url("../images/monetiz.png") 754px 0 no-repeat;}
.payment { min-height: 147px; padding: 20px 180px 0 288px; background: url("../images/payment.png") 43px 0 no-repeat;}
.work h3, .monetiz h3, .payment h3 { margin-bottom: 8px; font-size: 27px; font-weight: bold; text-transform: uppercase;}
.work h3 { text-shadow: 2px 2px 0 #0c3742;}
.monetiz h3 { text-shadow: 2px 2px 0 #277a79;}
.payment h3 { text-shadow: 2px 2px 0 #154956;}
.contact-link { height: 92px; padding-right: 27px; margin-top: -16px; text-align: right; position: relative;}
.contact-link a { display: inline-block; width: 92px; height: 73px; background: url("../images/sprite.png") 0 -374px no-repeat;}
.contact-link a:hover { background-position: 0 -299px;}

.contact-wr { padding-bottom: 60px;}
.contact-title { height: 98px; margin-bottom: 77px; padding-top: 34px; background: url("../images/newsletter.png") repeat-x;}
.contact-title h2 { color: #1d1d1d;}
.contact-title h2:before { content: ''; display: inline-block; vertical-align: middle; width: 58px; height: 57px; margin: 0 23px 12px 11px; background: url("../images/sprite.png") -267px -130px no-repeat;}
.contact-form h3 { width: 100%; margin-bottom: 35px; font: 300 22px 'Open Sans', sans-serif; color: #202020; text-align: center; overflow: hidden;}
.contact-form h3 span { padding: 0 15px; position: relative}
.contact-form h3 span:before, .contact-form h3 span:after { content: ''; display: block; width: 500px; height: 1px; background: #cbcbcb; position: absolute; top: 17px;}
.contact-form h3 span:before { right: 100%;}
.contact-form h3 span:after { left: 100%;}

.contact-c1 { width: 352px; float: left;}
.inp-wr:first-child { margin-bottom: 23px;}
.inp-wr input, .ta-wr textarea { font: 300 16px 'Open Sans', sans-serif; color: #606060; border: none;}
.inp-wr input { width: 330px; height: 45px; padding: 0 11px; line-height: 45px; background: url("../images/sprite.png") 0 -252px no-repeat;}
.inp-wr.error input { background-position: 0 -682px; color: #ca5050;}

.contact-c2 { width: 630px; float: right;}
.ta-wr textarea { width: 608px; height: 93px; padding: 10px 11px; overflow: auto; resize: none; line-height: 22px; background: url("../images/ta-bg.png") no-repeat;}
.ta-wr.error textarea { background: url("../images/ta-errror-bg.png") no-repeat; color: #ca5050;}

.form-b { padding: 20px 0 20px 370px; clear: both;}
.captcha { width: 226px; float: left; position: relative;}
.captcha img { width: 108px; height: 41px; margin-right: 10px; border: 1px solid #c4c4c4; vertical-align: middle;}
.captcha input { width: 106px; height: 45px; vertical-align: middle; border: none; background: url("../images/sprite.png") -355px -130px no-repeat; font: 300 15px/45px 'Open Sans', sans-serif; color: #606060; text-align: center;}
.error-message { display: block; width: 225px; height: 28px; background: url("../images/sprite.png") -236px -299px no-repeat; font-size: 12px; line-height: 28px; color: #ca5050; text-align: center; position: absolute; bottom: -35px; left: 0; visibility: hidden;}
.captcha.error .error-message { visibility: visible;}
.form-button { width: 100px; height: 43px; float: right;}
.form-button a { display: block; width: 50px; height: 43px; margin: 1px 0; padding: 0 37px 0 13px; background: url("../images/sprite.png") -267px -191px no-repeat; font-size: 17px; line-height: 43px; color: #ffffff;}
.form-button a:hover { background-position: -355px -252px;}


.footer-wr { background: #141724;}
.footer { padding: 38px 0 30px; text-align: center; font-size: 23px; line-height: 25px; color: #d74f66;}


.popup-wr { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100;}
.tr-bg { width: 100%; height: 100%; background: #000000; opacity: .69; filter: alpha(opacity=69);}
.popup { width: 469px; height: 92px; background: url("../images/popup-bg.jpg") no-repeat; margin: -46px 0 0 -235px; text-align: center; font-size: 23px; color: #2e617e; line-height: 92px; position: absolute; top: 50%; left: 50%;}