/* General (for all div's) =========== */
img, object, iframe {max-width:100%;}
img {margin:10px 0;}
.border-container {border-bottom:0px solid #E8E8E8;}
.intro {margin-bottom:45px;}
.smply-summary {display:block; text-align:center; padding-bottom:25px;font-size: 25px; font-weight: 200; font-family: 'ProximaNova-light';}
.addthis_toolbox {margin-left:15px;}
.at4-icon, .addthis_16x16_style .at4-icon, .addthis_16x16_white_style .at4-icon, .addthis_default_style .at4-icon, .at-16x16 {border-radius:20%;}

@font-face {
  font-family: 'ProximaNova-Light';
  	src: url('../fonts/ProximaNova-Light.eot?#iefix') format('embedded-opentype'),
  	url('../fonts/ProximaNova-Light.otf')  format('opentype'),
	url('../fonts/ProximaNova-Light.woff') format('woff'),
	url('../fonts/ProximaNova-Light.ttf')  format('truetype'),
	url('../fonts/ProximaNova-Light.svg#ProximaNova-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ProximaNova-Regular';
	src: url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/ProximaNova-Regular.otf')  format('opentype'),
	url('../fonts/ProximaNova-Regular.woff') format('woff'),
	url('../fonts/ProximaNova-Regular.ttf')  format('truetype'),
	url('../fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ProximaNova-RegularIt';
	src: url('../fonts/ProximaNova-RegularIt.eot?#iefix') format('embedded-opentype'),
	url('../fonts/ProximaNova-RegularIt.otf')  format('opentype'),
	url('../fonts/ProximaNova-RegularIt.woff') format('woff'),
	url('../fonts/ProximaNova-RegularIt.ttf')  format('truetype'),
	url('../fonts/ProximaNova-RegularIt.svg#ProximaNova-RegularIt') format('svg');
  	font-weight: normal;
  	font-style: normal;
}

@font-face {
	font-family: 'ProximaNova-Bold';
	src: url('../fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/ProximaNova-Bold.otf')  format('opentype'),
	url('../fonts/ProximaNova-Bold.woff') format('woff'),
	url('../fonts/ProximaNova-Bold.ttf')  format('truetype'),
	url('../fonts/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?qr10hi');
	src:url('../fonts/icomoon.eot?#iefixqr10hi') format('embedded-opentype'),
		url('../fonts/icomoon.woff?qr10hi') format('woff'),
		url('../fonts/icomoon.ttf?qr10hi') format('truetype'),
		url('../fonts/icomoon.svg?qr10hi#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	font-size: 200%;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Main-navigation =========== */
#main-navigation {display:block;}
#main-navigation .navbar-brand img {margin:0;}

.seperator {width:5px; padding:15px 0;}
.smply-menu .seperator>:before{content:"/\00a0"; padding:0; color:#e8e8e8;}

.submenu li.active a {font-family:'ProximaNova-Bold'; color:#000;}
.submenu .seperator {display:none;}

.vvd-socialmedia {display: flex; margin:50px 0;}
.vvd-socialmedia a {display: inline-block; margin: 0 2px;}
.vvd-socialmedia img {margin: 0;}
.icon-twitter-with-circle:before {content:"\e601";}
.icon-facebook-with-circle:before {content:"\e600";}

.icon-twitter-with-circle:before,
.icon-facebook-with-circle:before {color:#bfbfbf; cursor:pointer;}

/* Homepagina-content =========== */
#homepagina-content {display:block; margin:50px 0;}
#homepagina-content h1, #homepagina-content .intro.errorpage h2 {color:#0A2CCA; text-align:center;}
#homepagina-content h2, #homepagina-content h3 {color:#0A2CCA; margin:20px 0;}
#homepagina-content p {font-size:16px; line-height:1.6em;}
#homepagina-content .error-btn {display: inline-block; margin: 5px 0; background-color:#FFF; color:#0A2CCA; font-family:'ProximaNova-Bold'; text-transform:uppercase; letter-spacing:1px; padding:1em 2.5em !important; border:2px solid #0A2CCA; border-radius:300px; outline:0;}
#homepagina-content .error-btn:hover {background-color:#0A2CCA; color:#FFF; transition:0.1s background-color linear, 0.1s color linear;}
#homepagina-content .nieuws-archief-detail .smply-share-buttons {}

/* Hero-footer =========== */
#hero-footer {display:block; border-top:1px solid #E8E8E8; margin:25px 0; padding:50px 0; text-align:center;}
#hero-footer p, #hero-footer h2, #hero-footer h3 {color:#777; font-style:italic; margin:25px 0;}

#hero-footer .icon-twitter-with-circle:before, #hero-footer .icon-facebook-with-circle:before {font-size:200%; margin:0 5px;}
#hero-footer .icon-twitter-with-circle:before {color:#55acee;}
#hero-footer .icon-facebook-with-circle:before {color:#3b5998;}

.icon-twitter-with-circle:hover:before, .icon-facebook-with-circle:hover:before {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
#hero-footer .icon-twitter-with-circle:hover:before, #hero-footer .icon-facebook-with-circle:hover:before {opacity:.5;}







/* Header-hero-image =========== */
#header-hero-image {position:relative; text-align:center;}
#header-hero-image h1 {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); font-size:62px; color:#FFF; z-index:20;}
#header-hero-image img {background-size:cover; margin:0;}
.header-hero-overlay {position:absolute; top:0; left:0; width:100%; height:100%; z-index:10; background-color:rgba(0,0,0,0.3);}


/* Vervolgpagina-content =========== */
#vervolgpagina-content {display:block; margin:50px 0;}
#vervolgpagina-content h2, #vervolgpagina-content h3 {color:#0A2CCA; margin:20px 0;}
#vervolgpagina-content p {font-size:16px; line-height:1.6em;}
#vervolgpagina-content .btn-nieuweleden {margin:auto; background-color:#FFF; color:#0A2CCA; font-family:'ProximaNova-Bold'; text-transform:uppercase; letter-spacing:1px; padding:1em 2.5em !important; border:2px solid #0A2CCA; border-radius:300px; outline:0;}
#vervolgpagina-content .btn-nieuweleden:hover {background-color:#0A2CCA; color:#FFF; transition:0.1s background-color linear, 0.1s color linear;}

#vervolgpagina-content .nieuws-archief,
#homepagina-content .smply-news-archive .nieuws-archief {width:100%; display:inline-block; margin:25px 0;}
#vervolgpagina-content .nieuws-archief .title,
#homepagina-content .smply-news-archive .title {font-size:16px; font-weight:600;}
#vervolgpagina-content .nieuws-archief .smply-publish-date,
#homepagina-content .smply-news-archive .smply-publish-date,
.nieuws-archief-detail .smply-publish-date {font-size:12px; font-style:italic;}

.smply-pagination {width: 100%; text-align: center; margin-top: 50px; font-family: 'ProximaNova-Bold'; overflow: hidden;}
.smply-pagination-is-first .smply-pagination-prev,
.smply-pagination-is-last .smply-pagination-next {display: none;}

.smply-pagination-prev {display:inline-block; float:left;}
.smply-pagination-prev span a {position:relative; border: 1px solid #e6e6e6; border-radius: 0.25em; display: inline-block; color:#FF6400;
-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* use padding and font-size to change buttons size */
padding: .6em .8em; font-size: 1.6rem;}
.smply-pagination-prev span a:hover {background-color: #f2f2f2;}

.smply-pagination-counter {display: none;}
.smply-pagination-counter span {display: inline-block; color:#FF6400;
-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* use padding and font-size to change buttons size */
padding: .6em .8em; font-size: 1.6rem;}

.smply-pagination-next {display:inline-block; float:right;}
.smply-pagination-next span a {position:relative; border: 1px solid #e6e6e6; border-radius: 0.25em; display: inline-block; color:#FF6400;
-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* use padding and font-size to change buttons size */
padding: .6em .8em; font-size: 1.6rem;}
.smply-pagination-next span a:hover {background-color: #f2f2f2;}


/* Error-pagina-content =========== */
#error-pagina-content {display:block; margin:50px 0;}
.error-intro, .error-block {margin-bottom:25px;}
#error-pagina-content h1 {color:#0A2CCA; text-align:center;}
#error-pagina-content h2, #homepagina-content h3 {color:#0A2CCA; margin:20px 0;}
#error-pagina-content p {font-size:16px; line-height:1.6em;}
#error-pagina-content a {line-height:26px;}

.btn-error {width:100%; background-color:#FF6400; color:#FFF; border:0; margin:10px 0; padding:10px 0; outline:0;}



































/*  =========== Smply modules styling =========== */

/* Smply slider =========== */
#slider {height: 300px; max-width: 1920px; margin: 0 auto;}
#slider #smply-slider {position: relative; width: 100%; height: 100%; overflow: hidden;}
#slider #smply-slider .smply-slide.active {display: block;}
#slider #smply-slider .smply-slide {display: none;}
#slider #smply-slider .custom-slide {background-size: cover; height: 100%; position: absolute; width: 100%; overflow: hidden; background-position: center center;}
#slider #smply-slider .custom-slide .carousel-caption h2 {font-family:'ProximaNova-Regular'; font-size:35px; color:#FFF; letter-spacing:1px;}
#slider #smply-slider .custom-slide .carousel-caption h3 {font-family:'ProximaNova-Bold'; font-size:40px; color:#fff; letter-spacing:3px; text-transform:uppercase;}

/* Smply sidebar =========== */
#homepagina-content .smply-sidebar {text-align:center;}
#homepagina-content .smply-sidebar h2 {display:none;}
#homepagina-content .smply-sidebar .content.smply-user-content {margin:20px 0px; padding:0 35px;}
#homepagina-content .smply-sidebar .content.smply-user-content h3 {font-size:30px; margin:0 0 10px 0; line-height:1.2em; color:#FF6400;}
#homepagina-content .smply-sidebar .content.smply-user-content h3:hover {color:#595959;}
#homepagina-content .smply-sidebar .content.smply-user-content p {font-size:14px; margin:0 0 10px 0; line-height:1.4em; color:#777;}
#homepagina-content .smply-sidebar .content.smply-user-content img {}
#homepagina-content .smply-sidebar .content.smply-user-content .date {color:#777; opacity:.7; font-size:13px;}
#homepagina-content .smply-sidebar .read_more {display:block; margin:25px 0; color:#FF6400;}
#homepagina-content .smply-sidebar .read_more:after {content:'\2192';}
#homepagina-content .smply-sidebar .read_more:hover {color:#595959;}
#homepagina-content .smply-sidebar .addthis_toolbox {display:none;}

#homepagina-content .smply-sidebar .small-sb {text-align: left;}
#homepagina-content .smply-sidebar .small-sb .content.smply-user-content {margin: 0; padding: 0;}
#homepagina-content .smply-sidebar .small-sb .content.smply-user-content h3 {font-size:20px; margin:0 0 10px 0; line-height:1.2em; color:#FF6400;}
#homepagina-content .smply-sidebar .small-sb .content.smply-user-content p {font-size:14px; margin:0 0 10px 0; line-height:1.4em; color:#777;}

#vervolgpagina-content .smply-sidebar h2 {display:none;}
#vervolgpagina-content .smply-sidebar .content.smply-user-content h3 {font-size:20px; margin:0 0 10px 0; line-height:1.2em; color:#FF6400;}
#vervolgpagina-content .smply-sidebar .content.smply-user-content p {font-size:14px; margin:0 0 10px 0; line-height:1.4em; color:#777;}
#vervolgpagina-content .smply-sidebar .read_more {display:block; margin:25px 0; color:#FF6400;}
#vervolgpagina-content .smply-sidebar .read_more:hover {color:#595959;}
#vervolgpagina-content .smply-sidebar .addthis_toolbox {display:none;}


/* Smply-attachments =========== */
.smply-attachments {margin-top:50px;}
.smply-attachments-title {color:#FF7609; font-size:21px; text-align:left; line-height:45px;}
.smply-attachments-list {text-align:left;}
.smply-attachments-list li {color:#4c4d4b;}
.smply-attachments-list li a {color:#4c4d4b;}

/* Smply-foto-album =========== */
.smply-photo-album, .smply-photos {display:block;}
.smply-photo-album .description {display:none; color:#fe6b38; bottom:0; padding:0 5px; font-family:'ProximaNova-Bold';}
.smply-photo-album .photo {position:relative;  height:auto !important;  background-color:transparent; border:1px solid #e6e6e6;
border-radius:0.25em; padding:.6em .8em; margin:5px !important;}
.smply-photo-album .photo:hover {background-color: #f2f2f2;}
.smply-photo-album .photo .thumb {width:auto !important; height:auto !important; margin:0 !important;}

/* Smply-product-catalogue =========== */
.smply-product-catalogue {width:100%;}
.smply-product-catalogue h2 {display:none;}
.smply-product {display:table; margin:25px 0;}
.smply-product .products img {border-radius:50%;}

.product-textblock h2 {display:block;}

/* Smply-form =========== */
.smply-form {width:100%; text-align:center}
.smply-form .input {margin:25px 0;}
.smply-form .input label {font-size:16px; color:#777; pointer-events:none;}
.smply-form .input.error label {color:#FFF;}
.list-option, .required {color:#777;}
.smply-form .input.error label {color:#bd0000 !important;}

.smply-form .g-recaptcha {}
.smply-form .g-recaptcha div {margin: 25px auto;}

.smply-form input[type=text]{width: 100% !important; padding: 12px !important; margin: 6px 0; border: 1px solid #ccc; background: #fafafa; border-radius: 2px}
.smply-form textarea {width:100% !important; padding: 12px !important; margin: 6px 0; border: 1px solid #ccc; background: #fafafa; border-radius: 2px; min-height: 120px; resize: vertical;}
.smply-form input[type=text]:focus, .smply-form textarea:focus {outline:0;}
.list-option input[type=radio], input[type=checkbox] {margin-right:20px;}
.list-option,.required input[type=radio], input[type=checkbox] {margin-right:20px; display: inline-block; margin-left: 20px;}

.smply-form [type="submit"] {background-color:#FFF; color:#0A2CCA; font-family:'ProximaNova-Bold'; text-transform:uppercase; letter-spacing:1px; padding:1em 2.5em !important; border:2px solid #0A2CCA; border-radius:300px; outline:0;}
.smply-form [type="submit"]:hover {background-color:#0A2CCA; color:#FFF; transition:0.1s background-color linear, 0.1s color linear;}

#content-vervolgpagina .smply-form.success {color:#4c4d4b;}

::-webkit-input-placeholder { /* WebKit browsers */ color:#777;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#777; opacity:1;}
::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#777; opacity:1;}
:-ms-input-placeholder { /* Internet Explorer 10+ */ color:#777;}