@import url('https://fonts.googleapis.com/css?family=Rozha+One');



/* Applies to all unvisited links */
a:link {
  	text-decoration:  none;
  	color:            #404040;
	} 
/* Applies to all visited links */
a:visited {
  	text-decoration:  none;
  	color:            #404040;
	} 
/* Applies to links under the pointer */
a:hover	{
  	text-decoration:  none;
  	color:            black;
	} 
/* Applies to activated links */
a:active {
  	text-decoration:  none;
  	color:            black;
	} 

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	}

img {
	display: block;
    max-width: 100%;
	border-style: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	}

body {
	font-family: 'Rozha One', serif;
	color: #404040;
    margin: 0;
	}







/*-------------HEADER-------------*/

.header {
	display: flex;
	width: 100%;
	flex-direction: column;
	margin: 0 auto;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.logomenu {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #a3a3a3;
	padding: 14px 16px;
}

.homelogo {
	font-size: 20px;
	line-height: 0.7;
	font-size: 38px;
	letter-spacing: 2.5px;

}

.icon {
	border: 1px solid #a3a3a3;
	border-radius: 5px;
	width: 50px;
	height: 50px;
	opacity: 0.75;
	filter: alpha(opacity=75);
	}

.icon:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	background: #f9f9f9;
	}

.menu {
  	overflow: hidden;
  	position: relative;
	display: none;
	}

.menu a {
  	padding: 14px 0;
  	text-decoration: none;
	letter-spacing: 3px;
	text-align: center;
  	font-size: 22px;
 	display: block;
	border-bottom: 1px solid #a3a3a3;
	}

.menu a:hover {
  	background-color: #f9f9f9;;
  	color: black;
	}

.bar1, .bar2, .bar3 {
  	width: 25px;
  	height: 3px;
  	background-color: black;
  	margin: 5px 0;
  	transition: 0.3s;
	transform: translateY(310%) translateX(47%);
	}

.active {
	background: #f9f9f9;
	}



/*-------------HOMEPAGE-------------*/

.homepage {
	width: 250px;
	margin: 0 auto;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.homepage img {
	margin: 0 auto;
	width: 250px;
	opacity: 0.75;
	filter: alpha(opacity=75);
	}
.homepage img:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	}

.enter_link {
	font-size: 19px;
    margin: 0;
	padding-top: 30px;
	text-align: center;
	}





/*-------------CONTENCT-------------*/

.contenct {
    width: 90%;
	max-width: 500px;
	display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 0;
	
	}





/*-------------NEWSPAGE-------------*/

.fbplugin {
    display: block;
    width: 340px;
	margin: 0 auto;
	}

.fbpluginbig {
    display: none;
	width:500px;
	margin: 0 auto;
	}


/*-------------RELEASES-------------*/


.releases {
    display: block;
    margin-left: auto;
    margin-right: auto;
	}

.releaselink {
	display: block;
	margin-left: auto;
    margin-right: auto;
	width: 250px;
	}

.releaselink img {
	margin: 0 auto;
	width: 250px;
	border: 2px solid black;
	opacity: 0.85;
	filter: alpha(opacity=85);
	}
.releaselink img:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	}

.release_title {
    text-align: center;
    margin: 0;
	padding: 10px 0 30px 0;
	line-height: 1.3;
	}







/*-------------INDIVIDUAL RELEASES-------------*/


.indrel {
    display: block;
    margin: 0 auto;
    max-width: 650px;
	}

.indrel img {
	margin: 0 auto;
	border: 1px solid #a3a3a3;
	opacity: 0.85;
	filter: alpha(opacity=85);
    -webkit-transition: all .3s ease-in-out; 
    max-width: 500px;
    width: 100%;
	}

.indrel img:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	}

.indrel_title {
    text-align: center;
	font-size: 18px;
    margin: 0 auto;
	padding: 15px 30px;
	line-height: 1.3;
	}

.listenorder {
	list-style: none;
	padding: 15px 0;
	margin: 0 auto;
    max-width: 500px;
    text-align: center;
	}

.listenorder_link {
    display: block;
	margin: 0 auto;
	letter-spacing: 5px;
    font-size: 18px;
    padding: 8px;
	border-top: 1px solid #a3a3a3;
	border-bottom: 1px solid #a3a3a3;
  	}
.listenorder_link:hover {
	background: #f9f9f9;
	}

.indrel_description {
	display: block;
	margin: 0 auto;
    text-align: center;
	padding: 15px 0px 0px 0px;
	font-size: 17px;
	line-height: 1.2;
	}





/*-------------STORE------------*/

.storecontenct {
	margin: 0 auto;
	}

.storecontenct img {
	max-width: 250px;
	margin: 0 auto;
	opacity: 0.85;
	filter: alpha(opacity=85);
	}
.storecontenct img:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	}

.placeorderbutton {
	list-style: none;
	padding: 30px 0 30px 0;
	margin: 0;
	}

.storerow1 {
  	display: none;
	}

.storeinfo {
	text-align: justify;
}

.shippingrates {
	text-align: justify;
}

.placeorder_link {
    display: block;
	margin: 0 auto;
	text-align: center;
	letter-spacing: 5px;
    font-size: 18px;
    padding: 8px;
	border-top: 1px solid #a3a3a3;
	border-bottom: 1px solid #a3a3a3;
  	}
.placeorder_link:hover {
	background: #f9f9f9;
	}

.storespacer {
	display: none;
	}

.storelist {
	display: block;
	margin: 0 auto;
	list-style: none;
	padding: 0;
	text-align: center;
	font-size: 16px;
	}




/*-------------PROJECTS-------------*/


.projects {
    display: block;
    margin-left: auto;
    margin-right: auto;
	}

.projectlink {
	display: block;
	margin-left: auto;
    margin-right: auto;
	width: 250px;
	}

.projectlink img {
	margin: 0 auto;
	width: 250px;
	opacity: 0.85;
	filter: alpha(opacity=85);
	}
.projectlink img:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	}

.project_title {
    text-align: center;
    margin: 0;
	padding: 10px 30px 0px 30px;
	line-height: 1.3;
	}






/*-------------INDIVIDUAL PROJECTS-------------*/


.indpro {
    display: block;
    margin-left: auto;
    margin-right: auto;
	}

.vnpro {
    display: block;
    margin-left: auto;
    margin-right: auto;
	}

.indpro_img, .vnindpro_img, .bnindpro_img {
	display: block;
	margin-left: auto;
    margin-right: auto;
	}

.indpro img, .vnpro img {
	margin: 0 auto;
	max-height: 400px;
	border: 2px solid black;
	opacity: 0.85;
	filter: alpha(opacity=85);
    -webkit-transition: all .3s ease-in-out; 
	}
.indpro img:hover, .vnpro img:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	}

.bnindpro_img {
	margin: 0 auto;
	max-height: 340px;
	opacity: 0.85;
	filter: alpha(opacity=85);
    -webkit-transition: all .3s ease-in-out; 
	}
.ibnindpro_img img:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	}

.proimgtitlebn {
    margin: 0 auto;
	max-width: 250px;
	}	

.indpro_title {
    text-align: center;
	font-size: 22px;
    margin: 0 auto;
	padding: 15px;
	line-height: 1.3;
	}

.projectpages {
	list-style: none;
	padding: 15px 0;
	margin: 0;
	}

.projectpages_link {
    display: block;
	margin: 0 auto;
	text-align: center;
	letter-spacing: 5px;
    font-size: 18px;
    padding: 8px;
	border-top: 1px solid #a3a3a3;
	border-bottom: 1px solid #a3a3a3;
  	}
.projectpages_link:hover {
	background: #f9f9f9;
	}

.indpro_description, .indpro_description1, .indpro_description2 {
	display: block;
	margin: 0 auto;
    text-align: center;
	padding: 15px 0px 0px 0px;
	font-size: 17px;
	line-height: 1.1;
	}

.prospacer {
	display: none;
}



/*-------------VISIONS NOIRES-------------*/

.vn-works {
	margin: 0 auto;
    text-align: center;
	font-size: 17px;
	line-height: 1.2;
	}



.vn-thumbnail {
	padding-bottom: 15px;
}

.vn-thumbnail img {
	border: 2px solid black;
	cursor: pointer;
	}

.vn-works [id^='unhide'] {
  	display: none;
	width: 80%;
	margin: 0 auto;
	padding: 15px 0 15px 0;
	border-bottom: 1px solid #a3a3a3;
	border-top: 1px solid #a3a3a3;
	font-size: 15px;
	}

.vn-works [id^='unhide'] img {
	border: 1px solid #a3a3a3;
	opacity: 1;
	filter: alpha(opacity=100);
	}

.vn1, .vn2, .vn3, .vn4, .vn5, .vn6, .vn7, .vn8, .vn9, .vn10, .vn11, .vn12, .vn13, .vn14, .vn15, .vn16, .vn17 {
	padding-bottom: 10px;
}	





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

.aboutcontenct {
	margin: 0 auto;
	}

.aboutcontenct img {
	max-height: 250px;
	margin: 0 auto;
	opacity: 0.85;
	filter: alpha(opacity=85);
	}
.aboutcontenct img:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	}


.aboutbn {
	list-style: none;
	padding: 30px 0 15px 0;
	margin: 0;
	}

.bnmaininfo {
	text-align: justify;
	padding-top: 15px;
}

.bilenoire_link {
    display: block;
	margin: 0 auto;
	text-align: center;
	letter-spacing: 5px;
    font-size: 18px;
    padding: 8px;
	border-top: 1px solid #a3a3a3;
	border-bottom: 1px solid #a3a3a3;
  	}
.bilenoire_link:hover {
	background: #f9f9f9;
	color: black;
	}

.contactform {
	width: 100%;
	border: 1px solid #404040;
	border-radius: 5px;
}

.forminside {
	width: 100%;
	padding: 15px;
}

.formtitle {
	text-align: center;
}

.formblock {
	text-align: center;
}



/*-------------MAILINGLIST-------------*/

.signupform {
	margin: 0 auto;
	border: 1px solid #404040;
	border-radius: 5px;
	}

.button-editable{
	border-radius: 5px;
	background: #404040;
	color: white; 
	min-height: 40px; 
	padding: 0px 25px; 
	text-align: center; 
	font-weight: bold; 
	font-size: 14px; 
	cursor: pointer; 
	border: 0px;
	}
.button-editable:hover {
	background: black;	
	}




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

.footer {
    width: 100%;
    text-align: center;
	padding-bottom: 15px;
	border-top: 1px solid #a3a3a3;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	}

.social {
	padding: 12px 0 5px 0;
	
	}

.social [class^="icon-"] {
    display: inline-block;
    background: #404040;
    border-radius: 50%;
    width: 36px;
    height: 36px;
	margin: 0 10px;
   	}
.social [class^="icon-"]:hover {
	background: black;
	}




.social a {
	display: block;
	border-radius: 50%;
    height:36px;
    width:36px;
	}

.social img {
	height: 55%;
	margin: auto;
	position: relative;
   	transform: translateY(40%);
	}

.copyright {
    margin: 0;
    font-size: 13px;
	}






/*-------------RESPONSIVE-------------*/

@media  (min-width:720px) {
	
/*-------------HEADER-------------*/	
		
.header {
	display: flex;
	max-width: 960px;
	flex-direction: row;
	border-bottom: 1px solid #a3a3a3;
	justify-content: space-between;
	}
	
.logomenu {
	border: 0;
	}
	
.menu {
	display: block !important;
	}	
	
.menu a {
  	padding: 26px 14px;
  	font-size: 20px;
	letter-spacing: 0px;
 	display: inline-block;
	border-bottom: 0;
	}

.icon {
	display: none !important;
	}
	
	
	
	
	
/*-------------CONTENCT-------------*/	
	
	
.contenct {
    width: 90%;
	max-width: 960px;
	display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30px;
	}
	
	
	
	
	
	
/*-------------HOMEPAGE-------------*/	
	
.homepage {
	width: 330px;
}	
	
.homepage img {
	width: 330px;
	}
	
.enter_link {
	font-size: 21px;
	letter-spacing: 1.5px;
	}
	
	
	
	
/*-------------NEWS-------------*/	
	
	
.fbplugin {
	display: none;
	}
	
.fbpluginbig {
	display: block;
	}
	
	
	
	
	
	
/*-------------RELEASES-------------*/		
	
.releases {
	max-width: 800px;
	font-size: 15px;
	}
	
.releases img {
	width: 220px;
    filter: gray;
    filter: grayscale(100%);
	}
    
.releases img:hover {
    filter: none; 
    }    
	
.releaselink {
	padding: 0 5px;
	width: 220px;
	}
	
.release_title {
	padding-bottom: 0;
	}
	
.relrow1 {
  	display: flex;
	justify-content: center;
	}
	
.relrow2, .relrow3, .relrow4, .relrow5 {
  	display: flex;
	justify-content: center;
    padding-bottom: 30px;
	}
	
	
	
	
/*-------------INDIVIDUAL RELEASES-------------*/	
	


	
	
	
	
	
	
/*-------------STORE-------------*/	
	
.storeinfo {
	width: 100%;
	text-align: justify;
	margin-right: 15px;
	}	
	
.shippingrates {
	width: 100%;
	margin-left: 15px;
	}

.storeflex {
	display: flex;
	justify-content: space-between;
	}
	
	
	
	
	
	
/*-------------PROJECTS-------------*/		
	
.projects {
	max-width: 800px;
	font-size: 15px;
	}
	
.projects img {
	width: 220px;
	}
	
.projectlink {
	padding: 0 5px;
	width: 220px;
	}
	
.release_title {
	padding-bottom: 0;
	}
	
.prorow1 {
  	display: flex;
	justify-content: space-between;
	padding-bottom: 30px;
	}
	
.prorow2 {
  	display: flex;
	justify-content: center;
	}
	
	
	
	
	
	
/*-------------INDIVIDUAL PROJECTS-------------*/	
	
.indpro {
	max-width: 600px;
	justify-content: space-between;
	}
	
.proimgtitle {
	max-width: 300px;
	margin-right: 15px;
	}	
    
.proimgtitlebn {
	max-width: 340px;
	margin-right: 15px;
	}	
	
.projectlinks { 
	width: 300px;
	margin-left: 15px;
	text-align: center;
	}	
	
.indpro_img{
	width: 250px;
	}	
	
.indpro_title{
	padding-top: 0;
	padding-bottom: 0;
	}	
	
.indprorow1 {
  	display: flex;
	justify-content: space-between;
	}
	
.indprorow2 {
  	display: flex;
	justify-content: space-between;
	}	
	
	
.indpro_description {
	padding: 0;
	}
	
.indpro_description1 {
	padding: 0;
	text-align: right;
	margin-right: 15px;
	}
	
.indpro_description2 {
	padding: 0;
	text-align: left;
	margin-left: 15px;
	}
	
.procolumn1 {
	width: 390px;
	margin-right: 15px;
	}
	
.procolumn2 {
	width: 390px;
	margin-left: 15px;
	}		
	
.prospacer {
	display: block;
}	
		
.vnpro {
	max-width: 800px;
	justify-content: space-between;
	}	
	
.vnindpro_img {
	width: 290px;
	}

.vnprojectlinks {
	width: 100%;
	max-width: 390px;
	margin-left: 15px;
	text-align: center;
	}	
	
.vn-works {
	font-size: 14px;
	}	
			

	
	
	
	
/*-------------ABOUT-------------*/	
	
.aboutcontenct {
	max-width: 800px;
	}

.aboutbn {
	padding-bottom: 0;
	}
	
.bnimgtitle {
	width: 390px;
	margin-right: 15px;
	}		
	
.bnimgtitle img {
	max-width: 180px;
	}	
	
.bnrow1 {
  	display: flex;
	justify-content: space-between;
	}	
	
.bnrow2 {
  	display: flex;
	justify-content: space-between;
	}	
	
.bnmaininfo {
	padding: 0;
	width: 100%;
	max-width: 390px;
	margin-left: 15px;
	}
	
.mailinglistcol {
	width: 100%;
	text-align: justify;
	}
	
.aboutspacer {
	display: none;
	}
		

.contactform {
	width: 100%;
	max-width: 390px;
	margin-right: 15px;
}	
	
	
	
	
/*-------------FOOTER-------------*/	
	
.footer {
	display: flex;
	flex-direction: row-reverse;
	max-width: 960px;
	margin: 0 auto;
	justify-content: space-between;
	padding-bottom: 20px;
	}
	
.social {
	padding: 15px 25px 0 0px;	
	
	}
	
.social [class^="icon-"] {
	width: 27px;
    height: 27px;
	margin: 0 5px;
	}

.icon-email {
	margin-right: 0 !important;
}
	
.social a {
	width: 27px;
    height: 27px;	
	}	
	
.social img {
	height: 55%;
	margin: auto;
	position: relative;
   	transform: translateY(40%);
	}
	
.copyright {
	padding: 19px 0 0 25px;	
	}
	
}