File: D:/HostingSpaces/KLeeuwen/old.samenbouwen.in/wwwroot/wp-content/themes/samenbouwenin/style_m.css
/*
Theme Name: Samenbouwenin
Theme URI: http://www.vdbc.nl
Description: Samenbouwenin WordPress theme
Version: 1
Author: VDBC
Author URI: http://www.vdbc.nl
*/
@import url("css/twitterwidget.css");
@import url("css/nieuws.css");
body{ margin: 0; }
* {font-family: 'Source Sans Pro', sans-serif;}
h1{ font-weight: 700; text-transform: uppercase;}
h2 {
text-transform: uppercase;
font-size:1.5em;
}
h3 {
text-transform: uppercase;
}
body {
color:#223a54;
}
.page .navbar-wrapper {
background-color: rgba(255, 255, 255, 0.6);
}
a {
color:#ef6530;
}
/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 2000;
padding-top: 20px;
margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
}
.navbar-wrapper .navbar {
/*width:1170px;
margin: 0px auto;*/
}
/* Remove border and change up box shadow for more contrast */
.navbar .navbar-inner {
border: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/* Downsize the brand/project name a bit */
.navbar .brand {
padding: 14px 20px 16px; /* Increase vertical padding to match navbar links */
font-size: 16px;
font-weight: bold;
text-shadow: 0 -1px 0 rgba(0,0,0,.5);
}
/* Navbar links: increase padding for taller navbar */
.navbar .nav > li > a {
padding: 15px 20px;
color: black !important;
text-shadow: none;
font-weight: bold;
font-size: 1.2em;
text-transform: uppercase;
}
.navbar .nav > li > a:hover {color:#ef6530 !important; text-decoration: underline;}
.navbar .nav > li.current_page_item > a {color:#ef6530 !important;}
.navbar .nav-collapse .nav > li > a, .navbar .nav-collapse .nav > li > a:hover {color: white;}
/* Offset the responsive button for proper vertical alignment */
.navbar .btn-navbar {
margin-top: 10px;
}
.navbar-inner { background-color: transparent !important; background-image: none; border: 0px;}
.navbar-inverse .navbar-inner {background-image: none; background-color: transparent;}
.navbar .nav>.active>a, .navbar .nav>.active>a:hover { background-color: transparent; box-shadow: none; color: black;}
.nav-collapse {background-color: white; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; z-index:1000;}
.navbar li#menu-item-714 {
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
font-weight: bold; font-size: 16px; padding-bottom: 5px;
background-color: #ef6530;
padding-left: 0;
text-align: center;
}
.navbar li#menu-item-714 a {
color: #fff !important;
font-size: 18px;
}
.navbar li#menu-item-714 a:hover {
color: #000 !important;
font-size: 18px;
}
/* Social icons */
.pull-right a:hover {
opacity: 0.7;
}
.icons {
background-color: #ef6530;
position: absolute;
right: 0;
top: 360px;
z-index: 2222;
-moz-border-radius: 10px 0px 0px 10px;
-webkit-border-radius:10px 0px 0px 10px;
-khtml-border-radius: 10px 0px 0px 10px;
border-radius: 10px 0px 0px 10px;
}
.icons ul {
margin: 0;
padding: 15px 10px;
}
.icons li {
list-style-type: none;
list-style-image: none;
opacity:1;
}
.icons li:hover {
opacity:0.6;
}
.icons li:nth-child(2) {
border-top:1px solid #000;
padding-top:10px;
padding-bottom:10px;
margin-top:10px;
margin-bottom:10px;
}
/* Infoblokken */
.infoblokken .span4 {
opacity: 0.9;
filter: alpha(opacity=90); /* For IE8 and earlier */
cursor: pointer;
cursor: hand;
}
.infoblokken .span4:hover {
opacity: 1;
filter: alpha(opacity=100); /* For IE8 and earlier */
}
/* PAKKET */
.pakket .span4{
opacity: 0.9;
filter: alpha(opacity=90); /* For IE8 and earlier */
cursor: pointer;
cursor: hand;
}
.pakket .span4:hover{
opacity: 1;
filter: alpha(opacity=100); /* For IE8 and earlier */
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel {
margin-bottom: 0px;/*60px;*/
}
.carousel .container {
position: relative;
z-index: 9;
}
.carousel-control {
height: 80px;
margin-top: 0;
font-size: 120px;
text-shadow: 0 1px 1px rgba(0,0,0,.4);
background-color: transparent;
border: 0;
z-index: 10;
background:url(imgs/arrows.png) no-repeat;
text-indent:-9999px;
width: 30px;
}
.carousel-control.right{
background-position: -30px 0px;
}
.carousel .item {
height: 590px;
}
.carousel img {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
height: 590px;
}
#carouselTeam.carousel img {min-width: 0;}
.carousel-caption {
background-color: transparent;
position: static;
padding: 0 20px;
margin-top: 200px;
}
.carousel-caption h1{ font-size: 50px}
.carousel-caption h1,
.carousel-caption .lead {
margin: 0;
line-height: 1.25;
color: #fff;
max-width: 650px;
}
.carousel-caption h1.sliderquote {
/*background-color: #223a54;*/
padding:10px;
}
.carousel-caption p {
margin-top:10px;
/*background-color: #223a54;*/
padding:10px;
}
.carousel-caption .btn {
margin-top: 10px;
}
/* RESPONSIVE CSS
-------------------------------------------------- */
@media (max-width: 979px) {
.container.navbar-wrapper {
margin-bottom: 0;
width: auto;
}
.navbar-inner {
border-radius: 0;
margin: -20px 0;
}
.carousel .item {
height: 500px;
}
.carousel img {
width: auto;
height: 500px;
}
}
@media (max-width: 767px) {
.navbar-inner {
margin: -20px;
}
.carousel {
margin-left: -20px;
margin-right: -20px;
}
.carousel .container {
}
.carousel .item {
height: 300px;
}
.carousel img {
height: 300px;
}
.carousel-caption {
width: 65%;
padding: 0 70px;
margin-top: 100px;
}
.carousel-caption h1 {
font-size: 30px;
}
.carousel-caption .lead,
.carousel-caption .btn {
font-size: 18px;
}
}
.blog .bluebox{
}
#wrapper{ width:1600px; margin:0 auto; }
.topimg{ /*height: 825px;*/ background-image: url(imgs/slide1.jpg); background-repeat: no-repeat; background-position: top center;}
.maincont{ padding: 20px 160px 0px 124px; position:relative; /*top: -200px;*/}
.page .maincont { margin-top:200px;}
.home .maincont { margin-top:0px;}
.blog .maincont { margin-top:200px;}
.single-post .maincont { margin-top:200px;}
.bluetxt{ color: #ef6530;}
.titleleft { float:left; padding: 10px 0px;}
.titleleft, .titleleft span{ font-size: 48px; font-weight: bold; text-transform: uppercase;}
.titleright{ float:right;}
.clear{ clear:both; }
.blueline{ width:170px; height:3px; background-color: #ef6530; margin-bottom: 13px;}
.colleft{ width: 595px; height: 172px; float:left; margin-right: 120px; line-height: 24px; font-size: 16px; color:#3C3C3C;}
.homeblock { height: 102px; border: 3px solid #ef6530; padding-top: 0px; padding-left: 135px; margin-bottom:10px;
background-repeat: no-repeat;}
.homeblock h4, .homeblock h5 {font-weight: normal;font-size: 1.3em; padding:10px;}
.homeblock a, .homeblock a:visited { color:#223a54; text-decoration: none;}
.homeblock:hover a {text-decoration: underline;}
.homeblock a:hover {text-decoration: underline;}
.homeblock:hover { cursor: pointer;}
.table th, .table td {border-top: none;}
.home6tb h2{ margin-top:0px;}
.fullimg {max-width: none;}
.first { background-image: url(imgs/block1.jpg);}
.second { background-image: url(imgs/block2.jpg);}
.third{ background-image: url(imgs/block3.jpg); margin-right: 0px;}
.tb6{ color:#3C3C3C;}
.tb6 .td { float:left; width: 30%;padding-top: 40px;padding-right: 24px; }
.tb6 .p24{ text-align: justify; line-height:24px;}
.tb6 .p24 div {font-size: 30px; font-weight: bold; margin-bottom: 35px; color:#000;}
.tb6 img {margin-right: 40px; margin-bottom: 60px;}
.links a{ text-decoration: none; color: black; font-weight:bold; margin-right: 20px; font-size: 1.3em; margin-bottom: 10px;}
.links .sel { color: #ef6530;}
.bluebox{ width: 100%; background-color: #223a54; padding: 5px 15px 15px 15px; margin-bottom: 10px;}
.bluebox a {
color:#000;
text-decoration: none;
}
.bluebox:hover { background-color: #3e638a;}
.bluebox .title { font-weight: bold; padding-left: 5px;}
.bluebox .title span { color: white; }
.bluebox td { font-weight: bold; font-size: 16px; padding-bottom: 5px;}
.bluebox td.w { color: white;}
.bluebox .wbtn{ background-color: white; height: 40px; padding-left:23px; padding-top: 15px; font-size: 1.5em;
-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; cursor: pointer; font-weight: bold;}
.bluebox .wbtn a{ text-decoration: none; font-size: 24px; font-weight: bold;}
ul.inlineul {margin-top:20px;}
ul.inlineul a {text-decoration: none;}
ul.inlineul i {font-size: 64px; line-height: 64px; display:inline; background-color: #ef6530; color: #813335; padding: 15px 36px; margin-left:20px;}
ul.inlineul i.active {color: white;}
ul.inlineul li {display:inline; list-style: none; margin-top:30px;}
.mtop10{margin-top: 20px;}
.teamlist {height: 790px; overflow: hidden;}
.teamlist div{ float:left; text-align:left;}
.teamdesc {width:573px; font-size: 16px; line-height:24px; color: #3C3C3C;}
.teamname { font-size: 20px; color: #ef6530; font-weight: bold;}
.teamdesc1{ margin-top: 10px; text-align: justify;}
.teaminfo, .teaminfo * {text-align:left; /*width: 280px;*/ line-height: 24px; color:#3C3C3C;}
.teamlist div.teaminfo b{line-height: 28px; font-size: 16px;color:#ef6530; font-style: italic;}
.blogitem{ margin-bottom: 10px;}
.blogtitle{ color: #ef6530; margin-bottom: 6px;margin-top:20px; font-weight: bold;}
.blogauthor{ font-weight: bold; margin-bottom: 20px; color: #1B1B1B;}
.blogsmallcont{ color: #3C3C3C; line-height: 24px; }
input, select, textarea, button {color: #aaaaaa;border-color: #aaaaaa !important;}
input, select, button, textarea { outline: none;}
.comment_form input[type="text"].input_field, #respond input[type="text"].input_field { float:left; width:32%; border-width:1px; border-style:solid; border-radius:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 50px; display: block; padding:0 10px; min-width:250px;}
.comment_form input[name="email"].input_field, #respond input[name="email"].input_field {margin:0 2%;}
.comment_form input[type="text"].input_field:focus,.comment_form textarea.textarea_field:focus, #respond input[type="text"].input_field:focus,#respond textarea.textarea_field:focus { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;}
.comment_form, #respond {padding: 0px;}
.contact_form.comment_form input[type="text"].input_field {width:100%; float: none; max-width:none;}
.contact_form input { float:left; width:100%; border-width:1px; border-style:solid; border-radius:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 50px; display: block; padding:0 10px; min-width:250px;}
.contact_form .gf_left_half {
width:50%;
float: left;
}
.contact_form .gf_right_half {
width:49%;
float: right;
}
.contact_form textarea {
font-size: inherit;line-height: inherit;clear: both;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;resize: none;width: 100%;padding: 10px;
height: 300px;overflow: auto; border: 1px solid #aaaaaa;}
}
#gform_submit_button_1 .gform_button {
background-color: #ef6530;
border: medium none;
border-radius: 8px;
color: white;
font-size: 16px;
font-weight: bold;
padding: 18px 25px;
}
.contact_form.comment_form .input_wrapper {float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:0 10px 0 0; width:50%;}
.contact_form.comment_form .input_wrapper:nth-child(even) { padding:0 0px 0 10px;}
.contact_info_single i {font-size:22px; line-height: 22px; padding: 8px 0px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default;}
.contact_form.comment_form select.input_field {width:100%;float: none;max-width:none;}
.comment_form select.input_field {float:none; width:100%; border:1px solid #888; border-radius:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 40px; font-size:16px; line-height: 16px; display: block; padding:0 10px; max-width:600px; height:50px;-webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url('images/dropdown.png'); background-position: center right; background-size: 50px 50px; background-repeat: no-repeat;}
input, textarea, select {font-family:inherit;font-weight: inherit;-moz-appearance: none;text-indent: 0.01px;text-overflow: '';}
/* contact form select mozilla fix */
.contact_form.comment_form .input_wrapper_select {float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0 10px 0 0;width: 50%;color: #aaa;height: 16px;}
.contact_form.comment_form .input_wrapper_select > div {border: 1px solid #888;padding:13px 10px 12px 10px;background-image: url('imgs/dropdown.png');background-position: center right;background-size: 50px 50px;background-repeat: no-repeat;transition: border-color 300ms;-webkit-transition: border-color 300ms;-mozetransition: border-color 300ms;-o-transition: border-color 300ms;-ms-transition: border-color 300ms;}
.contact_form.comment_form .input_wrapper_select select {width:100%;-webkit-appearance: none;-moz-appearance: none;appearance: none;border:none;background: transparent;}
.comment_form textarea.textarea_field, #respond textarea.textarea_field { font-size: inherit;line-height: inherit;clear: both;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;resize: none;width: 100%;padding: 10px;
height: 300px;overflow: auto; border: 1px solid #aaaaaa;}
.comment_form input[type="submit"],#respond input[type="submit"] {margin:0; font-size:14px; line-height: 14px; padding: 24px;border:1px solid transparent; background-color:transparent;}
.gform_wrapper ul {
padding-left:0px;
margin:0px;
}
.gform_wrapper li {
list-style-type: none !important;
}
.gform_wrapper .gfield_label {
display: none;
}
.float_right {float:right;}
.block {display:block;}
.comment_form input[type="submit"] {border-color: #aaaaaa;cursor: pointer;}
.gform_button, .orangesbtn {cursor: pointer;}
.margin-bottom20 {margin-bottom: 20px !important;}
.input_wrapper_select > div > select {height:23px;}
.bluebrd {border-color: #ef6530;}
.contact_form.comment_form .input_wrapper_select > div { border-color: #aaaaaa;}
.footer1{ background-color: #352734; margin-top:50px; padding-top: 30px;}
.footer_wrapper{/*padding: 20px 160px 20px 124px; width: 1330px; margin: 0 auto; padding: 0 0 50px; */}
/* .footer_wrapper .bluetxt{ font-weight: bold; font-size: 28px; line-height: 35px;} */
.footer_wrapper .topform {float:left; margin-right: 22px;}
.footer_wrapper .topform input {width:325px; height: 36px; padding-left: 15px; padding-top: 5px; margin-bottom: 10px;
background: -webkit-linear-gradient(#71686D, #C1BCB8) !important; background: -o-linear-gradient(#71686D, #C1BCB8) !important;
background: -moz-linear-gradient(#71686D, #C1BCB8) !important; background: linear-gradient(#71686D, #C1BCB8) !important;
border: 2px solid #9D9495 !important;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: white; font-size: 18px;}
.footer_wrapper .topbtn {float:right;}
.footer_wrapper .topbtn input {width: 400px; height:57px; background-image: url(imgs/orange_gradient.jpg);border: 4px solid #90878A !important;
-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; text-align:center; color: #824A31;font-size: 22px; }
.footer1 .confirmtxt {font-weight: normal; font-size: 18px; text-align: right;margin-top: 10px;}
.footer2 {background-color: #1D4658;padding: 20px 0px; /*margin-bottom: -30px;*/}
.footer3{background-color: #223a54;min-height: 749px; padding-top: 30px;}
.footer3 .title, .footer3 h2{color: white; font-weight: bold; font-size: 22px; margin-bottom: 10px; text-transform: uppercase; margin-top:0px;}
/*.footer3 .footer_wrapper > div {float:left; width: 400px; margin-right: 40px;}*/
.footer3 .whitetxt {color: white; font-size: 16px; line-height: 24px;}
.footer3 .nieuws ul {
border-top: 1px solid #ef6530;
margin-top: 25px;
padding-top: 10px;
width: 100%;
margin-left:0px;
}
.footer3 .nieuws li {
border-bottom: 1px solid #ef6530;
margin-bottom: 10px;
padding-bottom: 10px;
}
.tweetstb {margin-bottom: 10px;}
.tweetstb td { color: #746A51; text-shadow: 0 0 2px #ffffff; border-bottom: 1px dotted #A8D5EA; padding: 5px 0px; line-height: 24px;}
.tweetstb td span {color: #84CEE7; }
.missform input[type="text"], .missform textarea {width:95%;/*345px;*/ height: 46px; padding-left: 15px; padding-top: 5px;
background: -webkit-linear-gradient(#55AED6, #B6D7DC); background: -o-linear-gradient(#55AED6, #B6D7DC);
background: -moz-linear-gradient(#55AED6, #B6D7DC); background: linear-gradient(#55AED6, #B6D7DC);
border: 2px solid #B3BBBD !important;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: white; font-size: 18px;
margin-bottom: 25px;}
#gform_2.missform input[type="text"] {width: 345px;}
.missform input[type="submit"] {width: 100%;/*365px*/ height:57px; background-image: url(imgs/orange_gradient.jpg);border: 4px solid #7EC0E2 !important;
-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; text-align:center; color: white;font-size: 22px; opacity:1;
}
.missform input[type="submit"]:hover {width: 100%;/*365px*/ height:57px; background-image: url(imgs/orange_gradient_hover.jpg); opacity:0.9;}
#gform_2 input[type="submit"] {background-color: #ef6530; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; color: white; width: 230px;
text-align: center; padding: 12px 0px; font-weight: bold; font-size: 16px;margin: 0px auto; text-transform: uppercase;
cursor: pointer; border:2px solid #ef6530 !important;}
#gform_2 input[type="submit"]:hover {width: 300px; height:57px; background-image: url(imgs/orange_gradient_hover.jpg) !important; color:#fff;}
#gform_2 [class*="span"] { margin-left:0px;}
.missform input[type="text"].smallin {width:315px; }
.fleft {float:left;}
.fright {float:right;}
.copyr * { font-size: 13px; color: #9D9D9D; text-decoration: none;}
#header {position: fixed; top: 0px; left:0px; width:1316px; height: 150px; z-index: 2;}
#header .fleft {margin-top:30px}
#header .fright {margin-top: 63px;}
#header .fright .menu li{float:left; margin-left:50px; list-style-type: none; text-transform: uppercase;}
#header .fright a {color: black; font-weight: bold; text-decoration: none; font-size: 16px;}
.footer3 .footer_wrapper > div.contact_bottom {width:auto;}
.contact_bottom .secdiv {padding-left:100px}
.footer3 .footer_wrapper > div.bottom_wh{ width:auto;margin: 41px 0px;}
.missform textarea.textar{ width:387px; height:126px; }
.missform li.textar textarea { width:387px; height:126px; }
.orangbtn {width:409px}
.footer3 .footer_wrapper > div.missdiv { width:350px;}
.sidebox {
color: #fff;
}
.sidebox a {
color: #ef6530;
}
.bottom_wh {
/*display: inline-block; vertical-align: bottom;*/
position:absolute;
}
/* details page */
.wbg {background-color: white;}
.maindetails {top: 200px; margin-bottom:200px;}
.graytitle {color: #898989; font-size: 30px; font-weight: bold; margin-bottom: 10px; line-height: 30px;}
.detailtopleft {/*width: 837px; margin-right: 47px;*/}
.detailtopright{ /*width: 375px;*/ margin-top:70px;}
#detailsbody a{ color: #ef6530; text-decoration: none; }
.spacetext{line-height: 24px; font-size: 16px; }
.blktxt{ color: #223a54;}
.moreinfofrm input[type="text"] { /*width: 100%;*/ border: 1px solid #c4c4c4; padding: 15px 15px 12px 15px; color: #626262; margin-bottom: 24px;}
.orangesbtn, .comment_form input[type="submit"].orangesbtn, .contact_form input[type="submit"] { background-color: #ef6530; color: white; font-weight: bold; font-size: 16px; padding: 18px 25px; -webkit-border-radius: 8px;
-moz-border-radius: 8px; border-radius: 8px;border: none; width: auto; float:none;}
.orangesbtn:hover, .comment_form input[type="submit"]:hover.orangesbtn, .contact_form input[type="submit"]:hover{
opacity: 0.9;
}
input#gform_submit_button_5:hover { background-color: #db7008;}
input#gform_submit_button_5 { background-color: #ef6530; color: white; font-weight: bold; font-size: 16px; padding: 18px 25px; -webkit-border-radius: 8px;
-moz-border-radius: 8px; border-radius: 8px;border: none;}
.bluesbtn { background-color: #ef6530; color: white; font-weight: bold; font-size: 16px; padding: 18px 25px; -webkit-border-radius: 8px;
-moz-border-radius: 8px; border-radius: 8px;border: none;}
.bluesbtn:hover { opacity:0.9;}
.detailtopright table td{ padding: 6px 0px; font-weight: bold; font-size: 16px;}
.detailtopright table {margin-top:20px}
.detailtopright table td.bluetd{ color: #ef6530; padding-right: 10px;}
.contactman {}
.contactman table td{ padding: 5px 0px 17px 28px; font-weight: bold; color: #223a54; font-size: 18px;}
.contactman table td.bluetd { color: #ef6530;}
.withoutrad{ -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.mg56 {margin-left: 56px;}
.w50 {width: 50%;}
.ml20 {margin-left: 20px;}
.pdlw{ padding-left: 160px;}
.bldet {width: 260px;}
.detail_pics img{ float:left; margin-right: 28px; margin-top: 20px;}
.detailconbig{}
.grayline { width:100%; height: 1px; background-color: #aaaaaa;}
.footdet { top: 200px;}
.mgr0{ margin-right: 0px;}
#header {z-index:1001}
.carousel-caption h1.sliderquote { color: #fff; background-color:rgba(34, 58, 84, 0.4); -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; /*font-weight: bold; font-size: 50px; */}
.sliderauthor { font-weight: bold; font-size: 18px; }
.detail_main_pic{ /*height: 862px;*/}
.detail_main_pic li {list-style-type: none;}
.jcarousel {position: relative; overflow: hidden;}
.jcarousel-wrapper { margin: 0px auto; position: relative;}
.jcarousel ul { width: 20000em;position: relative;list-style: none; margin: 0; padding: 0;}
.jcarousel li { float: left; margin-right: 20px; width: 250px; height: 785px;}
/*.jcarousel.detail_main_pic li { margin-left: 40px;}*/
.jcarousel-control-prev {display: block;width: 30px;height: 80px;
background: url(imgs/arrows.png) no-repeat; text-indent: -9999px;border: 0;z-index: 1000;opacity: 0.7; position:absolute; top: 50%; left: 15px; margin-top: -15px;}
.jcarousel-control-prev:hover { opacity: 1;}
.jcarousel-control-next {display: block;width: 30px;height: 80px;
background: url(imgs/arrows.png) no-repeat;
text-indent: -9999px;border: 0;background-position: -30px 0; position:absolute; top: 50%; right: 15px; margin-top: -15px; z-index: 1000; opacity: 0.7;}
.jcarousel-control-next:hover { opacity: 1;}
.aftermenubar {height:170px;}
a.projcat:hover { color:#ef6530; text-decoration: underline; }
.blogitem { opacity: 0.9;}
.blogitem:hover { opacity: 1;}
/* Default page */
.page .span12 {
margin-left: 0px;
}
.single .span12 {
margin-left: 0px;
}
.entry-content-page {
margin-bottom:80px;
}
.page-template-default .span3 h3 {
text-transform: uppercase;
}
.page-template-default .span3 ul {
margin-left:0px;
}
.page-template-default .span3 li {
border-bottom: 1px solid #ef6530;
list-style-image: none;
list-style-type: none;
padding-bottom: 10px;
padding-top: 10px;
}
.page-template-default .span3 li:last-of-type {
border-bottom: 0px;
}
.page-template-default .span3 li a {
color: #223a54;
}
.page-template-default .span3 li a:hover {
color:#ef6530;
}
.page-template-default .span3 li.current_page_item {
color:#ef6530;
font-weight: bold;
}
/* Project detail */
div.ssba {
display: none;
margin-top: 30px;
}
.single-projecten div.ssba {
display: block;
}
.moreinfofrm_wrapper .gfield_select {
color: #626262;
height: 50px;
margin-bottom: 24px;
min-width: 236px;
padding-left: 15px;
padding-right: 15px;
width: auto !important;
}
/* Over ons */
.page-template-overons-php .span2 {
margin-left: 0px;
margin-right: 2.5641%;
}
.page-template-overons-php .span2:hover {
opacity: 0.8;
}
/* NEW DESIGN CHANGES - START */
.pakket .pakket-icon {
float: left;
width: 25%;
}
.pakket .greybox {
float: left;
margin-left: 55px;
position: relative;
top: -55px;
width: 75% !important;
}
.greybg { background-color: #fff; }
.rc1 { background-color: #fff; height: 50px; -webkit-border-bottom-right-radius: 60px 30px;
-moz-border-radius-bottom-right: 60px 30px; border-bottom-right-radius: 60px 30px; border-color: white;}
.rc2 { background-color: #ffffff; width: 20%; height: 30px; margin-top: 10px; -webkit-border-top-right-radius: 35px 25px;
-moz-border-radius-top-right: 35px 25px; border-top-right-radius: 35px 25px; -webkit-border-top-left-radius: 35px 25px;
-moz-border-radius-top-left: 35px 25px; border-top-left-radius: 35px 25px; padding-top: 10px;text-align:center;
position:relative; z-index: 2; left: -1px;}
.rc3 { background-color: #fff; height: 50px;-webkit-border-bottom-left-radius: 60px 30px;
-moz-border-radius-bottom-left: 60px 30px; border-bottom-left-radius: 60px 30px;}
.greybox { clear:both; background-color: white; width: 100%; height: 120px; /* -webkit-border-radius: 10px;
-moz-border-radius: 10px; border-radius: 10px; padding: 10px; text-align: center;
-webkit-box-shadow: 2px 2px 2px rgba(194,191,184,1);-moz-box-shadow: 2px 2px 2px rgba(194,191,184,1);box-shadow: 2px 2px 2px rgba(194,191,184,1) */;
}
.rc2 img {position: relative; top: 5px;}
.whitebg { background-color: white; width: 44%; height: 50px; float:left; position:relative; z-index: 1;}
.bwhitebg {background-color: #ef6530; width: 44%; height: 50px; float:left; position:relative; z-index: 1;}
.brc1 { background-color: #342633; height: 50px; -webkit-border-bottom-right-radius: 60px 30px;
-moz-border-radius-bottom-right: 60px 30px; border-bottom-right-radius: 60px 30px; border-color: white;}
.brc2 { background-color: #ef6530; width: 20%; height: 30px; margin-top: 10px; -webkit-border-top-right-radius: 35px 25px;
-moz-border-radius-top-right: 35px 25px; border-top-right-radius: 35px 25px; -webkit-border-top-left-radius: 35px 25px;
-moz-border-radius-top-left: 35px 25px; border-top-left-radius: 35px 25px; padding-top: 10px;text-align:center;
position:relative; z-index: 2; left: -1px;}
.brc3 { background-color: #342633; height: 50px;-webkit-border-bottom-left-radius: 60px 30px;
-moz-border-radius-bottom-left: 60px 30px; border-bottom-left-radius: 60px 30px;}
.bgreybox { clear:both; background-color: #ef6530; width: 100%; height: 100px; -webkit-border-radius: 10px;
-moz-border-radius: 10px; border-radius: 10px; padding: 10px; text-align: left;
/* -webkit-box-shadow: 2px 2px 2px #813335;-moz-box-shadow: 2px 2px 2px #813335;box-shadow: 2px 2px 2px #813335; */
}
.bgreybox > div{/*background-repeat: no-repeat; background-position: 20px 0px;*/ width: 100%; height: 100px; color: white;font-size: 50px;margin-top: 40px;
margin-left: 10px; }
.bgreybox h5 {/*margin-left:100px;margin-top: 20px;*/margin-left: 80px;margin-top: -45px;}
.bgreybox a{ color: white; font-weight: normal; text-decoration: none;}
.brc2 .circle { background: white; margin-left: 8px; border-radius: 50%; width: 40px; height: 40px;}
.brc2 .circle:after{content: "\00BB"; font-size: 32px; font-weight: 800; color: #ef6530; -ms-transform: rotate(90deg); /* IE 9 */
-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
transform: rotate(90deg); display: inline-block;margin-top: 10px;
margin-left: 5px;}
.greybox h2 {color: #ef6530;}
.whitebg.rig, .bwhitebg.rig {width: 36%; left:-2px;}
.blueline{ height: 2px;}
body.home .blueline { }
.dgreybg {
background-color: #223a54;
}
.dgreybg.home {
background-color: #fff;
}
.dgreybg.home h1 {
color:#223a54;
}
.dgreybg.home .teamdesc {
color:#223a54;
}
.dgreybg h1 { color: #eeeeee;}
.dgreybg .links a {color: #eeeeee;}
.dgreybg .links a.sel {color: #ef6530 !important;}
.greybg .m10 {}
.greybg .span4 > div, .dgreybg .span4 > div {max-width: 293px; /* margin: 10px auto; */}
.dgreybg #projectsArea .span4 > div {max-width: 100% !important;}
#projectsArea .homeblock{ background-color: white;}
.obtn { background-color: #ef6530; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; color: white; width: 230px;
text-align: center; padding: 12px 0px; font-weight: bold; font-size: 16px; text-transform: uppercase;
cursor: pointer; border:2px solid #ef6530 !important; opacity:1;}
.obtn:hover { opacity:0.9; text-decoration: none;}
a.projbtn{
text-decoration: none;
}
.obtn a {
color:#fff;
text-decoration: none;
}
.teamdesc {margin: 0px auto;}
.dgreybg .teamdesc {color: #eeeeee; }
.blogcont{position: relative; bottom: 60px; left: 0px; opacity: 1; padding: 10px 0px; height: 40px;}
.blogtitle {margin:0px; background-color: #313747;}
.blogsmallcont {opacity: 1; color: white; display:none; background-color: #313747;}
.contact_form input[type="submit"] {background-color: #ef6530; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; color: white; width: 230px;
text-align: center; padding: 12px 0px; font-weight: bold; font-size: 16px;margin: 0px auto; text-transform: uppercase;
cursor: pointer; border:2px solid #ef6530 !important; opacity:1;}
.contact_form input[type="submit"]:hover {opacity: 0.9; }
.footer1 {margin-top: 0px;}
.footer1, .footer2 {background-color: #223a54;}
/* .footer1 .bluetxt, .footer2 .bluetxt {color: white;} */
.footer1 .bluetxt.homeblock.first {
background-color: #fff;
color:#000;
text-transform: uppercase;
font-weight: bold;
font-size: 22px;
line-height: 100px;
}
.missform input[type="text"], .missform textarea { background: white !important; border: none !important; color:#000;}
#gform_2 input[type="submit"], #gform_2 input[type="submit"]:hover, .missform input[type="submit"] { background-image: none !important;
-webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; float: right;
text-align: center; padding: 12px 0px; font-weight: bold; font-size: 16px;margin: 0px auto; text-transform: uppercase; border: none !important; width:100%; max-width:330px;}
.footer2 .container {}
#gform_submit_button_3 { background-image: none !important; background-color: #ef6530 !important;
-webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; color: #fff !important;
text-align: center; padding: 12px 0px; font-weight: bold; font-size: 16px;margin: 0px auto; text-transform: uppercase; border: none !important; width:100% !important; max-width:100% !important;}
.footer2 .container .footer_wrapper {
background-color: #223a54;
float: left;
width: 100%;
}
.footer2_before {background-color:#223a54; left: -60px;}
.footer2_after {background-color:#223a54; right: 60px;}
.footer2_before, .footer2_after{ background-repeat: no-repeat; width: 60px; height: 68px; float:left;}
/* .footer2 .footer_wrapper .bluetxt {font-size: 20px; line-height: 16px; padding: 29px 20px 18px;} */
.footer2 h1 {
color:#fff;
text-transform: uppercase;
}
#twitter-widget-0 {
position: relative;
top: 5px;
}
.fb_iframe_widget {
display: inline-block;
margin-right: 20px;
position: relative;
}
.footer3 .fb_iframe_widget {
background-color: #fff;
display: inline-block;
position: relative;
width: 75%;
}
.footer3 .fb_iframe_widget span {
display: inline-block;
position: relative;
text-align: justify;
width: 100% !important;
}
.footer3 .fb_iframe_widget iframe {
position: absolute;
width:100% !important;
background-color: #fff;
border:3px solid #ef6530 !important;
}
._4s7c {
border: 0px !important;
}
.nav > li > a > img {
margin-top: -5px;
max-width: none;
}
.address1 .obtn {
width:100% !important;
}
.orangeline{ background-color: #ef6530; height: 1px; width: 100%; margin: 20px 0px;}
.orgtext{ color: #ef6530;}
.comments_wrapper .single_comment {position: relative;-ms-box-sizing: border-box;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;box-sizing: border-box;width: 100%;padding-top: 36px;}
.comments_wrapper li{margin: 0; list-style: none; color: white;}
.darkone_div_comment {position: relative;padding-left: 136px;}
.border-box {-ms-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.comments_wrapper .single_comment .avatar {display: block;position: absolute;top: 0;left: 0;width: 100px;height: 100px;}
.fbuilder_column img {max-width: 100%;height: auto;}
.darkone_container img {max-width: 100%;}
.darkone_comment_bubble {}
.darkone_comment_bubble {position: relative;padding: 15px;}
.darkone_comment_bubble:before {position: absolute;top: 45px;left: -20px;border: 10px solid transparent;content: '';}
.darkone_comment_bubble:before {border-right-color: #223a54;}
.margin-bottom6 {margin-bottom: 6px !important;}
.uppercase {text-transform: uppercase;}
.darkone_comment_edit {position: absolute;top: 15px;right: 15px;font-weight: bold;line-height: 14px;}
.tagcloud { margin-bottom: -3px;clear: both;}
.tagcloud a {background-color: #223a54;color: #ffffff;font-weight: bold;padding: 6px 10px 8px 10px;display: inline-block !important;
margin-bottom: 3px;list-style: none;font-size: 14px !important; }
.tagcloud a:hover {transition: all 300ms !important; background-color: #ef6530; text-decoration: none;}
.recent_blogs h3 { margin-top: 0px; line-height: normal;}
a.bluelink{ text-decoration: none; color: #223a54;}
a.bluelink:hover{ text-decoration: none; color: #ef6530;}
.blog_title {position: relative; left: 0px; top: -50px; background-color: #313747; opacity: 0.8;}
.blog_title h2{ color: #ef6530;}
.blogitem{ color: white;}
.dropdown-menu .sub-menu {
left: 100%;
position: absolute;
top: 0;
visibility: hidden;
margin-top: -1px;
}
.dropdown-menu li:hover .sub-menu {
visibility: visible;
}
.dropdown:hover .dropdown-menu {
display: block;
}
.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
margin-top: 0;
}
.navbar .sub-menu:before {
border-bottom: 7px solid transparent;
border-left: none;
border-right: 7px solid rgba(0, 0, 0, 0.2);
border-top: 7px solid transparent;
left: -7px;
top: 10px;
}
.navbar .sub-menu:after {
border-top: 6px solid transparent;
border-left: none;
border-right: 6px solid #fff;
border-bottom: 6px solid transparent;
left: 10px;
top: 11px;
left: -6px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
color: #ffffff;
text-decoration: none;
background-color: #0081c2;
background-image: -moz-linear-gradient(top, #ef6530, #c05c36);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ef6530), to(#c05c36));
background-image: -webkit-linear-gradient(top, #ef6530, #c05c36);
background-image: -o-linear-gradient(top, #ef6530, #c05c36);
background-image: linear-gradient(to bottom, #ef6530, #c05c36);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef6530', endColorstr='#ff0077b3', GradientType=0);
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
color: #ffffff;
text-decoration: none;
background-color: #0081c2;
background-image: -moz-linear-gradient(top, #ef6530, #c05c36);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ef6530), to(#c05c36));
background-image: -webkit-linear-gradient(top, #ef6530, #c05c36);
background-image: -o-linear-gradient(top, #ef6530, #c05c36);
background-image: linear-gradient(to bottom, #ef6530, #c05c36);
background-repeat: repeat-x;
outline: 0;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef6530', endColorstr='#c05c36', GradientType=0);
}
/* NEW DESIGN CHANGES - END */
#smallSearch {display:none;}
/*
@media screen and (max-width: 1440px) {
.bluebox.mgr0{ }
.bluebox{ width: 320px;}
.bluebox .wbtn { width: 295px;}
#projectsArea ul.inlineul i {margin-left:0px;}
.colleft { width: 555px; margin-right: 20px;}
.homeblock {width: 210px; margin-right:10px; font-size: 1.3em;}
.homeblock a {font-size: 1.0em;}
.jcarousel li {margin-right: 0px; width: 300px;}
.blogitem {width: 350px;}
.blogitem img { width: 350px; height:auto;}
.detailtopright { width:200px;}
.maindetails .w50{width:40%;}
}
@media screen and (max-width: 1366px) {
.maincont {padding-left: 100px; padding-right: 100px;}
}
@media screen and (max-width: 1280px) {
.detailtopleft {margin-right: 20px;}
#header {width: 1200px;}
.homeblock {width:200px;}
.jcarousel-control-next{right: 50px;}
.colleft {width: 520px;}
.bluebox {width:300px;}
.bluebox td {font-size: 14px;}
.bluebox .wbtn{width: 275px;}
.jcarousel li {width: 280px;}
.blogitem {width: 325px;}
.blogitem img { width: 325px; height:auto;}
}
*/
@media screen and (max-width: 1060px) {
.contact_bottom .secdiv {padding-left:30px}
.homeblock a, .homeblock h4, .homeblock h5{ font-size: 1em;}
.blogcont {width: 100%;}
}
/*
#wrapper { width:100%; }
#header {width: 100%; padding-left: 0px; padding-right: 0px;}
#header .fleft {margin-top:10px; }
#header .fleft img {width: 100%;}
.header_verify{display:none;}
.maincont { padding-left: 10px; padding-right: 10px;}
.homeblock { width: 180px; margin: 10px 0px; }
.homeblock a {font-size: 1em;}
.tb6 .td {width: 45%}
.footer_wrapper { width: 100%;}
.footer_wrapper .topbtn {float:left;}
.footer1 .confirmtxt {text-align: left;}
.footer1, .footer2, .footer3 {padding-left: 10px;}
.footer3 .footer_wrapper > div.contact_bottom { margin-top: 10px;}
.footer3 {height: 700px;}
.contact_bottom .secdiv {padding-left: 0px;}
.teamdesc, .colleft {width: 100%; height: auto;}
.tb6 .p24 div{ font-size: 1.5em; margin-bottom: 10px;}
.pdlw {padding-left: 10px;}
.detailtopleft {width: 70%;}
.detailtopleft img {width: 100%;}
.mg56 { }
.w50 {width: 100%;}
.detail_main_pic img, .divimg img{width: 100%}
.mgr0{ margin-right: 25px;}
.detailconbig{width: 100%;}
.scrw70 {width: 60%;}
.titleleft {font-size: 2em;}
.titleleft span.bluetxt {font-size: 1em;}
.sliderquote{ font-size: 1.5em;}
.sliderauthor{font-size: 1em;}
#header .fright{margin-top: 10px;}
#header .fright .menu li{margin-left:20px;}
#header .fright a {font-size: 1em;}
#gform_2 input[type="submit"], .missform input[type="text"] {width: 280px;}
.footer3 .footer_wrapper > div, .footer3 .footer_wrapper > div.missdiv{ width:30%;}
#footer_contact_right .missform input[type="submit"] {width:250px;}
.missform input[type="submit"] { width: 300px;}
.missform li.textar textarea {width:250px;}
.bottom_wh img {width: 300px;}
.blogitem {width: 300px;}
.blogitem img { width: 300px; height:auto;}
.maindetails .fleft.ml20.divimg {width:49%}
}*/
@media screen and (max-width: 1024px) {
.footer2 .container .footer_wrapper {width: 70%;}
}
/* .homeblock {width:180px; margin: 10px 5px 10px 0px;}
.teamlist div.teaminfo * {width: 250px;}
.jcarousel li {width: 250px;}
}*/
@media screen and (max-width: 979px) {
#bigSearch {display:none;}
#smallSearch {display:block;}
.footer1 .bluetxt.homeblock.first {font-size: 1.5em; line-height: 30px;}
}
@media screen and (max-width: 768px) {
.contact_bottom .secdiv {padding-left:0px}
.missform input[type="text"], .missform textarea, #gform_2 input[type="submit"], .missform input[type="submit"] { width: 90%;}
.missform li.textar textarea {width:90%}
.footer1, .footer2, .footer3 { padding: 20px 10px;}
.navbar-inner img { width: 100%;}
.navbar-inner img#phoneImg { width: auto;}
.navbar-inner img#phoneImg:hover {opacity: 0.7;}
.navbar-inner .fleft {width:150px;}
.navbar-inner .fright {width: 150px;}
.carousel-caption h1 { font-size: 1.5em;}
.carousel-caption p { font-size: 1em;}
.homeblock a, .homeblock h4{ font-size: 1em;}
.footer1 .bluetxt.homeblock.first {font-size: 1em; line-height: 20px;}
.contact_form input { min-width:100%;}
#gform_2.missform input[type="text"] {width: 90%;}
.footer2 .container .footer_wrapper {width: 70%;}
.bottom_wh img {
display: none;
}
.bgreybox {
background-color: #ef6530;
border-radius: 10px;
clear: both;
height: 100px;
margin: 10px;
padding: 1%;
text-align: left;
width: auto;
}
}
/*
.tb6 .td {width: 100%}
.homeblock{ width: 50%; font-size: 1em;}
.homeblock a { font-size: 1em;}
.bluebox {width: 90%; height: auto;}
.bluebox img {width: 95%;}
.bluebox .wbtn {width: 80%; }
.bluebox .wbtn a{font-size: 1em;}
.bluebox .title, .bluebox table td { font-size: 1em}
.blogitem, .blogitem img {width: 95%;}
.footer_wrapper .topform input {width: 95%;}
.footer_wrapper .topbtn input {width: 100%;}
.missform input[type="text"], .missform textarea,.missform input[type="submit"],
.footer3 .footer_wrapper > div.missdiv, .missform input[type="text"].smallin {width: 90%}
.missform textarea.textar, .orangbtn {width: 100%}
.footer3 {height: 1612px;}
.footer3 .footer_wrapper > div.bottom_wh img{ width: 100%}
.footer3 table{ width: 80%;}
.scrw70 {width: 60%;}
.titleleft, .titleleft span{font-size: 2em;}
.graytitle{ font-size: 1.5em;}
#header .fleft img {width: 50%;}
.sliderquote{ font-size: 1.5em;}
.sliderauthor{font-size: 1em;}
#header .fright{margin-top: 10px;}
#header .fright .menu li{margin-left:20px;}
#header .fright a {font-size: 1em;}
}
*/
@media screen and (max-width: 480px) {
.footer2_before, .footer2_after{ display:none;}
.footer2 .container .footer_wrapper { border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
.footer2 .container .footer_wrapper {width: 100%;}
.footer2 .footer_wrapper .bluetxt {padding-left: 10px;}
.detail_main_pic, .detail_main_pic li {
max-height: 175px;
}
}
@media screen and (max-width: 320px) {
}
/* #header .fright {display:none;}
.header_verify{display:block;}
.bluebox .wbtn a{font-size: 0.8em;}
.sliderquote{ font-size: 0.8em;}
.sliderauthor{font-size: 0.7em;}
}*/