.page-custom .rounded { border-radius: 8px; }
.page-custom .bg-white { background: #fff; }
.page-custom .logo-premium .logo-premium__inner { display: inline-block; position: relative; }
.page-custom .logo-premium .logo-premium__inner svg { position: absolute; right: -20px; top: 0; }
.page-custom .pageContent { background: #f8f8f8; }
.page-custom .pageContent .content-top { margin-top: -65.5px; }
.page-custom .pageContent h1 { font-weight: 600; }
.page-custom .pageContent p { font-weight: 300; }
.page-custom .premium-usps .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; }
.page-custom .single-block { position: relative; margin-bottom: 30px; box-shadow: 0 10px 30px 0 rgba(85, 85, 85, 0.1); }
.page-custom .single-block .square { width: 100%; height: 0; padding-bottom: 100%; }
.page-custom .single-block .single-block__inner { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.page-custom .single-block .icon { border-radius: 100%; background: #f6f6f6; display: flex; align-items: center; justify-content: center; }
.page-custom .single-block h2 { font-weight: 600; }

.premium-cta { position: relative; bottom: -25px; }
.premium-cta .btn-default { padding: 10px 25px; border-radius: 50px; }
.premium-cta .price { display: inline-block; background: #3982f1; color: #fff; font-size: 20px; font-weight: 600; margin-bottom: 10px; box-shadow: 0 1px 3px 0 rgba(194,194,194,0.5); }
.premium-cta .price small { font-weight: 300; font-size: 15px; margin-left: 5px; }
.premium-cta .btn-cta { background: #b00b1b; color: #fff; display: inline-block; border: 0; padding: 15px 30px; font-size: 18px; box-shadow: 0 2px 4px 0 rgba(194,194,194,0.5); transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; }
.premium-cta .btn-cta svg { margin-left: 10px; }
.premium-cta .btn-cta:hover { background: #900613; text-decoration: none; }

@media screen and (max-width: 768px) {
	
	.page-custom { padding: 130px 0 30px 0; }

	.page-custom .logo-premium img { width: 80px; }
	.page-custom .logo-premium svg { width: 25px; right: -15px; }
	
	.page-custom .pageContent { padding: 0 20px; }
	.page-custom .pageContent .content-top { margin-top: -40px; }
	.page-custom .pageContent h1 { font-size: 28px; }
	.page-custom .pageContent p { font-size: 15px; line-height: 25px; }
	
	.page-custom .premium-usps { margin-top: 30px; }
	.page-custom .premium-usps .col-xs-6 { padding: 0 10px; }
	
	.page-custom .single-block { margin-bottom: 15px; }
	.page-custom .single-block .icon { width: 50px; height: 50px; }
	.page-custom .single-block h2 { font-size: 15px; }
	
	.premium-cta-fixed .price { position: fixed; bottom: 0; left: 0; display: flex; align-items: center; font-size: 15px; height: 50px; width: 110px; border-radius: 0; margin: 0; z-index: 9999; }
	.premium-cta-fixed .price-free { width: 100%; justify-content: center; }
	.premium-cta-fixed .btn-cta { position: fixed; bottom: 0; left: 110px; right: 0; border-radius: 0; z-index: 9999; font-size: 16px; box-shadow: 0; height: 50px; }
	.premium-cta-fixed .btn-cta svg { width: 18px; }

}

@media screen and (min-width: 769px) {

	.page-custom { padding: 25px 0; }	
	.page-custom-premium { padding: 100px 0; }
	
	.page-custom .pageContent { padding: 0 100px; }
	.page-custom .pageContent h1 { font-size: 38px; margin-bottom: 25px; }
	.page-custom .pageContent p { padding: 0 50px; }
	
	.page-custom .premium-usps { margin-top: 60px; }
	
	.page-custom .single-block .icon { width: 85px; height: 85px; }
	.page-custom .single-block h2 { font-size: 18px; }

}



/* Premium overlay nieuwsbericht */
.panel-premium:before { content: ''; position: absolute; left: -1px; right: 0; z-index: 1; top: -151px; background: linear-gradient(359.82deg, rgba(255, 255, 255, 0) 0%, #fff 100%); transform: rotate(-180deg); height: 150px; opacity: 1; }
.panel-premium { background: #F8F8F8; border: 1px solid #E6E6E6; padding: 35px; text-align: center; margin-top: 10px; position: relative; }
.panel-premium .panel-heading { padding: 0; }
.panel-premium h3 { font-size: 28px; margin-top: 0; font-weight: 700; }
.panel-premium p { font-weight: 300; font-size: 16px; color: #707070; }
.panel-premium .st0 { fill: #fff; }
.panel-premium small { display: block; margin-top: 25px; color: #707070; font-weight: 300; }
.panel-premium small a { color: #000; }


.commentWrapper ul li.singleComment .left .premium { position: relative; }
.commentWrapper ul li.singleComment .left .premium:before, .profielLid.premium a:before, .submenuLid .lidMenu-wrapper.premium .imgWrapper a:before { content: ""; background-image: url('../images/star-premium-avatar.svg'); background-size: cover; width: 12px; height: 12px; display: inline-block; position: absolute; left: 3px; top: 3px; }
.commentWrapper ul li.singleComment-respond .left .premium:before, .profielLid.premium a:before { width: 10px; height: 10px; }

.profielLid.premium a:before { left: 10px; }

.submenuLid .lidMenu-wrapper.premium .imgWrapper a { position: relative; display: inline-block; }
.submenuLid .lidMenu-wrapper.premium .imgWrapper a:before { top: -3px; left: -3px; width: 22px; height: 22px; }


/* Register */
.page-custom-register .pageContent { padding: 30px 100px; }
.single-block_register { border: 1px solid #E8E8E8; position: relative; }
.single-block_register .single-block_register--logo{ margin-top: -50px; }
.single-block_register ul.advantages { list-style: none; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; }
.single-block_register ul.advantages li { padding: 5px 15px; }
.single-block_register ul.advantages li i { margin-right: 5px; }
.single-block_register ul.advantages li i.fa-check { color: green; }
.single-block_register ul.advantages li i.fa-close { color: red; }
.single-block_register ul.advantages li span { color: rgba(45, 45, 45, 0.7); font-size: 16px; }
.single-block_register ul.advantages li:not(:last-child) { border-bottom: 1px solid #e7e7e7; }
.single-block_register ul.advantages li:nth-child(even) { background: #f7f7f7; }
.single-block_register .premium-cta .price { font-size: 18px; }
.single-block_register .premium-cta button { border: 0; }
.single-block__top { top: -62.5px; position: relative; }
.page-custom-register .single-block__top h2 { font-size: 24px; }

.page-custom-register-bottom {  margin-top: 50px;  }
.page-custom-register-bottom p { padding: 0 !important; }

.modal-open .register-modal { width: 100%; display: flex !important; justify-content: center; }


/* Register modal */
.modal { -webkit-overflow-scrolling: touch; }
.modal-backdrop.in { opacity: 0.8; }

.modal-open-free #register-modal-free { z-index: 999999999; }

.register-modal .modal-dialog { max-width: 450px; }
.register-modal .message { margin-bottom: 15px; }
.register-modal .modal-dialog .modal-content { box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.7); border-radius: 8px; }
.register-modal .fb_btn { display: block; padding: 20px; font-size: 20px; background: #3b5998; color: #fff; }
.register-modal .separator { margin: 30px 0; border-top: 1px solid #CCCCCC; position: relative; }
.register-modal .separator-text { display: block; position: absolute; top: -16px; left: 50%; margin-left: -22px; padding: 0px 10px; background: #FFFFFF; color: #8a8a8a; font-size: 22px; font-weight: 600 }
.register-modal .registerForm label { font-weight: 600; }
.register-modal .registerForm input[type="text"], .register-modal .registerForm input[type="password"], .register-modal .registerForm input[type="email"] { min-height: 40px; background-color: #f9f9f9; border: 1px solid #e8e8e8 !important; outline: 0; box-shadow: none; }
.register-modal .registerForm .form-check label, .register-modal .registerFormPremium .form-check label { font-weight: 400; }
.register-modal .registerForm .premium-cta { bottom: -60px; }
.register-modal .registerForm button { border: 0; bottom: -50px; box-shadow: none; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.4); }


@media screen and (max-width: 768px) {
	
	body.modal-open { position: fixed; }

	.page-custom-register .pageContent { padding: 20px 15px; }
	.page-custom-register .pageContent h1 { margin-bottom: 45px; }
	.page-custom-register .pageContent .d-flex { flex-direction: column }
	.page-custom-register .single-block_register--free { margin-bottom: 75px; }
	.page-custom.page-custom-register { padding: 80px 0 30px 0; }
	.page-custom .order-2 { order: 2; }
	.page-custom .order-1 { order: 1; }
	.page-custom-register .single-block__top { margin-top: -32.5px; top: 0; }
	.page-custom-register .single-block__top h2 { margin-top: 10px; }
	
	button.btn-toggle-advantages { width: 100%; background: #d1d1d1; border-radius: 0; }
	button.btn-toggle-advantages i { transform: rotate(90deg); margin-left: 10px; } 
	button.btn-toggle-advantages.collapsed i { transform: rotate(0); } 
	
}

@media screen and (min-width: 769px) {
	
	.page-custom-register .pageContent h1 { margin-bottom: 100px; }
	.single-block_register--free { transform: scale(0.95); }
	.single-block_register--premium { transform: scale(1.05); }	
	.single-block_register ul.advantages { margin-top: -40px; }
	
	.toggle-advantages.collapse { display: block; }
	
	.modal-open .register-modal { display: flex !important; align-items: center; justify-content: center; }
	
}