@import url(http://fonts.googleapis.com/css?family=Play);

body {
	font-family: 'Play', sans-serif;
	font-size: 16px;
	font-weight: 300;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;  
	background-image:url(../img/backgrounds/electric-c-bg.jpg);
	background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
	background-color: #000;
	
	
 
}
a {
  color: #000;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
a:hover {
	color: #FFF;
	text-decoration:none;
}
a:link{
	outline:none;
}	
	b {
  color: #4d4d4d;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
b:hover {
	color: #FFF;
	text-decoration:none;
}
b:link{
	outline:none;
	
}
ul li{
  list-style: none;
}
hr{
  color: #e7e7e7;
}
.row {
	padding-top: 20px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 20px;
	color:#FFF;
}
.rowservice{
	padding: -80px 0px;
}

.rowmenu {
	padding-top: 20px;
	padding-right: 0px;
	padding-left: 0px;
	
	color:#FFF;
}
.neder{
	color: #8B0000;
	background-color: #F5DEB3;
	font-size: 22px;
	height: 35px;
	width: 130px;
	position: fixed;
	left: -50px;
	top: 330px;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	text-align:center;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;           
	}
.nedera{
	color:#8B0000;
	background-color: #FF9900;
	font-size: 22px;
	height: 35px;
	width: 130px;
	position: fixed;
	left: -50px;
	top: 330px;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	text-align:center;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;   
}
.english{
	color: #8B0000;
	background-color: #F5DEB3;
	font-size: 22px;
	height: 35px;
	width: 90px;
	position: fixed;
	left: -30px;
	top: 215px;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	text-align:center;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;           
	}
.englisha{
	color: #8B0000;
	background-color: #FF9900;
	font-size: 22px;
	height: 35px;
	width: 90px;
	position: fixed;
	left: -30px;
	top: 215px;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	text-align:center;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;           
	}
.francais{
	color: #8B0000;
	background-color: #FFE4C4;
	font-size: 22px;
	height: 35px;
	width: 90px;
	position: fixed;
	left: -30px;
	top: 120px;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	text-align:center;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;           
	}
.francaisa{
	color: #8B0000;
	background-color: #FF9900;
	font-size: 22px;
	height: 35px;
	width: 90px;
	position: fixed;
	left: -30px;
	top: 120px;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	text-align:center;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;           
	}
.taalmb{
	color: #8B0000;
	background-color: #F5DEB3;
	font-size: 15px;
	height: 23px;
	width: 60px;
	position: fixed;
	bottom: 0px;
	border-top-right-radius:6px;
	border-bottom-right-radius:6px;
	text-align:center;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: auto;
	margin-left: auto;
	z-index: 100;
	}
.taalmba{
	color: #8B0000;
	background-color: #FF9900;
	font-size: 15px;
	height: 23px;
	width: 60px;
	position: fixed;
	bottom: 0px;
	border-top-right-radius:6px;
	border-bottom-right-radius:6px;
	text-align:center;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: auto;
	margin-left: auto;
	z-index: 100;
	}
.taalmbe{
	color: #8B0000;
	background-color: #FFE4C4;
	font-size: 15px;
	height: 23px;
	width: 60px;
	position: fixed;
	bottom: 24px;
	border-top-right-radius:6px;
	border-bottom-right-radius:6px;
	text-align:center;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: auto;
	margin-left: auto;
	z-index: 100;
	}
.taalmbea{
	color: #8B0000;
	background-color: #FF9900;
	font-size: 15px;
	height: 23px;
	width: 60px;
	position: fixed;
	bottom: 24px;
	border-top-right-radius:6px;
	border-bottom-right-radius:6px;
	text-align:center;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: auto;
	margin-left: auto;
	z-index: 100;
	}
.taalmbf{
	color: #8B0000;
	background-color: #FFE4C4;
	font-size: 15px;
	height: 23px;
	width: 60px;
	position: fixed;
	bottom: 48px;
	border-top-right-radius:6px;
	border-bottom-right-radius:6px;
	text-align:center;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: auto;
	margin-left: auto;
	z-index: 100;
}
.taalmbfa{
	color: #8B0000;
	background-color: #FF9900;
	font-size: 15px;
	height: 23px;
	width: 60px;
	position: fixed;
	bottom: 48px;
	border-top-right-radius:6px;
	border-bottom-right-radius:6px;
	text-align:center;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: auto;
	margin-left: auto;
	z-index: 100;
}
.btn {
  border: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
  text-transform: uppercase;
}
.btn i {
  margin-left: 10px;
}
.btn-black{
  background: #4d4d4d;
  padding: 10px 40px 10px 40px;
  border-radius: 50px;
}
.btn-black:hover{
  background: #ffffff;
}
.btn-defult{
  border: 2px solid #4d4d4d;
  border-radius: 50px;
  padding: 10px 20px 10px 20px;

}

.btn-defult:hover{background: #4d4d4d; color: #fff;}

.btn-border{
  margin-top: 22px;
  background: transparent;
  font-size: 16px;
  border: 2px solid #4d4d4d;
  padding: 8px 12px;
  width: 120px;
 
}
.btn-border:hover{
  color: #ffffff;
  background: #55ACEE;
  border: 2px solid #55ACEE;
}
.section-title {
  text-align: center;
  
  font-size: 30px;
  font-weight: 700;
  padding-bottom: 18px;
  color: #FFF;
}
.section-subtitle {
  text-align: center;
  font-weight: 300;
 
  padding-bottom: 18px;
  font-size: 16px;
  color: #FFF;
}


/* Start Main Menu */
#header .navbar-default{
	background-image: url(../img/backgrounds/electric-c-bg.jpg); 
}

#header .navbar-nav li a,
#header .navbar-nav > li > a:focus{
	font-size: 20px;
	padding: 0;
	font-weight: 400;
	margin-top: 22px;
	
	margin-left: 15px;
	outline: 0;
	color: #FFF;
	margin-bottom: 0px;
}
#header .navbar-nav .active a,
#header .navbar-nav a:hover,
#header .navbar-nav .active a:focus{
  background: none;
  border: medium;
  
 
}
/* End Main Menu */

/* image menu*/



/* end image menu*/


/* first row*/

.firstrow{
	margin-top: 220px;
}
iframe{
	border: none;
	
	
	
}

.main-title{
	color: #FFF;
	text-align:center;
}
.mirjam{
	margin-bottom: 20px;
}

.vid {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.vid iframe,
.vid object,
.vid embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video{
	width: 640px;
	margin-left: auto;
	margin-right:auto;
	
}
.dirk img{
	width: 100%;
	height: auto;
}
/* end first row*/



/* Start Billboard */

#billboard .main-text{
	text-align: center;
	padding: 0px 0 0px 0;
	color: #FFF;
}

.bill-board{
 
  margin: 0;
  padding: 0;
}

.bill-board-sub{
  
  margin: 0;
  padding: 0;
}

#billboard.bill-board-sub .main-text{
	text-align: center;
	padding: 0;
	color: #FFFBF0;
}

#billboard .main-text h1{
	font-size: 50px;
	font-family: 'Oleo Script', cursive;
	font-weight: 700;
	color: #FFFFFF;
}
#billboard .main-text h4{
  font-size: 16px;
  
  font-weight: 400;
}
#billboard .main-text a{
  font-size: 18px;
 
  font-weight: 600;
  color: #ffffff;
  margin-top: 24px;
}
#billboard .main-text a:hover{
  color: #4d4d4d;
}
#billboard hr{
  margin: 0;
  
}
#billboard img{
	margin-left:auto;
	margin-right: auto;
}

/* End Billboard */

/* Start Services */

#services {
	margin-top: 0px;
}

#services i{
  
}
#services article h3{
  font-size: 22px;
 
  color: #FFF;
  font-weight: 700;
  line-height: 50px;
}
#services article p{
  font-size: 14px;
  color: #4d4d4d;
  
  font-weight: 400;
}
#services .header-title{
  padding-bottom: 24px;
}


/* End Services */

.modal-dialog{
  width:700px;
}
/* menu */



/* Start Work */
#work figure{
  width: 262px;
  height: 322px;
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0;
}
#work figcaption{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  color: #fff;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: opacity .3s;
  -moz-transition: opacity .3s;
  -o-transition: opacity .3s;
  -ms-transition: opacity .3s;
  transition: opacity .3s;
  z-index: 0;
}
#work figure:hover figcaption{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity:1;
}
#work .contant{
  text-align: center;
  padding-top: 100px;
}
#work .contant p{
  color: #000;
  font-size: 24px;
  
  font-weight: 400;
  line-height: 22px;
}
#work .barnd-title{
  position: absolute;
  bottom: -60px;
  left: 0;
  width: 100%;
  height: 60px;
  background: #575757;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
#work figure:hover .barnd-title{
  bottom: 0px;
}
#work .barnd-title p{
  text-align: center;
  padding: 20px 0;
  color: #ffffff;
  font-size: 16px;
  
  font-weight: 600; 
}
#work .barnd-title p i{
  margin-left: 10px;
}

/*Story*/
#story img{
	width: 100%;
}
.story{
	
}

/* End Work */

/* Start Subscription */
.subscription{
  background: #f5f5f5;
}


/* End Subscription */
.plusmin{
	
	margin-top: 30px;
	margin-bottom: 20px;
	align: right;
}

.projecten{
	border: 2px solid #E9D0A4;
	border-radius: 4px;
	margin-bottom: 30px;
	margin-top: 50px;	
}
.losseprojecten{
	border: 2px solid #1D100F;
	background: silver;
	padding: 0px;
	margin: 0px;
	height:300px;
}
.losseprojecten > p {
	text-align: center;
	background-color: rgba(6,6,6,0.0);
	color: rgba(6,6,6,0.0);
	width: 100%;
	height: 100%;
	font-weight: bold;
	font-size: 20px;
}
.losseprojecten:hover > p {
	background-color: rgba(6,6,6,0.3);
	color: white;
	text-shadow: 3px 3px 10px #000;
}
.pics{
	width: 33%;
	float:left;
	height:auto;
}
/* Start Contact */
.social{
  padding-top: 68px;
  padding-bottom: 68px;
}
.social ul{
  list-style: none;
  margin: 0 auto;
  padding: 0;
}
.social ul li{
  display: inline-block;
  width: 44px;
  height: 44px;
  margin-right: 30px;
  border: 2px solid #575757;
  padding: 6px 0px;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.social ul .facebook:hover{
	background: #3B5998;
	border: 2px solid #3B5998;
}
.social ul .twitter:hover{
	background: #00CAFB;
	border: 2px solid #00CAFB;
}
.social ul .dribbble:hover{
	background: #EA4C89;
	border: 2px solid #EA4C89;
}
.social ul .google:hover{
	background: #D23A1D;
	border: 2px solid #D23A1D;
}
.social ul li a{
  font-size: 20px;
  color: #575757;
}
.social ul li:hover a{
  color: #ffffff;
}
/* Start Form */
label{
  color: #4d4d4d;
  
  font-size: 16px;
}
.input{
  background: #ffffff;
  border: 2px solid #4d4d4d;
  color: #555555;
  display: block;
  font-size: 16px;
 
  height: 38px;
  line-height: 20px;
  margin-bottom: 10px;
  padding: 8px 12px;
  vertical-align: middle;
  width: 100%;

}
.nieuw{
	color: #E6953C;
	float:right;
	margin-right: 30px;
	
}
.groot{
  font-size: 20px;
  color: #FFF;
  font-weight: 400;

	
}
.grootg{
  font-size: 20px;
  color: #E6953C;
  font-weight: 400;
  
  }
.grootm{
  font-size: 25px;
  color: #FFF;
  font-weight: 400;
  text-align: center;
	
}
 .massage{
  padding: 8px 12px;
  width: 100%;
  height: 200px;
}
.contact{
	border: 2px solid #E9D0A4;
	border-radius: 4px;
	margin-top: 100px;
}

.contact a:link{
	color: #FFF;
	
	
}
.adm{
	margin: 30px;
}
 .adm a:link{
	color: #FFF;
	
}
.adm a:hover{
	font-weight: bold;
}
/* End Form */
/* End Contact */
/*modal*/
.modal-body {
  background-color:  #E9D0A4;
}


/*showbox*/

.showbox{
	min-height: 500px;
}
.shows{
	margin-top: 3%;
}
.meerover{
	float: right;	
}
.meerover a{
	color: #2A5FFF;
	
	
}
.meerover a:hover{
	color:#F0F;
}
.white{
	color: #FFF;
}

/* Start Footer */
#footer{
  background: #3b3b3b;
  position: relative;
   color: #ffffff;
}
#footer .widget-title{
  color: #ffffff;
  font-size: 18px;
 
  font-weight: 600;
}
#footer .footer-widget p{
  color: #ebebeb;
  font-size: 14px;
  
  font-weight: 300;
}
#footer .footer-widget p span{
  color: #b5b5b5;
}
#footer .footer-widget a{
  color: #b5b5b5;
  text-decoration: underline;
 
  font-weight: 600;
}
#footer .footer-widget a:hover{
  text-decoration: none;
}
#footer .footer-widget a i{
  margin-left: 10px;
}
#footer .list{
  margin: 0;
  padding: 0;
  list-style: none;
}
#footer ul li a{
  color: #ebebeb;
  
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
}
#footer ul li a:hover{
  text-decoration: underline;
}
/* End Footer */
/*knoppen*/