body#ass{ background:#000; color:#fff; font-family:'DINPro-Regular',Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important;}
/*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;
}
@font-face {
  font-family: 'DINPro-Regular';
  src: url('dinpro-regular-webfont.eot');
  src: url('../fonts/DINPro'), local('../fonts/DINPro-Regular'), url('../fonts/dinpro-regular-webfont.woff') format('woff'), url('dinpro-regular-webfont.ttf') format('truetype'), url('../fonts/dinpro-regular-webfont.svg#webfontVeJgLD7F') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DINPro-Medium';
  src: url('../fonts/dinpro-medium-webfont.eot');
  src: url('../fonts/DINPro'), url('../fonts/DINPro-Medium'), url('../fonts/dinpro-medium-webfont.woff') format('woff'), url('../fonts/dinpro-medium-webfont.ttf') format('truetype'), url('../fonts/dinpro-medium-webfont.svg#webfontL4kg7A4n') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DINPro-Light';
  src: url('../fonts/dinpro-light-webfont.eot');
  src: url('../fonts/DINPro'), url('../fonts/DINPro-Light'), url('../fonts/dinpro-light-webfont.woff') format('woff'), url('../fonts/dinpro-light-webfont.ttf') format('truetype'), url('../fonts/dinpro-light-webfont.svg#webfontWuXhsnZ0') format('svg');
  font-weight: normal;
  font-style: normal;
}

body#ass .img-responsive{width:inherit /9; display:inline-block;}
body#ass a.link,body#ass a.link:link{ text-decoration:underline; color:#F00;}
body#ass a.link:hover{ background:#F00; color:#FFF; text-decoration:none;}
body#ass .pd-title{ font-weight:bold; padding:10px; border-bottom:4px solid #ff0000; font-size:24px;}
body#ass a.link2,body#ass a.link2:link{ text-decoration:none; color:#fff; display:block; padding:10px 0; background-color:#191919; text-align:center; margin:5px 0; font-size:18px;font-family: 'DINPro-Regular',Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important; }
body#ass a.link2:hover{ background:#F00; color:#FFF; text-decoration:none;}

body#ass h1{ font-size:60px;}
body#ass h2{ font-size:50px;}
body#ass h3{ font-size:40px;}
body#ass h4{ font-size:30px;}
body#ass h6{ font-size:18px; margin:0; padding:10px 0 0 0;}
body#ass h4.border{ border:3px solid #76b900; border-width:0 0 3px 0; display:inline-block;}
body#ass h1, body#ass h2,
body#ass h3, body#ass h4,
body#ass h5, body#ass h6{ margin:0px 0; padding:0;}
body#ass p{font-family: 'DINPro-Regular',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;}
.fs_06 { font-family: 'DINPro-Medium',Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important;}
.fc-yellow{ color:#fff100;}
.fc-green{ color:#76b900;}
.fc-red{ color:#F00;}
.fc-white{ color:#Fff;}


body#ass .top{ zoom:1; overflow:hidden; width:100%; position:absolute; }
body#ass .top .green-label{ padding:20px; background-color:#538200; color:#FFF;display:inline-block; margin:0; font-size:24px;}
body#ass .top a.btn-tab{ display:inline-block;padding:20px; background-color:#666; color:#FFF; margin:0; text-decoration:none; font-size:24px;}
body#ass .top a.btn-tab:hover{ background-color:#CC0000; }
body#ass .top .logo{display:inline-block; float:right; padding:20px;}
body#ass .container-fluid.banner_only{ padding-right:0; padding-left:0;}

body#ass .title{ padding:20px 60px;  color:#FFF; background-color:rgba(255,255,255,0.05);}
body#ass .title h4{ font-size:80px; margin:0; padding:0;}
body#ass .title h1 { font-size:234px; margin:-30px 0 0 -5px; }
body#ass .title p{font-family: 'DINPro-Regular',Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important; text-transform:uppercase; color:#FFF; }


body#ass .banner{ background:url(http://asset.msi.com/event/vga/2015/amd_acc_india/images/key_bg.jpg) no-repeat; background-size:cover; height:806px; background-position: 100% 100%; display:table;width:100%;border-bottom:5px solid #CC0000;}



body#ass .banner .banner-inner{ display:table-cell; vertical-align:middle; }
body#ass .banner .banner-inner .title{ padding:20px 60px; background-color:rgba(255,255,255,0.05); color:#FFF;}
body#ass .banner .banner-inner .title h4{ font-size:80px; margin:0; padding:0;}
body#ass .banner .banner-inner .title h1 { font-size:234px; margin:-30px 0 0 -5px; }
body#ass .banner .banner-inner .title p{font-family: 'DINPro-Regular',Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important; text-transform:uppercase; color:#FFF; }
body#ass .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;}
.logo-big{ position:absolute; text-align:right; width:100%; padding:20px 360px 0px 0px;}
@media (max-width: 1199px) {
.logo-big{ position:absolute; padding:30px 10px 0px 50px; width:70%;}
body#ass .banner .banner-inner{ vertical-align:bottom; }
	body#ass .title{}
}
@media (max-width: 991px) {
	.logo-big{ position:absolute; text-align:left; width:100%; padding:30px 50px 0px 50px; width:75%;}
	body#ass .banner{background-position:100% 100%; height:600px;display:inherit;text-align:center;border-bottom:none;}
	body#ass .banner .banner-inner{ display:inherit; vertical-align:middle; }
	body#ass .title{ padding:20px 20px 0px 20px; background-color:rgba(255,255,255,0.05);}
	body#ass .title p{ font-size:22px;}
	body#ass .section1{ }
	body#ass .section.section1 .desc{ margin-top:0px;}
	body#ass .section.footer img{ margin:10px;}

}
@media (max-width: 767px) {
.logo-big{ position:absolute; text-align:left; width:100%; padding:30px 50px 0px 10px; width:60%;}
body#ass .section1{   }
}


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




}

body#ass .section{ padding:30px;}
body#ass .section.section1 { padding-bottom:0;}
body#ass .section.section1 .desc{ margin-top:50px;}
body#ass h3.text-title{ font-size:30px; display:inline-block; margin-bottom:30px;font-family: 'DINPro-Regular',Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important; text-transform:uppercase;}
body#ass .section.section3 .step-wrapper{ margin:20px 0;}
body#ass .section.section3 .step-wrapper .step{ margin:0;}
body#ass .section.section3 .step-wrapper .step .step-box{ background:none; margin-bottom:15px;}
body#ass .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#ass .section.section3 .step-wrapper .step .step-box .inner{  background:#333; padding:10px; color:#FFF; min-height:220px;padding-left:30px;}
body#ass .section.section3 .step-wrapper .step .step-box .inner .title{ font-size:30px; padding:0; background:none; color:#ff0000;}


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

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


body#ass .section.section3 .nb-pd{ text-align:left; margin-bottom:24px;}
body#ass .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#ass .section.section3 .nb-pd a:hover{ background:#111;}
body#ass .section.section3 .nb-pd a h5{font-family: 'DINPro-Regular',Arial, Helvetica, 'Microsoft JhengHei',sans-serif !important; text-transform:uppercase; color:#cc0000; text-align:center; font-size:20px;} 
body#ass .section.section3 .nb-pd a .btn-learnmore{ padding:10px ; border:3px solid #CC0000; text-align:center; color:#FFF; width:90%; margin:20px auto;}
body#ass .section.section3 .nb-pd a:hover .btn-learnmore{ background:#CC0000;}

body#ass .section.section4{ font-size:18px;}
body#ass .section.section4 sup{ font-size:12px;}


body#ass .section.footer-nb{}
body#ass .section.footer{border-top:5px solid #CC0000; }
body#ass .section.footer img{ }
body#ass .section.footer sup{}
body#ass .section.footer .row{ margin:30px 0;}
body#ass .section.footer p{ display:inline-block;}
body#ass a.btn-nor{ padding:15px 40px; display:inline-block; background:#ff0000; 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#ass a.btn-nor:hover{ text-decoration:none; background-color:#CC0000;}
body#ass a.btn-nor-s{ padding:15px 20px; display:inline-block; background:#538200; color:#FFF; border:5px; font-size:18px;/* support Safari, Chrome */-webkit-border-radius: 5px;/* support firefox */-moz-border-radius: 5px;
border-radius: 5px; text-decoration:none;}
body#ass a.btn-nor-s:hover{ text-decoration:none; background-color:#CC0000;}



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

}


@media (max-width: 488px) {
	body#ass 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 #CC0000;}
.cornered{ height:26px;}


body#ass .sop{ background-color:#101010; padding:30px;}
body#ass .sop a{ margin: 0 5px;}
body#ass .sop a.btn-nor-s{background:#cc0000;}
body#ass .sop a.btn-nor-s:hover{background:#ff0000;}


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

.navbar { position: relative;min-height: 50px;margin:0 auto;border-bottom:0px solid #CC0000;}
.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;}
.tab{ float:none; text-align:center;}
.navbar-inverse .navbar-nav>li>a{ border-width:1px 0px;}
}


@media (max-width: 488px) {
	
	.navbar-header{ float:none;}
    .navbar-collapse{ float:none; }
	.tab{ float:none; text-align:center;}
	.navbar-inverse .navbar-nav>li>a{ border-width:1px 0px;}
}

.img-responsive{width:100% \9;}
.lead2 {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead2 {
    font-size: 16px;
  }
}

.modal-content {background-color: #222;}
.modal-title { color:#ff0000;}
.modal-header {border-bottom: 1px solid #444;}
.modal-footer {border-top: 1px solid #444;}