@CHARSET "ISO-8859-1";


body{
	font-family: helvetica, sans-serif;
	color: #101010;
	font-size: 16px;
	font-family: "Open Sans", "helvetica neue", sans-serif;
	background:  rgb(152,191,232);
}


/*=======--LINKS--=======*/

a{
	text-decoration:none;
	color:rgb(255,255,255);
	-webkit-transition: all ease-in-out 0.6s;
 	-ms-transition: all  ease-in-out 0.6s;
 	transition: all ease-in-out  0.6s;
}

a:hover{
 	color: #fff0e0;
 	-webkit-transition: all 1s ease-in-out;
 	-ms-transition: all 1s  ease-in-out;
 	transition: all 1s ease-in-out;
}



/*========TYPOGRAPHY=======*/

q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}



h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
}

h1{
		position: relative;
		margin: 0;
		padding: 0;
		font-family: "Georgia", "Times New Roman", serif;
		font-size: 3em;
		font-weight; 300;
		text-align: center;
		}

h2{
	display: block;
	margin: 0 auto;
	font-size: 3em;
	
}

h3{
	display: block;
	margin: 0 auto;
	padding-top:  4em;
	font-size: 1em;
	font-family: "georgia", serif;
	text-align: center;
	text-shadow: 2px 0 50px rgba(0,0,0,0);
	color: rgb(240,240,240);
	
}

h4{
		position: relative;
		top: 0;
		margin: 0 auto;
		padding:  0;
		font-size: 2.7em;
		text-align: left;
		color: rgb(102,141,192);
		}



h5{
		position: absolute;
		bottom: 5%;
		left: 43.35%;
		width: 10%;
		margin: 0 auto;
		margin-bottom: 2em;
		padding: 1em;
		font-size: 1.5em;
		font-family: "Libre Baskerville", "Georgia", "Times New Roman", serif;
		background: url(../images/scroll2.png) no-repeat center bottom;
		background-size: 50%;
		}

p{
		position: relative;
		margin: 2em auto;
		font-size: 1.3em;
		}

p span{
		font-family: "Libre Baskerville", "Georgia", "Times New Roman", serif;
		font-style: italic;
}

p.PO {
	position: absolute;
	bottom: 0;
	right: -30%;
	width: 200px;
}


/*=======--	IMAGES--=======*/



/*=======--MENU--=======*/

#menu li {
		display: inline-block;
		margin: 0;
		font-family: "Open Sans", sans-serif;
		font-size: 1em;
		letter-spacing: .05em;
		text-transform: uppercase;
		background: rgba(255,255,255, 0);
		-webkit-border-radius:0;
        border-radius: 0;
}

#menu li.active{
		background:none;
		background: rgba(0,0,0,0);
		color: #4080c0;
}

#menu li a{
		padding: 9px 18px;
		display:block;
		text-decoration:none;
		color: #606060;
		}

#menu li a:hover{
		text-decoration:none;
		color: #f0f0f0;
		}

#menu li.active a:hover{
		color: #4080c0;
		}

#menu li:hover{
		background: rgba(255,255,255, 0);
		}

#menu li.active a{
		color: #4080c0;
		}

#menu{
		position:fixed;
		top: 0;
		left: 0;
		padding: 0;
		margin: 0;
		background: rgba(40,20,20,0);
		text-align: center;
		z-index: 70;
		}





/*=======--AUDIO--=======*/

audio{
		background: blue;
}




/*=================--SECTIONS--=================*/

.section{
		position: relative;
		top: 0;
		padding: 0;
		text-align:center;
		}

.wrap{
		position: relative;
		top: 0;
		width: 100%;
		max-width: 1200px;
		min-width: 400px;
		margin: 0 auto;
		padding: 0;
		text-align: center;
		}


.slide{
		position: relative;
		}




/*==========--TITLE--==========*/


 #title{
 
 		background: url(../images/shadow2.png) no-repeat  110% center;
		background-size: 51%;
 		}

 #title .wrap{
		position: relative;
		top: 0;
		width: 100%;
		max-width: 1400px;
		min-width: 420px;
		margin: 0 auto;
		padding: 1.3em 0;
		padding-left: 3em;
		text-align: center;
		}

#title h1{
		width: 55%
		margin: 0 0 1em ;
		padding: 5.5em 0;
		padding-bottom: 0;
		font-size: 4.8em;
		font-family: scriptina;
		font-weight: 300;
		line-height: 140%;
		text-align: center;
		text-shadow: 2px 0 25px rgba(0,0,0,0);
		color: rgb(72,95,120);
		/*color: #f9f6d0*/;
		background: url(../images/ShadowTitle.png) no-repeat left center;
		background-size: contain;
		}

#title h1 span{
		visibility: hidden;
		margin: 0;
		}

#title h2{
		width: 45%;
		margin: 0 0 .2em ;
		padding: 0;
		font-family: georgia, serif;
		font-size: 2em;
		text-align: center;
		text-shadow: 2px 0 25px rgba(0,0,0,0);
		color: #fcfcfc;
		}

#title h3{
		width: 45%;
		margin: 0 0 3em ;
		padding: 0;
		font-family: times new roman, serif;
		font-size: 2.1em;
		letter-spacing: 2px;
		text-align: center;
		text-transform: uppercase;
		text-shadow: 2px 0 25px rgba(0,0,0,0);
		color: #fcfcfc;
		}

#title p.PO {
		position: absolute;
		bottom: -50px;
		right: 20px;
		width: 10em;
		max-width: 260px;
		padding: 0 2%;
		}

#title p.PO  img{
		width: 90%
		max-width: 250px;
		}


/*==========--ABOUT--==========*/

#section1{
		margin: 0;
		padding: 0;
		background: rgb(255,255,255) url(../images/shadow2.png) no-repeat 180% center;
		background-size: 70%;
		}
		
#section1 .wrap{
		position: relative;
		top: -5em;
		}
		
		
#About1{
		background: url(../images/LCAlpha3.png) no-repeat right top;
		background-size: contain;
		}

#section1 h1{
		top: 0;
		width: 100%;
		height: 2.6em;
		margin: 0 auto;
		padding: 0;
		font-family: connie;
		font-size: 6em;
		line-height: 150%;
		text-align: left;
		background: url(../images/AboutHeader.png) no-repeat;
		background-size: 50%;
		}

#section1 h2{
		top: 0;
		width: 60%;
		margin: 0;
		margin-bottom: 2em;
		font-family: "Libre baskerville", serif;
		font-size: 3em;
		text-align: left;
		color: rgb(52,91,132);
		}



#section1 p{
		top: -2em;
		width: 70%;
		margin: 0;
		padding: 0;
		line-height: 150%;
		text-align: left;
		}


#section1 ul.myth{
		display:block;
		width: 70%;
		margin:  1em auto;
		text-align: left;
		}

#section1 li.myth{
		margin: 1em  auto;
		font-size: 1.5em;
		color: #202020;
		list-style: initial;
		}


/*==========--RECEPTION--==========*/


#section2{
		background: rgb(152,191,232) ;
}

#section2 h1{
		top:  0;
		width: 100%;
		height: 2.6em;
		margin: 0;
		margin-bottom: -.4em;
		padding: 0;
		font-family: 'BILLY ARGEL FONT';
		font-size: 6em;
		color: #c0c0c0;
		line-height: 10%;
		text-align: center;
		background:  url(../images/ReceptionHeader.png) no-repeat -.5em top;
		background-size: 60%;
		}

#section2 p{
		width: 70%;
		margin: 1em 0 ;
		padding: 0;
		text-align: left;
		}

#slider2{
		position: absolute;
		right:0;
		top: 2em;
		width: 30%;
		height: auto;
		margin:  0 auto;
		margin-bottom: 0;
		padding: 0;
		}		
		
#slider2 li img{	
		width: 70%;
		}	


/*==========--REVIEWS--==========*/


#section3{
		background: rgb(255,255,255) url() no-repeat 180% center;
		background-size: 70%;
}

#section3 .wrap1 {
		position: relative;
		top: -3em;
		width: 90%;
		height: auto;
		margin: 0 auto;
		}
		

#section3 .wrap2{
		position: relative;
		top: -4em;
		width: 85%;
		margin: 0 auto;
		border: dotted 0 #505050;
		}

#slider{
		position: relative;
		top: 0;
		width: 40%;
		height: 320px;
		margin:  0 auto;
		margin-bottom: 0;
		padding: 1em 4em;
		}
		




#section3  h1{
		top: 1em;
		margin: 0;
		padding: 0 ;
		font-size: 5em;
		background: rgba(152,191,232,0);
		}




#section3  .slide h1{
		position: absolute;
		top: .5em;
		right: 0;
		display: table-cell;
		vertical-align: middle;
		width: 40%;
		margin: 0;
		padding: 0;
		padding-bottom: 2em;
		font-family: "Libre Baskerville", serif;
		font-size: 3.1em;
		color: rgb(52,91,132);
		line-height: 120%;
		text-align: center;
		background: url(../images/scroll3.png) no-repeat center bottom;
		background-size: 30%;

		}
		
		
#section3 h4{
		position: relative;
		top: 0;
		margin: 0 auto;
		padding: 0;
		font-size: 2.7em;
		text-align: left;
		color: rgb(102,141,192);
}

#section3 h4 span{
		display: block;
		margin: 0 auto;
		font-family: georgia;
		font-style: italic;
		font-size: .8em;
		text-align: right;
		color: rgb(20,20,20);	
}	
		
		

#section3 p{
		position: relative;
		top: 0;
		width: 50%;
		margin: .7em 2em ;
		padding: 0;
		text-align: left;
		font-size: 1em;
		}


#section3 p:first-of-type:before {
		display: block;
		position: absolute;
		left: -120px;
		top: 50px;
		content: "\201C";
		margin: 0;
		padding: 0;
		font-size: 14em;
		font-family: 'times new roman', serif;
		line-height: .1em;
		color: rgba(0,0,0,0.7);
}


/*==========--WHERE TO BUY--==========*/


#section4{
		background: rgb(152,191,232) url(../images/shadow2.png) no-repeat 180% center;
		background-size: 70%;
		}
		

#section4  h1{
		top: -1em;
		width: 100%;
		margin: 0 auto;
		padding: 0;
		text-align: center;
		color:  rgb(250,249,245);
		}

#section4 p{
		top: 0.5em;
		width: 50%;
		margin: 1em auto ;
		padding: 0;
		text-align: center;
		color: #303030;
		}



/*==========--	CONTACT--==========*/


#section5{
		background: rgb(255,255,255);
		}


#section5 h1{
		top: 0;
		width: 100%;
		padding: 0 0 1em;
		background:  url( ../images/scroll2.png) no-repeat center bottom;
		background-size: 10%;
		}



#section5 a{
		color: rgb(52,91,132);
		text-decoration: underline;
		}



#section5 .wrap{
		max-width: 800px;
		}

#section5 p{
		width: 70%;
		margin: 2em auto;
		font-size: 1.7em;
		text-align:center;
		}



/*------------------------------------- Responsive Slider-------------------------------*/




.rslides {
		position: relative;
		list-style: none;
		overflow: hidden;
		width: 100%;
		padding: 0;
		margin: 0;
		border-right:0;
		border-left:0;
		z-index:0;
  		}

.rslides li {
  		/*-webkit-backface-visibility: hidden;*/
   	 	position: absolute;
  		display: none;
  		width: 100%;
  		left: 0;
  		top: 0;
  		}

.rslides li:first-child {
  		position: relative;
  		display: block;
  		padding: 0;
  		float: left;
  		 }

.rslides li:nth-child(2){
  		position: relative;
  		display: block;
  		padding: 0;
  		float: left;
  		 }




/*=======IMAGES=======*/

img.logo{
		position: relative; 
		margin: auto;
		width: 30%;
		max-width: 750px;
		min-width: 300px;
		padding: 0;
		}



img.cover{
		margin:0 auto;
		padding: 0;
 		width: 10%;
		}



/*================================--MEDIA QUERY--================================*/


/*=================--1 2 0 0 --=================*/

@media screen and (max-width: 1200px){

		body{ 
			font-size: 95%;
			}

		h5{
			left: 43%;
			}

		.wrap{
			padding: 0 1.2em;
			}



/*=======--INTRO 1200--=======*/
	

	#title h1{
			width: 45%;
			margin: 0 0 1em ;
			padding: 1.5em 0;
			padding-bottom: 0;
			font-size: 4.8em;
			background-size: contain;
		}

	#title h2{
			width: 45%;
			margin: 0 0 .2em ;
			padding: 0;
			font-family: georgia, serif;
			font-size: 2em;
			text-align: center;
			text-shadow: 2px 0 25px rgba(0,0,0,0);
			color: #fcfcfc;
			}

	#title h3{
			width: 45%;
			margin: 0 0 3em ;
			padding: 0;
			font-family: times new roman, serif;
			font-size: 2.1em;
			letter-spacing: 2px;
			text-align: center;
			text-transform: uppercase;
			text-shadow: 2px 0 25px rgba(0,0,0,0);
			color: #fcfcfc;
			}
			
			#title p.PO {
			position: absolute;
			bottom: 10px;
			right: 4em;
			width: 100px;
			font-size: .2em;
			}

		#title p.PO  img{
			width: 90px;
			}


/*=======--ABOUT 1200--=======*/

		#section1{
			margin: 0;
			padding: 0;
			}

		#section1 h1{
			top: 0;
			margin: 0 auto;
			background-size: 70%;
			}

		#section1 h2{
			top: 6em;
			width: 60%;
			margin-bottom: 1em;
			font-size: 2em;
			}
		
		#section1 p{
			top: -1em;
			width: 60%;
			font-size: 1.2em;
			}
			
		
		#About1{
			background: none;
			}



/*==========--RECEPTION 1200--==========*/



		#section2 h1{
			top:  0;
			background-size: 55%;
		
		}

		#section2 p{
			width: 70%;
			margin: .5em 0 ;
			padding: 0;
			text-align: left;
			line-height: 130%;
			
		}



		#slider2 li img{	
			width: 75%;
		}	


/*=======--REVIEWS 1200--=======*/

		#section3 .wrap1 {
			top: 0em;
	}
	
		#section3 .wrap2 {
			top: -3em;
			width: 97%;
			padding: 2em .5em;
			border: dotted 4px #202020;
			}
	
		#section3 h1{
			top: 1.7em;
			font-size: 2.5em;
			}	
		
		#section3  .slide h1{
			position: absolute;
			top: .5em;
			right: 0;
			display: table-cell;
			vertical-align: middle;
			width: 40%;
			margin: 0;
			padding: 0;
			padding-bottom: .7em;
			font-family: "Libre Baskerville", serif;
			font-size: 2.5em;
			color: rgb(52,91,132);
			line-height: 120%;
			text-align: center;
			background: url(../images/scroll3.png) no-repeat center bottom;
			background-size: 20%;

		}
		#slider{
			position: relative;
			top: 3em;
			width: 60%;
			height: 320px;
			margin:  0 auto;
			margin-bottom: 0;
			padding: 1em 4em;
		}
		

		
		
		
		#section3 h4{
			font-size: 2em;
			text-align: left;
			color: rgb(102,141,192);
			}

		#section3 h4 span{
			font-size: .8em;
			text-align: right;
			color: rgb(20,20,20);
			}

			
		

		#section3 p {
			font-size: .7em;
	}

		#section3 p:first-of-type:before {
			display: block;
			position: absolute;
			left: -30px;
			top: 20px;
			font-size: 8em;
			letter-spacing: 0;
			line-height: .1em;
			}
			}



/*=================--8 0 0--=================*/


@media screen and (max-width: 800px){

		body{ 
			font-size: 85%;
			}


		h5{
			left: 39%;
			background-size: 90%;
			}
		
		

		/*=======--TITLE 800--=======*/

		#title{
			background: rgba(250,249,240,0) url(../images/shadownosticker.png) no-repeat  center top;
			background-size: contain;
			}

		 #title .wrap{
			position: relative;
			width: 100%;
			height: 100%;
			border: 0;
			background: transparent;
			}

		#title h1{
			display:none;
			}

		#title h2{
			display: none;
			}

		#title h3{
			display: none;
			}

		#title p.PO {
			position: absolute;
			bottom: 0;
			right:2em;
			width: 150px;
			font-size: .5em;
			}

		#title p.PO  img{
			width: 120px;
			}

		/*=======--ABOUT 800--=======*/
		

		#section1{
			margin: 0;
			padding: 0;
			background: rgb(255,255,255) url();
			}
			
		#section1 .wrap{
			top: -3em;
			width: 95%;
			padding: 0;
			}

		#section1 h1{
			top: .2em;
			width: 100%;
			margin: 0 auto;
			background-size: 80%;
			}

		#section1 h2{
			top: 0;
			width: 100%;
			}
		
		#section1 p{
			top: 0;
			width:90%;
			margin: 0 auto;
			}
			
		#About1{
			background: none;
			}
			
			
		/*==========--RECEPTION 800--==========*/


		
		

		#section2 h1{
				top:  0;
				margin-bottom: -1em;
				background-position: -.3em top;
				background-size: 55%;
				}

		#section2 p{
				width: 72%;
				margin: 1em 0 ;
				padding: 0;
				font-size: 1.2em;
				text-align: left;
			
				}

		#slider2{
				top: 30%;
				}

		#slider2 li img{	
				width: 65%;
				}	

	
			
		/*==========--REVIEWS 800--==========*/
		
		
	
		#section3 .wrap1 {
				top: 0;
				width: 92%;
				padding: 2em 0;
				border: dotted 4px #202020;
				}
	
		
		#section3 .wrap2 {
				top: -1em;
				width: 95%
				}
			
		#section3 h1{
				display: none;
				top: 0;
				font-size: 1.5em;
				}
	
		#section3  .slide h1{
				top: 0;
				display: initial;
				width: 100%;
				padding-bottom: .5em;
				font-size: 2em;
				color: rgb(52,91,132);
				line-height: 120%;
				text-align: center;
				background-size: 5%;
				}
		
		
		
		#section3 h4{
				margin-top: 1.3em;
				font-size: 2em;	
			}

		#section3 h4 span{
			
			font-size: .8em;
			
			}
			
		#section3 h5{
			display: none;	
			}

		#section3 p{
			position: relative;
			top: 2em;
			width: 90%;
			margin: .9em auto ;
			padding: 0;
			text-align: left;
			font-size: .8em;
			}




		#section3 p:first-of-type:before {
			display: block;
			position: absolute;
			left: -35px;
			top: 15px;
			content: "\201C";
			margin: 0;
			padding: 0;
			font-size: 7em;
			font-family: 'times new roman', serif;
			line-height: .1em;
			color: rgba(0,0,0,0.7);
			}
		
		
		/*==========--ORDER--==========*/
		
		#section4{
			background: rgb(152,191,232) url() ;
		}
		
			
		#section4  h1{
			width: 100%;
			margin: 0 auto;
			padding: 0;
			text-align: center;
			}

		#section4 p{
			width: 80%;	
		}

}

/*=================--4 8 0 --=================*/

/*@media screen and (max-width: 480px) {

		body{

		font-size: 91%;
		}


		#menu{
			display: none;
			position:fixed;
			}

		#slider2{ 
			display: none;
		}

		#slider2{ 
			width: 100%;
			}

		
		#section2 p{
			width: 90%;
			}

		#section2 h1{
			background-size: 100%;
		}

		
		#section3 h4{
			width: 100%;
			margin-top: 0;
			font-size: 1.7em;	
			}
			}*/