/* main */
html, body { margin: 0; padding: 0; }
body { background: #f9daab;  overflow: hidden; overflow: visible !ie7; }
.top-banner-wrapper { width:100%; height:50px; background-color: #ffffff; position: relative; z-index:100; }
.top-banner { height:50px; margin: 0 auto; color: #ffffff; text-align:center; }

/* fonts */
@font-face {
    font-family: 'bloccregular';
    src: url('/@/images/index/fonts/blocc___-webfont.eot');
    src: url('/@/images/index/fonts/blocc___-webfont.eot?#iefix') format('embedded-opentype'),
         url('/@/images/index/fonts/blocc___-webfont.woff') format('woff'),
         url('/@/images/index/fonts/blocc___-webfont.ttf') format('truetype'),
         url('/@/images/index/fonts/blocc___-webfont.svg#bloccregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bellgothicc';
    src: url('/@/images/index/fonts/bll75__c-webfont.eot');
    src: url('/@/images/index/fonts/bll75__c-webfont.eot?#iefix') format('embedded-opentype'),
         url('/@/images/index/fonts/bll75__c-webfont.woff') format('woff'),
         url('/@/images/index/fonts/bll75__c-webfont.ttf') format('truetype'),
         url('/@/images/index/fonts/bll75__c-webfont.svg#bellgothicc') format('svg');
    font-weight: bold;
    font-style: normal;
}

/* content-block */
.main-wrapper { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: auto; position: relative !ie7; }

/* backgrounds */
.main-bg { position: relative; min-height: 825px; z-index:10; }
.parallax-bg { z-index: 0; height: 825px; max-width: 1680px; margin-left: -840px; position: absolute; top: 0; left: 50%; right: 0; overflow: hidden; }
#prlx-frame { position: absolute; top: 0; height: 825px; width: 1680px; background: url('/@/images/index/bg-frame.png') transparent center top no-repeat; }
#prlx-background { position: absolute; top: 0; left: 60px; height: 825px; width: 1680px; background: url('/@/images/index/bg-back.jpg') transparent  0 0 no-repeat; }
#prlx-middleground { position: absolute; top: 0; left: 60px; height: 825px; width: 1680px; background: url('/@/images/index/bg-middle.png') transparent  0 0 no-repeat; }
#prlx-foreground { position: absolute; top: 7px; left: 53px; height: 825px; width: 1680px; background: url('/@/images/index/bg-fore.png') transparent 0 0 no-repeat; }


/* �������� ���� */
.main-block { padding: 20px 0 85px 0; width: 920px; margin: 0 auto; font-size: 12px; font-family: Tahoma, Arial, sans-serif; color: #775727; }

/* ���� */
.logo { display: block; height: 189px; margin-top: 63px; width: 221px; }
.logo img { position: relative; margin: 5px 24px 0 0px; }
.logo .cloud { position: absolute; left: 50%; top: 64px; margin-left: -226px; }
.sofia-logo { position: absolute; z-index: 15; top: 47px; left: 50%; margin-left: -761px; width: 295px; height: 99px; }

/* */
.ref-phrases {position: relative; width: 100%; height: 1px;}
.ref-phrases .phrase-left,
.ref-phrases .phrase-right {position: absolute; top: 0; right: 10px; width: 330px; text-align: center; color: #2767b3; font-size: 24px; line-height: 22px; font-family: 'bellgothicc', Arial, Sans; text-shadow: 1px 1px 0px #9fd9ff;}
.ref-phrases .phrase-left a,
.ref-phrases .phrase-right a {text-decoration: none; color: #6227b3;}
.ref-phrases .phrase-left { left: 10px; text-align: right; }
.ref-phrases .phrase-right { right: 10px; text-align: left; }

/* ������ ������ ���� */
.play { position: relative; width: 501px; height: 420px; margin-top: 23px; margin-bottom: 140px; }
.play .start { position: absolute; z-index: 1000; top: -33px; left: 63px; display: block; text-indent: -9999em; width: 369px; height: 100px; background: url('/@/images/index/play.png') 0 0; }
.play .start.blink { background-position: 0 -100px; }
.play .start:hover { background-position: 0 -100px; }
.play .image-frame { position: absolute; top: 35px; left: -7px; display:block; height: 390px; width: 501px; background: url('/@/images/index/play-border.png') top center no-repeat; }
.play .flash-content { position: absolute; top: 42px; left: 2px;overflow: hidden;height: 370px;width: 478px; }
.play img {position: absolute; top: 40px; left: 0px;}

/* social networks */
.share { font-size: 0; width: 272px; height: 71px; background: url('/@/images/index/share.png') 0 0 no-repeat; margin: -55px auto 0px; padding-right: 8px; position: relative; z-index: 1000; position: relative;}
.share .hint { display: block;color: #697d95;background: #fff;padding: 2px 0;position: absolute; height: 12px;width: 100px;top: -12px;left: 50%;margin-left: -55px;font-weight: bold;font-size: 11px; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0;}
.share .tw, 
.share .fb { background: url('/@/images/index/share.png') 0 0 no-repeat; height: 58px; width: 58px; display: inline-block; margin: 7px 3px 2px 2px; cursor: pointer; }
.share .tw { background-position: -75px -80px; }
.share .tw:hover { background-position: -75px -140px; }
.share .fb { background-position: -138px -80px; }
.share .fb:hover { background-position: -138px -140px; }


/* ��������� */
.persons { position: relative; height: 0; width: 456px; z-index: 1; }
.persons .pers-left { position: absolute; bottom: -80px; left: -255px; }
.persons .pers-right { position: absolute; bottom: -90px; right: -180px; }
.persons .pers-left.oppositer { bottom: -98px; left: -231px; }
.persons .pers-right.depardie { bottom: -92px; right: -232px; }

/* auth */
.auth { z-index: 1000; width: 479px; position: absolute; top: 700px; left: 50%; margin-left: -245px; height: 95px; margin-top: -2px; padding-top: 14px; background: url('/@/images/index/auth-mail-bg.png') top left no-repeat; font-size: 12px;  font-family: Tahoma, Arial, sans-serif; color: #775727; }
.auth input[type="text"], 
.auth input[type="password"] { color: #ca9462; font-size: 13px; height: 20px; width: 110px; margin-right: 4px; padding: 0 5px; border: 1px solid #e28a0d; background: #fffbf4; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background: #fffbf4; box-shadow: inset 1px 2px 0px #fadeb4; -webkit-box-shadow: inset 1px 2px 0px #fadeb4; -moz-box-shadow: inset 1px 2px 0px #fadeb4; behavior: url("/@/behaviors/PIE.htc"); }
.auth button { position: relative; visibility: visible; zoom: 1; line-height: 7px; display: inline-block; //display: inline; vertical-align: text-top; text-align:center; padding: 0 !ie7; border: none; font-size: 12px; height: 22px; font-weight: bold; color: #ab5808; font-size: 11px; cursor: pointer; }
.auth button:hover { background: #f0e7da; }
.auth button div { position: absolute; top: 8px; top: 4px !ie7; left: 0; width: 100%; line-height: 6px; line-height: 12px !ie7; }
.auth table a { color: #b35501; padding-left: 6px; display: inline-block; margin-top: -3px; }
.auth table a:hover { text-decoration: none; }
.auth table { margin: 11px auto 0; padding-right: 7px; width: 430px; text-align: left; color: #775727; font-size: 10px;  margin: 30px 0 0 0 !ie7;}
.auth tr { }
.auth td { margin: 0 2px;  }
.auth .td-login button { background: url('/@/images/index/auth-mail-bg.png') 0px -110px no-repeat; width: 64px;}
.auth .td-login button:hover { background-position: -200px -110px; }
.auth .td-pwd button { background: url('/@/images/index/auth-mail-bg.png') -80px -110px no-repeat; width: 104px; }
.auth .td-pwd button:hover { background-position: -280px -110px; }
.auth .helpers { font-size: 11px; }
.auth form { margin-top: -8px; margin-top: -25px !ie7; position: relative; z-index: 2; }

/* screens */
.screens { height: 190px; width: 800px; margin-bottom: 40px !ie7; }
.screens .screens-list { padding: 0; margin: 0; margin-left: 130px !ie7;}
.screens .screen-obj { display: inline-block; //display: inline; zoom: 1;  float: left !ie7; width: 152px; list-style: none; }
.screens .screen-obj p { font-size: 11px; color: #775727; margin: 5px 0; }
.screens .screen { height: 151px; position: relative; overflow: hidden; }
.screens .screen .frm { display: block; position: absolute; top: 0px;left: 0px;right: 0px;bottom: 0px; background: url('/@/images/index/screens.png') 0 0; }
.screens .screen .scrn { display: block; /* width: 100%; height: 100%; */ position: absolute; top: 2px;left: 2px;right: 2px;bottom: 2px; }
.screens .screen-1 { width: 146px; }
.screens .screen-2 { width: 138px; }
.screens .screen-3 { width: 142px; }
.screens .screen-4 { width: 148px; }
.screens .screen-1 .frm { background-position: 0 0; }
.screens .screen-2 .frm { background-position: -145px 0; }
.screens .screen-3 .frm { background-position: -282px 0; }
.screens .screen-4 .frm { background-position: -424px 0; }
.screens .screen-1 .scrn { background: url('/@/images/index/scr/1.png') -41px 3px #fff no-repeat; }
.screens .screen-2 .scrn { background: url('/@/images/index/scr/2.png') -72px 9px #fff no-repeat; }
.screens .screen-3 .scrn { background: url('/@/images/index/scr/3.png') -41px 4px #fff no-repeat; }
.screens .screen-4 .scrn { background: url('/@/images/index/scr/4.png') -24px 2px #fff no-repeat; }
/* css3 transition effects */
/*
.screens .screen-obj .screen .scrn {  -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out;  }
.screens .screen-obj .screen:hover .scrn { -moz-transform: scale(0.9); -webkit-transform: scale(0.9); -o-transform: scale(0.9);	transform: scale(0.9); -ms-transform: scale(0.9); }
*/
.screens .screen-obj .screen .scrn { 	transition: margin-left .5s linear;	-moz-transition: margin-left .5s linear;	-ms-transition: margin-left .5s linear;	-o-transition: margin-left .5s linear;	-webkit-transition: margin-left .5s linear; }
.screens .screen-obj .screen-1:hover .scrn { margin-left: -40px; }
.screens .screen-obj .screen-2:hover .scrn { margin-left: -40px; }
.screens .screen-obj .screen-3:hover .scrn { margin-left: -30px; }
.screens .screen-obj .screen-4:hover .scrn { margin-left: -40px; }

/* screen version2 */
.screens .screen2 .frm { background: url('/@/images/index/screens2.png') 0 0; }
.screens .screen-5 { width: 147px; }
.screens .screen-6 { width: 133px; }
.screens .screen-7 { width: 144px; }
.screens .screen-8 { width: 148px; }
.screens .screen-5 .frm { background-position: 0 0; }
.screens .screen-6 .frm { background-position: -147px 0; }
.screens .screen-7 .frm { background-position: -280px 0; }
.screens .screen-8 .frm { background-position: -425px 0; }
.screens .screen-5 .scrn { background: url('/@/images/index/scr/5.png') 0px 0px #fff no-repeat; }
.screens .screen-6 .scrn { background: url('/@/images/index/scr/6.png') 0px 0px #fff no-repeat; }
.screens .screen-7 .scrn { background: url('/@/images/index/scr/7.png') 14px -3px #fff no-repeat; }
.screens .screen-8 .scrn { background: url('/@/images/index/scr/8.png') 8px 10px #fff no-repeat; }


/* footer */
.footer * {   -webkit-transition: none !important;}
.footer { margin: 45px 0 0 0; height: 80px; width: 100%; margin-top: 70px !ie7; position: relative; zoom: 1;  }
.footer .footer-links { position: absolute; top: 0 ; left: 0; margin: 0 40px;  width: 840px; height: 60px; padding: 10px 0; margin-top: 20px !ie7; left: 90px !ie7;}
.footer .bg { position: absolute; top: 0; left: 90px; right: 90px; bottom: 0; background: rgb(249,218,171); border-radius: 15px; -webkit-border-radius: 15px;-moz-border-radius: 15px;behavior: url("/@/behaviors/PIE.htc");
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
}
.footer .footer-link { list-style: none; display: inline-block;  float: left !ie7; margin: 0 7px; }
.footer .age18 { display: inline-block; display: block !ie7; margin-top: -23px !ie7; height: 62px; width: 62px; background: url('/@/images/index/age18.png') 0 0; vertical-align: middle; }
.footer a { font-size: 12px; color: #884c1e; }
.footer a:hover { text-decoration: none; }
.footer a img { vertical-align: middle; border: none; margin-top: -5px !ie7; }
.footer a img.ddestiny { margin-top: -9px; margin-top: -9px !ie7; }
.footer .disclaimer { position: absolute; top: 65px; left: 234px; }


/* ������ ������ ���� � �������� */
.side-block { position: absolute; bottom: 0; right: 0; }
.side-block.workers { height: 257px; width: 308px; background: url('/@/images/index/side-block-workers.png') top left transparent no-repeat; }


/* ���� � ������� */
.popup-wrapper { position: fixed; overflow: auto; display: none; top: 0; left: 0; right: 0; bottom: 0; z-index:1000;  }
.popup-wrapper .fader { position: absolute; z-index: 1001; top: 0; left: 0; right: 0; bottom: 0; background: #312109; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";  filter: alpha(opacity=50);  -moz-opacity: 0.5;  -khtml-opacity: 0.5;  opacity: 0.5; }
.popup-wrapper .popup { z-index: 1002; }


/* �����-���� ����������� */
.popup-wrapper.registration .fader { min-height: 800px; }
.popup-wrapper.registration .popup { width: 804px; height: 723px; left: 50%; position: absolute; background: url('/@/images/index/registration-bg-1.png') 0 0 no-repeat;  margin-top: 125px; margin-left: -402px; }


/* ���� ����������� */
.register { position: relative; }
.register .choose-side { width: 255px; height: 377px; margin: 198px 0 60px 6px; }
.register .choose-side .header { text-indent: -9999em; overflow: hidden; height: 55px; background: url('/@/images/index/register-sprite-1.png') 0 0 no-repeat; }
.register .choose-side .avatars {  }
.register .choose-side .avatars .avatar { cursor: pointer; float: left; height: 61px; width: 61px; margin: 6px 6px 7px 7px; background-color: #70c4f5; vertical-align: top; border-radius: 5px; -webkit-border-radius: 5px;-moz-border-radius: 5px; behavior: url("/@/behaviors/PIE.htc"); }
.register .choose-side .avatars .avatar img { height: 61px; width: 61px; border-radius: 4px; -webkit-border-radius: 4px;-moz-border-radius: 4px; behavior: url("/@/behaviors/PIE.htc"); }
.register .choose-side .avatars .avatar:hover { padding: 3px; margin: 3px 3px 4px 4px; background-color: #ffffff; -webkit-transition: background-color 750ms linear; -moz-transition: background-color 750ms linear; -o-transition: background-color 750ms linear; -ms-transition: background-color 750ms linear; transition: background-color 750ms linear; }
.register .choose-side .avatars .avatar.chosen { padding: 3px; margin: 3px 3px 4px 4px; background-color: #ffe270; }

.register .choose-side.resident { float: left; }
.register .choose-side.resident .header { margin: 9px 0 -2px 27px; width: 131px; }
.register .choose-side.resident .header.chosen { background-position: 0 -56px; }
.register .choose-side.resident .avatars { margin: 10px 0 0 28px; }

.register .choose-side.arrived {float: right; margin-right: 19px; margin-left: -33px; }
.register .choose-side.arrived .header { margin: 9px 0 -2px 12px;  width: 193px; background-position: -142px 0; }
.register .choose-side.arrived .header.chosen { background-position: -142px -56px; }
.register .choose-side.arrived .avatars { margin: 12px 10px 0 20px; }

.register .player-info { width: 273px; margin-left: 4px; height: 634px; float: left; }
.register .player-info .fraction-logo-wrapper { height:84px; width: 84px; margin: 13px 0 -8px 6px; background: url('/@/images/index/register-sprite-1.png') -337px 0 no-repeat; position: relative; }
.register .player-info .fraction-logo-wrapper .fraction-logo.resident { height:68px; width: 68px; position: absolute; top: -8px; left: -2px;   background: url('/@/images/index/register-sprite-1.png') -337px -84px no-repeat; }
.register .player-info .fraction-logo-wrapper .fraction-logo.arrived  { height:64px; width: 73px; position: absolute; top: 2px; left: -4px; background: url('/@/images/index/register-sprite-1.png') -337px -152px no-repeat; }

.register .player-info .player-pic  { position: relative; height: 320px; -moz-user-select: none;  -khtml-user-select: none;  -webkit-user-select: none;  -o-user-select: none;  user-select: none;  }
.register .player-info .player-pic .player-arrow  { position: absolute; height: 54px; cursor: pointer; width: 54px; top: 205px; background: url('/@/images/index/register-sprite-1.png') 0 0 no-repeat;  }
.register .player-info .player-pic .player-arrow.left  { background-position: -229px -110px; left: 15px; }
.register .player-info .player-pic .player-arrow.left:hover  { background-position: -229px -164px; }
.register .player-info .player-pic .player-arrow.right { background-position: -283px -110px; right: 13px; }
.register .player-info .player-pic .player-arrow.right:hover { background-position: -283px -164px; }
.register .player-info .player-pic .player-shadow  { position: absolute; height: 36px; width: 130px; bottom: 0px; left: 50%; margin-left: -62px; background: url('/@/images/index/register-sprite-1.png') -229px -247px no-repeat;  }
.register .player-info .player-pic .pic  { position: absolute; top: 2px; left: 22px; -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; }

.register .player-info .player-name { margin-top: 9px; font-size: 12px; line-height: 7px; font-weight: bold; font-family: Tahoma, Arial, sans-serif; color: #0f567f;  }
.register .player-info .player-name input { outline: none; font-family: Tahoma, Arial, sans; display: block; margin: 5px 0 0 7px; color: #0f567f; width: 172px; padding: 0 10px; height: 27px; font-size: 14px; font-weight: bold; line-height: 25px; text-align: center; border: 2px solid #3a8fbf; background: #fff; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -webkit-box-shadow: inset 2px 2px 0px #c1e4f0; -moz-box-shadow: inset 2px 2px 0px #c1e4f0; box-shadow: inset 2px 2px 0px #c1e4f0; behavior: url("/@/behaviors/PIE.htc"); }
.register .player-info .player-name input.error { color: red; background-color: #ffd3d3; -webkit-box-shadow: inset 2px 2px 0px #c1bdc7; -moz-box-shadow: inset 2px 2px 0px #c1bdc7; box-shadow: inset 2px 2px 0px #c1bdc7; }
.register .player-info .player-name input.success { color: #397a19; background-color: #d3ffd3; -webkit-box-shadow: inset 2px 2px 0px #9fe4c7; -moz-box-shadow: inset 2px 2px 0px #9fe4c7; box-shadow: inset 2px 2px 0px #9fe4c7; }

.register .player-info .player-email { margin-top: 3px; font-size: 12px; line-height: 12px; font-weight: bold; font-family: Tahoma, Arial, sans-serif; color: #c35b16;  }
.register .player-info .player-email input { outline: none; font-family: Tahoma, Arial, sans; display: block; margin: 1px 0 0 7px; color: #c35b16; width: 172px; padding: 0 10px; height: 27px; font-size: 14px; font-weight: bold; line-height: 25px; text-align: center; border: 2px solid #c35b16; background: #fff; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; behavior: url('/@/behaviors/PIE.htc'); }
.register .player-info .player-email input.error { color: red; background-color: #ffd3d3; -webkit-box-shadow: inset 2px 2px 0px #c1bdc7; -moz-box-shadow: inset 2px 2px 0px #c1bdc7; box-shadow: inset 2px 2px 0px #c1bdc7; }
.register .player-info .player-email input.success { color: #397a19; background-color: #d3ffd3; -webkit-box-shadow: inset 2px 2px 0px #9fe4c7; -moz-box-shadow: inset 2px 2px 0px #9fe4c7; box-shadow: inset 2px 2px 0px #9fe4c7; }

.register .player-info .player-agree { margin-top: 7px; font-size: 10px; line-height: 13px; font-weight: bold; font-family: Tahoma, Arial, sans-serif; color: #0f567f; }
.register .player-info .player-agree input { margin: -4px 2px; transform: scale(1.5); }
.register .player-info .player-agree label { color: #ffffff; }
.register .player-info .player-agree label a { color: inherit; }
.register .player-info .player-agree label a:hover { color: #0f567f; }

.register .player-info .player-bonus { margin: 3px 0 0 42px; color: #c35b16; text-align: left; width: 200px; font-size: 16px; line-height: 21px; font-family: Tahoma, Arial, sans; font-weight: bold; }
.register .player-info .player-bonus .stat-plus { height: 15px; width: 15px; margin: 3px 5px 0 0; vertical-align: text-top; display: inline-block; }

.register .player-info .start-button { display: block; border: none; cursor: pointer; margin: 12px 0 0 7px; width: 228px; height: 57px; text-indent: -9999em; background: url('/@/images/index/register-sprite-1.png') 0 -120px no-repeat;  }
.register .player-info .start-button:hover { background-position: 0 -177px;  }

.register .player-info #error { color: red; margin-top: 7px; }

/* header-link */
a.header-link { position: absolute; color: #41a3ec; text-decoration: none; padding: 1px 7px 1px 6px; z-index: 100; }
a.header-link:hover { color: #fa0000; }
a.header-link.right { position: fixed; right: 17px; }
a.header-link span { position: relative; font-family: 'bloccregular'; font-size: 15px; text-transform: uppercase; }
a.header-link.right span { margin-right: 3px; font-size: 20px; }
a.header-link i { position: relative; display: inline-block; vertical-align: middle; width: 12px; height: 7px; margin: -3px 3px 0 0; margin: -1px 3px 0 0 !ie7; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAHCAYAAAAS9422AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHZJREFUeNpi/P//PwMIOC15Kwyk3uyLEWZkoAAAzQEZKAI05y2Iz4RsOBKbXMNhet/A2IyOi9/ADScAjgFxDpQ9BYitiNAjwkKk4QxQA6cgsYkBb0BBJEKkYpgPcqBsYoAIIyiSkeMAOYLIjAMUcxhpnYoAAgwAFwk4w02p2b0AAAAASUVORK5CYII=); }
a.header-link.right i { background-position: -12px 0; margin: -3px 0 0 ; }
a.header-link b { position: absolute; top: 0; left: 0; display: inline-block; width: 100%; height: 100%; background-color: #ffffff; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }
a.header-link.left b { -moz-border-radius: 0 0 5px 0; -webkit-border-radius: 0 0 5px 0; border-radius: 0 0 5px 0;  behavior:url("/@/behaviors/PIE.htc"); }
a.header-link.right b { -moz-border-radius: 0 0 0 5px; -webkit-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px;  behavior:url("/@/behaviors/PIE.htc"); }

/* start */
.start-date-wrap  { left: 0; position: absolute; top: 5px; width: 100%; }
.start-date { position: relative; background: url(/@/images/index/date-decor.png); width: 369px; height: 99px; margin: 0 auto; }
.start-date .msg { position: relative; top: 36px; font-family: 'bloccregular'; font-size: 28px; color: #ffffff; text-shadow: -1px -1px 0 #3073a1; }
.start-time-wrap { left: 0; position: absolute; bottom: -87px; width: 100%; }
.start-time { position: relative; background: url(/@/images/index/date-decor.png) 0 -100px; width: 328px; height: 127px; margin: 0 auto; }
.start-time  .msg, .start-time  .time { position: relative; font-family: 'bloccregular'; color: #ffffff; text-shadow: -1px -1px 0 #a66d0d; }
.start-time  .msg { font-size: 15px; top: 48px; }
.start-time  .time { font-size: 26px; top: 47px; }
.start-msg { position: relative; font-family: 'bloccregular'; color: #ffffff; font-size: 44px; width: 100%; top: 5px; }
.start-msg .left { position: absolute; left: 0; width: 43%; text-align: right; }
.start-msg .right { position: absolute; right: 0; width: 46%; text-align: left; }

#start-video { position: absolute; top: 44px; left: 50%; margin-left: -235px; }
#start-video-overlay { position: absolute; top: 44px; left: 50%; margin-left: -235px; width: 470px; height: 380px; z-index: 999;  }