/*--------------------------------------------------------------
	BASE STYLES
--------------------------------------------------------------*/
html, body {
	font-family: 'Raleway', sans-serif;
	height: 100%;
}

a, a:hover {
	text-decoration: none;
}

/*--------------------------------------------------------------
	TOP NAV in "common.css"
--------------------------------------------------------------*/


/*--------------------------------------------------------------
	MAIN NAV in "common.css"
--------------------------------------------------------------*/


/*--------------------------------------------------------------
	ABOUT MANUFACTURER
--------------------------------------------------------------*/
#about-manufacturer
{
	background-color: rgb(235,235,235);
	padding: 45px 45px;
}

#about-manufacturer .manufacturer_title
{
	width: 200px;
	margin-bottom: 15px;
	margin-top: 10px;
	margin-left: 41%;
}

#about-manufacturer h3
{
	color: rgb(200,37,63);
	font-weight: bold;
}

#about-manufacturer h4
{
	color: rgb(200,37,63);
	font-weight: bold;
}

@media (max-width: 680px) {
	#about-manufacturer .manufacturer_title
	{
		width: 150px;
		margin-bottom: 15 px;
		margin-left: 33%;
	}

}

#about-manufacturer p
{
	text-align: justify;
}


#about-manufacturer .manufacturer_images 
{
	/*display: inline-block;*/
	text-align: center;
}

#about-manufacturer .manufacturer_images figure
{
	display: inline-block;
}


#about-manufacturer .manufacturer_images img
{
	width: 300px;
	margin: 15px 15px;
	border: 1px solid rgba(0,0,0,1);
	border-radius: 10px;
}

@media (max-width: 680px) 
{
	#about-manufacturer .manufacturer_images img
	{
		width: 200px;
		border: 1px solid rgba(0,0,0,1);
	}

}

.modal-body 
{
	text-align: center;
}

.modal-body img
{
	border-radius: 10px;
	width: 400px;
	height: 264px;
}

@media (max-width: 680px) 
{
	.modal-body img
	{
	   width: 200px;
	   height: 164px;
	}

}


/*--------------------------------------------------------------
	SECTION MANUFACTURER   (for individual suppliers page)
--------------------------------------------------------------*/

#section-manufacturers
{
	background-color: rgb(0,0,0);
	padding: 45px 45px;
	text-align: center;
}

#section-manufacturers a
{
	display: inline-block;
}

#section-manufacturers img
{
	border: 1px solid rgb(117,117,117);
	border-radius: 10px;
	margin: 20px 20px;
	width: 170px;
}

#section-manufacturers .figure_caption
{
	text-align: center;
	color: black;
}


@media (max-width: 680px) {
	#section-manufacturers img
	{
		width: 102px;
		margin: 20px 10px;
		border: 1px solid rgb(117,117,117);
	}

}

#section-manufacturers a:hover img
{
	opacity: 0.6;
}



/*--------------------------------------------------------------
	FOOTER CONTACT in "common.css"
--------------------------------------------------------------*/

/*--------------------------------------------------------------
	FOOTER is in common.css
--------------------------------------------------------------*/

/*--------------------------------------------------------------
	MODAL is in common.css
--------------------------------------------------------------*/