* {margin:0;padding:0;}
html, body {width:100%;height:100%;font-family:'Cabin', Arial, serif;font-weight:400;background:#deded9;-webkit-text-size-adjust:100%;font-variant-ligatures:none;-webkit-font-variant-ligatures:none;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;text-shadow:rgba(0, 0, 0, .01) 0 0 1px;}
::selection {background:#e7dfff;}::-moz-selection {background:#e7dfff;}
.oostpoort-corporate-identity-colors {display:table;width:100%;height:8px;position:relative;z-index:1;}
.oostpoort-corporate-identity-colors div {display:table-cell;width:20%;}
.oostpoort-corporate-identity-colors div.green {background-color:#29a837;}
.oostpoort-corporate-identity-colors div.pink {background-color:#d31352;}
.oostpoort-corporate-identity-colors div.orange {background-color:#eb7013;}
.oostpoort-corporate-identity-colors div.blue {background-color:#265da6;}
.oostpoort-corporate-identity-colors div.red {background-color:#bb1927;}

.navigation-header {height:112px;z-index:1;position:relative;
background:rgb(66,37,64);
background:-moz-linear-gradient(left,  rgba(66,37,64,1) 0%, rgba(174,90,137,1) 100%);
background:-webkit-linear-gradient(left,  rgba(66,37,64,1) 0%,rgba(174,90,137,1) 100%);
background:linear-gradient(to right,  rgba(66,37,64,1) 0%,rgba(174,90,137,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#422540', endColorstr='#ae5a89',GradientType=1 );}
.hamburger {display:none;float:right;cursor:pointer;margin-top:32px;}
.hamburger span {display:block;background:#fff;width:40px;height:5px;margin-bottom:6px;border-radius:1px;/*-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;*/}
.hamburger p {color:#fff;margin-left:-3px;margin-top:-5px;}
.close-text {display:none;}
.menu-overlay {background:rgba(0,0,0,.5);width:100%;height:100%;top:0;bottom:0;position:absolute;display:none;}

.hamburger.close {margin-top:44px;margin-right:5px;}
.hamburger.close span:nth-child(1) {transform:rotate3d(0,0,1,45deg);-ms-transform:rotate3d(0,0,1,45deg);-webkit-transform:rotate3d(0,0,1,45deg);margin-left:-5px;}
.hamburger.close span:nth-child(2) {display:none;}
.hamburger.close span:nth-child(3) {transform:rotate3d(0,0,1,-45deg);-ms-transform:rotate3d(0,0,1,-45deg);-webkit-transform:rotate3d(0,0,1,-45deg);margin-left:-5px;margin-top:-10px;}
.hamburger.close .close-text {display:block;margin-left:-2px;margin-top:10px;}
.hamburger.close .menu-text {display:none;}

@media (max-width:1199px) {.hamburger {display:block;} }
.kom-winkelen-flag {float:left;}
.kom-winkelen-flag img {position:relative;z-index:15;margin-top:-15px;}
@media (max-width:570px) {.kom-winkelen-flag {display:none;} }
.beleef-oostpoort-logo {margin:15px 0 0 50px;display:block;float:left;}
@media (max-width:570px) {.beleef-oostpoort-logo {margin-left:10px;} }
@media (max-width:460px) { .beleef-oostpoort-logo {margin-top:25px;} }
@media (max-width:460px) { .beleef-oostpoort-logo img {width:200px;height:auto;} }
ul.navigation {float:right;margin-top:45px;}
.navigation-header .navigation .partner-login {display:none;}
@media (max-width:1199px) {  ul.navigation.top {-webkit-box-shadow:0px 5px 10px 0px rgba(50, 50, 50, 0.55);-moz-box-shadow:0px 5px 10px 0px rgba(50, 50, 50, 0.55);box-shadow:0px 5px 10px 0px rgba(50, 50, 50, 0.5);z-index:10;} }
@media (max-width:1199px) { ul.navigation.top li {margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px;} }
@media (min-width:768px) and (max-width:1199px) { ul.navigation.top li {width:750px;padding-left:107px;} }
@media (min-width:768px) and (max-width:991px) { ul.navigation.top li {padding-left:216px;} }
@media (min-width:571px) and (max-width:767px) { ul.navigation.top li {padding-left:216px;} }
ul.navigation li {display:inline-block;}
ul.navigation li a {color:#fff;text-decoration:none;font-size:17px;margin-left:40px;position:relative;}
ul.navigation li a:hover {opacity:.6;}
@media(max-width:1199px) { ul.navigation.top li {padding-top:15px;padding-bottom:15px;} }
@media(max-width:1199px) { ul.navigation.top li a {margin-left:0;font-size:20px;width:100%;display:block;} }
@media(max-width:570px) { ul.navigation.top li a {padding:0;} }
.icon-parking {display:inline-block;position:absolute;margin-left:-32px;left:0;}
@media (max-width:1199px) { .navigation.top .icon-parking {display:none;} }
ul.navigation li.hide-top {display:none;}

@media (max-width:1199px) {.navigation.top {display:none;position:absolute;width:100%;left:0;margin-top:112px!important;z-index:-1;border-top:1px solid rgba(255,255,255,.2);
background:rgb(66,37,64);
background:-moz-linear-gradient(left,  rgba(66,37,64,1) 0%, rgba(174,90,137,1) 100%);
background:-webkit-linear-gradient(left,  rgba(66,37,64,1) 0%,rgba(174,90,137,1) 100%);
background:linear-gradient(to right,  rgba(66,37,64,1) 0%,rgba(174,90,137,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#422540', endColorstr='#ae5a89',GradientType=1 );} }
@media (max-width:1199px) {ul.navigation.top li {display:block;} }

.header {padding:260px 0 493px 0;background:url(../img/header-image.png) #3e3f62 top center no-repeat;background-size:cover;z-index:0;position:relative;}
@media (min-width:768px) and (max-width:991px) { .header {padding:230px 0 450px 0;} }
@media (max-width:570px) { .header {padding-top:70px;} }
@media (max-width:767px) { .header {padding-bottom:415px;} }
@media (max-width:570px) { .header {padding-top:30px;} }
.header .container {z-index:1;position:relative;}

.extra-width-container {margin:0 auto;position:relative;-webkit-box-shadow:0px 3px 5px 0px rgba(50, 50, 50, 0.25);-moz-box-shadow:0px 3px 5px 0px rgba(50, 50, 50, 0.25);box-shadow:0px 3px 5px 0px rgba(50, 50, 50, 0.25);}
@media (min-width:1555px) {.extra-width-container {width:1530px;} }
@media (min-width:1360px) and (max-width:1554px) {.extra-width-container {width:1330px;} }
@media (min-width:1250px) and (max-width:1359px) {.extra-width-container {width:1230px;} }
@media (max-width:1249px) {.extra-width-container {width:100%;} }
.extra-width-container .container {padding-top:90px;padding-bottom:90px;}
@media (max-width:767px) { .extra-width-container .container {padding-top:70px;padding-bottom:70px;} }
footer .extra-width-container .container {padding-bottom:0;}
.main-content-stretcher {position:relative;margin-top:-340px;}
.background-curve {background:url(../img/background-curve.png) top center no-repeat;position:absolute;width:100%;height:230px;margin-top:-230px;}
.background-curve-purple {background:url(../img/background-curve-purple.png) top center no-repeat;position:absolute;width:100%;height:30px;margin-top:-30px;}
.background-curve-pink {background:url(../img/background-curve-pink.png) top center no-repeat;background-position-x:60%;position:absolute;width:100%;height:75px;margin-top:-75px;}
@media (max-width:990px) { .background-curve-pink {display:none;} }
.background-curve-inverted {background:url(../img/background-curve-inverted.png) top center no-repeat;position:absolute;width:100%;height:30px;margin-top:50px;}
.background-curve-inverted-pink {background:url(../img/background-curve-inverted-pink.png) top center no-repeat;}
.background-curve-inverted-container {background:#f8f8f8;height:50px;}
.main {padding-top:50px;}
.main .extra-width-container {background:#f1efef;}
.main .extra-width-container.green {
background:rgb(95,181,170);
background:-moz-linear-gradient(left,  rgba(95,181,170,1) 0%, rgba(123,179,172,1) 100%);
background:-webkit-linear-gradient(left,  rgba(95,181,170,1) 0%,rgba(123,179,172,1) 100%);
background: linear-gradient(to right,  rgba(95,181,170,1) 0%,rgba(123,179,172,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fb5aa', endColorstr='#7bb3ac',GradientType=1 );}
.main .extra-width-container.yellow {
background:rgb(247,185,109);
background:-moz-linear-gradient(left,  rgba(247,185,109,1) 0%, rgba(250,202,131,1) 100%);
background:-webkit-linear-gradient(left,  rgba(247,185,109,1) 0%,rgba(250,202,131,1) 100%);
background:linear-gradient(to right,  rgba(247,185,109,1) 0%,rgba(250,202,131,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7b96d', endColorstr='#faca83',GradientType=1 );}
.main .extra-width-container.white {background:#f8f8f8;}
.content {position:relative;background:#f1efef;margin-left:-15px;margin-right:-15px;}
.purple-image-overlay {background:url(../img/purple-image-overlay.png) top center no-repeat;position:absolute;top:0;height:100%;width:100%;z-index:0;}
#maps {width:100%;height:520px;}
@media (max-width:767px) { #maps {height:350px;} }
.btn-maps-mobile {display:none!important;width:60%;margin:0 auto;margin-top:-40px!important;margin-bottom:40px!important;}
@media (max-width:767px) { .btn-maps-mobile {display:block!important;} }

h1 {color:#cfc37c;font-size:38px;font-weight:600;letter-spacing:1px;margin:0 0 5px 0;}
h1 {color:#fff;}
@media (max-width:767px) { h1 {font-size:34px;} }
@media (max-width:570px) { h1 {font-size:25px;} }
h2 {color:#fff;font-size:28px;font-weight:500;margin-bottom:53px;}
@media (max-width:767px) { h2 {font-size:25px;} }
@media (max-width:570px) { h2 {font-size:20px;} }
h3 {color:#6c2769;font-size:29px;font-weight:500;margin-bottom:10px;}
h4 {color:#6f556e;font-size:26px;font-weight:500;}
h1, h2, h3, h4 {letter-spacing:1px;}
p {color:#808080;font-size:19px;font-weight:400;line-height:29px;}
.white {color:#fff;}
.gold {color:#cfc37c;}
a {color:#39b8a8;text-decoration:underline;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;}

.btn {border-radius:6px;display:inline-block;text-align:center;font-size:20px;padding:13px 55px 12px 55px;text-decoration:none;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;border:none;}
.btn:hover, .btn:focus, .btn:active {text-decoration:none;outline:none;}

.btn-header-prim, .btn-header-sec {padding:13px 55px 12px 55px;}
@media (max-width:767px) { .btn-header-prim, .btn-header-sec {padding-left:30px;padding-right:30px;} }
.btn-header-prim {background:#f1812b;border-bottom:4px solid #c84f0d;color:#fff;margin-right:30px;}
.btn-header-prim:hover {background:#ec7a23;color:#fff;}
.btn-header-prim:focus {background:#e56e14;-webkit-box-shadow:0px 10px 30px 0px rgba(236, 122, 35, 0.45);-moz-box-shadow:0px 10px 30px 0px rgba(236, 122, 35, 0.45);box-shadow:0px 10px 30px 0px rgba(236, 122, 35, 0.45);}
.btn-header-prim:visited {color:#fff;box-shadow:none;}
@media (max-width:767px) { .btn-header-prim {width:60%;margin-bottom:20px;} }
.btn-header-sec {color:#575757;border-bottom:4px solid #dddddd;background:#fff;}
.btn-header-sec:hover {color:#575757;background:#f8f8f8;border-bottom-color:#d8d6d6;}
.btn-header-sec:focus {background:#f4f2f2;color:#575757;-webkit-box-shadow:0px 10px 30px 0px rgba(255, 255, 255, 0.45);-moz-box-shadow:0px 10px 30px 0px rgba(255, 255, 255, 0.45);box-shadow:0px 10px 30px 0px rgba(255, 255, 255, 0.45)}
.btn-header-sec:visited {box-shadow:none;color:#575757;}
@media (max-width:767px) { .btn-header-sec {width:60%;} }
.btn-prim {background:#6b2768;color:#fff;border-bottom: 4px solid #441b42;padding-top:9px;padding-bottom:8px;}
.btn-prim:hover, .btn-prim:focus, .btn-prim:active {color:#fff;}
.btn-sec {background:transparent;border:1px solid #6b2768;color:#6b2768;padding-top:9px;padding-bottom:9px;}
.btn-sec:hover, .btn-sec:focus, .btn-sec:active {background:#6b2768;color:#fff;}

form {}
input, label {display:block;width:100%;}
label {color:#4f4f4f;font-size:19px;position:relative;cursor:pointer;padding-bottom:5px;margin-top:17px;}
.radio-container {margin-bottom:-5px;}
.radio-container span {position:absolute;margin-top:5px;padding-left:15px;}
.radio-container input, .radio-container label {display:inline-block;width:auto;}
.radio-container input {display:none;}
.radio-container div {display:inline-block;width:150px;}
.loadingmessage {background:red;width:50px;height:50px;display:none;}

input[type="radio"]:checked + label:before {content:"";background:url(../img/radio-active-background.png) #6b2768 center center no-repeat;background-size:12px 9px;width:35px;height:35px;cursor:pointer;text-align:center;display:inline-block;z-index:1;position:relative;}
input[type="radio"] + label:before {border:4px solid #f8f8f8;background:#f8f8f8;width:35px;height:35px;border-radius:50%;content:"";text-align:center;cursor:pointer;display:inline-block;z-index:1;position:relative;}
input[type="radio"]:checked + label:after, input[type="radio"] + label:after {content:"";left:0;top:1px;background:#aea2ae;z-index:0;position:absolute;width:35px;height:35px;border-radius:50%;z-index:0;}

input[type="text"], input[type="email"], textarea {background:#f8f8f8;border:none;border-bottom:1px solid #aea2ae;padding:9px 20px 8px 20px;font-size:19px;}
input[type="text"]:focus, input[type="email"]:focus, textarea:focus {outline:none;border:1px solid #aea2ae;padding:8px 19px 8px 19px;}
input[type="submit"] {display:table;width:auto;margin:0 auto;margin-top:40px;}
textarea {width:100%;height:150px;}

label.error {font-size:0;}
label.error:after {content:"Dit veld is verplicht";font-size:13px!important;background:#fee1e2;width:100%;border:1px solid #e14046;border-top:1px solid #f8f8f8;position:absolute;margin-top:-18px;color:#ca3030;padding:5px 13px;}
input[type="text"].error, input[type="email"].error, textarea.error {border:1px solid #ca3030;padding-top:8px;}
input[type="text"].error:focus, input[type="email"].error:focus, textarea.error:focus {padding-bottom:8px;}
.textarea label.error:after {margin-top:-23px;}

.main-cta .container {padding-bottom:0;}
@media (max-width:990px) { .md-lg-container .btn-sec {margin-top:25px;}  }
@media (min-width:991px) { .md-lg-container {display:none;} }
.md-lg-container {text-align:center;}

.explainer {list-style:none;}
@media (max-width:990px) { .explainer {padding-bottom:50px;} }
.explainer li {display:table;width:100%;}
.explainer li.coupon-code img {width:85px;height:72px;}
.explainer li.scan-code img {width:110px;height:50px;margin-top:14px;}
.explainer li.discount-receipt img {width:53px;height:75px;margin-top:10px;}

.explainer li .icon-container {text-align:center;position:relative;display:inline-table;width:115px;height:auto;margin:0 0 0 -30px;}
@media (max-width:990px) { .explainer li .icon-container {display:table;margin:0 auto;padding-bottom:15px;} }
.explainer li .text-container {display:inline-table;width:calc(100% - 115px);vertical-align:top;padding:0 0 0 10px;}
@media (max-width:990px) { .explainer li .text-container {display:table;width:100%;} }
.explainer li .text-container p {margin-bottom:30px;}
.explainer li span {border-radius:50%;top:4px;right:14px;position:absolute;background:#734265;border:3px solid #f1efef;text-align:center;display:block;line-height:22px;height:28px;width:28px;padding:0;font-size:12px;font-weight:600;color:#fff;}

.arrow {background:url(../img/arrow-rounded.png) top center no-repeat;background-size:100%;position:absolute;z-index:1;width:112px;height:246px;right:-72px;top:-10px;}
@media (min-width:1360px) and (max-width:1554px) { .arrow {right:-72px;} }
@media (min-width:1200px) and (max-width:1359px) { .arrow {right:-53px;top:-17px;} }
@media (min-width:991px) and (max-width:1199px) { .arrow {right:-37px;top:-16px;} }
@media (max-width:990px) { .arrow {bottom:-110px;transform:rotate(90deg);background-color:transparent;top:inherit;right:inherit;left:50%;margin-left:-56px;} }

.input-address {float:left;width:60%;}
.input-housenumber {float:right;width:32%;}
.input-postalcode {float:left;width:32%;}
.input-residence {float:right;width:60%;}

@media (max-width:991px) { .parking-reservation-header {display:flex;flex-direction:column;} }
.parking-reservation-header h3 {font-size:40px;font-weight:600;line-height:50px;position:relative;margin-bottom:20px;}
@media (max-width:767px) { .parking-reservation-header h3 {font-size:35px;} }
.parking-reservation-header h3, .parking-reservation-header h3 ~ p {text-align:center;padding:0 20px;}
.parking-reservation-header h3 ~ p {padding:0 150px;}
@media (max-width:991px) { .parking-reservation-header h3 ~ p {padding:0 20px;} }
.parking-reservation-header ul {list-style:none;margin:0 -50px;padding:0;display:flex;flex-direction:row;}
@media (max-width:991px) { .parking-reservation-header ul {flex-direction:column;order:2;margin:0 0 90px 0;} }
.parking-reservation-header ul li {width:33.33%;padding:0;}
@media (max-width:991px) { .parking-reservation-header ul li {width:100%;padding:0 20px;} }
.parking-reservation-header ul li img {display:block;width:160px;height:auto;margin:0 auto -30px auto;}
.parking-reservation-header ul li .icon-container {position:relative;}
.parking-reservation-header ul li.parking .icon-container  {padding-left:40px;}
.parking-reservation-header ul li .text-container {text-align:center;padding:0 30px;}
.parking-reservation-header ul li .text-container h4 {margin-bottom:5px;}
.parking-reservation-header ul li .counter {position:absolute;top:95px;left:50%;margin-left:-15px;color:#fff;display:block;border-radius:50%;font-size:23px;font-weight:500;text-align:center;line-height:35px;width:40px;height:40px;background-color:#734265;border:3px solid #f1efef;}
.parking-reservation-header .btn-prim {display:table;margin:60px auto 100px auto;}
@media (max-width:991px) { .parking-reservation-header .btn-prim {margin-top:40px;margin-bottom:20px;} }
.parking-reservation-header .cta-button-container {position:relative;overflow:hidden;}
@media (max-width:991px) { .parking-reservation-header .cta-button-container {display:flex;order:1;} }
.parking-reservation-header .btn-prim:before, .parking-reservation-header .btn-prim:after {content:'';position:absolute;width:500px;height:2px;background:#dbd9d9;left:0;margin-top:14px;margin-left:-140px;}
.parking-reservation-header .btn-prim:after {margin-left:auto;margin-right:-140px;left:auto;right:0;}
@media (max-width:1199px) { .parking-reservation-header .btn-prim:before {margin-left:-240px;} }
@media (max-width:1199px) { .parking-reservation-header .btn-prim:after {margin-right:-240px;} }
@media (max-width:991px) { .parking-reservation-header .btn-prim:before, .parking-reservation-header .btn-prim:after {display:none;} }

.md-lg-container {margin-top:70px;padding-top:50px;border-top:1px solid #d1cdd1;position:relative;}
.md-lg-container:before {content:"of";position:absolute;background:#e9e3e8;width:50px;font-size:16px;left:50%;margin-left:-25px;top:-12px;}
.md-lg-container h4 {border:none;padding:0!important;}
.md-lg-container a {margin-top:30px;}

.extra-width-container.advantages, .extra-width-container.more-information, .extra-width-container.testimonial, .extra-width-container.partners {box-shadow:inset 0 20px 8px -20px rgba(50, 50, 50, 0.35), 0px 3px 5px 0px rgba(50, 50, 50, 0.25);}
.advantages {text-align:center;}
@media (max-width:990px) { .advantages .col-md-4 {margin-top:75px;}.advantages .col-md-4:first-child {margin-top:0;} }
@media (max-width:767px) { .advantages .col-md-4 {margin-top:50px;} }
.advantages p {color:rgba(255,255,255,.80);}
.advantages h3, .advantages p {padding:0 20px;}
.icon-container {display:table;width:100%;height:75px;margin-bottom:25px;}
@media (max-width:767px) { .icon-container {margin-bottom:10px;} }
.icon {display:table-cell;height:100%;text-align:center;vertical-align:middle;}
@media (max-width:767px) { .icon-container img {width:18%;} }

.more-information .container div.col-md-6:first-child {padding-right:30px;}
.more-information .container p.price-intro {padding-right:40px;}
.more-information .container p.contact-intro {margin-bottom:30px;}
#contact a.btn-sec {padding-left:20px;padding-right:20px;}
.more-information .container div.col-md-6:last-child {padding-left:30px;}
@media (max-width:990px) { .more-information .container div.col-md-6:last-child {margin-top:90px;} }
@media (max-width:767px) { .more-information .container div.col-md-6:last-child {margin-top:70px;} }
@media (min-width:991px) and (max-width:1199px) { .more-information .container div.col-md-7, .more-information .container div.col-md-6 {padding-right:0;} }
@media (min-width:991px) and (max-width:1199px) { .more-information button {padding-right:40px;padding-left:40px;} }
.more-information .brochure {margin-left:-60px;margin-top:10px;}
@media (max-width:767px) { .more-information .brochure {margin-left:-20px;} }
.more-information a.btn, .more-information button {display:block;width:90%;}
@media (max-width:990px) { .more-information a.btn, .more-information button {display:table;width:100%;margin:0 auto;} }
.more-information a.btn-sec {margin-bottom:25px;margin-top:20px;}
.more-information button {margin-top:66px;}
.submittedFormStyle {transition:none!important;padding-top:9px!important;padding-bottom:8px!important;background-color:#6b2768!important;background-image:url(../img/ajax-loader.gif)!important;background-position:19px 13px!important;background-size:23px!important;background-repeat:no-repeat!important;}
@media (max-width:767px) { .more-information a.btn-sec {margin-bottom:0;} }
@media (max-width:990px) { .more-information .col-md-4 {text-align:center;} }

.price-content {padding-top:50px;}
@media (max-width:990px) { .price-content {text-align:center;} }
.price-content div {display:inline-block;position:relative;border:1px solid #cccccc;background:#f8f8f8;width:175px;margin-right:40px;}
@media (min-width:992px) and (max-width:1199px) { .price-content div.day-parking{margin-right:0;} }
@media (min-width:768px) and (max-width:990px) { .price-content div.day-parking{margin-right:0;} }
@media (min-width:476px) and (max-width:767px) { .price-content div.day-parking{margin-right:0;} }
@media (max-width:475px) { .price-content div {display:block;margin:0 auto!important;} }
@media (max-width:475px) { .price-content div.day-parking {margin-top:30px!important;} }
@media (max-width:475px) { .price-content div div {display:inline-block;} }
.price-content div:last-child {margin-right:0;}
@media (max-width:475px) { .price-content div:last-child {margin-top:100px!important;} }
@media (max-width:475px) { .price-content div div:last-child {margin-top:-20px!important;} }
.price-content div div {border:none;width:100%;}
.price-content div.price-button-container {background:#f8f8f8;padding:0 10px;width:85%;left:50%;margin-left:-42%;margin-top:-20px;display:block;position:absolute;}
@media (max-width:475px) { .price-content div.price-button-container {margin-left:-42%!important;margin-top:-20px!important;} }
.price-content a.btn-prim, .price-content a.btn {margin:0;width:100%;padding-left:inherit;padding-right:inherit;}
.btn-prim:focus, .btn-prim:active {background:#5b1d58;border-bottom-color:#5b1d58;padding-top:11px;padding-bottom:6px;-webkit-box-shadow:0px 10px 30px 0px rgba(107, 39, 104, 0.25);-moz-box-shadow:0px 10px 30px 0px rgba(107, 39, 104, 0.25);box-shadow:0px 10px 30px 0px rgba(107, 39, 104, 0.25);}
.btn-sec:focus, .btn-sec:active {padding-top:10px;padding-bottom:8px;-webkit-box-shadow:0px 10px 30px 0px rgba(107, 39, 104, 0.25);-moz-box-shadow:0px 10px 30px 0px rgba(107, 39, 104, 0.25);box-shadow:0px 10px 30px 0px rgba(107, 39, 104, 0.25);}
.price-content p {display:block;width:100%;padding:20px 0;text-align:center;color:#4f4f4f;background:#f1f1f1;border-bottom:1px solid #cccccc;line-height:15px;}
.price-content p.single-line {padding:27px 0 28px 0;}
.price-content p span {display:block;font-size:11px;color:#808080;padding:0;line-height:22px;}
.price-content span {display:block;text-align:center;color:#39b8a8;font-size:30px;padding:30px 0 10px 0;font-weight:500;}
.price-content a.btn-park-with-discount {margin-top:30px;margin-bottom:50px;width:63%;margin-left:30px;}
@media (min-width:992px) and (max-width:1199px) { .price-content a.btn-park-with-discount {width:77%;} }
@media (min-width:768px) and (max-width:990px) { .price-content a.btn-park-with-discount {width:50%;margin:0 auto;margin-top:40px;} }
@media (max-width:767px) { .price-content a.btn-park-with-discount {width:90%;margin:0 auto;margin-top:40px;} }

.testimonial {text-align:center;}
.testimonial p {font-style:italic;color:#6f532a;font-size:24px;}
.testimonial p span {font-size:50px;position:absolute;letter-spacing:-2px;}
.testimonial p span.left-quote {margin-left:-20px;}
.testimonial p span.right-quote {margin-right:0;}
.testimonial p span:first-child {-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
.testimonial .testimonial-person {margin-top:40px;}
.testimonial .testimonial-person img, .testimonial .testimonial-person p {display:inline-block;}
.testimonial .testimonial-person img {margin-right:20px;}
.testimonial .testimonial-person p {font-size:17px;font-style:inherit;}

@media (max-width:767px) { .extra-width-container.partners .container {padding-bottom:0;} }
.partners h3, .partners p {text-align:center;}
.partners span {display:block;font-size:11px;font-style:italic;margin-top:-10px;opacity:.5;}
.partners p {margin-bottom:50px;}
@media (max-width:767px) { .partners p {margin-bottom:15px;} }
.partners .container {display:table;}
.partners .container div {display:table-cell;height:160px;text-align:center;vertical-align:middle;line-height:160px;}
@media (max-width:767px) { .partners .container div {height:120px;line-height:120px;} }
.partners .container div img {vertical-align:middle;}

.footer {background:rgb(66,37,64);
background:-moz-linear-gradient(left,  rgba(66,37,64,1) 0%, rgba(174,90,137,1) 100%);
background:-webkit-linear-gradient(left,  rgba(66,37,64,1) 0%,rgba(174,90,137,1) 100%);
background:linear-gradient(to right,  rgba(66,37,64,1) 0%,rgba(174,90,137,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#422540', endColorstr='#ae5a89',GradientType=1 );}
.footer .extra-width-container {position:relative;z-index:1;box-shadow:none;}
.footer .extra-width-container div:first-child {padding-right:0;}
.footer .extra-width-container div:last-child {padding-left:0;}
@media (max-width:767px) {  .footer .container {padding-bottom:0;} }
@media (max-width:767px) { .footer .extra-width-container div:last-child {padding-left:15px;} } 
.footer .beleef-oostpoort-logo {margin:0 0 20px 0;float:none;}
.payment-partners {opacity:.30;}
.footer .payment-partners img {margin-right:20px;}
@media (max-width:767px) { .footer .payment-partners {padding-left:0!important;padding-bottom:30px;} }
@media (max-width:767px) { .footer .payment-partners img {margin-bottom:20px;} }
.footer .navigation {margin-top:0;}
@media (max-width:1199px) {.footer .navigation {display:block;} }
@media (min-width:892px) and (max-width:1200px) { .footer ul.navigation a {margin-left:20px;} }
.footer .gold {margin:40px 0 10px 0;text-align:right;display:none;}
@media (min-width:892px) and (max-width:1079px) { .footer .gold {margin-top:30px;} }
.footer img.footer-background-corporate-identity {position:absolute;margin-top:-206px;right:0;z-index:0;}
@media (max-width:767px) { .footer img.footer-background-corporate-identity {height:100px;margin-top:-100px;} }

footer .navigation {margin-top:20px!important;}
footer ul.navigation li a {font-size:17px;}
@media (max-width:891px) { .footer .extra-width-container .col-sm-6 {float:none;width:100%;padding:0 15px!important;text-align:center;} }
@media (max-width:891px) { .footer .gold {float:none;} }
@media (max-width:767px) { .footer .gold {font-size:17px;margin-top:15px;display:none;} }
@media (max-width:891px) { .footer ul.navigation {float:none;} }
@media (max-width:767px) { .footer ul.navigation {display:none;} }
@media (max-width:767px) { .footer ul.navigation li {display:block;} }
@media (max-width:767px) { .footer ul.navigation li a {margin-left:0;} }
@media (max-width:767px) { ul.navigation .icon-parking {display:none;} }
footer ul.navigation li.hide-top {display:block;}
footer ul.navigation li.left {text-align:right;display:block;}
footer ul.navigation li.right {text-align:right;display:block;}

.modal .btn-sec {margin-top:40px;}
.modal p {padding:0 120px;margin-top:30px;}
@media (min-width:500px) and (max-width:859px) { .modal p {padding:0 40px;} }
@media (max-width:499px) { .modal p {padding:0;} }
@media (max-width:450px) { .modal .btn {padding-left:0;padding-right:0;} }

.modal-dialog {width:860px;}
.modal .close {background:transparent;border:none;width:18px;height:18px;float:right;margin-right:21px;margin-top:22px;}
.modal .close:focus, .modal .close:visited, .modal .close:active {background:transparent;border:none;outline:none;}
.modal .close span {font-size:40px;color:#808080;position:absolute;right:21px;top:0;z-index:200;}
@media (max-width:990px) { .modal-dialog {width:90%;margin:0 auto;margin-top:30px;} }
.modal-content {border-radius:0;border:none;background:#f1efef;text-align:center;}
.modal-header {padding:0;position:relative;}
.modal-header, .modal-footer {border:none;}
.modal-body {padding:30px 30px 80px 30px;}
@media (min-width:768px) and (max-width:990px) { .modal-body {padding-top:40px;} }
@media (min-width:571px) and (max-width:767px) { .modal-body {padding-top:30px;padding-bottom:60px;} }
@media (max-width:570px) { .modal-body {padding-top:30px;padding-bottom:60px;} }
.modal-body h1 {color:#6c2769;}
.modal-backdrop {background-color:#2b1628;opacity:.6!important;}
.modal .background-curve-inverted-container {position:relative;z-index:100000;background:none;}
.modal form {padding-top:40px;width:55%;margin:0 auto;}
@media (max-width:767px) { .modal form {width:100%;padding-top:20px;} }
.modal form label {text-align:left;}
.modal input[type="text"] {width:100%;}
.modal input[type="submit"] {display:table;margin:0 auto;margin-top:30px;}
@media (max-width:450px) { .modal input[type="submit"] {display:table;width:100%;text-align:center;padding-left:auto;padding-right:auto;} }
.background-curve-inverted-pink {padding-top:30px;}

.video-wrapper {position:relative;padding-bottom:56.25%;margin-top:30px;padding-top:25px;height:0;}
.video-wrapper iframe {position:absolute;top:0;left:0;width:100%;height:100%;}

.developed-by-ophirah {width:50%;margin:0 auto;clear:both;text-align:center;padding-top:30px;}
@media (max-width:767px) { .developed-by-ophirah {width:95%;padding-top:0;} }
.developed-by-ophirah a {text-decoration:none;margin-bottom:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.15);display:block;outline:none;color:#fff;font-size:12px;opacity:.7}
.developed-by-ophirah a img {text-decoration:none;margin-left:5px;position:relative;top:-1px;}
.developed-by-ophirah a:hover, .developed-by-ophirah a:focus {opacity:.5;outline:none;}

/* Backend */
body.backend {background:#f8f8f8;}
body.backend header {background:#6b415f;padding:15px 0;}
body.backend .container {width:750px;padding:0;}
@media (max-width:770px) { body.backend .container {width:90%;} }

body.backend #upload-file {position:absolute;padding:20px;opacity:0;cursor:pointer;}
@media (max-width:770px) { body.backend #upload-file {padding:50px;} }
body.backend #upload-file:focus {outline:0;}
body.backend #upload-file-form {padding-top:50px;}
body.backend #upload-file-form .btn-prim {opacity:0;pointer-events:none;z-index:-1;margin-top:-20px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
body.backend #upload-file-form.show-upload-button .btn-prim {opacity:1;z-index:0;pointer-events:auto;margin-top:40px;}
@media (max-width:770px) { body.backend #upload-file-form.show-upload-button .btn-prim {width:100%;margin-top:100px;} }
body.backend #upload-file-form .input-text {background:#fff;width:55%;}
@media (max-width:770px) { body.backend #upload-file-form .input-text {width:100%;} }

body.backend .file-input-container {position:relative;margin-top:30px;}
body.backend .file-input-container:after {width:40%;text-align:center;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;font-size:17px;right:0;top:0;content:'Selecteer bestand';pointer-events:none;position:absolute;background:transparent;border:1px solid #6b2768;color: #6b2768;padding:9px 20px;border-radius:6px;}
@media (max-width:770px) { body.backend .file-input-container:after {width:100%;right:auto;top:70px;} }
body.backend .file-input-container:hover:after {background:#6b2768;color:#fff;}

body.backend .container.last-import-container {padding-top:80px;}
body.backend .container.last-import-container h4 {margin-bottom:10px;}
table.table-content {border:1px solid #cccccc;width:100%;}
@media (max-width:770px) { table.table-content {border-bottom:0;} }
table.table-content thead th {background:#f1f1f1;border-bottom:1px solid #cccccc;color:#4f4f4f;font-weight:400;}
table.table-content tbody tr td {background:#fdfdfd;color:#808080;}
@media (max-width:770px) { table.table-content tbody tr td {border-bottom:1px solid #cccccc;} }
@media (max-width:770px) { table.table-content th {border-right:1px solid #cccccc;} }
table.table-content tr td, table.table-content tr th {text-align:left;padding:5px 8px;vertical-align:middle;}
@media (max-width:770px) { table.table-content tr, table.table-content tr {display:block;width:100%;} }
@media (max-width:770px) { table.table-content tr td, table.table-content tr th {display:block;width:100%;} }
@media (max-width:770px) { table.table-content thead {width:50%;display:block;float:left;} }
@media (max-width:770px) { table.table-content tbody {width:50%;display:block;float:right;} }