/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,button,input,select,textarea{font-family:sans-serif}
body{margin:0}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em;margin:.67em 0}
h2{font-size:1.5em;margin:.83em 0}
h3{font-size:1.17em;margin:1em 0}
h4{font-size:1em;margin:1.33em 0}
h5{font-size:.83em;margin:1.67em 0}
h6{font-size:.67em;margin:2.33em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
mark{background:#ff0;color:#000}
p,pre{margin:1em 0}
code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,menu,ol,ul{margin:1em 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
button[disabled],html input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}

/* Stylesheet: Normalize Modified On 2013-06-12 17:36:19 */
/* ==========================================================================
   Base styles
   ========================================================================== */
html,button,input,select,textarea {color: #222;}
body {font-size:16px;line-height:20px;font-family:Cambria, Georgia, serif;color:#695f56;background:url('https://www.prosperitypartner.nl/img/background.png') repeat left top;}
::-moz-selection {background: #b3d4fc;text-shadow: none;}
::selection {background: #b3d4fc;text-shadow: none;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}
img {vertical-align: middle;}
fieldset {border: 0;margin: 0;padding: 0;}
textarea {resize: vertical;}
a {color:#be7313;text-decoration:none;}
ul,ol {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {margin:0 0 10px;padding:0;}
h1 {font:normal 40px Cambria, Georgia, serif;color:#be7313;text-align:center;margin-bottom:50px;}
h2 {font:normal 20px Cambria, Georgia, serif;color:#be7313;margin-bottom:15px;}
h3 {font:normal 18px Cambria, Georgia, serif;color:#be7313;}
h4 {font:normal 16px Cambria, Georgia, serif;color:#be7313;}
h5 {font:normal 15px Cambria, Georgia, serif;color:#be7313;}
h6 {font:normal 14px Cambria, Georgia, serif;color:#be7313;}
hr {display:block;height:1px;border:0;border-top:1px solid #ded8cd;margin:65px 0;padding:0;}
ul {list-style-position:inside;list-style-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQImWNgYGBg2Fcs/B+GGdAF4BLEC2IzEwC6bC+A/AIqAQAAAABJRU5ErkJggg==');}
/* ==========================================================================
   Header
   ========================================================================== */
header.main {height:77px;}
header.main .title {float:left;margin-top:22px;}
header.main .title a {display:block;width:314px;height:37px;background:url('https://www.prosperitypartner.nl/img/logo.png') no-repeat left top;}
header.main nav {float:right;}
header.main nav ul li {float:left;}
header.main nav ul li a {display:block;color:#b77c10;font:15px/77px 'LatoBold';height:77px;padding:0 28px;border-right:1px solid #323232;}
header.main nav ul li a.print {display:block;width:20px;height:77px;background:url('https://www.prosperitypartner.nl/img/print.png') no-repeat left 31px;}
nav.main {background:#fff url('https://www.prosperitypartner.nl/img/nav-logo.png') no-repeat center 41px;padding:50px 0 43px;position:relative;z-index:10;min-height:87px;}
nav.main ul {float:right;}
nav.main ul:first-child {float:left;}
nav.main ul li {float:left;}
nav.main ul li a {display:block;font-size:16px;line-height:87px;color:#434343;padding:0 41px;background:url('https://www.prosperitypartner.nl/img/nav-seperator.png') no-repeat left center;}
nav.main ul:first-child li a {padding:0 29px;}
nav.main .inner > ul > li:first-child > a {padding-left:0;}
nav.main .inner > ul > li.parent > a > span {display:block;background:url('https://www.prosperitypartner.nl/img/nav-parent.png') no-repeat right top;padding-right:22px;}
nav.main ul li a.menuactive,
nav.main ul li a:hover,
nav.main ul li a.hover {color:#986317;}
nav.main ul li.parent a.menuactive span,
nav.main ul li.parent a:hover span,
nav.main ul li.parent a.hover span {background-position:right bottom;}
nav.main ul li:first-child a {background:none;}
nav.main ul li.parent {position:relative;}
nav.main ul li.parent ul {position:absolute;top:87px;left:-9999em;min-width:100%;white-space:nowrap;padding-bottom:21px;background:#fff;}
nav.main ul li.parent:hover ul,
nav.main ul li.parent.hover ul {left:0;}
nav.main ul li.parent ul li {float:none;}
nav.main ul li.parent ul li a {line-height:40px;background:none;}
/* ==========================================================================
   Container
   ========================================================================== */
.inner {width:1004px;margin:0 auto;}
#main {background:url('https://www.prosperitypartner.nl/img/main-background.png') repeat-y center top;padding:87px 0 197px 0;z-index:5;}
#main.frontpage {padding-top:0;padding-bottom:111px;}
#main.white {background:#fff;}
#main .columns {-moz-column-count:2;-webkit-column-count:2;column-count:2;}
#main ul {padding-left:20px;list-style-position:outside;}
/* ==========================================================================
   Our method (werkwijze)
   ========================================================================== */
.ourmethod {background:url('https://www.prosperitypartner.nl/img/ourmethod-logo.png') no-repeat center top;margin:27px 0 8px;padding-top:39px;position:relative;}
.ourmethod .first,
.ourmethod .second,
.ourmethod .third {padding:24px 25px;width:303px;}
.ourmethod .first {float:left;}
.ourmethod .second {float:right;}
.ourmethod .third {clear:both;margin:0 auto;padding-top:69px;}
.ourmethod .first:hover,
.ourmethod .second:hover,
.ourmethod .third:hover {background:url('https://www.prosperitypartner.nl/img/ourmethod-background.png') no-repeat left top;}
.ourmethod .number {width:31px;display:inline-block;}
.ourmethod p {margin-left:31px;}
.ourmethod .icon {display:block;position:absolute;width:146px;height:147px;}
.ourmethod .icon.first {background:url('https://www.prosperitypartner.nl/img/ourmethod-first.png') no-repeat left top;top:-1px;left:360px;}
.ourmethod .icon.second {background:url('https://www.prosperitypartner.nl/img/ourmethod-second.png') no-repeat left top;top:-1px;left:498px;}
.ourmethod .icon.third {background:url('https://www.prosperitypartner.nl/img/ourmethod-third.png') no-repeat left top;top:66px;left:430px;}
.ourmethod.first .icon.second,
.ourmethod.first .icon.third {display:none;}
.ourmethod.second .icon.first,
.ourmethod.second .icon.third {display:none;}
.ourmethod.third .icon.first,
.ourmethod.third .icon.second {display:none;}
/* ==========================================================================
   Advertisements
   ========================================================================== */
.advertisement {background-color:#f2eee6;margin-bottom:3px;position:relative;}
.advertisement .inner {background:url('https://www.prosperitypartner.nl/img/advertisement-bg.png') no-repeat 420px top;}
.advertisement .inactive {position:absolute;top:0;left:0;width:100%;height:100%;background:url('https://www.prosperitypartner.nl/img/advertisement-inactive.png') no-repeat center center;}
.twocolumns-right .content,
.advertisement .content {float:left;width:640px;padding-top:33px;padding-bottom:26px;}
.advertisement .content h2 {}
.advertisement .content > a {color:#f4a744;font-size:13px;font-family:'LatoRegular';background:url('https://www.prosperitypartner.nl/img/nav-footer-link.png') no-repeat left center;padding-left:25px;}
.twocolumns-right aside,
.advertisement aside {float:right;width:267px;padding-top:115px;}
.advertisement aside .title {display:block;margin-bottom:14px;}
.advertisement aside > a {margin-top:14px;width:100%;}
.respond {margin-top:25px;}
.respond.advertention-open-inschrijving .wat-is-de-reden-dat-u-reageert-op-deze-advertentie,
.respond.advertention-open-inschrijving .wat-spreekt-u-vooral-aan {display:none;}
/* ==========================================================================
   Who is who
   ========================================================================== */
.whoiswho {margin-top:71px;}
.whoiswho .left {float:left;width:464px;}
.whoiswho .right {float:right;width:464px;}
.whoiswho img {margin-top:31px;margin-bottom:16px;display:block;}
.whoiswho .left img:first-child,
.whoiswho .right img:first-child {margin-top:0;}
.whoiswho .more {float:right;}
.whoiswho h2 {margin-bottom:0;}
.whoiswho .tel {display:block;color:#be7313;}
/* ==========================================================================
   Login / Register
   ========================================================================== */
#main.login {background:#f8f6f2 url('https://www.prosperitypartner.nl/img/login-border-logo.png') repeat-y center center;padding:0;position:relative;}
#main.login .mainbg {background:url('https://www.prosperitypartner.nl/img/pencil-bg.png') no-repeat 116% bottom;padding-top:46px;padding-bottom:61px;}
#main.login h2 {color:#e19914;font-size:24px;text-align:left;padding-bottom:13px;border-bottom:1px solid #ded8cd;}
#main.login .login {float:left;margin-left:165px;width:265px;}
#main.login .login p {color:#6b5c54;font-style:italic;}
#main.login .login input {display:block;margin-bottom:6px;}
#main.login .login label {display:block;margin-top:14px;margin-bottom:31px;}
#main.login .login button {width:100%;}
#main.login .login a {font-size:13px;font-style:italic;color:#2e2035;display:block;}
#main.login .register {float:left;margin-left:120px;}
#main.login .register p {color:#6b5c54;font-weight:bold;}
#main.register {background:#fff;padding-top:0;}
#main.register header {border-bottom:3px solid #f2eee6;margin-bottom:14px;padding:0 33px;}
#main.register header h1 {float:left;font-size:24px;color:#e19914;padding-bottom:18px;margin-bottom:0;}
#main.register header .step {float:right;font-size:24px;line-height:normal;color:#e19914;}
#main.register h2 {color:#615149;font-size:18px;padding:0 33px 13px 33px;border-bottom:1px solid #f5f1eb;margin-bottom:19px;}
#main.register p {padding:0 33px;}
#main.register .left {float:left;width:446px;padding-left:33px;}
#main.register .right {float:right;width:446px;padding-right:33px;}
#main.register ul.form li .gender {float:left;width:150px;}
#main.register ul.form li .length {float:right;}
#main.register ul.form li .length input {width:49px;text-align:center;margin-right:9px;}
#main.register ul.form li .length label {width:auto;margin-right:0;}
#main.register ul.form li.dateline select {width:85px;margin-right:4px;}
#main.register ul.form li.dateline .selectcontainer:last-child select {width:87px;margin-right:0;}
#main.register ul.form li input.street {width:156px;margin-right:4px;}
#main.register ul.form li input.huisnumber {width:49px;}
#main.register ul.form li input.postcode {width:102px;margin-right:4px;}
#main.register ul.form li input.city {width:103px;}
#main.register label.checkbox {margin-top:5px;display:block!important;}
#main.register ul.form {margin-bottom:47px;}
#main.register footer {margin-top:25px;border-top:3px solid #f2eee6;padding-top:23px;}
#main.register footer .buttons {padding:0 33px 24px 33px;border-bottom:1px solid #f5f1eb;margin-bottom:10px;}
#main.register footer .buttons .left {float:left;width:260px;}
#main.register footer .buttons .right {float:right;width:260px}
#main.register footer p {font-style:italic;color:#615149;padding:0 33px;}
#main.register .foto-placeholder {margin-left:179px;}
#main.register .video-js {margin-bottom:10px;}
#main.changevideo ul {margin:1em 0 1em 20px}
/* ==========================================================================
   Footer
   ========================================================================== */
nav.footer {background-color:#fff;padding:39px 0 18px;}
#main.frontpage nav.footer {padding-top:19px;}
nav.footer ul {padding-left:0!important;}
nav.footer ul li {float:left;width:308px;margin-left:40px;}
nav.footer ul li:first-child {margin-left:0;}
nav.footer ul li .title {color:#be7313;font-size:20px;}
nav.footer ul li .inner {padding:25px 0;margin:0;width:auto;}
nav.footer ul li.ad .inner {background-color:#f0eee9;padding-top:9px;padding-left:26px;padding-right:26px;}
nav.footer ul li.ad .inner .summary {margin:1em 0;height:80px;overflow:hidden;}
nav.footer ul li a {color:#be7313;font-size:12px;font-family:'LatoRegular';background:url('https://www.prosperitypartner.nl/img/nav-footer-link.png') no-repeat left center;padding-left:25px;}
nav.footer ul li.ad a {margin-top:8px;}
nav.footer ul li.ad a.btn {margin-top:0;}
nav.footer ul li .left {float:left;}
nav.footer ul li .right {float:right;}
footer.oneliner {background-color:#f2eee6;font-size:15px;color:#2e2035;text-align:center;padding:62px 0 41px;width:100%;}
footer.oneliner.shadow-white {background:#fff url('https://www.prosperitypartner.nl/img/oneliner-shadow.png') no-repeat center top;}
footer.oneliner > .inner {background:url('https://www.prosperitypartner.nl/img/footer-oneliner-logo.png') no-repeat center bottom;padding-bottom:56px;}
footer.oneliner .title {color:#615149;font-size:28px;}
footer.oneliner p {}
footer.main nav {margin:57px 0;}  
footer.main nav > ul > li {float:left;width:25%;}
footer.main nav ul li a {font:14px/21px 'LatoRegular';color:#be7313;display:block;}
footer.main nav > ul > li > a {color:#f0aa51;font-family:'LatoBold';margin-bottom:21px;}
footer.main ul.advertentions li a {height:21px;overflow:hidden;}
/* ==========================================================================
   Forms
   ========================================================================== */
.btn {border:0;display:inline-block;text-align:center;height:36px;font:13px/36px 'LatoBold';color:#fff!important;padding:0 5px 0 0!important;background:url('https://www.prosperitypartner.nl/img/button-right.png') no-repeat right top!important;}
.btn > span {display:block;background:url('https://www.prosperitypartner.nl/img/button-left.png') no-repeat left top;padding:0 15px 0 21px;}
.btn:hover {background-position:right bottom!important;}
.btn:hover > span {background-position:left bottom;}
.btn.btn-black {background-image:url('https://www.prosperitypartner.nl/img/button-black-right.png')!important;}
.btn.btn-black > span {background-image:url('https://www.prosperitypartner.nl/img/button-black-left.png');}
.btn.btn-black:hover {background-position:right bottom!important;}
.btn.btn-black:hover > span {background-position:left bottom}
.btn.btn-grey {background-image:url('https://www.prosperitypartner.nl/img/button-grey-right.png')!important;}
.btn.btn-grey > span {background-image:url('https://www.prosperitypartner.nl/img/button-grey-left.png');}
.btn.btn-grey:hover {background-position:right bottom!important;}
.btn.btn-grey:hover > span {background-position:left bottom;}
.btn.btn-orange {background-image:url('https://www.prosperitypartner.nl/img/button-orange-right.png')!important;}
.btn.btn-orange > span {background-image:url('https://www.prosperitypartner.nl/img/button-orange-left.png');}
.btn.btn-orange:hover {background-position:right bottom!important;}
.btn.btn-orange:hover > span {background-position:left bottom;}
.btn.btn-orange.btn-small {background-image:url('https://www.prosperitypartner.nl/img/button-orange-small-right.png')!important;height:27px;line-height:27px;}
.btn.btn-orange.btn-small > span {background-image:url('https://www.prosperitypartner.nl/img/button-orange-small-left.png');}
.btn.btn-orange.btn-small:hover {background-position:right bottom!important;}
.btn.btn-orange.btn-small:hover > span {background-position:left bottom;}
.btn.btn-crown > span {padding-left:10px;}
.btn.btn-crown span span {background:url('https://www.prosperitypartner.nl/img/button-crown.png') no-repeat left center;padding-left:33px;}
textarea,
input {width:237px;height:34px;padding:0 13px;font:bold 12px/34px 'Lucida Fax', Georgia, Helvetica, Arial, sans-serif;color:#615149;border:1px solid #9f998e;-webkit-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 2px 0 rgba(206,202,193,0.75);box-shadow:0 2px 0 rgba(206,202,193,0.75);}
textarea {height:136px;padding-top:9px;padding-bottom:9px;line-height:normal;}
.selectcontainer {-webkit-box-shadow:0 2px 0 rgba(206,202,193,0.75);box-shadow:0 2px 0 rgba(206,202,193,0.75);-webkit-border-radius:4px;border-radius:4px;}
select {width:265px;height:34px;padding:0 0 0 13px;font:bold 12px/34px 'Lucida Fax', Georgia, Helvetica, Arial, sans-serif;color:#615149;border:1px solid #9f998e;-webkit-border-radius:4px;border-radius:4px;}
.lt-ie9 select {height:auto;margin-top:6px;}
@-moz-document url-prefix() {select {padding-top:7px;padding-bottom:7px;}}
.filecontainer {position:relative;width:266px;}
.filecontainer > input {position:relative;z-index:2;-moz-opacity:0;filter: alpha(opacity:0);opacity:0;cursor:pointer;}
.filecontainer .fileplaceholder {position:absolute;top:0;left:0;width:100%;height:36px;}
.filecontainer .fileplaceholder input {width:140px;margin-right:4px;}
.filecontainer .fileplaceholder button {float:left;cursor:pointer;width:auto;margin-left:0!important;}
label.checkbox {color:#6b5c54;cursor:pointer;width:auto!important;}
label.checkbox input {width:auto;height:auto;float:left;margin:3px 8px 0 0;border:0;-webkit-border-radius:0;border-radius:0;}
.lt-ie8 label.checkbox input {margin-top:0;}
label.radio {color:#6b5c54;cursor:pointer;width:auto!important;}
label.radio input {width:auto!important;height:auto;float:left;margin:11px 8px 0 0;border:0;-webkit-border-radius:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;}
::-webkit-input-placeholder {font-weight:normal;color:#b7b1a6;}
:-moz-placeholder {font-weight:normal;color:#b7b1a6;}
::-moz-placeholder {font-weight:normal;color:#b7b1a6;}
:-ms-input-placeholder {font-weight:normal;color:#b7b1a6;}
input.placeholder {font-weight:normal;color:#b7b1a6;}
ul.form {list-style:none;padding:0!important;}
.lt-ie8 ul.form {list-style-image:none;list-style-position:outside;}
ul.form li,
ul.form li {content: " ";display: table;}
ul.form li {clear: both;}
ul.form li {*zoom: 1;margin-bottom:6px;}
ul.form li label {display:block;float:left;width:169px;margin-right:10px;color:#615149;font-weight:bold;line-height:36px;}
ul.form li label.checkbox {width:auto;line-height:20px;font-weight:normal}
ul.form.large li label {width:269px;}
ul.form.questions li label {width:330px;}
ul.form li textarea,
ul.form li input {float:left;}
ul.form li label.checkbox input {float:none;width:auto;-webkit-box-shadow:none;box-shadow:none;}
ul.form.questions li textarea,
ul.form.questions li input {width:270px;}
ul.form li button {margin-left:179px;width:265px;}
ul.form li.captcha {padding-left:179px;}
ul.form.large li.captcha {padding-left:340px;}
ul.form.large li button {margin-left:279px;}
ul.form li input.error,
.form .error input,
.form .error textarea,
ul.form li textarea.error,
.form .error select,
ul.form li select.error {color:#dc0139;border-color:#dc0139;}
ul.form li input.error::-webkit-input-placeholder {font-weight:normal;color:#dc0139;}
ul.form li input.error:-moz-placeholder {font-weight:normal;color:#dc0139;}
ul.form li input.error::-moz-placeholder {font-weight:normal;color:#dc0139;}
ul.form li input.error:-ms-input-placeholder {font-weight:normal;color:#dc0139;}
ul.form li.error input::-webkit-input-placeholder {font-weight:normal;color:#dc0139;}
ul.form li.error input:-moz-placeholder {font-weight:normal;color:#dc0139;}
ul.form li.error input::-moz-placeholder {font-weight:normal;color:#dc0139;}
ul.form li.error input:-ms-input-placeholder {font-weight:normal;color:#dc0139;}
label.error,
ul.form li.error label {color:#dc0139!important;}
ul.form.questions li label.error {float:none;clear:both;margin-left:340px;}
ul.form.questions li .zipcity label.error {margin-left:0;}
ul.form li .selectcontainer {float:left;}
ul.form li .filecontainer {float:left;}
ul.form li .help-line {clear:both;display:block;margin-left:180px;color:#615149;padding-top:2px;}
ul.form li .datecontainer {float:left;width:298px;}
ul.form li .datecontainer select {width:30%;}
ul.form li .datecontainer select.month {width:36%;}
ul.form li .zipcity {float:left;width:298px;}
ul.form li .zipcity #zipcode {width:94px;margin-right:6px;}
ul.form li .zipcity #city {width:141px;}
.errormessage {color:#dc0139!important;}
.formerrors {color:#dc0139!important;}
/* ==========================================================================
   Contact
   ========================================================================== */
#main.contact .left {float:left;width:364px;}
#main.contact .left address {font-style:normal;margin-bottom:34px;}
#main.contact .left address a {color:#695f56;}
#main.contact .right {float:right;width:640px;}
#main.contact .form {margin-bottom:34px;}
#main.contact .form > div {float:left;width:269px;margin-bottom:6px;}
#main.contact .form > div.large {clear:both;width:534px;}
#main.contact .form > div.large textarea {width:506px;}
#main.contact .form > button {clear:both;margin-top:7px;}
#main.contact .form > button > span {padding-left:103px;padding-right:97px;}
/* ==========================================================================
   Fonts
   ========================================================================== */
@font-face {
    font-family: 'LatoRegular';
    src: url('https://www.prosperitypartner.nl/fonts/Lato-Reg-webfont.eot');
    src: url('https://www.prosperitypartner.nl/fonts/Lato-Reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.prosperitypartner.nl/fonts/Lato-Reg-webfont.woff') format('woff'),
         url('https://www.prosperitypartner.nl/fonts/Lato-Reg-webfont.ttf') format('truetype'),
         url('https://www.prosperitypartner.nl/fonts/Lato-Reg-webfont.svg#LatoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'LatoBold';
    src: url('https://www.prosperitypartner.nl/fonts/Lato-Bol-webfont.eot');
    src: url('https://www.prosperitypartner.nl/fonts/Lato-Bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.prosperitypartner.nl/fonts/Lato-Bol-webfont.woff') format('woff'),
         url('https://www.prosperitypartner.nl/fonts/Lato-Bol-webfont.ttf') format('truetype'),
         url('https://www.prosperitypartner.nl/fonts/Lato-Bol-webfont.svg#LatoBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir {background-color: transparent;border: 0;overflow: hidden;text-indent: -9999px;}
.ir:before {content: "";display: block;width: 0;height: 150%;}
.hidden {display: none !important;visibility: hidden;}
.visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto;}
.invisible {visibility: hidden;}
.clearfix:before,
.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
/* ==========================================================================
   Print styles.
   ========================================================================== */
@media print {
    * {background: transparent !important;color: #000 !important;box-shadow: none !important;text-shadow: none !important;}
    .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content: "";}
    pre,blockquote {border: 1px solid #999;page-break-inside: avoid;}
    thead {display: table-header-group; /* h5bp.com/t */}
    tr,img {page-break-inside: avoid;}
    img {max-width: 100% !important;}
    @page {margin: 0.5cm;}
    p,h2,h3 {orphans: 3;widows: 3;}
    h2,h3 {page-break-after: avoid;}
	nav.main {display:none;}
	header.main .title a {overflow:visible;text-indent:0;}
	header.main .title a:before {display:none;}
	header.main nav {display:none;}
	footer.main {display:none;}
}
/* Stylesheet: Style Modified On 2014-10-24 10:37:31 */
/*
 * jQuery Nivo Slider v3.2
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Description: The default skin for the Nivo Slider.
Version: 1.3
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
Supports Thumbs: true
*/

.theme-default {
	position:relative;
	background:url(https://www.prosperitypartner.nl/img/nivoslider/shadow.png) no-repeat center bottom;
	padding-bottom:27px;
	width:1004px;
	height:399px;
}
.theme-default .nivoSlider {
	position:relative;
	background:#fff url(https://www.prosperitypartner.nl/img/nivoslider/loading.gif) no-repeat 50% 50%;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	position:absolute;
	bottom:45px;
	left:18px;
	z-index:8;
	padding:0;
}
.theme-default .nivo-controlNav a {
	display:inline-block;
	width:14px;
	height:14px;
	background:url(https://www.prosperitypartner.nl/img/nivoslider/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin:0 6px 0 0;
}
.theme-default .nivo-controlNav a.active {
	background-position:-14px 0;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(https://www.prosperitypartner.nl/img/nivoslider/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
	opacity: 0;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
}
/* Stylesheet: Nivo slider Modified On 2013-07-01 11:02:13 */
/*!
Video.js Default Styles (http://videojs.com)
Version 4.0.4
*/

/*
REQUIRED STYLES (be careful overriding)
================================================================================ */
/* When loading the player, the video tag is replaced with a DIV,
   that will hold the video tag or object tag for other playback methods.
   The div contains the video playback element (Flash or HTML5) and controls, and sets the width and height of the video.

   ** If you want to add some kind of border/padding (e.g. a frame), or special positioning, use another containing element.
   Otherwise you risk messing up control positioning and full window mode. **
*/
.video-js {
  background-color: #000;
  position: relative;
  padding: 0;
  /* Start with 10px for base font size so other dimensions can be em based and easily calculable. */
  font-size: 10px;
  /* Allow poster to be vertially aligned. */
  vertical-align: middle;
  /*  display: table-cell; */ /*This works in Safari but not Firefox.*/
}

/* Playback technology elements expand to the width/height of the containing div.
    <video> or <object> */
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when checking fullScreenEnabled. */
.video-js:-moz-full-screen { position: absolute; }

/* Fullscreen Styles */
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-y: auto; /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
}
.video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  _position: absolute; /* IE6 Full-window (underscore hack) */
}
.video-js:-webkit-full-screen {
  width: 100% !important; height: 100% !important;
}

/* Poster Styles */
.vjs-poster {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  cursor: pointer;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}
.vjs-poster img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%;
}

/* Text Track Styles */
/* Overall track holder for both captions and subtitles */
.video-js .vjs-text-track-display {
  text-align: center;
  position: absolute;
  bottom: 4em;
  left: 1em; /* Leave padding on left and right */
  right: 1em;
  font-family: Arial, sans-serif;
}
/* Individual tracks */
.video-js .vjs-text-track {
  display: none;
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  /* Transparent black background, or fallback to all black (oldIE) */
  background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.50);
}
.video-js .vjs-subtitles { color: #fff; } /* Subtitles are white */
.video-js .vjs-captions { color: #fc6; } /* Captions are yellow */
.vjs-tt-cue { display: block; }

/* Fading sytles, used to fade control bar. */
.vjs-fade-in {
  display: block !important;
  visibility: visible; /* Needed to make sure things hide in older browsers too. */
  opacity: 1;

  -webkit-transition: visibility 0.1s, opacity 0.1s;
     -moz-transition: visibility 0.1s, opacity 0.1s;
      -ms-transition: visibility 0.1s, opacity 0.1s;
       -o-transition: visibility 0.1s, opacity 0.1s;
          transition: visibility 0.1s, opacity 0.1s;
}
.vjs-fade-out {
  display: block !important;
  visibility: hidden;
  opacity: 0;

  -webkit-transition: visibility 1.5s, opacity 1.5s;
     -moz-transition: visibility 1.5s, opacity 1.5s;
      -ms-transition: visibility 1.5s, opacity 1.5s;
       -o-transition: visibility 1.5s, opacity 1.5s;
          transition: visibility 1.5s, opacity 1.5s;

  /* Wait a moment before fading out the control bar */
  -webkit-transition-delay: 2s;
     -moz-transition-delay: 2s;
      -ms-transition-delay: 2s;
       -o-transition-delay: 2s;
          transition-delay: 2s;
}
/* Hide disabled or unsupported controls */
.vjs-default-skin .vjs-hidden { display: none; }

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}

/* DEFAULT SKIN (override in another file to create new skins)
================================================================================
Instead of editing this file, I recommend creating your own skin CSS file to be included after this file,
so you can upgrade to newer versions easier. You can remove all these styles by removing the 'vjs-default-skin' class from the tag. */

/* Base UI Component Classes
-------------------------------------------------------------------------------- */
@font-face{
  font-family: 'VideoJS';
  src: url('https://www.prosperitypartner.nl/fonts/vjs.eot');
  src: url('https://www.prosperitypartner.nl/fonts/vjs.eot?#iefix') format('embedded-opentype'),
	   url('https://www.prosperitypartner.nl/fonts/vjs.woff') format('woff'),
	   url('https://www.prosperitypartner.nl/fonts/vjs.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.vjs-default-skin {
  color: #ccc;
}

/* Slider - used for Volume bar and Seek bar */
.vjs-default-skin .vjs-slider {
  outline: 0; /* Replace browser focus hightlight with handle highlight */
  position: relative;
  cursor: pointer;
  padding: 0;

  background: rgb(50, 50, 50); /* IE8- Fallback */
  background: rgba(100, 100, 100, 0.5);
}

.vjs-default-skin .vjs-slider:focus {
  background: rgb(70, 70, 70); /* IE8- Fallback */
  background: rgba(100, 100, 100, 0.70);

  -webkit-box-shadow: 0 0 2em rgba(255, 255, 255, 1);
     -moz-box-shadow: 0 0 2em rgba(255, 255, 255, 1);
          box-shadow: 0 0 2em rgba(255, 255, 255, 1);
}

.vjs-default-skin .vjs-slider-handle {
  position: absolute;
  /* Needed for IE6 */
  left: 0;
  top: 0;
}

.vjs-default-skin .vjs-slider-handle:before {
  /*content: "\f111";*/ /* Circle icon = f111 */
  content: "\e009"; /* Square icon */
  font-family: VideoJS;
  font-size: 1em;
  line-height: 1;
  text-align: center;
  text-shadow: 0em 0em 1em #fff;

  position: absolute;
  top: 0;
  left: 0;

  /* Rotate the square icon to make a diamond */
  -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

/* Control Bar
-------------------------------------------------------------------------------- */
/* The default control bar. Created by controls.js */
.vjs-default-skin .vjs-control-bar {
  display: none; /* Start hidden */
  position: absolute;
  /* Distance from the bottom of the box/video. Keep 0. Use height to add more bottom margin. */
  bottom: 0;
  /* 100% width of player div */
  left: 0;
  right: 0;
  /* Controls are absolutely position, so no padding necessary */
  padding: 0;
  margin: 0;
  /* Height includes any margin you want above or below control items */
  height: 3.0em;
  background-color: rgb(0, 0, 0);
  /* Slight blue so it can be seen more easily on black. */
  background-color: rgba(7, 40, 50, 0.7);
  /* Default font settings */
  font-style: normal;
  font-weight: normal;
  font-family: Arial, sans-serif;
}

/* General styles for individual controls. */
.vjs-default-skin .vjs-control {
  outline: none;
  position: relative;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 3.0em;
  width: 4em;
}

/* FontAwsome button icons */
.vjs-default-skin .vjs-control:before {
  font-family: VideoJS;
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

/* Replacement for focus outline */
.vjs-default-skin .vjs-control:focus:before,
.vjs-default-skin .vjs-control:hover:before {
  text-shadow: 0em 0em 1em rgba(255, 255, 255, 1);
}

.vjs-default-skin .vjs-control:focus { /*  outline: 0; */ /* keyboard-only users cannot see the focus on several of the UI elements when this is set to 0 */ }

/* Hide control text visually, but have it available for screenreaders: h5bp.com/v */
.vjs-default-skin .vjs-control-text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Play/Pause
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-play-control {
  width: 5em;
  cursor: pointer;
}
.vjs-default-skin .vjs-play-control:before {
  content: "\e001"; /* Play Icon */
}
.vjs-default-skin.vjs-playing .vjs-play-control:before {
  content: "\e002"; /* Pause Icon */
}

/* Rewind
-------------------------------------------------------------------------------- */
/*.vjs-default-skin .vjs-rewind-control { width: 5em; cursor: pointer !important; }
.vjs-default-skin .vjs-rewind-control div { width: 19px; height: 16px; background: url('https://www.prosperitypartner.nl/img/video-js.png'); margin: 0.5em auto 0; }
*/

/* Volume/Mute
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-mute-control,
.vjs-default-skin .vjs-volume-menu-button {
  cursor: pointer;
  float: right;
}
.vjs-default-skin .vjs-mute-control:before,
.vjs-default-skin .vjs-volume-menu-button:before {
  content: "\e006"; /* Full volume */
}
.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
  content: "\e003"; /* No volume */
}
.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
  content: "\e004"; /* Half volume */
}
.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
  content: "\e005"; /* Full volume */
}

.vjs-default-skin .vjs-volume-control {
  width: 5em;
  float: right;
}
.vjs-default-skin .vjs-volume-bar {
  width: 5em;
  height: 0.6em;
  margin: 1.1em auto 0;
}

.vjs-default-skin .vjs-volume-menu-button .vjs-menu-content {
  height: 2.9em;
}

.vjs-default-skin .vjs-volume-level {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.5em;

  background: #66A8CC
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC)
    -50% 0 repeat;
}
.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
  width: 0.5em;
  height: 0.5em;
}

.vjs-default-skin .vjs-volume-handle:before {
  font-size: 0.9em;
  top: -0.2em;
  left: -0.2em;

  width: 1em;
  height: 1em;
}

.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
  width: 6em;
  left: -4em;
}

/*.vjs-default-skin .vjs-menu-button .vjs-volume-control {
  height: 1.5em;
}*/

/* Progress
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-progress-control {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  font-size: 0.3em;
  height: 1em;
  /* Set above the rest of the controls. */
  top: -1em;

  /* Shrink the bar slower than it grows. */
  -webkit-transition: top 0.4s, height 0.4s, font-size 0.4s, -webkit-transform 0.4s;
     -moz-transition: top 0.4s, height 0.4s, font-size 0.4s,    -moz-transform 0.4s;
       -o-transition: top 0.4s, height 0.4s, font-size 0.4s,      -o-transform 0.4s;
          transition: top 0.4s, height 0.4s, font-size 0.4s,         transform 0.4s;

}

/* On hover, make the progress bar grow to something that's more clickable.
    This simply changes the overall font for the progress bar, and this
    updates both the em-based widths and heights, as wells as the icon font */
.vjs-default-skin:hover .vjs-progress-control {
  font-size: .9em;

  /* Even though we're not changing the top/height, we need to include them in
      the transition so they're handled correctly. */
  -webkit-transition: top 0.2s, height 0.2s, font-size 0.2s, -webkit-transform 0.2s;
     -moz-transition: top 0.2s, height 0.2s, font-size 0.2s,    -moz-transform 0.2s;
       -o-transition: top 0.2s, height 0.2s, font-size 0.2s,      -o-transform 0.2s;
          transition: top 0.2s, height 0.2s, font-size 0.2s,         transform 0.2s;
}

/* Box containing play and load progresses. Also acts as seek scrubber. */
.vjs-default-skin .vjs-progress-holder {
  /* Placement within the progress control item */
  height: 100%;
}

/* Progress Bars */
.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  /* Needed for IE6 */
  left: 0;
  top: 0;
}

.vjs-default-skin .vjs-play-progress {
  /*
    Using a data URI to create the white diagonal lines with a transparent
      background. Surprising works in IE8.
      Created using http://www.patternify.com
    Changing the first color value will change the bar color.
    Also using a paralax effect to make the lines move backwards.
      The -50% left position makes that happen.
  */
  background: #66A8CC
    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC)
    -50% 0 repeat;
}
.vjs-default-skin .vjs-load-progress {
  background: rgb(100, 100, 100); /* IE8- Fallback */
  background: rgba(255, 255, 255, 0.4);
}

.vjs-default-skin .vjs-seek-handle {
  width: 1.5em;
  height: 100%;
}

.vjs-default-skin .vjs-seek-handle:before {
  padding-top: 0.1em; /* Minor adjustment */
}

/* Time Display
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-time-controls {
  font-size: 1em;
  /* Align vertically by making the line height the same as the control bar */
  line-height: 3em;
}
.vjs-default-skin .vjs-current-time { float: left; }
.vjs-default-skin .vjs-duration { float: left; }
/* Remaining time is in the HTML, but not included in default design */
.vjs-default-skin .vjs-remaining-time { display: none; float: left; }
.vjs-time-divider { float: left; line-height: 3em; }

/* Fullscreen
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-fullscreen-control {
  width: 3.8em;
  cursor: pointer;
  float: right;
}
.vjs-default-skin .vjs-fullscreen-control:before {
  content: "\e000"; /* Enter full screen */
}
.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
  content: "\e00b"; /* Exit full screen */
}

/* Big Play Button (at start)
---------------------------------------------------------*/
.vjs-default-skin .vjs-big-play-button {
  display: block;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12.0em;
  height: 8.0em;
  margin: -64px 0 0 -64px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  opacity: 1;

  /* Need a slightly gray bg so it can be seen on black backgrounds */
  background-color: rgb(40, 40, 40);
  background-color: rgba(7, 40, 50, 0.7);

  border: 0.3em solid rgb(50, 50, 50);
  border-color: rgba(255, 255, 255, 0.25);

  -webkit-border-radius: 25px;
     -moz-border-radius: 25px;
          border-radius: 25px;

  -webkit-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
     -moz-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
          box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);

  -webkit-transition: border 0.4s, -webkit-box-shadow 0.4s, -webkit-transform 0.4s;
     -moz-transition: border 0.4s,    -moz-box-shadow 0.4s,    -moz-transform 0.4s;
       -o-transition: border 0.4s,      -o-box-shadow 0.4s,      -o-transform 0.4s;
          transition: border 0.4s,         box-shadow 0.4s,         transform 0.4s;
}

.vjs-default-skin:hover .vjs-big-play-button,
.vjs-default-skin .vjs-big-play-button:focus {
  outline: 0;
  border-color: rgb(255, 255, 255);
  border-color: rgba(255, 255, 255, 1);
  /* IE8 needs a non-glow hover state */
  background-color: rgb(80, 80, 80);
  background-color: rgba(50, 50, 50, 0.75);

  -webkit-box-shadow: 0 0 3em #fff;
     -moz-box-shadow: 0 0 3em #fff;
          box-shadow: 0 0 3em #fff;

  -webkit-transition: border 0s, -webkit-box-shadow 0s, -webkit-transform 0s;
     -moz-transition: border 0s,    -moz-box-shadow 0s,    -moz-transform 0s;
       -o-transition: border 0s,      -o-box-shadow 0s,      -o-transform 0s;
          transition: border 0s,         box-shadow 0s,         transform 0s;
}

.vjs-default-skin .vjs-big-play-button:before {
  content: "\e001"; /* Play icon */
  font-family: VideoJS;
  font-size: 3em;
  line-height: 2.66;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center; /* Needed for IE8 */

  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Loading Spinner
---------------------------------------------------------*/
.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;

  font-size: 5em;
  line-height: 1;

  width: 1em;
  height: 1em;

  margin-left: -0.5em;
  margin-top: -0.5em;

  opacity: 0.75;

  -webkit-animation: spin 1.5s infinite linear;
     -moz-animation: spin 1.5s infinite linear;
       -o-animation: spin 1.5s infinite linear;
          animation: spin 1.5s infinite linear;
}

.vjs-default-skin .vjs-loading-spinner:before {
  content: "\e00a"; /* Loading spinner icon */
  font-family: VideoJS;

  position: absolute;
  width: 1em;
  height: 1em;
  text-align: center;
  text-shadow: 0em 0em 0.1em #000;
}

/* Add a gradient to the spinner by overlaying another copy.
   Text gradient plus a text shadow doesn't work
   and `background-clip: text` only works in Webkit. */
.vjs-default-skin .vjs-loading-spinner:after {
  content: "\e00a"; /* Loading spinner icon */
  font-family: VideoJS;

  position: absolute;
  width: 1em;
  height: 1em;
  text-align: center;

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@-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); }
}

/* Menu Buttons (Captions/Subtitles/etc.)
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-menu-button {
  float: right;
  cursor: pointer;
}

.vjs-default-skin .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0em; /* (Width of vjs-menu - width of button) / 2 */
  width: 0em;
  height: 0em;
  margin-bottom: 3em;

  border-left: 2em solid transparent;
  border-right: 2em solid transparent;

  border-top: 1.55em solid rgb(0, 0, 0); /* Same top as ul bottom */
  border-top-color: rgba(7, 40, 50, 0.5); /* Same as ul background */
}

/* Button Pop-up Menu */
.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
  display: block;
  padding: 0; margin: 0;
  position: absolute;
  width: 10em;
  bottom: 1.5em; /* Same bottom as vjs-menu border-top */
  max-height: 15em;
  overflow: auto;

  left: -5em; /* Width of menu - width of button / 2 */

  background-color: rgb(0, 0, 0);
  background-color: rgba(7, 40, 50, 0.7);

  -webkit-box-shadow: -20px -20px 0px rgba(255, 255, 255, 0.5);
     -moz-box-shadow: 0 0 1em rgba(255, 255, 255, 0.5);
          box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
}

/*.vjs-default-skin .vjs-menu-button:focus ul,*/ /* This is not needed because keyboard accessibility for the caption button is not handled with the focus any more. */
.vjs-default-skin .vjs-menu-button:hover .vjs-menu {
  display: block;
}
.vjs-default-skin .vjs-menu-button ul li {
  list-style: none;
  margin: 0;
  padding: 0.3em 0 0.3em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  font-weight: normal;
  text-align: center;
  text-transform: lowercase;
}
.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
  background-color: #000;
}
.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
  background-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.75);
  color: #111;
  outline: 0;

  -webkit-box-shadow: 0 0 1em rgba(255, 255, 255, 1);
     -moz-box-shadow: 0 0 1em rgba(255, 255, 255, 1);
          box-shadow: 0 0 1em rgba(255, 255, 255, 1);
}
.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}

/* Subtitles Button */
.vjs-default-skin .vjs-subtitles-button:before { content: "\e00c"; }

/* There's unfortunately no CC button in FontAwesome, so we need
    to manually create one. Please +1 the fontawesome request.
    https://github.com/FortAwesome/Font-Awesome/issues/968 */
.vjs-default-skin .vjs-captions-button {
  font-size: 1em; /* Font icons are 1.5em */
}
.vjs-default-skin .vjs-captions-button:before {
  content: "\e008";
  font-family: VideoJS;
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: none;
}


/* Replacement for focus outline */
.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,
.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
  -webkit-box-shadow: 0 0 1em rgba(255, 255, 255, 1);
     -moz-box-shadow: 0 0 1em rgba(255, 255, 255, 1);
          box-shadow: 0 0 1em rgba(255, 255, 255, 1);
}

/* Stylesheet: Video JS Modified On 2013-06-26 17:43:46 */