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

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

#top, #bottom, #left, #right {
	background: #000000;
	position: fixed;
	z-index:999999999;
	}
	#left, #right {
		top: 0; bottom: 0;
		width: 15px;
		}
		#left { left: 0; }
		#right { right: 0; }
		
	#top, #bottom {
		left: 0; right: 0;
		height: 15px;
		}
		#top { top: 0; }
		#bottom { bottom: 0; }


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	height:100%;
	overflow-x:hidden;
    font-family: 'Oswald', sans-serif;
    font-size:24px;
    
}

h1,h2,h3,h4,h5{
    
    margin-top:1em;
    margin-bottom:1em;
}

p{
    
    margin-top:1em;
    margin-bottom:1em;
}

div img{width:100%;}
div {box-sizing:border-box;}

html{height:100%;}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

#book{
    
    float:left;
    width:50%;
    margin:5%;
    	transform: rotate(-3deg);
}


#chap{
    
position:absolute;
    width:50%;
    margin:0%;
    right:-4%;
    top:5%;
}

#quick{
    
    float:left;
    width:50%;
    margin-left:20%;
    margin-top:50px;
    position:relative;
    z-index:999;
}

#gallery{
    
    float:left;
    width:25%;
    padding:2%;
       
}

#gallery img{
   -webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.5);
box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.5);
    
}

#gallery img:hover{
   -webkit-box-shadow: 10px 10px 0px 0px rgba(255,255,255,0.9);
-moz-box-shadow: 10px 10px 0px 0px rgba(255,255,255,0.9);
box-shadow: 10px 10px 0px 0px rgba(255,255,255,0.9);
    
}


#menu{
	
	position:fixed;
	top:0px;
	left:0%;
	width:100%;
	background:url(img/topbg.png);
	background-position:bottom center;
	background-repeat:no-repeat;
	z-index:9999;
	padding-left:5%;
}

.size1{width:14%;}
.size2{width:26%;}
.size3{width:13%; margin-top:10px;}

#man4{
    
    position:absolute;
    right:-100px;
    top:10%;
    width:40%;
}

.submit-button{width:108%;}

input{
    
    width:100%; padding:20px; border:dotted 3px #fff; margin-bottom:20px; background:none; background-color:#000; color:#fff; font-size:1.4em;    font-family: 'Oswald', sans-serif;

}

textarea{
    
    width:100%; padding:20px; border:dotted 3px #fff; margin-bottom:20px; background:none; background-color:#000; color:#fff; height:200px;font-size:1.4em;    font-family: 'Oswald', sans-serif;

}

.panel{
	
	float:left;
	width:100%;
	position:relative;
	z-index:999;
	
}

#panelgallery{
    
    padding:5%;
}

#panel3{
    
    float:left;
    width:100%;
    padding-bottom:50px;
}

#panel6{
    
    float:left;
    width:100%;
    padding:5%;
    padding-bottom:10px;
}

video#bgvid3 {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -2;
}

#grass{
	
	position:absolute;
	bottom:0%;
	left:0%;
	width:100%;
}

#logo{
	
	width:40%;
	position:absolute;
	top:20%;
	left:30%;
}

#man1{
	
	position:absolute;
	right:-5%;
	bottom:0%;
	height:80%;
	width:auto;
}


#car{
	
	position:absolute;
	left:0%;
	bottom:0%;
	height:50%;
	width:auto;
    z-index:999999;
}

#man1 img{height:100%; width:auto;}
#car img{height:100%; width:auto;}



#panel0{
	
	height:100%;
	
	
}

#panel5{padding:0% 5%;}

#faqtitle{
    
    position:absolute;
    width:20%;
    right:10%;
    top:-2%;
}

#gallerytitle{
    
    position:absolute;
    width:30%;
    left:10%;
    top:-2%;
}

#clientstitle{
    
    float:left;
    width:100%;
    padding:2% 20%;
}

#panel1{
	
	background:url(img/bg.jpg);
	transform: rotate(3deg);
	margin-top:-20px;


	
}

#panel4{
	
	background:url(img/panel4bg.png) no-repeat top center ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	transform: rotate(3deg);
	margin-top:-100px;
	min-height:500px;


	
}

#panel1txt{
	
	float:left;
	width:50%;
	background-color:#000;
	padding:30px;
	margin:5%;
	height:auto;
	color:#fff;
    -webkit-box-shadow: 10px 10px 0px 0px rgba(255,255,255,0.5);
-moz-box-shadow: 10px 10px 0px 0px rgba(255,255,255,0.5);
box-shadow: 10px 10px 0px 0px rgba(255,255,255,0.5);
}


#faqtxt{
	
	float:left;
	width:60%;
	background-color:#000;
	padding:30px;
	margin:5%;
	height:auto;
	color:#fff;
    -webkit-box-shadow: 10px 10px 0px 0px rgba(255,255,255,0.5);
-moz-box-shadow: 10px 10px 0px 0px rgba(255,255,255,0.5);
box-shadow: 10px 10px 0px 0px rgba(255,255,255,0.5);
}

#trex{
	
	position:absolute;
	width:80%;
	right:-35%;
	bottom:15%;
}

#newman{
	
	position:absolute;
	width:20%;
	right:33%;
	bottom:0%;
}

@media only screen and (max-width:900px) {
    
    body{font-size:20px;}
    
    
    #panel0{
	
	height:auto;
	
	
}
	
	
	#car img {
    height: auto;
    width: 100%;
}
	
	
	#panel1txt {
    float: left;
    width: 85%;
    background-color: #000;
    padding: 30px;
    margin: 5%;
    height: auto;
    color: #fff;
}
    
    
    #faqtxt {
    float: left;
    width: 85%;
    background-color: #000;
    padding: 30px;
    margin: 5%;
    }
    
    #faqtitle {
    position: inherit;
    width: 100%;
    right: inherit;
    top: inherit;
        padding:3% 30%;
        float:left;
}
    
    #quick {
    float: left;
    width: 100%;
    margin-left: 0%;
    margin-top: 50px;
    position: relative;
    z-index: 999;
}
    
    #gallery{width:50%;}
    
    #book{width:80%;}
    
    #chap{display:none;}

	
	#trex{
	
	position:inherit;
	width:90%;
	right:inherit;
	top:inherit;
		float:right;
        margin-right:-40%;
}
	
	#panel1{
	
	background:url(img/bg.jpg);
	transform: rotate(0deg);
	margin-top:0px;


	
}
    
    #man4{display:none;}

#newman{
	
	position:inherit;
	width:40%;
	right:inherit;
	bottom:inherit;
	float:left;
}
	
	#logo{float:left; width:100%; padding:10%; left:inherit; 	position:inherit;
 top:inherit;}
	
	#menu{
        
        background-color:#000;
        
    
    
    }
	
	
	#man1{
	
	display:none;
}


#car{
	
	position:inherit;
	left:inherit;
	bottom:inherit;
	height:inherit;
	width:100%;
	float:left;
}
	
	.panel{height:auto;}
	
	
	
}