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



/* ========= c3 header =============*/
 .cc-c3__header{ width:100%; position:relative; padding: 25% 0;}

 /* Extra small devices (phones, 600px and down) */
 @media only screen and (max-width:600px)  
 {
     .cc-c3__header{ width:100%;  height:auto; padding: 0;}
}

 .cc-c3__header__primary-box{ width:75%;  height:75%;  position:absolute;  z-index:1;  top:0;  left:0}

 .cc-c3__header__secondary-box{ width:75%;  height:75%;  position:absolute;  z-index:2;  bottom:0;  right:0; background:darkgrey;}

 .cc-c3__header img{ width:90%;  position:absolute;  z-index:3;  top:50%;  left:50%;  /* this centers the image */ transform:translate(-50%,-50%)}

 .cc-c3__header__content{ background:black;  color:white;  position:absolute;  z-index:4;  bottom:20%;  right:0;  padding:1% 5% 1% 2%;  width:30%}

 .cc-c3__header__content h1{ font-size:32px !important;  margin:0 !important;  text-align:left !important;}

 .cc-c3__header__content h2{ font-size:32px !important;  margin:0 !important;  text-align:left !important; font-weight: 700;}

 .cc-c3__header__content p{ font-size:24px;  margin: 5px 0px 0px;  text-align:left}
 

 .cc-c3__header__content .cc-cta{ margin:40px 0;  display:block; border: 1px solid #000000;}

 /* Extra small devices (phones, 600px and down) */
 @media only screen and (max-width:600px){ 
	 .cc-c3__header{ width:100%;  height:auto}

 .cc-c3__header__secondary-box, 
 .cc-c3__header__primary-box{ display:none}

 .cc-c3__header img{ width:100%;  position:relative;  top:0;  left:0;  transform:translate(0%,0%)}

 .cc-c3__header__content{ position:relative;  bottom:0%;  padding-right:0;  width:100%;  box-sizing:border-box}

 .cc-c3__header__content .cc-cta{ margin:20px auto;  width:90%}

 .cc-c3__header__content h2{ margin:20px auto !important; text-align:center !important;}
 }



/* ========= c3 trim table =============*/
.cc-c3__trim-table__header{font-size:36px; margin-bottom:10px}



/* ========= c3 intro =============*/

.cc-c3__intro{ width:70%;  margin:0 auto}

 .cc-c3__intro h3{ margin:0 auto;  padding-bottom:65px;  font-size:28px}

 .cc-c3__intro p{ margin:0;  font-size:18px;  line-height:135%;  text-align:center}

 .cc-c3__intro a{ font-weight:700}

 .cc-c3__intro a:hover{ opacity:.6}

 .cc-c3__intro a:focus{ border:2px dotted #262626;  padding:5px}

 
 @media only screen and (max-width:600px){ .cc-c3__intro{ width:90%}
 }



/* ========= c3 images content =============*/
 .cc-c3__bg-img-filter img{ width:48%;  padding:1%;  box-sizing:border-box; display: inline-block;}

 /* Extra small devices (phones, 600px and down) */
 @media only screen and (max-width:600px){ .cc-c3__bg-img-filter img{ width:100%}

 .cc-hide-mobile{ display:none}
 }






/* ========= c3  content =============*/
 .cc-c3__content{ width:100%;  padding:3%;  box-sizing:border-box;  display:flex}

 .cc-c3--dark{ background:#222;  color:#fff}
 .cc-c3--dark a { background:#222;  color:#fff !important}

 .cc-c3--light{ background:#F2F2F2;  color:#000}

 .cc-c3__content__header{ padding:1%;  box-sizing:border-box;  flex:1;  text-align:left}

 .cc-c3__content__header h2{ font-size: 32px !important; font-weight: 700; margin-top: 0px;}

 .cc-c3__content__text{ flex:3;  text-align:left; padding: 1%;}

.cc-c3__content__text p{ margin:0;  font-size:18px;  line-height:135%;}

.cc-c3__content__text ul{ font-size:18px;  line-height:135%; margin-left: 45px; margin: 25px; }

.cc-c3__content__text a:focus{ border:2px dotted #262626;  padding:5px}

 /* Extra small devices (phones, 600px and down) */
 @media only screen and (max-width:600px){ .cc-c3__content{ flex-direction:column;  padding:3% 5%}

 }





/* ========= c3  footer =============*/
 .cc-c3__footer{ width:100%;  text-align:center }




/* ========= c3  footer content =============*/
.cc-c3__footer__text{ width:70%;  display:inline-block;  text-align:center}

.cc-c3__footer__text h2{ line-height:135%;  text-align:center;  margin-bottom:15px;  font-size:32px !important; margin-top: 4%;}

.cc-c3__footer__text h2:after { margin: 20px auto !important;}

.cc-c3__footer__text p{ margin:0;  font-size:18px;  line-height:135%;}

.cc-c3__footer__text ul{ font-size:18px;  line-height:135%;margin: 25px; margin-left: 45px;}

.cc-c3__footer__text a:focus{ border:2px dotted #262626}

 /* Extra small devices (phones, 600px and down) */
 @media only screen and (max-width:600px){ .cc-c3__footer__text{ width:90%}
 }


/* ========= c3  footer ctas =============*/
.cc-subcta {margin: 10px; border: 1px solid #000000;}

 /* Extra small devices (phones, 600px and down) */
 @media only screen and (max-width:600px){ .cc-subcta{ width:90%;}
 }


/* ========= c3  footer disclaimer =============*/
 .cc-c3__disclaimer{ width:75%;  min-width:270px;  display:inline-block;  margin:0px auto 40px;  text-align:center}

 .cc-c3__disclaimer p{ font-size:12px !important;  line-height:135%}

 .cc-c3__disclaimer a{ font-weight:700}

 .cc-c3__disclaimer a:hover{ opacity:.6}

 .cc-c3__disclaimer a:focus{ border:2px dotted #262626}

 /* Extra small devices (phones, 600px and down) */
 @media only screen and (max-width:600px){ .cc-c3__disclaimer{ width:90%}
 }

/* BMW Specific */
.cc-bmw-clr, .cc-bmw-clr p, .cc-bmw-clr h2, .cc-bmw-clr h3 { text-align: left; }