/* reset */
* { padding: 0; margin: 0; }

/* fonts */
@font-face {
    font-family: 'Circe-Light';
    src: url('/fonts/circe/Circe-Light.eot');
    src: url('/fonts/circe/Circe-Light.eot?#iefix') format('embedded-opentype'),
    url('/fonts/circe/Circe-Light.svg#circe-light') format('svg'),
    url('/fonts/circe/Circe-Light.woff') format('woff'),
    url('/fonts/circe/Circe-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* globals */
body, html { height: 100%; min-width: 1000px; width: 100%; }
body { font-family: "Circe-Light"; font-weight: lighter; font-size: 16px; color: #fff; }

.f-circe-light { font-family: "Circe-Light"; }

.facebook-loading { background: url("img/facebook-loader.gif") 50% 50% no-repeat; display: inline-block; }
.form-loading { background: url("img/form-loading.gif") 50% 50% no-repeat; display: inline-block; }
.hidden { display: none; }
h1,h2,h3,h4 { font-weight: lighter; text-align: center; margin-bottom: 5px; }
h1 { font-size: 60px }
h2 { font-size: 45px }
h3 { font-size: 30px }
p { margin: 1em 0; }
.t-right { text-align: right }
.t-cen { text-align: center }
.t-left { text-align: left }
a { color: #fff; }
img { border: none; }
input[type="text"],
input[type="password"],
input[type="email"],
select { background: #fff; border: 3px solid #ccbdb9; padding: 6px 12px; border-radius: 18px; outline: none; color: #7c5959; height: 17px; }
select { height: 35px !important; border-radius: 5px !important; }
input[type="button"],
input[type="submit"],
input[type="reset"] { background: #db5351; border: none; padding: 12px 24px; border-radius: 4px; outline: none; color: #fff; font-size: 20px; cursor: pointer; }
input[type="button"].yellow-btn,
input[type="submit"].yellow-btn { background-color: #ff8400; }
.block-sex-bg { width: auto; min-width: 1000px; }
.female .block-sex-bg { background-color: #db5351; }
.male .block-sex-bg { background-color: #52aadc; }
.block-gradient { min-width: 1000px; }
.female .block-gradient { background: url('img/gradient-red.jpg') repeat-x center center; min-width: 1000px; }
.male .block-gradient { background: url('img/gradient-blue.jpg') repeat-x center center; min-width: 1000px; }
.red { color: #db5351; }
.blue { color: #52aadc; }
.gray { color: #676767; }
.clear-fix { clear: both; }
.field { margin-bottom: 15px; }
.bg-red { background-color: #db5351; }
.game-back { background: url('img/game-back.png') repeat; }
table.reset td { padding: 0 !important; margin: 0 !important; }
a.refresh { display: inline-block; width: 30px; height: 30px; background: url('img/refresh.png') no-repeat; }
.separator { background: url("img/separator.png") repeat-x; width: 100%; height: 40px; position: relative; z-index: 2; }
a.yellow-btn { display: inline-block; background-color: #ff8400; color: #fff; text-decoration: none; font-size: 24px; font-weight: bold; padding: 15px 50px; border-radius: 5px; }
a.yellow-btn-disabled { display: inline-block; background-color: #ffc17f; color: #fff; text-decoration: none; font-size: 24px; font-weight: bold; padding: 15px 50px; border-radius: 5px; pointer-events: none; cursor: default; }
a.red-btn { display: inline-block; text-decoration: none; background: #db5351; border: none; padding: 12px 24px; border-radius: 4px; outline: none; color: #fff; font-size: 20px; cursor: pointer; }

/* template */
.width-cont { width: auto; max-width: 1100px; min-width: 980px; padding: 0 10px; margin: 0 auto; }

#main-bg { height: 100%; }
#main-block { height: 100%; position: relative; z-index: 1; }

.female #main-bg { background: #db5351 url("/img/back-red.jpg") center bottom no-repeat; }
.male   #main-bg { background: #52aadc url("/img/back-blue.jpg") center bottom no-repeat; }

.background-small  { background: url("/img/background-small.png?v2")  no-repeat left bottom; }
.background-normal { background: url("/img/background-normal.png?v2") no-repeat left bottom; }
.background-big    { background: url("/img/background-big.png?v2")    no-repeat left bottom; }

#h-cont { padding-top: 20px; height: 270px; position: relative; z-index: 2; }
.female #h-cont { background-color: #db5351; }
.male   #h-cont { background-color: #52aadc; }
#h-table { width: 100%; margin: 0 auto }
#h-table td { vertical-align: top; }
#h-table input[type="submit"] { background: #fff; border: none; padding: 7px 12px; border-radius: 16px; outline: none; color: #db5351; font-weight: bold; font-size: 13px; }

#h-logo { background: url("img/logo.png") no-repeat; width: 156px; height: 47px; }
#h-logo-alpha { background: url("img/logo-alpha.png") no-repeat; width: 156px; height: 59px; }
#h-logo-beta  { background: url("img/logo-beta.png") no-repeat;  width: 156px; height: 59px; }

#background { height: 100%; margin-top: -330px; position: relative; z-index: 1; }

#login-form { display: inline-block; }
#login-form a { font-size: 12px; }
#login-form input[type="password"],
#login-form input[type="email"] { border: 2px solid #fff; }

#login-table td { padding: 0; }

#logged-form { display: inline-block; }

#web-auth-form input[type="email"],
#web-auth-form input[type="password"] { width: 150px; }

#reg-form { padding: 40px 100px; background-color: #efe8e2; color: #7c5959; }
#reg-form a { color: #7c5959; }
#reg-form table#reg-table td { padding: 10px 20px; vertical-align: middle; }
#reg-form table#reg-table th { padding: 10px 20px; text-align: left; font-size: 20px; }
#reg-form table#reg-table table.inner-table td { padding: 0 10px 0 0 }
#reg-form input[type="email"],
#reg-form input[type="password"],
#reg-form input[type="text"] { width: 270px; }
#reg-form #captcha-cont { width: 84px; height: 33px; }
#reg-form img#captcha { border: 3px solid #ccbdb9; border-radius: 5px; width: 80px; height: 27px; }

#forgot-passwd,
#reset-passwd,
#unsubscr-all { padding: 40px; background-color: #efe8e2; color: #7c5959; width: 300px; }
#forgot-passwd input[type="email"],
#forgot-passwd input[type="password"],
#reset-passwd input[type="email"],
#reset-passwd input[type="password"],
#unsubscr-all input[type="email"] { width: 270px; }

#contacts { width: 380px; padding: 40px; text-align: justify }
#contacts a { color: #7c5959; }
#contacts .about { font-size: 11px; margin-top: 20px; }

#terms { padding: 0 20px; background-color: #efe8e2; color: #7c5959;  }
#terms a { color: #7c5959; }
#terms .ident-1 { margin-left: 20px; }
#terms .ident-2 { margin-left: 40px; }
#terms .ident-3 { margin-left: 60px; }
/* #contacts .zombaio { font-size: 11px; } */

#payment-approved,
#payment-declined { text-align: center; padding: 40px; }

#tech-work { width: 450px; padding: 40px; text-align: justify }
#standalone-win { width: 450px; padding: 40px; text-align: justify }

#facebook-additionals { padding: 40px 100px; width: 374px; background-color: #efe8e2; color: #7c5959; text-align: center; }
#facebook-ajax-form a { color: #7c5959; }
#facebook-ajax-form input[type="text"] { width: 304px; }
#facebook-ajax-form .country-select select { width: 334px; }
#facebook-ajax-form .date-select select { width: 32%; }
#facebook-additionals-table td { padding: 10px 20px; vertical-align: middle; }
#facebook-additionals-table th { padding: 10px 20px; text-align: left; font-size: 20px; }
#facebook-additionals-table table.inner-table td { padding: 0 10px 0 0; text-align: left; }

#guest-login { background: url("img/guest-back.png"); width: 372px; padding: 30px;  display: inline-block; position: relative; z-index: 3; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; font-size: 18px; }
#guest-login table { margin-top: 10px; }
#guest-login table td { padding: 15px 10px 0 0; }
#guest-login input[type="submit"] { background-color: #ff8400; border: 3px solid #fff; width: 100%; }
#guest-login table.inner-table { margin-top: 0 }
#guest-login table.inner-table td { padding-top: 0 }

div.scroll-down { background: url("img/mouse.png") no-repeat top center; padding-top: 35px; min-width: 21px; display: inline-block; cursor: pointer; z-index: 2; font-size: 14px; }

#play-btn-cont { display: inline-block; margin-top: 100px }
#play-btn-cont a.play-btn { display: inline-block; background-color: #ff8400; border: 3px solid #fff; padding: 12px 24px; border-radius: 4px; color: #fff; font-size: 20px; cursor: pointer; text-decoration: none; width: 200px; text-align: center; }

#unity-win,
#unity-osx,
#unity-unsupported-browser,
#unity-unsupported-os { padding: 50px 60px; background-color: #fff; color: #503838; width: 800px; }
#unity-unsupported-browser,
#unity-unsupported-os { width: 600px; }
#unity-win table,
#unity-osx table { width: 100%; }
#unity-win table th,
#unity-osx table th { padding: 10px 20px; text-align: center }
#unity-win table td,
#unity-osx table td { padding-top: 10px; text-align: center }

#unity-inst-step1,
#unity-inst-step2,
#unity-npapi-disabled { padding: 30px 60px; background-color: #fff; color: #503838; width: 800px; }
#unity-inst-step1 table,
#unity-inst-step2 table { width: 100%; }
#unity-inst-step1 table td,
#unity-inst-step2 table td { padding-top: 10px; text-align: center; width: 33.3%; }

#status-panel { background: url("img/status-panel.png"); position: absolute; bottom: 0; width: 100%; margin: 0 auto; text-align: center; font-size: 20px; z-index: 1; min-width: 1000px; }
#status-panel table td { width: 20%; vertical-align: middle; }
#status-panel table td.status { padding: 20px 0; width: 60% }

#demo-carousel-cnt { height: auto; overflow-x: hidden; }

#screens { padding: 50px 0; text-align: center; }

#footer-login { background: url('img/footer-login/mw.png') no-repeat center center; padding-top: 50px; height: 750px; min-width: 1000px; }
#footer-login table td { padding: 2px 5px; text-align: left; }
#footer-login #footer-guest-login { margin-top: 450px; display: inline-block }

#footer-login #footer-guest-login input[type="submit"] { background: #ff8400; border: none; padding: 13px 18px; border-radius: 22px; outline: none; color: #fff; font-weight: bold; font-size: 14px; }

#footer { padding: 40px 0; background-color: #242424; text-align: center; font-size: 14px; }
#footer #f-menu { display: inline-block }
#footer #f-menu ul { list-style: none; margin: 0; padding: 0; margin-top: 10px; }
#footer #f-menu li { display: inline; margin-right: 10px; }
#footer #f-menu li.last { margin-right: 0; }
#footer #f-menu a { text-decoration: none; }

#avatar-upload   { padding: 20px 40px; background-color: #efe8e2; color: #7c5959; width: 250px; }
#photo-upload    { padding: 20px 40px; background-color: #efe8e2; color: #7c5959; width: 250px; }
#payment-confirm { padding: 20px 40px; background-color: #efe8e2; color: #7c5959; width: 250px; }
#payment-disabled { padding: 20px 40px; background-color: #efe8e2; color: #7c5959; }

#url-confirm { padding: 20px 40px; background-color: #efe8e2; color: #7c5959; width: 250px; }

#unity-player { cursor: default; }
#unity-player embed,
#unity-player object { margin: 0 auto; }
.unity-hidden { width: 0px !important; height: 0px !important; overflow: hidden; }
.unity-hidden-ie-fix { position: fixed !important; left: -10000px !important; }

#ccbill { color: #7c5959; background-color: #fff; width: 900px; height: 100%; }

#no-unity3d { position: relative; }

/* Hack: Hide unity NPAPI instructions (unityobject2) */
#ChromeMissingUnityPlayer,
#ThisBrowserDoesNotSupportUnityPlayer { display: none !important; }