/* 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;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
	font-family: 'Montserrat', sans-serif;
}
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;	
}

.clearfix:after {
  content: "";
  clear:both;
  display:table;
}
#page {	
	padding: 0.5em 0;
}

img {border:none; }

.inner {
	margin: 0 auto;
	width: 100%;		/* 960px / 1024px */
}

a {color:#8e61ba;}

header {		
	text-align: center;
	width: 100%;
	position:relative;
	margin: 0 auto;
	}
	
header ul {	
	width:100%;
	margin-top:10px;
	}
	
header ul li {	
    text-align: center;		
	display:inline-block;	
}

.logo {
	margin-top:15px;	
	max-width:1300px;
	width:100%;
}	

#menu {
	width:100%;		
}

	
nav {	
	width:100%;	
	padding-bottom:10px;    
	}
	
nav ul {
	display: inline-block;
	width: 100%;	
	}

nav ul li {	
    text-align:center;
	/** color: #8e61ba; **/	
	display:inline;
    letter-spacing: 0.05em;	
	font-size:16px;	
	padding: 0 8px 0 8px;
}

nav ul a {    
	text-align: center;		
	padding: 0 8px 0 8px;;	
	color:#a6a6a6;
	text-decoration:none;    
}

nav ul li a:hover  {
	color:#bda2d6;
}


span {
    font-weight:bold;
}

.ln {
	border-top:#8e61ba thin solid;
    max-width:1300px;
	width:100%;    
}

/* -----------PRODUCTS -------------- */
#prod {		
	text-align: center;
	width: 100%;
	position:relative;
	margin: 0 auto;
	}
	
#prod ul {	
	width:100%;
	margin-top:40px;
	display: block;
	line-height:normal;
	}
	
#prod ul li {	
    text-align:left;	
	display: inline-block;
	padding: 0 30px 24px 30px;	
	}

#prod h1 {		
	color: #747073; /*7C6D79;*/
    font-size: 20px; 	
    text-align:left;	
    letter-spacing:0.1em;
	line-height:27px;
	}
    
#prod h2 {		
	color: #747073; /*7C6D79;*/
    font-size: 12px;    
	line-height:27px;
	}
    	
#prod p {   
	color: #747073; /*7C6D79;*/
    font-size: 14px;	
	text-align:left;	
    letter-spacing:0.12em;
	line-height: 25px;
	padding-top:20px;
	}
	
#prod span { 
    font-weight:bold;  
	
	}

#prod .span {   
	color: #747073; 
    font-size: 12px;	
	text-align:left;    
	line-height: 15px;
	padding-top:5px;
	}
    
#prod .spacer {
	with: 20px;
	height:272px;
}

.left {
	width: 37%;}
	
.right { width: 35%;}	

#des{ 
    width:75%;
	text-align: center;	
	position:relative;
	margin: 0 auto;
	}

/* ---------FORM ---------------*/
.top {
background-color:black;
padding:5px;
text-align:right;
} 

input[type=text], select, textarea{
    width: 100%;
	height: 35px;	
    padding: 12px 12px;
    margin: 4px 4px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

input::placeholder {
	line-height:normal;	
}


	
.custom-select {
  position: relative;
  font-size:12px;
  height:40px;
  font-family: Arial, Helvetica, sans-serif;
  color:#747073;
  
}
.custom-select select {
  display: none; /*hide original SELECT element:*/
}

/*--------ZOOM --------*/

#gallery_01 img{border:2px solid white;}
 
 /*Change the colour*/
 .active img{border:2px solid #333 !important;}
 
#gal {
	width:360px:}

@media (max-width: 923px) {	
#prod .spacer {
	with: 20px;
	height:5px;
}

.left {
	width: 90%;}
	
.right { width: 90%;}	

#des { width: 90%;}	
.hide-medium {display:none!important}	
}


@media (max-width: 459px) {	
#prod p {	    
	width: 100%;
}

#prod ul li {	    
	padding: 0 20px 24px 20px;	
	}
.hide-small {display:none!important}	

}

/* ------------- FOOTER -------------- */

footer {
	 border-top:#8e61ba thin solid;
     width:100%;
	 max-width: 1200px;
	 margin: 0 auto;
	 text-align:center;	
	}

footer ul {  
     display: inline-block;
	 margin-top: 20px;
	 margin-bottom:20px;
}
		
footer ul li {
			display: inline;
			padding-left: 30px;
		}	
		
footer ul li a {
				text-align: center;				
	            font-size:16px;	
	            letter-spacing: 0.05em;	
	            color:#a6a6a6;				
				text-decoration:none;				
			}				

footer p {
	  text-align: center;
	  color: #8b8581;
      clear: both;
	  display:block;	 
	  padding-top: 20px;
	  padding-bottom:20px;
	  font-size:14px;
		}
        
.copy { background-color:black;font-size:14px;color:#a4a4a4;text-align:center;padding:10px }  
      
@media (max-width: 979px) {	

nav ul li {	 
	line-height:30px;
	padding-left:0px;	
	padding-right: 0px;
}

.logo {	     
	text-align:center;
	margin:auto;
}	

#menu {
	width:98%;
	text-align:center;
	margin:auto;	
}

footer ul {  
     display: block;	
}
		
footer ul li {
			display: block;			
		}	
		
footer ul li a {					           			
				padding-left:0px;
				line-height:30px;				
			}	


}