/* Body & general */
* { margin: 0; padding: 0; }

html{ position:relative; min-height:100%; font-size: 100%; overflow-x: hidden; width: 100%; margin: 0px;  padding: 0px; touch-action: manipulation; }

body{ font-size: 14px; font-family: 'Encode Sans Expanded', sans-serif; width: 100%; height: 100%; margin: 0; font-weight: 400;
        -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; word-wrap: break-word;
        overflow-x: hidden; color: #333; }

h1, h2, h3, h4, h5, h6, p, a, ul, span, li, img, input, button{ margin: 0; padding: 0; }

h1,h2,h3,h4,h5,h6{ line-height: 1.5; font-weight: inherit; }

h1,h2,h3{ font-family: 'Encode Sans Expanded', sans-serif; }

div { display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

ul { list-style: none; margin-bottom: 0px; }

p{ line-height: 1.7; font-size: 1.05em; font-weight: 400; color: #555; margin: 6px 2px 8px 0; }
p a { text-decoration: underline; }

h1{ font-size: 4em; line-height: 1; }
h2{ font-size: 2em; line-height: 1.1; }
h3{ font-size: 1.7em; }
h4{ font-size: 1.3em; }
h5{ font-size: 1.1em; }
h6{ font-size: .85em; }

pre { display: block; font-family: monospace; white-space: pre;  margin: 1em 0; }

a, button{ display: inline-block; text-decoration: none; color: inherit; line-height: 1.3;
        -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }

a:focus, a:active, a:hover,
button:focus, button:active, button:hover,
a b.light-color:hover{ text-decoration: none; color: #FD9F1B; }

a.blue:focus, a.blue:active, a.blue:hover { text-decoration: none; color: #2780F1; }
a.green:focus, a.green:active, a.green:hover { text-decoration: none; color: #3FB618; }
a.red:focus, a.red:active, a.red:hover { text-decoration: none; color: red; }

.black { color: black; }
.blue { color: #2780F1; }
.gray { color: #b5aec4; } 
.green { color: #3FB618; }
.orange { color: #FD9F1B; }
.red { color: red; }
.white { color: white; }

b{ font-weight: 700; }

img{ width: 100%; }

li{ list-style: none; display: inline-block; line-height: 1.6; font-size: .9em; }

small { font-size: .75em; }

span{ display: inline-block; }

button{ outline: 0; box-shadow: 0; border: 0; background: none; cursor: pointer; }

table .w-5  { width:5%; }
table .w-10 { width:10%; }
table .w-15 { width:15%; }
table .w-20 { width:20%; }
table .w-30 { width:30%; }
table .w-35 { width:35%; }
table .w-40 { width:40%; }
table .w-45 { width:45%; }

.table-condensed>thead>tr>th, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>td { padding: 8px; }

.table-sm>thead>tr>th, .table-sm>tbody>tr>th, .table-sm>tfoot>tr>th, .table-sm>thead>tr>td, .table-sm>tbody>tr>td, .table-sm>tfoot>tr>td { padding: 8px; font-size: .9em; }

.icon{ font-size: 1.1em; display: inline-block; line-height: inherit; }

[class^="icon-"]:before, [class*=" icon-"]:before{ line-height: inherit; }

b.max-bold{ font-weight: 700; }

/* input.form-group, textarea.form-group { font-size: .9em; } */
/* input.form-group:focus, textarea.form-group:focus { outline: 0; box-shadow: 0; outline-color: #FD9F1B; } */
input.form-control, textarea.form-control { font-size: .95em; }
input.form-control:focus, textarea.form-control:focus { outline: 0; box-shadow: 0; outline-color: #FD9F1B; }

i { margin-right: 4px; }

/* site specific */
.doc-container {
	width: 100%;
	overflow: hidden;
	margin-bottom: 250px;
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #FFF;
	z-index: 10;
}

/* top nav */
.top-nav {
	width: 100%;
	height: 40px;
	background: #1e1e27;
}
.top-nav-left {
	height: 40px;
	line-height: 40px;
	font-size: 13px;
	color: #b5aec4;
}

.currency, .language, .account, .phone {
	display: inline-block;
	position: relative;
	min-width: 40px;
	border-right: solid 1px #33333b;
	padding-right: 20px;
	padding-left: 20px;
	text-align: center;
	vertical-align: middle;
	background: #1e1e27;
}
.currency img, .language img, .account img, .phone img {
        width: 16px;
        height: auto;
	margin-right: 6px;
}
.currency > a, .language > a, .account > a, .phone > a {
	display: block;
	color: #b5aec4;
	font-weight: 400;
	height: 40px;
	line-height: 40px;
	font-size: 13px;
}
.currency > a {	text-transform: uppercase; }
.currency:hover, .language:hover, .account:hover, .phone:hover {
        color: #FD9F1B;
}
.currency:hover .currency-selection, .language:hover .language-selection, .account:hover .account-selection, .phone:hover .phone-selection, .products:hover .products-selection {
	visibility: visible;
	opacity: 1;
	top: 100%;
        color: #FD9F1B;
}
.currency-selection, .language-selection, .account-selection, .phone-selection, .products-selection {
	display: block;
	position: absolute;
	top: 40px; /* 120%; */
	margin: 0;
        padding: 0;
	width: 100%;
	background: #EEE;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
        box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
	-webkit-transition: opacity 0.4s ease;
	-moz-transition: opacity 0.4s ease;
	-ms-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	transition: all 0.4s ease;

}
.currency-selection {
        right: 0;
}
.language-selection, .account-selection, .phone-selection {
        right: 4px; 
}
.currency-selection li, .language-selection li, .account-selection li, .phone-selection li, .products-selection li {
	font-weight: bold;
        text-align: left;
        background: #FFF;
        border: 1px solid #CCC;
        border-top: 0;
}
.currency-selection li, .language-selection li, .account-selection li, .phone-selection li {
	padding: 16px;
}
.products-selection li {
	padding: 8px;
}
.currency-selection li { text-align: center; width: 100px;} 
.language-selection li { width: 158px; } 
.account-selection li { width: 164px; padding-right: 0; }
.account-selection i { margin-right: 10px; }
.phone-selection li { width: 180px; }
.products-selection { width: 200px; }
.products-selection li { width: 200px; }
.currency-selection li a, .language-selection li a, .account-selection li a, .phone-selection li a, .products-selection li a {
	display: block;
	color: #232530;
	border-bottom: solid 0px #DDD;
	font-size: 13px;
	-webkit-transition: opacity 0.1s ease;
	-moz-transition: opacity 0.1s ease;
	-ms-transition: opacity 0.1s ease;
	-o-transition: opacity 0.2s ease;
	transition: all 0.1s ease;

}
.currency-selection li a {
        text-transform: uppercase;

}
.currency-selection li a:hover, .language-selection li a:hover, .account-selection li a:hover, .phone-selection li a:hover {
	color: #FD9F1B;
        font-weight: 700;
}
.currency-selection li:last-child a, .language-selection li:last-child a, .account-selection li:last-child a, .phone-selection li:last-child a {
	border-bottom: none;
}
.account {
        border-right: 0;
}
.account-selection li a {
        width: 150px;
}
/*
.phone {
        border-right: 0;
}
.phone-selection li a {
        width: 170px;
}
*/

.trans-300 {
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

/* top menu */
.logo-container {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 15px;
}
.logo-container a {
	font-size: 24px;
	color: #1e1e27;
	font-weight: 700;
	/* text-transform: uppercase; */
}
.logo-container a span {
	color: #fe4c50;
}
.main-nav-container {
	width: 100%;
        /*background-color: #FFF; */
	background-color: rgba(240, 240, 240, 0.1);
        border-bottom: 1px solid #CCC;
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.25);
}
.navbar {
	width: auto;
	height: 72px;
	float: right;
	padding-left: 0px;
	padding-right: 0px;

}
.navbar-menu li {
	display: inline-block;
}
.navbar-menu li a {
	display: block;
	color: #1e1e27;
	font-size: 13px;
	font-weight: 500;
	/* text-transform: uppercase; */
	padding: 10px;
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-ms-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
}
.navbar-menu li a:hover {
	color: #FD9F1B;
}
.navbar-user {
	margin-left: 30px;
}
.navbar-user li {
	display: inline-block;
	text-align: center;
}
.navbar-user li a {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 40px;
	height: 40px;
	color: #1e1e27;
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-ms-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
}
.navbar-user li a:hover {
	color: #FD9F1B;
}
a#navbarDropdownMenu.nav-link.dropdown-toggle:active,
a#navbarDropdownMenu.nav-link.dropdown-toggle:focus {
	border: 0px;
	outline: 0px;
}
.dropdown-menu {
	top: 52px;
        /* opacity: 0.9; */
	border-top: 0;
	border-radius: 0px 0px 5px 5px;
        box-shadow: 0 12px 12px rgba(0, 0, 0, 0.2);
}
.dropdown-item:hover {
	background-color: #FFF;
        font-weight: 400;
}
.badge-cart {
	top: -30px;
        margin-left: 4px;
	background-color: #000;
}
.checkout a {
	background: #eceff6;
	border-radius: 50%;
}
.checkout-items {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: -9px;
	left: 22px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #FD9F1B;
	font-size: 12px;
	color: #FFF;
}

.md-menu-container {
	display: none;
	margin-left: 40px;
}
.md-menu-container i {
	font-size: 24px;
	color: #1e1e27;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.md-menu-container:hover i {
	color: #b5aec4;
}
.md-menu-menu {
	position: fixed;
	top: 0;
	right: -400px;
	width: 400px;
	height: 100vh;
	background: rgba(255,255,255,0.95);
	z-index: 10;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.md-menu-menu.active {
	right: 0;
}
.fs-menu-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 9;
	background: rgba(255,255,255,0);
	pointer-events: none;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.md-menu-close {
	position: absolute;
	top: 26px;
	right: 10px;
	padding: 10px;
	z-index: 1;
}
.md-menu-close i {
	font-size: 24px;
	color: #1e1e27;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.md-menu-close:hover i {
	color: #b5aec4;
}
.md-menu-menu-content {
	padding-top: 100px;
	width: 100%;
	height: 100%;
	padding-right: 20px;
}
.menu-item {
	display: block;
	position: relative;
	border-bottom: solid 1px #b5aec4;
	vertical-align: middle;
}
.menu-item > a {
	display: block;
	color: #1e1e27;
	font-weight: 500;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	text-transform: uppercase;
}
.menu-item > a:hover {
	color: #b5aec4;
}
.menu-item > a > i {
	margin-left: 8px;
}
.menu-item.active .menu-selection {
	display: block;
	visibility: visible;
	opacity: 1;
}
.menu-selection {
	margin: 0;
	width: 100%;
	max-height: 0;
	overflow: hidden;
	z-index: 1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.menu-selection li {
	padding-left: 10px;
	padding-right: 10px;
	line-height: 50px;
}
.menu-selection li a {
	display: block;
	color: #232530;
	border-bottom: solid 1px #DDD;
	font-size: 13px;
	text-transform: uppercase;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-ms-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: all 0.3s ease;
}
.menu-selection li a:hover {
	color: #b5aec4;
}
.menu-selection li:last-child a {
	border-bottom: none;
}

.top-banner {
        top: 110px;
        height: 300px;
        position: relative;
	background-repeat: no-repeat;
	/* background-size: 105%; */
	background-position: left top;
        border-bottom: 1px solid #DDD;
        box-shadow: 0 0 24px rgba(0, 0, 0, 0.25);
        margin-bottom: 140px;
}
.top-banner-account {
        top: 110px;
        height: 100px;
        position: relative;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center bottom;
        background-image: url('/lib/assets/backgrounds/Desk.jpg');
        border-bottom: 1px solid #BBB;
        box-shadow: 0 0 28px rgba(0, 0, 0, 0.25);
        margin-bottom: 140px;
}
.top-map {
	top: 110px;
	width: 100%;
	height: 300px;
        position: relative;
        border-bottom: 1px solid #AAA;
        box-shadow: 0 0 24px rgba(0, 0, 0, 0.25);
        margin-bottom: 140px;
}
.top-form {
	position: absolute;
	top: 50px;
	width: 440px;
	height: 200px;
	background-color: rgba(120,120,120,.5);
	border: 1px solid rgba(160,160,160,.5);
        box-shadow: 16px rgba(0, 0, 0, 0.25);
	color:#FFF;
	padding:20px;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
}
.top-form:hover {
        background-color: rgba(100,100,100,.75);
        border: 1px solid rgba(220,220,220,.85);
}
.top-clear {
	top: 110px;
        height: 0px;
        position: relative;
        margin-bottom: 140px;
}

.acc-card {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, 0.125);
	border-radius: 0.25rem;
}
.acc-card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.acc-card-header {
        background-color: rgba(100,100,100,.6);
        border: 1px solid rgba(100,100,100,.7);
        color: #FFF;
        margin: 0;
        padding: .5em;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
}
.acc-card-header:hover {
        background-color: rgba(100,100,100,.5);
}
.acc-card-header .btn {
	width: 100%;
	text-align: left;
}
.acc-card-header .btn:focus {
        box-shadow: none;
        color: #FFF;
}
.acc-card-header .btn:hover {
        box-shadow: none;
        color: #FFF;
}
.acc-card-body {
/*	background-position: left; */
/*	background-image: url('/lib/assets/backgrounds/Maloja_20150908.jpg'); */
        background-color: rgba(100,100,100,.1);
        border: 1px solid rgba(100,100,100,.5);
        border-top: 1px solid rgba(100,100,100,.3);
	padding: 6px 0 6px 24px;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
}
.acc-card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.acc-card-body:hover {
        background-color: rgba(100,100,100,.2);
        border: 1px solid rgba(100,100,100,.7);
        border-top: 1px solid rgba(100,100,100,.2);
}
.acc-card-body p {
        color: #111;
        font-size: .85em
}
.acc-card-list-group {
        margin-top: 1em;
        margin-bottom: 1em;
        margin-left: 0px;
        padding-left: 24px;
}
.acc-card-list-item {
        display: block;
        color: #111;
        list-style: disc;
        margin-left: 0px;
}

.cr-photo {
	position: absolute;
	color: #FFF;
	font-size: .75em;
	bottom: 5px;
	right: 10px;
}

.iNL {
	display: block;
        width: 150px;
        height: auto;
        margin: 60px auto 0 auto;
}

.btn-form {
	background-color: #FD9F1B;
        font-size: 1em;
        font-weight: bold;
}
.btn-form:active, .btn-form:focus, .btn-form:hover {
	background: #DDD;
        color: #000;
        border: 1px solid #AAA;
}

.about .list-group .list-group-item {
        border: 0;
        text-align: left;
        padding: 10px 10px 0 0;
}

.contact .list-group .list-group-item {
        border: 0;
        text-align: left;
        padding: 10px 10px 0 0;
}

.products .list-group .list-group-item {
        border: 0;
        text-align: left;
        padding: 10px 10px 10px 10px;
}

.page {
        border-top: 0px solid black;
	margin: 0 20px 60px 20px;
	padding :0;
	list-style: none;
}
.page h4 {
	margin: 10px 0;
}

.page .list-group .list-group-item {
	border: 0;
        text-align: left;
        padding: 10px 0 0 10px;
}

.blog {
	min-height:400px!important;
}
.blog-item small {
	color: #888;
	font-size: 0.8em;
}
.blog-list a {
        overflow: hidden;
	position: relative; 
	z-index: 1;
	margin-bottom: 20px;
}
.blog-list-text {
        margin: 0 0 30px 80px;
        min-height: 100px!important;
}
.blog-list-text p {
        font-size: 0.85em;
}
.blog-list-time {
	position: absolute; 
	left: 18px; 
        margin: 6px 0 20px 0;
	z-index: 1; 
}

/* footer */
footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 250px;
	background-color: #000;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: left top;
        color: #FFF;
	padding: 20px 20px 20px 0;
}

footer .list-group .list-group-item {
        border: 0;
        background-color: #000;
        color: #FFF;
        text-align: left;
        padding: 4px 10px 0 0;
}

footer h4 {
	padding: 0 12px 6px 0;
	margin: 10px 20px 10px 0;
	width: 80%;
	border-bottom: 1px solid #666;
}

footer p {
        margin-top: 0px;
	font-size: 0.85em;
	color: #FFF;
}

/* App classen & id's */
.zoom {
        width: 100%;
        height: 100%;
	-webkit-transition: all 1s;
	transition: all 1s;
}
.zoom:hover {
	width: 102%;
	height: 102%;
}

.policy p {
	font-size: .9em;
}

.drs {
	font-size: .9em;
}

.drs-form .form-control {
        width: 240px;
}
.drs-form input {
        font-size: .9em;
        border: 1px solid rgba(160,160,160,.8);
}
.drs-form input:focus {
        box-shadow: none;
        border: 1px solid rgba(160,160,160,.8);
}
.drs-form .btn {
        width: 100px;
        background-color: #FD9F1B;
        border: 1px solid rgba(160,160,160,.8);
        font-size: 1em;
        font-weight: 700;
        color: #000;
}

.epp{
	font-size: .85em;
	width: 140px;
	height: 24px;
	padding-left: 4px;
}

.reg-form .form-control {
	width: 280px;
}
.reg-form input {
	font-size: .9em;
	border: 1px solid rgba(80,80,80,.8);
}
.reg-form input:focus {
	box-shadow: none;
        border: 1px solid rgba(80,80,80,.8);
}
.reg-form .btn {
	width: 100px;
	background-color: #FD9F1B;
	border: 1px solid rgba(80,80,80,.8);
	font-weight: 700;
        color: #000;
}
.drs-form .btn:focus, .drs-form .btn:hover, .reg-form .btn:focus, .reg-form .btn:hover {
	background: #DDD;
}

.form-sex { 
	width: 80px;
}

.msg {
	margin: 0 0 10px 20px;
	font-size: .85em;
}

#regFormTarget {
        width: 440px;
        height: 200px;
}

#regFormTarget {
	top: -40px;
        width: 440px;
        height: 200px;
	display: block;
}

#kerstMuts {
   position: absolute;
   top: 37px;
   left: 430px;
   width: 64px;
   height: auto;
   display: none;
}

#subOrder {
	display: none;
}

#blogRwd, #blogFwd {
        background-color: #ddd;
        color: #000;
        cursor: pointer;
        border: none;
        outline: none;
        padding: 0 4px 0 8px;
        border-radius: 10px;
        opacity: 0.5;
        font-size: 24px;
}
#blogRwd:hover, #blogFwd:hover {
        background-color: #555;
        color: #fff;
}

#scrollButton {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 999;
	background-color: #ddd;
	color: #000;
	cursor: pointer;
	border: none;
	outline: none;
	padding: 0 4px 0 8px;
	border-radius: 10px;
	opacity: 0.5;
	font-size: 24px;
}
#scrollButton:hover {
	background-color: #555;
	color: #fff;
}

.Spinner {
        width: 32px;
}

#Spinner {
	display: none;
}

/* Test class */
.test {
	margin: 40px 20px 40px 0px;
}

@media only screen and (min-width: 992px) {
        .top-banner {
                height: 250px;
                background-size: 100%;
                -webkit-transition: all 1s;
                transition: all 1s;
        }
        .top-banner:hover {
                background-size: 105%;
        }
        .top-map {
                height: 250px;
        }
}

@media only screen and (min-width: 1152px) {
        .top-banner {
                height: 300px;
                background-size: 100%;
                -webkit-transition: all 1s;
                transition: all 1s;
        }
	.top-banner:hover {
        	background-size: 105%;
	}
        .top-map {
                height: 300px;
        }
}

@media only screen and (max-width: 991px) {
        .top-banner {
		top: 72px;
		height: 250px;
		background-position: center;
		background-size: auto 250px;
		margin-bottom: 92px;
	}
        .top-banner-account {
                top: 72px;
                margin-bottom: 92px;
        }
        .top-map {
                top: 72px;
                height: 250px;
                margin-bottom: 92px;
        }
}
@media only screen and (max-width: 767px) {
        .doc-container {
                margin-bottom: 720px;
        }
	footer {
		height: 740px;
	}
        footer .list-group {
		margin-bottom: 20px;
	}
}
@media only screen and (max-width: 1112px) {
	.top-form {
		top: 25px;
      height: 190px;
	}
   #kerstMuts {
      top: 12px !important;
   }
}
@media only screen and (max-width: 506px) {
        .top-form {
                display: none;
        }
}
@media only screen and (max-width: 400px) {
        .navbar-user {
		display: none;
        }
}
@media print {
	.cr-photo { display: none; }
/*	.logo-container { display:none; } */
/* .logo-container { display: block; margin: 60px 0 2px 2px; } */
   .top-banner { height: 20px; background: none; }
	.top-banner-account { height: 20px; background: none; }
	.top-nav { display: none; }
	footer { display: none; }
   #regForm { display: none; }
   #kerstMuts{ display: none; }
}
@page {
	header { display:none; }
}
@page :first { 
	.logo-container { display: block; }
 	.logo { border:1px solid black; }
}