/*#####################
	RESET
#####################*/

a, a:hover, a:active, a:focus {outline: 0; color: #333; font-weight:  bold;}



/* ############################
	ALGEMEEN
############################ */


body	{ font-family: 'Open Sans', sans-serif; line-height: 160%;     -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}
p		{margin: 1.6em 0em;}
li		{margin: 1.6em 0em; font-size: 1.5em; list-style-type: none;}
li span	{margin-right: 15px;}
ul		{margin: 0px; padding: 0px;}
body.pagina	{margin-top: -22px;}

header	{}

h1	{margin: 30px 0px;}
.logo	{/* position: absolute; */ left: 40px; top: 40px;}
.slide	{position: relative;}
.payoff	{margin-left: 17px;}

/* MOBILE */

.mobile		{padding-top:40px;}

.toggleMenu		{background-color: #F8981D; color: #fff; padding:10px 15px; border-radius: 10px; display: block!important; margin-top:30px;}

/* ############################
	KLANT PERSOONLIJK
############################ */

.btn-custom		{background-color: #E56D2C; border-bottom: 3px solid #f28449; color: #fff;}
.metaalunie		{margin-top: 40px;}
/* ############################
	HEADER
############################ */

.logo						{padding: 10px 10px 10px 0px;}
.slider div					{padding: 0px!important; margin: 0px!important;}
.slide1						{border-top: 2px solid #fff; border-right: 2px solid #fff; }
.slide2						{border-top: 2px solid #fff; border-right: 2px solid #fff; border-left: 1px solid #fff;}
.slide3						{border-top: 2px solid #fff; border-left: 1px solid #fff;}
.slide4						{border-top: 2px solid #fff; border-right: 2px solid #fff; }
.slide5						{border-top: 2px solid #fff; border-right: 2px solid #fff; border-left: 1px solid #fff;}
.slide6						{border-top: 2px solid #fff; border-left: 1px solid #fff;}

.monsterbox		{margin-top: -50px;}

/* ############################
	MENU
############################ */

.menu		{background-color: #39599B;}
.navigatie				{margin-bottom: 60px; margin-top: 30px;}
.navigatie li.here a	{color: #A1A2A9;}
.navigatie li a			{padding-left: 10px; padding-right: 10px; display: block;  font-size: 1em; min-width: 116px; text-align: center;}

.navigatie li 		{display: inline-block; font-size: 1em;}
.navigatie li a		{padding: 8px 15px; display: block; border-radius: 5px; background-color: #ccc; color: #fff; font-weight: bold; margin-right: 15px; text-transform: uppercase; font-size: 1em;}

.navigatie.oranje li a	{background-color: #F8981D;}
.navigatie.wit li a	{background-color: #fff; color: #F8981D;}


/* section 0 */

#section0		{background-image: url('/img/pattern.jpg'); background-repeat: repeat-y; background-position: right top;}
/* #section0 .logo	{position: absolute; left: 40px; top: 40px;} */
#section0 h1	{color: #F8981D;}

.samples .btn		{margin-top: 100px; font-size: 1.4em; padding: 10px 15px;; background-color: #f8981d; color: #fff; border-radius: 5px; border: none;}


/* section 1 */

#section1 #slide1 h2		{color: #fff; display: block; border-bottom: 8px dotted #fff; font-size: 38px; font-size: 300; line-height: 160%; padding: 20px 0px;}
#section1 #slide1		{background-color: #F8981D;}
#section1 p				{font-size: 16px; line-height: 170%; color: #000;}



/*contact*/

.contact-gallery img	{margin-top: 40px;}

/* ############################
	USP's
############################ */
.usp-list					{list-style-type: none; padding: 0px;}
.usp-list li				{margin-bottom: 20px;}
.usp-list .usp-titel		{font-weight: bold; display: block;}
.usp-list .usp-omschrijving	{font-size: 11px; color: #666;}

.collectie h3		{font-size: 14px;}

.maps iframe		{max-width: 100%;}

.dienstslide h3		{color: #fff;}

.dienstslide p		{color: #fff;}
.dienstslide span		{display: none; padding: 15px; width: 100%; height: 100%; color: #fff;

    background-color: rgba(0, 0, 0, 0.7);
    background: rgba(0, 0, 0, 0.7);
    color: rgba(0, 0, 0, 0.7);

 }
.dienstslide img		{position: relative; z-index: 998;}
.dienstslide:hover span	{display: block; position: absolute; z-index: 999; }


/* ############################
	FOOTER
############################ */

footer 		{width: 100%; padding: 30px 0px; font-size: 1.2em; line-height: 160%; background-color: #333; color: #fff; margin-top: 40px;}
footer h3	{color: #E66C2D; font-weight: 300;}
footer a		{text-decoration: underline; color: #fff;}
footer .fb		{position: absolute; bottom: 20px; display: block; right: 45px;}
footer .youtube		{position: absolute; bottom: 20px; display: block; right: 0px;}
footer .row			{position: relative;}


@media (max-width:641px){
	.navigatie li a	{font-size: 13px!important; margin-right: 5px; padding: 10px 5px;}
	#section0		{background-image: none;}
	.row		{padding-left: 25px; padding-right: 25px;}
	
.fp-controlArrow.fp-next {
    border-color: transparent transparent transparent #f4f4f4;
    border-width: 20px 0 20px 20px;
    right: 15px;
}	
.fp-controlArrow.fp-prev {
    border-color: transparent #f4f4f4 transparent transparent;
    border-width: 15px 15px 15px 0;
    left: 15px;
    width: 0;
}