﻿.page {overflow:hidden;}
.main-pagetitle {max-width:935px;margin:0 auto;overflow:hidden;position:relative;padding:20px;background:transparent;text-align:center;background:linear-gradient(to bottom, #000, #33525a 50%, #33525a 75%);font-family: 'robotobold', Helvetica, "Helvetica Neue", Arial, sans-serif;}
.main-pagetitle h1{font-size:24px;color:#fff;font-weight:normal;margin-bottom:8px;}
.main-pagetitle h2{font-size:16px;color:#acdad8;font-weight:normal;margin-bottom:8px;text-shadow: 1px 1px 2px #000;}
.main-pagetitle p{font-size:14px;line-height:18px;color:#fff;font-weight:normal;}
.main-pagetitle a {color:#fff;text-decoration:none;}
.home-main.bmw2020 { position: relative; width:99%;}
.bmw2020 .arthro{  min-height: 200px;}
.bmw2020.horiz .arthro{  min-height: auto;}
.bmw2020 .halfleft {width: 300px; margin:10px; border-bottom: 1px dotted #221a0f;}
.bmw2020.horiz .halfleft {width: 100%;}
.bmw2020 .arthro .date {color:#999;}
.bmw2020 .arthro img {margin:2px;}
.bmw2020.horiz .arthro img {float:left; margin:0px 10px 5px 0px;}
.bmw2020 .arthro a {padding-bottom:10px;}
.bmw2020 .arthro a:hover{background:#efefef;}
.bmw2020 .container-title {color: #fff; padding: 10px; margin: 30px 10px 10px; font-size: 18px; background: #000010;}
.bmw2020 .articles-container{position:relative;}
.bmw2020 .arthro .category {font-size:0.6em; letter-spacing:0;font-family:Arial, Calibri, sans-serif;}

.relbox.box-bmw2020 {position:relative;margin:15px 0;width:290px;clear:both;background:#000010;}
.relbox.box-bmw2020 .arthrohead {border-bottom:2px solid #000010;}
.relbox.box-bmw2020 .content {border-bottom:1px dotted #221a0f; background: #fff;padding:5px;}
.relbox.box-bmw2020 .content img {margin: 6px 6px 10px 4px;}
.relbox.box-bmw2020 .content:hover {background-color:#efefef;}
.relbox.box-bmw2020 .content-bmw2020 {background-color:#000010;}
.relbox.box-bmw2020 .content-bmw2020 p{padding:5px;text-align:right;}
.relbox.box-bmw2020 .content-bmw2020 a{color:#fff;}

.relbox.box-bmw2020 .arthrohead h3{font-family: 'robotobold', Helvetica, "Helvetica Neue", Arial, sans-serif;font-size:22px; color:#ffcc00;padding:0px 0px 6px 6px;}
.relbox.box-bmw2020 .arthrohead h3 a{color:#fff;text-decoration:none;}
.relbox.box-bmw2020 .arthrohead p{font-size:16px; color:#fff;line-height:18px;margin:0px 8px;padding-bottom:10px;}

.DFPinline1, .DFPinline2, .DFPcontent_top, .DFParticle_end, .DFPcontent1, .DFPcontent2 {display:none;}
/**** Isotope filtering ****/
.isotope-item {
	z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}


/**** Example Options ****/

.options {
	padding-bottom: 0.75em;
	overflow: hidden;
	border-bottom: 1px dotted #ccc;
}

.options h3 {
	padding: 9px 8px 12px;
	font-size: 15px;
	float: left;
	background: #efefef;
}

.options ul {
  margin: 0;
  list-style: none;
}

.options li {
  float: left;
  margin-bottom: 0.2em;
}

.options li a {
  display: block;
  padding: 1em 0.5em;
  color: #222;
  font-weight: bold;
  text-decoration:none;
  border-right:  1px solid #221a0f;
}

.options li a:hover {
  background-color: #000010;
}

.options li a:active {
  background-color: #221a0f;
}

.options li:first-child a {
  border-left: 1px solid #221a0f;
}

.options li a.selected {
  background-color: #000010;
}

/* Combination filter options*/

.stamp {
	width:300px;
	margin:10px;
	position: absolute;
	right:0;
	top:0;
}

@media screen and (max-width: 512px) {
	.options h3 {float:none;}
}

@media screen and (max-width: 768px) {
	.halfright img, .halfleft img { display:block;}
    .halfleft {
        width: 100%;
    }
	.stamp {
		width:100%;
		margin:10px 0;
		position: absolute;
		right:0;
		top:0;
	}
}
@media screen and (min-width: 2450px) {
	.container {
		flex-direction: column;
	}
}