body#witcher3{ background:#000; color:#bdbdbd;}
/*fonts*/
@font-face { font-family: 'DIN Pro Bold'; src: url('font/path/din_pro_bold.eot'); src: url('font/path/din_pro_bold.eot?#iefix') format('embedded-opentype'), url('font/path/din_pro_bold.svg#DIN Pro Bold') format('svg'), url('font/path/din_pro_bold.woff') format('woff'), url('font/path/din_pro_bold.ttf') format('truetype'); font-weight: normal; font-style: normal;}

@font-face{
	font-family: 'bignoodletitlingregular';
	src: url('../fonts/big_noodle_titling-webfont.eot');
	src: url('../fonts/big_noodle_titling-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/big_noodle_titling-webfont.woff') format('woff'),
		 url('../fonts/big_noodle_titling-webfont.ttf') format('truetype'),
		 url('../fonts/big_noodle_titling-webfont.svg#bignoodletitlingregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'bebas_neue_cyrillicregular';
	src: url('../fonts/bebas_neue_cyrillic-webfont.eot');
	src: url('../fonts/bebas_neue_cyrillic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/bebas_neue_cyrillic-webfont.woff') format('woff'),
		 url('../fonts/bebas_neue_cyrillic-webfont.ttf') format('truetype'),
		 url('../fonts/bebas_neue_cyrillic-webfont.svg#bebas_neue_cyrillicregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'DINCondMediumRegular';
	src: url('../fonts/ff_din_condensed_medium-webfont.eot');
	src: url('../fonts/ff_din_condensed_medium-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/ff_din_condensed_medium-webfont.woff') format('woff'),
		 url('../fonts/ff_din_condensed_medium-webfont.ttf') format('truetype'),
		 url('../fonts/ff_din_condensed_medium-webfont.svg#DINCondMediumRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'PTSansNarrowRegular';
	src: url('../fonts/PTN57F-webfont.eot');
	src: url('../fonts/PTN57F-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/PTN57F-webfont.woff') format('woff'),
		 url('../fonts/PTN57F-webfont.ttf') format('truetype'),
		 url('../fonts/PTN57F-webfont.svg#PTSansNarrowRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
body#witcher3 a.link,body#witcher3 a.link:link{ text-decoration:underline; color:#F00;}
body#witcher3 a.link:hover{ background:#F00; color:#FFF; text-decoration:none;}
body#witcher3 h1{ font-size:60px;}
body#witcher3 h2{ font-size:50px;}
body#witcher3 h3{ font-size:40px;}
body#witcher3 h4{ font-size:30px;}
body#witcher3 h6{ font-size:18px; margin:0; padding:10px 0 0 0;}
body#witcher3 h4.border{ border:3px solid #76b900; border-width:0 0 3px 0; display:inline-block;}
body#witcher3 h1, body#witcher3 h2,
body#witcher3 h3, body#witcher3 h4,
body#witcher3 h5, body#witcher3 h6{ margin:0px 0; padding:0;}
body#witcher3 p{font-family: 'DINCondMediumRegular',Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important; }
sup{ font-size:12px;}
.text-big{ font-size:90px;}
.fs_01 { font-family: 'bignoodletitlingregular',Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important; }
.fs_02 { font-family: 'bebas_neue_cyrillicregular',Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important;}
.fs_03 { font-family: 'DINCondMediumRegular',Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important;}
.fs_03_big { font-family: 'DINCondMediumRegular',Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important; text-transform:uppercase;}
.fs_04 { font-family: 'PTSansNarrowRegular',Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important;}
.fs_04_big { font-family: 'PTSansNarrowRegular',Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important; text-transform:uppercase;}
.fs_05 { font-family: Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important;}
.fc-yellow{ color:#fff100;}
.fc-green{ color:#76b900;}
.fc-red{ color:#F00;}
.fc-white{ color:#Fff;}


body#witcher3 .top{ zoom:1; overflow:hidden; width:100%; position:absolute; }
body#witcher3 .top .green-label{ padding:20px; background-color:#538200; color:#FFF;display:inline-block; margin:0; font-size:24px;}
body#witcher3 .top a.btn-tab{ display:inline-block;padding:20px; background-color:#666; color:#FFF; margin:0; text-decoration:none; font-size:24px;}
body#witcher3 .top a.btn-tab:hover{ background-color:#76b800; }
body#witcher3 .top .logo{display:inline-block; float:right; padding:20px;}
body#witcher3 .banner{ background:url(http://asset.msi.com/event/vga/2015/nv_witcher3/images/key_bg.jpg) no-repeat; background-size: cover; height:800px; background-position: 30% 50%; display:table;width:100%;border-bottom:5px solid #76b800;}
body#witcher3 .banner .banner-inner{ display:table-cell; vertical-align:middle; }
body#witcher3 .banner .banner-inner .title{ padding:40px 40px 14px 40px; background:rgba(0,0,0,.9); color:#FFF;}
body#witcher3 .banner .banner-inner .title h4{ font-size:67px; margin:0 0 20px 0; padding:0;}
body#witcher3 .banner .banner-inner .title h1 { font-size:234px; margin:-30px 0 0 -5px; }
body#witcher3 .banner .banner-inner .title p{font-family: 'DINCondMediumRegular',Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important; text-transform:uppercase; color:#76b800;}
body#witcher3 .banner .banner-inner .promotion{ padding:20px 40px;font-family: 'DINCondMediumRegular',Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important; text-transform:uppercase; color:#cc0000; background-color:rgba(0,0,0,0.9); margin-top:20px;}
@media (max-width: 767px) {
	body#witcher3 .banner{background-position:10% 10%; height:600px;display:inherit;text-align:center;border-bottom:none;}
	body#witcher3 .banner .banner-inner{ display:inherit; vertical-align:middle; }
	body#witcher3 .banner .banner-inner .title{ margin-top:600px; padding:20px 20px 0px 20px; background:rgba(0,0,0,.7);}
	body#witcher3 .banner .banner-inner .title p{ font-size:22px;}
	body#witcher3 .section1{  margin-top:600px; }
	body#witcher3 .section.section1 .desc{ margin-top:0px;}
	body#witcher3 .section.footer img{ margin:10px;}

}


@media (max-width: 488px) {
	body#witcher3 .banner{ background:url(http://asset.msi.com/event/vga/2015/nv_witcher3/images/key_bg_s.jpg) no-repeat; background-size: cover; height:400px;background-position: 50% 30%; display:inherit;width:100%; border-bottom:none; text-align:center; }
	body#witcher3 .banner .banner-inner{ display:inherit; vertical-align:middle; }
	body#witcher3 .banner .banner-inner .title{ margin-top:400px; padding:20px 20px 0px 20px; background:rgba(0,0,0,.7);}
	body#witcher3 .banner .banner-inner .title h4{ font-size:60px; margin:0; padding:0;}
	body#witcher3 .banner .banner-inner .title h1 { font-size:172px; margin:-30px 0 0 -5px; }
	body#witcher3 .banner .banner-inner .title p{ font-size:inherit;}
	body#witcher3 .banner .banner-inner .promotion{ padding:20px 20px 0 20px;}
	body#witcher3 .section1{  margin-top:400px; }
	body#witcher3 .section.section1 .desc{ margin-top:0px;}
	body#witcher3 .section.footer img{ margin:10px;}
	body#witcher3 .top .green-label{ padding:10px; background-color:#76b800; color:#FFF; display:inline-block; min-width:173px;text-align:center; }
	body#witcher3 .top a.btn-tab{ padding:10px;color:#FFF; display:inline-block; min-width:173px; text-align:center;}
	body#witcher3 .top .logo{display:inline-block; float:right; padding:10px;}
	body#witcher3 .top .logo img{ max-height:30px;}




}
body#witcher3 .section{ padding:30px;}
body#witcher3 .section.section1 { padding-bottom:0;}
body#witcher3 .section.section1 .desc{ margin-top:50px;}
body#witcher3 h3.text-title{ font-size:30px; display:inline-block; margin-bottom:30px;font-family: 'DINCondMediumRegular',Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important; text-transform:uppercase;}
body#witcher3 .section.section3 .step-wrapper{ margin:20px 0;}
body#witcher3 .section.section3 .step-wrapper .step{ margin:0;}
body#witcher3 .section.section3 .step-wrapper .step .step-box{ background:none; margin-bottom:15px;}
body#witcher3 .section.section3 .step-wrapper .step .step-box .triangles{position:absolute;width: 0;height: 0;border-style: solid;border-width: 30px 30px 0 0;border-color: #000000 transparent transparent transparent;}

body#witcher3 .section.section3 .step-wrapper .step .step-box .inner{  background:#333; padding:10px; color:#FFF; min-height:125px;padding-left:30px;}
body#witcher3 .section.section3 .step-wrapper .step .step-box .inner .title{ font-size:30px;}


body#witcher3 .section.section3 a.pd{ text-decoration:none; padding-bottom:20px; display:inline-block; text-align:center;}
body#witcher3 .section.section3 a.pd:hover{ background:#111;}
body#witcher3 .section.section3 a.pd h4{font-family: 'DINCondMediumRegular',Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important; text-transform:uppercase; color:#cc0000; text-align:center} 
body#witcher3 .section.section3 a.pd .btn-learnmore{ padding:10px ; border:3px solid #76b800; text-align:center; color:#FFF; width:90%; margin:20px auto;}
body#witcher3 .section.section3 a.pd:hover .btn-learnmore{ background:#76b800;}

body#witcher3 .section.section3 .nb-pd{ text-align:left; margin-bottom:24px;}
body#witcher3 .section.section3 .nb-pd a{ text-decoration:none; display:inline-block; text-align:center; padding:20px 0; margin:0 auto; width:270px; max-height:280px; }
body#witcher3 .section.section3 .nb-pd a:hover{ background:#111;}
body#witcher3 .section.section3 .nb-pd a h5{font-family: 'DINCondMediumRegular',Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important; text-transform:uppercase; color:#cc0000; text-align:center; font-size:16px;} 
body#witcher3 .section.section3 .nb-pd a .btn-learnmore{ padding:10px ; border:3px solid #76b800; text-align:center; color:#FFF; width:90%; margin:20px auto;}
body#witcher3 .section.section3 .nb-pd a:hover .btn-learnmore{ background:#76b800;}


body#witcher3 .section.footer{ background:url(http://asset.msi.com/event/vga/2015/nv_witcher3/images/footer-texture.jpg) top center;border-top:5px solid #76b800;}
body#witcher3 .section.footer img{ margin:0px 70px 20px 70px;}
body#witcher3 .section.footer .row{ margin:30px 0;}
body#witcher3 .section.footer p{ display:inline-block;}
body#witcher3 a.btn-nor{ padding:15px 40px; display:inline-block; background:#538200; color:#FFF; border:5px; font-size:30px;/* support Safari, Chrome */-webkit-border-radius: 5px;/* support firefox */-moz-border-radius: 5px;
border-radius: 5px; text-decoration:none;}
body#witcher3 a.btn-nor:hover{ text-decoration:none; background-color:#76b800;}



@media (max-width: 767px) {
body#witcher3 a.btn-nor{ font-size:30px;}
body#witcher3 .section.section3 .nb-pd{ text-align:center; margin-bottom:24px;}
}


@media (max-width: 488px) {
	body#witcher3 a.btn-nor{ font-size:20px;}
}


.table-div{ display:table;}
.table-div .inner{ display:table-cell; vertical-align:middle;}
.green-border{border-bottom:5px solid #76b800;}
.cornered{ height:26px; background: rgba(0,0,0,.7) url(http://asset.msi.com/event/vga/2015/nv_witcher3/images/corner.png) no-repeat left top;}


/*bootstrap*/
.navbar-inverse{ background:#393939; } 
.img-responsive{ width:inherit \9;}
.navbar-header{ float:right;}
.navbar-collapse{ float:left; font-size:28px;}

.navbar { position: relative;min-height: 50px;margin:0 auto;border-bottom:0px solid #76b800;}
.navbar-brand {padding: 6px 0px 0 0;}
.navbar-nav>li>a{padding-top: 15px;padding-bottom: 15px;}

.navbar-inverse .navbar-nav>li>a{ background-color:#555; color:#FFF;  border:1px solid #222; border-width:0 1px;}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
color: #ff0000;
background-color: #fff;
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
color: #fff;
background-color: #ff0000;
}

@media (max-width: 767px) {
.navbar-header{ float:none;}
.navbar-collapse{ float:none;}
}


@media (max-width: 488px) {
	.navbar-header{ float:none;}
    .navbar-collapse{ float:none;}
}