@charset "utf-8";
/* CSS Document */

@import url('https://asset.msi.com/event/nb/2018/GT75/css/fonts.css');

html {
	background: url("https://asset.msi.com/event/nb/2018/nl_nb_msi_black_friday_benelux_2018/images/bg-pattern.png") repeat;
	background-color: #111;
}

body {
	background: url("https://asset.msi.com/event/nb/2018/nl_nb_msi_black_friday_benelux_2018/images/header-bg.png") top center no-repeat;
	margin: 0;
	padding: 0;
}

.container-fluid {
	padding: 0 !important;
}

.kv {
	padding: 10rem 0;
	margin: 0 auto;
	width: 90%;
	text-align: center;
}
.kv img{max-width:100%; width:expression(document.body.clientWidth>100?"100%":"auto"); overflow:hidden;}
@media screen and (max-width:960px){
	.kv{
		padding:45px 0;
		width: 80%;
	}
}
.header-logo {
	float: left;
	margin: 0 90px 0 0;
}


#tab-deals .nav-tabs > li, .nav-pills > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
     zoom:1; /* hasLayout ie7 trigger */
}

#tab-deals .nav-tabs, .nav-pills {
    text-align:center;
}

.nav-tabs > li > a.nederland {
	width: 369px;
	height: 76px;
	background: url("https://asset.msi.com/event/nb/2018/nl_nb_msi_black_friday_benelux_2018/images/nederland.png") center no-repeat;
}
.nav-tabs > li > a.nederland:hover, .nav-tabs > li > a.active.nederland  {
	background: url("https://asset.msi.com/event/nb/2018/nl_nb_msi_black_friday_benelux_2018/images/nederland-hover.png") center no-repeat;
}

.nav-tabs > li > a.belgie {
	width: 226px;
	height: 76px;
	background: url("https://asset.msi.com/event/nb/2018/nl_nb_msi_black_friday_benelux_2018/images/belgie.png") center no-repeat;
}
.nav-tabs > li > a.belgie:hover, .nav-tabs > li > a.active.belgie  {
	background: url("https://asset.msi.com/event/nb/2018/nl_nb_msi_black_friday_benelux_2018/images/belgie-hover.png") center no-repeat;
}

.deals-title {
	width: 100%;
	margin: 45px 0;
	text-align: center;
}

.deal-item .product {
	padding: 0;
}
.deal-item .product img {
	padding: 0;
	display: inline-block;
    max-width: 100%;
    height: auto;
}

@media (min-width: 768px) {
  .deal-item .product-details {
	float: left;  
	padding: 0; 
	display: block;
  }
}
.deal-item .product-details {
	padding: 0; 
	display: block;
}

.deal-title {
	display: block;
	background: url("https://asset.msi.com/event/nb/2018/nl_nb_msi_black_friday_benelux_2018/images/deal-title.png") left no-repeat;
	height: 40px;
	color: #fff;
	font-size: 24px;
}

.deal-title h3 {
	font-family: 'din_pro_bold', sans-serif;
	padding: 7px 0 0 14px;
}

.deal-specs {
	font-family: 'DINPro-Regular', sans-serif;
	font-size: 16px;
	color: #FFF;
	margin: 20px 0 0 14px;
}

.deal-price {
	float: right;
	padding: 20px 0 0 0;
}

.deal-price .discount {
	position: absolute;
	width: 150px;
	height: 38px;
	background: url("https://asset.msi.com/event/nb/2018/nl_nb_msi_black_friday_benelux_2018/images/bg-discount.png") left no-repeat;
	right: 104px;
	z-index: 10;
}

.deal-price .discount p {
	font-family: 'din_pro_bold', sans-serif;
	color: #FFF;
	font-size: 28px;
	line-height: 35px;
	text-align: center;	
}

.deal-price .price {
	width: 220px;
	height: 41px;
	margin: 24px 0 0 0;
	background: url("https://asset.msi.com/event/nb/2018/nl_nb_msi_black_friday_benelux_2018/images/bg-price.png") left no-repeat;
}

.deal-price .price p {
	font-family: 'din_pro_bold', sans-serif;
	color: #FFF;
	font-size: 28px;
	text-align: right;
	padding: 0 33px 0 0;
}

.deal-resellers {
	margin: 30px 0 0 0;
	float: left;
}

.deal-logos p {
	float: left;
	font-family: 'din_pro_bold', sans-serif;
	color: #FFF;
	font-size: 20px;
	padding: 7px 0 0 0;
}
@media (min-width: 768px) {
  .logos {
	float: left;
  }
}

.logos {
	float: left;
	padding: 0 0 30px 0;
}

.logos {
	float: left;
}

.logos img {
	padding: 0 5px;
}
.logos img:first-child {
	padding: 0 0 0 10px;
}

.deal-item hr {
	margin: 60px 0 30px 0;
	border-top: 1px solid #595959;
	clear: both;
}

.ovdeals-title {
	margin: 0 0 50px 0;
	max-width:100%; width:expression(document.body.clientWidth>100?"100%":"auto"); overflow:hidden;
}

.ovdeal-logos {
}

.ovdeal-logos a {
	display: block;
	float: left;
	margin: 0 40px 40px 0;
}

.legal {
	text-align: center;
}