/*======= cart =========*/
header .header-cart {
display: block;
position: absolute;
top: 50px;
z-index: 1000;
right: 15px;
}

.header-cart > .overlay_cart_top
{
transition: all .5s ease;
display:none;
}

.header-cart:hover > .overlay_cart_top
{
display:block;
}

.overlay_cart_top .cart {
margin-right: 12px;
}

.overlay_cart_top
{
border: 2px solid #ddd;
margin-top: -14px;
padding:22px;
background:#fff;
border-radius: 6px;
width:330px;
text-align:left;
}

.overlay_cart_top .cart
{
text-align: right;
}

.overlay_cart_top li
{
float:left;
width:100%;
text-align:left;
}

.overlay_cart_top li span
{
float:right;
margin-right:5px;
}

.overlay_cart_top li img
{
position:absolute;
right:20px;
}

.overlay_cart_top .priceholder
{
clear:both;
}

.overlay_cart_top .priceholder div
{
display:inline;
}

.overlay_cart_top .priceholder .total
{
float:left;
}

.overlay_cart_top .priceholder div:nth-child(3)
{
display:block;
}
.overlay_cart_top .priceholder div:nth-child(4)
{
display:inline;
}

.overlay_cart_top h2 {
margin-top: -4px;
margin-bottom: 20px;
text-align: left;
font-size: 22px;
border-bottom: 0px solid #ccc;
display: inline;
float: left;
color: #17639D;
}

.overlay_cart_top .orange
{
margin-left:75px;
}

.small_cart_top
{
  border:2px solid #FFB34F;
  float:right;
  margin-right:15px;
  padding-left:12px;
  padding-right:12px;
  padding-top:8px;
  padding-bottom:8px;
  border-radius:6px;
  background-color:#FFF;
}

.cart img
{
margin-left:5px;
}

.header-cart:hover > a > .small_cart_top
{
  border-color: white;
}

.cart > .priceholder { 
border-top: 1px dotted #cccccc; 
padding-top: 10px; 
margin-top: -30px; 
}

body {
font-family: 'Open sans', sans-serif;
}

h1,h2,h3,h4,h5,h6 {
color: #2D5DAA;
font-family: 'Open sans', sans-serif;
}

h1 {

}

h2 {

}

h3 {

}

h4 {

}

h5 {

}

h6 {

}


#content {
margin-bottom: 140px;
}

.product-section h1 {
font-weight: 400;
font-size: 19pt;
letter-spacing: 0.5px;
}

.variant-sideblock {
  border:1px solid #ccc;
  padding:0px;
  border-top-right-radius:5px;
  border-top-left-radius:5px;
  background-color:#FFFFFF;
}

.variant-sideblock h3 {
  color:#ffffff;
  background-color:#2341A1;
  padding:10px 15px 10px 15px;
  font-size:11pt;
  letter-spacing:0.8px;
  margin:0px;
}

.variant-sideblock .model-description-holder,
.variant-sideblock .price,
.variant-sideblock .attributes,
.variant-sideblock .features,
.variant-sideblock .button-holder
 {
padding: 10px;
display: inline-block;
float: left;
}

.variant-sideblock .price {
float: right;
}

.variant-sideblock .button-holder{
width: 100%;
}
.variant-sideblock .button-holder a {
display: inline;
}

#FormElement_23409238409823 select {
padding: 1px;
}

img {
    max-width: 100%;
    max-height: 100%;
}

.main-image-holder {
    max-width: 500px;
    margin: auto;
}

ul li {
list-style-type: none;
}

.model-details {
padding-top: 10px;
    font-size: 13px;
min-height: 100px;
}

#FormElement_23409238409823 {
text-transform: capitalize;
margin-top: 10px;
margin-bottom: 10px;
}

#FormElement_23409238409823 select {
margin-left:10px;
}

.price {
text-align: right;
}

.price-incl {
font-size: 12px;
color: #4990da;
}

.price-excl {
color: #1c3a75;
font-size: 18px;
}

.btw-text {
font-size: 13px;
color: black;
}

.fblike {
text-align: right;
}

.currency_box {
min-height: 50px;
margin-top: 10px;
float: left;
}

.attributes span{
display: inline;
font-size: 10px;
}

.attributes {
padding: 0x!important;
width: 100%;
}

.price {
text-align: right;
font-size: 25px;
font-family: Verdana;
float: left;
padding-left: 10px;
}

.text-right .btn {
        display: none;
width: 49.5%;
min-width: 240px;
padding-top: 10px !important;
padding-bottom: 10px !important;
float: left;
margin: 1px;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    font-size: 7.5pt;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.featureordertable input {
    width: 40px !important;
}

.table-bordered>tbody>tr>td {
    min-width: 30px;
    text-align: center;
}

#FormElement_345838957835 .btn {
    display: block;
    color: #fff !important;
    background-color: #5cb85c !important;
    border-color: #4cae4c !important;
    width: 40%;
    min-width: 240px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
text-transform: uppercase;
font-family: "Open Sans";
letter-spacing: 1px;
font-size: 9pt;
}

#FormElement_345838957835 {
overflow: scroll;
}

.wink {
display: block;
text-align: center;
padding: 10px;
display: none;
}

.model-details:before {
	content: "Productbeschrijving \A";
display: block;
width: 100% !important;
font-weight: 400;
font-size: 14px;
letter-spacing: 1px;
    color: white;
background-color: #29609a;
padding: 7px;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 10px;
text-transform: uppercase;
}

.featureordertable input {
width: 80px;
}

.product-section {
float: right;
}

.variantthumbs {
display: none;
}

@media only screen and (min-width : 768px) {
.variantthumbs {
float: left;
border: 1px solid #efefef;
display: block;
width: 18%;
}
.main-image-holder {
border: 1px solid #eee;
float: right;
width: 80%;
max-width: none;
display: block;
}
}

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

}

.image-slider-thumbs {
margin: 0px;
padding: 0px;
}

.image-slider-thumbs > li {
float: left;
display: inline;
margin: 5px;
padding: 0px;
}

.featureordertable {
font-size:15px;
}

input.in-stock {
  border: 1px solid #0FBF2D;
  padding:0px;
  text-align:center;
}

input.out-of-stock {
  border:1px solid #F5D01B;
  padding:0px;
  text-align:center;
}

.order-group {
max-width: 220px;
float: right;
}

.order-group .amount-input{
padding: 0px 10px;
}

.btn-offerte {
float: left;
}

.ratings {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    color: #ccc;
    overflow: hidden;
font-size:2em;
cursor:pointer;
}

.full-stars {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    color: orange;
}
#main-nav ul { padding: 0px; margin: 0px; }

/* SUBMENU ITEM */
#main-nav ul ul > li > a {
  color:#444E63;
  background-color:#FFFFFF;
  padding-left:10px;
  padding-right:10px;
  padding-top:5px;
  padding-bottom:5px;
  border-bottom:1px solid #efefef;
  width:100%;
  font-size:10pt;
}
#main-nav ul ul > li > a:hover {
text-decoration: underline;
}

/* SUBMENU WRAPPER */ 
.menu > ul > li ul {
  border-bottom:8px solid #209DE6;
  padding:0px;
  padding-left:0px;
}

/* NAVBAR IN MOBILE FORMAT */
#main-nav .navbar { margin: 0;  }
#main-nav .navbar-brand {	height: auto; padding-top: 0; padding-bottom: 0; }
#main-nav .navbar-header { position: relative; }
#main-nav .navbar-toggle { position: absolute; top: 50%; right: 0; margin: -17px 15px 0 0; }
#top-nav .navbar-header button { display: none; }
#main-nav .navbar-nav > li:last-child > a { padding-right: 60; }

.menu-mobile {
  padding:20px;
  color: white;
}
.menu-mobile:hover { color: white; text-decoration: none; }
.menu-mobile:active { color: white; }


/* HOOFDMENU BALK */
#main-nav {
  background-color:#29B0FF;
}

/* HOOFDMENU BALK ITEM */
#main-nav ul.navbar-nav > li > a {
  color:#FFFFFF;
}

/* HOOFDMENU BALK ITEM HOVER */
#main-nav ul.navbar-nav > li:hover > a,
#main-nav ul.navbar-nav > li.active:hover > a {
  color:#FFFFFF;
  background-color:#0A42A3;
}

/* HOOFDMENU BALK ITEM ACTIVE */
#main-nav ul.navbar-nav > li.active > a {
  color:#FFFFFF;
  background-color:transparent;
}

@media (min-width: 768px) {
  #main-nav .navbar-nav > li > a {
    padding-top:0;
    padding-bottom:0px;
    line-height:40px;
    height:40px;
    font-size:13.5px;
    letter-spacing:0.6px;
    color:#000000;
  }
  #main-nav .navbar-nav > li > a:hover {
    color:#FFFFFF;
  }
  #main-nav .navbar-nav > li:hover > a {
    color:#FFFFFF;
  }
}

@media (max-width: 992px) {
	
}

/* LEFT RIGHT SUB MENU */
.menu .left-right-sub {
  position: absolute;
  display: none;
}

.menu .left-right-sub li {
  padding: 0px;
}

.sub-left {
  right: 100%;
}

.sub-right {
  left: 100%;
}

@media (max-width: 767px) {
  .menu > ul > li > ul > li {
    margin-top: 0px !important;
  }
}
header {
 background-color: white;
 border-bottom: 1px solid #ccc;
 position: relative;
 top: 0px;
 left: 0px;
}

#top-bar {
background-color: white;
height: auto;
/*background-image: url('https://www.magicprint.nl/wp-content/uploads/2017/11/mipa-bedrijfskleding-grotestraat-18-5836-ae-sambeek-werkschoenen-zorgkleding-werkkleding-veiligheidskleding-maasvallei-netwerk-7.jpg');*/
background-position: center top;
}

#top-bar > .container {
    background-color: rgba(255,255,255,0.85);
    position: relative;
    min-height: 120px;
}

#shopping-cart {
  text-align: center;
  padding: 15px;
  font-size: 15px;
  cursor: pointer;
  display: block;
}

#top-nav {
  width:100%;
  display:inline-block;
  margin-top:0px;
  margin-bottom:5px;
  font-size:12px;
  display: none;
  
}

#top-nav .navbar-collapse {
  padding: 0px;
}

#top-nav ul {
float: right;
padding: 0px;
}

#top-nav ul > li > a {
padding: 10px 20px 10px 20px;
margin-left: 5px;
}

#top-nav ul > li > a:hover {
background-color: transparent;
color: black;
}



.shopmenu {
margin-top: 120px;
}

#top-nav .navbar-header .navbar-toggle{
background: red;
}

#top-nav .navbar-header .navbar-toggle span.icon-bar{
  color: black;
}

.header-search-box {
width: 100%;
margin-left: auto;
margin-right: auto;
display: inline-block;
text-align: center;
}

.header-search-box input {
width: 80%;
padding: 10px;
height: 40px;
max-width: 300px;
}

.header-search-box button {
height: 40px;
margin-top: -2px;
}

a.navbar-brand {
  width:100%;
  padding:0px;
  display:inline-block;
  float:none;
  text-align:center;
  height:60px;
}

a.navbar-brand .logo {
max-height: auto;
max-width: 100%;
display: inline-block;
}

.sticky-clone a.navbar-brand img.logo {
max-height: 30px;

}

.menu-container {
display: block;
}

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

}

@media only screen and (min-width : 768px) {
  #top-nav {
    display: block;
  }
}

@media only screen and (min-width : 992px) {
  a.navbar-brand {
    position: absolute;
    left: 10px;
    top: 45px;
    text-align: left;
    width: auto;
  }

  #shopping-cart {
    position: absolute;
    right: 10px;
    top: 52px;
    text-align: left;
  }

}

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

}
footer .first-bar {
  background-color:#29B0FF;
  padding:10px;
  color:white;
}

footer .second-bar {
  background-color:#0A3A8C;
  padding:10px;
  color:white;
}

footer .third-bar {
color: #aaa;
}

footer .second-bar h4 {
color: white;
}

footer .second-bar ul {
list-style-type: none;
padding: 0px;
}

footer .second-bar ul li a {
text-decoration: none;
}

footer .third-bar .copyright {
padding-top: 17px;
text-align: right;
}

footer .third-bar a,
footer .third-bar a:hover,
footer .third-bar a:visited,
footer .third-bar a:active {
color: #aaa;
}

footer .third-bar .free-shipping-text {
color: #555;
padding: 10px 10px 10px 10px;
}

footer a {
color: white;
text-decoration: underline;
}

footer a:hover {
color: white;
}

footer img {
max-width: 100%;
}

footer input {
padding: 5px;
}

footer .fab {
padding: 6px;
font-size: 18px;
border-radius: 5px;
line-height: 16px;
}

.fa-facebook, .fa-facebook-square {
    background-color: #3b5998
}
.fa-twitter, .fa-twitter-square {
    background-color: #00aced
}
.fa-google-plus, .fa-google-plus-square {
    background-color: #dd4b39
}
.fa-youtube, .fa-youtube-play, .fa-youtube-square {
    background-color: #bb0000
}
.fa-tumblr, .fa-tumblr-square {
    background-color: #32506d
}
.fa-vine {
    background-color: #00bf8f
}
.fa-flickr {
    background-color: #ff0084
}
.fa-vimeo-square {
    background-color: #aad450
}
.fa-pinterest, .fa-pinterest-square {
    background-color: #cb2027
}
.fa-linkedin, .fa-linkedin-square {
    background-color: #007bb6
}
.fa-instagram {
    background-color: #517fa4;
}
.fa-spotify {
    background-color: #1ED760;
}
/* latin-ext */
@font-face {
  font-family: 'Sintony';
  font-style: normal;
  font-weight: 400;
  src: local('Sintony'), url(https://fonts.gstatic.com/s/sintony/v5/XoHm2YDqR7-98cVUET0tuu8o.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sintony';
  font-style: normal;
  font-weight: 400;
  src: local('Sintony'), url(https://fonts.gstatic.com/s/sintony/v5/XoHm2YDqR7-98cVUETMtug.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Libre Baskerville';
  font-style: normal;
  font-weight: 400;
  src: local('Libre Baskerville'), local('LibreBaskerville-Regular'), url(https://fonts.gstatic.com/s/librebaskerville/v5/kmKnZrc3Hgbbcjq75U4uslyuy4kn0qNXaxMICA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Libre Baskerville';
  font-style: normal;
  font-weight: 400;
  src: local('Libre Baskerville'), local('LibreBaskerville-Regular'), url(https://fonts.gstatic.com/s/librebaskerville/v5/kmKnZrc3Hgbbcjq75U4uslyuy4kn0qNZaxM.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.sidebar-category-menu > ul {
list-style: none;
margin: 0px -5px 0px -5px;
padding: 0px;
}


.sidebar-category-menu > ul li {
font-size: 12px;
padding: 2px;
padding-left: 10px;
margin-bottom: 0px;
}

.sidebar-category-menu > ul li:before {
content: "-";
float: left;
margin-right: 4px;
font-size: 14px;
}

.sidebar-category-menu > ul li.active a {
  color:#4F72FF;
  font-weight: bold;
}


.sidebar-category-menu > ul li > a {
  width:100%;
  display:block;
  color:#000000;
  font-size: 11pt;
}

.sidemenu-section {
  padding-left: 5px;
  padding-right: 5px;
}
ul.breadcrumb {
  background-color:#E8F3FF;
  border-radius:0px 0px 10px 10px;
}

ul.breadcrumb .direct-contact {
  float:right;
  background-color:#FF7221;
  border-radius:8px;
  line-height:20px;
  margin-top:-4px;
  font-size:16px;
}

ul.breadcrumb .direct-contact:before {
content: "";
}

ul.breadcrumb .direct-contact p {
  display:inline-block;
  margin-left:5px;
  line-height:20px;
  padding:3px;
  margin:0px;
  color:#FFFFFF;
  padding-right: 8px;
}

ul.breadcrumb .direct-contact i {
  color:#FFFFFF;
}

ul.breadcrumb a {
  color:#30A3F0;
}

ul.breadcrumb .direct-contact a {
  color:#379E45;
}

ul.breadcrumb .direct-contact a:hover {
text-decoration: none;
}
/* SIDEBAR MENU */
#canvas-menu, #canvas-menu ul {
  background-color:#61BAFF;
  margin:0px;
  padding:0px;
}
#canvas-menu ul li a { color: white; padding-left: 10px; }
#canvas-menu ul li a:hover {
  color:#91FFBA;
}
#canvas-menu ul li:hover > a{ color: white; }
#canvas-menu ul li ul li a { color:#FFFFFF; background-color:#1E4CA8; }
#canvas-menu ul li ul li a.active { font-weight: bold; }

#main_menu .menu-mobile {
  color: white;
  font-weight: bold;
text-transform: uppercase;
}
.menu-dropdown-icon:hover {
  color:#A9FFA3;
  background-color:#F6FFF5;
}
.menu-dropdown-icon:before { line-height: 20px; font-size: 1.528571em; width: 100%; text-align: right; background-color: rgba(233, 233, 233, 0); color:[kleur5]; content: "+" }

/* MENU ICON DROPDOWN, alleen zichtbaar in canvas menu? */
.menu-dropdown-icon:hover:before, .menu-dropdown-icon.active:before {
  line-height:20px;
  font-size:1.428571em;
  width:100%;
  text-align:right;
  background-color:rgba(233, 233, 233, 0);
  color:#3098FF;
  content:"▼";
}