@charset "utf-8";
/* CSS Document */

body{
	margin:0px;
	padding:0px;
	font-size:18px;
	color:#777777;
	background:#FFF;
	font-family: 'dosisbook';
}
*{
	margin:0px;
	padding:0px;
}
.lede_blad_slider{
	width:950px;
	margin:0 auto;
	text-align:center;
	padding-top:2%;
	}
.lede_blad_img{
	padding:20px 0 20px 20px;}	

.kat_img{
	padding: 25px 5px 0;}
	
#lede_wrap{
	background:url(preview_images/bgs/OpportuneBg.jpg) center top no-repeat; 
	height:10%;}	
	
.center{
	margin:0 auto;
	text-align:center;}	
	
a:hover{
	cursor:pointer;}
.fltrt{
	float:right;}
	
.fltlft{
	float:left;}	

h1{ font-weight:normal;}
h2{ font-weight:normal;}
h3{ font-weight:normal;}
h4{ font-weight:normal;}
p{
	font-size:18px;
	color:#777777;
}
li{
	list-style:none;
}
a{
	text-decoration:none;
}
a.button{
	background-size:16px;
	padding:10px 20px 10px 60px;
	color:#fff;
	float:left;
}
a.button:hover{
	background:#000 url(../images/button_arrow.png)  no-repeat 124px bottom;
	background-size:16px;
}
a.button-2nd{
	background-size:16px;
	padding:10px 20px 10px 60px;
	color:#fff;
	float:left;
}
a.button-2nd:hover{
	background:#000 url(../images/button_gray_arrow.png)  no-repeat 124px bottom ;
	background-size:16px;
}
.clear{
	clear:both;
}
.height10{ height:10px;}
.height15{ height:15px;}
.height20{ height:20px;}
.height25{ height:25px;}
.height30{ height:30px;}
.height35{ height:35px;}
h1.heading{ font-weight:normal; font-size:50px; color:#383836; font-family: 'dosissemibold';
 text-transform:uppercase; line-height:55px; border-bottom:solid 1px #c8c8c8; float:left; padding:0 0 5px 0; width:100%;}
#wrap{
}
h2.heading{
	color:#383836;
	font-size:44px;
	font-family: 'dosissemibold';
}
#wrap .container{
	width:960px;
	margin:0 auto; 
}

#header .line{
	background:#383836 center;
	display:block;
	height:52px;
	float:left;
	width:36% ;
	position:absolute;
	margin:25px 0 0 0;
}
#header .logo{
	float:left; 
	width:279px; 
	height:75px;
	margin:25px 0 0 0;
	position:relative;
}
#header .nav{
	margin:0 0 0 34px ;
	float:left;
}
#header .nav li{
	line-height:100px;
	float:left;
}
#header .nav a{
	text-transform:uppercase;
	color:#FFF;
	float:left;
	font-size:25px;
	padding:0 19px
}
.menu img{
	float:right;
	margin:34px 0 0 0;
	cursor:pointer;
}
.sub_nav li{
	padding:0 0 12px 0;
	line-height:40px;
}
.sub_nav a{
	color:#FFF;
	text-transform:uppercase;
	background:#383836;
	display:block;
	text-align:center;
}
.sub_nav a.sel{
	color:#383836;
	background:#fff;
}
.sub_nav a:hover{
	color:#383836;
	background:#fff;
}
#header .nav a:hover{
	color:#000;
}
#header .nav a.sel{
	color:#000;
}
#content .about{
	background:#f1f1f1 ;
	padding:35px 0px;
}
#content .about a{
	color:#FF0000 ;
	padding:10px 25px 0px 0px;
	cursor:pointer;
}
#content .about a:hover{
	text-decoration:underline;
}
#content .about .about-text{
	background:url(../images/about_line.png) repeat-x 0 20px;
}
#content .about .about-text h2{
	background:#f1f1f1;
	color:#383836;
	font-size:44px;
	display: inline;
	padding: 0 25px 0 0;
	font-family: 'dosissemibold';
}
#content .about p.about{
	margin:0 0 0 0;
}
.arrow-gray{
	background: url(../images/gray_bot_arrow.png) no-repeat;
	height:16px;
	margin:-45px 0 0 50px;
	float:left;
	width:35px;
}
.arrow-gray.priv{
	margin:-25px 0 0 50px;
}
.arrow-white.cont{
	margin:0px 0 0 50px;

	position:absolute;
}
 .arrow-white{
	background: url(../images/white_bot_arrow.png) no-repeat;
	height:16px;
	margin:-45px 0 0 50px;
	float:left;
	width:35px;
}
#content .services{
	background:#fff ;
	padding:45px 0px;
}

.serv_sec{
	float:left;
	width:224px;
	text-align:center;
	margin:10px 20px 15px 0;
}


.serv_sec.last{
	margin:10px 0 15px 0;
}
.serv_sec span{
	display:block;
	font-family: 'dosissemibold';
	color:#383836;
	font-size:26px;
	margin:15px 0 10px 0;
	padding:0 0 5px 0;
}
#content .team{
	background:#f1f1f1;
	padding:45px 0px;
}
#content .team .team_sec{
	text-align:center;
	float:left;
	width:220px;
	margin:30px 20px 0 0;
}
#content .team .team_sec.last{
	margin:30px 0 0 0;
}
#content .team .team_sec img{
	-webkit-border-radius: 120px;
	-moz-border-radius: 120px;
	border-radius: 120px;
	border:solid 5px #dbdbdb;
	width:209px;
}
#content .team .team_sec span.name{
	font-size:24px;
	display:block;
	font-family: 'dosissemibold';
	margin:10px 0 0 0;
}
#content .team .team_sec span.work{
	color:#777777;
	font-size:18px;
	font-family: 'dosissemibold';
}
#content .blog{
	padding:45px 0px;
}
#content .blog .blog_sec{
	width:460px;
	float:left;
	margin:20px 40px 0 0;
}
#content .blog .blog_sec.last{
	margin:20px 0 0 0;
}
#content .our-team .text span.title{
	font-family: 'dosissemibold';
	color:#383836;
	font-size:26px;
}
#content .blog .blog_sec img{
	padding:20px 0 10px 0;
	width:463px;
}
#content .our-team .text span.heading{
	font-family: 'dosisbook';
	color:#383836;
	font-size:24px;
}
#content .our-team .text_lede span.title{
	font-family: 'dosissemibold';
	color:#383836;
	font-size:26px;
}

#content .our-team .text_lede span.heading{
	font-family: 'dosisbook';
	color:#383836;
	font-size:24px;
}
#content .blog .blog_sec p{
	margin:10px 0 0 0;
}
#content .blog .blog_sec a.button{
	margin:12px 0 0 0;
}
#content .blog .blog_sec .cate{
	float:left;
	width:180px;
	margin:10px 0 0 10px;
	text-align:right; 
}
#content .blog .blog_sec .cate span{
	display:block;
	color:#383836;
}
#content .blog .blog_sec .cate a{
	color:#a7a7a7;
}
#content .blog .blog_sec .cate a:hover{
	color:#ed1f24;
}
#content .blog .blog_sec .date{
	float:right;
	width:100px;
	margin:10px 0 0 10px;
	text-align:right; 
}
#content .blog .blog_sec .date span{
	display:block;
	color:#383836;
}
#content .blog .blog_sec .date a{
	color:#a7a7a7;
}
#content .blog .blog_sec .date a:hover{
	color:#ed1f24;
}
#content .port{
	background:#ffff;
	padding:45px 0px;
}
#content .clients{
	
	padding:45px 0px;
}
#content .clients .left{
	float:left;
	width:120px;
	margin:35px 35px 0 0;
	text-align:center;
}
#content .clients .left span{
	font-family: 'dosisbold';
	display:block;
}
#content .clients .left img{
	width:100px;
	-webkit-border-radius: 120px;
	-moz-border-radius: 120px;
	border-radius: 120px;
	border:solid 5px #e8e8e8;
	margin:0 0 10px 0;
}
#content .clients p{
	font-size:26px;
	margin:35px 0px 0 0px ;
}
#footer{
	background:#f1f1f1;
	padding:45px  0 0 0;
}
#footer .map-main{
	background:#fff;
	padding:45px 0;

}
#footer .map{
	border:none;
	margin:35px 0 0 0;
}
#footer .map iframe{
	border:none !important;
}
#footer .get_touch{
	float:left;
	width:290px;
	margin:30px 0 0 0;
}
#footer .form{
	float:right;
	width:590px;
	padding:0 0 35px 0;
	margin:30px 0 0 0;
}
#footer .get_touch span{
	font-family: 'dosisbold';	
	margin:10px 0 0 0;
	display:block;

}
#footer .get_touch .social{
	margin:20px 0 0 0;
}
#footer .get_touch .social a{
	margin:0 10px 0 0;
}
#footer .get_touch .social i{
	color:#777777;
}



#footer .form{
}
#footer .form input{
	width:280px;
	border:none;
	border-bottom:solid 1px #b4b4b4;
	margin:0 30px 0 0;
	height:44px;
	background:none;
	float:left;
	font-size:26px;
	color:#777777;
	font-family: 'dosisbook';
	
}
#footer .form input.last{
	margin:0px;
}
#footer .form textarea{
	width:588px;
	border:none;
	border-bottom:solid 1px #b4b4b4;
	margin:0 30px 0 0;
	height:120px;
	background:none;
	margin:10px 0 0 0;
	float:left;
	font-size:26px;
	color:#777777;
	font-family: 'dosisbook';
}
#footer .form a.button-2nd{
	margin:15px 0 0 0;
}
#privacy{
	background:#fff;
	padding:23px 0;
}
#privacy p{
	color:#3e3e3e;
}
#about-us{	
}
#about-us .about{
	padding:45px 0;background:#f1f1f1;

}
#about-us .about img{
	width:402px;
	float:left;
}
#about-us .about .detail{
	width:525px;
	float:left;
	
}
#about-us .about .detail span.title{
	color:#383836;
	font-size:24px;
	font-family: 'dosisbold';

}
#about-us .about .detail p{
	margin:10px 20px 15px 0;
}
#about-us .our-team{
	
	padding:45px 0px;
}
#about-us .our-team .text{
	float:left;
	margin:25px 0 0 0;
	width:330px;
}
#about-us .our-team .text p{
	padding:5px 0 20px 0;
	text-align:justify;
}
#about-us .our-team .text a{
	margin:15px 0 0 0;
}
#about-us .our-team .text_lede{
	float:left;
	margin:25px 0 0 0;
	
}
#about-us .our-team .text_lede p{
	padding:5px 0 20px 0;
	text-align:justify;
}
.groep_text{
	font-size:11px;}

#about-us .our-team .text_lede a{
	margin:15px 0 0 0;
}
#about-us .our-team .members{
	float:right;
	width:596px;
	margin:35px 0 0 0;
}
#about-us .our-team .members .member_sec{
	float:left;
	width:186px;
	background:#f1f1f1;
	text-align:center;
	margin:0 18px 0 0;
}
#about-us .our-team .members .member_sec.last{
	margin:0 0 0 0;
}
#about-us .members .member_sec img{
	width:186px;
}
#about-us .members .member_sec span.name{
	font-size:18px;
	display:block;
	margin:0 0 0 0;
	font-family: 'dosisbook';	
}

#about-us .members .member_sec span.work{
	font-size:16px;
	color:#777777;
	font-family: 'dosisbold';
}
#about-us .members .member_sec p{
	font-size:14px;
	margin:10px 0 0 0;
	padding:0 15px;
}
#about-us .members .member_sec .social{
	margin: 15px 0 15px 0;
}
#about-us .members .member_sec .social a{
	background:#6e6e6e;
	padding:5px 8px;
}
#about-us .members .member_sec .social i{
	color:#fff;
	font-size:22px;
}
#about-us .skills{
	background:#f1f1f1;
	padding:45px 0px;
}
#about-us .bs-docs-example{
	margin:20px 0 0 0;
	display:block;
}
#about-us .progress {
	margin:0 0 15px 0;
  height: 32px;
  overflow: hidden;
  background-color: #f7f7f7;
  padding:5px 5px;
}

#about-us .progress .bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #ed1f24;
}
#about-us .progress .bar span{
	color:#fff;
	text-shadow:none;
	text-transform:uppercase;
	font-size:18px;
	margin:4px 0 0 10px;
	float:left;
}
#blog{
	margin:35px 0 0 0;
}
#blog .left_sec{
	float:left;
	width:632px;
}
#blog .left_sec2{
	float:left;
	width:100%;
}
#blog .left_sec  h1{ 
	font-weight:normal;
	font-size:50px;
	color:#383836;
	font-family: 'dosissemibold';
	text-transform:uppercase;
	line-height:55px;
}
#blog .left_sec .section img{
	width:632px;
	margin:15px 0 0 0; 
}
#blog .left_sec .section .admin{
	position:absolute;
	margin:-43px 0 0 0;
	padding:10px 20px;
	float:left;
}
#blog .left_sec  .section{
	margin:0 0 55px 0;
	float:left;
}
#blog .left_sec .section .admin li{
	float:left;
	color:#fff;
	padding:0 0px 0 24px;
}
#blog .left_sec .section .admin li.user{
	background:url(../images/admin-icon.png) no-repeat 0 5px ;
}
#blog .left_sec .section .admin li.date{
	background:url(../images/date.png) no-repeat 0 5px;
	margin: 0 0 0 20px ;
}
#blog .left_sec .section span{
	font-size:24px;
	margin:15px 0 10px 0;
	display:block;
	color:#383836;
}
#blog a.adjust{
	background-size:16px;
	padding:10px 20px 10px 60px;
	color:#fff;
	float:left;
	margin:15px 0 0 0;
}
#blog .left_sec .section{
	border-bottom:solid 1px #e3e3e3;
	padding:0 0 25px 0;
	width:100%;
}
#blog .left_sec .section img{
	width:100%;
}
#blog .left_sec .section .social{
	margin:15px 0 0 0;
	float:left;
}
#blog .left_sec .section .social i{
	color:#888888;
	margin:0 5px 0 0;
}
#blog .left_sec .section .social i:hover{
	color:#ed1f24;
}
#blog .left_sec .comments {
	margin:15px 0 40px 0;
	float:left;
}
#blog .left_sec .comments .comment_sec{
	background:#fdfdfd;
	border:solid 1px #f6f6f6;
	margin:15px 0 0 0;
	padding:10px;
	float:left;
	display:block;
}
#blog .left_sec .comments .comment_sec.medium{
	width:520px;
	float:right;
}
#blog .left_sec .comments .comment_sec img.user{
	float:left;
	width:58px;
}
#blog .left_sec .comments .comment_sec .text{
	float:right;
	width:530px;
	margin:0 0 0 20px;
}
#blog .left_sec .comments .comment_sec.medium .text{
	float:right;
	width:440px;
	margin:0 0 0 0;
}
#blog .left_sec .comments .comment_sec .text span.name{
	color:#383836;
	display:block;
	font-family: 'dosissemibold';
}
#blog .left_sec .comments .comment_sec .text span.date{
	color:#383838;
	margin:5px 0;
	display:block;
}
#blog .left_sec .comments .comment_sec .text a{
	color:#ed1f24;
}













#blog .left_sec .comments {
	margin:15px 0 40px 0;
	float:left;
	
}
#blog .left_sec .comments .comment_sec{
	background:#fdfdfd;
	border:solid 1px #f6f6f6;
	margin:15px 0 0 0;
	padding:10px;
	float:left;
	display:block;
	width:100%;
}
#blog .left_sec2 .comments .comment_sec.medium{
	width:90%;
	float:right;
}
#blog .left_sec .comments .comment_sec img.user{
	float:left;
	width:58px;
}
#blog .left_sec .comments .comment_sec .text{
	float:right;
	width:87%;
	margin:0 0 0 20px;
}
#blog .left_sec .comments .comment_sec.medium .text{
	float:right;
	width:86%;
	margin:0 0 0 0;
}
#blog .left_sec .comments .comment_sec .text span.name{
	color:#383836;
	display:block;
	font-family: 'dosissemibold';
}
#blog .left_sec .comments .comment_sec .text span.date{
	color:#383838;
	margin:5px 0;
	display:block;
}
#blog .left_sec .comments .comment_sec .text a{
	color:#ed1f24;
}
#blog .right_sec{
	float:right;
	width:277px;
}
#blog .right_sec{
	float:right;
	width:277px;
}
#blog .right_sec h2{
	margin:15px 0 0 0;
	font-size:44px;
}
#blog .right_sec .search{
	border:solid 3px #f2f2f2;
	height:39px;
	margin:15px 0 0 0;
}
#blog .right_sec .search input{
	background:#FFF;
	width:218px;
	padding:0 5px;
	position:absolute;
	height:39px;
	border:none;
	margin:0px;
	float:left;
	font-size:18px;
	color:#919191;
	font-family: 'dosisbook';
}
#blog .right_sec .search a{
	float:right;
}
#blog .right_sec .categ{
	margin:15px 0 0 0;
}
#blog .right_sec .categ a{
	background:url(../images/cate-gray-arrow.png) no-repeat 10px 16px;
	padding:0 0  0 35px;
	line-height:40px;
	display:block;
	color:#333333;
}
#blog .right_sec .categ a:hover{
	padding:0 0  0 35px;
	color:#fff;
}
#blog .right_sec .tags .all {
	margin:20px 0 0 0;
	float:left;
}
#blog .right_sec .tags a{
	background:#565656;
	padding:8px 15px;
	float:left;
	margin:5px 5px 0 0;
	color:#fff;
}
#blog .right_sec .tags a:hover{
	padding:8px 15px;
	float:left;
	margin:5px 5px 0 0;
	color:#fff;
}
#blog .right_sec .text-widget{
	float:left;
	margin:15px 0 0 0;
}
#blog .right_sec .text-widget p{
	float:left;
	margin:15px 0 0 0;
}
#blog .right_sec .archive{
	margin:20px 0 0 0;
	display:block;
}
#portfolio{
	background:#f1f1f1;
	padding:45px 0 0 0;
}
#content .port .detail{
	margin: 10px 0 0 0;
	padding:0 0 10px 0;
	z-index: 5;
	display:block;
	border-bottom:solid 1px #c8c8c8;
}
#content .port .detail span{
	font-size:26px;
	font-family: 'dosissemibold';	
	color:#777777;
	text-transform:uppercase;
}
#content .port .detail a{
	font-size:18px;
	font-family: 'dosissemibold';
}
#portfolio .portfolio{
	padding:0 0 30px 0;
}
#portfolio .portfolio .detail{
	margin: 10px 0 0 0;
	padding:0 0 10px 0;
	z-index: 5;
	display:block;
	border-bottom:solid 1px #c8c8c8;
}
#portfolio .portfolio .detail span{
	font-size:26px;
	font-family: 'dosissemibold';	
	color:#777777;
	text-transform:uppercase;
}
#portfolio .portfolio .detail a{
	font-size:18px;
	font-family: 'dosissemibold';
}



























.blog-bottom {
	
	background:#f1f1f1;
	height:5px;
}
#contact .form.blog {
float: left;
width: 100%;
margin: 30px 0 0 0;
}
#contact .contact_blog{
	padding:45px 0;
}
#contact{
	background:#f1f1f1;
	padding:0px  0 0 0;
}
#contact .map-main{
	background:#fff;
	padding:45px 0;
}
#contact .map{
	border:4px solid #f9f9f9;
	margin:35px 0 0 0;
}
#footer .get_touch{
	float:left;
	width:290px;
	margin:15px 0 0 0;
}

#footer .get_touch span{
	font-family: 'dosisbold';	
	margin:10px 0 0 0;
	display:block;

}
#footer .get_touch .social{
	margin:20px 0 0px 0;

}
#footer .get_touch .social a{
	margin:0 10px 0px 0;
	
}
#footer .get_touch .social i{
	color:#777777;	
}
#footer .kontak{
	float:right;
	width:290px;
	margin:15px 0 0 0;
}

#footer .kontak span{
	font-family: 'dosisbold';	
	margin:10px 0 0 0;
	display:block;
	text-align:left;
}
#footer .kontak a{
	color:#FF0000;
}


#blog .blog2-reply .form input{
	width:48%;
	border:none;
	border-bottom:solid 1px #b4b4b4;
	margin:0 30px 0 0;
	height:44px;
	background:none;
	float:left;
	font-size:26px;
	color:#777777;
	font-family: 'dosisbook';
	
}
#blog .blog2-reply .form input.last{
	margin:0px;
}
#blog .blog2-reply .form textarea{
	width:100%;
	border:none;
	border-bottom:solid 1px #b4b4b4;
	margin:0 30px 0 0;
	height:120px;
	background:none;
	margin:10px 0 0 0;
	float:left;
	font-size:26px;
	color:#777777;
	font-family: 'dosisbook';
}
#blog .blog2-reply .form a.button-2nd{
	margin:15px 0 0 0;
}















/*color switcher*/
.color-switcher {
    width: 100px;
    position: fixed;
    left: 0;
    top: 180px;
    background: #fff;
    z-index: 9999999;
    padding: 15px;
}

.color-switcher ul li {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}

.color-switcher ul li a {
    display: block;
    width: 27px;
    height: 27px;
    outline: none;
}

.color-switcher ul li a.green {
    background: #7fc719;
}

.color-switcher ul li a.red {
    background: #E91B23;
}

.color-switcher ul li a.blue {
    background: #1bb1e9;
}

.color-switcher ul li a.orange {
    background: #fd7c26;
}

.color-switcher ul li a.cyan {
    background: #58c6c6;
}

.color-switcher ul li a.light_pink {
    background: #fc4349;
}

.picker_close {
    width: 40px;
    height: 30px;
    position: absolute;
    right: -40px;
    top: 0;
    background: url(../images/icon_settings.jpg) no-repeat center 5px #fff;
}
.position {
    left: -130px;
}