@charset "UTF-8";
@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}
 @font-face {
font-family: 'fontello';
src: url(//www.duurzaambouwmetaal.nl/wp-content/themes/better/font/fontello.eot?39128225);
src: url(//www.duurzaambouwmetaal.nl/wp-content/themes/better/font/fontello.eot?39128225#iefix) format('embedded-opentype'),
url(//www.duurzaambouwmetaal.nl/wp-content/themes/better/font/fontello.woff?39128225) format('woff'),
url(//www.duurzaambouwmetaal.nl/wp-content/themes/better/font/fontello.ttf?39128225) format('truetype'),
url(//www.duurzaambouwmetaal.nl/wp-content/themes/better/font/fontello.svg?39128225#fontello) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="krown-icon-"]:before, [class*=" krown-icon-"]:before, .post-meta li:before, .me-buttons a:before, .me-buttons span:before, .swiper-nav a:before, .close-btn-special:before, .close-btn-special:after {
font-family: 'fontello';
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
font-variant: normal;
text-transform: none;
}
.krown-icon-about_us:before { content: '\e86e'; } .krown-icon-comment-alt:before { content: '\e886'; } .krown-icon-contacts:before { content: '\e86c'; } .krown-icon-elements:before { content: '\e86b'; } .krown-icon-services:before { content: '\e86a'; } .krown-icon-skills:before { content: '\e869'; } .krown-icon-settings:before { content: '\e868'; } .krown-icon-bubble:before { content: '\e867'; } .krown-icon-tag-2:before { content: '\e866'; } .krown-icon-case:before { content: '\e865'; } .krown-icon-share-1:before { content: '\e864'; } .krown-icon-arrow_left:before { content: '\e863'; } .krown-icon-arrow_right:before { content: '\e862'; } .krown-icon-grid:before { content: '\e861'; } .krown-icon-gallery-1:before { content: '\e860'; } .krown-icon-date:before { content: '\e85e'; } .krown-icon-emo-happy:before { content: '\e8a6'; } .krown-icon-emo-wink:before { content: '\e8a7'; } .krown-icon-emo-wink2:before { content: '\e8a8'; } .krown-icon-emo-unhappy:before { content: '\e8a9'; } .krown-icon-emo-sleep:before { content: '\e8aa'; } .krown-icon-emo-thumbsup:before { content: '\e8b2'; } .krown-icon-emo-surprised:before { content: '\e8b7'; } .krown-icon-emo-tongue:before { content: '\e8b6'; } .krown-icon-emo-coffee:before { content: '\e8b3'; } .krown-icon-emo-sunglasses:before { content: '\e8b5'; } .krown-icon-emo-displeased:before { content: '\e8ac'; } .krown-icon-emo-beer:before { content: '\e8ab'; } .krown-icon-emo-grin:before { content: '\e8ad'; } .krown-icon-emo-angry:before { content: '\e8ae'; } .krown-icon-emo-saint:before { content: '\e8af'; } .krown-icon-emo-cry:before { content: '\e8b0'; } .krown-icon-emo-squint:before { content: '\e8b1'; } .krown-icon-emo-laugh:before { content: '\e8b4'; } .krown-icon-spin4:before { content: '\e888'; } .krown-icon-spin6:before { content: '\e887'; } .krown-icon-firefox:before { content: '\e880'; } .krown-icon-chrome:before { content: '\e881'; } .krown-icon-opera:before { content: '\e882'; } .krown-icon-ie:before { content: '\e883'; } .krown-icon-crown:before { content: '\e884'; } .krown-icon-star:before { content: '\2605'; } .krown-icon-camera-alt:before { content: '\e85f'; } .krown-icon-ok:before { content: '\2713'; } .krown-icon-cancel:before { content: '\2715'; } .krown-icon-plus:before { content: '\2b'; } .krown-icon-minus:before { content: '\2d'; } .krown-icon-home:before { content: '\2302'; } .krown-icon-link:before { content: '\f517'; } .krown-icon-eye:before { content: '\e70a'; } .krown-icon-flag:before { content: '\2691'; } .krown-icon-thumbs-up-alt:before { content: '\e86f'; } .krown-icon-thumbs-down-alt:before { content: '\e870'; } .krown-icon-download:before { content: '\f4e5'; } .krown-icon-upload:before { content: '\f4e4'; } .krown-icon-download-cloud:before { content: '\f0ed'; } .krown-icon-upload-cloud:before { content: '\f0ee'; } .krown-icon-reply:before { content: '\f112'; } .krown-icon-forward:before { content: '\27a6'; } .krown-icon-quote-left:before { content: '\f10d'; } .krown-icon-quote-right:before { content: '\f10e'; } .krown-icon-pencil-1:before { content: '\e800'; } .krown-icon-gamepad:before { content: '\e871'; } .krown-icon-chat:before { content: '\e720'; } .krown-icon-bell-alt:before { content: '\f0f3'; } .krown-icon-location:before { content: '\e724'; } .krown-icon-phone:before { content: '\f4de'; } .krown-icon-cog:before { content: '\2699'; } .krown-icon-wrench:before { content: '\f527'; } .krown-icon-calendar:before { content: '\f4c5'; } .krown-icon-login:before { content: '\e740'; } .krown-icon-logout:before { content: '\e741'; } .krown-icon-volume-up:before { content: '🔊'; } .krown-icon-headphones:before { content: '\f3a7'; } .krown-icon-lightbulb:before { content: '\f0eb'; } .krown-icon-block:before { content: '\f6ab'; } .krown-icon-resize-full:before { content: '\e744'; } .krown-icon-resize-full-alt:before { content: '\f0b2'; } .krown-icon-resize-small:before { content: '\e746'; } .krown-icon-resize-vertical:before { content: '\2b0c'; } .krown-icon-resize-horizontal:before { content: '\2b0d'; } .krown-icon-move:before { content: '\f047'; } .krown-icon-down-circle2:before { content: '\e758'; } .krown-icon-up-circle2:before { content: '\e75b'; } .krown-icon-down-open-1:before { content: '\e88e'; } .krown-icon-left-open-1:before { content: '\e88c'; } .krown-icon-right-open-1:before { content: '\e88b'; } .krown-icon-up-open-1:before { content: '\e88d'; } .krown-icon-cw:before { content: '\27f3'; } .krown-icon-award:before { content: '\f3c9'; } .krown-icon-desktop:before { content: '\f108'; } .krown-icon-laptop:before { content: '\f109'; } .krown-icon-inbox:before { content: '\e777'; } .krown-icon-globe:before { content: '\f30e'; } .krown-icon-cloud:before { content: '\2601'; } .krown-icon-umbrella:before { content: '\2602'; } .krown-icon-flight:before { content: '\2708'; } .krown-icon-leaf:before { content: '\f342'; } .krown-icon-briefcase:before { content: '\f4bc'; } .krown-icon-off:before { content: '\e78e'; } .krown-icon-road:before { content: '\e78f'; } .krown-icon-book:before { content: '\f4d5'; } .krown-icon-ajust:before { content: '\e793'; } .krown-icon-tint:before { content: '\e794'; } .krown-icon-asterisk:before { content: '\2731'; } .krown-icon-gift:before { content: '\f381'; } .krown-icon-fire:before { content: '\f525'; } .krown-icon-key:before { content: '\f511'; } .krown-icon-rocket-1:before { content: '\e813'; } .krown-icon-certificate:before { content: '\f0a3'; } .krown-icon-filter:before { content: '\f0b0'; } .krown-icon-beaker:before { content: '\f0c3'; } .krown-icon-magic:before { content: '\f0d0'; } .krown-icon-truck:before { content: '\f69a'; } .krown-icon-euro:before { content: '\e874'; } .krown-icon-pound:before { content: '\e872'; } .krown-icon-dollar:before { content: '\e873'; } .krown-icon-hammer:before { content: '\f528'; } .krown-icon-gauge:before { content: '\f0e4'; } .krown-icon-sitemap:before { content: '\f0e8'; } .krown-icon-beer:before { content: '\f0fc'; } .krown-icon-extinguisher:before { content: '\e875'; } .krown-icon-pagelines:before { content: '\e876'; } .krown-icon-xing:before { content: '\e812'; } .krown-icon-note-beamed:before { content: '\266b'; } .krown-icon-search:before { content: '\f50d'; } .krown-icon-flashlight:before { content: '\f526'; } .krown-icon-heart-1:before { content: '\e807'; } .krown-icon-user-1:before { content: '\e804'; } .krown-icon-users-1:before { content: '\e805'; } .krown-icon-video:before { content: '🎬'; } .krown-icon-picture-1:before { content: '\e80d'; } .krown-icon-camera:before { content: '📷'; } .krown-icon-plus-1:before { content: '\e80e'; } .krown-icon-minus-1:before { content: '\e80f'; } .krown-icon-link-1:before { content: '🔗'; } .krown-icon-thumbs-up:before { content: '\f44d'; } .krown-icon-thumbs-down:before { content: '\f44e'; } .krown-icon-quote:before { content: '\275e'; } .krown-icon-feather:before { content: '\2712'; } .krown-icon-print:before { content: '\e716'; } .krown-icon-bell:before { content: '\f514'; } .krown-icon-compass:before { content: '\e728'; } .krown-icon-book-open:before { content: '📖'; } .krown-icon-rss:before { content: '\e73a'; } .krown-icon-tools:before { content: '\2692'; } .krown-icon-share:before { content: '\e73c'; } .krown-icon-basket:before { content: '\e73d'; } .krown-icon-bag:before { content: '\f45c'; } .krown-icon-calendar-1:before { content: '📅'; } .krown-icon-mic:before { content: '\f3a4'; } .krown-icon-mute:before { content: '\f507'; } .krown-icon-sound:before { content: '\f50a'; } .krown-icon-hourglass:before { content: '\23f3'; } .krown-icon-lamp:before { content: '\f4a1'; } .krown-icon-block-1:before { content: '\e877'; } .krown-icon-down-open:before { content: '\e88a'; } .krown-icon-left-open:before { content: '\e75d'; } .krown-icon-right-open:before { content: '\e75e'; } .krown-icon-up-open:before { content: '\e889'; } .krown-icon-right-open-mini:before { content: '\e762'; } .krown-icon-palette:before { content: '\f3a8'; } .krown-icon-trophy:before { content: '\f3c6'; } .krown-icon-blog:before { content: '\e86d'; } .krown-icon-mobile:before { content: '\f4f1'; } .krown-icon-network:before { content: '\e776'; } .krown-icon-globe-1:before { content: '\e801'; } .krown-icon-flash-1:before { content: '\e803'; } .krown-icon-moon:before { content: '\263d'; } .krown-icon-paper-plane:before { content: '\e79b'; } .krown-icon-brush:before { content: '\e79a'; } .krown-icon-magnet-1:before { content: '\e802'; } .krown-icon-chart-area:before { content: '\f53e'; } .krown-icon-tape:before { content: '\2707'; } .krown-icon-graduation-cap:before { content: '\f393'; } .krown-icon-clipboard:before { content: '\f4cb'; } .krown-icon-megaphone:before { content: '\f4e3'; } .krown-icon-bucket:before { content: '\e756'; } .krown-icon-thermometer:before { content: '\e757'; } .krown-icon-rocket:before { content: '\f680'; } .krown-icon-github:before { content: '\e80b'; } .krown-icon-flickr:before { content: '\e808'; } .krown-icon-vimeo:before { content: '\f306'; } .krown-icon-twitter:before { content: '\f309'; } .krown-icon-facebook-squared:before { content: '\e809'; } .krown-icon-gplus:before { content: '\e80a'; } .krown-icon-pinterest:before { content: '\f312'; } .krown-icon-tumblr:before { content: '\f315'; } .krown-icon-linkedin:before { content: '\f318'; } .krown-icon-stumbleupon:before { content: '\f31e'; } .krown-icon-lastfm:before { content: '\f321'; } .krown-icon-instagram-1:before { content: '\e89e'; } .krown-icon-evernote:before { content: '\f333'; } .krown-icon-picasa:before { content: '\f345'; } .krown-icon-behance:before { content: '\f34e'; } .krown-icon-google-circles:before { content: '\f351'; } .krown-icon-pencil:before { content: '\270e'; } .krown-icon-stopwatch:before { content: '\e8a4'; } .krown-icon-lightbulb-2:before { content: '\e8a3'; } .krown-icon-mobile-1:before { content: '📱'; } .krown-icon-globe-alt:before { content: '\e87e'; } .krown-icon-drizzle:before { content: '\e852'; } .krown-icon-snow:before { content: '\e851'; } .krown-icon-leaf-1:before { content: '\e855'; } .krown-icon-temperatire:before { content: '\e853'; } .krown-icon-chart:before { content: '📈'; } .krown-icon-chart-bar:before { content: '📊'; } .krown-icon-chart-pie-1:before { content: '\e7a2'; } .krown-icon-scissors:before { content: '\e879'; } .krown-icon-wine:before { content: '\e87a'; } .krown-icon-coffee:before { content: '\e87c'; } .krown-icon-beer-1:before { content: '\e87b'; } .krown-icon-anchor-outline:before { content: '\e87d'; } .krown-icon-tree:before { content: '\e854'; } .krown-icon-looped-square-interest:before { content: '\e878'; } .krown-icon-eye-1:before { content: '\e811'; } .krown-icon-comment-1:before { content: '\e80c'; } .krown-icon-play:before { content: '\e850'; } .krown-icon-umbrella-1:before { content: '\e87f'; } .krown-icon-mail:before { content: '\2709'; } .krown-icon-cancel-1:before { content: '\e810'; } .krown-icon-tablet:before { content: '\e7b1'; } .krown-icon-cloud-2:before { content: '\e88f'; } .krown-icon-cloud-flash:before { content: '\e890'; } .krown-icon-cloud-flash-alt:before { content: '\e891'; } .krown-icon-drizzle-1:before { content: '\e892'; } .krown-icon-rain:before { content: '\e893'; } .krown-icon-windy:before { content: '\e894'; } .krown-icon-windy-rain:before { content: '\e895'; } .krown-icon-snow-1:before { content: '\e896'; } .krown-icon-snow-alt:before { content: '\e897'; } .krown-icon-snow-heavy:before { content: '\e898'; } .krown-icon-hail:before { content: '\e899'; } .krown-icon-clouds:before { content: '\e89a'; } .krown-icon-clouds-flash:before { content: '\e89b'; } .krown-icon-heart-broken:before { content: '\e8a2'; } .krown-icon-user-male:before { content: '\e815'; } .krown-icon-clock-2:before { content: '\e816'; } .krown-icon-ccw:before { content: '\f025'; } .krown-icon-vector-pencil:before { content: '\f046'; } .krown-icon-fire-station:before { content: '\e817'; } .krown-icon-giraffe:before { content: '\e856'; } .krown-icon-grocery-store:before { content: '\e81e'; } .krown-icon-harbor:before { content: '\e81f'; } .krown-icon-heliport:before { content: '\e820'; } .krown-icon-religious-jewish:before { content: '\e831'; } .krown-icon-school:before { content: '\e834'; } .krown-icon-skiing:before { content: '\e836'; } .krown-icon-swimming:before { content: '\e838'; } .krown-icon-aim:before { content: '\e89c'; } .krown-icon-delicious:before { content: '\23'; } .krown-icon-digg:before { content: '\3b'; } .krown-icon-youtube:before { content: '\55'; } .krown-icon-email:before { content: '\5d'; } .krown-icon-steam:before { content: '\e8a5'; } .krown-icon-dropbox:before { content: '\e8a0'; } .krown-icon-soundcloud:before { content: '\e89f'; } .krown-icon-instagram:before { content: '\e89d'; } .krown-icon-facebook:before { content: '\e885'; } .krown-icon-group:before { content: '\e8a1'; } .krown-icon-th:before { content: '\e814'; } .krown-icon-tag-1:before { content: '\e806'; } .krown-icon-tags-1:before { content: '\e818'; } .krown-icon-pencil-2:before { content: '\e068'; } .krown-icon-phone-1:before { content: '\e065'; } .krown-icon-volume:before { content: '\e033'; } .krown-icon-book-1:before { content: '\e0f5'; } .krown-icon-fire-2:before { content: '\e85c'; } .krown-icon-magnet:before { content: '\e85d'; } .krown-icon-megaphone-2:before { content: '\e859'; } .krown-icon-hdd:before { content: '\e858'; } .krown-icon-key-2:before { content: '\e857'; } .krown-icon-male:before { content: '\e85a'; } .krown-icon-female:before { content: '\e85b'; } .krown-icon-digg-1:before { content: '\e0c5'; } .krown-icon-dribbble:before { content: '\e0c2'; } .krown-icon-skype:before { content: '\e037'; } .krown-icon-music:before { content: '\e819'; } .krown-icon-search-1:before { content: '\e81a'; } .krown-icon-mail-1:before { content: '\e81b'; } .krown-icon-heart:before { content: '\e81c'; } .krown-icon-star-1:before { content: '\e81d'; } .krown-icon-user:before { content: '\e821'; } .krown-icon-videocam:before { content: '\e824'; } .krown-icon-camera-1:before { content: '\e822'; } .krown-icon-photo:before { content: '\e823'; } .krown-icon-attach:before { content: '\e825'; } .krown-icon-lock:before { content: '\e826'; } .krown-icon-eye-2:before { content: '\e829'; } .krown-icon-tag:before { content: '\e827'; } .krown-icon-thumbs-up-1:before { content: '\e828'; } .krown-icon-pencil-3:before { content: '\e82a'; } .krown-icon-comment-2:before { content: '\e82b'; } .krown-icon-location-1:before { content: '\e83f'; } .krown-icon-cup:before { content: '\e83e'; } .krown-icon-trash:before { content: '\e83d'; } .krown-icon-doc:before { content: '\e83b'; } .krown-icon-note:before { content: '\e83a'; } .krown-icon-cog-1:before { content: '\e83c'; } .krown-icon-params:before { content: '\e839'; } .krown-icon-calendar-2:before { content: '\e837'; } .krown-icon-sound-1:before { content: '\e835'; } .krown-icon-clock:before { content: '\e833'; } .krown-icon-lightbulb-1:before { content: '\e832'; } .krown-icon-tv:before { content: '\e830'; } .krown-icon-desktop-1:before { content: '\e82f'; } .krown-icon-mobile-2:before { content: '\e82e'; } .krown-icon-cd:before { content: '\e82d'; } .krown-icon-inbox-1:before { content: '\e82c'; } .krown-icon-globe-2:before { content: '\e840'; } .krown-icon-cloud-1:before { content: '\e841'; } .krown-icon-paper-plane-1:before { content: '\e842'; } .krown-icon-fire-1:before { content: '\e843'; } .krown-icon-graduation-cap-1:before { content: '\e844'; } .krown-icon-megaphone-1:before { content: '\e845'; } .krown-icon-database:before { content: '\e846'; } .krown-icon-key-1:before { content: '\e847'; } .krown-icon-beaker-1:before { content: '\e848'; } .krown-icon-truck-1:before { content: '\e849'; } .krown-icon-money:before { content: '\e84a'; } .krown-icon-food:before { content: '\e84b'; } .krown-icon-shop:before { content: '\e84d'; } .krown-icon-diamond:before { content: '\e84c'; } .krown-icon-t-shirt:before { content: '\e84f'; } .krown-icon-wallet:before { content: '\e84e'; } .krown-icon-battery:before { content: '\f50b'; } .animate-spin:before, .loading:before {
-webkit-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
display: inline-block;
}
@-moz-keyframes spin {
0% {
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-ms-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-webkit-keyframes spin {
0% {
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-ms-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-o-keyframes spin {
0% {
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-ms-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@-ms-keyframes spin {
0% {
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-ms-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes spin {
0% {
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-ms-transform: rotate(359deg);
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
} .fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{border:0;outline:none;vertical-align:top;margin:0;padding:0;}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020;}
.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.fancybox-opened{z-index:8030;}
.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5);}
.fancybox-outer,.fancybox-inner{position:relative;}
.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch;}
.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;white-space:nowrap;margin:0;padding:15px;}
.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;}
.fancybox-image{max-width:100%;max-height:100%;}
#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:0.8;cursor:pointer;z-index:8060;}
#fancybox-loading div{width:44px;height:44px;}
.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040;}
.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url(//www.duurzaambouwmetaal.nl/wp-content/themes/better/images/blank.gif);-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040;}
.fancybox-prev{left:0;}
.fancybox-next{right:0;}
.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden;}
.fancybox-prev span{left:10px;background-position:0 -36px;}
.fancybox-next span{right:10px;background-position:0 -72px;}
.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important;}
.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;}
.fancybox-overlay-fixed{position:fixed;bottom:0;right:0;}
.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll;}
.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050;}
.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center;}
.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap;padding:2px 20px;}
.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff;}
.fancybox-title-inside-wrap{padding-top:10px;}
.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;background:rgba(0,0,0,.8);padding:10px;}
.fancybox-inner,.fancybox-lock{overflow:hidden;}
.fancybox-nav:hover span,.fancybox-opened .fancybox-title{visibility:visible;} .mejs-container{position:relative;background:#000;font-family:Helvetica,Arial;text-align:left;vertical-align:top;text-indent:0;}.me-plugin{position:absolute;}.mejs-embed,.mejs-embed body{width:100%;height:100%;margin:0;padding:0;background:#000;overflow:hidden;}.mejs-container-fullscreen{position:fixed;left:0;top:0;right:0;bottom:0;overflow:hidden;z-index:1000;}.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video{width:100%;height:100%;}.mejs-background{position:absolute;top:0;left:0;}.mejs-mediaelement{position:absolute;top:0;left:0;width:100%;height:100%;}.mejs-poster{position:absolute;top:0;left:0;}.mejs-poster img{border:0;padding:0;border:0;display:block;}.mejs-overlay{position:absolute;top:0;left:0;}.mejs-overlay-play{cursor:pointer;}.mejs-overlay-button{position:absolute;top:50%;left:50%;width:100px;height:100px;margin:-50px 0 0 -50px;background:url(//www.duurzaambouwmetaal.nl/wp-content/themes/better/css/images/mediaelement/bigplay.png) no-repeat;}.no-svg .mejs-overlay-button{background-image:url(//www.duurzaambouwmetaal.nl/wp-content/themes/better/css/images/mediaelement/bigplay.png);}.mejs-overlay:hover .mejs-overlay-button{background-position:0 -100px;}.mejs-overlay-loading{position:absolute;top:50%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px;background:#333;background:url(//www.duurzaambouwmetaal.nl/wp-content/themes/better/css/images/mediaelement/background.png);background:rgba(0,0,0,0.9);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(50,50,50,0.9)),to(rgba(0,0,0,0.9)));background:-webkit-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:-moz-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:-o-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:-ms-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:linear-gradient(rgba(50,50,50,0.9),rgba(0,0,0,0.9));}.mejs-overlay-loading span{display:block;width:80px;height:80px;background:transparent url(//www.duurzaambouwmetaal.nl/wp-content/themes/better/css/images/mediaelement/loading.gif) 50% 50% no-repeat;}.mejs-container .mejs-controls{position:absolute;background:none;list-style-type:none;margin:0;padding:0;bottom:0;left:0;background:url(//www.duurzaambouwmetaal.nl/wp-content/themes/better/css/images/mediaelement/background.png);background:rgba(0,0,0,0.7);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(50,50,50,0.7)),to(rgba(0,0,0,0.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-moz-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-o-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-ms-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:linear-gradient(rgba(50,50,50,0.7),rgba(0,0,0,0.7));height:30px;width:100%;}.mejs-container .mejs-controls div{list-style-type:none;background-image:none;display:block;float:left;margin:0;padding:0;width:26px;height:26px;font-size:11px;line-height:11px;background:0;font-family:Helvetica,Arial;border:0;}.mejs-controls .mejs-button button{cursor:pointer;display:block;font-size:0;line-height:0;text-decoration:none;margin:7px 5px;padding:0;position:absolute;height:16px;width:16px;border:0;background:transparent url(//www.duurzaambouwmetaal.nl/wp-content/themes/better/css/images/mediaelement/controls.png) no-repeat;}.no-svg .mejs-controls .mejs-button button{background-image:url(//www.duurzaambouwmetaal.nl/wp-content/themes/better/css/images/mediaelement/controls.png);}.mejs-controls .mejs-button button:focus{outline:solid 1px yellow;}.mejs-container .mejs-controls .mejs-time{color:#fff;display:block;height:17px;width:auto;padding:8px 3px 0 3px;overflow:hidden;text-align:center;padding:auto 4px;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}.mejs-container .mejs-controls .mejs-time span{font-size:11px;color:#fff;line-height:12px;display:block;float:left;margin:1px 2px 0 0;width:auto;}.mejs-controls .mejs-play button{background-position:0 0;}.mejs-controls .mejs-pause button{background-position:0 -16px;}.mejs-controls .mejs-stop button{background-position:-112px 0;}.mejs-controls div.mejs-time-rail{width:200px;padding-top:5px;}.mejs-controls .mejs-time-rail span{display:block;position:absolute;width:180px;height:10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;cursor:pointer;}.mejs-controls .mejs-time-rail .mejs-time-total{margin:5px;background:#333;background:rgba(50,50,50,0.8);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(30,30,30,0.8)),to(rgba(60,60,60,0.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-moz-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-o-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-ms-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:linear-gradient(rgba(30,30,30,0.8),rgba(60,60,60,0.8));}.mejs-controls .mejs-time-rail .mejs-time-buffering{width:100%;background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);-webkit-background-size:15px 15px;-moz-background-size:15px 15px;-o-background-size:15px 15px;background-size:15px 15px;-webkit-animation:buffering-stripes 2s linear infinite;-moz-animation:buffering-stripes 2s linear infinite;-ms-animation:buffering-stripes 2s linear infinite;-o-animation:buffering-stripes 2s linear infinite;animation:buffering-stripes 2s linear infinite;}@-webkit-keyframes buffering-stripes{from{background-position:0 0;}to{background-position:30px 0;}}@-moz-keyframes buffering-stripes{from{background-position:0 0;}to{background-position:30px 0;}}@-ms-keyframes buffering-stripes{from{background-position:0 0;}to{background-position:30px 0;}}@-o-keyframes buffering-stripes{from{background-position:0 0;}to{background-position:30px 0;}}@keyframes buffering-stripes{from{background-position:0 0;}to{background-position:30px 0;}}.mejs-controls .mejs-time-rail .mejs-time-loaded{background:#3caac8;background:rgba(60,170,200,0.8);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(44,124,145,0.8)),to(rgba(78,183,212,0.8)));background:-webkit-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:-moz-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:-o-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:-ms-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:linear-gradient(rgba(44,124,145,0.8),rgba(78,183,212,0.8));width:0;}.mejs-controls .mejs-time-rail .mejs-time-current{width:0;background:#fff;background:rgba(255,255,255,0.8);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(255,255,255,0.9)),to(rgba(200,200,200,0.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-moz-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-o-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-ms-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:linear-gradient(rgba(255,255,255,0.9),rgba(200,200,200,0.8));}.mejs-controls .mejs-time-rail .mejs-time-handle{display:none;position:absolute;margin:0;width:10px;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;border:solid 2px #333;top:-2px;text-align:center;}.mejs-controls .mejs-time-rail .mejs-time-float{position:absolute;display:none;background:#eee;width:36px;height:17px;border:solid 1px #333;top:-26px;margin-left:-18px;text-align:center;color:#111;}.mejs-controls .mejs-time-rail .mejs-time-float-current{margin:2px;width:30px;display:block;text-align:center;left:0;}.mejs-controls .mejs-time-rail .mejs-time-float-corner{position:absolute;display:block;width:0;height:0;line-height:0;border:solid 5px #eee;border-color:#eee transparent transparent transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:15px;left:13px;}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float{width:48px;}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current{width:44px;}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner{left:18px;}.mejs-controls .mejs-fullscreen-button button{background-position:-32px 0;}.mejs-controls .mejs-unfullscreen button{background-position:-32px -16px;}.mejs-controls .mejs-mute button{background-position:-16px -16px;}.mejs-controls .mejs-unmute button{background-position:-16px 0;}.mejs-controls .mejs-volume-button{position:relative;}.mejs-controls .mejs-volume-button .mejs-volume-slider{display:none;height:115px;width:25px;background:url(//www.duurzaambouwmetaal.nl/wp-content/themes/better/css/images/mediaelement/background.png);background:rgba(50,50,50,0.7);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:-115px;left:0;z-index:1;position:absolute;margin:0;}.mejs-controls .mejs-volume-button:hover{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,0.5);margin:0;}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,0.9);margin:0;}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle{position:absolute;left:4px;top:-3px;width:16px;height:6px;background:#ddd;background:rgba(255,255,255,0.9);cursor:N-resize;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;margin:0;}.mejs-controls div.mejs-horizontal-volume-slider{height:26px;width:60px;position:relative;}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{position:absolute;left:0;top:11px;width:50px;height:8px;margin:0;padding:0;font-size:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#333;background:rgba(50,50,50,0.8);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(30,30,30,0.8)),to(rgba(60,60,60,0.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-moz-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-o-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-ms-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:linear-gradient(rgba(30,30,30,0.8),rgba(60,60,60,0.8));}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{position:absolute;left:0;top:11px;width:50px;height:8px;margin:0;padding:0;font-size:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#fff;background:rgba(255,255,255,0.8);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(255,255,255,0.9)),to(rgba(200,200,200,0.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-moz-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-o-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-ms-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:linear-gradient(rgba(255,255,255,0.9),rgba(200,200,200,0.8));}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle{display:none;}.mejs-controls .mejs-captions-button{position:relative;}.mejs-controls .mejs-captions-button button{background-position:-48px 0;}.mejs-controls .mejs-captions-button .mejs-captions-selector{visibility:hidden;position:absolute;bottom:26px;right:-10px;width:130px;height:100px;background:url(//www.duurzaambouwmetaal.nl/wp-content/themes/better/css/images/mediaelement/background.png);background:rgba(50,50,50,0.7);border:solid 1px transparent;padding:10px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}.mejs-controls .mejs-captions-button .mejs-captions-selector ul{margin:0;padding:0;display:block;list-style-type:none!important;overflow:hidden;}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li{margin:0 0 6px 0;padding:0;list-style-type:none!important;display:block;color:#fff;overflow:hidden;}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px;}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label{width:100px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:10px;}.mejs-controls .mejs-captions-button .mejs-captions-translations{font-size:10px;margin:0 0 5px 0;}.mejs-chapters{position:absolute;top:0;left:0;-xborder-right:solid 1px #fff;width:10000px;z-index:1;}.mejs-chapters .mejs-chapter{position:absolute;float:left;background:#222;background:rgba(0,0,0,0.7);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(50,50,50,0.7)),to(rgba(0,0,0,0.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-moz-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-o-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-ms-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:linear-gradient(rgba(50,50,50,0.7),rgba(0,0,0,0.7));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#323232,endColorstr=#000000);overflow:hidden;border:0;}.mejs-chapters .mejs-chapter .mejs-chapter-block{font-size:11px;color:#fff;padding:5px;display:block;border-right:solid 1px #333;border-bottom:solid 1px #333;cursor:pointer;}.mejs-chapters .mejs-chapter .mejs-chapter-block-last{border-right:none;}.mejs-chapters .mejs-chapter .mejs-chapter-block:hover{background:#666;background:rgba(102,102,102,0.7);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(102,102,102,0.7)),to(rgba(50,50,50,0.6)));background:-webkit-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:-moz-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:-o-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:-ms-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:linear-gradient(rgba(102,102,102,0.7),rgba(50,50,50,0.6));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#666666,endColorstr=#323232);}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title{font-size:12px;font-weight:bold;display:block;white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px 0;line-height:12px;}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan{font-size:12px;line-height:12px;margin:3px 0 4px 0;display:block;white-space:nowrap;text-overflow:ellipsis;}.mejs-captions-layer{position:absolute;bottom:0;left:0;text-align:center;line-height:22px;font-size:12px;color:#fff;}.mejs-captions-layer a{color:#fff;text-decoration:underline;}.mejs-captions-layer[lang=ar]{font-size:20px;font-weight:normal;}.mejs-captions-position{position:absolute;width:100%;bottom:15px;left:0;}.mejs-captions-position-hover{bottom:45px;}.mejs-captions-text{padding:3px 5px;background:url(//www.duurzaambouwmetaal.nl/wp-content/themes/better/css/images/mediaelement/background.png);background:rgba(20,20,20,0.8);}.mejs-clear{clear:both;}.me-cannotplay a{color:#fff;font-weight:bold;}.me-cannotplay span{padding:15px;display:block;}.mejs-controls .mejs-loop-off button{background-position:-64px -16px;}.mejs-controls .mejs-loop-on button{background-position:-64px 0;}.mejs-controls .mejs-backlight-off button{background-position:-80px -16px;}.mejs-controls .mejs-backlight-on button{background-position:-80px 0;}.mejs-controls .mejs-picturecontrols-button{background-position:-96px 0;}.mejs-contextmenu{position:absolute;width:150px;padding:10px;border-radius:4px;top:0;left:0;background:#fff;border:solid 1px #999;z-index:1001;}.mejs-contextmenu .mejs-contextmenu-separator{height:1px;font-size:0;margin:5px 6px;background:#333;}.mejs-contextmenu .mejs-contextmenu-item{font-family:Helvetica,Arial;font-size:12px;padding:4px 6px;cursor:pointer;color:#333;}.mejs-contextmenu .mejs-contextmenu-item:hover{background:#2C7C91;color:#fff;}.mejs-controls .mejs-sourcechooser-button{position:relative;}.mejs-controls .mejs-sourcechooser-button button{background-position:-128px 0;}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector{visibility:hidden;position:absolute;bottom:26px;right:-10px;width:130px;height:100px;background:url(//www.duurzaambouwmetaal.nl/wp-content/themes/better/css/images/mediaelement/background.png);background:rgba(50,50,50,0.7);border:solid 1px transparent;padding:10px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul{margin:0;padding:0;display:block;list-style-type:none!important;overflow:hidden;}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li{margin:0 0 6px 0;padding:0;list-style-type:none!important;display:block;color:#fff;overflow:hidden;}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px;}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label{width:100px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:10px;}.mejs-postroll-layer{position:absolute;bottom:0;left:0;width:100%;height:100%;background:url(//www.duurzaambouwmetaal.nl/wp-content/themes/better/css/images/mediaelement/background.png);background:rgba(50,50,50,0.7);z-index:1000;overflow:hidden;}.mejs-postroll-layer-content{width:100%;height:100%;}.mejs-postroll-close{position:absolute;right:0;top:0;background:url(//www.duurzaambouwmetaal.nl/wp-content/themes/better/css/images/mediaelement/background.png);background:rgba(50,50,50,0.7);color:#fff;padding:4px;z-index:100;cursor:pointer;} .flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus{outline:none;}
.slides,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none;}  .flexslider{margin:0;padding:0;}
.flexslider .slides > li{display:none;-webkit-backface-visibility:hidden;} .flexslider .slides img{width:100%;display:block;}
.flex-pauseplay span{text-transform:capitalize;} .slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
html[xmlns] .slides{display:block;}
* html .slides{height:1%;}
.no-js .slides > li:first-child{display:block;}
.flexslider{margin:0 0 60px;background:#fff;border:4px solid #fff;position:relative;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.2);-moz-box-shadow:0 1px 4px rgba(0,0,0,.2);-o-box-shadow:0 1px 4px rgba(0,0,0,.2);box-shadow:0 1px 4px rgba(0,0,0,.2);zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}
.loading .flex-viewport{max-height:300px;}
.flexslider .slides{zoom:1;}
.carousel li{margin-right:5px;} .flex-direction-nav{height:0;}
.flex-direction-nav a{text-decoration:none;display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,0.8);text-shadow:1px 1px 0 rgba(255,255,255,0.3);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.flex-direction-nav .flex-prev{left:-50px;}
.flex-direction-nav .flex-next{right:-50px;text-align:right;}
.flexslider:hover .flex-prev{opacity:0.7;left:10px;}
.flexslider:hover .flex-next{opacity:0.7;right:10px;}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1;}
.flex-direction-nav .flex-disabled{opacity:0!important;filter:alpha(opacity=0);cursor:default;}
.flex-direction-nav a.flex-next:before{content:'\f002';} .flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:0.8;z-index:10;overflow:hidden;cursor:pointer;color:#000;}
.flex-pauseplay a:hover{opacity:1;}
.flex-pauseplay a.flex-play:before{content:'\f003';} .flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center;}
.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;display:inline;}
.flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,0.5);cursor:pointer;text-indent:-9999px;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);-o-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);box-shadow:inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,0.7);}
.flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,0.9);cursor:default;}
.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden;}
.flex-control-thumbs li{width:25%;float:left;margin:0;}
.flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer;}
.flex-control-thumbs img:hover{opacity:1;}
.flex-control-thumbs .flex-active{opacity:1;cursor:default;}
@media screen and max-width 860px {
.flex-direction-nav .flex-prev{opacity:1;left:10px;}
.flex-direction-nav .flex-next{opacity:1;right:10px;}
} .isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-ms-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -ms-transform, opacity;
transition-property: transform, opacity;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
.isotope.infinite-scrolling {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}  .animate {
opacity: 0;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
.animate.faster, .trigger.faster {
-webkit-animation-duration: .5s;
-moz-animation-duration: .5s;
-ms-animation-duration: .5s;
-o-animation-duration: .5s;
animation-duration: .5s;
}
.animate.slower, .trigger.slower {
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-ms-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s;
}
.animate.even-slower, .trigger.even-slower {
-webkit-animation-duration: 3s;
-moz-animation-duration: 3s;
-ms-animation-duration: 3s;
-o-animation-duration: 3s;
animation-duration: 3s;
}
.no-js .animate, .ie .animate, .touch .animate { 
opacity: 1; 
} @-webkit-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-moz-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-ms-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-o-keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
.animate.simple, .trigger.simple {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-ms-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
} @-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(200px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUp {
0% {
opacity: 0;
-moz-transform: translateY(200px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-ms-keyframes fadeInUp {
0% {
opacity: 0;
-ms-transform: translateY(200px);
}
100% {
opacity: 1;
-ms-transform: translateY(0);
}
}
@-o-keyframes fadeInUp {
0% {
opacity: 0;
-o-transform: translateY(200px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(200px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.animate.top-to-bottom, .trigger.top-to-bottom {
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-ms-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
} @-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-200px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDown {
0% {
opacity: 0;
-moz-transform: translateY(-200px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-ms-keyframes fadeInDown {
0% {
opacity: 0;
-ms-transform: translateY(-200px);
}
100% {
opacity: 1;
-ms-transform: translateY(0);
}
}
@-o-keyframes fadeInDown {
0% {
opacity: 0;
-o-transform: translateY(-200px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-200px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.animate.bottom-to-top, .trigger.bottom-to-top {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-ms-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
} @-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-200px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-200px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-ms-keyframes fadeInLeft {
0% {
opacity: 0;
-ms-transform: translateX(-200px);
}
100% {
opacity: 1;
-ms-transform: translateX(0);
}
}
@-o-keyframes fadeInLeft {
0% {
opacity: 0;
-o-transform: translateX(-200px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-200px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.animate.left-to-right, .trigger.left-to-right {
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-ms-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft;
} @-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(200px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRight {
0% {
opacity: 0;
-moz-transform: translateX(200px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-ms-keyframes fadeInRight {
0% {
opacity: 0;
-ms-transform: translateX(200px);
}
100% {
opacity: 1;
-ms-transform: translateX(0);
}
}
@-o-keyframes fadeInRight {
0% {
opacity: 0;
-o-transform: translateX(200px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(200px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.animate.right-to-left, .trigger.right-to-left {
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-ms-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight;
} @-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale(0);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@-moz-keyframes zoomIn {
0% {
opacity: 0;
-moz-transform: scale(0);
}
100% {
opacity: 1;
-moz-transform: scale(1);
}
}
@-ms-keyframes zoomIn {
0% {
opacity: 0;
-ms-transform: scale(0);
}
100% {
opacity: 1;
-ms-transform: scale(1);
}
}
@-o-keyframes zoomIn {
0% {
opacity: 0;
-o-transform: scale(0);
}
100% {
opacity: 1;
-o-transform: scale(1);
}
}
@keyframes zoomIn {
0% {
opacity: 0;
transform: scale(0);
}
100% {
opacity: 1;
transform: scale(1);
}
}
.animate.appear, .trigger.appear {
-webkit-animation-name: zoomIn;
-moz-animation-name: zoomIn;
-ms-animation-name: zoomIn;
-o-animation-name: zoomIn;
animation-name: zoomIn;
}
  html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,canvas{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}*:focus{outline:none}
.clearfix:after, form:after, .row-fluid:after, .payment_methods li:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix, form, .payment_methods li {
display: inline-block;
}
html[xmlns] .clearfix, .row-fluid {
display: block;
}
* html .clearfix {
height: 1%;
}
.hidden {
display: none;
}
#oldie {
display: none;
}
.clear {
clear: both;
} html {
overflow-x: hidden;
width: 100%;
background: #ddd;
}
html.img-full {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
}
html.img-repeat {
background-repeat: repeat;
background-attachment: fixed;
}
body {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #656565;
font-size: 14px;
line-height: 24px;
width: 1140px;
font-weight: 500;
margin: 60px auto 0;
position: relative;
}
body:before {
border-bottom: 40px solid #fff;
border-right: 40px solid rgba(0, 0, 0, 0);
content: "";
display: block;
height: 0;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.wrapper {
width: 940px;
margin: auto;
position: relative;
}
.left {
float:left;
}
.right {
float:right;
}
* {
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
img {
vertical-align: middle;
max-width: 100%;
height: auto;
}
iframe {
vertical-align: middle;
width: 100%;
border: none !important;
}
#content {
position: relative;
background: #fff;
}
#content {
margin: 0 auto;
padding: 60px 0 130px;
}
#content > div > *:first-child {
margin-top: 0;
} #content.layout-right-sidebar .sidebar-content, #content.layout-left-sidebar .sidebar-content {
width: 72.5%;
}
#content.layout-left-sidebar .sidebar-content {
float: right;
}
#content.layout-right-sidebar .sidebar-content {
float: left;
}
#sidebar {
width: 22.5%;
}
.layout-left-sidebar #sidebar {
float: left;
}
.layout-right-sidebar #sidebar {
float: right;
} .widget .krown-flickr li {
padding: 0;
border: 0;
}
.widget .krown-flickr a {
padding: 0;
width: 62px;
} h1, h2, h3, h4, h5, h6 {
font-weight: 700;
color: #212121;
}
h1 {
font-size: 44px;
line-height: 50px;
margin-bottom: 50px;
}
h2 {
font-size: 28px;
line-height: 35px;
margin-bottom: 38px;
font-weight: 400;
}
h3 {
font-size: 13px;
line-height: 16px;
margin-bottom: 18px;
text-transform: uppercase;
}
h4 {
font-size: 14px;
line-height: 16px;
margin-bottom: 18px;
}
h5 {
font-size: 16px;
margin-bottom: 18px;
}
h6 {
font-size: 14px;
line-height: 16px;
margin-bottom: 16px;
}
a {
color: #e54939;
font-weight: 700;
text-decoration: none;
}
a:hover {
color: #000;
}
a:focus {
outline: none !important;
}
a:before {
font-weight: 400;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: inherit;
}
p {
margin-bottom: 24px;
}
strong {
font-weight: 700;
}
em {
font-style: italic;
}
span.extreme {
font-size: 50px;
line-height: 60px;
margin-bottom: 20px;
font-weight: 300;
display: block;
}
span.large {
font-size: 38px;
font-weight: 400;
line-height: 48px;
margin-bottom: 20px;
display: block;
}
span.medium {
font-size: 34px;
line-height: 44px;
font-weight: 300;
margin-bottom: 20px;
display: block;
}
span.regular {
font-size: 19px;
line-height: 30px;
font-weight: 500;
margin-bottom: 20px;
display: block;
}
span.small {
font-size: 17px;
font-weight: 400;
line-height: 28px;
margin-bottom: 20px;
display: block;
}
small {
font-size: .7em;
}
ul.krown-list, .krown-pricing-content ul {
list-style: none;
}
ul.krown-list li, ol.krown-list li, .woo-tabs .panel ul li, .krown-pricing-content ul li {
border-top: 1px solid #E9E9E9;
margin-top: 11px;
padding-top: 11px;
}
ul.krown-list li:first-child, ol.krown-list li:first-child, .woo-tabs .panel ul li:first-child, .krown-pricing-content ul li:first-child {
border-top: none;
margin-top: 0;
padding-top: 0;
}
.woo-tabs .panel ul li {
list-style: circle inside;
}
ol {
list-style: decimal inside;
}
ul {
list-style: disc inside;
}
ul ul, ul ol, ol ol, ol ul {
margin-left: 20px;
}
ul.check li {
list-style: none;
}
ul.check li:before {
content: "✓";
font-family: fontello;
font-size: 12px;
margin-right: 9px;
position: relative;
top: -1px;
}
.dropcap {
background: #000;
color: #fff;
display: inline-block;
float: left;
font-size: 30px;
font-weight: 700;
height: 56px;
line-height: 30px;
margin: 8px 15px 8px 0;
padding-top: 12px;
text-align: center;
width: 56px;
}
pre, code, tt {
background: #fff;
border: 1px solid #e9e9e9;
font-family: Consolas, Courier, Monaco, monospace;
font-size: 12px;
line-height: 19px;
margin: 18px 0;
padding: 15px;
white-space: pre-wrap;
word-wrap: break-word;
}
dt {
float: left;
clear: both;
margin: 0 2% 10px 0;
font-weight: bold;
width: 20%;
text-align: right;
}
dt:after {
content: ":";
}
dd {
float: right;
width: 78%;
margin-bottom: 10px;
}
dl:after {
content: "";
display: block;
clear: both;
}
table {
width: 100%;
border: 1px solid #e9e9e9;
text-align: left;
}
table thead h4 {
font-size: 10px;
line-height: 18px;
text-transform: uppercase;
margin-bottom: 0;
}
table tr {
border-top: 1px solid #e9e9e9;
}
table thead tr {
border-top: none;
}
table th, table td {
min-height: 41px;
padding: 10px 14px 8px;
border-right: 1px solid #e9e9e9;
}
sub, sup {
font-size: .7em;
line-height: .7em;
}
sub {
vertical-align: bottom;
}
sup {
vertical-align: top;
}
del {
color: #959595;
}
var {
font-family: Consolas, Courier, Monaco, monospace;
}
blockquote {
border-left: 2px solid #000;
padding-left: 35px;
margin: 40px 0;
}
blockquote > p {
font-size: 28px;
line-height: 33px;
font-weight: 400;
padding: 10px 0;
color: #000;
}
blockquote cite {
color: #999999;
display: inline-block;
font-size: 20px;
font-style: italic;
margin: 25px 0 15px;
}
q {
border-left: 3px solid #b3b3b3;
font-style: italic;
padding-left: 15px;
}  #main-menu.w-search {
margin-right: 67px;
}
#main-menu.w-cart {
padding-right: 40px;
}
#main-search {        
margin-top: -20px;
position: absolute;
right: -75px;
top: 50%;
z-index: 999;
}
#main-search #searchform {
height: 43px;
width: 40px;
margin-right: -10px;
} 
#main-search #s {    
background:  #fff;
border: 1px solid #e9e9e9;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.05) !important;
color: #959595;
font-size: 12px;
font-weight: 500;
height: 43px;
line-height: 12px;
position: absolute;
right: 0;
top: 0;
padding-right: 40px;
width: 234px;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity: 0;
visibility: hidden;
}
#main-search #searchform.opened #s {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1;
visibility: visible;
}
.ie8 #main-search #s {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
opacity: 1 !important;
visibility: visible !important;
display: none;
padding-top: 14px !important;
}
#main-search #searchform .krown-icon-search {
right: 8px;
top: 12px;
position: absolute;
color: #212121;
width: 20px;
height: 20px;
padding: 0;
z-index: 1;
font-size: 21px;
line-height: 18px;
display: block !important;
cursor: pointer;
}
#main-search #searchform .krown-icon-search:hover {
color: #e54939;
}
#main-search #submit_s {    
display: none !important;
} 
#main-search #submit_s:focus {
outline: none !important;
}  #mini {
position: absolute;
font-size: 12px;
line-height: 12px;
top: -35px;
left: 0;
width: 100%;
}
#mini .krown-social {
float: left;
margin-left: 20px;
} #header {
position: relative;
background: #fff;
}
#header > div {
border-bottom: 1px solid #e9e9e9;
}
#logo {
margin: 30px 0 30px;
display: inline-block;
}
#logo .retina {
display: none;
}
#custom-tagline {
font-size: 24px;
line-height: 32px;
font-weight: 400;
text-align: center;
width: 100%;
padding: 45px 10%;
margin: 0;
background: #fff;
}
#custom-header {
position: relative;
top: 0;
left: 0;
width: 100%;
background: #fff;
}
.header-image {
background-repeat: no-repeat;
background-position: center center;
webkit-background-size: cover;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#custom-tabs {
background: #f9f9f9;
border-bottom: 1px solid #e9e9e9;
height: 90px;
}
#custom-tabs ul {
list-style: none;
}
#custom-tabs li {
float: left;
height: 90px;
border-bottom: 1px solid transparent;
color: #212121;
position: relative;
cursor: pointer;
}
#custom-tabs li:hover {
border-color: #212121;
}
#custom-tabs li.selected {
border-color: #e54939;
color: #e54939;
}
#custom-tabs li.selected h4 {
color: #e54939;
}
#custom-tabs h4 {
font-size: 14px;
line-height: 14px;
margin: 37px 0 0 65px;
}
#custom-tabs i {
font-size: 36px;
line-height: 90px;
position: absolute;
top: 0;
left: 20px;
}
#map-contact {
height: 100%;
width: 100%;
margin-top: -1px;
opacity: 0;
}
#map-contact:after {
background: transparent;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
content: "";
display: block;
height: 14px;
left: -5%;
position: absolute;
top: -14px;
width: 110%;
}
.page-template-template-contact-php .header-image {
background: url(//www.duurzaambouwmetaal.nl/wp-content/themes/better/images/preloader-f7.gif) no-repeat center center #f7f7f7;
}
.page-template-template-contact-php .header-image.remove-preloader {
background-image: none;
} #main-menu {
position: relative;
}
.top-menu {
margin: 30px 0 0 0;
display: inline-block !important;
}
.top-menu a {
color: #1f1f1f;
display: block;
}
.top-menu li {
display: inline-block;
position: relative;
float: left;
}
.top-menu > li > a {
font-weight: 600;
font-size: 14px;
line-height: 14px;
padding: 8px 20px 42px;
border-bottom: 1px solid transparent;
}
.top-menu > li:hover > a, .top-menu > li.selected > a  {
color: #e54939;
border-bottom-color: #e54939;
}
.no-js .top-menu > li:hover .sub-menu {
display: block;
}
.sub-menu {
position: absolute;
left: 0;
top: 65px;
display: none;
box-shadow: 4px 4px 8px rgba(0,0,0,.06);
margin: 0;
z-index: 9999;
}
.ie8 .sub-menu {
border: 1px solid #e9e9e9;
border-width: 0 2px 2px 0;
margin-top: -2px;
}
.sub-menu li  {
padding: 0;
width: 100%;
border-top: 1px solid #e9e9e9;
background: #fff;
}
.sub-menu li:first-child {
border-top: none;
}
.sub-menu li a {
text-align: left;
text-transform: none;
margin: 0;
font-size: 13px;
line-height: 13px;
color: #212121;
font-weight: 500;
padding: 16px 20px 15px;
}
.sub-menu li:hover {
background-color: #e54939;
}
.sub-menu li:hover, .sub-menu li:hover + li {
border-color: #e54939;
}
.sub-menu li.selected {
background-color: #e9e9e9 !important;
}
.sub-menu li.selected, .sub-menu li.selected + li {
border-color: transparent !important;
}
.sub-menu li:hover a {
color: #fff;
}
.sub-menu li.selected a {
color: #212121;
}
.no-js .sub-menu > li:hover .third-menu {
display:block;
}
.third-menu {
position: absolute;
left: 195px;
top: -1px !important;
display: none;
box-shadow: 4px 4px 4px -2px rgba(0,0,0,.1);
margin: 0;
}
.third-menu li:first-child {
border-top: none;
}
.third-menu li:hover > a {
background-color: #db4030;
color: #fff !important;
}
.third-menu a {
color: #6b6b6b !important;
}
#main-menu .responsive-menu {
display: none;
}
.header-dark .top-menu a {
opacity: .5;
color: #fff;
}
.header-dark .sub-menu a {
color: #6b6b6b;
}
.header-dark .top-menu > li.selected > a, .header-dark .top-menu > li:hover > a {
color: #fff;
opacity: 1;
}
.menu-fix {
display: block !important;
position: fixed !important;
width: auto !important;
top: 0;
left: 0;
} #page-title {
position: relative;
background: #fff;
}
#page-title .title {
float: left;
font-size: 18px;
font-weight: 400;
line-height: 18px;
margin: 0;
}
#page-title > div {
border-bottom: 1px solid #e9e9e9;
padding: 31px 0 30px;
}
#page-title .title-add:before {
content: ":";
margin-right: 5px;
}
#page-title .title-add {
font-weight: 600;
} #breadcrumbs {
color: #a9a9a9;
font-size: 11px;
line-height: 11px;
font-weight: 500;
padding-top: 2px;
}
#breadcrumbs .desc {
margin-right: 12px;
}
#breadcrumbs a {
font-weight: 600;
}
#breadcrumbs a:after {
content: "/";
margin: 0 12px;
font-weight: 400;
color: #a9a9a9 !important;
}
#breadcrumbs a:last-child:after {
display: none;
}
#breadcrumbs a {
color: #a9a9a9;
}
#breadcrumbs a:hover {
color: #e54939;
} #main-cta {
background: #f9f9f9;
border-top: 1px solid #e9e9e9;
text-align: center;
padding: 35px 0;
}
#footer {
min-height: 100px;
background: #222;
padding: 55px 0 50px;
}
#copy {
margin: 0;
font-size: 12px;
line-height: 12px;
clear: left;
}
.footer-left {
width: 62.5%;
float: left;
margin-bottom: 50px;
}
.footer-right {
width: 22.5%;
float: right;
margin-bottom: 50px;
}
.footer-top {
line-height: 18px;
border-bottom: 1px solid #3d3d3d;
padding-bottom: 15px;
}
.footer-top * {
font-size: 14px;
font-weight: 700 !important;
}
#footer .footer-top .widget ul li {
margin-right: 50px;
}
.footer-top li:after {
content: "";
display: inline-block;
height: 19px;
width: 1px;
background: #343434;
position: relative;
left: 25px;
top: 3px;
}
.footer-top li:last-child:after {
opacity: 0;
}
.footer-bottom {
font-weight: 500;
padding-top: 18px;
}
.footer-bottom * {
font-size: 12px;
}
.footer-bottom a {
font-weight: 500;
} #footer .widget a {
color: #656565;
}
#footer .widget a:hover, #footer .footer-top .widget a {
color: #fff;
}
#footer .footer-top .widget a:hover {
color: #fff;
}
#footer .widget ul li {
border: none;
line-height: inherit;
padding: 0;
float: left;
margin-right: 40px;
}
#footer .krown-social i:before {
color: #6f6f6f;
}
#footer .krown-social a:hover i:before {
color: #fff;
} .footer_widget {
width: 110%;
}
.footer_email, .footer_phone, .footer_address {
display: inline-block; 
margin-right: 20px;
}
.footer_email:before, .footer_phone:before, .footer_address:before {
font-family: 'fontello';
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
font-variant: normal;
text-transform: none;
font-size: 16px; 
margin-right: 8px;
position: relative;
color: #6f6f6f;
}
.footer_email:before {
content: "]";
top: 1px;
}
.footer_phone:before {
content: "";
top: 1px;
}
.footer_address:before {
content: "⌂";
top: 3px;
font-size: 18px;
}
.footer_email:hover:before, .footer_phone:hover:before, .footer_address:hover:before {
color: #fff;
} #top {
width: 34px;
height: 34px;
color: #fff;
background: #212121;
position: fixed;
bottom: 20px;
right: 20px;
z-index: 9999;
visibility: hidden;
-webkit-transition: background 150ms linear, opacity 500ms linear, visibility 500ms linear;
transition: background 150ms linear, opacity 500ms linear, visibility 500ms linear;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity: 0;
}
#top:after {
content: "";
display: inline-block;
font-family: fontello;
font-size: 22px;
line-height: 34px;
text-align: center;
width: 34px;
}
#top:hover {
background: #e54939;
}
#top.show {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1;
visibility: visible;
} article.post {
padding-bottom: 60px;
margin-top: 60px;
border-bottom: 1px solid #e9e9e9;
}
.search #content > div article {
padding-bottom: 60px;
margin-top: 60px;
border-bottom: 1px solid #e9e9e9;
}
article.post:first-child, .search #content > div article:first-child {
margin-top: 0;
} .post-title h2, .post-title h1 {
font-size: 28px;
line-height: 40px;
font-weight: 600;
color: #212121;
margin: 0 0 25px -1px;
position: relative;
}
a.post-title:hover h2, a.post-title:hover h1 {
color: #e54939;
}
.post-header .cite {
font-size: 13px;
line-height: 13px;
margin: 35px 0;
display: block;
position: relative;
padding-left: 32px;
}
.post-header .cite:before {
content: "";
display: block;
width: 21px;
height: 1px;
background: #8f8f8f;
position: absolute;
top: 6px;
left: 0;
}
.post-format-image img, .post-format-gallery img {
width: 100%;
height: auto;
} .post-content {
margin-top: 40px;
}
.post-body {
width: 65%;
float: left;
}
.post-body > *:first-child {
margin-top: 0;
padding-top: 0;
}
.post-body > p:first-child {
margin-top: -4px;
}
.post-more {
margin-top: 10px;
} .post-meta {
width: 28%;
float: right;
font-size: 13px;
line-height: 13px;
font-weight: 500;
}
.post-meta .meta-holder {
margin-bottom: 5px;
height: 14px;
display: inline-block;
overflow: hidden;
width: 100%;
}
.post-meta .meta-title {
font-weight: 700;
}
.post-meta a {
color: #656565;
font-weight: 500;
}
.post-meta a:hover {
color: #e54939;
} .pagination {
margin: 60px 0 0 -5px;
clear: left;
}
.pagination a {
height: 34px;
background: #fff;
color: #323232;
border: 1px solid #e9e9e9;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
line-height: 14px;
margin: 0 5px;
padding: 9px 14px;
float: left;
text-align: center;
}
.pagination a:hover {
color: #fff;
background: #e54939;
border-color: transparent;
}
.pagination a.active {
color: #fff;
border-color: transparent;
background: #000;
pointer-events: none;
}
.pagination a.none {
pointer-events: none;
} .search-results .type-page .post-meta li {
display: none;
}
.search-results .type-page .post-meta li:first-child {
display: block;
}
.search-results .type-page .post-title span {
display: none;
} .single-post .post-body {
width: 100%;
position: relative;
}
.single-post .post-meta {
margin-left: 20px; 
}
.single-post .post-meta + * {
margin-top: -3px;
}
.single-post .post {
border: none;
margin-bottom: 0;
} .share-buttons {
margin: 40px 0 20px;
clear: left;
}
.share-buttons a {
background: #fff;
line-height: 18px;
display: inline-block;
height: 34px;
position: relative;
border: 1px solid #e9e9e9;
width: 34px;
color: #b4b4b4;
margin-right: -1px;
}
.share-buttons a:hover {
color: #fff !important;
background: #e54939;
border-color: transparent;
}
.share-buttons a:before {
font-family: 'fontello';
font-size: 16px;
font-style: normal;
font-weight: 400;
float: left;
padding-top: 7px;
top: 1px;
width: 30px;
text-align: center;
position: relative;
}
.share-buttons a:after {
display: none;
}
.share-buttons .btn-twitter:before {
content: "";
}
.share-buttons .btn-facebook:before {
content: "";
top: 0;
}
.share-buttons .btn-pinterest:before {
content: "";
}
.share-buttons .btn-gplus:before {
content: "";
} #comments {
margin: 40px 0;
padding-top: 80px;
border-top: 1px solid #e9e9e9;
}
#comments h3 {
font-size: 13px;
line-height: 18px;
text-transform: uppercase;
margin: 0 0 25px 0;
font-weight: 700;
}
.comment {
padding-top: 45px;
margin-top: 35px;
border-top: 1px solid #e9e9e9;
position: relative;
min-height: 131px;
}
#comments-list > .comment:first-child {
border: none;
margin-top: 0;
}
#comments-list .children li {
padding-left: 112px;
}
#comments-list .children .children li {
padding-left: 224px;
}
.comment-avatar {
position: absolute !important;
top: 55px;
width: 80px;
height: 80px;
}
.comment-title {
font-size: 14px;
font-weight: 700;
line-height: 19px;
margin-top: 8px;
}
.comment-title a, .comment-reply-link {
color: #3b3b3b;
}
.comment-title a:hover, .comment-reply-link:hover {
color: #e54939;
}
.comment-meta span {
font-size: 13px;
margin-top: -17px;
display: block;
}
.comment-content {
float: left;
width: 100%;
padding-left: 112px;
}
.comment-text {
margin-top: -5px;
}
.comment-reply-link {
position: absolute;
right: 0;
top: 40px;
font-size: 12px;
font-weight: 500;
opacity: 0;
}
.comment-reply-link .krown-icon-cw {
font-size: 14px;
left: -7px;
position: relative;
}
.comment:hover .comment-reply-link {
opacity: 1;
}
.await {
color: #f00;
display: block;
margin-top: 15px;
}
#respond {
margin-top: 50px;
border-top: 1px solid #e9e9e9;
padding-top: 80px;
}
#comments-list #respond {
margin-top: 60px;
}
#comment-form {
margin-top: 20px;
}
.logged-in-as {
margin-top: -5px;
} .widget {
margin-bottom: 60px;
font-size: 13px;
line-height: 22px;
}
.widget:last-child {
margin-bottom: 0;
}
.widget-title {
text-transform: uppercase;
font-weight: 700;
margin: 0 0 20px;
font-size: 13px;
line-height: 23px;
color: #212121;
}
.widget ul {
list-style: none;
}
.widget ul:first-child, .widget p:first-child {
margin-top: 0;
}
.widget ul li {
border-top: 1px solid #e9e9e9;
padding: 10px 0;
line-height: 20px;
}
.widget ul li:first-child {
border-top: none;
padding-top: 0;
}
.widget ul a {
color: #000;
padding: 13px 0;
}
.widget ul a:hover {
color: #e54939;
}
.widget small {
font-size: 1em;
}
.widget .meta {
display: block;
margin-top: -2px;
}
.widget a {
font-weight: 500;
}
.widget_calendar table {
width: 100%;
text-align: left;
}
.widget_calendar caption {
font-weight: 700;
font-size: 16px;
margin-bottom: 15px;
}
.widget_calendar thead {
font-weight: 700;
}
.widget_calendar tfoot a {
margin-top: 15px;
float: left;
}
#sidebar .widget_nav_menu {
border: 1px solid #e9e9e9;
border-left: none;
}
#sidebar .widget_nav_menu li {
padding: 0 !important;
position: relative;
margin-right: -1px;
line-height: 15px;
}
#sidebar .widget_nav_menu a {
padding: 18px 10px 17px 20px;
display: inline-block;
width: 100%;
position: relative;
z-index: 2;
}
#sidebar .widget_nav_menu li.current-menu-item {
border-right: 1px solid #fff !important;
border-left: 1px solid #e54939;
}
#sidebar .widget_nav_menu li.current-menu-item a {
color: #e54939;
font-weight: 600;
}
#sidebar .widget_nav_menu li:before {
color: #212121;
font-size: 18px;
line-height: 18px;
margin-right: 15px;
position: absolute;
top: 16px;
left: 20px;
cursor: pointer;
z-index: 1;
}
#sidebar .widget_nav_menu li[class^="krown-icon-"] > a {
padding-left: 50px;
}
#sidebar .widget_nav_menu li.current-menu-item:before, #sidebar .widget_nav_menu li:hover:before {
color: #e54939;
}   #filter ul {
color: #a9a9a9;
font-size: 12px;
line-height: 12px;
font-weight: 500;
list-style: none;
margin: 10px 0 40px !important;
float: left;
position: relative;
z-index: 9;
}
#filter li {
float: left;
}
#filter li:after {
content: "/";
margin: 0 14px;
font-weight: 400;
color: #a9a9a9 !important;
cursor: default;
}
#filter li:last-of-type:after {
display: none;
}
#filter a {
color: #a9a9a9;
font-weight: 500;
}
#filter a:hover {
color: #e54939;
}
#filter a.selected {
color: #000;
} .folio-grid .caption, .folio-grid h3, .folio-grid .fancybox-thumb span {
-webkit-transition: all 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-moz-transition: all 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
-o-transition: all 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
transition: all 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
-webkit-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
-moz-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
-o-transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.folio-grid {
list-style: none;
width: 110%;
margin: -60px 0 0 -17px !important;
float: left;
position: relative;
z-index: 8;
overflow: visible !important;
}
.page-template-template-portfolio-php #content > div {
padding-bottom: 20px;
}
.folio-grid li {
width: 210px;
margin: 60px 17px 0;
float: left;
position: relative;
padding-bottom: 81px;
}
.folio-grid .fancybox-thumb {
width: 100%;
}
.folio-grid img {
width: 100%;
max-width: none;
}
.folio-grid .caption {
text-align: center;
float: left;
width: 100%;
padding: 19px 0 14px;
border-bottom: 1px solid #e9e9e9;
height: 81px;
position: absolute;
}
.folio-grid h3 {
font-weight: 600;
font-size: 14px;
line-height: 17px;
color: #212121;
margin: 0;
text-transform: none !important;
}
.folio-grid span {
font-size: 12px;
line-height: 16px;
display: inline-block;
font-weight: 500;
color: #656565;
}
.csstransitions .no-touch .folio-grid a:hover .caption, .folio-grid a.iehover .caption {
border-color: #e54939;
height: 101px;
padding-top: 29px;
}
.csstransitions .no-touch .folio-grid a:hover h3, .folio-grid a.iehover h3 {
color: #e54939;
}
.csstransitions .no-touch .folio-grid a:hover .fancybox-thumb span {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity :1;
visibility: visible;
} .cfour .item {
width: 210px;
}
.cthree .item {
width: 290px;
}
.ctwo .item {
width: 453px;
}
.layout-right-sidebar .folio-grid .item, .layout-left-sidebar .folio-grid .item {
width: 205px;
} .page-template-template-portfolio-php .pagination {
margin: 60px 0 -12px -5px;
float: left;
} .single-portfolio #content.layout-fixed-width {
padding-top: 30px;
}
.folio-title {
margin-bottom: 40px;
padding-bottom: 30px;
position: relative;
border-bottom: 1px solid #e9e9e9;
}
.folio-title h1 {
font-size: 28px;
line-height: 34px;
margin-bottom: 0;
font-weight: 600;
max-width: 90%;
}
.top-media {
margin-bottom: 50px !important;
}
.single-portfolio .content {
padding-bottom: 50px;
}
.single-portfolio .content > .krown-column-row:first-child {
padding-top: 0;
} .portfolio.third-slider > .krown-column-container.span3 *:first-child {
margin-top: -4px;
}
.portfolio.third-slider > .span3 {
float: right;
}
.portfolio.third-slider > .span9 {
float: left;
margin-left: 0;
} .post-nav {
position: absolute;
position: absolute;
top: 0;
right: 0;
z-index: 9999;
}
.post-nav * {
font-family: 'fontello';
}
.post-nav a {
width: 34px;
height: 34px;
font-size: 18px;
line-height: 34px;
margin-left: -1px;
border: 1px solid #e9e9e9;
background: #fff;
color: #bdbdbd;
float: left;
position: relative;
text-indent: -9999px;
}
.post-nav a:before {   
float: left;
text-indent: 0;
}
.post-nav a:hover {
background: #e54939;
color: #fff;
border-color: transparent;
}
.post-nav .btn-close:before {
content: "";
font-size: 21px;
margin: -1px 0 0 5px;
}
.post-nav .btn-prev:before {
content: "";
margin-left: 7px;
}
.post-nav .btn-next:before {
content: "";
margin-left: 7px;
} .related.third-slider {
margin-top: 130px;
}
.related {
padding-bottom: 20px;
}
.related > h3 {
margin: 0 0 30px;
border-bottom: 1px solid #e9e9e9;
padding-bottom: 24px;
} #pager-nav {
background: #ccc;
border-radius: 20px;
padding: 5px 8px;
position: fixed;
right: 10px;
text-align: center;
top: 50%;
width: 27px;
z-index: 99999;
visibility: hidden;
-webkit-transition: all 500ms linear;
transition: all 500ms linear;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
opacity: 0;
}
#pager-nav.show {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1;
visibility: visible;
}
#pager-nav a {
display: block;
width: 11px;
height: 11px;
border-radius: 6px;
background: #fff;
margin: 10px 0;
text-indent: -9999px;
}
#pager-nav a:hover {
background: #000;
}
#pager-nav a.selected {
background: #e54939;
}
#pager-nav.show {
display: block;
}  .krown-accordion h5 {
border-top: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9;
padding: 20px 30px 17px 70px;
color: #212121;
font-size: 13px;
line-height: 28px;
font-weight: 700;
cursor: pointer;
position: relative;
text-transform: uppercase;
margin: 0 0 -1px 0;
}
.krown-accordion h5:before {
display: block;
position: absolute;
content: "";
font-family: 'fontello';
font-size: 29px;
width: 36px;
height: 36px;
text-align: center;
font-weight: 300;
top: 33px;
left: 25px;
line-height: 2px;
}
.krown-accordion .content {
display: none;
padding: 50px 20px 40px 90px;
}
.krown-accordion .krown-column-row {
margin-bottom: 40px;
}
.krown-accordion.opened:last-child {
border-bottom: 1px solid #e9e9e9;
}
.krown-accordion .content > *:first-child {
margin-top: 0;
}
.krown-accordion.small h5 {
font-weight: 700;
font-size: 13px;
padding: 14px 5px 13px 35px;
text-transform: none;
}
.krown-accordion.small h5:before {
border: none;
background: transparent !important;
padding-top: 0;
top: 19px;
left: 0;
font-size: 19px;
line-height: 19px;
}
.krown-accordion.small h5:hover, .krown-accordion.small section.opened h5 {
color: #e54939;
}
.krown-accordion.small .content {
padding: 30px 0 8px 35px;
font-weight: 13px;
line-height: 20px;
}
.krown-accordion.large-1 h5:hover, .krown-accordion.large-1 section.opened h5 {
color: #e54939;
}
.krown-accordion.large-2 h5:hover {
background: #f9f9f9;
}
.krown-accordion.large-2 > section.opened h5 {
background: #e54939;
color: #fff;
}
.krown-accordion.large-2 > section.opened h5:before {
color: #fff;
content: "";
}
.krown-accordion.large-2 > section.opened h5 {
border-color: transparent;
} .krown-alert {
min-height: 40px;
margin-bottom: 10px;
padding: 5px 20px;
display: inline-block;
width: 100%;
}
.krown-alert p {
margin: 9px 0;
font-weight: 700;
font-size: 13px;
line-height: 20px;
}
.krown-alert.alert-error {
background: #F9E5E6;
border: 1px solid #F7C7C9;
color: #EF2932;
}
.krown-alert.alert-success {
background: #E3EBC6;
border: 1px solid #C2D288;
color: #839737;
}
.krown-alert.alert-info {
background: #D8ECF5;
border: 1px solid #9AC9DF;
color: #5593B1;
}
.krown-alert.alert-block {
background: #FCF7D9;
border: 1px solid #F5DC7D;
color: #C4A11B;
} .krown-blank-divider {
display: block;
width: 100%;
height: 1px;
} .krown-button {
text-transform: uppercase;
font-weight: 700;
display: inline-block;
text-align: center;
padding: 0 20px;
background: #fff;
border: 2px solid #ebebeb;
color: #212121;
-webkit-transition: all 100ms linear !important;
transition: all 100ms linear !important;
}
.krown-button i {
display: none;
}
.krown-button.light {
background: #fff;
border: 2px solid #ebebeb;
color: #212121;
}
.krown-button.light:hover {
background: #e54939;
color: #fff;
border-color: transparent;
}
.krown-button.dark {
background: #212121;
color: #fff;
border-color: transparent;
}
.krown-button.dark:hover {
background: #e54939;
color: #fff;
}
.krown-button.color {
background: #e54939;
color: #fff;
border-color: transparent;
}
.krown-button.color:hover {
background: #222;
color: #fff;
}
.krown-button.small {
font-size: 10px;
line-height: 10px;
font-weight: 700;
padding-top: 11px;
height: 36px;
}
.krown-button.normal {
font-size: 12px;
line-height: 12px;
padding-top: 15px;
height: 46px;
}
.krown-button.large {
font-size: 16px;
line-height: 16px;
padding-top: 19px;
height: 56px;
} .krown-column-container {
float: left;
display: block;
margin-left: 4%;
position: relative;
}
.span12 {
width: 100%;
}
.span6 {
width: 48%;
}
.span10 {
width: 83.34%;
}
.span9 {
width: 74%;
}
.span8 {
width: 65.34%;
}
.span4 {
width: 30.66%;
}
.span3 {
width: 22%;
}
.span2 {
width: 13.33%;
}
.krown-column-row [class*="span"]:first-child {
margin-left: 0;
}
.krown-column-row {
margin-bottom: 100px;
}
.krown-column-row .krown-column-row {
margin-bottom: 50px;
}
.krown-column-row:last-child {
margin-bottom: 0;
}
.krown-divider {
display: block;
height: 1px;
width: 100%;
background: #e9e9e9;
}
.krown-divider.no_border {
background: transparent;
}
.more-space {
margin-bottom: 75px;
}
.even-more-space {
margin-bottom: 100px;
}
.even-more-space-2 {
margin-bottom: 150px;
}
.reduce-space {
margin-bottom: 25px;
}
.reduce-more-space {
margin-bottom: 0;
}
.no-columns-space > .krown-column-container {
margin-left: 0 !important;
}
.no-columns-space > .span6 {
width: 50%;
}
.no-columns-space > .span9 {
width: 75%;
}
.no-columns-space > .span8 {
width: 66.66%;
}
.no-columns-space > .span4 {
width: 33.33%;
}
.no-columns-space > .span3 {
width: 25%;
}
.no-columns-space > .span2 {
width: 16.66%;
} .fancybox-skin {
background: transparent;
}
.fancybox-overlay {
z-index:99998;
background:#333;
background:rgba(51,51,51,.95);
overflow: hidden !important;
}
.fancybox-opened {
z-index:99999;
}
.fancybox-opened .fancybox-skin {
box-shadow:0 0px 13px rgba(0, 0, 0, 0.2);
}
.fancybox-nav span, .fancybox-close {
background:url(//www.duurzaambouwmetaal.nl/wp-content/themes/better/images/sharpSprites.png) no-repeat -1px 0 #181818;
background-color:rgba(24,24,24,.8);
width:50px;
height:50px;
margin-top:-25px;
display:block;
text-indent:-9999px;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity:0;
}
.fancybox-next span {
background-position:-50px 0;
right:0;
}
.fancybox-prev span {
left:0;
}
.fancybox-close {
background-position:-115px 0;
right:-25px;
top:-5px;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity:1;
visibility:visible;
}
.fancybox-nav:hover span {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity:1;
visibility:visible;
}
.fancybox-nav span:hover, .fancybox-close:hover {
background-color:#e54939;
}
#fancybox-loading {
z-index:99999;
}
#fancybox-loading div {
background:url(//www.duurzaambouwmetaal.nl/wp-content/themes/better/images/preloader-222.gif) no-repeat center center transparent;
}
.fancybox-title-float-wrap .child {
background:transparent;
}
.fancybox-thumb {
display: inline-block;
position: relative;
}
.fancybox-thumb img {
margin: 0 !important;
float: none !important;
vertical-align: top;
}
.fancybox-thumb span {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: url(//www.duurzaambouwmetaal.nl/wp-content/themes/better/images/cross.png) no-repeat center center #222;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: opacity 250ms linear;
transition: opacity 250ms linear;
}
.fancybox-thumb:hover span {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 100;
}
.krown-thumbnail-gallery .fancybox-thumb {
float: left;
margin: 1px;
}
.krown-thumbnail-gallery .fancybox-thumb.first {
margin-left: 0;
}
.krown-thumbnail-gallery .fancybox-thumb.last {
margin-right: -10px;
} form {
width: 100%;
}
input, textarea {
background: #fff;
border: 1px solid #e9e9e9;
padding: 0 17px;
font-size: 14px;
line-height: 22px;
color: #ccc;
font-weight: 500;
width: 100%;
color: #444; 
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
display: inline-block;
resize: none;
height: 44px;
margin: 0 0 40px 0;
box-shadow: none !important;
border-radius: 0 !important;
} p input {
margin-bottom: 0;
}
textarea {
padding: 17px;
height: 220px;
}
input:focus, textarea:focus {
background: #f7f7f7;
border-color: #dfdfdf;
color: #000;
}
.ie8 input {
padding-top: 10px;
}
.contact-error-border {
border-color: red;
}
.success-message, .error-message {
margin-top: 0;
}
form .column_container {
padding-bottom: 10px;
}
form label {
display: block;
margin-bottom: 10px;
}
form label span {
font-style: italic;
color: #acacac;
}
input[type="submit"] {
font-size: 12px;
line-height: 12px;
font-weight: 700;
padding: 0 30px;
height: 46px;
margin-top: -15px;
text-transform: uppercase;
color: #fff !important;
font-weight: 700;
background-color: #222;
border: none !important;
border-radius: 0 !important;
display: inline !important;
text-align: center;
width: auto !important;
cursor: pointer;
}
input[type="submit"]:hover {
background: #e54939;
}
input[type="checkbox"], input[type="radio"] {
width: auto;
height: auto;
float: left;
margin: 5px 10px 0 0;
}
input[type="checkbox"] {
-webkit-appearance: checkbox !important;
}
input[type="radio"] {
-webkit-appearance: radio !important;
}
input, input[type="submit"], textarea {
-webkit-appearance: none !important;
} .krown-flickr {
margin-left: -1px;
width: 103%;
}
.krown-flickr li {
float: left;
margin: 1px;
list-style: none;
}
.krown-flickr a {
display: block;
}
.krown-flickr img {
vertical-align: middle;
}
.krown-flickr a:hover img {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
opacity: .6;
} .krown-images-list {
list-style: none;
border-right: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9;
}
.krown-images-list li {
float: left;
border-left: 1px solid #e9e9e9;
border-top: 1px solid #e9e9e9;
text-align: center;
padding: 25px 15px;
}
.krown-images-list.col-1 li {
width: 100%;
}
.krown-images-list.col-2 li {
width: 50%;
}
.krown-images-list.col-3 li {
width: 33.33%;
}
.krown-images-list.col-4 li {
width: 25%;
}
.krown-images-list.col-5 li {
width: 20%;
}
.krown-images-list.col-6 li {
width: 16.66%;
}
.krown-images-list a {
display: block;
width: 100%;
}
.krown-images-list a img {
opacity: .4;
-webkit-transition: opacity 220ms linear;
transition: opacity 220ms linear;
}
.krown-images-list a:hover img {
opacity: 1;
} .carousel {
width: 100%;
height: auto;
margin-bottom: -20px;
position: relative;
}
.carousel .inner {
overflow: hidden;
}
.carousel .inner ul {
width: 5000px;
padding-bottom: 20px;
}
.carousel .post-nav {
top: -90px;
}
.carousel .responsive-test {
width: 10px;
} .posts-grid {
list-style: none;
margin-left: -17px;
}
.krown-latest-posts.no-carousel .posts-grid {
border-top: none;
width: 110%;
overflow: hidden;
}
.posts-grid .item {
float: left;
margin: 0 17px;
}
.posts-grid h3 {
text-transform: none;
font-size: 14px;
font-weight: 600;
line-height: 22px;
margin: 25px 0 -2px 0;
}
.posts-grid time {
font-size: 12px;
line-height: 12px;
font-weight: 500;
color: #656565;
}
.posts-grid a:hover h3 {
color: #e54939;
}
.posts-grid p {
font-size: 12px;
line-height: 20px;
margin: 14px 0 0 0;
}
.posts-grid .post-img {
max-width: none;
width: 100%;
}
.posts-grid .post-img-link {
display: block;
background: #f2f2f2;
position: relative;
}
.posts-grid .post-img-link:after {
display: block;
position: absolute;
font-size: 44px;
line-height: 100%;
font-family: 'fontello';
color: #222;
width: 100%;
text-align: center;
top: 50%;
margin-top: -22px;
}
.posts-grid .post-img-link.link:after {
content: "";
}
.posts-grid .post-img-link.quote:after {
content: "";
}
.posts-grid .post-img-link.standard:after {
content: "";
}
.posts-grid .post-img-link.image:after {
content: "📷";
}
.posts-grid .post-img-link.gallery:after {
content: "";
}
.posts-grid .post-img-link.video:after {
content: "🎬";
}
.posts-grid .post-img-link.audio:after {
content: "";
}
.posts-grid .post-img-link.no-icon:after {
display: none;
} .krown-latest-portfolio .folio-grid {
width: auto;
margin-top: 0 !important;
}
.krown-latest-portfolio .item {
margin-top: 0;
} .list.carousel .inner ul {
width: 100%;
margin: 0;
}
.list .posts-grid .item {
width: 100%;
margin: 0;
border-bottom: 1px solid #e9e9e9;
min-height: 80px;
overflow: hidden;
-webkit-transition: 150ms background-color linear;
transition: 150ms background-color linear;
}
.list .posts-grid .item-link {
height: 100%;
position: relative;
display: block;
}
.list .posts-grid .post-img-link {
width: 159px !important;
height: 103% !important;
position: absolute;
margin: 0;
top: 0;
left: 0;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.list .posts-grid .content {
padding: 28px 25px 28px 200px;
width: 100%;
}
.list .posts-grid h3 {
margin: 0;
float: left;
font-size: 15px;
line-height: 21px;
padding-top: 1px;
width: 60%;
}
.list .posts-grid .time, .list .posts-grid .comments {
float: right;
font-size: 12px;
line-height: 12px;
color: #656565;
font-weight: 600;
margin-top: 5px;
}
.list .posts-grid .comments {
margin-left: 50px;
position: relative;
top: -3px;
}
.list .posts-grid .comments:before {
font-size: 21px;
display: inline-block;
position: relative;
top: 3px;
right: 10px;
}
.list .posts-grid .s {
display: none;
}
.list .posts-grid .item:hover {
background: #f9f9f9;
}
.list .posts-grid .item:hover h3 {
color: #e54939;
}
.list.carousel[data-visible="four"] .posts-grid {
min-height: 320px;
}
.list.carousel[data-visible="three"] .posts-grid {
min-height: 240px;
}
.list.carousel[data-visible="two"] .posts-grid {
min-height: 160px;
} .krown-promo {
padding: 30px;
}
.krown-promo.light-1 {
background: #fff;
border: 1px solid #e9e9e9;
}
.krown-promo.light-2 {
background: #f9f9f9;
border: 1px solid #e9e9e9;
}
.krown-promo.dark {
background: #222;
color: #bbb;
}
.krown-promo.color {
background: #e54939;
color: #fff;
} .krown-pie {
text-align: center;
}
.krown-pie .holder {
width: 150px;
margin: auto;
position: relative;
overflow: hidden;
}
.krown-pie .holder span {
display: block;
position: relative;
z-index: 5;
}
.krown-pie .value {
font-size: 60px;
line-height: 60px;
font-weight: 500;
letter-spacing: -5px;
padding: 35px 5px 0 0;
}
.krown-pie .subtitle {
font-size: 14px;
line-height: 14px;
font-weight: 500;
padding-top: 30px;
}
.krown-pie .title {
font-size: 18px;
line-height: 21px;
font-weight: 700;
padding-top: 40px;
}
.krown-pie .pie-holder {
position: absolute;
top: 1px;
left: 0;
width: 150px;
height: 150px;
border: 3px solid #d7d7d7;
border-radius: 75px;
z-index: 1;
}
.krown-pie .pie-blank {
position: absolute;
border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #fff;
border-style: solid;
border-width: 110px;
left: 50%;
margin-left: -110px;
top: -45px;
z-index: 3;
}
.krown-pie .pie-canvas {
position: absolute;
top: -81px;
left: -80px;
z-index: 2;
-ms-transform: scale(.5) rotate(226deg);
-webkit-transform: scale(.5) rotate(226deg);
transform: scale(.5) rotate(226deg);
}
.krown-pie.large .holder {
width: 212px;
}
.krown-pie.large .value {
font-size: 70px;
line-height: 70px;
font-weight: 700;
padding-top: 62px;
}
.krown-pie.large .subtitle {
padding-top: 56px;
}
.krown-pie.large .title {
font-weight: 700;
}
.krown-pie.large .pie-holder {
width: 210px;
height: 210px;
border-radius: 105px;
border-width: 2px;
}
.krown-pie.large .pie-blank {
border-width: 151px;
margin-left: -151px;
top: -60px;
}
.krown-pie.large .pie-canvas {
left: -109px;
top: -111px;
}
.krown-pie.addk .value:after {
content: "k";
} .krown-pricing {
border: 1px solid #e9e9e9;
border-top: none;
text-align: center;
margin-top: 30px;
}
.krown-pricing.col-1 .krown-pricing-column {
width: 100%;
}
.krown-pricing.col-2 .krown-pricing-column {
width: 50%;
}
.krown-pricing.col-3 .krown-pricing-column {
width: 33.33%;
}
.krown-pricing.col-4 .krown-pricing-column {
width: 25%;
}
.krown-pricing.col-5 .krown-pricing-column {
width: 20%;
}
.krown-pricing-column {
float: left;
border-left: 1px solid #e9e9e9;
background: #fff;
position: relative;
}
.krown-pricing-column:first-child {
border-left: none;
}
.krown-pricing-title {
border-bottom: 1px solid #e9e9e9;
border-top: 1px solid #e9e9e9;
padding: 25px 0 30px;
background: #f9f9f9;
position: relative;
}
.krown-pricing-title h3 {
font-size: 56px;
line-height: 56px;
font-weight: 600;
letter-spacing: -2px;
color: #212121;
margin: 0 0 20px;
}
.krown-pricing-title h5 {
font-size: 13px;
line-height: 13px;
text-transform: uppercase;
font-weight: 700;
margin: 0;
}
.krown-pricing-title sub, .krown-pricing-title sup {
color: #797979 !important;
letter-spacing: 0;
text-transform: none;
}
.krown-pricing-title sub {
font-size: 14px;
line-height: 14px;
padding-left: 3px;
}
.krown-pricing-title sup {
font-size: 24px;
font-weight: 700;
left: -5px;
line-height: 24px;
position: relative;
top: 13px;
}
.krown-pricing-column.featured .krown-pricing-title {
background: #222;
border-color: transparent;
}
.krown-pricing-column.featured .krown-pricing-title * {
color: #fff;
}
.krown-pricing-column.featured .featured-text {
position: absolute;
text-align: center;
width: 100%;
top: -25px;
left: 0;
font-size: 12px;
line-height: 12px;
color: #656565 !important;
}
.krown-pricing-content {
font-weight: 500;
font-size: 12px;
}
.krown-pricing-content ul li:first-child {
padding-top: 11px;
}
.krown-pricing-content ul li:last-child {
padding-bottom: 11px;
}
.krown-pricing-button {
border-top: 1px solid #e9e9e9;
padding: 30px 0;
} .krown-progress-bars ul {
list-style: none;
margin: 0;
}
.krown-progress-bars li {
margin-bottom: 32px;
}
.krown-progress-bars h6 {
font-size: 14px;
line-height: 14px;
font-weight: 500;
margin-bottom: 10px;
}
.krown-progress-bars p {
display: block;
text-indent: -9999px;
background: #d8d8d8;
height: 8px;
width: 100%;
border-radius: 5px;
position: relative;
margin: 0;
}
.krown-progress-bars .bar {
display: block;
position: absolute;
top: 0;
left: 0;
height: 8px;
width: 0;
border-radius: 5px;
background: #e54939;
overflow: visible !important;
}
.krown-progress-bars .text {
background: #212121;
color: #fff;
font-size: 11px;
line-height: 21px;
font-weight: 500;
height: 22px;
letter-spacing: -1px;
padding: 0 7px;
position: absolute;
right: -14px;
text-indent: 0 !important;
top: -29px;
border-radius: 5px;
display: block;
opacity: 0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.krown-progress-bars .text:after {
top: 100%; 
left: 50%; 
border: solid transparent; 
content: " "; 
height: 0; 
width: 0; 
position: absolute; 
pointer-events: none; 
border-color: rgba(33, 33, 33, 0); 
border-top-color: #212121; 
border-width: 5px; 
margin-left: -5px;
margin-top: -2px;
}
.krown-progress-bars .text.check-size {
position: fixed;
} .krown-section-title h2 {
font-size: 13px;
line-height: 18px;
font-weight: 700;
margin: 0 0 25px 0;
text-transform: uppercase;
}
.krown-section-title hr {
width: 100%;
background-color: #e9e9e9;
height: 1px;
border: none;
margin: 0;
}
.krown-section-title.no_border h2 {
text-transform: none;
margin: 0;
font-size: 14px;
line-height: 19px;
}
.krown-section-title.no_border hr {
display: none;
} .aligncenter {
text-align: center;
}
img.aligncenter {
display: block;
margin: auto;
}
.alignright {
float: right;
margin: 0 0 15px 15px;
}
.alignleft {
float: left;
margin: 0 15px 15px 0;
}
.krown-single-image {
margin: 0;
max-width: 100%;
} .flexslider {
background: none;
padding: 0;
box-shadow: none;
margin: 0;
border-radius: 0;
border: none;
}
.flexslider .slides {
overflow: hidden;
}
.flexslider li {
margin: 0;
padding: 0;
border: none;
}
.flexslider .slides > li {
position: relative;
}
.flexslider.mini {
background: url(//www.duurzaambouwmetaal.nl/wp-content/themes/better/images/preloader-f7.gif) no-repeat center center #f7f7f7;
}
.flexslider.mini .slides {
opacity: 0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.masonry-post .flexslider.mini {
min-height: 0;
}
.flex-direction-nav a {
width: 34px;
height: 34px;
line-height: 34px;
margin-top: -17px;
border-radius: 0 !important;
background: #fff;
color: #b1b1b1;
text-shadow: none !important;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
opacity: 0 !important;
}
.flex-direction-nav a:hover {
background: #000;
color: #fff;
border-color: transparent;
}
.flex-direction-nav a.flex-prev {
left: 0 !important;
}
.flex-direction-nav a.flex-next {
right: 0 !important;
left: auto !important;
}
.flex-direction-nav a:before {
position: relative;
font-size: 18px;
font-family: fontello;
margin-top: -1px;
}
.flex-direction-nav a.flex-prev:before {
margin-left: 7px;
content: "";
}
.flex-direction-nav a.flex-next:before {
margin-right: 7px;
content: "";
}
.mini .flex-direction-nav a {
border: none;
color: #fff;
background: #ccc;
background: rgba(0,0,0,.2);
}
.mini .flex-direction-nav a:before {
top: 1px;
}
.mini .flex-direction-nav a.flex-prev {
border-radius: 0 5px 5px 0;
}
.mini .flex-direction-nav a.flex-next {
border-radius: 5px 0 0 5px;
}
.mini .flex-direction-nav a:hover {
background: #000;
color: #fff;
border-color: transparent;
}
.flex-control-nav {
width: 100%;
left: 0;
bottom: auto;
}
.flex-control-nav li {
margin: 0 2px;
display: inline-block;
}
.flex-control-nav li a {
width: 7px;
height: 7px;
display: block;
background-color: #b9b9b9;
cursor: pointer;
text-indent: -9999px;
border-radius: 4px;
box-shadow: none !important;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
opacity: 0 !important;
}
.flex-control-nav li a.flex-active {
background-color: #e54939;
}
.nav-bullets-top .flex-control-nav {
top: -40px;
}
.nav-bullets-bottom .flex-control-nav {
bottom: -70px;
}
.flex-caption {
background: #333;
background: rgba(0,0,0,.3);
bottom: 10px;
color: #fff;
font-size: 13px;
line-height: 13px;
margin: 0;
padding: 11px 15px;
position: absolute;
right: 10px;
}
.mini.flexslider:hover .flex-direction-nav a, .krown-column-row:hover .krown-tour.flexslider .flex-direction-nav a, .mini.flexslider:hover .flex-control-nav a, .krown-column-row:hover .krown-tour.flexslider .flex-control-nav a {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
opacity: 1 !important;
}
.flexslider.krown-tour {
padding: 0 140px;
overflow: visible !important;
}
.flexslider.krown-tour img {
width: auto !important;
}
.flexslider.krown-tour .slides > div, .flexslider.krown-tour .slides > section {
display:none;
-webkit-backface-visibility:hidden;
}
.flexslider.krown-tour .slides > section > h5 {
display: none;
}
.flexslider.krown-tour .flex-direction-nav a:hover {
background: #e54939;
}
.krown-tour.no-space-slider {
padding: 0 !important;
}
.krown-tour.bottom-left-controls .flex-direction-nav a, .krown-tour.bottom-left-controls .flex-control-nav {
float: left;
position: absolute;
top: auto !important;
bottom: -70px !important;
}
.krown-tour.bottom-left-controls .flex-direction-nav .flex-next {
right: auto !important;
left: 51px !important;
}
.krown-tour.bottom-left-controls .flex-control-nav {
text-align: left;
}
.krown-tour.flexslider.no-hide-controls .flex-direction-nav a, .krown-tour.flexslider.no-hide-controls .flex-control-nav a {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1 !important;
} .tparrows.default {
width: 34px;
height: 34px;
line-height: 34px;
margin-top: -17px;
border-radius: 0 !important;
background: #fff;
color: #b1b1b1;
}
.tparrows.default:hover {
background: #000;
color: #fff;
border-color: transparent;
}
.tparrows.default.tp-leftarrow {
left: 0 !important;
}
.tparrows.default.tp-rightarrow {
right: 0 !important;
}
.tparrows.default.tparrows.default:before {
position: relative;
margin-top: -1px;
font-family: fontello;
}
.tparrows.default.tp-leftarrow:before {
margin-left: 8px;
content: "";
}
.tparrows.default.tp-rightarrow:before {
margin-left: 11px;
content: "";
}
.tp-bullets.simplebullets.round {
padding: 5px;
border-radius: 10px;
background: #ccc;
background: rgba(0,0,0,.2);
}
.tp-bullets.simplebullets.round .bullet {
width: 7px;
height: 7px;
background: #fff;
border-radius: 4px;
margin: 0 2px;
}
.tp-bullets.simplebullets.round .bullet.selected {
background: #e54939;
}
.tp-bullets.simplebullets.round .bullet:hover {
background: #000;
} .krown-social ul {
margin: 0;
height: 28px;
}
.krown-social li {
position: relative;
cursor: pointer;
text-align: center;
display: inline-block;
margin: 0 0 0 9px !important;
padding: 0;
border: none;
width: 25px;
}
.krown-social li:first-child {
margin-left: -3px !important;
}
.krown-social i:before {
font-size: 20px;
width: 25px;
color: #adadad;
top: 0;
left: 0;
position: absolute;
}
.krown-social a:hover i:before {
color: #e54939;
}
.krown-social a {
display: block;
height: 25px;
width: 25px;
} .krown-tabs .titles {
border-bottom: 1px solid #e9e9e9;
}
.krown-tabs .titles li {
float: left;
display: table;
padding: 0;
border: 1px solid #e9e9e9;
margin: 0 -1px -1px 0;
height: 50px;
cursor: pointer;
position: relative;
}
.krown-tabs .titles h5 {
margin: auto;
width: 100%;
font-size: 13px;
font-weight: 500;
color: #212121;
line-height: 15px;
padding: 2px 30px 0 25px;
display: table-cell;
vertical-align: middle;
}
.krown-tabs .titles h5:before {
font-size: 18px;
margin-right: 20px;
position: relative;
top: 1px;
height: 20px;
}
.krown-tabs .titles li:hover h5, .krown-tabs .titles .opened h5 {
color: #e54939;
}
.krown-tabs .titles .opened h5 {
font-weight: 700;
}
.krown-tabs .contents {
min-height: 200px;
padding: 40px 25px 0;
}
.krown-tabs .contents > div, .krown-tabs .contents > section {
display: none;
}
.krown-tabs .contents > div.opened, .krown-tabs .contents > section.opened{ 
display: block;
}
.krown-tabs.horizontal .titles .opened {
border-top-color: #e54939;
border-bottom-color: #fff !important;
}
.krown-tabs.vertical .titles {
width: 22%;
float: left;
}
.krown-tabs.vertical .titles li {
float: none;
margin: 0 0 -1px 0;
width: 100%;
border-left-color: transparent;
}
.krown-tabs.vertical .titles h5 {
padding: 2px 10px 0 20px;
}
.krown-tabs.vertical .titles h5:before {
font-size: 18px;
margin-right: 15px;
top: 1px;
height: 20px;
}
.krown-tabs.vertical .titles .opened {
border-left-color: #e54939;
border-right-color: #fff !important;
}
.krown-tabs.vertical .contents {
float: right;
width: 73%;
padding: 0;
}
.krown-tabs .contents > section > h5:first-child {
display: none;
} .krown-column-container > .krown-team {
width: 100%;
}
.krown-team {
text-align: center;
border-bottom: 1px solid #e9e9e9;
}
.krown-team h4 {
font-size: 14px;
line-height: 18px;
font-weight: 600;
margin: 27px 0 2px;
}
.krown-team h5 {
font-size: 12px;
line-height: 16px;
font-weight: 500;
margin: 0 0 25px;
color: #656565;
}
.krown-team .content {
background: #fff;
}
.krown-team .content > div {
display: none;
margin: -10px 0 15px;
}
.krown-team:hover {
border-color: #e54939;
}
.no-js .krown-team:hover .content > div {
display: block;
}
.krown-team-visible {
overflow: visible !important;
} .krown-testimonial {
text-align: center;
}
.krown-testimonial blockquote {
font-size: 38px;
line-height: 46px;
margin: 0;
padding: 0;
border: none;
}
.krown-testimonial figcaption {
margin-top: 60px;
font-size: 16px;
font-weight: 800;
text-transform: uppercase;
line-height: 20px;
}
.krown-testimonial figcaption:before {
font-family: fontello;
font-size: 53px;
content: "";
font-weight: 400;
color: #aaa;
}
.krown-testimonial p {
margin-bottom: 0;
padding: 0;
}
.krown-testimonial span {
font-size: 17px;
font-weight: 400;
text-transform: none;
}
.krown-testimonial.style-two blockquote {
font-family: 'Amatic SC', cursive;
font-size: 60px;
line-height: 72px;
}
.krown-testimonial.style-two figcaption {
font-size: 19px;
text-transform: none;
line-height: 22px;
font-weight: 400;
}
.krown-testimonial.style-two figcaption:before {
display: none;
}
.krown-testimonial.style-two i {
font-size: 24px;
line-height: 24px;
margin-right: 12px;
color: #aaa;
}
.single-portfolio .krown-testimonial blockquote {
font-size: 29px;
line-height: 37px;
font-weight: 300;
}
.single-portfolio .krown-testimonial figcaption {
font-size: 14px;
}
.single-portfolio .krown-testimonial span {
text-transform: uppercase;
font-size: 14px;
} .krown-text-icon h3 {
font-size: 14px;
line-height: 19px;
font-weight: 600;
text-transform: none;
color: #212121;
display: inline-block;
}
.krown-text-icon a:hover h3 {
color: #e54939;
}
.krown-text-icon i {
font-size: 32px;
line-height: 32px;
display: block;
cursor: default;
}
.krown-text-icon .content {
font-size: 12px;
line-height: 18px;
}
.krown-text-icon .content > *:last-child {
margin-bottom: 0;
}
.krown-text-icon.style-one {
position: relative;
padding-left: 50px;
text-align: left;
}
.krown-text-icon.style-one h3 {
margin: 0 0 7px;
}
.krown-text-icon.style-one i {
position: absolute;
top: 2px;
left: 0;
text-align: center;
color: #e54939;
width: 0px;
}
.krown-text-icon.style-two {
text-align: center;
}
.krown-text-icon.style-two h3 {
margin: 15px 0 7px;
}
.krown-text-icon.style-three  {
border: 1px solid #e9e9e9;
height: 260px;
width: 100%;
display: table;
}
.krown-text-icon.style-three .icon-wrap {
display: table-cell;
vertical-align: middle;
text-align: center;
padding: 20px;
position: relative;
}
.krown-text-icon.style-three h3 {
width: 100%;
font-size: 16px;
color: #212121 !important;
position: relative;
}
.krown-text-icon.style-three i {
font-size: 56px;
line-height: 56px;
position: relative;
}
.krown-text-icon.style-three a i {
cursor: pointer;
}
.krown-text-icon.style-three hr {
width: 77px;
height: 3px;
background: #e9e9e9;
border: none;
margin: 20px auto;
position: relative;
}
.krown-text-icon.style-three .krown-button-holder {
position: absolute;
display: block;
bottom: 60px;
left: 0;
width: 100%;
opacity: 0;
-webkit-transition: none;
transition: none;
}
.krown-text-icon.style-three a:hover {
background: #f9f9f9;
}
.krown-text-icon.style-four {
text-align: center;
}
.krown-text-icon.style-four i {
font-size: 58px;
line-height: 58px;
}
.krown-text-icon.style-four h3 {
font-size: 40px;
line-height: 40px;
font-weight: 700;
color: #000;
margin-top: 20px;
}
.krown-text-icon.style-four h3:after {
content: "";
width: 77px;
height: 3px;
background: #e9e9e9;
border: none;
margin: 25px auto -5px;
display: block;
}
.krown-text-icon.style-four .content {
font-size: 15px;
line-height: 22px;
font-weight: 500;
color: #000;
} .krown-toggle h5 {
border-top: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9;
padding: 40px 30px 36px 90px;
color: #000;
font-size: 18px;
line-height: 24px;
font-weight: 600;
cursor: pointer;
position: relative;
text-transform: uppercase;
margin: 0 0 -1px 0;
}
.krown-toggle h5:before {
display: block;
position: absolute;
content: "";
font-family: 'fontello';
color: #999;
border: 1px solid #e9e9e9;
background: #f8f8f8;
font-size: 16px;
width: 36px;
height: 36px;
border-radius: 18px;
text-align:center;
padding-top: 5px;
font-weight: 400;
top: 33px;
left: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.krown-toggle h5:hover {
background: #f9f9f9;
}
.krown-toggle.opened h5 {
background: #f4f4f4;
font-weight: 700;
}
.krown-toggle.opened h5:before {
color: #FFF;
background: #e54939;
border-color: transparent;
content: "";
}
.krown-toggle .content {
display: none;
padding: 40px 0 40px 90px;
}
.krown-toggle .krown-column-row {
margin-bottom: 40px;
}
.krown-toggle.opened:last-child {
border-bottom: 1px solid #e9e9e9;
} .krown-twitter {
position:relative;
}
.krown-twitter img {
width: 48px;
height: 48px;
position: absolute;
top: 0;
left: 0;
}
.krown-twitter > a, .krown-twitter > iframe {
float: left;
display: block;
clear: left;
margin-left: 68px;
}
.krown-twitter > a h5 {
float: left;
font-size: 14px;
line-height: 14px;
font-weight: 700;
margin: 0;
}
.krown-twitter > a span {
float: left;
font-size: 11px;
color: #656565;
margin-top: -3px;
}
.krown-twitter > iframe {
float: left;
margin-top: 3px;
}
.krown-twitter ul {
float: left;
margin-top: 20px;
min-height: 171px;
clear: left;
}
.krown-twitter li {
display: none;
overflow: hidden;
list-style: none;
padding-top: 20px !important;
border-top: 1px solid #e9e9e9 !important;
}
.krown-twitter li:first-child {
display: block;
}
.krown-twitter .body {
line-height: 20px;
margin-bottom: 7px;
}
.krown-twitter .time {
color: #6b6b6b;
font-size: 12px;
padding: 0;
margin-top: 13px;
display: block;
}
.krown-twitter .intents {
border-top: 1px solid #e9e9e9;
margin-top: 21px;
padding-top: 13px;
width: 110%;
height: 40px;
overflow: hidden;
}
.krown-twitter .intents a {
background: url(//www.duurzaambouwmetaal.nl/wp-content/themes/better/images/twitter.png) no-repeat 0 3px transparent;
padding-left: 30px;
float: left;
}
.krown-twitter .intents .retweet {
background-position: 0 -16px;
padding-left: 35px;
}
.krown-twitter .intents .favorite {
background-position: 0 -36px;
padding-left: 27px;
} .mejs-container {
width:100%;
overflow: hidden !important;
}
.mejs-container .mejs-controls {
background:#242424;
width:100%;
}
.mejs-container .mejs-controls div {
width:30px;
height:30px;
}
.mejs-time.mejs-duration-container {
padding-right:5 !important;
}
.mejs-controls .mejs-button button, .no-svg .mejs-controls .mejs-button button {
background-image:url(//www.duurzaambouwmetaal.nl/wp-content/themes/better/images/mediaelement/controls-goodwork.png);
width:30px;
height:30px;
margin:0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30);
opacity:.3;
}
.mejs-controls .mejs-button button:hover {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
opacity:.8;
}
.mejs-controls .mejs-button button:focus {
outline:none;
}
.mejs-controls .mejs-play button {
background-position:-1px -29px;
}
.mejs-controls .mejs-pause button {
background-position:0 0;
}
.mejs-controls .mejs-mute button {
background-position:-31px 0;
}
.mejs-controls .mejs-unmute button {
background-position:-31px -30px;
}
.mejs-controls .mejs-fullscreen-button button {
background-position:-61px 0;
}
.mejs-controls .mejs-fullscreen-button.mejs-unfullscreen button {
background-position:-60px -30px;
}
.mejs-container .mejs-controls .mejs-time {
height:30px;
}
.mejs-container .mejs-controls .mejs-time span {
font:bold 11px Arial, sans-serif;
color:#8E8E8E;
padding:0 10px;
}
.mejs-container .mejs-controls .mejs-time.mejs-currenttime-container {
margin-right:-55px;
}
.mejs-controls div.mejs-time-rail {
padding-top:8px;
margin:0 50px 0 50px;
}
.mejs-controls .mejs-time-rail span {
height:4px;
border-radius:0;
}
.mejs-controls .mejs-time-rail .mejs-time-total {
background:#5E5E5E;
box-shadow:none;
}
.mejs-controls .mejs-time-rail .mejs-time-buffering {
background:#5E5E5E;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
background:#777;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
background:#e54939
}
.mejs-controls .mejs-time-rail .mejs-time-handle, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
background:url(//www.duurzaambouwmetaal.nl/wp-content/themes/better/images/mediaelement/controls-goodwork.png) no-repeat -95px 0 transparent;
width:5px;
height:12px;
top:-4px;
display:block;
border:none;
border-radius:0;
position:absolute;
cursor:pointer;
left:-2px;
}
.mejs-controls .mejs-time-rail .mejs-time-float {
display:none !important;
}
.mejs-container .mejs-controls div.mejs-time.mejs-duration-container {
margin-left:-55px; 
}
.mejs-button.mejs-volume-button.mejs-mute, .mejs-button.mejs-volume-button.mejs-unmute {
border-left:1px solid #000;
border-right:1px solid #000;
padding-right:1px;
margin-right:15px;
}
.mejs-button.mejs-playpause-button {
border-right:1px solid #000 !important;
}
.mejs-video.mejs-container .mejs-button.mejs-volume-button.mejs-mute, .mejs-video .mejs-button.mejs-volume-button.mejs-unmute {
margin-right:1px;
}
.mejs-container .mejs-controls div.mejs-horizontal-volume-slider {
margin-right:35px;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
height:4px;
border-radius:0;
box-shadow:none;
background:#777;
margin-top:2px;
cursor:pointer;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
background:#e54939;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
top:9px;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider {
width:30px;
left:-1px;
background:#3B3B3B;
height:120px;
top:-120px;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total, .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current, .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle  {
margin-left:2px;
margin-top:3px;
width:4px;
cursor:pointer;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
background:#777;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
background:#e54939;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
width:12px;
height:7px;
border-radius:0;
border:none;
left:7px;
background:url(//www.duurzaambouwmetaal.nl/wp-content/themes/better/images/mediaelement/controls-goodwork.png) no-repeat -95px -13px transparent;
}
.mejs-overlay-button, .no-svg .mejs-overlay-button {
background:url(//www.duurzaambouwmetaal.nl/wp-content/themes/better/images/mediaelement/bigplay-goodwork.png) no-repeat 0 2px #181818;
background-color:rgba(24,24,24,.8);
width:48px;
height:48px;
border-radius:0;
margin: -24px 0 0 -24px !important;
}
.mejs-overlay:hover .mejs-overlay-button {
background-position:0 -50px;
background-color:#e54939;
}
.mejs-overlay-loading {
background:#181818;
background:rgba(24, 24, 24, 0.9);
height:60px;
margin:-30px 0 0 -30px;
width:60px;
display: none;
}
.mejs-overlay-loading span {
background-image:url(//www.duurzaambouwmetaal.nl/wp-content/themes/better/images/mediaelement/loading-goodwork.gif);
height:60px;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);
opacity:0.9;
width:60px;
}
.mejs-horizontal-volume-slider.mejs-mute {
width: 1px !important;
margin-right: 1px !important;
}
.mejs-audio .mejs-button.mejs-volume-button {
border-right-color: transparent !important;
}
.mejs-audio .mejs-button.mejs-volume-button button {
left: 8px;
} .wp-playlist {
overflow: hidden;
}
.wp-playlist-tracks {
background: #242424;
border-top: 1px solid #000;
margin-top: 0;
padding: 1px 0;
width: 100.1%;
}
.wp-playlist-item {
border-bottom: 1px solid #000;
padding: 5px 15px;
position: relative;
}
.wp-playlist-caption {
color: #ccc;
display: block;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
}
.wp-playlist-tracks .wp-playlist-caption:hover {
color: #fff;
}
.wp-playlist-item-length {
color: #8b8b8b;
font-family: 'Arial';
font-size: 11px;
font-weight: 700;
position: absolute;
right: 10px;
top: 5px;
} .sticky, .gallery-caption, .bypostauthor {
}
.wp-caption {
max-width: 100% !important;
margin: 18px 0;
}
.wp-caption-text {
font-style: italic;
margin: 0;
text-align: center;
}
.wp-video, .wp-playlist {
width: 100% !important;
max-width: none !important;
margin: 18px 0;
}
.wp-audio-shortcode {
margin: 18px 0;
}
.ie7 #oldie {
display:block;
}
.ie7 body {
overflow:hidden;
background: #fff !important;
width: 100% !important;
height: 100% !important;
position: absolute !important;
border: none !important;
}
.ie7 #primary-header, .ie7 #secondary-header, .ie-7 #page-title, .ie7 #custom-header, .ie7 #content, .ie7 #primary-footer, .ie7 #secondary-footer, .ie7 #tertiary-footer {
display: none !important;
}
.ie7 #oldie {
color: #333;
left: 50%;
margin-left: -150px;
margin-top: -10px;
width: 300px;
top: 50%;
text-align: center;
position: absolute;
display: block;
} #oldie {
display:none;
}
.ie7 #oldie a {
border-bottom: 1px dotted #333;
color: #333;
font-weight: 700;
}
.ie7 #oldie a:hover {
color: #000;
border-bottom: 1px dotted #000;
}
#wp-admin-bar-vc-inline-admin-bar-link, #wp-admin-bar-vc_inline-admin-bar-link {
display: none !important;
}  .responsive-design-cover {    
background: #fff;
color: #212121;
cursor: pointer;
height: 44px;
line-height: 16px;
width: 44px !important;
}
.no-touch .responsive-design-cover:hover {
background: #212121;
color: #fff;
}
.responsive-design-cover select {
height: 100%;
width: 100%;
cursor: pointer;
}
.responsive-design-inner {    
font-size: 0;
line-height: 47px;
text-align: center;
}
.responsive-design-inner:before {
content: "";
font-family: 'fontello';
font-size: 29px;
} .regular-select-cover {
color: #444;
border: 1px solid #e9e9e9;
background: #fff;
height: 44px;
width: 100% !important;
font-size: 16px;
line-height: 16px;
color: #444;
cursor: pointer;
background: transparent;
}
.regular-select-cover select {
height: 100%;
width: 100%;
cursor: pointer;
}
.regular-select-cover option {
padding: 2px 0;
}
.regular-select-inner {
background: url(//www.duurzaambouwmetaal.nl/wp-content/themes/better/images/arrow.png) no-repeat right 3px transparent;
padding: 15px 0 0 17px;
height: 44px;
cursor: pointer;
} .woocommerce-ordering .regular-select-cover, .responsive-filter .regular-select-cover {
font-size: 12px;
line-height: 12px;
text-transform: uppercase;
font-weight: 700;
color: #6b6b6b;
border-radius: 5px;
}
.woocommerce-ordering .regular-select-innert, .responsive-filter .regular-select-innert {
padding-top: 15px;
}
.responsive-filter {
width: 220px;
position: relative;
left: 0;
display: none;
z-index: 9999;
} a, *:before, i, .krown-text-icon *, .krown-tabs .titles *, .top-menu li, .top-menu span, .krown-social.header span, .portfolio-item.classic > a .hover, .krown-accordion h5, input, textarea, button, .filter li, .post-title *, #tertiary-footer .collapsed-title, .tparrows.default, .tp-bullets.simplebullets.round .bullet, .author-avatar .caption, .krown-flickr img, .fancybox-nav span, .fancybox-close, .responsive-design-cover, #custom-tabs li, a h3 {
-webkit-transition: border-color 150ms linear, background-color 150ms linear, color 150ms linear, opacity 150ms linear;
transition: border-color 150ms linear, background-color 150ms linear, color 150ms linear, opacity 150ms linear;
}  @media all and (max-width: 1160px) {
body {
width: 980px;
}
.wrapper {
width: 840px;
}
.folio-grid li {
margin: 60px 15px 0;
}
.cfour .item {
width: 187.5px;
}
.cthree .item {
width: 260px;
}
.ctwo .item {
width: 405px;
}
.layout-right-sidebar .folio-grid .item, .layout-left-sidebar .folio-grid .item {
width: 183px;
}
} @media all and (max-width: 990px) {
body {
width: 100%;
}
.wrapper {
width: 90%;
margin-left: 5% !important;
margin-right: 5% !important;
}
#main-menu {
margin-right: 0 !important;
}
#main-menu .top-menu, #main-search, #main-cart {
display: none !important;
}
#main-menu .responsive-menu {
display: block !important;
position: absolute;
right: -8px;
top: 50%;
}
.krown-tabs .titles h5 {
padding: 5px 15px 0 15px;
}
.krown-tabs .titles h5:before {
display: none;
}
.folio-grid {
width: calc(100% + 30px);
margin: -60px 0 0 -15px !important;
}
.folio-grid li {
margin: 60px 15px 0;
}
.layout-right-sidebar .folio-grid .item, .layout-left-sidebar .folio-grid .item, .cthree .item {
width: calc(33.33% - 30px);
}
.ctwo .item {
width: calc(50% - 30px);
}
.carousel .inner ul {
width: calc(100% + 30px);
margin-left: -15px !important;
}
.carousel .item {
margin-bottom: 60px;
}
} @media all and (max-width: 990px) {
.layout-right-sidebar .folio-grid .item, .layout-left-sidebar .folio-grid .item, .cthree .item {
width: calc(33.33% - 30px);
}
}
@media all and (max-width: 580px) {
.cthree .item {
width: calc(50% - 30px);
}
}
@media all and (max-width: 440px) {
.layout-right-sidebar .folio-grid .item, .layout-left-sidebar .folio-grid .item {
width: calc(50% - 30px);
}
}
@media all and (min-width: 880px) and (max-width: 990px) {
.cfour .item {
width: calc(25% - 30px);
}
}
@media all and (min-width: 440px) and (max-width: 880px) {
.cfour .item {
width: calc(33.33% - 30px);
}
.carousel .responsive-test {
width: 3px;
}
}
@media all and (max-width: 440px) {
.cfour .item {
width: calc(50% - 30px);
}
.ctwo .item {
width: calc(100% - 30px);
}
.carousel .responsive-test {
width: 2px;
}
} @media all and (max-width: 880px) {
#custom-tabs i {
display: none;
}
#custom-tabs h4 {
margin-left: 0;
text-align: center;
}
.list .posts-grid .s {
display: block;
}
.list .posts-grid .l {
display: none;
}
} @media all and (max-width: 740px) {
#breadcrumbs {
display: none;
}
#logo {
margin-top: 35px;
}
#main-menu .responsive-menu {
top: 25px;
}
.krown-column-container {
width: 100% !important;
margin-left: 0 !important;
margin-top: 50px;
}
.krown-column-row .krown-column-container:first-child {
margin-top: 0;
}
#content > .wrapper {
padding: 0 0 100px;
}
#content > .wrapper + .full-width-slider {
margin-top: -100px;
}
.sub-content, #sidebar, #content.layout-right-sidebar .sidebar-content, #content.layout-left-sidebar .sidebar-content {
width: 100%;
}
#sidebar {
margin-top: 50px;
}
.footer-left, .footer-right {
width: 100%;
}
.folio-title h1 {
font-size: 30px;
line-height: 38px;
padding-right: 160px;
}
.post-nav {
top: -4px;
}
.post-title h2, .post-title h1 {
font-size: 39px;
line-height: 39px;
}
.krown-pricing-title {
border-top: none;
}
.portfolio.third-slider > .krown-column-container:first-child {
margin-top: 0;
}
.portfolio.third-slider .post-nav {
right: 0;
left: auto;
margin: 0;
}
.portfolio.third-slider .folio-title {
margin-top: -10px;
}
.portfolio.third-slider h1 {
margin-top: 0;
padding-top: 0;
}
#comments-list .children li, #comments-list .children .children li {
padding-left: 0;
}
span.extreme {
font-size: 42px;
line-height: 52px;
}
span.large {
font-size: 32px;
line-height: 42px;
}
span.medium {    
font-size: 28px;
line-height: 38px;
}
#filter {
margin-bottom: 30px;
}
.responsive-filter {
display: block;
}
#filter ul {
display: none;
}
.pagination, .woocommerce-pagination {
margin-left: 0;
text-align: center;
}
.single-product .images {
width: 100%;
}
.single-product .images .thumbnails {
display: none;
}
.single-product .summary {
width: 100%;
padding: 40px 0 0 0;
}
.krown-pricing {
border: none;
}
.krown-pricing-column {
border: 1px solid #e9e9e9 !important;
width: 100% !important;
margin-bottom: 30px;
}
.list .posts-grid .comments {
margin-left: 35px;
}
form .krown-column-container {
margin-top: 0;
}
}
@media all and (max-width: 640px) {
#custom-tabs h4 {
display: none;
}
#custom-tabs i {
display: block;
left: 0;
text-align: center;
width: 100%;
}
.list .posts-grid .comments {
display: none;
}
.list .posts-grid .post-img-link {
width: 119px !important;
}
.list .posts-grid .content {
padding-left: 150px;
}
.krown-accordion .content {
padding-left: 20px;
}
}
@media all and (max-width: 480px) {
.list .posts-grid .post-img-link {
display: none;
}
.list .posts-grid .content {
padding-left: 0;
}
} @media all and (max-width: 300px) {  
html, body {
overflow-x: scroll;
width: 300px !important;
}
} @media all and (min-width:740px){
#main-menu .responsive-menu {
margin-top: -18px;
}
}
@media all and (max-width:560px){
#mini .right {
display: none;
}
} @media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi){ 
#logo .default {
display: none !important;
}
#logo .retina {
display: block;
}
.mejs-overlay-loading span {
background-image:url(//www.duurzaambouwmetaal.nl/wp-content/themes/better/images/mediaelement/loading-goodwork_x2.gif);
background-size:32px 32px;
}
.mejs-overlay-button, .no-svg .mejs-overlay-button {
background-image:url(//www.duurzaambouwmetaal.nl/wp-content/themes/better/images/mediaelement/bigplay-goodwork_x2.png);
background-size:49px 98px;
}
.mejs-overlay:hover .mejs-overlay-button {
background-position:0 -50px;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle, .mejs-controls .mejs-time-rail .mejs-time-handle, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle, .mejs-controls .mejs-button button, .no-svg .mejs-controls .mejs-button button {
background-image:url(//www.duurzaambouwmetaal.nl/wp-content/themes/better/images/mediaelement/controls-goodwork_x2.png);
background-size:110px 60px;
}
.krown-twitter .intents a {
background-image: url(//www.duurzaambouwmetaal.nl/wp-content/themes/better/images/twitter_x2.png);
background-size: 26px 60px;
}
.fancybox-thumb span {
background-image: url(//www.duurzaambouwmetaal.nl/wp-content/themes/better/images/cross_x2.png);
background-size: 38px 38px;
}
#fancybox-loading div {
background-image: url(//www.duurzaambouwmetaal.nl/wp-content/themes/better/images/preloader-222_x2.gif);
background-size: 32px 32px;
}
.fancybox-nav span, .fancybox-close {
background-image: url(//www.duurzaambouwmetaal.nl/wp-content/themes/better/images/sharpSprites_x2.png);
background-size: 151px 50px;
}
.flexslider.mini, .page-template-template-contact-php .header-image {
background-image: url(//www.duurzaambouwmetaal.nl/wp-content/themes/better/images/preloader-f7_x2.gif);
background-size: 24px 24px;
}
.regular-select-inner {
background-image: url(//www.duurzaambouwmetaal.nl/wp-content/themes/better/images/arrow_x2.png);
background-size: 29px 37px;
}
} .krown-section-title h2 {
font-size: 20px;
font-weight: 300;
line-height: 24px;
margin: 0 0 25px;
text-transform: uppercase;
color: #44d24f;
}
.top-menu > li > a {
border-bottom: 1px solid transparent;
font-size: 14px;
font-weight: 300;
line-height: 12px;
text-transform: uppercase;
padding: 0px 20px 35px;
letter-spacing: 0.2px;
}
}
#custom-tabs li.selected, .top-menu > li:hover > a, .top-menu > li.selected > a, .sub-menu li:hover, .sub-menu li:hover + li, #sidebar .widget_nav_menu li.current-menu-item, .csstransitions .no-touch .folio-grid a:hover .caption, .folio-grid a.iehover .caption, .krown-tabs.horizontal .titles .opened, .krown-tabs.vertical .titles .opened, .krown-team:hover, #custom-tabs li.selected {
border-color: #44d24f;
}
#main-cta {
background: #44d24f; none repeat scroll 0 0;
border-top: 1px solid #e9e9e9;
padding: 35px 0;
text-align: center;
}
.posts-grid h3 {
font-size: 14px;
font-weight: 600;
line-height: 22px;
margin: 25px 0 -2px;
text-transform: uppercase;
}
.folio-grid h3 {
color: #212121;
font-size: 14px;
font-weight: 600;
line-height: 17px;
text-transform: uppercase;
margin: 0;
}
#footer {
background: #3D353A none repeat scroll 0 0;
min-height: 80px;
padding: 55px 0 50px;
}
}
#main-cta {
background: #44d24f none repeat scroll 0 0;
border-top: 19px solid #44d24f;
padding: 20px 0;
text-align: center;
}
}
.krown-button {
background: #fff none repeat scroll 0 0;
border: 2px solid #ebebeb;
color: #44d24f;
display: inline-block;
font-weight: 700;
padding: 0 20px;
text-align: center;
text-transform: uppercase;
transition: all 100ms linear 0s !important;
}
#main-cta {
background: #44d24f none repeat scroll 0 0;
border-top: 9px solid #44d24f;
padding: 35px 0;
text-align: center;
}
#copy {
clear: left;
font-size: 12px;
line-height: 12px;
text-align: center;
}
h2 {
font-size: 20px;
font-weight: 300;
line-height: 18px;
margin: 0 0 25px;
}
#page-title .title {
float: left;
font-size: 20px;
font-weight: 300;
line-height: 18px;
margin: 0;
text-transform: uppercase;
color: #44d24f;
}
.post-title h2, .post-title h1 {
color: #C6C9CD;
font-size: 24px;
font-weight: 800;
line-height: 40px;
margin: 0 0 25px -1px;
position: relative;
text-transform: uppercase;
}
.third-menu li:first-child {
border-top: none;
}
.third-menu li:hover > a {
background-color: #44d24f;
color: #fff !important;
}
.third-menu a {
color: #44d24f !important;
}
.posts-grid time {
color: #656565;
font-size: 12px;
font-weight: 500;
line-height: 12px;
display: none;
}
}