@import url(https://fonts.googleapis.com/css?family=Crimson+Text:400,600,700|Ubuntu:400,300,700|Orbitron);

@font-face {
    font-family: 'back_to_the_future_2002Rg';
    src: url('../fonts/bttf-webfont.eot');
    src: url('../fonts/bttf-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bttf-webfont.woff2') format('woff2'),
         url('../fonts/bttf-webfont.woff') format('woff'),
         url('../fonts/bttf-webfont.ttf') format('truetype'),
         url('../fonts/bttf-webfont.svg#back_to_the_future_2002Rg') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* -------------------------------- 

Primary style

-------------------------------- */
*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*::after, *::before {
  content: '';
}

body {
  font-size: 100%;
  background-color: #fff;
}


/* -------------------------------- 

Main components 

-------------------------------- */
html, body {
  height: 100%;
}

.cd-nav-trigger {
  position: fixed;
  display: inline-block;
}

#bg-hdr{
	background-color:#000;
	width: 100%;	
}

#hd-img{
	width: 70%;
	height: 450px;	
	display: block;
	margin: 0 auto;
}

.inner{
	width: 940px;
	margin: 0 auto;	
}

#inner-text-left{
	width: 500px;	
	float:left;
	display:inline-block;
	margin-top:100px;
	margin-bottom: 100px;
}

#bigtext{
	font-family: 'Crimson Text', serif;
	text-align:center;
}
.span1 {
	font-size:29px;
	color:#5C5C5C;
}
.span2{
	font-size:60px;
	color:#5C5C5C;
	line-height: 55px;
}
.span3{
	font-size:48px;
	color:#5C5C5C;
	line-height: 55px;
}
.span4{
	font-size:162px;
	color:#901113;
	line-height: 95px;
}
.span5{
	font-size:43px;
	color:#5C5C5C;
	line-height: 55px;
}

.aboutp{
	font-family: 'Ubuntu', sans-serif;
	color:#666666;
	font-size:18px;
	margin-top: 50px;	
}

#poster-img{
	float:right;
}

.poster{
	-webkit-box-shadow: 10px 10px 5px 0px rgba(87,87,87,1);
	   -moz-box-shadow: 10px 10px 5px 0px rgba(87,87,87,1);
			box-shadow: 10px 10px 5px 0px rgba(87,87,87,1);	
	display: inline-block;
	margin-right: 60px;
	margin-top: 100px;		
}

@media (min-width: 700px) and (max-width: 1002px){
#hd-img{
	width: 100%;
	height: 450px;	
	display: block;
	margin: 0 auto;
}
.inner{
	width: 650px;
	margin: 0 auto;	
}
#inner-text-left{
	width: 300px;	
	float:left;
	display:inline-block;
	margin-top:100px;
	margin-bottom: 100px;
}


.span1 {
	font-size:20px;
}
.span2{
	font-size:40px;
	line-height: 35px;
}
.span3{
	font-size:32px;
	line-height: 35px;
}
.span4{
	font-size:105px;
	line-height: 65px;
}
.span5{
	font-size:29px;
	line-height: 35px;
}
.aboutp{
	font-size:16px;
	margin-top: 20px;	
}

.poster{
	max-width:80%;
	-webkit-box-shadow: 10px 10px 5px 0px rgba(87,87,87,1);
	   -moz-box-shadow: 10px 10px 5px 0px rgba(87,87,87,1);
			box-shadow: 10px 10px 5px 0px rgba(87,87,87,1);	
	margin-right:0px;
}
}

@media screen and (max-width: 699px){
#hd-img{
	width: 100%;
	height: 250px;	
}
.inner{
	width: 95%;
	margin: 0 auto;
	display:block;	
}
#inner-text-left{
	float:none;
	margin-top:20px;
	margin-bottom:20px;
	width:100%;
}
.span1 {
	font-size:20px;
}
.span2{
	font-size:40px;
	line-height: 35px;
}
.span3{
	font-size:32px;
	line-height: 35px;
}
.span4{
	font-size:105px;
	line-height: 65px;
}
.span5{
	font-size:29px;
	line-height: 35px;
}
.aboutp{
	font-size:16px;
	margin-top: 20px;	
}
#poster-img{
	float:none;	
}
.poster{
	width:50%;
	float:none;
	display:block;
	margin: 0 auto;
	
	margin-top: 50px;
	margin-bottom: 100px;
	padding-right:0px;		
}	
}


.s3 {
	background: #ffffff;
	clear:both;
	margin-top: 800px;
	margin-bottom: 100px;
	height: 450px;
}

.reviewsh1{
	font-size: 62px;
	margin-top:20px;
	margin-bottom:20px;
}

.quotes {
	display: none;
	color:#000000;
	font-family: 'Special+Elite';
	margin-top:100px;	
	font-size:48px;
}

.lquo{
	position:absolute;
	opacity: 0.4;
	z-index:2;
	margin-top: -10px;
	clear: both;
	max-width:100%;
}

.rquo{
	position:absolute; 
	opacity: 0.4;
	z-index:2;
	margin-right:150px;
	margin-top:-150px;
	right:0;
	clear:both;
	max-width:100%;
}

@media (min-width: 700px) and (max-width: 1002px){
.s3 {
	margin-top:800px;
	margin-bottom: 100px;
	height: 250px;
}
.reviewsh1{
	font-size: 36px;
	margin-top:0px;
}
.quotes {
	font-size:28px;
}
.lquo{
	max-width:10%;
	max-height:10%;
}
.rquo{
	max-width:10%;
	max-height:10%;
	margin-top: 10px;
	clear:both;
}	
}

@media screen and (max-width: 699px){
.s3 {
	margin-top:20px;
	margin-bottom: 80px;
	height: 250px;
}
.reviewsh1{
	font-size: 24px;
	margin-top:0px;
}
.quotes {
	font-size:18px;
}
.lquo{
	max-width:10%;
	max-height:10%;
}
.rquo{
	max-width:10%;
	max-height:10%;
	margin-top: 10px;
	clear:both;
	margin-right:5px;
}
}


@media (min-width:240px) and (max-width: 384px){
.s3 {
	margin-top:-250px !important;
	margin-bottom: 80px;
	height: 250px;
}	
}
.s4 {
	
}

.s4 h2{
	font-family: 'Orbitron', sans-serif;
	color:#800002;
	font-size:36px;
	padding-top: 50px;
	margin-bottom: 40px;	
}

.s4 video {
	width: 600px;
	margin: 0 auto;
	float: none;
	display: block;
	padding-bottom: 80px;	
}


@media (min-width: 700px) and (max-width: 1002px){
.s4 h2{
	font-size:20px;
}
.s4 video {
	width: 80%;
}	
}


@media screen and (max-width: 699px){
.s4 video {
	width: 80%;
}
}


hr {
	width: 90%;
	border: 0; 
  	height: 1px; 
  	background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  	background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  	background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  	background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}

.s5{
	margin:0 auto;
	display: block;
	float:none;	
}

#s5-h2{
	font-family: 'Orbitron', sans-serif;
	color:#800002;
	font-size:36px;
	padding-top: 50px;
	margin-bottom: 40px;
}

#s5-p{
	font-family: 'Orbitron', sans-serif;
	color:#434343;
	font-size:24px;
	
}

iframe{
	margin: 0 auto;
	display: block;
	margin-top: 20px;
	margin-bottom: 100px;
	z-index:1;
	position:inherit;
	width:600px;
	height: 400px;
	frameborder:0; 
	style=border:0;	
}

@media (min-width: 700px) and (max-width: 1002px){
#s5-h2{
	font-size:24px;
	padding-top: 50px;
	margin-bottom: 40px;
}
#s5-p{
	font-size:18px;
}
iframe{
	width:80%;
	height:60%;
}
}


@media screen and (max-width:699px){
#s5-h2{
	font-size:24px;
	padding-top: 50px;
	margin-bottom: 40px;
}
#s5-p{
	font-size:18px;
}
iframe{
	width:80%;
	height:30%;
}	
}


#s6-h2{
	font-family: 'Orbitron', sans-serif;
	color:#800002;
	font-size:36px;
	padding-top: 50px;
	margin-bottom: 40px;	
}

#delorean{
	max-width: 100%;
	margin-left:-10%;
	position:absolute;
	z-index:2;
	margin-top:125px;	
}

form{
	width: 60%;
	max-width: 100%;
	list-style:none;
	margin: 0 auto;
	display:block;
	margin-top: 100px;
	margin-bottom: 80px;
}
	
form ul{
	
}
	
form ul li{
	margin-bottom: 10px;
	list-style:none;
}
	
form label{
	display: inline-block;
	width: 100px;
}
	
form input,
form textarea{
	max-width: 98%;
	background: white;
	border: solid 2px black;
	margin: 0;
	padding: 4px 1%;
	list-style:none;
}
	
form input[type=reset],
form input[type=submit]{
	background: white;
	border: solid 2px black;
	padding: 6px 12px;
	margin:5px;
	float: right;
	text-decoration:none;
}

.top-section{
	display: inline-block;
}

.top-section-main {
	width: 80%;
	height: 400px;
	margin: 0 auto;
	display: block;
	font-family: 'back_to_the_future_2002Rg';
	margin-top: 100px;
	
}
.top-section-left{
	float: left;
	display: inline-block;
	width: 33%;
	text-align: center;
	font-size:28px;
	color:#730001;
}

.top-section-middle{
	float: none;
	display: inline-block;
	width: 33%;
	text-align: center;
	font-size:28px;
	color:#730001;
	
}

.top-section-right{
	float: right;
	display: inline-block;
	width: 33%;
	text-align: center;
	font-size:28px;
	color:#730001;
	
}

#hoverb,
#car {
	margin-top: 60px;
}

.top-img{
	margin-top: 30px;
}

#end-h2{
	font-family: 'Orbitron', sans-serif;
	color:#800002;
	font-size:36px;
	padding-top: 50px;
	margin-bottom: 40px;
	text-align:center;
}

@media (min-width: 900px) and (max-width:1090px ){
#end-h2{
	font-size:24px;
	clear:both;
	text-align:center;
}
#delorean{
	max-width:30%;
	max-height:30%;
}

#s6-h2{
	font-size:22px;
	text-align:center;
}

form label{
	width: 85px;
}
form input,
form textarea{
	max-width: 60%;
}	
}

@media (min-width: 700px) and (max-width:899px ){
#end-h2{
	font-size:20px;
	clear:both;
	text-align:center;
}
#delorean{
	display:none;
}

#s6-h2{
	font-size:22px;
	text-align:center;
}

form{
	width:60%;
	margin: 0 auto;
	display:block;	
}

form p{
	margin-bottom: 60px;	
}

form label{
	width: 85px;
}
	
form input,
form textarea{
	max-width: 50%;
}
form input[type=reset],
form input[type=submit]{
	padding: 4px 10px;
	float: none;
	margin-top: -50px;
}
}

@media screen and (max-width: 699px){
#end-h2{
	font-size:20px;
	clear:both;
	text-align:center;
}

#delorean{
	display:none;
}

#s6-h2{
	font-size:20px;
	text-align:center;
}

form{
	width:60%;
	margin: 0 auto;
	display:block;	
}

form p{
	margin-bottom: 60px;	
}

form label{
	width: 85px;
}
	
form input,
form textarea{
	max-width: 100%;
}
form input[type=reset],
form input[type=submit]{
	padding: 4px 10px;
	float: none;
	margin-top: -50px;
}	
	
}


@media screen and (max-width: 700px){
.top-section{
	display: none;
}
.top-section-main{
	display: none;	
}
}

footer{
	background-color:#262626;
	height: 200px;	
}

.s7{
	width: 100%;
	background-color:#262626;
	clear:both;
}

.cd-nav-trigger {
  top: 18px;
  right: 5%;
  height: 44px;
  width: 44px;
  z-index: 5;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.cd-nav-trigger .cd-icon {
  /* icon created in CSS */
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: inline-block;
  width: 18px;
  height: 3px;
  background-color: #ffffff;
  z-index: 10;
}
.cd-nav-trigger .cd-icon::before, .cd-nav-trigger .cd-icon:after {
  /* upper and lower lines of the menu icon */
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /* apply transition to transform property */
  -webkit-transition: -webkit-transform .3s;
  -moz-transition: -moz-transform .3s;
  transition: transform .3s;
}
.cd-nav-trigger .cd-icon::before {
  -webkit-transform: translateY(-6px) rotate(0deg);
  -moz-transform: translateY(-6px) rotate(0deg);
  -ms-transform: translateY(-6px) rotate(0deg);
  -o-transform: translateY(-6px) rotate(0deg);
  transform: translateY(-6px) rotate(0deg);
}
.cd-nav-trigger .cd-icon::after {
  -webkit-transform: translateY(6px) rotate(0deg);
  -moz-transform: translateY(6px) rotate(0deg);
  -ms-transform: translateY(6px) rotate(0deg);
  -o-transform: translateY(6px) rotate(0deg);
  transform: translateY(6px) rotate(0deg);
}
.cd-nav-trigger::before, .cd-nav-trigger::after {
  /* 2 rounded colored backgrounds for the menu icon */
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  height: 100%;
  width: 100%;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
}
.cd-nav-trigger::before {
  background-color: #091d23;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.cd-nav-trigger::after {
  background-color: #ffb441;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
}
.cd-nav-trigger.close-nav::before {
  /* user clicks on the .cd-nav-trigger element - 1st rounded background disappears */
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.cd-nav-trigger.close-nav::after {
  /* user clicks on the .cd-nav-trigger element - 2nd rounded background appears */
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.cd-nav-trigger.close-nav .cd-icon {
  /* user clicks on the .cd-nav-trigger element - transform the icon */
  background-color: rgba(255, 255, 255, 0);
}
.cd-nav-trigger.close-nav .cd-icon::before, .cd-nav-trigger.close-nav .cd-icon::after {
  background-color: white;
}
.cd-nav-trigger.close-nav .cd-icon::before {
  -webkit-transform: translateY(0) rotate(45deg);
  -moz-transform: translateY(0) rotate(45deg);
  -ms-transform: translateY(0) rotate(45deg);
  -o-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
}
.cd-nav-trigger.close-nav .cd-icon::after {
  -webkit-transform: translateY(0) rotate(-45deg);
  -moz-transform: translateY(0) rotate(-45deg);
  -ms-transform: translateY(0) rotate(-45deg);
  -o-transform: translateY(0) rotate(-45deg);
  transform: translateY(0) rotate(-45deg);
}

.cd-primary-nav {
  /* by default it's hidden */
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  padding: 40px 5%;
  z-index: 3;
  background-color:#362D2D;
  overflow: auto;
  /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
  -webkit-overflow-scrolling: touch;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0s, opacity 0.3s;
  -moz-transition: visibility 0s, opacity 0.3s;
  transition: visibility 0s, opacity 0.3s;
}
.cd-primary-nav li {
  margin: 1.2em 0;
  text-align: center;
  
}
.cd-primary-nav a {
  font-size: 18px;
  font-size: 1.20rem;
  font-family: 'Orbitron', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  transition: color 0.2s;
  
}
.no-touch .cd-primary-nav a:hover {
  color: #ffffff;
}
.cd-primary-nav.fade-in {
  /* navigation visible at the end of the circle animation */
  visibility: visible;
  opacity: 1;
}

@media only screen and (min-width: 768px) {
  .cd-primary-nav li {
    margin: 2em 0;
  }
  .cd-primary-nav a {
    font-size: 28px;
    font-size: 1.75rem;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-primary-nav li {
    margin: 2.0em 0;
  }
  .cd-primary-nav a {
    font-size: 22px;
    font-size: 2rem;
  }
}

.cd-overlay-nav, .cd-overlay-content {
  /* containers of the 2 main rounded backgrounds - these containers are used to position the rounded bgs behind the menu icon */
  position: fixed;
  top: 18px;
  right: 5%;
  height: 4px;
  width: 4px;
  -webkit-transform: translateX(-20px) translateY(20px);
  -moz-transform: translateX(-20px) translateY(20px);
  -ms-transform: translateX(-20px) translateY(20px);
  -o-transform: translateX(-20px) translateY(20px);
  transform: translateX(-20px) translateY(20px);
}
.cd-overlay-nav span, .cd-overlay-content span {
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.cd-overlay-nav.is-hidden, .cd-overlay-content.is-hidden {
  /* background fades out at the end of the animation */
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}

.cd-overlay-nav {
  /* main rounded colored bg 1 */
  z-index: 2;
}
.cd-overlay-nav span {
  background-color:#575757;
}