/* Popup */
#popup-background-cover {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: #333;filter: alpha(opacity=80);opacity: 0.8;display: none;z-index: 10000;}
#popup-box {position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);background-color: #363052;color: #FFFFFF;width: 90%;max-width: 600px;padding: 30px;border: 5px solid #FFFFFF; display: none;z-index: 10001;}
#popup-close {position: absolute;top: -25px;right: -25px;cursor: pointer;width: 40px;}
#popup-box h1 {margin: 0;padding-bottom: 10px;}
#popup-box form {margin-bottom: 0px;}
#popup-box input {padding: 10px;border: 1px solid #333;width: 40%;}
#popup-box button {padding: 10px;border: 1px solid #333;}
#popup-box .popup-close {position: absolute;right: 10px;top: 0px;font-size: 40px;padding: 20px;}


.co-theme-2 {color:#ccc;}
.swiper-title .h3, .swiper-title h3 {font-size: 2.2rem;}

/* */
.probeerbox-side ul {font-size:80%;padding-top:15px;}
.probeerbox-block-button a {border: 1px solid #363052;color:#363052;padding: 5px 10px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.probeerbox-block-button a:hover {background:#363052;color:#fff;}

/* Inspiratie pagina */
.inspiratie-block {position: absolute; left: -100px; top: 25%;}
.inspiratie-block-title {font-size: 24px; font-weight: 100;}
.inspiratie-block-title strong {font-weight: 700;}
.inspiratie-block-button a {border: 1px solid #fff;color:#fff;padding: 5px 10px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.inspiratie-block-button a:hover {background:#fff;color:#363052;}
@media (max-width: 767px) {
   .inspiratie-block {position: inherit;left: inherit;top: inherit;}
  .container-inspiratie .row {padding:0px; padding-bottom:30px;}
  .inspiratie-block-title {font-size: 100%;}
  .inspiratie-block-description {font-size: 80%;}
}

/* Swiper slider */
.swiper-button-1 {border: 2px solid #fff;color: #fff;padding:5px 10px;margin-right:15px;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.swiper-button-1:hover {border: 2px solid #2ecc71; background: #2ecc71;}
.swiper-button-2 {border: 2px solid #2ecc71;color: #2ecc71;padding:5px 10px;margin-left:15px;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.swiper-button-2:hover {border: 2px solid #fff;background: #fff;color: #2ecc71;}
@media (max-width: 767px) {
  .table-maat {font-size: 70%;}
  .table-cart {font-size: 70%;}
  .collection-content {padding-right:0px; padding-left:0px;}
  .header-3 {padding-bottom: 60px;}
  .messages {padding-top: 0px;}
  .swiper-button-1 {display:inline-block;}
  .swiper-button-2 {display:inline-block;margin-left:0px;}
  .swiper-of-text {display:block; padding-top:15px; padding-bottom:15px;}
}

/* General button */
.gen-button {border: 3px solid #2ecc71!important; border: none;font-family: inherit; font-size: inherit; color: #fff; background: #2ecc71; cursor: pointer; padding: 5px 10px; display: inline-block; letter-spacing: 1px; font-weight: 700;outline: none; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.gen-button:hover {background: #fff;}
.gen-button:hover {color: #2ecc71;}

.block-button {border: 3px solid #6c757d!important; border: none;font-family: inherit; font-size: inherit; color: #fff; background: #6c757d; cursor: pointer; padding: 5px 10px; display: inline-block; letter-spacing: 1px; font-weight: 700;outline: none; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.block-button:hover {cursor:not-allowed;}

.choose-button {border: 1px solid #363052!important; border: none;font-family: inherit; font-size: inherit; color: #363052; background: #fff; cursor: pointer; padding: 5px 10px; display: inline-block; letter-spacing: 1px; font-weight: 700;outline: none; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.choose-button:hover {background: #363052;}
.choose-button:hover {color: #fff;}

.gray-button {border: 1px solid #ccc!important; border: none;font-family: inherit; font-size: inherit; color: #ccc; background: #fff; cursor: pointer; padding: 5px 10px; display: inline-block; letter-spacing: 1px; font-weight: 700;outline: none; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.gray-button:hover {background: #ccc;}
.gray-button:hover {color: #fff;}

.kleur-main input {border: 1px solid #363052!important; border: none;font-family: inherit; font-size: inherit; color: #363052; background: #fff; cursor: pointer; padding: 5px 10px; display: inline-block; letter-spacing: 1px; font-weight: 700;outline: none; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.kleur-main label {padding-right: 10px;}
.kleur-form {display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex;display: flex;align-items: center;justify-content: center;}

/* Sidebar Right */
.sidebar-right {padding: 40px 20px;}

/* Tables */
.table-model tr td {vertical-align: middle;}
.table-maat tr td {vertical-align: middle;}

/* header mods */
.header-wrapper {box-shadow: none;display: block;width: 100%;}
.header-index {top: inherit;left: inherit;position: inherit;z-index:9999;}
.starter-preset-1 .header-index .headerbar {background: #212658;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);}
.nav-reviews-wrapper {float: right;}

/* Contact Element */
#contact-element .contact-icon{width:50px;height:50px;line-height:50px;display:inline-block;text-align:center;float:left}
#contact-element .contact-content{display:inline-block;width:calc(100% - 50px)}
#contact-element .contact-content .contact-content-title{font-weight:900}
#contact-element .contact-content .contact-content-subtitle{font-weight:100;font-size:80%}

/* USP Element */
#usp-bar {height:70px;}
.usp-item {font-weight: 100; font-size: 80%;}

/* Slider */
.swiper-container {height: calc(100% - 150px)!important;}

/* Mobiriseicons mods */
.mobimod {font-size:90px;}
.mbri-home {color:#2ecc71;}
.mbri-home:hover {color: #2ecc71;text-shadow: 0px 0px 5px #2ecc71,0px 0px 10px #2ecc71,0px 0px 15px #2ecc71;transition-duration: 1s;}
.mbri-magic-stick {color:#363052;}
.mbri-magic-stick:hover {color: #363052;text-shadow: 0px 0px 5px #363052,0px 0px 10px #363052,0px 0px 15px #363052;transition-duration: 1s;}
.mbri-sun {color:#FDD835;}
.mbri-sun:hover {color: #FDD835;text-shadow: 0px 0px 5px #FDD835,0px 0px 10px #FDD835,0px 0px 15px #FDD835;transition-duration: 1s;}


/* Product Sidebar */
.sidebar {margin-top: 20px;}
/*.product-sidebar .sidebar {margin-top:inherit;}*/
.sidebar .sidebar-categories .collapsing-title {border-bottom: 0px;}
.sidebar .sidebar-categories li a {color: inherit;}
.sidebar .sidebar-categories ul {list-style-type: decimal; margin-left: 20px;}
.sidebar .sidebar-categories li {display: list-item;}
.sidebar .sidebar-categories .sidebar-submenu-expand {border-bottom: none;}
.table-model tr:first-child td {border-top:none;}
.table-maat tr:first-child td {border-top:none;}

/* Collection Pagination */
.pagination-container{text-align:right;margin-top:20px;margin-bottom:20px;}
.btn-pag-previous{color:#000;border:1px solid #000;width:32px;height:32px;line-height:30px;text-align:center;display:inline-block;margin-right:5px}
.btn-pag-next{color:#000;border:1px solid #000;width:32px;height:32px;line-height:30px;text-align:center;display:inline-block;margin-left:5px}
.btn-pag-active:hover{color:#0688c9;border-color:#0688c9}
.btn-pag-inactive{color:#ddd;border-color:#ddd}
.btn-pag-text {font-size:12px;}
@media (max-width: 767px) {
	.pagination-container{text-align:center;}
}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 25px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}