/* @override http://cdn2.microdesignbv.netdna-cdn.com/wp-content/themes/microdesign/css/style.css?ver=4.0 */ /* @override http://www.microdesign.nl/wp-content/themes/microdesign/css/style.css http://cdn2.microdesign.nl/wp-content/themes/microdesign/css/style.css http://cdn2.microdesignbv.netdna-cdn.com/wp-content/themes/microdesign/css/style.css?ver=3.8.4 http://cdn2.microdesignbv.netdna-cdn.com/wp-content/themes/microdesign/css/style.css?ver=4.0 */ @import url(1140.css); @import url(http://fonts.googleapis.com/css?family=Fenix); @import url(http://fonts.googleapis.com/css?family=Maven+Pro:400,500,700); /* font awesome fantastic */ */@font-face{font-family:FontAwesome;src:url(../fonts/fontawesome-webfont.eot?v=4.0.3);src:url(../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3) format('embedded-opentype'),url(../fonts/fontawesome-webfont.woff?v=4.0.3) format('woff'),url(../fonts/fontawesome-webfont.ttf?v=4.0.3) format('truetype'),url(../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular) format('svg');font-weight:400;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.3333333333333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.2857142857142858em;text-align:center}.fa-ul{padding-left:0;margin-left:2.142857142857143em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;top:.14285714285714285em;text-align:center}.fa-li.fa-lg{left:-1.8571428571428572em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-cog:before,.fa-gear:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-repeat:before,.fa-rotate-right:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-exclamation-triangle:before,.fa-warning:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-cogs:before,.fa-gears:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-floppy-o:before,.fa-save:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-sort:before,.fa-unsorted:before{content:"\f0dc"}.fa-sort-asc:before,.fa-sort-down:before{content:"\f0dd"}.fa-sort-desc:before,.fa-sort-up:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-gavel:before,.fa-legal:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-bolt:before,.fa-flash:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-clipboard:before,.fa-paste:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-chain-broken:before,.fa-unlink:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-caret-square-o-down:before,.fa-toggle-down:before{content:"\f150"}.fa-caret-square-o-up:before,.fa-toggle-up:before{content:"\f151"}.fa-caret-square-o-right:before,.fa-toggle-right:before{content:"\f152"}.fa-eur:before,.fa-euro:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-inr:before,.fa-rupee:before{content:"\f156"}.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before{content:"\f157"}.fa-rouble:before,.fa-rub:before,.fa-ruble:before{content:"\f158"}.fa-krw:before,.fa-won:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-caret-square-o-left:before,.fa-toggle-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-try:before,.fa-turkish-lira:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}@font-face{font-family:untitled-font-1;src:url(../fonts/untitled-font-1.eot);src:url(../fonts/untitled-font-1.eot?#iefix) format("embedded-opentype"),url(../fonts/untitled-font-1.woff) format("woff"),url(../fonts/untitled-font-1.ttf) format("truetype"),url(../fonts/untitled-font-1.svg#untitled-font-1) format("svg");font-weight:400;font-style:normal}[data-icon]:before{font-family:untitled-font-1!important;content:attr(data-icon);font-style:normal!important;font-weight:400!important;font-variant:normal!important;text-transform:none!important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[class*=" icon-"]:before,[class^=icon-]:before{font-family:untitled-font-1!important;font-style:normal!important;font-weight:400!important;font-variant:normal!important;text-transform:none!important;speak:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-cloud:before{content:"a"}.icon-burst:before{content:"b"}.icon-burst-new:before{content:"c"}.icon-arrow-down:before{content:"d"}.icon-arrow-right:before{content:"e"}.icon-arrow-up:before{content:"f"}.icon-archive:before{content:"g"}.icon-graph-horizontal:before{content:"h"}.icon-graph-bar:before{content:"i"}.icon-graph-pie:before{content:"j"}.icon-female:before{content:"k"}.icon-graph-trend:before{content:"l"}.icon-blind:before{content:"m"}.icon-zoom-in:before{content:"n"}.icon-zoom-out:before{content:"o"}.icon-torsos-all:before{content:"p"}.icon-torsos:before{content:"q"}.icon-torso-female:before{content:"r"}.icon-torso-business:before{content:"s"}.icon-tablet-portrait:before{content:"t"}.icon-tablet-landscape:before{content:"u"}.icon-social-apple:before{content:"v"}.icon-shopping-cart:before{content:"w"}.icon-shopping-bag:before{content:"x"}.icon-sheriff-badge:before{content:"y"}.icon-save:before{content:"z"}.icon-social-facebook:before{content:"A"}.icon-social-evernote:before{content:"B"}.icon-social-android:before{content:"C"}.icon-social-dribbble:before{content:"D"}.icon-social-instagram:before{content:"E"}.icon-github:before{content:"F"}.icon-rocket:before{content:"G"}.icon-upload-cloud:before{content:"H"}.icon-tag:before{content:"I"}.icon-traffic-cone:before{content:"J"}.icon-ticket:before{content:"K"}.icon-thumbs-up:before{content:"L"}.icon-sound:before{content:"M"}.icon-palette:before{content:"N"}.icon-magnet:before{content:"O"}.icon-home:before{content:"P"}.icon-heart:before{content:"Q"}.icon-heart-empty:before{content:"R"}.icon-doc-text-inv:before{content:"S"}.icon-code:before{content:"T"}.icon-chart-line:before{content:"U"}.icon-chart-bar:before{content:"V"}.icon-bucket:before{content:"W"}.icon-wordpress-alt:before{content:"X"}.icon-wordpress:before{content:"Y"}.icon-paypal:before{content:"Z"}.icon-path:before{content:"0"}.icon-magento-logo:before{content:"1"}.icon-magnifying-glass:before{content:"2"}.icon-fontawesome-webfont:before{content:"3"}.icon-google:before{content:"4"}.icon-screen:before{content:"5"}.icon-fontawesome-webfont-1:before{content:"6"}.icon-social-twitter:before{content:"7"}.icon-social-google-plus:before{content:"8"}.icon-social-linkedin:before{content:"9"} /* ============================== */ /* ! Layout for desktop version */ /* ============================== */ /*1140 grid framework system*/ /* Example usage: @include animation(10s, 5s, changecolour) fade-in */ html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { font-family: "Maven Pro"; font-size: 14px; line-height: 22px; font-weight: 400; color: #6f6f6f; width: 100%; overflow-x: hidden; } .center { text-align: center; } p a, .fourcol a{ font-weight: bold; color: #a4cf50; } .parent-pageid-11 .fourcol a{ color: inherit; !important; font-weight: normal; text-decoration: none; } .parent-pageid-11 .fourcol a:hover{ color: #a4cf50; text-decoration: underline; } a.button { float: left; clear: both; background: #7aa2c2; padding: 22px 44px; text-decoration: none; font-size: 22px; line-height: 22px; color: #fff; margin: 22px 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } a.button:hover { background: #506e84; } a.button.small { float: left; margin-right: 22px; font-size: 14px; display: inherit; clear: none; padding: 11px 22px; } a.button.secondary { background: #a4cf50; } a.button.secondary:hover { background: #83ae30; } p{ line-height: 22px; } .bigtitle { text-align: center; font-size: 250%; line-height: 200%; padding: 0; line-height: 44px; margin-bottom: 11px; } .subtitle { text-align: center; font-size: 200%; line-height: 22px; margin-bottom: 44px; color: #6f6f6f; } .smalltitle { text-align: center; font-size: 130%; margin-bottom: 44px; } h5 { font-size: 15px; font-weight: 400; line-height: 22px; } h1, .h1{ font-size: 26px; font-weight: 300; line-height: 33px; } /* Logo */ .h1#logo { background: url("/wp-content/themes/microdesign/images/logo.png") no-repeat; background-size: 386px 222px; text-indent: 99999px; position: absolute; left: 50%; margin-left: -193px; top: 88px; width: 386px; height: 222px; } @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { .h1#logo{ background: url("/wp-content/themes/microdesign/images/logo@2x.png") no-repeat !important; background-size: 386px 222px !important; } } /* Primary Navigation */ #menu-primary{ border-left: 1px solid #A0C965; } nav#primary { background: #fff; height: 66px; padding: 22px 0; display: none; } nav#primary ul { float: right; list-style-type: none; margin: 0; padding: 0; } nav#primary ul li { float: left; } nav#primary ul li a { display: block; padding: 11px 22px; font-size: 16px; color: #6e6e6e; font-weight: 500; text-decoration: none; margin-top: 11px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } nav#primary ul li a:hover { color: #92c235; } nav#primary ul li a.last { color: #fff; background: #92c235; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; margin-left: 11px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } nav#primary ul li a.last:hover { background: #83ae30; } header{ } /* Mobile menu */ /* Slider */ #slider { overflow: hidden; position: relative; width: 100%; height: 429px; background: url(/wp-content/themes/microdesign/images/desk2.jpg) fixed center top;} #mobtop{ overflow: hidden; position: relative; width: 100%; height: 356px; background: url(/wp-content/themes/microdesign/images/desk2.jpg) fixed center 290%; } #mobtop img{ top: 55px; float: left; width: 372px; margin: auto; position: absolute; left: 50%; margin-left: -186px; } .headcontainer{ position:relative; z-index: 9999; } #slider.bureau { height: 244px; background: #5391b9; } #slider span { display: block; max-width: 1000px; margin: 0 auto; text-align: center; color: #fff; } #slider span.head1, #slider span.head2 { position: relative; font-size: 31px; padding-top: 88px; font-weight: 600; line-height: 44px; } .contentarea h2, .contentarea h2 a{ font-size: 26px; font-weight: 300; line-height: 33px; } span.h2{ font-size: 26px; font-weight: 300; line-height: 33px; display: block; } #contactinfo .h2{margin-top:22px;} .contentarea p{ margin-top: 6px; line-height: 22px; } .head1 p{ margin-top: 132px; color: #6f6f6f; } #slider span.head2 { font-size: 21px; font-weight: 100; font-family: "Fenix"; padding-top: 66px; color: #6f6f6f; } #responsiveimage{ margin-top: 66px; } #slider.bureau span.head1, #slider.bureau span.head2 { padding-top: 55px; } /* Secondary Navigation */ nav#secondary { height: 66px; } nav#secondary .container { background: #85BE49; z-index: 100; height: 55px; } nav#secondary ul { float: right; list-style-type: none; margin: 0px; padding: 0; } nav#secondary ul li { float: left; height: 55px; font-size: 16px; } nav#secondary ul li a { display: block; padding: 16px; font-size: 16px; color: #fff; font-weight: 300; text-decoration: none; border-right: 1px solid #A0C965; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } nav#secondary ul li.current-menu-item a{ background: #63A930; } nav#secondary ul li a:hover { background: #63A930; } .onthispage{ padding: 22px; font-size: 14px; border-right: 1px solid #a4cf50; color: #fff; } .mobnavtoggle, .mobnavtoggle2 { display: none; float: left; width: 44px; height: 44px; background: url("/wp-content/themes/microdesign/images/menutoggle.png") center no-repeat; margin-left: 11px; } #moblogo, #moblogo2 { display: block; float: left; color: #fff; font-size: 1.7em; margin-top: 0px !important; background: url("/wp-content/themes/microdesign/images/sublogo.png") 0px 66px no-repeat; text-indent: -9999px; width: 55px; height: 55px; background-size: 44px !important; -webkit-transition: background 0.3s ease-out, opacity 0.1s ease-out ; -moz-transition: background 0.3s ease-out, opacity 0.1s ease-out ; -o-transition: background 0.3s ease-out, opacity 0.1s ease-out ; transition: background 0.3s ease-out, opacity 0.1s ease-out ; margin-left: 20px; } .active#moblogo, .active#moblogo2{ display: block; margin-left: 0px !important; background: url("/wp-content/themes/microdesign/images/sublogo.png") 0px 4px no-repeat; } @media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { #moblogo, #moblogo2 { background: url("/wp-content/themes/microdesign/images/sublogo@2x.png") 0px 66px no-repeat; background-size: 55px 55px; } .active#moblogo, .active#moblogo2{ background: url("/wp-content/themes/microdesign/images/sublogo@2x.png") 0px 4px no-repeat; background-size: 55px 55px; } } #moblogo2, #secondary .mobnavtoggle { margin-top: 11px; } #secondary .mobnavtoggle { margin-left: -11px; } #contactmaps{ padding: 0 0 0 0; } /* Homepage global */ #services, #platforms, #mobile, #work, #blog, footer, .contentarea { padding: 88px 0; } #platforms { padding: 66px 0; } /* Homepage - Service */ #services { font-weight: 300; } #services .service { text-align: center; } #services .service p{ line-height: 22px; max-width: 429px; margin: auto; } #services h3 { font-size: 22px; line-height: 44px; font-weight: 300; } h3 a{ color: #6f6f6f !important; text-decoration: none; font-weight: normal !important; } /* Homepage - Platforms */ #platforms { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%); background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); } #platforms a img { opacity: 0.6; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #platforms a:hover img { opacity: 1; } #platforms div { text-align: center; } /* Homepage - Mobile */ #mobile { background: url(/wp-content/themes/microdesign/images/desk2.jpg) fixed top center; padding: 44px 0 0 0 !important; color: #fff; position: relative; } #mobileoverlay{ position: absolute; left: 0; top:0; width: 100%; height: 100%; background: url(/wp-content/themes/microdesign/images/mobileoverlay.png) repeat; z-index: 0; } #mobile h3 { font-size: 31px; line-height: 44px; font-weight: 400; margin-top: 44px; } #mobile p { font-size: 14px; line-height: 22px; font-weight: 400; color: #dde9f1; margin: 11px 0 4px 0; } #mobile .row { position: relative; z-index: 9; background-size: 440px; padding-bottom: 66px; background-position: 100% bottom; } .mobilegraphic{ position: relative; min-height: 1px; } #imac{ width: 377px; height: 311px; position: absolute; left: 0; top: 0; background: url(../images/imac.png) no-repeat top left; } #macbook{ width: 311px; height: 181px; position: absolute; left: 0; top: 0; background: url(../images/macbook.png) no-repeat top left; } #ipad{ width: 139px; height: 193px; position: absolute; left: 0; top: 0; background: url(../images/macbook.png) no-repeat top left; } #iphone{ width: 59px; height: 126px; position: absolute; left: 0; top: 0; background: url(../images/macbook.png) no-repeat top left; } /* Homepage - Recent work */ #work { background: #fff; } /* Homepage - Blog */ #blog { background: #ececec; } #blog .recentblog.item { background: #fff; margin-top: 0; } #blog .fourcol.recentblog.item{ margin-bottom: 11px ; } #blog .recentblog.item img.blogcover { position: relative; z-index: 1; } #blog .recentblog.item .content { padding: 22px; } #blog .recentblog.item .author { width: 66px; height: 66px; -moz-border-radius: 66px; -webkit-border-radius: 66px; -ms-border-radius: 66px; border-radius: 66px; border: 4px solid #fff; text-indent: -9999px; margin-top: -66px; z-index: 10; position: relative; float: right; display: none; } #overons h2 { font-size: 26px; font-weight: 300; line-height: 33px; } #overons strong{ margin-top: -6px; } #overons p { line-height: 22px; padding-top: 0; } #werkwijze { background: #ededeb; padding-bottom: 66px; } #werkwijze p { } #werkwijze h3 { font-size: 26px; font-weight: 300; padding-bottom: 22px; } #werkwijze .werkwijzepath { background: url("/wp-content/themes/microdesign/images/werkwijzepath.png"); height: 44px; width: 100%; margin: 44px 0; position: relative; } #werkwijze_timer{ background: #498CB8; height: 8px; width: 0px; position: absolute; top: 19px; margin: 0px 1%; -webkit-transition: all 32s linear; /* Chrome 1-25, Safari 3.2+ */ -moz-transition: all 32s linear; /* Firefox 4-15 */ -o-transition: all 32s linear; /* Opera 10.50–12.00 */ transition: all 32s linear; } #werkwijze_timer.active{ width: 98%; } .stopanimate{ -webkit-transition: all 1s ease-in-out !important; /* Chrome 1-25, Safari 3.2+ */ -moz-transition: all 1s ease-in-out !important; /* Firefox 4-15 */ -o-transition: all 1s ease-in-out !important; /* Opera 10.50–12.00 */ transition: all 1s ease-in-out !important; } .begin{ width: 0 !important; } .mid{ width: 50% !important; } .end{ width: 100% !important; } .werkwijze{ -webkit-transition: all 0.5s ease-out; /* Chrome 1-25, Safari 3.2+ */ -moz-transition: all 0.5s ease-out; /* Firefox 4-15 */ -o-transition: all 0.5s ease-out; /* Opera 10.50–12.00 */ transition: all 0.5s ease-out; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .werkwijze.active{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .werkwijze p{ line-height: 22px !important; } .werkwijze .fourcol.last{ padding-top:44px; } #werkwijze .container{ position: relative; height: 359px; } #werkwijze .container .row{ position: relative; height: 410px; } .werkwijze{ position: absolute; left: 0px; top: 132px; } #werkwijze .dotl, #werkwijze .dotr { float: left; width: 22px; height: 22px; background: url("/wp-content/themes/microdesign/images/dot.png"); margin-top: 11px; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { #werkwijze .dotl, #werkwijze .dotr { background: url("/wp-content/themes/microdesign/images/dot@2x.png"); background-size: 21px 21px; } } #werkwijze .dotr { float: right; } #werkwijze .actiedot { width: 33px; height: 33px; float: left; background: url("/wp-content/themes/microdesign/images/dot2.png") right; margin: 6px 0; position: relative; z-index: 9; cursor: pointer; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { #werkwijze .actiedot { background: url("/wp-content/themes/microdesign/images/dot2@2x.png") right; background-size: 66px 33px; } } #dot3{ float: right !important; } #dot2{ position: absolute !important; left: 50%; margin-left: -16px !important; } #werkwijze .actiedot.active, #werkwijze .actiedot:hover { background: url("/wp-content/themes/microdesign/images/dot2.png") left; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { #werkwijze .actiedot.active, #werkwijze .actiedot:hover { background: url("/wp-content/themes/microdesign/images/dot2@2x.png") left; background-size: 66px 33px; } } .vaca_bureau{ text-align: center; } vaca_bureau p{ line-height: 33px !important; } .pagewidth{ width: 95%; margin: auto; } .vaca_bureau a{ float: none !important; margin: 22px 44px !important; } @media only screen and (max-width: 767px) { .vaca_bureau a{ width: 60%; margin: 22px auto !important; -webkit-transition: background 0.3s ease-in-out, width 0s ease-in-out !important; -moz-transition: background 0.3s ease-in-out, width 0s ease-in-out!important; -o-transition: background 0.3s ease-in-out, width 0s ease-in-out !important; transition: background 0.3s ease-in-out, width 0s ease-in-out !important; } #werkwijze .werkwijzepath { width: 90%% !important; margin: 44px 5% !important; } .end { width: 99% !important; } .werkwijze .fourcol{ width: 90%; margin: 0 2%; } .werkwijze .eightcol{ width: 90%; margin: 0 2%; } .werkwijze .first{ display: none; } } @media only screen and (max-width: 680px) { #dienstenoverzicht .dienstenvak .dienstitem { width: 100% !important; } } @media only screen and (max-width: 525px) { #werkwijze { padding-bottom: 120px; } #werkwijze .container .row { height: 550px; } } @media only screen and (max-width: 435px) { #werkwijze { padding-bottom: 142px; } } @media only screen and (max-width: 380px) { #werkwijze { padding-bottom: 190px; } } footer{ padding: 33px 0 !important; } .footdetail img{ float: left; padding-right: 6%; width: 22%; } .footdetail p{ float: right; width: 72%; color: #fff; font-size: 12px; line-height: 25px; margin-top: -6px; } .footdetail, .footdetail a{ color: #ccc; font-size: 12px; } .subscribe p{ color: #fff; font-size: 12px; line-height: 22px; margin-top: -6px; } .footsocial p{ color: #fff; font-size: 12px; line-height: 22px; margin-top: -6px; } .vaca_bureau h4{ margin: 11px 0 22px 0 !important; font-size: 22px; color: #506e84; text-decoration: none; } .vaca_bureau h4 a{ color: #506e84; text-decoration: none; margin: 0 !important; } .subscribe form{ float: left; width: 100%; margin-top: 7px; } .subscribe form input[type='text']{ float: left; width: 67%; padding-left: 4%; padding-right: 4%; border: none; height: 31px; margin-top: 3px; border: 1px solid #fff; } .subscribe form input[type='submit']{ float: left; width: 25%; border: none; height: 35px; cursor: pointer; background: #ECECEC; margin-top: 3px; padding-top: 0px; color: #696969; } .workitem img{ width: 100%; } .workitem a{ text-decoration: none; } .workitem .worktitle{ color: #696969; font-size: 22px; text-align: center; text-decoration: none; border: none; line-height: 33px; font-weight: normal; } .workitem .workdescr{ font-size: 14px; color: #aaa; text-align: center; line-height: 22px; margin-bottom: 11px; font-weight: normal; } .workitem{ margin-bottom: 22px; } #deviceonafhanekelijk .container { background: url("/wp-content/themes/microdesign/images/ipadbg.jpg"); height: 572px; color: #fff; text-align: center; padding-top: 44px; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { #deviceonafhanekelijk .container { background: url("/wp-content/themes/microdesign/images/ipadbg@2x.jpg"); background-size: 1500px 616px; } } #deviceonafhanekelijk { padding-bottom: 44px; } #deviceonafhanekelijk .bureauipad { background: url("/wp-content/themes/microdesign/images/ipadyou.png"); float: left; width: 100%; height: 616px; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { #deviceonafhanekelijk .bureauipad { background: url("/wp-content/themes/microdesign/images/ipadyou@2x.png"); background-size: 944px 616px; } } #deviceonafhanekelijk .bureauiphone { background: url("/wp-content/themes/microdesign/images/iphoneyou.png") no-repeat; position: absolute; width: 100%; height: 612px; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) { #deviceonafhanekelijk .bureauiphone { background: url("/wp-content/themes/microdesign/images/iphoneyou@2x.png") no-repeat; background-size: 944px 616px; } } #diensten h2 { font-size: 26px; font-weight: 300; line-height: 33px; } #dienstenoverzicht { background: #ececec; } #dienstenoverzicht.contentarea { padding: 66px 0; } #dienstenoverzicht h2 { font-weight: normal; font-size: 2em; line-height: 55px; } #platformoverzicht h2 { font-weight: normal; font-size: 2em; line-height: 55px; } #platformoverzicht .tagline{ margin-bottom: 44px; } #dienstenoverzicht .tagline { margin-bottom: 66px; } #dienstenoverzicht .dienstenvak { background: #fff; } #dienstenoverzicht .dienstenvak .dienstitem { float: left; padding: 121px 22px 33px 22px; width: 33.3%; text-align: center; background: url("/wp-content/themes/microdesign/images/desktop.png") center 33px no-repeat #fff; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ border-bottom: 1px solid #eee; border-right: 1px solid #eee; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .webshop{ background: url("/wp-content/themes/microdesign/images/webshop.png") center 33px no-repeat #fff !important; } .marketing{ background: url("/wp-content/themes/microdesign/images/marketing.png") center 33px no-repeat #fff !important; } .dienstitem{ position:relative; } .dienstitem p{ margin-top: 11px; } .recentblog h3 a{ font-family: "Maven Pro"; line-height: 22px; color: #6f6f6f; text-decoration: none; } #dienstenoverzicht .dienstenvak .dienstitem h3 a { font-size: 18px; font-weight: 400; color: #6f6f6f; text-decoration: none; margin-bottom: 11px; position: absolute; top: 0; left: 0; width: 100%; line-height: 231px; height: 100%; } #dienstenoverzicht .dienstitem.last { border-right: none; } #dienstenoverzicht .dienstenvak .dienstitem:hover { cursor: pointer; -moz-box-shadow: inset 0 0 10px #eee; box-shadow: inset 0 0 10px #eee; } #platformoverzicht .platform { text-align: center; } #platformoverzicht .platform img { max-width: 233px; } #platformoverzicht .platform ul { margin: 0; padding: 0; list-style: none; border-top: 1px solid #eee; } #platformoverzicht .platform li { width: 100%; text-align: left; } #platformoverzicht .platform li a { width: 100%; display: block; padding: 11px 6px; border-bottom: 1px solid #eee; color: #6f6f6f; text-decoration: none; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #platformoverzicht .platform li a:hover { cursor: pointer; background: #eee; } #mobilenav{ display: none !important; } #werkoverzicht .row { margin-bottom: 33px; } #overigwerk{ background: #ececec; } #overigwerk .row { margin-bottom: 33px; } #codetoperfection{ float: left; width: 100%; height: 440px; overflow: hidden; position: relative; } #codetoperfection p{ position: absolute; left: 0px; top: 198px; width: 100%; text-align: center; color: #fff; z-index: 2; font-size: 250%; line-height: 200%; padding: 0; margin-bottom: 33px; } #footvid{ margin-top: -100px; position: relative; z-index: 1; } footer { background: #2e3136; color: #6f6f6f; float: left; width: 100%;} footer h5 { color: #fff; } footer a { color: #6f6f6f; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } footer a:hover { color: #fff; } footer ul { list-style: none; margin-bottom: 22px; } /* page sidebar */ .sidebarlinks ul{ width: 100%; background: #eee;} .sidebarlinks ul li{ width: 100%; list-style: none; float: left; background: #eee; } .sidebarlinks ul li a{ border-bottom: solid 1px #e0e0e0; float: left; width: 90%; padding: 12px 5%; text-decoration: none; color: #333; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .sidebarlinks ul li a:hover{ padding: 12px 7%; width: 86%; } /* portfolio items */ .item{ margin-top: 88px; margin-bottom: 88px; } .item h2{ font-size: 26px; font-weight: 300; line-height: 33px; } .itemtxt p{ padding-top: 6px !important; line-height: 44px; } .white{ background: #fff; float: left; width: 100%; } .grey{ background: #ececec; float: left; width: 100%; } /* Authors */ #blog .recentblog.item .author.kay { background: url("/wp-content/themes/microdesign/images/kay.png"); background-size: 66px; } .mobilebutton { display: none; } @media only screen and (max-width: 863px) { a.button { padding: 22px; } } @media only screen and (max-width: 860px) { h1#logo { top: 55px; } #slider { height: 356px; } #slider span.head1 { font-size: 25px; padding-top: 66px; } #slider span.head2 { font-size: 18px; padding-top: 33px; } #mobile .row { background-size: 410px; } } #mobtop{ display: none; } @media handheld, only screen and (max-width: 850px) { .recentblog{ width: 45% !important; margin: 1%; } } @media handheld, only screen and (max-width: 650px) { .recentblog{ width: 94% !important; margin: 1%; } } @media handheld, only screen and (max-width: 767px) { #mobtop{ display: block; background: url(../images/mobbg.jpg); } #slider{ display: none; } #moblogo2 { margin: 0 11px !important; padding-right: 6px; } .sidebarlinks{ margin-top: 44px; } .footdetail{ float: left; width: 100%; text-align: center; } .footdetail img { float: none; width: 55px; clear: both; padding: 0; } .footdetail p{ clear: both; float: none; padding: 0; width: auto; margin: 11px 0 44px 0; font-size: 14px; } .subscribe p { text-align: center; font-size: 14px; } .subscribe form input[type='submit'] { width: 80%; padding-left: 5%; padding-right: 5%; margin: 0px 10% 11px 10%; } .subscribe form input[type='text'] { width: 70%; padding-left: 5%; padding-right: 5%; margin: 11px 10% 0px 10%; text-align: center; } .scrollnav{ width: 100%; float: left; } .active#moblogo2 { margin: 0 11px !important; padding-right: 6px; border-right: 1px solid #a4cf50; } .platformlogo{ margin-bottom: 22px; } #mobilenav{ float: right; margin-top: 0px !important; border-left: 1px solid #a4cf50; background: url("/wp-content/themes/microdesign/images/menutoggle.png") 80px center no-repeat; padding: 28px 55px 27px 20px; color: #fff; text-decoration: none; font-size: 16px; height: auto; line-height: 0px; } header{ float: left; width: 100%; position: relative; } #mobilenav{ display: block !important; } #mainnav{ display: none; } .head1 p { text-align: center; font-size: 33px; margin-bottom: 66px; } nav#secondary ul { padding-right: 11px; margin: 0 !important; } #services, #platforms, #mobile, #work, #blog, footer { padding: 44px 0; } #platforms { padding-bottom: 22px; } #services .service { margin-bottom: 44px; } .mobnavtoggle, #moblogo { display: block; } #platforms img { margin-bottom: 22px; } #mobile .row { background-position: center -300%; } #work .workitem { width: 25.75%; margin-right: 0; float: left; } #work .workitem.last { margin-right: 0px; } #mainnav { } #menu-primary li:first-child{ border-left: 1px solid #a4cf50; } nav#primary { height: 44px; padding: 6px 0; background: #92c235; z-index: 100; } nav#primary { position: fixed; width: 100%; top: 0; } #secondary { margin-bottom: 88px; } #mobile { text-align: center; } #slider span.head1 { font-size: 22px; line-height: 33px; padding-top: 33px; } #slider span.head2 { font-size: 15px; line-height: 22px; padding-top: 11px; } #blog { padding: 0; background: none; } .home #blog .recentblog {display: none; } #mobile .mobiledesc a.button { float: none; margin-top: 44px; position: relative; display: block; } #mobile .row { background: none; } .mobilebutton { display: block; } .mobilebutton a { background: #92c235; padding: 22px 0; width: 90%; margin: 0 5% 22px 5%; display: block; text-align: center; text-decoration: none; color: #fff; font-size: 1.2em; } footer .subscribe { width: 100%; margin-bottom: 22px; } footer .twocol { float: left !important; width: 25% !important; padding: 20px !important; } } @media handheld, only screen and (max-width: 520px) { #work .workitem{ width: 90% !important; margin: 0 5%; padding: 0px; } #work .workitem { float: left; clear: both; } } @media handheld, only screen and (max-width: 440px) { #mobtop img { top: auto; float: left; margin: 55px 5%; position: relative; width: 90%; left: auto; } #mobtop{ height: auto; } } /*=== Extra includes ===*/ .sidr { display: none; position: absolute; position: fixed; top: 0; height: 100%; z-index: 999999; width: 260px; overflow-x: none; overflow-y: auto; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 15px; background: #333; color: #fff; -webkit-box-shadow: inset 0 0 5px 5px #222; -moz-box-shadow: inset 0 0 5px 5px #222; box-shadow: inset 0 0 5px 5px #222; } .sidr .sidr-inner { padding: 0 0 15px; } .sidr .sidr-inner > p { margin-left: 15px; margin-right: 15px; } .sidr.right { left: auto; right: -260px; } .sidr.left { left: -260px; right: auto; } .sidr h1, .sidr h2, .sidr h3, .sidr h4, .sidr h5, .sidr h6 { font-size: 11px; font-weight: normal; padding: 0 15px; margin: 0 0 5px; color: #fff; line-height: 24px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #1a1a1a)); background-image: -webkit-linear-gradient(#4d4d4d, #1a1a1a); background-image: -moz-linear-gradient(#4d4d4d, #1a1a1a); background-image: -o-linear-gradient(#4d4d4d, #1a1a1a); background-image: linear, false, #4d4d4d, #1a1a1a; -webkit-box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2); } .sidr p { font-size: 13px; margin: 0 0 12px; } .sidr p a { color: rgba(255, 255, 255, 0.9); } .sidr > p { margin-left: 15px; margin-right: 15px; } .sidr ul { display: block; margin: 0px; padding: 0; } .sidr .menu-primary-container{ border-bottom: 1px solid #4d4d4d; } .sidr ul li { display: block; margin: 0; line-height: 48px; border-top: 1px solid #4d4d4d; border-bottom: 1px solid #1a1a1a; } .sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active { border-top: none; line-height: 49px; } .sidr ul li:hover > a, .sidr ul li:hover > span, .sidr ul li.active > a, .sidr ul li.active > span, .sidr ul li.sidr-class-active > a, .sidr ul li.sidr-class-active > span { -webkit-box-shadow: inset 0 0 15px 3px #222; -moz-box-shadow: inset 0 0 15px 3px #222; box-shadow: inset 0 0 15px 3px #222; } .sidr ul li a, .sidr ul li span { padding: 0 15px; display: block; text-decoration: none; color: #fff; } .sidr ul li ul { border-bottom: none; margin: 0; } .sidr ul li ul li { line-height: 40px; font-size: 13px; } .sidr ul li ul li:last-child { border-bottom: none; } .sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active { border-top: none; line-height: 41px; } .sidr ul li ul li:hover > a, .sidr ul li ul li:hover > span, .sidr ul li ul li.active > a, .sidr ul li ul li.active > span, .sidr ul li ul li.sidr-class-active > a, .sidr ul li ul li.sidr-class-active > span { -webkit-box-shadow: inset 0 0 15px 3px #222; -moz-box-shadow: inset 0 0 15px 3px #222; box-shadow: inset 0 0 15px 3px #222; } .sidr ul li ul li a, .sidr ul li ul li span { color: rgba(255, 255, 255, 0.8); padding-left: 30px; } .sidr form { margin: 0 15px; } .sidr label { font-size: 13px; } .sidr input[type="text"], .sidr input[type="password"], .sidr input[type="date"], .sidr input[type="datetime"], .sidr input[type="email"], .sidr input[type="number"], .sidr input[type="search"], .sidr input[type="tel"], .sidr input[type="time"], .sidr input[type="url"], .sidr textarea, .sidr select { width: 100%; font-size: 13px; padding: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 0 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; border: none; background: rgba(0, 0, 0, 0.1); color: rgba(255, 255, 255, 0.6); display: block; clear: both; } .sidr input[type=checkbox] { width: auto; display: inline; clear: none; } .sidr input[type=button], .sidr input[type=submit] { color: #333; background: #fff; } .sidr input[type=button]:hover, .sidr input[type=submit]:hover { background: rgba(255, 255, 255, 0.9); } .sidrtop{ padding-bottom: 5px; border-right: 1px solid #a4cf50; padding-left: 36px; line-height: 49px !important; border-top: 1px solid #85BE49 !important; background: url("/wp-content/themes/microdesign/images/menutoggle.png") 12px 17px no-repeat #85BE49;} .sidrtop:hover{ line-height: 49px !important; } .row.iconlijst{ margin-top: 44px; } .row.iconlijst.first{ margin-top: 66px !important; } .row.iconlijst i{ color: #7BA2C1; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; } .row.iconlijst div:hover i{ color: #87BD50; } #interesse{ background: #679BBB; text-align: center; } #interesse p.h1{ text-align: center; width: 100% !important; float: left; display: block; color: #fff; margin-bottom: 22px; } #interesse input.wpcf7-text, #interesse textarea{ width: 100% !important; padding: 11px !important; margin: 11px 0 11px 0 !important; border: 0 !important; font-size: 14px; line-height: 22px; transition: all 0.2s linear; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; letter-spacing: normal; word-spacing: normal; text-transform: none; text-indent: 0px; text-shadow: none; display: inline-block; text-align: start; background: #93bcd6; color: #fff !important; } #interesse p{ text-align: center !important; } #interesse textarea{ height: 88px; } #interesse input.wpcf7-submit{ background-color: transparent!important; box-shadow: none!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; -o-box-shadow: none!important; opacity: 1!important; transition: all 0.2s linear!important; -moz-transition: all 0.2s linear!important; -webkit-transition: all 0.2s linear!important; -o-transition: all 0.2s linear!important; border-radius: 2px!important; -webkit-border-radius: 2px!important; -o-border-radius: 2px!important; border: 2px solid rgba(255,255,255,0.4); width: 110px !important; text-align: center; color: #fff; margin-top: 11px; float: none; line-height: 22px; font-size: 14px !important; padding: 11px; cursor: pointer; } #interesse input.wpcf7-submit:hover{ border: 2px solid rgba(255,255,255,1); background: none !important; } #interesse input:focus, #interesse textarea:focus{ background: #bdddf0 !important; color: #666 !important; } .formholder textarea{ height: 150px; } #interesse ::-webkit-input-placeholder { color: #fff; } #interesse :-moz-placeholder { color: #fff; } #interesse ::-moz-placeholder { color: #fff; } #interesse :-ms-input-placeholder { color: #fff; } #interesse input:focus::-webkit-input-placeholder { color: #666; } #interesse input:focus:-moz-placeholder { color: #666; } #interesse input:focus::-moz-placeholder { color: #666; } #interesse input:focus:-ms-input-placeholder { color: #666; } #interesse textarea:focus::-webkit-input-placeholder { color: #666; } #interesse textarea:focus:-moz-placeholder { color: #666; } #interesse textarea:focus::-moz-placeholder { color: #666; } #interesse textarea:focus:-ms-input-placeholder { color: #666; } #interesse input.wpcf7-text.wpcf7-not-valid, #interesse input.wpcf7-text.wpcf7-not-valid, #interesse input.wpcf7-text.wpcf7-not-valid, #interesse input.wpcf7-text.wpcf7-not-valid{ border: 1px solid red !important; } #contactinfo textarea{ height: 88px; } #contactinfo input.wpcf7-submit{ background-color: transparent!important; box-shadow: none!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; -o-box-shadow: none!important; opacity: 1!important; transition: all 0.2s linear!important; -moz-transition: all 0.2s linear!important; -webkit-transition: all 0.2s linear!important; -o-transition: all 0.2s linear!important; border-radius: 2px!important; -webkit-border-radius: 2px!important; -o-border-radius: 2px!important; border: 2px solid #999; width: 110px !important; text-align: center; color: #999; margin-top: 11px; float: none; line-height: 22px; font-size: 14px !important; padding: 11px; cursor: pointer; } #contactinfo input.wpcf7-submit:hover{ border: 2px solid #666; background: none !important; color: #666; } #interesse input.wpcf7-file{ background: #93bcd6; width: 100%; padding: 11px; font-size: 14px; color: #fff; } #interesse p{ color: #fff; } #interesse a{ color: #fff; } #contactinfo input, #contactinfo textarea{ width: 90%; background: #eee; border: 1px solid #ccc; padding: 11px; line-height: 22px; font-size: 14px; margin-bottom: 11px; color: #999; } #contactinfo input:focus, #contactinfo textarea:focus{ background: #bdddf0 !important; color: #999 !important; } .formholder textarea{ height: 150px; } #contactinfo a.button{ padding: 17px 22px; font-size: 16px; } #contactinfo ::-webkit-input-placeholder { color: #ccc; } #contactinfo :-moz-placeholder { color: #ccc; } #contactinfo ::-moz-placeholder { color: #ccc; } #contactinfo :-ms-input-placeholder { color: #ccc; } #contactinfo input:focus::-webkit-input-placeholder { color: #999; } #contactinfo input:focus:-moz-placeholder { color: #999; } #contactinfo input:focus::-moz-placeholder { color: #999; } #contactinfo input:focus:-ms-input-placeholder { color: #999; } #contactinfo textarea:focus::-webkit-input-placeholder { color: #999; } #contactinfo textarea:focus:-moz-placeholder { color: #999; } #contactinfo textarea:focus::-moz-placeholder { color: #999; } #contactinfo textarea:focus:-ms-input-placeholder { color: #999; } #contactinfo input.wpcf7-text.wpcf7-not-valid, #contactinfo input.wpcf7-text.wpcf7-not-valid, #contactinfo input.wpcf7-text.wpcf7-not-valid, #contactinfo input.wpcf7-text.wpcf7-not-valid{ border: 1px solid red !important; } span.wpcf7-not-valid-tip, .wpcf7-validation-errors, .wpcf7-mail-sent-ok{ color: #fff; padding-top: 11px; font-size: 16px !important; } a.abutton, #contactinfo .button{ background-color: transparent!important; box-shadow: none!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; -o-box-shadow: none!important; opacity: 1!important; transition: all 0.2s linear!important; -moz-transition: all 0.2s linear!important; -webkit-transition: all 0.2s linear!important; -o-transition: all 0.2s linear!important; border-radius: 2px!important; -webkit-border-radius: 2px!important; -o-border-radius: 2px!important; text-align: center; color: #fff; margin-top: 11px; float: none; line-height: 22px; font-size: 14px !important; padding: 11px; cursor: pointer; display: block; clear: left; background: #86BE49 !important; font-weight: bold; text-decoration: none; } a.abutton:hover, #contactinfo .button:hover{ background: #4D8531 !important; } a.abutton.purple{ background: #4F1D73 !important;} a.abutton.purple:hover{ background: #7e589f !important;} .footsocial li{ display: inline; } #breadcrumbs{ margin-left: 11px; margin-bottom: -22px; } #breadcrumbs, #breadcrumbs a{ font-size: 11px; color: #999; text-decoration: none; } #interesse{float: left;width: 100%;} h1.center{margin-bottom: 22px;} .page-template-page-clean-php .fourcol{margin-top: 44px;} .page-template-page-clean-php h2, .page-template-page-clean-php h3, .page-template-page-clean-php h4{ font-size: 22px !important; font-weight: 300; line-height: 33px; margin-top: 0 !important; } .page-template-page-clean-php h4{margin-top: 33px !important;} .vaca_bureau h4{margin: 11px 0 !important;} #vacatures{ padding-top: 33px; } body.blog, body.single{background: #ececec;} body.single #slider{display: none;} .whiteblok{ background: #fff; margin-top: 44px; } body.single .contentvak{ padding: 44px 44px 22px 88px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } body.single .contentvak h1{ text-align: center; margin-bottom: 11px; color: #86BE49; font-size: 28px; } body.single .post-info{ text-align: center; color: #ccc; padding-bottom: 11px; border-bottom: 1px solid #eee; margin-bottom: 22px; } body.single .post-info a{ color: #999; text-decoration: none; } body.single .contentvak p{margin-bottom: 22px;} .item{width:31.1%; margin-bottom:22px !important;} #bigintro h1{ font-size: 34px; line-height: 44px; margin-bottom: 22px; } #bigintro .sixcol p, #rightbigintro .sixcol{ margin-bottom: 22px; font-size: 16px !important; line-height: 24px; } #rightbigintro .sixcol h4, #rightbigintro h5{ font-size: 26px !important; margin: 11px 0 22px 0!important; } #rightbigintro .sixcol img{ width: 350px; height: 350px; } #bigintro .sixcol.last{ text-align: right !important; } #bigintro .sixcol.last img{ margin-top: -66px; } #rightbigintro img.size-full{ margin-top: 22px !important; } .single #mobtop { display: none !important; } .single #moblogo2 { display: block !important; margin-left: 20px !important; margin-top: 6px !important; background: url("/wp-content/themes/microdesign/images/sublogo.png") 0px -2px no-repeat !important; background-size: 44px !important; } .single #moblogo2.active { margin-left: 0px !important; } .widget_categories h3.widget-title{ font-weight: normal !important; margin: 22px 0 11px 0; border-bottom: 1px solid #eee ; padding-bottom: 11px; } .widget_categories li{ list-style: none; } .widget_categories li a{ padding: 6px; border-bottom: 1px solid #eee; width: 100% !important; display: block; } .sidebar{ background: #f2f2f2; margin-top: -11px; height: 700px; } .single-post .tencol.contentvak{ padding: 44px 66px 88px 66px !important; } .microdesign.cat{ color: #86BE49 !important; font-weight:bold !important; } .recent-werk.cat{ color: #93bcd6 !important; font-weight:bold !important; } .social-media.cat{ color: #eb5848 !important; font-weight:bold !important; } .e-commerce.cat{ color: #f9ab1f !important; } .fb-comments, .fb-comments span, .fb-comments iframe{ width: 100% !important; display: block !important; } .contentvak iframe{ } main.content > iframe{ display: none; } .socialshare{ padding:10px 0 0; } .socialshare div{ margin: 6px 6px 0 6px; } .contentarea.dblue{ float: left; width: 100%; background: #323a45; } .contentarea.dblue{ padding-bottom: 0px; height: 476px; } img.responsivesw{ position: absolute; z-index: 10; } .contentarea.dblue h2, .contentarea.dblue p.h2.sub{ text-align: center; font-weight: 300; color: #fff; font-size: 32px; } .contentarea.dblue p.h2.sub{ font-size: 18px; padding: 6px 0 44px 0; } .contentarea.lgrey{ float: left; width: 100%; padding-top: 121px; background: #f5f5f5; } .contentarea.lgrey h3, .stickyholder2 h3{ font-size: 27px; font-weight: 300; line-height: 33px; margin-bottom: 11px; position: relative; } .stickit{ width: 100px ; } .stickyholder{ width: 280px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .stickyholder.stick{ position: fixed; top: 70px; } .stickyholder.stick-end{ position: fixed; top: 70px; } .stickyholder2{ margin-top: 22px; } .stopholder .row{ padding-top: 44px; } .stickyholder p{ margin-bottom: 22px; } .marginbottom{ margin-bottom: 44px; } .logotop { float: left; width: 100%; text-align: center; margin-bottom: 22px; } .cookimg1 { width: 679px !important; max-width: 679px !important; position: absolute; left: 0; top: 0; } .specialoverflow{ overflow: visible; } .eightcol{ position: relative; } .centeredtxtdix{ width: 100%; max-width: 616px; text-align: center; margin: 22px auto 44px auto; } .cookresponsive .twelvecol{ position: relative; } .cookresponsive{ padding-bottom: 0px !important; } .cookresponsive .fullimg { float: left; width: 100%; } .cookresponsive .tabimg { position: absolute; right: 0; width: 36%; bottom: 0; } .cookresponsive .mobimg { position: absolute; left: 0; bottom: 0; width: 20%; } h2{ padding-bottom: 11px; font-size: 24px; } .cart1 { float: right; margin-right: 22px; margin-top: 33px; } .cart2 { float: right; margin-right: 22px; margin-top: 6px; } .cart3 { position: absolute; right: -87px; top: -75px; } .flright{ float: right; } .specialoverflow .sevencol{ position: relative; } .bekijkook{ text-align: center; font-size: 26px; font-weight: 300; line-height: 33px; margin-bottom: 44px; line-height: 33px !important; } .gosite{ width: 100%; max-width: 200px; padding: 22px 0 !important; margin: auto; margin-bottom: 88px; } .specialpadding{ padding: 110px 0; } #hideside{ float: left; overflow: hidden; width: 100%; } @media (max-width: 767px) { .cookimg1 { position: relative; margin: 44px 0 0 0; } .cart1{ display: none; } .cart2{ display: none; } .cart3{ position: relative; top: auto; right: auto; clear: both; margin: 0 auto; text-align: center; } .specialoverflow .sevencol{ text-align: center; } .specialpadding{ padding: 44px 0 88px 0; } .cookresponsive .fullimg { float: none; } .cookresponsive .tabimg { right: 10px; } .cookresponsive .mobimg { left: 10px; } #secondary { margin-bottom: 22px; } p{ margin-bottom: 22px; } .centeredtxtdix p{ padding: 0pz 22px; } } @media (max-width: 446px) { .cookimg1 { float: left; width: 100% !important; max-width: 100% !important; } .centeredtxtdix { width: auto !important; padding-left: 20px; padding-right: 20px; } .cookresponsive{ margin-top: 22px !important; } } .recentblog .content p a{ font-weight: normal; text-decoration: none; color: inherit; } .contentvak p a{ font-weight: normal; color: inherit; } a.buynow{ width: 160px; font-size: 18px !important; padding: 22px 22px; text-transform: uppercase; float: left; background: #d97800 !important; } a.buynow:hover{ background: #b26200 !important; } span.pricenow{ font-size: 22px; padding: 20px 22px; float: left; margin-top: 11px; color: #86BE49; font-weight: bold; } ul.checks{ list-style-image: url(../images/check.png) !important; margin-left: 22px; } ul.checks li{ margin-bottom: 11px; font-size: 15px !important; line-height: 22px; font-weight: bold; } ul.ref{ margin-left: 22px; margin-top: 22px !important; list-style-image: url(../images/check.png) !important; } .grey .last ul.checks{ margin-top: 22px !important; } ul.ref li{ margin-bottom: 11px !important; } ul.ref li a{ font-weight: bold; margin-bottom: 11px; font-size: 15px !important; line-height: 22px; font-weight: bold; text-decoration: none; color: #86BE49 !important;} .sixcol.last h4{ font-size: 23px; font-weight: 300; line-height: 33px; } .sixcol.last p{ margin-bottom: 11px; } #fullservice h4{ font-size: 23px; font-weight: 300; line-height: 33px; margin-top: 44px; } .page-id-316 #introductiestuk{ padding-bottom: 0; } .page-id-316 .service.fourcol{ margin-top: 0; } #backgroundleft{ float: left; width: 100%; background: url(http://enterprise.magento.com/sites/default/files/cu_images/header_medium_bg_image/products-header.png) 100% center; height: 260px; } .bgcontentleft{ float: left; width: 40%; font-size: 16px; line-height: 33px !important; } .bgcontentleft h2{ font-size: 28px !important } ul.bullets{ margin-left: 20px; font-size: 13px; line-height: 19px; } .page-id-539 h3{ margin-top: 22px !important; } #webshopopmaat{ background: #dbdad4; background: -moz-linear-gradient(top, #dbdad4 0%, #e2e2de 50%, #dfdfdd 66%, #dadad6 72%, #e0dfde 85%, #d8d8d6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dbdad4), color-stop(50%, #e2e2de), color-stop(66%, #dfdfdd), color-stop(72%, #dadad6), color-stop(85%, #e0dfde), color-stop(100%, #d8d8d6)); background: -webkit-linear-gradient(top, #dbdad4 0%, #e2e2de 50%, #dfdfdd 66%, #dadad6 72%, #e0dfde 85%, #d8d8d6 100%); background: -o-linear-gradient(top, #dbdad4 0%, #e2e2de 50%, #dfdfdd 66%, #dadad6 72%, #e0dfde 85%, #d8d8d6 100%); background: -ms-linear-gradient(top, #dbdad4 0%, #e2e2de 50%, #dfdfdd 66%, #dadad6 72%, #e0dfde 85%, #d8d8d6 100%); background: linear-gradient(to bottom, #dbdad4 0%, #e2e2de 50%, #dfdfdd 66%, #dadad6 72%, #e0dfde 85%, #d8d8d6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdad4', endColorstr='#d8d8d6',GradientType=0 ); padding: 88px 0; } #webshopstrategie h3, #webshopervaring h3{ font-size: 18px; line-height: 44px; } #webshopstrategie{ padding: 88px 0; } #webshopstrategie .fourcol{ text-align: center; } #webshopervaring{ padding: 88px 0; background: #f2f2f2; background: -moz-linear-gradient(left, #f2f2f2 0%, #ffffff 50%, #f2f2f2 75%, #f2f2f2 80%, #f2f2f2 90%, #e1e1e1 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #ffffff), color-stop(50%, #f2f2f2), color-stop(75%, #f2f2f2), color-stop(80%, #f2f2f2), color-stop(90%, #f2f2f2), color-stop(100%, #e1e1e1)); background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 50%, #f2f2f2 75%, #f2f2f2 80%, #f2f2f2 90%, #e1e1e1 100%); background: -o-linear-gradient(left, #ffffff 0%, #ffffff 50%, #f2f2f2 75%, #f2f2f2 80%, #f2f2f2 90%, #e1e1e1 100%); background: -ms-linear-gradient(left, #ffffff 0%, #ffffff 50%, #f2f2f2 75%, #f2f2f2 80%, #f2f2f2 90%, #e1e1e1 100%); background: linear-gradient(to right bottom, #ffffff 0%, #f2f2f2 50%, #f2f2f2 75%, #f2f2f2 80%, #f2f2f2 90%, #e1e1e1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); } } #webshopquote{ background: red !important; } #mobielewebshopontwikkeling{ padding: 88px 0 0 0; } #mobielewebshopontwikkeling .row{ background: url(/wp-content/themes/microdesign/images/mobiele-webshop.png) top left no-repeat; background-size: 40%; padding-bottom: 88px; } section#webshopquote{ background: url(../images/bgquote-webshop.jpg); background-size: cover; padding: 88px; } .dequote{ border: 3px solid #fff; border-radius: 5px; padding: 33px; color: #fff; font-weight: bold; text-align: center; font-size: 19px; line-height: 33px; } #webdesignblok{ padding: 88px 0; background: #f2f2f2; } #webdesignblok a{ font-weight: normal; color: #6f6f6f; text-decoration: none; } .meerwebdesign{ display: none; clear: left; } .meerwebdesign h2{ font-weight: normal; margin-top: 22px; font-size: 20px; } .meerwebdesign h3{ font-weight: normal; margin-top: 22px; font-size: 18px; line-height: 33px; } #webdesignblok a.button{ clear: both !important; float: left; color: #fff !important; } h3.recenttit a{ font-weight: bold !important; margin-bottom: 22px; float: left; } blockquote{ background: #eee; padding: 22px; margin: 22px ; font-style: italic; } .single-post h3{ margin-bottom: 22px; } ul{ padding: 22px; } #adwordsoverzicht{ padding: 88px 0; background: url(/wp-content/themes/microdesign/images/google-adwords.jpg) center top !important; background-color: #679BBB !important; background-position-y: -60px !important ; color: #fff !important; } #adwordsoverzicht p{ margin-bottom: 22px; } #adwordstraject{ padding: 88px 0; } #adwordstraject h4{ font-size: 18px; margin-bottom: 11px; } #adwordstraject p, #adwordstraject div{ text-align: center; } #adwordstraject .paddingtop{ margin-top: 66px; } #diensten .container .sixcol a{ font-weight: bold; text-decoration: none; color: #86BE49; } #diensten .fourcol .tencol.last h3 a{ font-weight: bold !important; } .iconlijst .twocol a{ text-decoration: none !important; } #adwordsoverzicht h2 a, #adwordsoverzichtlinks h2 a, #adwordsoverzicht3 h2 a{ color: #fff; text-decoration: none; } #adwordsoverzicht a.button, #adwordsoverzichtlinks a.button{ background: #8ab5d1 ; } #adwordsoverzichtlinks a.button{ background: #e17d6a ; } #adwordsoverzicht3 a.button{ background: #ecc058; } #adwordsoverzichtlinks{ padding: 88px 0; background: url(/wp-content/themes/microdesign/images/ipad-serp.png) center top !important; background-color: #cd3e23 !important; background-position-y: -60px !important ; color: #fff !important; } #adwordsoverzicht3{ padding: 88px 0; background: url(/wp-content/themes/microdesign/images/google-adwords.png) center top !important; background-color: #f0aa05 !important; background-position-y: -60px !important ; color: #fff !important; } .reportbox{ padding: 44px 44px 162px; text-align: center; font-size: 13px; background: url(../images/analytics-bg.jpg) bottom center no-repeat #eee; background-size: 100%; } .reportbox p{ color: #666; } .reportbox .h1{ font-size: 20px; font-weight: bold; } .reportbox input.submit{ background: #ff9d33; border-radius: 11px; padding: 11px; color: #fff; font-weight: bold; border: 1px solid #ff9d33; margin-left: 10px; cursor: pointer; } .reportbox input.email{ margin: 0 auto; margin-left: 0%; padding: 11px; border-radius: 11px; border: 1px solid #ccc; font-size: 14px; min-width: 40%; outline: 0; } .reportbox small{ float: left; clear: both; width: 100%; margin-top: 6px; } .foutmelding{ padding-top: 6px; color: red; display: none; } .reportbox.subscribe{ background: url(../images/emailbg.jpg) bottom center no-repeat #eee; background-size: 100%; padding-bottom: 99px; } .footsocial ul{ padding: 0 !important; } .yarpp-related{ padding-top: 22px !important; } .contentvak ol{ margin-left: 22px; margin-bottom: 22px; } .contentvak ol a{ font-weight: normal !important; color: #86BE49; } .page-id-743 #introduction{ padding-bottom: 0; } #buynowblok{ float: left; width: 100%; background: red; padding: 0; margin-top: -28px; background: #86BE49; } .buynowtemplate{ width: 100%; max-width: 960px; margin: 0 auto; line-height: 22px !important; padding-bottom: 22px; } .buynowtemplate h2{ color: #fff; padding: 0; float: left; line-height: 22px; margin-top: -10px !important; } .buynowtemplate a{ background: #9fca73; color: #fff; padding: 11px 22px; text-transform: none; float: right; margin-top: -22px; text-decoration: none; } .reportbox.prestashop{ max-width: 600px; margin: 0 auto; margin-top: 22px; margin-bottom: -10px !important; background: #eee; padding-bottom: 44px; padding-top: 22px; } #shortspec ul li{ list-style: none; border-bottom: 1px solid #ccc; padding: 6px 0; } .entry-content .alignright{ float: right; max-width: 40%; } p.wp-caption-text{ background: #eee; font-size: 11px; text-align: center; padding: 11px; margin-top: -7px; } .entry-content .aligncenter{ max-width: 100%; } .hs-form-field label{ display: none !important; } #contactinfo h1 { padding-bottom: 22px ; } .hs-form input, .hs-form textarea{ width: 100% !important; } .hs_submit .actions{ margin: 0 !important; padding: 0 !important; } .hs_submit input{ background: #e77018 !important; border: 0 !important; width: auto !important; padding: 17px 44px !important; color: #fff !important; text-shadow: none !important; text-transform: uppercase; } .hs_submit input:hover{ box-shadow: 0 !important; border: 0 !important; background: #b85811 !important; }