@import url('reset.css');
@import url('fonts.css');
@import url('common.css');

body{background:#000;}
#msiheader{text-align:center;}
#msift{background:url(https://asset.msi.com/event/vga/2017/nv_q1_prepare_for_battle/images/bg-footer.gif) top left repeat-x; text-align:center;}
#nv{background:#000; background-size:cover; background-attachment:fixed; font-family:'DINPro-Regular'; color:#fff;}
#nv a{transition:0.5s all ease-in 0.1s;}
#nv section{width:95%; margin:0 auto; max-width:1200px;}
#nv .fixed{position:fixed; top:0; z-index:2000 !important; background:rgba(0,0,0,0.6);}
#nv .hide{display:none;}
#nv sup{font-size:70%; line-height:normal !important; vertical-align: top !important; padding-left:2px;}
#nv .note{color:#f00; padding:10px; margin:40px 0; text-align:center;}
#nv .note a{border-bottom:#c00 1px dashed; color:#f00;}
#nv .note a:hover{background:#f00; color:#fff;}
#nv .note strong{font-size:140%;}
#nv .notenosp{margin:0 0 40px 15px; text-align:left;}

/*#topnav*/
#topnav{width:100%; margin:0 auto; border-bottom:#6c0 3px solid; text-align:center; box-shadow:#000 0px 10px 10px;  border-top:#222 1px solid;}
#topnav a{background:rgba(0,0,0,0.8); color:#fff; float:left; display:inline-block; width:33%; padding:25px 0; text-align:center; cursor:pointer; border-bottom:#000 5px solid; border-right:#333 1px solid;}
#topnav a.on, #topnav a.on:hover{border-bottom:#66cc00 5px solid; color:#66cc00;}
#topnav a:hover{background:rgba(102,204,0,0.3); color:#fff;}
#topnavlogo{width:calc(100% - 40px); padding:0 20px; margin:0 auto; border-bottom:#6c0 3px solid; text-align:center; box-shadow:#000 0px 10px 10px;background:rgba(256,256,256,0.3); text-align:right;}

/*#vtitle*/
#vtitle .title{position:absolute; top:250px; left:55PX; width:350px;}
#vtitle .title h1{font-family:'KlavikaBoldCondensed'; color:#fff; font-size:50px; padding:0px 0 15px;}
#vtitle .title h2{font-family:'KlavikaBoldCondensedd'; color:#6c3; font-size:25px; padding:0px 0 15px;}

/*#vimg*/
#vimg{text-align:center; position:relative; border-bottom:#6c0 1px solid; margin-bottom:3em;}
#vimg img{vertical-align:bottom;}
#vimg .logos{position:absolute; bottom:35px; right:55px;}

/*#nvtxt*/
#nvtxt{text-align:center;background:url(../images/bg.jpg) top center no-repeat; padding-bottom:5%; }
#nvtxt h1{font-family:'KlavikaBoldCondensed'; color:#6c3; font-size:76px; padding:0px 0 15px;}
#nvtxt h2{font-family:'KlavikaBoldCondensed' !important; font-size:34px; padding-bottom:25px !important;}
#nvtxt .txt{line-height:30px; font-size:20px;background:url(../images/bg.jpg) top center no-repeat}
#nvtxt .bt{width:95%; margin:0 auto; max-width:100%;  border:#f00 3px solid; font-family:'KlavikaBoldCondensed'; margin-bottom:2%;}
#nvtxt .bt a{background:#c00; color:#fff; display:block;  padding:14px 0; font-size:3em; text-shadow:#000 1px 1px 20px; transition:0.5s all ease 0.1s;}
#nvtxt .bt a:hover{background:#f00; box-shadow:#f00 0 0 30px;}


/*.datetb*/
.datetb{font-family:'KlavikaBoldCondensed'; font-size:2em;}
.datetb .tr{display:table; width:100%; float:left; border-collapse:collapse; overflow:hidden;}
.datetb .th{background:none; color:#fff; vertical-align:middle; padding:40px 10px; text-align:right; border-right:#111 1px solid; width:35%; text-shadow:#000 1px 1px 20px;}
.datetb .td{color:#f00; vertical-align:middle; padding:10px; text-align:left; border-left:#212121 solid 1px;}

/*.country*/

#nvtxt .country{ padding:0px; border-bottom:#3e4245 1px solid; margin:2em 0px;}
#nvtxt .country strong{ color:#66CC33;border-bottom:#6c3 1px solid; padding-bottom:1px;}
#nvtxt ul{ display:table; width:25%; float:left; padding-top:20px;}
#nvtxt .country .button-r{display:-webkit-inline-box;background:rgba(255,0,4,0.5);border:#FF0004 2px solid;color:#FFFFFF;font-family:'KlavikaBoldCondensed'; font-size:1em; padding:5px 10px;}
#nvtxt .country .button-r:hover{background:rgba(255,0,4,1.0);
	}
/*youtube*/

#youtueb { position:relative; padding:2em 0px; z-index:0;}
#youtueb .videobox{ border:#6c3 3px solid;}
#youtueb .video-container{position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe,
.video-container object, 
.video-container embed,
.video-container video{
 position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
#youtueb p{color:#6c3; padding-top:25px;}


/*.pdtable*/
.pdtable{width:100%; margin:45px auto; display:table;}
.pdtable .td{padding:1px;}
.pdtable .td img{width:80%;}

/*.nvbox*/
#nvbox{
	position:relative;
	width:100%;
	display:block;
	float:left;
    padding-bottom: 5%;
	margin:0 auto;
	margin-left:2%;
	}
.nvbox{
	width:40%;
	height:300px;
	font-size:1.5em;
	border:#333 solid 1px;
	float:left;
	margin:20px 4%;
	overflow: hidden;
	position:relative;
	z-index:99;
	padding:1%;
	}
.nvbox:hover{
	background:rgba(255,0,4,0.2);
	}
#nvbox p{ margin:0 auto; display:inline-block;}
#nvbox a{color:#FFFFFF;}
#nvtxt .nvbox ul{
	font-size:0.8em;
	line-height:1.2em;
	font-weight:300;
	text-align:center;
	display:block;
	width:100%;
	padding-top:20px;
	color:#C3C3C3;
	}
.nvbox svg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.nvbox svg rect {
    fill: none;
    stroke: #f00;
    stroke-width: 3;
    stroke-dasharray: 690, 0;
    transition: all 450ms linear 0s;
}

.nvbox:hover rect {
    stroke-width: 5;
    stroke-dasharray: 400, 300;
    stroke-dashoffset: 3;
    -webkit-transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
}

.nvitems{
	display:block;
	}

/*#nvapac*/
.nvapacshow{display:block !important;}
#nvapac{ background:rgba(0,0,0,0.8); padding-top:10%;}
#nvapac h2{font-size:2.5em; padding-bottom:25px; padding-top:25px; text-align:center; font-family:'KlavikaBoldCondensed';color:#f00;}
#nvapac ul{margin-left:15px;}
#nvapac li{background:url(https://asset.msi.com/event/vga/2017/nv_q1_prepare_for_battle/images/dots.png) 0px 11px no-repeat; padding-left:15px; line-height:24px; font-size:18px; padding-bottom:10px;}
#nvapac li a{color:#f00; border-bottom:#c00 1px dashed;}
#nvapac li a:hover{background:#f00; color:#fff;}
#nvapac .spectb{border:#111 1px solid; font-family:'KlavikaBoldCondensed'; font-size:1.5em; display:table; width:100%; margin-bottom:60px; visibility:inherit !important;}
#nvapac .spectb .th{background:#333; color:#fff; vertical-align:middle; padding:40px 10px; text-align:right; border-right:#333 1px solid; width:30%; text-shadow:#000 1px 1px 20px;border-top:#222 1px solid;}
#nvapac .spectb .tr{border-top:#333 1px solid;}
#nvapac .spectb .td{color:#fff; vertical-align:middle; padding:10px; text-align:left; background:#111; line-height:30px;border-top:#333 1px solid;}
#nvapac .spectb .td a{color:#f00;}
#nvapac .spectb a:hover{background:rgba(255,0,24,0.3); color:#fff;}

/*#nvimgtxt*/
#nvimgtxt{width:100%; text-align:center; display:none;}
#nvimgtxt .img1{background:url(../images/bg01.jpg) top center no-repeat; }
#nvimgtxt .img2{background:url(../images/bg02.jpg) top center no-repeat; }
#nvimgtxt .txt{text-align:center; font-family:'KlavikaBoldCondensed'; padding:2em 50px; font-size:28px;}


/*#pdbox*/
#pdbox{padding-top:50px;font-family:'KlavikaBoldCondensed';}
#pdbox h2{font-size:34px; padding-bottom:25px; text-align:center; color:#6c0;}
#pdbox a{color:#6c3; display:block;}
.pdtb, .pdtb2{display:table; width:100%; border-collapse:collapse; border:#111 1px solid; font-size:20px;}
.pdtb .th, .pdtb2 .th{background:#333; color:#fff; vertical-align:middle; padding:40px 15px 40px 0; text-align:right; border-right:#6c3 1px dashed; text-shadow:#000 1px 1px 20px; width:300px;}
.pdtb .td{color:#6c3; vertical-align:middle; padding:10px; text-align:left; width:clac(100% / 3); background:#111; border-left:#333 1px solid; text-align:center;}
.pdtb2 .td{color:#6c3; vertical-align:middle; padding:10px; text-align:left; border-left:#333 1px solid; text-align:center; background:#111;}
.pdtb2{margin-top:30px;}

/*#pdbox*/
#pdbox .td:hover{background:rgba(256,256,256,0.2);}
#pdbox .td:hover a{color:#fff;}

/*footer*/
#footer{background:url(https://asset.msi.com/event/vga/2017/nv_q1_prepare_for_battle/images/bg-footer.png) top left repeat-x; margin-top:80px; padding-bottom:50px;}
#footer .logos{text-align:center; padding:60px 0 20px;}
#footer .logos2{text-align:center; padding:10px 0 20px;}
#footer .txt{width:95%; margin:0 auto; max-width:1200px; color:#fff; font-family:'DINPro-Light'; line-height:30px;}


.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}
.modal{overflow-x:hidden;overflow-y:auto}
.modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}
.modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
.modal-dialog{position:relative;width:auto;margin:10px}
.modal-content{position:relative;background-color:#000;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999; border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5); border:#f00 3px solid; color:#f00;}
@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}

.close{font-size:15px; color:#fff; background:#f00 !important; width:30px; position:absolute; right:5px; z-index:10; top:5px; display:inline-block !important; text-align:center;}.close:focus,.close:hover{color:#f00;text-decoration:none;cursor:pointer; box-shadow:#f00 0 0 10px; background:#000 !important;}button.close{-webkit-appearance:none;cursor:pointer;}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}

.modal-content ul{margin-left:20px;}


/*.modal-content*/
.modal-content{
	background-color:#000000 !important;
	}
#nvapac .close{
	color:#FFFFFF !important;
	background:none !important;
	-webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5) !important;
	border:solid #AAAAAA 1px;
	padding:5px 9px;
	opacity:50;
	}
#nvapac .close:hover{
	-webkit-box-shadow: 0 3px 9px rgba(255,255,255,0.5) !important;
	}
.quake01{
	background:url(../images/quake_bg1.jpg) no-repeat top center;
	}
.quake02{
	background:url(../images/quake_bg2.jpg) no-repeat top center;
	}
.quake01 , .quake02{
	padding:20px 0px;
	}	
.quake01 h2 , .quake02 h2{
	background: -webkit-linear-gradient(top,#920018 0,#c70021 100%);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	font-weight:bolder;
	text-transform:uppercase;
	font-size:3em;
	font-family:'KlavikaBold';
	padding:20px 0px;
	}
.quake01 p , .quake02 p{
	font-size:1.2em;
	line-height:1.5em;
	}
.modal-box{
	padding:60px 0px;
	}	
.modal-buy{
	background:#C90003;
	display:block;
	padding:5px 10px;
	font-family:'KlavikaBold';
	}	
.box-footer{
	padding:50px 0px;
	border-top:#FF0004 solid 1px;
	background:url(../images/bg.jpg) top center no-repeat;
	}
.box-footer p{
	padding-bottom:10px;
	line-height:1.2em;
	font-size:0.8em;
	}