@import url(http://fonts.googleapis.com/css?family=Lato:300,400&subset=latin-ext,latin);

/* CSS Document */
/********************************************/
/*  				FONTS				    */
/********************************************/

/*font-family: 'Lato', sans-serif;*/

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

}
/********************************************/
/*  			  END FONTS    				*/
/********************************************/
/********************************************/
/*  MAIN STYLING TO ADJUST PAGE DIMENSIONS  */
/********************************************/

/********************************************/
/*  MAIN STYLING TO ADJUST PAGE DIMENSIONS  */
/********************************************/

body {
	background: url(../images/free-chalkboard-texture.jpg) center center fixed no-repeat;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}
	
	section.wrapper {
	  width: 940px;
	  margin: 0 auto;
	  padding: 10px;
	}

/********************************************/
/*             END MAIN STYLING			    */
/********************************************/

/********************************************/
/*             NAVIGATION BAR  			    */
/********************************************/
#logo {
	padding-top: 50px;
	width: 240px;
	margin: 0 auto;	

}

#nav-container{
	width: 940px;
	margin: 0 auto;
}

	nav {
		height:40px;
		width:940px;
		margin: -105px auto;
		margin-left: -105px;
		text-align:center;
		line-height: 40px;
	}
	
		nav ul {
			float: right;
			color: #FFF;	
		}
		
			nav ul li {
				float: left;	
			}
			
				nav ul li a {
					font-family: 'Lato', sans-serif;
					text-transform:uppercase;
					color:rgba(255,255,255,0.8);
					font-weight: 300;
					color: #FFF;
					width:50px;
					height:40px;
					padding: 0 5px 0 5px;
					text-decoration: none;	
				}

/********************************************/
/*           END NAVIGATION BAR  		    */
/********************************************/

/********************************************/
/*         SETTING STYLING(PAGE1)  		    */
/********************************************/
#setting-container {
	text-align: center;
	padding-top: 100px;
	position: relative;
	width: 700px;
	height: 550px;
	margin: 0 auto;
	background: url(../images/settings-frame.png) center center no-repeat;
}
	#setting-container h2 {
			font-family: 'lavanderia_sturdysturdy';
			font-size:32px;
		 	color:rgba(255,255,255,0.8);
			margin-top: 25px;
		}
/*		
	#setting-container h3 {
			margin-top: 20px;
			font-family: 'lavanderia_sturdysturdy';
			font-size:18px;
			color:#FFF;

		}*/
		
		.settings-icon {
			margin-top: 50px;
		}
			
			.settings-icon .list1 {
				margin-top: 25px;
				width: 321px;
				margin: 0 auto;	
			}
			
			.settings-icon .list2 {
				width: 321px;
				margin: 0 auto;	
			}
			
			.settings-icon .list3 {
				width: 321px;
				margin: 0 auto;		
			}
			
				.settings-icon ul li {
					float: left;
					text-align: center;
					padding: 20px;
					
					/*CSS TRANSITIONS*/
					-webkit-transition: color 0.5s ease;
					-moz-transition: color 0.5s ease;
					-o-transition: color 0.5s ease;
					-ms-transition: color 0.5s ease;
					transition: color 0.5s ease;
						
				}
				
					.settings-icon ul li a img {
				
					/*CSS TRANSITIONS*/
					-webkit-transition: color 0.5s ease;
					-moz-transition: color 0.5s ease;
					-o-transition: color 0.5s ease;
					-ms-transition: color 0.5s ease;
					transition: color 0.5s ease;
						
				}
			
			
				.settings-icon a{
					display: block;
					width: 67px;
					height: 67px;
					cursor: pointer;
				}
				
					.settings-icon a span{
						display: block;
						opacity: 0;
						color: white;
						position: absolute;
						top: 175px;
						left: 0;
						text-align: center;
						width: 100%;
						font-family: 'lavanderia_sturdysturdy';
						font-size:24px;
						color:#FFF;

						
						-webkit-transition: all 0.5s ease;
						-moz-transition: all 0.5s ease;
						-o-transition: all 0.5s ease;
						transition: all 0.5s ease;
					}
					
					.settings-icon a:hover span{
						display: block;
						opacity: 1;
					}
					
					.settings-icon a:before{
						position: absolute;
						content: '';
						opacity: 0;
						display: block;
						width: 67px;
						height: 67px;
						
						
						-webkit-transition: all 0.5s ease;
						-moz-transition: all 0.5s ease;
						-o-transition: all 0.5s ease;
						transition: all 0.5s ease;
					}
					
					.settings-icon a:after{
						position: absolute;
						content: '';
						opacity: 1;
						display: block;
						width: 67px;
						height: 67px;
						
						-webkit-transition: all 0.5s ease;
						-moz-transition: all 0.5s ease;
						-o-transition: all 0.5s ease;
						transition: all 0.5s ease;
					}
					
					.settings-icon a:hover:before{
						opacity: 1;
					}
					
					.settings-icon a:hover:after{
						opacity: 0;
					}
					
					#romance:before{
						background-image:url(../images/settings-romatic-hover.png);
					}
					
					#romance:after{
						background-image:url(../images/settings-romatic.png);
					}
			
					#party:before{
						background-image:url(../images/settings-party-hover.png);
					}
					
					#party:after{
						background-image:url(../images/settings-party.png);
					}
					
					#wedding:before{
						background-image:url(../images/settings-wedding-hover.png);
					}
					
					#wedding:after{
						background-image:url(../images/settings-wedding.png);
					}
					
					#graduation:before{
						background-image:url(../images/settings-graduation-hover.png);
					}
					
					#graduation:after{
						background-image:url(../images/settings-graduation.png);
					}
					
					#patio:before{
						background-image:url(../images/settings-patio-hover.png);
					}
					
					#patio:after{
						background-image:url(../images/settings-patio.png);
					}
					
					#festive:before{
						background-image:url(../images/settings-festive-hover.png);
					}
					
					#festive:after{
						background-image:url(../images/settings-festive.png);
					}
					
					#dinner:before{
						background-image:url(../images/settings-dinner-hover.png);
					}
					
					#dinner:after{
						background-image:url(../images/settings-dinner.png);
					}
					
					#casual:before{
						background-image:url(../images/settings-casual-hover.png);
					}
					
					#casual:after{
						background-image:url(../images/settings-casual.png);
					}
					
					#office:before{
						background-image:url(../images/settings-office-hover.png);
					}
					
					#office:after{
						background-image:url(../images/settings-office.png);
					}
			
			
/********************************************/
/*           END SETTINGS(PAGE1)   		    */
/********************************************/

/********************************************/
/*           WINE COLORS(PAGE2)   		    */
/********************************************/
.settings-colors {
		position: relative;
	}
		
		.colorWine {
			width: 390px;
			margin: 0  auto; 
			padding-top: 10px;
			margin-top: 75px;
			
			
		}
		
			.settings-colors ul li {
				float: left;
				padding: 10px;
				margin: 5px;
				cursor: pointer; 	
			}
			

			
			
/* HOVER AND POPUP COLOR BUTTON */

/*color indicator on screen*/
div.popup{
	font-family: 'lavanderia_sturdysturdy';
	display: block;
	background-color: transparent;
}

	/*popup text */
    div.popup p{
		display: none;
		z-index: 10;
		background-color: transparent;
		color: #fff;	
		font-size: 25px;
		margin-top: -235px;
	}
		
		/*transform when popup*/
		div.popup:hover img,
		div.popup:active img{
				
				/*transform-scale CSS3, for magnification*/
			    -webkit-transform: scale(1.25);
				-moz-transform: scale(1.25);
				-o-transform: scale(1.25);
				-ms-transform: scale(1.25);
				transform: scale(1.25);
				
				/*transition - CSS3*/
				-webkit-transition: all 0.75s ease;
				-moz-transition: all 0.75s ease;
				-o-transition: all 0.75s ease;
				transition: all 0.75s ease; 
		}
		

		
			/*popup color text*/
			div.popup:hover p{
			    display: block;
			}

/********************************************/
/*         WINE COLORS END(PAGE2)   	    */
/********************************************/

/********************************************/
/*         		RESULTS(PAGE3)  	 	    */
/********************************************/

.results-container {
	width: 940px;
	margin: 100px auto;
}

	.wines-container {
		width: 940px;
		height: 400px;
		margin: 0 auto;
	}
		.col13 {
			width:200px;
			height: 300px;
			margin: 10px;
			padding: 10px;
			text-align: center;
		}

		.col13:first-child {
			margin-left: 115px;	
		}
		
		#triangleHover{
			background-image:url(../images/triangle.png);
			height:70px;
			width: 100%;
		}
		
		#triangleHover.default {
			background-position: -530px 0;
		}
		
		#triangleHover.second-wine {
			background-position: -285px 0;
		}
		
		#triangleHover.third-wine {
			background-position: -50px 0;
		}
	
	.info-container {
		width: 940px;
		height: 125px;
		margin: 0 auto;
		margin-bottom: 75px;
	}
	
		.info-container h2 {
			height: 40px;
			margin-left: 25px;
			width: 750px;
			font-family: 'Lato', sans-serif;
			font-size:24px;
			color: #FFF;
		}
		
			.info-container p {
			height: 50px;
			margin-left: 25px;
			width: 750px;
			font-family: 'Lato', sans-serif;
			font-size:16px;
			color: #FFF;
		}
		
			#button {
	width: 150px;
	height: 50px;
	margin: 10px auto;
	border-radius: 5px;
	margin-left: 25px;
background: #f6f8f9;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjhmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U1ZWJlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Q3ZGVlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY3ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8f9), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#f5f7f9));
background: -webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
background: -o-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
background: -ms-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
background: linear-gradient(to bottom,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 );


	
}

	#button a {
		text-align: center;
		color: #000;
		margin-left: 17px;
		line-height: 50px;
		font-size:24px;
		font-family: 'Lato', sans-serif;
		text-transform:uppercase;
		text-decoration: none;
	}
	
/*	.cheese-container{
		width: 940px;
		height: 450px;
		margin: 0 auto;
		background-color:#700070;	
	}

		.cheese-col {
			width:270px;
			height: 400px;
			margin: 10px;
			padding: 10px;
			background-color:#FFFFFF;
		}

		.cheese-col:first-child {
			margin-left: 15px;	
		}*/
		
	#cheese-vintage{
	/*background:#CCC;*/
	color:#FFF;
	display:block;
	height:500px;
	width:100%;
	margin-bottom:25px;
}
.cheese-slice{
	display:block;
	width:178px;
	height:500px;
	/*background:rgba(116,226,109,0.54);*/
	float:left;
	margin-left:10px;
	margin-right:10px;
	padding-left:10px;
	padding-right:10px;
}

	.cheese-slice:first-child {
		margin-left: 125px;
	}
	
	
.cheese-wedge{
	display:block;
	height:500px;	
	/*border-left:#FFF solid 3px;*/
	float:left;
	margin-left:10px;
	margin-right:10px;
}
#cheese-pic1{
	width:177px;
	height:177px;
	align-content:center;
	/*background:rgba(240,151,3,0.20);*/
	margin-bottom:50px;
}

#cheese-text1{
	width:177px;
	height:250px;
	/*background:rgba(240,151,3,0.20);*/
	margin-bottom:10px;
	overflow:hidden;
}
	#cheese-text1 h3{
		font-family: 'Lato', sans-serif;
		font-size:24px;
		margin-bottom: 10px;
	}
	
		#cheese-text1 p{
		font-family: 'Lato', sans-serif;
		font-size:14px;
		margin-bottom: 10px;
		line-height: 16px;
	}

.cheese-star{
	font-family: 'Lato', sans-serif;
	margin-top:10px;
	line-height:1.5em;
}
.cheese-button{
	display:block;
	font-size:1.5em;
	color:#FFF;
	background:#BBB;
	width:177px;
	height:50px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}/*button for cheese buy now*/
#cheese-button1{
	color:#000;
	}/*add server stuff*/
#cheese-button2{
		color:#000;
	}/*add server stuff*/
#cheese-button3{
		color:#000;
	}/*add server stuff*/


#button2 {
	width: 150px;
	height: 50px;
	margin: 10px auto;
	border-radius: 5px;
background: #f6f8f9;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjhmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U1ZWJlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Q3ZGVlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY3ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8f9), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#f5f7f9));
background: -webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
background: -o-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
background: -ms-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
background: linear-gradient(to bottom,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 );


	
}

	#button2 a {
		text-align: center;
		color: #000;
		margin-left: 17px;
		line-height: 50px;
		font-size:24px;
		font-family: 'Lato', sans-serif;
		text-transform:uppercase;
		text-decoration: none;
	}
/********************************************/
/*         	   END RESULTS(PAGE3)   	    */
/********************************************/

/********************************************/
/*              	FOOTER      		    */
/********************************************/

#footer-container {
	text-align: center;
	margin-top: 25px;
}

	footer h2{
		font-family: 'lavanderia_sturdysturdy';
		font-size:24px;
		color:rgba(255,255,255,0.8);
	}
		footer ul {
			padding-left: 435px;
			margin-top: 15px;
		}
		
			footer ul li {
				float: left;
				margin-left: 20px;	
			}
			
				footer ul li:first-child {
					margin-left: 0px;
				}

/********************************************/
/*              FOOTER ENDING     		    */
/********************************************/

/********************************************/
/*              LOGIN CONTAINER    		    */
/********************************************/

/********************************************/
/*             END LOGIN CONTAINER     	    */
/********************************************/

/********************************************/
/*         	   	FAQ Page START   		    */
/********************************************/

.settings-faq{
	font-family: 'Lato', sans-serif;
	color: rgba(255,255,255,0.8);
	font-size: 12px;	
	line-height: 18px;
	text-align: left;
	margin-left: 70px;
	overflow-y: scroll;
	height: 370px;
	width: 570px;
}

p{
	margin-right: 15px;	
}

.settings-faq h2 {
	font-family: 'lavanderia_sturdysturdy';
	font-size:24px;
	color:rgba(255,255,255,1.0);
	text-align: center;
	margin-top: 10px;
}


h3{
	font-family: 'Lato', sans-serif;
	color: rgba(255,255,255,0.8);
	font-size: 16px;	
	line-height: 18px;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 5px;
	
}



/********************************************/
/*         	   	FAQ Page END  		 	    */
/********************************************/

/********************************************/
/*              FLOATS AND CLEAR   		    */
/********************************************/
	
.fl { float: left; }
.fr { float: right; }
.clear { clear:both; }


/*************************************************************************************************************************/
/*              									MOBILE RESPOSIVE  		    										 */
/*************************************************************************************************************************/


@media only screen and (max-width: 480px) {
	
/********************************************/
/*  MAIN STYLING TO ADJUST PAGE DIMENSIONS  */
/********************************************/
body {
	/*background: url(../images/free-chalkboard-texture.jpg) no-repeat;*/
	width: 100%;
}

	section.wrapper {
	  width: 100%;
	  margin: 0 auto;
	  padding: 0;
	}
	
/********************************************/
/*             END MAIN STYLING			    */
/********************************************/

/********************************************/
/*             NAVIGATION BAR  			    */
/********************************************/
	
#logo {
max-width: 100%	
}

#nav-container{
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

	nav {
		height:40px;
		width:100%;
		margin-left: auto;
		margin-rigth: auto;
		text-align:center;
		line-height: 40px;
	}
	
		nav ul {
			float: none;
			color: #FFF;	
			margin-top: 110px;
		}
		
			nav ul li {
				float: none;
			}
			
				nav ul li a {
					font-family: 'Roboto Condensed', sans-serif;
					color: #FFF;
					width:50px;
					height:40px;
					padding: 0 5px 0 5px;	
				}
				
/********************************************/
/*           END NAVIGATION BAR  		    */
/********************************************/

/********************************************/
/*          SETTING STYLING(PAGE1) 		    */
/********************************************/
#setting-container {
	max-width: 100%;
	margin: 0 auto;
	background:url(../images/mobile-frame.png) center center no-repeat;
	margin-top: 140px;

}

#setting-container h2 {
	margin-top: 45px;
	font-size : 24px;
}

#setting-container h3 {

}

/* mobile width for the wive bottle*/
.wines-container img {
    max-width: 90%;
	-moz-max-width: 90%;
	-ms-max-width: 90%;
	-o-max-width: 90%;
	-webkit-max-width: 90%;
}
.results-container{
	width:400px;}
.wines-container .col13.fl {
    width:25%;
}
a.wines-database1{
    max-width: 100%;
	-moz-max-width: 100%;
	-ms-max-width: 100%;
	-o-max-width: 100%;
	-webkit-max-width: 100%;
}
.settings-icon a span{ 
	top: 180px;
	font-size: 18px;
	}

	.settings-icon {
		max-width: 100%;
		margin-top: 40px;
		margin-left: 10px;	
	}
	
			
		.settings-icon .list1 {
			max-width: 100%;
			margin-top: 20px;
	
		}
		
		.settings-icon .list2 {
			max-width: 100%;
		}
		
		.settings-icon .list3 {
		max-width: 100%;

		}
		
			.settings-icon ul li {
				float: left;
				padding: 10px;	
			}

/********************************************/
/*           END SETTINGS(PAGE1)   		    */
/********************************************/

/********************************************/
/*          	 COLORS(PAGE2)   		    */
/********************************************/
.settings-colors {
		position: relative;
		max-width: 100%;
	}
		
		.colorWine {
			max-width: 100%;
			margin: 0  auto; 
			padding-top: 10px;
			margin-top: 100px;
			
			
		}
		.settings-colors ul li {
			width: 20%;	
		}
		
		.settings-colors ul li:last-child {
			
			}
/********************************************/
/*            END COLORS(PAGE2)   		    */
/********************************************/

/********************************************/
/*           RESULTS(PAGE3)MOBILE  		    */
/********************************************/

.results-container {
	max-width: 100%;
	margin: 0 auto;
	padding-top: 175px;
}
	.wines-container {
		max-width: 100%;
		height: 300px;
		margin: 0 auto;
	}
		.col13 {
			width:25%;
			margin: 10px;
			padding: 0;
			text-align: center;
		}

		.col13:first-child {
			margin-left: 0;	
		}
		
		#triangleHover{
			background-image:url(../images/triangle.png);
			height:70px;
			max-width: 100%;
		}
		
		#triangleHover.default {
			background-position: -30px 0;
		}
		
		#triangleHover.second-wine {
			background-position: -85px 0;
		}
		
		#triangleHover.third-wine {
			background-position: -50px 0;
		}
	
	.info-container {
		max-width: 100%;
		height: 125px;
		margin: 100px auto;
		margin-bottom: 75px;
	}
	
		.info-container h2 {
			height: 40px;
			max-width: 250px;
			margin: 0 auto;
			font-family: 'Lato', sans-serif;
			font-size:18px;
			color: #FFF;
		}
		
			.info-container p {
			height: 50px;
			max-width: 100%;
			max-width: 250px;
			margin: 0 auto;
			line-height: 15px;
			font-family: 'Lato', sans-serif;
			font-size:12px;
			color: #FFF;
		}
		
			#button {
	width: 100px;
	height: 40px;
	border-radius: 5px;
	margin: 50px auto;
background: #f6f8f9;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjhmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U1ZWJlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Q3ZGVlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY3ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8f9), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#f5f7f9));
background: -webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
background: -o-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
background: -ms-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
background: linear-gradient(to bottom,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 );


	
}

	#button a {
		text-align: center;
		color: #000;
		margin-left: 10px;
		line-height: 40px;
		font-size:16px;
		font-family: 'Lato', sans-serif;
		text-transform:uppercase;
		text-decoration: none;
	}
	

		
	#cheese-vintage{
	/*background:#CCC;*/
	color:#FFF;
	display:block;
	height:500px;
	max-width:100%;
	margin-bottom:25px;
}
.cheese-slice{
	display:block;
	width:250px;
	height:350px;
	text-align: center;
	/*background:rgba(116,226,109,0.54);*/

}

	.cheese-slice:first-child {
		margin-left: 0;
	}
	
	
.cheese-wedge{
	display:block;
	height:500px;	
	/*border-left:#FFF solid 3px;*/
}
#cheese-pic1{
	width:250px;
	margin: 0 auto;
}

#cheese-text1{
	display: none;
	width:250px;
	/*background:rgba(240,151,3,0.20);*/
	overflow:hidden;
}
	#cheese-text1 h3{
		font-family: 'Lato', sans-serif;
		font-size:16px;
	}
	
		#cheese-text1 p{
		display: none;
		font-family: 'Lato', sans-serif;
		font-size:14px;
		margin-bottom: 10px;
		line-height: 16px;
	}

.cheese-star{
	font-family: 'Lato', sans-serif;
	margin-top:50px;
	line-height:1.5em;
}

#button2 {
width: 100px;
	height: 40px;
	border-radius: 5px;
	margin: 10px auto;
background: #f6f8f9;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjhmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U1ZWJlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Q3ZGVlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY3ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8f9), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#f5f7f9));
background: -webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
background: -o-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
background: -ms-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
background: linear-gradient(to bottom,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 );


	
}

	#button2 a {
		text-align: center;
		color: #000;
		margin-left: 10px;
		line-height: 40px;
		font-size:16px;
		font-family: 'Lato', sans-serif;
		text-transform:uppercase;
		text-decoration: none;
	}


/********************************************/
/*       RESULTS(PAGE3)MOBILE(END)  	    */
/********************************************/






/********************************************/
/*            FAQ Mobile (START)   		    */
/********************************************/
.settings-faq{
	font-family: 'Lato', sans-serif;
	color: rgba(255,255,255,0.8);
	font-size: 12px;	
	line-height: 18px;
	text-align: left;
	margin-left: 50px;
	margin: 0 auto;
	overflow-y: scroll;
	height: 300px;
	width: 250px;
	
}

p{
	margin-right: 15px;	
}

h3{
	font-family: 'Lato', sans-serif;
	color: rgba(255,255,255,0.8);
	font-size: 16px;	
	line-height: 18px;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 5px;
	
}

/********************************************/
/*            FAQ Mobile (END)   		    */
/********************************************/

/********************************************/
/*             		FOOTER      		    */
/********************************************/
#footer-container {
	width: 100%;
	text-align: center;
	margin-top: 15px
}

	footer {
		
	}
		footer ul {
			padding-left: 0px;
			margin-top: 15px;
			margin-left: 105px;
		}
		
			footer ul li {
				float: left;
				margin-left: 20px;	
			}
			
				footer ul li:first-child {
					margin-left: 0px;
				}
/********************************************/
/*             	END FOOTER      		    */
/********************************************/

}