/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

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;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
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;
}

body{margin: 0 auto; color: #fff; background: #000; font-family: 'DroidSans', Arial, serif;}
a {text-decoration: none;}

.clear{clear: both;}
.left{float: left;}
.right{float: right;}
.clearfix{zoom: 1;}
.clearfix:before, .clearfix:after{display: table; content: "";}
.clearfix:after{clear: both;}

.fader{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; z-index: 100; -webkit-transform: translateZ(0);}

/* WITCHER MENU */

#top3_menu_wrap{position: absolute; top: 40px; width: 100%; height: 75px; z-index: 100}
.top3_menu{list-style: none; padding: 0; display: block; position: relative; top: 15px; margin: 0 auto; width: 100%; max-width: 1000px; font-family: 'DroidSans', Arial, serif; font-size: 20px; line-height: 28px; color: #979797;}
.top3_menu li{float: left; position: relative;}
.top3_menu a{text-decoration: none; color: #979797; -moz-transition: color 0.2s linear; -webkit-transition: color 0.2s linear; transition: color 0.2s linear;}
.top3_menu span {font-size: 14px; line-height: 14px; color: #4a4a4a; display: block;}
.top3_menu li a{padding: 0 10px;}
.top3_menu li a img{vertical-align: middle;}
.top3_menu > li:hover, .top3_menu li:hover > a{color: #b51e2b;}
.top3_menu li.subscribe {background: url(https://static.cdprojektred.com/thewitcher.com/gfx/envelope-sprite.png) 0 0 no-repeat; background-position: 0 -77px; margin-left: 10px; padding-left: 40px;  -moz-transition: color 0.2s linear; -webkit-transition: color 0.2s linear; transition: color 0.2s linear;}
.top3_menu li.subscribe a{padding: 0; ecolor:#979797;}
.top3_menu li.subscribe a:hover {padding: 0; color:#b51e2b;}
.top3_menu li.subscribe:hover {background-position: 0 -77px;}
.top3_menu li.preorder a.preorder_button{display: block; width: 171px; height: 59px; background: url(https://static.cdprojektred.com/thewitcher.com/gfx/preorder-smaller_en.png) 0 -59px no-repeat; margin-top: -16px}
.top3_menu li.preorder a.preorder_button.pl{background-image: url(https://static.cdprojektred.com/thewitcher.com/gfx/preorder-smaller_pl.png);}
.top3_menu li.preorder a.preorder_button.ru{background-image: url(https://static.cdprojektred.com/thewitcher.com/gfx/preorder-smaller_ru.png);}
.top3_menu li.preorder a.preorder_button:hover{background-position: 0 0;}
.top3_menu .sn {float: right; line-height: 27px;}
.top3_menu .sn a {display: inline-block; overflow: hidden; text-indent: -9999px; padding: 0; font-size: 12px;}
.top3_menu .active a{color: #fff; font-weight: bold}
.top3_menu li.on_move{display: none;}
#top3_menu_sticky_wrap{position: fixed; -webkit-transform: translateZ(0); top: -75px; width: 100%; height: 75px; z-index: 10; background: url(https://static.cdprojektred.com/thewitcher.com/gfx/top3_menu_bg.png) 50% 0px no-repeat;}
#top3_menu_sticky_wrap .yt{right: 72px;}

.yt, .fb, .tw, .gp, .ig{background: url(https://static.cdprojektred.com/thewitcher.com/gfx/social-sprite.png) no-repeat top left}
.yt{background-position: 0 -308px; width: 26px; height: 27px;}
.yt:hover{background-position: 0 -385px; width: 26px; height: 27px;}
.fb{background-position: 0 0; width: 18px; height: 27px;}
.fb:hover{background-position: 0 -77px; width: 18px; height: 27px;}
.tw{background-position: 0 -154px; width: 27px; height: 27px;}
.tw:hover{background-position: 0 -231px; width: 27px; height: 27px;}
.ig{background-position: 0 -462px; width: 27px; height: 27px;}
.ig:hover{background-position: 0 -539px; width: 27px; height: 27px;}
.gp{background-position: 0 -616px; width: 27px; height: 27px;}
.gp:hover{background-position: 0 -693px; width: 27px; height: 27px;}

/* WITCHER NEWS */

.w2_news_bg{width: 960px; margin: 0 auto; font-family: 'DroidSans', Arial, sans-serif; color: #676666; background: url(https://static.cdprojektred.com/thewitcher.com/gfx/timeline_bg_panel.png);}
.w2_news_header{width: 100%; height: 25px; background: url(https://static.cdprojektred.com/thewitcher.com/gfx/text_news.png) 50px 50% no-repeat; overflow: hidden; text-indent: -9999px; margin: 0 0 20px 0;}
.w2_news_header.ru{background: url(https://static.cdprojektred.com/thewitcher.com/gfx/text_news_ru.png) 50px 50% no-repeat;}
.w2_news_bg a{text-decoration: none;}
.w3_overview_left{float: left; width: 540px; margin-top: 20px}
.w3_overview_right{float: right; width: 390px; padding: 20px 5px 0 5px}
.w3_overview_tab_pl{width: 100%; height: 30px; background: url(https://static.cdprojektred.com/thewitcher.com/gfx/news3.png) center no-repeat; overflow: hidden; text-indent: -9999px; margin:0 0 20px 0;}
.w3_overview_tab_en{width: 100%; height: 25px; background: url(https://static.cdprojektred.com/thewitcher.com/gfx/news3.png) center no-repeat; overflow: hidden; text-indent: -9999px; margin:0 0 20px 0;}
.community_news3_block{margin-top: 8px; padding-top: 20px; background: url(https://static.cdprojektred.com/thewitcher.com/gfx/news_block_bg.png) 0 0 no-repeat; padding-left: 48px;}
.community_news3_img{border: 1px solid #000; width: 139px; overflow:hidden; box-sizing: content-box; height: 78px; float: left; -moz-box-shadow: 0 0 5px 1px #000; -webkit-box-shadow: 0 0 5px 1px #000; box-shadow: 0 0 5px 1px #000; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
.community_news3_img:hover{border: 1px solid #b51e2b;}
.community_news3_right{width: 335px; float: right;}
.community_news3_date{color: #434343; font-size: 15px; margin-top: 10px}
.community_news3_title{color: #ffffff; font: normal 20px/20px 'DroidSans', Arial, serif; margin-top: 8px; text-shadow: 3px 3px 9px #000;}
.community_news3_title a{color: #ffffff; line-height: 22px; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
.community_news3_title a:hover {color: #b51e2b;}
.community_news3_content{color: #969696; margin-top: 10px; font: normal 15px/19px 'DroidSans', Arial, serif; text-align: justify; padding-bottom: 10px; line-height: 18px;}
.community_news3_content_noborder{border: 0;}
.community_news3_content p{margin: -5px 0; }
.community_news3_content a{color: #a52731;  -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
.community_news3_content a:hover {color: #f21a2c;}
.community_news3_comment{margin: 10px 0; display: block; background: #ff9900; text-align: center; font: normal 15px/19px 'DroidSans', Arial, serif; color: #000; padding: 8px 0; -moz-box-shadow: 0 0 5px 1px #000; -webkit-box-shadow: 0 0 5px 1px #000; box-shadow: 0 0 5px 1px #000;}
.community_news3_tab{border-bottom: 1px solid #68676b; padding-bottom: 10px}
.community_news3_big_img{margin: 10px 0 5px 0; text-align: center}
.community_news3_readmore{padding-top: 10px; text-align: left}
.community_news3_readmore .comments{background: url(https://static.cdprojektred.com/thewitcher.com/gfx/comments.png) center left no-repeat; padding-left: 20px; margin-left: 20px;}
.more_news{color: #a52731; text-align: center; display: block; margin-top: 10px; margin-bottom: 2em; padding-top: 10px; border-top: 1px solid #1B1B1B; border-image: url("https://static.cdprojektred.com/thewitcher.com/gfx/news_block_bg.png") 1 repeat; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
.more_news:hover{color: #f21a2c;}

.timeline_filter{list-style: none; width: 308px; height: 28px; margin: 30px 20px 0 45px; padding: 1px; background: url(https://static.cdprojektred.com/thewitcher.com/gfx/timeline-select.png) 0 0 no-repeat}
.timeline_filter li{float: left; line-height: 26px; text-align: center}
.timeline_filter li.active{background: #1b1b1b;}
.timeline_filter li.all{width: 30%}
.timeline_filter li.w1{width: 20%}
.timeline_filter li.w2{width: 25%}
.timeline_filter li.w3{width: 25%}
.timeline_filter a{display: block; color: #858585; font-family: 'DroidSans', Arial, serif; font-size: 13px}

.timeline_box {overflow:auto; width: 100%; max-height: 1200px;}
.shadow_top{
    position: absolute; top:0px; width: 350px; height:30px; margin-left: 45px; z-index: 2; pointer-events: none;
    background: -moz-linear-gradient(top, rgba(13, 13, 13, 1.0) 0%, rgba(13, 13, 13, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(13, 13, 13, 1.0)), color-stop(100%,rgba(13, 13, 13, 0)));
    background: -webkit-linear-gradient(top, rgba(13, 13, 13, 1.0) 0%,rgba(13, 13, 13, 0) 100%);
    background: -o-linear-gradient(top, rgba(13, 13, 13, 1.0) 0%,rgba(13, 13, 13, 0) 100%);
    background: -ms-linear-gradient(top, rgba(13, 13, 13, 1.0) 0%,rgba(13, 13, 13, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d0d0d', endColorstr='#000d0d0d',GradientType=0 );
    background: linear-gradient(top, rgba(13, 13, 13, 1.0) 0%,rgba(13, 13, 13, 0) 100%);
}
.shadow_bottom{
    position: absolute; top:1150px; width: 350px; height:50px; margin-left: 45px; z-index: 2; pointer-events: none;
    background: -moz-linear-gradient(bottom, rgba(13, 13, 13, 1.0) 0%, rgba(13, 13, 13, 0) 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(13, 13, 13, 1.0)), color-stop(100%,rgba(13, 13, 13, 0)));
    background: -webkit-linear-gradient(bottom, rgba(13, 13, 13, 1.0) 0%,rgba(13, 13, 13, 0) 100%);
    background: -o-linear-gradient(bottom, rgba(13, 13, 13, 1.0) 0%,rgba(13, 13, 13, 0) 100%);
    background: -ms-linear-gradient(bottom, rgba(13, 13, 13, 1.0) 0%,rgba(13, 13, 13, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000d0d0d', endColorstr='#0d0d0d',GradientType=0 );
    background: linear-gradient(bottom, rgba(13, 13, 13, 1.0) 0%,rgba(13, 13, 13, 0) 100%);
}
.timeline{color: #454545; font-size: 15px; line-height: 1.3em;position: relative;}
.timeline ul{list-style: none; padding: 0; margin: 0;}
.timeline .pad{height: 30px;}
.timeline li.title {padding: 0 0 20px 45px; background: url(https://static.cdprojektred.com/thewitcher.com/gfx/timeline_bg_wolf.png) 0 0 no-repeat;  -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
.timeline h3 {font-size: 20px; font-weight: normal; padding-top: 12px; padding-bottom: 5px;}
.timeline li {padding: 3px 20px 20px 45px; background: url(https://static.cdprojektred.com/thewitcher.com/gfx/timeline_bg.png) 0 0 no-repeat;  -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
.timeline_box a{color: #454545; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
.timeline .date{color: #3c3c3c; font-size: 12px; display: block; text-transform: uppercase; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
.timeline:hover{color: #969696;}
.timeline:hover a{color: #969696;}
.timeline:hover .date{color: #666666;}
.timeline .nav{text-align: center; padding: 10px 0; -moz-transition: opacity 0.2s linear; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; opacity: 0.4; filter: alpha(opacity=40)}
.timeline .nav .up, .timeline .nav .down{display: inline-block; width: 48px; height: 48px; background: url(https://static.cdprojektred.com/thewitcher.com/gfx/timeline_arrow-sprite.png) top left no-repeat; overflow: hidden; text-indent: -9999px;}
.timeline .nav .up{background-position: 0 -196px;}
.timeline .nav .down{background-position: 0 0;}
.timeline:hover .nav{opacity: 1.0; filter: alpha(opacity=100)}
.timeline .nav .up:active{background-position: 0 -294px;}
.timeline .nav .down:active{background-position: 0 -98px;}
.timeline .jspVerticalBar{position: absolute; top: 0; right: 0; width: 5px; height: 100%; background: transparent;}
.timeline .jspTrack{background: transparent; position: relative;}
.timeline .jspDrag{background: #1d1d1d; position: relative; top: 0; left: 0; cursor: pointer;}

.follow-wrap{width: 100%; text-align: center; background:#070707;}
.follow {margin: 0 auto; padding: 10px 0; line-height: 27px; height: 40px;}
.follow > * { height: 27px; display: inline-block; vertical-align: middle;}
.follow dt { line-height: 27px; font-size: 15px; color: #676666; padding-right: 10px;}
.follow dd { height: 27px; margin: 0}
.follow dd a { display: block; overflow: hidden; text-indent: -9999px; padding: 0 0 0 6px; font-size: 12px;}

.follow + * { clear: both;}

.fb-like-box-outer{width: 100%; min-height: 154px; text-align: center; background:#1a1a1a; overflow:hidden;}
.fb-hack1 {position: relative; top: 72px; width: 100%; height: 2px; background: #1a1a1a; z-index: 1;}
.fb-hack2 {position: relative; top: 161px; width: 100%; height: 2px; background: #1a1a1a; z-index: 1;}

/* EVP: HUB FOOTER */
.footer3{width: 100%;background:#070707;}
.footer3 ul{list-style: none; padding: 0; margin: 0;}
.footer3 a{text-decoration: none;}
.footer3_container{max-width: 960px; margin: 0 auto; padding-top: 5px; font-family: 'DroidSans', Arial, serif; color: #676666;border-top: 1px solid #1B1B1B;}
.footer3 h3{color: #676666;font-size: 18px; font-weight: bold; text-transform: uppercase; text-align: center; padding: 25px 0;text-shadow: none}
.footer3 .games{font-size: 14px; line-height: 1.3em; width: 100%; float: left; margin: 0 0 20px 20px;}
.footer3 .games a{color: #a52731; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
.footer3 .games a:hover {color: #f21a2c;}
.footer3 .games > li{float: left; width:24.99%; font-size: 18px; color: #fff;}
.footer3 .games ul{margin-top: 20px;}
.footer3 .games ul li{font-size: 14px;}
.footer3 .contacts, .footer3 .address{font-size: 14px; line-height: 1.3em; float: left; padding-top: 20px; margin-bottom: 40px;border-top: 1px solid #1B1B1B;}
.footer3 .contacts a, .footer3 .address a{color: #a52731; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
.footer3 .contacts a:hover, .footer3 .address a:hover {color: #f21a2c;}
.footer3 .contacts{width: 100%; text-align: center;}
.footer3 .contacts li{display: inline-block; padding-right: 25px; text-align: left;}
.footer3 .contacts li:first-child{padding-left: 20px;}
.footer3 .contacts li:last-child{padding-left: 63px;}
.footer3 .address{width: 34%}
.footer3 .address li{float: left; padding-left: 24px;}
.footer3 .copyrights{font-size: 13px; line-height: normal; text-align: center;}
.footer3 .copyrights div{display: inline-block; color: #4e4e4e; vertical-align: top; padding-right: 20px;}
.footer3 .copyrights a{display: inline-block; color: #4e4e4e; vertical-align: top; padding-right: 20px; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
.footer3 .copyrights div a{padding: 0;}
.footer3 .copyrights a:hover{color: #969696;}
.footer3 .logos{text-align: center; margin: 15px 0 30px 0;}
.footer3 .logos a.cdpr{line-height: 60px; margin-left: 145px}
.footer3 .eu{text-align: center;}
.footer3 .eu a{display: inline-block; margin-right: 20px; vertical-align: middle; margin: 20px}
.footer3 .eu img{display: inline-block; margin-right: 20px; vertical-align: middle;}
.footer3 .note{color: #4e4e4e; text-align: center; padding: 10px 0 20px 0; font-size: 13px;}



/* GO TO TOP ARROW */
#totop.fadein  { opacity: 1; transition: all 0.2s; bottom: 15px; }
#totop.fadeout { opacity: 0; transition: all 0.2s; bottom: 30px; }
#totop         { position: fixed; right: 15px; }
#totop > img   { width: 64px; }