@import url(http://fonts.googleapis.com/css?family=Advent+Pro:400,700,600,500,300,200,100);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700,300);

* {
	margin: 0;
	padding: 0;
}
body {
	background:  #333;
	background-image: url(../pics/background.png);
	min-height: 100%;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	padding: 0;
	margin: 0;
	position: relative;
	cursor: default;
}

/** END General **/

section {
	width: 100%;

}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Oswald', sans-serif;
	margin: 0;
}

h1 {
	font-weight: 700;
	font-size: 50px;
}

img {
    max-width: 100% !important; 
    height: auto;
    -ms-interpolation-mode: bicubic;
	}

hr {
  border: 0;
  margin: 0;
  max-width: 100%;
  background-position: 50%;
  box-sizing: border-box;
}

.fade {
  height: 2px;
  background-image: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.5) 50%,
    rgba(0, 0, 0, 0) 100%);
}

.accessory {
  height: 6px;
  background-image: radial-gradient(
    closest-side,
    hsla(0, 0%, 50%, 1.0),
    hsla(0, 0%, 50%, 0) 100%);
  position: relative;
}

.accessory:after {
  position: absolute;
  top:  50%;
  left: 50%;
  display:block;
  background-color: hsl(0, 0%, 75%);
  height: 12px;
  width:  12px;
  transform: rotate(45deg);
  margin-top:  -10px;
  margin-left: -10px;
  border-radius: 4px 0;
  border: 4px solid hsla(0, 0%, 100%, 0.35);
  background-clip: padding-box;
  box-shadow: -10px 10px 0 hsla(0, 0%, 100%, 0.15), 10px -10px 0 hsla(0, 0%, 100%, 0.15);
}

.slash-1 {
  height: 10px;
  background-image: linear-gradient(-45deg,
    hsla(0, 0%, 70%, 0),
    hsla(0, 0%, 70%, 0) 25%,
    hsla(0, 0%, 70%, 1) 25%,
    hsla(0, 0%, 70%, 1) 50%,
    hsla(0, 0%, 70%, 0) 50%,
    hsla(0, 0%, 70%, 0) 75%,
    hsla(0, 0%, 70%, 1) 75%);
  background-size: 10px 10px;
  width: 250px;
}

.slash-2 {
  height: 8px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="3px" height="3px" viewBox="0 0 3 3" fill="rgb(255,255,255)"><polygon points="0,0.5 0,1.5 1.5,3 2.5,3"/><polygon points="2.5,0 1.5,0 3,1.5 3,0.5"/></svg>');
  background-size: 3px 3px;
  width: 100%;
}

footer {
	background: #000;
	min-height: 50px;
	width: 100%;
}

footer p {
	color: #fff;
	font-family: "Oswald", sans-serif;
	float: left;
}

/** END General **/


/** START Main **/

	#sidebar {
		z-index: 999;
		position: fixed;
		background: #fff;
		/*top: 0;
		left: 50%;
		
		width: 220px;
		height: auto;
		margin: 0 0 0 -460px;*/
		-webkit-animation:	opendix_slidein 1000ms;
		-moz-animation:		opendix_slidein 1000ms;
		-o-animation:		opendix_slidein 1000ms;
		animation:			opendix_slidein 1000ms;
	}

	#sidebar.off {
		display: none;
	}

	#sidebar img {
		/**border-bottom: 5px solid #000;**/
		background: #333;
		height: 200px;
		width: auto;
	}
	#sidebar ul#main-menu {
		margin: 0 0 0 21px;
		padding: 35px 0 40px 10px;
	}
	
	#sidebar nav ul {
		font: 500 28px/1.25em 'Oswald', sans-serif;;
		padding: .25em .5em .25em .5em;
	}

	#sidebar li {
		list-style: none;
		padding: 3px 0 3px 0;

	}

	#sidebar li:last-child {
		margin-top: 6px;
	}
	
	#sidebar nav a {
		color: #000;
		text-decoration: none;
	}
	
	#sidebar nav a:hover { 
	  color: #de5050;
	}
	
	#sidebar nav ul a:active { 
	  position: relative;
	  top:1px;
	}
	
	#sidebar nav li.current a {
		color: #E43E36;

		
	}

	#sidebar span {
		position: relative;
		top: -20px;
		line-height: 0;
		font-size: 14px;
	}

	#sidebar button {
		width: 100%;
		background: #333;
		height: 80px;
		overflow: hidden;
		color: #fff;
		text-transform: uppercase;
		font-family: "Oswald", sans-serif;
		font-weight: 700;
		font-size: 35px;
		margin: 0;
		padding: 5px 20px;
		border: none;
		cursor: pointer;
	}

	#sidebar button:hover{
		background: #fff;
		border: 5px solid #333;
		color: #333;
		padding: 0px 15px;	

	}

	#sidebar button a {
		color: #fff;
	}

	#sidebar button a:hover{
		color: #000;

	}
	ul.not-drop-down {
		position: relative;
		left: -12px;
		padding: 0;
		margin: 0;
		height: 10px;
		overflow: hidden;

	}

	ul.not-drop-down li {
		position: relative;
		top: -20px;
		font-size: 14px;
		line-height: 10px;
		display: inline;
	}
	

	.content {
		margin: 0 auto;
		width: 780px;
		padding:0 0 0 180px;
		height: auto;
		
		z-index: 1;
		background: transparent;
		-webkit-animation:	opendix_slideright 2.5s;
		-moz-animation:     opendix_slideright 2.5s;
		-o-animation:       opendix_slideright 2.5s;
		animation:	        opendix_slideright 2.5s;

	}



	@-webkit-keyframes opendix_slidein {
		0%										{ opacity: 0.0; top: -2000px; }
		100%									{ opacity: 1.0; }
	}
	@-moz-keyframes opendix_slidein {
		0%										{ opacity: 0.0; top: -2000px; }
		100%									{ opacity: 1.0; }
	}
	@-o-keyframes opendix_slidein {
		0%										{ opacity: 0.0; top: -2000px; }
		100%									{ opacity: 1.0; }
	}
	@keyframes opendix_slidein {
		0%										{ opacity: 0.0; top: -2000px; }
		100%									{ opacity: 1.0; }
	}

	@-webkit-keyframes opendix_slideright {
		0%										{ opacity: 0.0;  }
		100%									{ opacity: 1.0; }
	}
	@-moz-keyframes opendix_slideright {
		0%										{ opacity: 0.0;  }
		100%									{ opacity: 1.0; }
	}
	@-o-keyframes opendix_slideright {
		0%										{ opacity: 0.0; }
		100%									{ opacity: 1.0; }
	}
	@keyframes opendix_slideright {
		0%										{ opacity: 0.0;  }
		100%									{ opacity: 1.0; }
	}
/** END Main **/



/** START Home **/
#home {
	height: 100px;
	background: #333;
	opacity: 0.8;
}

#home .moto {
	position: relative;
	margin-left: -5px;
	top: 50px;
	font-size: 40px;
	line-height:50px;
	color: #fff;
}

@media only screen and (min-width: 40.063em) {
	#home {
		height: 200px;
	}
	#home .moto {
	position: relative;
	margin-left: -5px;
	top: 100px;
	font-size: 80px;
	line-height:100px;
	color: #fff;
}
}

.moto span {
	padding-right: 5px;
	color: #5a5a5a;
	
	text-transform: uppercase;

	
	
}


/* Slider */
#slideshow {
	/*width:738px;*/
	height:300px;
	margin:0;
	padding:0;
	position:relative;
	overflow:hidden;
	text-align: center;

	background-image: url(../pics/background.png);
	background-size: cover;
	
	background-repeat: no-repeat;
	background-position: center center;
}

@media only screen and (min-width: 40.063em) {
	#slideshow {
	background-attachment: fixed;
	height:350px;
	
	}
	
}

@media only screen and (min-width: 68.963em) {
	#slideshow {
	
	height:400px;
	
	}
}

#sideshow img {
	display: none;
}

/* Slider Mask */
#mask {
	width:780px;
	height:382px;
	overflow:hidden;
}

/* Progress Bar */
#progressbar {
	width:780px;
	height:5px; 
	top:-5px;
	position:relative;
	background:#000;
	-moz-animation:fullexpand 25s ease-out infinite;
	-webkit-animation:fullexpand 25s ease-out infinite;
}


/** END Home **/



/** START Services **/
#social {
	background: #fff;
	/*margin-top: 90px;*/
	min-height: 300px;
	padding: 20px 0 20px 0;
	min-height: 600px;
}

#social h1 {
	font-size: 50px;
	color: #333;
	text-align: center;
	font-weight: 300;
}

/** END Services **/



/** START Halo **/
#albums {
	background: #f2f2f2;/*#f5f5f5*/
	color: #000;
	min-height: 600px;
	
	padding: 20px 0 20px 0;
}

#albums h1 {
	font-size: 50px;
	color: #333;
	text-align: center;
	font-weight: 300;
}

#albums img {
	display: block;
	margin: 0 auto;
	border-radius: 3px;
}

#albums button {
	width: 170px;
	height: 40px;
	position: relative;
	top: 5px;
	border-radius: 3px;
	display: block;
	margin: 0 auto;

}






/** END Halo **/



/** START Halo **/
#about {
	background: #fff;
	color: #000;
	min-height: 600px;
	
	padding: 20px 0 20px 0;
}

#about h1 {
	font-size: 50px;
	color: #333;
	/*text-align: center;*/
	font-weight: 300;
}
/** END Halo **/



/** START About **/
#tour {
	background: transparent; 
	color: #fff;
	min-height: 480px;
	padding-bottom: 40px;
	

}

#tour h1 {
	color: #fff;
}


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

ABOUT MAP

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


#custom-map {
  position: relative;
  width: 200px;
  height: 400px;
  background-color: #E43E36;
  float: right;

}

#cm address {
  z-index: 999;
  float: right;
  width: 200px;
  
  background-color: rgba(0, 0, 0, 1);
  color: white;
  font-size: 13px;
  font-family: "Oswald", sans-serif;
  text-transform: none;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
 
}

/** END About **/



/** START Book Now! **/
#store {
	width: 100%;
	min-height: 600px;
	background: #fff;
	margin-top: 20px;
	padding: 10px;
}

/** END Book Now! **/


footer {
	color: #fff;
}

footer a {
	color: #fff;

}

footer a:hover {
	color: #fff;
	text-decoration: underline;
}