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


#cBlock1 .container { background:transparent; width:auto;  }


 /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
#cBlock1 .container { max-width:750px;  }
    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
	#cBlock1 .container { max-width:970px;  }
    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {
	#cBlock1 .container { max-width:1170px;  }
    }
		

/* NISSAN FONT */

 





		
/* NAV BTN ANIMATION */

.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #c3002f;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active, .hvr-sweep-to-top:hover * {
  color: white ;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
		
/* END NAV BTN ANIMATION */
		
		
		
		
		/* HERO BOX */
		#hero-box 	{ display:table; width:100%;        }
		#hero-box > div 	{ display:table-cell; vertical-align:middle;     padding:0; background-color:#000;   }
		#hero-disclaimer-box { background:#c9ccd1; padding-top:5px; padding-bottom:5px; font-size:9px; text-transform:uppercase; color:#6f7276; line-height:100%; }
		picture > img 	{ width:100%;}
		
		
		
		/* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

		#hero-box 	{  height:600px;       }

		#hero-box > div 	{     padding:0 50px 145px; background-position:center left; background-repeat:no-repeat; background-size:cover; position:relative;  }

    }

		
		
		
		/* HERO NAV */
		#hero-nav 	{ width:100%;      background:url("http://a.dlron.us/assets/misc/webteam/DANI/web/_model-specials/_images/bg-stripe.png") rgba(51,51,51,.9) ; padding: 10px 0;}
		#hero-nav .container { padding:0 10px; max-width:1000px; margin-bottom:0;}
		#hero-nav .row { margin:0 -10px;}
		#hero-nav .row > div[class*="col-"] { padding:0 10px;}
		.hero-nav-btn { display:table;      width:100%;  border:1px solid #fff;    }
		.hero-nav-btn > div { display:table-cell;   vertical-align:middle;         padding: 10px;  }
		#hero-nav .row > div[class*="col-"]:not(:last-child) .hero-nav-btn  { border-bottom:0 ;}
		.hero-nav-btn h3 { display:inline-block; font-size:18px;    font-weight:600;  color:#fff; text-align:left; line-height:100%; margin:auto 0; }
		.hero-nav-btn h3 > span { display:block; color:#ccc; font-size:15px; }
		
		/* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
		#hero-nav { padding:20px 10px;  }
 		#hero-nav .row > div[class*="col-"]:not(:last-child) .hero-nav-btn  { border-bottom:1px  solid #fff;}
  		.hero-nav-btn h3 {   margin:auto; font-size:23px; }
		.hero-nav-btn {   height:85px;}
		.hero-nav-btn > div {   text-align:center;         padding: 0px;  }
		
			
		 
			
 			.hero-nav-btn h3 > span { font-size:13px;}

		}
		
		
		/* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
  		.hero-nav-btn h3 {     font-size:28px; }
				#hero-nav { padding:30px 10px;  }
			.hero-nav-btn h3 > span { font-size:15px;}
		#hero-nav {   position:absolute; left:0;   bottom:0;}
    }
	
 
		
		
		
		
		/* HERO OFFER BOX */
		#hero-offer-box 	{ max-width:none; width:100%;   margin:0; padding-bottom:0; margin-top:auto; margin-bottom:auto;    }
		.hero-car-name   { background:url("http://a.dlron.us/assets/misc/webteam/DANI/web/_model-specials/_images/bg-stripe.png") rgba(0,0,0,.7);  }
		.hero-car-name h2 { display:block; font-weight:bold;   color:#ced1d6; text-align:center; font-family: Helvetica, sans-serif; font-size:35px; line-height:85%; margin:0; text-transform:uppercase; padding:10px 0;}
		.hero-car-name h2 > span { display:block; font-size:20px; color:#c3002f; margin-bottom:10px; line-height:85%; text-transform:capitalize; }
		.hero-car-name h2 > small {     display: block;
    font-size: 14px;
    margin-top: 5px;
    font-weight: bold;   }
		.hero-price-box { background:#fff; border:2px solid #000; border-width:2px 0;}
 		.hero-price-box   > div[class*="col-"] { padding:0 5px;}
		.hero-price-box > div[class*="col-"]:first-child:not(:last-child) { border-right:2px solid #000;}
		.hero-price-box .price-wrap  { text-align:center; padding:10px 0;   display:table; width:100%;}
		.hero-price-box .price-wrap > div  { display:table-cell; vertical-align:middle;  }
		.hero-price-type 	{ font-size:10px; font-weight:bold; color:#000; line-height:100%; text-align:center;}
		.hero-price-offer 	{ font-family: Helvetica, sans-serif; font-size:55px; line-height:100%; color:#c3002f; text-align:center; letter-spacing:-2px;   }
		.hero-price-details { text-transform:uppercase; font-size:9px; color:#757a81; line-height:100%; text-align:center; }
		.hero-discount-box 	{ background:url("http://a.dlron.us/assets/misc/webteam/DANI/web/_model-specials/_images/bg-stripe.png") rgba(0,0,0,.7); color:#fff; text-align:center; font-size:18px; font-weight:bold;}
		.hero-discount-box .fa { color:#c3002f;  }
		.hero-discount-box ul { margin:0; padding:0; display:block;}
		.hero-discount-box ul > li { display:block; padding:10px 5px;  list-style:none; margin:0;   line-height:100%; border-bottom:solid 1px rgba(150,150,150,.5);}
		.hero-discount-box ul > li:last-child {  border-bottom:0;}
		.hero-discount-box ul > li:hover { background:#333;}
		
		
		/* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
		#hero-offer-box 	{   max-width:410px !important;    }
		.hero-car-name h2 {  font-size:50px;  }
		.hero-price-type 	{ font-size:12px;  }
		.hero-price-offer 	{  font-size:70px;     }
		.hero-price-box .price-wrap  {     padding:0;}
		.hero-price-box .price-wrap > div  {     padding:20px 0;}
 
		
			
		}