/*--------------------------------------------------------------
	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"
--------------------------------------------------------------*/


/*--------------------------------------------------------------
	COLLAPSE ACCORDION
--------------------------------------------------------------*/

.section-filters {
	margin-bottom: 30px;
}

.section-filters .section-title h3 {
	cursor: pointer;
	font-size: 17px;
	text-transform: uppercase;
	padding: 10px 15px;
	background-color: rgba(45,45,45,0.3);
	border-left: 5px solid #D0243C;;
}

.section-filters .section-title h3 i {
	float: right;
}


/*--------------------------------------------------------------
	ABOUT US
--------------------------------------------------------------*/
#about-us-section
{
	text-align: left;
	background-color: rgb(235,235,235);
	padding: 45px 45px;
}

#about-us-section h2
{
	color: rgb(45,5,45);
	margin-bottom: 40px;

}

.about-us-accordion div.about-us-text
{
	text-align: justify;
	width: 100%;
	line-height: 23px;
	letter-spacing: 2px;
	padding: 10px 10px;
	display: inline-block;
	background-color: rgb(247,247,247);
	margin-bottom: 5px;
	margin-top: -10px;
}


table
{
   margin: auto;
   width: 50% !important; 
   border: 1px grey solid;
   margin-top: 30px;
   border-radius: 7px;
   padding: 10px 10px;
}

table tbody h5
{
	font-weight: bold;
	border: 1px solid grey;
	padding: 3px 3px;
	border-radius: 10px;
}

table thead img
{
	width: 150px;
}


table tbody img
{
	width: 90px;
}


@media (max-width: 680px) 
{
	table thead img
	{
		width: 100px;
	}


	table tbody img
	{
		width: 50px;
	}

}

table th, table tr
{
   text-align: center; 
}

table .car_types
{
	margin-top: 15px;
}

table .car_types p
{
	display: inline-block;
	padding: 5px 5px;
	border: 1px black solid;
	background-color: rgba(0,0,0,0.7);
	border-radius: 7px;
	font-size: 12px;
	color: white;
	cursor: pointer;
}

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

  .factory_images 
  {
    /*display: inline-block;*/
    text-align: center;
    margin-top: 40px;
  }

  .factory_images figure
  {
    display: inline-block;
  }


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

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

  }



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

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

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