html,body{margin:0;padding:0;border:0}body{font-family:Arial,Helvetica,sans-serif;font-size:13px;color:#bbb;line-height:24px;background:#ebebeb;height:100%;letter-spacing:1px}aside,article,footer,header,nav,section{display:block}::selection{background:#24c0bc;color:#fff}::-moz-selection{background:#24c0bc;color:#fff}h1,h2,h3,h4,h5,h6{font-family:'DINPro-medium',Arial,Helvetica,sans-serif;color:#8e8e8e;font-weight:400;line-height:1em;font-size:20px;margin:0;text-transform:uppercase;letter-spacing:2px}h1{font-size:16px}ul,ol{list-style:inside;padding:0
0 20px 0}p
strong{font-weight:bold}a
img{border:0px}a{color:#eee;text-decoration:none;-o-transition:0.4s;-ms-transition:0.4s;-moz-transition:0.4s;-webkit-transition:0.4s;transition:0.4s}a:hover{text-decoration:none}input[type="text"],input[type="password"],input[type="submit"],input[type="button"]{-webkit-appearance:none;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;color:#797979;letter-spacing:1px;outline:0}.button,input[type="submit"],input[type="button"]{display:inline-block;background:#24c0bc;border:0px;font-family:'DINPro-medium',Arial,Helvetica,sans-serif;text-decoration:none;font-size:13px;margin:0px;color:#fff;text-align:center;text-transform:uppercase;outline:none;cursor:pointer;letter-spacing:2px;padding:0.5em 1em;height:3em;line-height:2em;min-width:12.5em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;vertical-align:middle;-webkit-appearance:none;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0}.button:hover,.button:focus,input[type="submit"]:hover,input[type="submit"]:focus,input[type="submit"].focus,input[type="button"]:hover,input[type="button"]:focus{background:#24c0bc;color:rgba(255,255,255,0.5)}input[type="submit"]:hover,input[type="submit"]:focus{}.notice{background:#f76452;color:#fff;padding:10px;margin-bottom:30px}fieldset{border:0px;padding:0px}fieldset input[type="text"], fieldset input[type="password"], fieldset
textarea{height:2.4em;line-height:1.6em;padding:0.4em 0.6em;border:1px
solid #a9a9a9;outline:none;font-family:Arial,Helvetica,sans-serif;text-decoration:none;text-transform:none;font-size:14px;color:#a9a9a9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;vertical-align:middle;-webkit-appearance:none;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0}fieldset
textarea{resize:vertical;height:7.9em}fieldset input[type="text"]:focus, fieldset input[type="password"]:focus, fieldset textarea:focus{border-color:#1f1f1f}fieldset input[type="text"].error, fieldset input[type="password"].error, fieldset
textarea.error{border:1px
solid #e44 !important}fieldset div.field:after{content:'';display:block;clear:both}fieldset div.field+div.field{margin-top:14px}fieldset div.field
label{float:left;width:33%;color:#a9a9a9}fieldset div.field
textarea{width:100%}fieldset.dark div.field
label{color:#fff}fieldset.dark input[type="text"], fieldset.dark input[type="password"], fieldset.dark
textarea{background:#444;border-color:#c3c7cc}fieldset.dark input[type="text"]:focus, fieldset.dark input[type="password"]:focus, fieldset.dark textarea:focus{border-color:#24c0bc}#uitleg-overlay{position:fixed;width:100%;height:calc(100% - 60px);background:rgba(0,0,0,0.75);top:60px;left:0;z-index:1000;font-family:'DINPro-medium',Arial,Helvetica,sans-serif;text-transform:uppercase}#menu-overlay{position:fixed;width:calc(100% - 40px);height:60px;background:rgba(0,0,0,0);top:0;left:0;z-index:1000}div.uitleg{position:absolute;z-index:1001;white-space:normal;font-size:12px;font-family:'DINPro-medium',Arial,Helvetica,sans-serif;text-transform:uppercase;text-align:center;line-height:18px}label.switch div.uitleg
span{background-image:none}.overzicht-ontwerpen{left:-29px;top:122px;width:100px}.overzicht-ontwerpen:before,.geef-feedback:before,.jouw-designer:before{content:'';display:block;position:absolute;left:50%;margin-left:-3px;top:-58px;width:7px;height:53px;background:url('/skin/showcase/images/uitleg-kort.png');background-size:7px auto}.blader-ontwerpen{left:-52px;top:292px;width:150px}.blader-ontwerpen:before{content:'';display:block;position:absolute;left:50%;top:-228px;width:140px;margin-left:-70px;height:224px;background:url('/skin/showcase/images/uitleg-blader.png');background-size:140px auto}.geef-feedback{left:-9px;top:134px;width:80px}.jouw-designer{left:2px;top:134px;width:80px;color:#bbb}.toon-links:before{content:'';display:block;position:absolute;left:50%;margin-left:-3px;top:-134px;width:7px;height:128px;background:url('/skin/showcase/images/uitleg-medium.png');background-size:7px auto}.toon-rondes:before{content:'';display:block;position:absolute;left:50%;margin-left:-3px;top:-205px;width:7px;height:200px;background:url('/skin/showcase/images/uitleg-lang.png');background-size:7px auto}.toon-links{left:-8px;top:210px;width:80px}.toon-rondes{left:2px;top:281px;width:60px}#uitleg-overlay.checked
a{display:none}#uitleg-overlay
a{height:38px;line-height:38px;width:200px;margin-left:-120px;top:50%;left:50%;padding-left:40px;position:absolute;background:#24c0bc;text-align:center;position:relative;display:block;font-size:15px;z-index:99999}#uitleg-overlay a:before{content:'';display:block;position:absolute;top:14px;left:18px;width:32px;height:22px;background:url('/skin/showcase/images/uitleg-ok.png');background-size:32px auto}#uitleg-overlay,#menu-overlay,.uitleg{}label.switch.switch-uitleg{position:absolute;border-right:0;right:0;top:0;width:40px;text-align:center;line-height:60px;background:url(/skin/showcase/images/tip-uitleg.png) no-repeat center center;background-size:25px auto}label.switch.switch-uitleg.checked{background:url(/skin/showcase/images/tip-uitleg2.png) no-repeat center center;background-size:25px auto}#sluiten{position:absolute;width:40px;height:40px;right:20px;top:50%;margin-top:-20px;border:0;cursor:pointer;background:url(/skin/showcase/images/sluiten.png) no-repeat center center}div.showcase
a#logo{background:#24c0bc url(/skin/showcase/images/showwwcase_logo_wit.png) no-repeat center center;background-size:193px 37px;width:226px;height:96px;display:block;position:absolute;top:0;left:0;z-index:10}header
.gebruiker{width:240px;height:60px;content:' ';position:absolute;right:40px;top:0}a#user-dropdown{display:inline-block}a#user-dropdown:hover{color:rgba(255,255,255,0.5)}a#user-dropdown:after{content:'';display:block;clear:both}div.showcase
.gebruiker{height:60px;content:' ';position:absolute;right:75px;top:20px;color:#989898;padding:0px
40px}.gebruiker .user-image{width:80px;height:60px;float:left}.gebruiker .user-image
img{width:45px;height:45px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;margin-top:6px}.gebruiker .user-name{float:left;height:60px;line-height:60px;font-family:arial;font-size:13px;letter-spacing:1px;color:#989898;padding-right:15px}.gebruiker .user-name
.name{position:relative}.gebruiker .user-name .name:after{content:'';position:absolute;right:-15px;top:6px;width:7px;height:4px;background:url(/skin/showcase/images/icon-profiel-dropdown.png) no-repeat 0 0;background-size:7px 8px}a#user-dropdown:hover .user-name .name:after{background:url(/skin/showcase/images/icon-profiel-dropdown.png) no-repeat 0 -4px;background-size:7px 8px}a#user-dropdown:hover .user-name{color:#24c0bc}.gebruiker .user-name span.name
a{color:#989898}.gebruiker .name.active
u.dotted{border:none}.gebruiker span.name.active
a{color:#24c0bc}.gebruiker .user-name span.all, span.all
a{color:#656565}.gebruiker
.divider{float:left;height:60px;line-height:60px;color:#585858}.gebruiker .company-name{float:left;height:60px;line-height:60px;font-family:arial;font-size:13px;letter-spacing:1px}.gebruiker .company-name span.company
a{color:#989898}.gebruiker .company.active
u.dotted{border:none}.gebruiker span.company.active
a{color:#24c0bc}.gebruiker .user-dropdown{display:none;color:#c6fffe;font-size:12px;z-index:100;position:absolute;min-width:250px;right:35px;font-family:'DINPro-medium',Arial,Helvetica,sans-serif;box-shadow:0px 0px 10px rgba(0,0,0,0.2)}.gebruiker .user-dropdown
a{color:#c6fffe;display:block;padding:10px
15px}.user-dropdown .user-image{width:100%;float:none;background:#fff;padding:15px
0}.user-dropdown .user,
.user-dropdown .company,
.user-dropdown .dropdown-upgrade{width:100%;background:#24c0bc url(/skin/showcase/images/icon-profiel-link.png) no-repeat center right 15px;background-size:4px auto;text-align:left;text-transform:uppercase;border-bottom:1px solid #6eccca;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}.user-dropdown .user:hover,
.user-dropdown .company:hover{background:#2dc8c4 url(/skin/showcase/images/icon-profiel-link.png) no-repeat center right 15px;background-size:4px auto}.user-dropdown .dropdown-upgrade{padding:20px;text-align:center;background:#24c0bc}.user-dropdown .dropdown-upgrade
a{display:inline-block;border:1px
solid #6eccca;padding:4px
10px}.user-dropdown .dropdown-upgrade a:hover{color:#fff}.gebruiker .upgrade-notice{display:inline-block;height:60px;vertical-align:top;padding-top:18px;margin-left:5px}.gebruiker .upgrade-notice
a{padding:5px
5PX 5px 5px;background:#24c0bc}.gebruiker-preview{height:60px;content:' ';position:relative;float:right;color:#989898;padding:0px
70px 0 5px}.gebruiker-preview .user-image{float:left}.gebruiker-preview .user-image
img{width:45px;height:45px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;margin-left:15px;margin-top:7px}.gebruiker-preview
.info{float:left;padding-left:15px}.gebruiker-preview .info .user-name{padding-top:12px}.gebruiker-preview .info .user-name
.name{color:#aeaeae}.gebruiker-preview .info .company-name{margin-top:-10px}.gebruiker-preview .info .company-name
.company{color:#6a6a6a;font-size:11px}u.dotted{border-bottom:1px dashed #989898;text-decoration:none}div.showcase
a#logout{background:#f76452 url(/skin/showcase/images/logout.png) no-repeat center center;background-size:17px 21px;width:54px;height:54px;display:block;position:absolute;top:20px;right:20px;z-index:10}div.showcase,div#showcase{z-index:30;display:block;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}div#showcase{display:none}div#showcase.aan{display:block;background:#ebebeb}div.showcase .showcase-header{background:#1f1f1f;padding:0
30px;position:relative}div.showcase h1,
div.showcase h1.project-titel{text-align:center;display:inline-block;position:relative;line-height:96px;letter-spacing:2px;vertical-align:top}div.showcase h1.project-titel
span{max-width:450px;white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis}div.showcase h1.project-titel span:focus{text-overflow:initial}div.showcase .icon h1:after{background:url('/skin/showcase/images/project.png') top center no-repeat;background-size:30px 30px;display:block;position:absolute;right:-48px;top:50%;margin-top:-18px;content:'';width:38px;height:30px}div.showcase#designers .icon h1:after,
div.showcase#companys .icon h1:after,
div.showcase#subscription .icon h1:after,
div.showcase#permission .icon h1:after,
div.showcase#profile .icon h1:after{background:url('/skin/showcase/images/user-icon-mid.png') top center no-repeat;background-size:24px 30px}div.showcase#company .icon h1:after{background:url('/skin/showcase/images/company-icon-mid.png') top center no-repeat;background-size:38px 30px}div.showcase h1.project-titel:after{background:url('/skin/showcase/images/scherm-icon.png') top center no-repeat;background-size:32px 25px;display:block;position:absolute;right:-40px;top:50%;margin-top:-14px;content:'';width:32px;height:25px}div.showcase h1.project-titel>span:focus{color:#B8B8B8;outline:none}div.showcase
ul.blocks{list-style:none;padding:0;text-align:center;margin:30px
0}div.showcase ul.blocks
li{background:#fff;position:relative;width:10.5%;margin:1%;float:left;text-align:center;text-transform:uppercase;letter-spacing:2px;color:#717171;font-size:13px}div.showcase .designer-filter{left:20px;position:absolute;width:45%;padding-left:30px;background:url(/skin/showcase/images/icon-filter.png) no-repeat center left;background-size:16px auto}div.showcase .designer-filter-images{float:left}div.showcase .designer-filter-images
label{float:left;position:relative;width:51px;height:51px;padding:2px;margin-right:3px;cursor:pointer;white-space:nowrap}div.showcase .designer-filter-images label:hover>input{visibility:hidden}div.showcase .designer-filter-images label>span.name{opacity:0}div.showcase .designer-filter-images label:hover>span.name{opacity:1;display:block;background:#1f1f1f;position:absolute;top:64px;left:0px;padding:3px
9px;min-width:30px}div.showcase .designer-filter-images label:hover>span.name:before{content:'';background:#1f1f1f;width:10px;height:10px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);left:23px;margin-top:-8px;position:absolute}div.showcase .designer-filter-images
input{position:absolute;top:-50px;visibility:hidden}div.showcase .designer-filter-images
img{display:block;width:45px;height:45px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;padding:3px}div.showcase .designer-filter-images :checked ~ span
img{-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;border:2px
solid #24c0bc;margin:-2px -2px -2px -2px}.span-succes{position:absolute;background:#24c0bc url(/skin/showcase/images/gekopieerd-wit.png) no-repeat center center;background-size:13px 10px;width:94px;height:39px;line-height:39px;color:#757575;font-family:'DINPro-medium',Arial,Helvetica,sans-serif;display:none;font-size:12px;letter-spacing:1px;margin-left:-6px;top:46px;left:128px}div.block-user .span-succes{height:35px;line-height:35px;left:47%}.span-succes.kopie{left:50%;margin-left:0;top:42px}#company .span-succes{top:303px;left:140px}#profile .span-succes{top:145px;left:138px}form{position:relative}div.showcase ul.blocks li
img{width:100%;height:auto}div.showcase a:link
img{opacity:1.0;filter:alpha(opacity=100)}div.showcase ul.blocks li
span.noimage{display:inline-block;width:100%;height:calc((100vw - 110px) * 0.142)}div.showcase ul.blocks li span.noimage>span{display:table;width:100%;height:100%}div.showcase ul.blocks li span.noimage>span>span{display:table-cell;vertical-align:middle;text-align:center;padding:0
40px;line-height:1.4em}div.showcase ul.blocks li
span.noimage.large{font-family:Arial;font-size:8vw;line-height:1em}div.showcase ul.blocks li div.project-thumbnail{position:relative}div.showcase ul.blocks li div.project-thumbnail
h4{display:none;position:absolute;top:50%;left:50%;margin-top:-18px;border:1px
solid #797979;color:#797979;font-size:12px;height:36px;line-height:36px;padding:0;width:146px;margin-left:-70px;z-index:50}div.showcase ul.blocks li div.project-thumbnail h4.to-project{top:45%}div.showcase ul.blocks li div.project-thumbnail
h4.live{top:62%;border:none;border-bottom:1px dashed;width:92px;margin-left:-45px;line-height:50px}div.showcase ul.blocks li div.project-thumbnail h4.live:hover{border:none;border-bottom:1px dashed #ccc;color:#ccc}div.showcase ul.blocks li div.project-thumbnail:hover
h4{display:block}div.showcase ul.blocks li div.project-thumbnail h4:hover{border:1px
solid #ccc;color:#ccc}div.showcase ul.blocks li div.project-thumbnail
span.overlay{background:rgba(0, 0, 0, 0.8);position:absolute;top:0;left:0;width:100%;height:100%;display:none}div.showcase ul.blocks li:hover div.project-thumbnail:hover
span.overlay{display:block}div.showcase ul.blocks li div.project-thumbnail
img{vertical-align:top}div.showcase ul.blocks li div.project-naam{display:table;padding:5px
10px;width:100%;height:60px;text-align:center;table-layout:fixed;border-top:1px solid #e1e1e1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}div.showcase ul.blocks li div.project-naam
span{display:table-cell;vertical-align:middle;line-height:1.4em;font-family:'DINPro-medium',Arial,Helvetica,sans-serif;word-wrap:break-word}div.showcase ul.blocks li div.project-naam span:focus{outline:none;color:#B8B8B8}div.showcase ul.blocks li div.project-scherm{table-layout:fixed;display:table;padding:5px
5px 5px 54px;width:100%;height:65px;text-align:left;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}div.showcase ul.blocks li div.project-scherm:before{content:'';display:block;position:absolute;top:18px;left:12px;width:32px;height:25px;background:url('/skin/showcase/images/scherm-icon.png');background-size:32px 25px}div.showcase ul.blocks li div.project-scherm>div{max-height:50px;overflow:hidden;display:table-cell;vertical-align:middle;width:100%}div.showcase ul.blocks li div.project-scherm
span{display:table-cell;vertical-align:middle;line-height:1.4em;font-family:Arial,Helvetica,sans-serif;max-width:150px;overflow:hidden;letter-spacing:1px;text-transform:none;word-wrap:break-word}div.showcase ul.blocks li div.project-scherm span:focus{outline:none;color:#B8B8B8}div.showcase ul.blocks li div.project-scherm .reaction-count{margin-top:12px;margin-right:5px;display:table-cell;vertical-align:middle;width:30px}div.showcase ul.blocks li div.project-scherm .reaction-count
span{width:26px;height:26px;border-radius:50%;background:#24c0bc;text-align:center;color:#fff}div.showcase ul.blocks li button.btn-copy{background:#24c0bc;color:#fff;text-transform:uppercase;letter-spacing:2px;border:0;font-size:13px;padding:0;width:100px;height:35px;line-height:35px;cursor:pointer;margin:0;position:absolute;outline:none;font-family:'DINPro-medium',Arial,Helvetica,sans-serif;left:50%;top:42px;margin-left:-50px}div.showcase ul.blocks li button.btn-copy:hover
span.overlay{display:block}div.showcase ul.blocks li
input{border:1px
solid #ccc;width:90%;color:#c2c2c2;font-size:12px;margin-bottom:8px;-webkit-appearance:none}div.showcase ul.blocks li input:active,
div.showcase ul li input:focus{outline:none;border:1px
solid #bbb}div.showcase ul.blocks:after{content:'';display:block;clear:both}.block-naam{padding-top:15px}.block-options{height:55px}.showcase-body{min-height:500px;margin:24px
0 40px;background:#ebebeb}.showcase.aan .showcase-body{margin:24px
0 0}div.showcase.aan
ul.blocks{margin-bottom:0}.showcase-body>div.container{width:100%;margin:0
auto}.showcase-body>div.container>div:first-child{height:52px}.new-search-bar{height:52px}a.new-button{position:absolute;width:52px;height:52px;left:50%;top:auto;background:#24c0bc url(/skin/showcase/images/new-project.png) no-repeat center center;background-size:20px 20px;margin:0
auto;display:inline-block;margin-left:-26px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%}a.new-button:hover{-webkit-animation-name:spin;-webkit-animation-duration:2000ms;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:spin;-moz-animation-duration:2000ms;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-ms-animation-name:spin;-ms-animation-duration:2000ms;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:linear;animation-name:spin;animation-duration:2000ms;animation-iteration-count:infinite;animation-timing-function:linear}@-moz-keyframes
spin{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}@-webkit-keyframes
spin{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes
spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}div.search{display:inline-block;float:right;margin-right:20px}div.search
form#search{background:#fff;position:relative}div.search form#search
input{height:32px;width:350px;padding:8px
50px 8px 15px;font-size:15px;border:none;color:#888;border:1px
solid #fff;font-family:arial;letter-spacing:2px}div.search form#search input:focus{outline-color:transparent;outline-style:none;border:1px
solid #c6c6c6}div.search form#search
button{height:48px;width:48px;position:absolute;right:1px;top:1px;background:#fff url(/skin/showcase/images/magnify-icon.png) no-repeat center center;border:none}div.search form#search button:focus{outline-color:transparent;outline-style:none}ul.blocks
li{background:#fff;position:relative;width:22%;margin:1%;text-align:center;text-transform:uppercase;letter-spacing:2px;float:none;color:#717171;font-size:13px}ul.blocks li
div.thumbnail{position:relative}ul.blocks li div.thumbnail
h4{display:none;position:absolute;top:50%;left:50%;margin-top:-18px;border:1px
solid #797979;color:#797979;font-size:12px;height:36px;line-height:36px;padding:0;width:140px;margin-left:-70px;z-index:50}ul.blocks li div.thumbnail:hover
h4{display:block}ul.blocks li div.thumbnail h4:hover{border:1px
solid #ccc;color:#ccc}ul.blocks li div.thumbnail
span.overlay{background:rgba(0, 0, 0, 0.8);position:absolute;top:0;left:0;width:100%;height:100%;display:none}ul.blocks li:hover div.thumbnail:hover
span.overlay{display:block}ul.blocks li div.thumbnail
img{vertical-align:top}ul.blocks li
div.name{display:table;padding:5px
10px;width:100%;height:60px;text-align:center;border-top:1px solid #e1e1e1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}ul.blocks li div.name
span{display:table-cell;vertical-align:middle;line-height:1.4em;font-size:13px;font-family:'DINPro-medium',Arial,Helvetica,sans-serif}ul.blocks li div.name span:focus{outline:none;color:#B8B8B8}ul.blocks li div.thumbnail:hover
.remove{display:block;z-index:50}.showcase-body
.edit{position:absolute;left:0px;top:0px;padding:5px;display:none;width:44px;height:44px;background:url(/skin/showcase/images/edit.png) no-repeat center center;background-size:24px 24px}ul.blocks li div.thumbnail:hover
.edit{display:block;z-index:50}.showcase-preview{display:none}fieldset.dark.url input[type="text"]{width:100%}.showcase-body
.remove{position:absolute;right:0px;top:0px;padding:5px;display:none;width:44px;height:44px;background:url(/skin/showcase/images/delete.png) no-repeat center center;background-size:24px 24px}div.showcase ul li div.project-thumbnail:hover
.remove{display:block;z-index:50}.showcase-body
.move{display:none;position:absolute;left:0px;top:0px;padding:5px;display:none;width:44px;height:40px;background:url(/skin/showcase/images/move.png) no-repeat center center;background-size:24px 24px}div.showcase ul li div.project-thumbnail:hover
.move{display:block;z-index:50}.block-options
.remove{position:absolute;right:100px;top:60px;padding:5px;display:block;width:44px;height:44px;background:url(/skin/showcase/images/delete.png) no-repeat center center;background-size:24px 24px}.block-options
.edit{position:absolute;left:100px;top:60px;padding:5px;display:block;width:44px;height:44px;background:url(/skin/showcase/images/edit.png) no-repeat center center;background-size:24px 24px}.block-options.group .remove, .block-options.group
.edit{top:40px}.loader{position:fixed;left:0px;top:0px;width:100%;height:100%;overflow:auto;background:#24c0bc url('includes/assets/images/login-background.jpg') center no-repeat;background-size:cover;z-index:5000}.loader>div{display:table;width:100%;height:100%}.loader>div>div{display:table-cell;vertical-align:middle}.loader>div>div>div{margin:0px
auto;max-width:700px;padding:0px
90px 0px 0px;font-family:'DINPro';font-weight:bold;text-transform:uppercase;font-size:22px;position:relative;text-align:center}.loader>div>div>div:after{content:'';display:block;position:absolute;top:42px;right:80px;width:50px;height:58px;background:url('/skin/showcase/images/showwwcase.png') no-repeat;background-size:50px 58px}.loader > div > div > div
h2{font-size:30px;color:#fff;font-family:'DINPro',Arial,Helvetica,sans-serif;letter-spacing:2px;margin-left:-50px;line-height:1.6em;position:relative}.loader > div > div > div
p{font-family:'DINPro-medium',Arial,Helvetica,sans-serif;font-size:13px;color:#24c0bc;text-transform:uppercase;letter-spacing:3px;margin:20px
0 0;position:relative;display:inline-block;padding-left:30px}.loader > div > div > div p:before{content:'';display:block;position:absolute;top:3px;left:0;width:20px;height:17px;background:url('/skin/showcase/images/love.png');background-size:20px 17px}.loader > div > div > div
.logo{position:relative;margin:0px
auto 45px auto;width:48px;height:2px}.loader > div > div > div
.progress{position:relative;height:2px;background:#88d9f8;margin-top:24px}.loader > div > div > div .progress>div{position:absolute;left:0px;top:0px;height:100%;width:0%;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}.spinner{margin:0
auto 20px;width:70px;text-align:center}.spinner>div{width:18px;height:18px;background-color:#fff;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.spinner
.bounce1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s}.spinner
.bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s}@-webkit-keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1.0)}}@keyframes sk-bouncedelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1.0);transform:scale(1.0)}}.uploader{border:2px
dashed #bdbdbd;background:#fff;padding:60px
0px 52px;margin:0
auto;position:relative;text-align:center;width:98%;margin-top:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}.uploader.dz-started{padding-bottom:23px}.uploader .drag-drop{min-height:30px}.uploader .drag-drop>span{position:relative;display:inline-block;padding-left:20px;color:#24c0bc}.uploader .drag-drop span
span{color:#c1c1c1}.uploader .drag-drop>span:before{content:'';display:block;position:absolute;top:-5px;left:-10px;width:20px;height:32px;background:url('/skin/showcase/images/drag-drop.png');background-size:20px 32px}.uploader .dz-image{display:none}.uploader.dz-drag-hover{border-color:#24c0bc;background-color:rgba(36, 192, 188, 0.5)}.uploader.dz-drag-hover span.drag-drop{color:#fff}.dz-details,.dz-success-mark,.dz-error-message,.dz-error-mark{display:none}.dz-progress{height:7px;width:70%;max-width:250px;background:#ddd;margin:10px
auto}.dz-complete .dz-progress{display:none}span.dz-upload{background-color:#24c0bc;height:100%;display:block;width:0}.dz-preview,.dz-preview.dz-file-preview,.dz-preview.dz-image-preview,.dz-preview.dz-image-preview.dz-processing{width:50px;height:10px;display:inline-block;margin:12px
2px 0}.dz-preview.dz-image-preview.dz-complete{background:#24c0bc;height:7px}.dz-progress{width:100%;margin:3px
auto}div.showcase
.round{position:relative;margin:1%;text-align:center;text-transform:uppercase;letter-spacing:1px;color:#717171;line-height:35px;background:none;width:98%;height:35px;font-size:12px;overflow:hidden}div.showcase .round:after{content:'';display:block;clear:both}div.showcase .round
hr{color:#bdbdbd;background-color:#bdbdbd;border:0
none;height:1px}div.showcase .round
span.date{float:left;margin-right:15px;font-family:Arial,Helvetica,sans-serif;text-transform:none}div.showcase .round span.date:before{content:'';display:block;background:url(/skin/showcase/images/rounds-small.png) no-repeat center center;background-size:25px 25px;width:25px;height:25px;float:left;margin-right:10px;margin-top:5px}div.showcase .round
div.new{background:#24c0bc;color:#fff;width:150px;-webkit-border-radius:25px;-moz-border-radius:25px;-ms-border-radius:25px;-o-border-radius:25px;border-radius:25px;margin-top:-24px;font-family:Arial,Helvetica,sans-serif;text-transform:none;padding-top:1px}div.showcase .round div.new:after{visibility:hidden;position:absolute;content:'';background:url(/skin/showcase/images/plusje-icon.png) no-repeat center center;height:12px;width:12px;float:right;top:12px;left:50%;margin-left:-6px}div.showcase .round
hr{margin-top:16px}div.showcase .round
div.delete{width:30px;height:30px;-webkit-border-radius:25px;-moz-border-radius:25px;-ms-border-radius:25px;-o-border-radius:25px;border-radius:25px;float:right;margin-top:-21px;background:#f76452 url(/skin/showcase/images/kruisje-wit.png) no-repeat center center}div.showcase .round.first
div.delete{position:absolute;right:0;top:21px}div.showcase .round div.delete:hover{-webkit-animation-name:spin;-webkit-animation-duration:2000ms;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:spin;-moz-animation-duration:2000ms;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-ms-animation-name:spin;-ms-animation-duration:2000ms;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:linear;animation-name:spin;animation-duration:2000ms;animation-iteration-count:infinite;animation-timing-function:linear}div.showcase .round.first a#new-round{display:block;width:160px;margin:0
auto;position:relative}div.showcase .round.first a#new-round:hover > div
span{visibility:hidden}div.showcase .round.first a#new-round:hover>div.new:after{visibility:visible}div.menu{position:absolute;left:226px;font-family:Arial,Helvetica,sans-serif;letter-spacing:1px;height:96px;line-height:96px}div.menu
ul{margin:0
0 0 25px;list-style:none}div.menu ul li.menu-item{float:left;padding:0
0 0 25px}div.menu ul li.menu-item
a{color:#989898;border-bottom:1px dashed #989898}div.menu ul li.menu-item.active
a{color:#24c0bc;border:0}div.menu ul li.menu-item.divider{color:#585858}div.menu ul li.menu-item.parent{position:relative}div.menu ul li.menu-item.parent
ul.submenu{display:none;position:absolute;background:#1f1f1f;float:none !important;padding:0px
25px 10px 25px;left:-28px;z-index:1}div.menu ul li.menu-item.parent:hover
ul.submenu{display:block}ul.submenu li.submenu-item{line-height:3}ul.submenu li.submenu-item
a{color:#989898}div.showcase ul.blocks li
span.user{float:left;vertical-align:top;display:inline-block;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;overflow:hidden;width:39px;height:39px;margin:8px
20px 0 0}div.showcase ul.blocks li span.user
img{width:100%}div.showcase ul.blocks li .block-user,
div.showcase ul.blocks li .block-no-user{position:relative}div.showcase ul.blocks li .block-user{padding-bottom:55px}div.showcase ul.blocks li .block-user
span.user{position:absolute;left:21%;margin-left:-20px;top:32px}div.showcase ul.blocks li .block-user button.btn-copy{margin-left:-10px;margin-right:5px}div.content-block{background:#fff;padding:40px;width:900px;margin:0px
auto;color:#9a9a9a}.showcase div.go-pro{background:#24c0bc;-webkit-border-radius:25px;-moz-border-radius:25px;-ms-border-radius:25px;-o-border-radius:25px;border-radius:25px;height:16px;font-size:10px;line-height:16px;text-align:center;color:#fff;padding:0
5px;margin-top:22px;text-transform:uppercase;font-family:'DINPro-medium',Arial,Helvetica,sans-serif;letter-spacing:1px;float:left;margin-left:10px}body.show-hotspots .select-fancy-list{white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;max-width:288px}@media only screen and (max-width: 2200px){div.showcase ul.blocks
li{width:12.2857%}}@media only screen and (max-width: 1900px){div.showcase ul.blocks
li{width:14.66%}}@media only screen and (max-width: 1600px){div.showcase ul.blocks
li{width:18%}}@media only screen and (max-width: 1250px){div.showcase ul.blocks
li{width:23%}}@media only screen and (max-width: 1200px){div.showcase
a#logo{background:#24c0bc url(../images/emailsystem300x76.png) no-repeat center center;background-size:145px auto;width:190px;height:96px}div.menu{left:190px}div.menu
ul{margin:0
0 0 10px}div.menu ul li.menu-item{padding:0
0 0 12px}div.showcase
.gebruiker{padding:0px
20px}.gebruiker-preview{padding-right:50px}.gebruiker .user-dropdown{right:15px}}.login-screen{position:fixed;left:0px;top:0px;width:100%;min-width:320px;height:100%;overflow:auto;font-family:'Roboto',Arial,Helvetica,sans-serif}.login-screen>div.login-left{width:66%;height:100%;float:left;text-align:center;background:url('../images/login-background.jpg') center no-repeat;background-size:cover}.login-screen>div.login-right{width:34%;height:100%;float:right;background:#fff;position:relative}.login-screen > div.login-right
img{width:300px;position:absolute;left:50%;margin-left:-152px;top:60px}.login-screen ::-moz-selection{background:#24c0bc}.login-screen ::selection{background:#24c0bc}.login-panel  ::-webkit-input-placeholder{color:#bbb}.login-panel :-moz-placeholder{color:#bbb}.login-panel  ::-moz-placeholder{color:#bbb}.login-panel  :-ms-input-placeholder{color:#bbb}.login-screen > div.login-left
h1{letter-spacing:-1px;font-size:55px;font-weight:300;color:#fff;font-family:'Roboto',Arial,Helvetica,sans-serif;max-width:600px;margin:0
auto;line-height:1.2em;position:relative;padding-top:60px;display:block;text-transform:none}.login-screen > div.login-left h1:before{content:'';display:block;position:absolute;top:-30px;left:50%;margin-left:-25px;width:50px;height:58px;background:url('/skin/showcase/images/showwwcase.png');background-size:50px 58px}.login-screen > div.login-left
p{font-family:'Roboto',Arial,Helvetica,sans-serif;font-size:13px;color:#24c0bc;text-transform:uppercase;margin:40px
0 0;position:relative;display:inline-block;padding-left:30px}.login-screen > div.login-left
p.desktop{display:none}.login-screen > div.login-left p:before{content:'';display:block;position:absolute;top:3px;left:0;width:20px;height:17px;background:url('/skin/showcase/images/love.png');background-size:20px 17px}.login-screen>div>div{display:table;width:100%;height:100%}.login-screen>div>div>div{display:table-cell;vertical-align:middle}.login-panel{max-width:350px;width:80%;margin:0px
auto}.login-panel
h2{text-align:center;font-size:32px;color:#343434;font-family:'Roboto',Arial,Helvetica,sans-serif;margin-bottom:40px;text-transform:initial;font-weight:300;letter-spacing:0}.login-panel
h3{font-weight:300;text-align:center;font-size:15px;color:#838383;font-family:'Roboto',Arial,Helvetica,sans-serif;margin-bottom:15px}.login-panel fieldset div.field+div.field{margin-top:-1px}.login-panel input[type="text"], .login-panel input[type="password"]{width:100%;height:46px;border:1px
solid #ddd;line-height:24px;color:#666;padding:0
20px;outline:none;background:#fff;font-family:'Roboto',Arial,Helvetica,sans-serif;font-weight:300;font-size:14px}.login-panel input[type="text"]:focus,
.login-panel input[type="password"]:focus{outline:none;border:1px
solid #ddd}.login-panel input[type="text"]:active,
.login-panel input[type="password"]:active{outline:none;border:1px
solid #ddd}.login-panel input:focus::-webkit-input-placeholder{color:#999}.login-panel input:focus:-moz-placeholder{color:#999}.login-panel input:focus::-moz-placeholder{color:#999}.login-panel input:focus:-ms-input-placeholder{color:#999}fieldset div.field+div.field.submit{margin-top:-1px}fieldset div.field.submit input[type="submit"]{float:right;height:46px;width:100%;text-align:center;padding:0px
20px;font-size:15px;font-weight:normal;text-transform:initial;cursor:pointer;background:#1dd5d1;color:#fff;outline:none;font-family:'Montserrat',sans-serif;letter-spacing:0}fieldset div.field.submit input[type="submit"]:hover, fieldset div.field.submit input[type="submit"]:focus{background:#1ec3bf}.forgot-password{margin-top:15px;font-family:'Roboto',Arial,Helvetica,sans-serif;letter-spacing:0}a.recover{color:#888;cursor:pointer;border-bottom:1px dashed #989898}@media only screen and (max-width: 768px){.login-screen>div.login-left{width:100%;height:40%;float:none;text-align:center;min-height:250px;background:url('includes/assets/images/login-background.jpg') center no-repeat;background-size:cover}.login-screen>div.login-right{width:100%;float:none;height:60%;min-height:350px}.login-screen > div.login-right
img{width:213px;position:relative;left:auto;margin:0
auto 40px;top:auto;display:block}.login-screen > div.login-left
h1{padding-top:70px;font-size:4vw}.login-screen > div.login-left h1:before{top:0;background:url('/skin/showcase/images/showwwcase.png');background-size:50px 58px}}@media only screen and (max-width: 500px){.login-screen>div.login-left{height:100%;position:relative}.login-screen > div.login-left
p{font-size:3vw}.login-screen > div.login-left
h1{padding:40px
30px 0 30px;font-size:5vw}.login-screen > div.login-left h1:before{top:-45px}.login-screen>div.login-right{padding:50px
0}.login-screen > div.login-left
p.desktop{display:block;background:none;color:#fff;position:absolute;bottom:20px;left:0;padding:0
20px;font-family:'Roboto',Arial,Helvetica,sans-serif;line-height:1.4em}.login-screen > div.login-left p.desktop:before{background:none}}