/*
Theme Name: M Design
Theme URI: http://skkills.com
Author: SKKILLS
Author URI: http://skkills.com
Description: M Design
Version: 1.0
*/
.col-md-12{
	padding: 0px !important;}

.col-xl-2 {
	display: inline !important;
	flex: unset !important;
	max-width: unset !important;
}

html, body {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px; }

body {
  padding-top: 99px;
  height: 101%; }

body {
  color: #58595b;
  background-color: #ffffff;
  font-family: "Roboto";
  font-size: 1rem;
  font-weight: 300; }

:hover, :active, :focus,
a, select, option, button, object, embed, video,
input[type=submit], input[type=checkbox], input[type=button] {
  outline: 0 !important; }

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000; }

a {
  color: #f04036; }

a:hover {
  text-decoration: none; }

h1{
  font-family: "Times New Roman", Times, serif;
  font-size: 40px !important;
  text-shadow: 2px 2px 2px black;
  font-weight: 500 !important;
}
h2{
  font-family: "Times New Roman", Times, serif;
  font-size: 16px!important;
}
h4{
  font-family: 'Roboto';
  font-size: 26px!important;
}
h5{
  font-family: 'Roboto';
  font-size: 16px!important;
}
 
h1, h2, h3, h4, h5 {
  color: #000000;
    font-family: "Roboto";
  margin-top: 0px; }

time{
  font-size: 12px!important;
  font-family: 'Roboto';
}
ul li a{
  font-family: 'Roboto';
  font-size: 12px;
}
.title, h3 {
  font-size: 1.6rem;
  margin-bottom: 1.4rem; }

time {
  font-family: "Roboto";
  color: #58595b;
  font-size: 10px;
  display: inline-block;
  font-weight: 400;
  margin-top: 15px; }

.section .strip form.wpcf7-form {
  display: block;
  margin: auto;
  width: 60%;
  padding: 10px;}

form label, .section .strip form.wpcf7-form label {
  display: block;
  margin-bottom: 0.3rem;
  font-weight: 300; }
form input, form textarea, .section .strip form.wpcf7-form input, .section .strip form.wpcf7-form textarea {
  background-color: #FFFFFF;
  border: none; 
  box-shadow: inset 0 0 10px #000000a4;}
form input[type="text"], form input[type="email"], form input[type="url"], form textarea, .section .strip form.wpcf7-form input[type="text"], .section .strip form.wpcf7-form input[type="email"], .section .strip form.wpcf7-form input[type="url"], .section .strip form.wpcf7-form textarea {
  width: 100%;
  max-width: 570px;
  padding: 8px 15px; }
form input[type="submit"], form .cover-text a, .section .strip form.wpcf7-form input[type="submit"], .section .strip form.wpcf7-form .cover-text a {
  background-color: #f04036;
  box-shadow: none;
  border-radius: 30px;
  font-family: Roboto !important;
  font-size: 16px; !important;
  padding: 8px 40px;
  border: none;
  font-weight: 300;
  color: #ffffff;
  cursor: pointer; }
form .comment-form-cookies-consent, .section .strip form.wpcf7-form .comment-form-cookies-consent {
  display: flex; }
form input[type="checkbox"], form input[type="checkbox"] + label, .section .strip form.wpcf7-form input[type="checkbox"], .section .strip form.wpcf7-form input[type="checkbox"] + label {
  display: inline-block;
  cursor: pointer; }
form input[type="checkbox"] + label, .section .strip form.wpcf7-form input[type="checkbox"] + label {
  margin-left: 0.3rem; }
form .post-password-form input[type="submit"], .section .strip form.wpcf7-form .post-password-form input[type="submit"] {
  margin-top: 1.4rem; }

img.alignleft {
  float: left;
  max-width: 50%;
  height: auto;
  padding-right: 1.4rem; }

img.alignright {
  max-width: 50%;
  float: right;
  height: auto;
  padding-left: 1.4rem; }

@media (max-width: 767px) {
  img.alignleft, img.alignright {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%; }

  .strip .side-image {
    margin-top: 1.4rem; } }
.small-link, .red.strip .emphasize a {
  font-family: "Roboto";
  color: #f04036;
  font-weight: 500;
  cursor: pointer;
  text-decoration: none;
  display: inline-block; }

.small-link:hover, .strip .emphasize a:hover {
  text-decoration: underline; }

.doc .small-link:hover {
  color: #58595b;
  text-decoration: none; }

.red.strip .emphasize a, .red.strip .emphasize a:hover {
  color: #ffffff; }

.cover-text a.button {
  text-decoration: none; }

main {
  position: relative;
  background-color: #ffffff; }

main p {
  margin-bottom: 1.4rem; }

main .title, p + h3 {
  margin-top: 3.7rem; }

main p:last-of-type {
  margin-bottom: 0px; }

.block, main .posts-navigation {
  padding-bottom: 0rem; }

.block.stick, .block.small.strip {
  padding-bottom: 0px; }

main > .block.strip:last-of-type {
  padding-bottom: 0px; }

.strip .html > .row > div > :last-child,
.strip .solo {
  margin-bottom: 0px !important;
  padding-bottom: 0px !important; }

.block.small {
  padding-bottom: 1.4rem; }

main .commentlist + .navigation + .comment-respond {
  margin-top: 3.7rem; }

main .comment-body + .comment-respond {
  margin-top: 30px; }

main ol.commentlist {
  padding: 0px; }

main ol.commentlist, main ol.commentlist ul {
  list-style-type: none; }

main ol.commentlist li {
  padding-top: 30px; }

main ol.commentlist .children {
  padding-left: 12%; }

main .comment .avatar {
  margin-right: 10px; }

.strip .emphasize.with-img {
  padding-bottom: 90px; }

.strip .graphic {
  margin-top: -55px; }

.strip .graphic {
  background-color: transparent; }

.strip.gray-bg .graphic {
  background-color: #f1f1f2; }

.strip .emphasize {
  padding: 67px 0px; }
.strip .emphasize strong {
  font-weight: 500; }
.strip .emphasize h1, .strip .emphasize h2, .strip .emphasize h3, .strip .emphasize h4, .strip .emphasize h5 {
  margin-top: 0px; }
.strip .emphasize .title {
  margin-bottom: 0px; }
.strip .emphasize time {
  margin: 25px 0px 0px 0px; }

.small.strip .emphasize {
  padding: 30px 0px; }

.red.strip .emphasize {
  color: #ffffff;
  background-color: #f04036; }
.red.strip .emphasize h1, .red.strip .emphasize h2, .red.strip .emphasize h3, .red.strip .emphasize h4, .red.strip .emphasize h5,
.red.strip .emphasize time {
  color: #FFFFFF; }

.gray.strip .emphasize, .white.strip .emphasize {
  color: #000000;
  background-color: #f1f1f2; }
.gray.strip .emphasize h1, .gray.strip .emphasize h2, .gray.strip .emphasize h3, .gray.strip .emphasize h4, .gray.strip .emphasize h5,
.gray.strip .emphasize time, .white.strip .emphasize h1, .white.strip .emphasize h2, .white.strip .emphasize h3, .white.strip .emphasize h4, .white.strip .emphasize h5,
.white.strip .emphasize time {
  color: #000000; }

.white.strip .emphasize {
  background-color: #ffffff; }

@media (min-width: 768px) {
  .line-dot {
    position: relative; }

  .line-dot:before {
    position: absolute;
    top: 17px;
    left: 0px;
    content: '';
    width: 8.5%; }

  .line-dot:after {
    position: absolute;
    top: 15px;
    left: 8.5%;
    height: 5px;
    width: 5px;
    border-radius: 50%;
    content: '';
    margin-left: -2px; }

  .red.strip .line-dot:before {
    border-top: 1px solid #ffffff; }

  .red.strip .line-dot:after {
    color: #ffffff;
    background-color: #ffffff; }

  .gray.strip .line-dot:before, .white.strip .line-dot:before {
    border-top: 1px solid #000000; }

  .gray.strip .line-dot:after, .white.strip .line-dot:after {
    color: #000000;
    background-color: #000000; }

  .doc .dot-up, main .doc .dot {
    position: relative; }

  .doc .dot-up:before {
    position: absolute;
    top: -22px;
    left: 8.5%;
    content: '';
    height: 40px;
    width: 2px;
    z-index: 1;
    border-right: 1px solid #f04036; }

  .doc .dot-up:after, main .doc .dot:after {
    position: absolute;
    top: 14px;
    left: 8.5%;
    height: 5px;
    width: 5px;
    border-radius: 50%;
    content: '';
    background-color: #f04036;
    color: #f04036;
    margin-left: -1px; } }
.strip .wpcf7-form,
.strip .searchform {
  margin-top: 1.4rem;
  display: flex; }

.strip .wpcf7-form input,
.strip .searchform input {
  max-width: none;
  border: 1px solid #58595b;
  background: transparent;
  border-radius: 0px; }

.taxonomy-description span .read-link{
  margin-bottom: 20px;
  display: inline-block;
}
.strip .wpcf7-form button,
.strip .searchform button {
  color: #58595b;
  border: 1px solid #58595b;
  background: transparent;
  border-radius: 0px; }

.strip .wpcf7-form input:focus,
.strip .searchform input:focus,
.strip .wpcf7-form button:focus,
.strip .searchform button:focus {
  box-shadow: 0 0 0 0.2rem rgba(88, 89, 91, 0.03); }

.red.strip .wpcf7-form input,
.red.strip .wpcf7-form button,
.red.strip .searchform input,
.red.strip .searchform button {
  border: 1px solid #ffffff;
  color: #ffffff; }

.red.strip .wpcf7-form input::placeholder,
.red.strip .searchform input::placeholder {
  color: #ffffff !important;
  opacity: 0.4; }

.red.strip .wpcf7-form {
  flex-direction: column; }

.red.strip .wpcf7-form .wpcf7-form-control {
  height: 38px; }

.red.strip .wpcf7-form .ajax-loader {
  display: none; }

.red.strip .wpcf7-form .wpcf7-form-control-wrap {
  flex: 1 1 auto; }

.red.strip .wpcf7-form .wpcf7-not-valid-tip {
  margin-top: 5px;
  color: #FFFFFF; }

.red.strip .wpcf7-form div.wpcf7-response-output {
  display: none !important; }

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
  margin: 0px; }

main.cover {
  margin-top: 100vh; }

.cover-text, .cover-image {
  width: 100%;
  position: fixed; }

.cover-text {
  height: 86vh;
  max-height: 86vh;
  font-size: 1.1rem;
  font-weight: 400;
  z-index: 0; }

@media (max-width: 575px) {
  .cover-text {
    height: 90vh;
    max-height: 90vh; } }
.cover-image {
  height: 100vh;
  max-height: 100vh;
  object-fit: cover;
  z-index: 0;
  z-index: -1; }

.cover-text .block,
.cover-text h1, .cover-text h2, .cover-text h3, .cover-text h4, .cover-text h5 {
  font-family: "Times New Roman", Times, serif;
  color: #ffffff; }

.cover-text h1 {
  font-family: "Times New Roman", Times, serif;
  font-size: 3.1rem;
  font-weight: 400;
  margin-bottom: 15px; }

.cover-text main > block:not(.red.strip) {
  margin-top: 3.7rem; }

.admin-bar .secondary.fixed-top {
  top: 32px; }

.admin-bar .main.fixed-top {
  top: 31px; }

@media (max-width: 782px) {
  #wpadminbar {
    position: fixed; }}

nav.secondary {
  display: none;
  height: 100%;
  background-color: #000000a4;}

nav.secondary ul {
  margin: 0px;
  padding: 0px;
  display: flex; 
  flex-direction: column;
  justify-content: space-around;}

nav.secondary ul li {
  display: inline-block; 
  border-top: 2px solid #808080a4; }

nav.secondary ul li .nav-link {
  display: unset;
  font-size: 16px;
  font-weight: 400;
  line-height: 50px;
  color: #58595b;
  padding: 10px; 
  color: #ffffff;
  font-family: "Roboto";}

nav.secondary ul li .nav-link:hover {
  color: #f04036; }

#beta-menu .nav-item:nth-child(3):hover:after{
  content: "Inloggen »";
  color: white;
  margin-left: 25px;
}

#beta-menu{ 
  text-align: left;}
#mySidenav{
  left: unset;}

@media (min-width: 768px) {
.closebtn{
	position: absolute !important;
	color: #ffffff !important;
	margin-top: -400px !important;
	right: 20px;
	font-size: 40px;
	font-weight: 400;
	z-index: 99; }
}

.closebtn:hover{
	color: #f04036 !important;}

nav.main.navbar {
  padding-top: 50px;
  padding-bottom: 50px; }

@media (min-width: 768px) {
  nav.main.navbar {
    height: 69px; } }
nav.main {
  background-color: #1e1e1e;
  border: none;
  color: #ffffff; 
}

nav.main a {
  text-decoration: none;
  color: #ffffff !important;
  font-family: "Roboto";
  font-size: 0.8rem;
  font-weight: 400;
  text-transform: uppercase; }

nav.main a:hover {
  color: #f04036 !important; }

@media (max-width: 767px) {
  nav.main ul.navbar-nav {
    margin-top: 20px; }

  nav.main .navbar-nav .dropdown-menu {
    border: none;
    margin-left: 20px; }

  nav.main .navbar-toggler, nav .navbar-toggler-icon {
    color: #ffffff !important;
    border: none !important; 
	background-color: white;
	padding-left: 22px; 
	border-radius: 0px;}}
@media (min-width: 768px) {
  .navbar-nav {
    margin: 0px auto; }

  .navbar-nav .dropdown-menu {
    border: none;
    border-radius: 0px;
    margin-top: 17px;
    padding: .5rem; }

  .navbar-nav .dropdown-menu a {
    white-space: nowrap; }

  .navbar-nav > .nav-item {
    position: relative;
    margin: 17px 16px; }

  .navbar-nav > .nav-item > a {
    padding: 7px 0px !important; }

  .navbar-nav > .nav-item::after {
    content: '';
    display: block;
    background: #f04036;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    height: 3px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s ease; }

  .navbar-nav > .nav-item:hover::after, .navbar-nav > .nav-item.show {
    visibility: visible;
    opacity: 1; } }
@media (max-width: 991px) {
  .navbar-nav > .nav-item {
    margin: 17px 2px; } }
nav .custom-logo-link {
  display: inline-block;
  padding-top: 14px;
  padding-bottom: 14px; }

nav .custom-logo {
  width: auto;
  height: 50px; }

nav .social {
  height: 69px; }

nav .social a {
  vertical-align: middle; }

nav .social i {
  font-size: 15px;
  margin: 0px 26px 0px 0px; }

nav .social a:last-of-type i {
  margin-right: 0px; }

nav .favorites-wrap {
  padding: 5px; }

@media (min-width: 768px) {
  nav .favorites-wrap {
    height: 69px;
    border: none;
    padding-right: 5px; } }
nav .favorites {
  position: relative;
  padding-right: 7px; }

nav .favorites i {
  color: #f04036 !important; }

nav .favorites a {
  font-size: 1rem; }

nav .favorites .badge {
  position: absolute;
  top: 4px;
  left: 9px;
  padding: 0px 3px 0px 3px;
  line-height: 12px !important;
  font-size: 9px;
  text-align: center;
  font-family: Helvetica;
  min-width: 12px;
  height: 12px;
  vertical-align: middle; }

nav .lang-switch {
  margin: 0px;
  vertical-align: top; }

nav .lang-switch .lang-nav a {
  background: transparent;
  color: #58595b;
  box-shadow: none;
  font-family: "Roboto";
  font-size: 0.8rem;
  font-weight: 500;
  border: none;
  padding: 7px 0px; }

nav .lang-switch > .lang-nav > a {
  line-height: 70px;
  padding: 0px; }

nav .lang-switch .lang-nav a:hover {
  background: transparent;
  color: #f04036; }

nav .lang-switch .dropdown-menu {
  min-width: auto;
  padding: 3px 0px;
  border-radius: 0px;
  margin-top: -1px; 
  background-color: #1e1e1e !important;}

nav .lang-switch .dropdown-menu a {
  padding: 3px 12px; }

footer {
  width: 100%;
  position: relative;
  background-color: #ffffff; }

footer .footer-widgets {
  display: flex;
  justify-content: space-between;
  font-size: 0.8rem;
  font-weight: 300;
  text-transform: uppercase;
  background-color: #1F1F1F;
  color: #ffffff;
  padding: 20px; }

footer .footer-widgets strong {
  font-weight: 500; }

.footer-socials{
	font-family: "Roboto", Sans-serif !important;
	text-transform: none !important;
	font-size: 18px;
}

.fa-facebook-f, 
.fa-instagram {
	font-size: 24px;
	background-color: #f04036;
	padding: 10px;
	border: 0px solid;
	border-radius: 30px;
}

footer .footer-widgets a {
  color: #ffffff;
  text-decoration: none;
  line-height: 1.5rem;
  font-weight: 500; }

.fa-facebook-f:hover, 
.fa-instagram:hover {
  color: #f04036; 
  background-color: white;}

footer .footer-widgets ul, footer .footer-widgets ol {
  padding: 0px;
  list-style-type: none; }

footer .footer-widgets .sub-menu {
  padding-left: 22px; }

footer .footer-widgets h5 {
  font-size: 1.25rem;
  font-family: "Roboto";
  font-weight: 300;
  color: #FFFFFF;
  text-transform: none;
  display: block; }

footer .footer-widgets .searchform input,
footer .footer-widgets .searchform button {
  background-color: transparent;
  border-color: #939598;
  color: #939598;
  border-radius: 0px; }

footer .footer-widgets .searchform input:focus,
footer .footer-widgets .searchform button:focus {
  box-shadow: 0 0 0 0.2rem rgba(147, 149, 152, 0.25); }

footer .footer-widgets .searchform input {
  max-width: 220px;
  color: #ffffff;
  font-weight: 300; }

footer .footer-widgets .searchform button {
  padding: 0px 10px;
  line-height: 0.7rem; }

footer .footer-widgets .searchform button i {
  font-size: 0.8rem;
  padding: 0px; }

footer .copyright {
  color: #000000;
  font-size: 0.8rem;
  margin-top: 20px;
  margin-bottom: 20px; }

footer .copyright a {
  color: #000000;
  text-decoration: underline; }

footer .copyright a:hover {
  color: #f04036; }

.list .doc {
  margin-bottom: 3.7rem; }

@media (min-width: 768px) {
  .list div:nth-child(odd) .doc {
    margin: 0px 1.4rem 3.7rem 0px; }

  .list div:nth-child(even) .doc {
    margin: 0px 0px 3.7rem 1.4rem; } }
.raised-box {
  background-color: #ffffff;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); }

.raised-box .img {
  width: 100%; }

.raised-box .text {
  padding: 20px;
  width: 100%; }

@media (min-width: 992px) {
  .raised-box .img {
    display: inline-block;
    width: 65%;
    vertical-align: top; }

  .raised-box .text {
    display: inline-block;
    width: 35%;
    vertical-align: top; } }
.raised-box time, .list time {
  color: #f04036;
  margin-top: 10px; }

.raised-box h5, .list h5 {
  margin: 18px 0px 18px 0px; }

.raised-box h5 a, .list h5 a {
  color: #58595b; }

.raised-box h5 a:hover, .list h5 a:hover {
  color: #808285; }

.raised-box .small-link, .list .small-link {
  margin-top: 20px; }

.product {
  font-size: 0.8rem; }
.product .info .icons {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 17px;
  color: #808285;
  cursor: pointer; }
.product .info h3 {
  padding-right: 65px; }
.product .label {
  position: relative; }
.product .label .icons {
  position: absolute;
  top: 10px;
  right: 0px;
  font-size: 15px;
  color: #808285;
  cursor: pointer; }
.product .icons i {
  margin-left: 20px; }
.product .icons i:hover {
  color: #58595b; }
.product .icons i.selected {
  color: #f04036; }
@media (min-width: 768px) {
  .product .col-md-6 .info {
    margin-left: 35px;
    margin-bottom: 1.4rem; } }
.product .parameters {
  font-weight: 400; }
.product .parameters div {
  padding: 10px 10px 3px 10px;
  margin-bottom: 7px;
  border-bottom: 1px solid #000000; }
.product .parameters div:first-child {
  margin-top: 15px; }
.product .parameters div:last-child {
  margin-bottom: 0px; }
.product .parameters div span:last-of-type {
  color: #000000; }

.slider, .carousel {
  visibility: hidden; }

.slick-initialized {
  visibility: visible; }

.slick-slide {
  outline: none; }

.slider .slick-slide img {
  height: 300px;
  width: auto; }

.carousel img {
  cursor: pointer; }

.slick-arrow {
  height: 55px;
  width: 23px;
  content: ' ' !important;
  background-position: center center !important;
  background-repeat: no-repeat !important; }
.slick-arrow:before {
  content: ''; }
.slick-arrow.slick-prev {
  background-image: url("assets/img/left.svg"); }
.slick-arrow.slick-next {
  background-image: url("assets/img/right.svg"); }

.product .slider .slick-arrow {
  opacity: 0;
  transition: opacity 0.5s; }
.product .slider.slick-slider:hover .slick-arrow {
  opacity: 1; }
.product .slider .slick-arrow.slick-prev {
  left: 15px;
  background-image: url("assets/img/left_white.svg");
  z-index: 1; }
.product .slider .slick-arrow.slick-next {
  right: 15px;
  background-image: url("assets/img/right_white.svg");
  z-index: 1; }

.product .carousel {
  margin-top: 15px;
  overflow: hidden; }
.product .carousel .slick-arrow {
  height: 100%;
  width: 18px;
  background-color: rgba(255, 255, 255, 0.6); }
.product .carousel .slick-slide {
  margin-left: 15px; }
.product .carousel .slick-slide img {
  max-width: 100%; }
.product .carousel .slick-list {
  margin-left: -15px; }
.product .carousel .slick-arrow.slick-prev {
  left: 0px;
  background-image: url("assets/img/left_small.svg");
  z-index: 1; }
.product .carousel .slick-arrow.slick-prev:hover {
  background-color: rgba(255, 255, 255, 0.8); }
.product .carousel .slick-arrow.slick-next {
  right: 0px;
  background-image: url("assets/img/right_small.svg");
  z-index: 1; }
.product .carousel .slick-arrow.slick-next:hover {
  background-color: rgba(255, 255, 255, 0.8); }

.product .flexslider.carousel:hover .flex-direction-nav a {
  opacity: 1; }

.accessoires .wrapper {
  position: relative; }

.accessoires h3 {
  color: #58595b; }
.accessoires .slick-arrow {
  margin-top: -15px; }

.accessoires .carousel {
  overflow: hidden; }
.accessoires .carousel .slick-slide img {
  max-width: 100%; }
.accessoires .carousel h5 {
  margin: 10px 0px 0px 0px;
  font-size: 1.1rem;
  color: #58595b; }
.accessoires .carousel a:hover h5 {
  color: #000000; }

@media (max-width: 650px) {
  .accessoires .block {
    padding-left: 22px;
    padding-right: 22px; }
  .accessoires .slick-arrow.slick-prev {
    left: -35px; }
  .accessoires .slick-arrow.slick-next {
    right: -35px; }
  .accessoires .slick-slide {
    margin-left: 5px; }
  .accessoires .slick-list {
    margin-left: -5px; }
  .accessoires .carousel h5 {
    font-family: "Times New Roman", Times, serif;
    font-size: 0.8rem;
    font-weight: 300; } }
@media (min-width: 651px) {
  .accessoires .slick-arrow.slick-prev {
    left: -55px; }
  .accessoires .slick-arrow.slick-next {
    right: -55px; }
  .accessoires .slick-slide {
    margin-left: 25px; }
  .accessoires .slick-list {
    margin-left: -25px; } }
@media (min-width: 755px) and (max-width: 810px), (min-width: 990px) and (max-width: 1050px) {
  .accessoires .block {
    padding-left: 50px;
    padding-right: 50px; } }
.product .tabs {
  background-color: #f1f1f2;
  padding: 0px; }
.product .tabs #pills-tab {
  height: 53px; }
.product .tabs .nav-item {
  margin: 17px 0px 14px 17px;
  padding: 0px;
  font-size: 0.8rem;
  font-weight: 400; }
.product .tabs .nav-item a {
  padding: 0px 0px 3px 0px;
  background: transparent;
  color: #58595b;
  transition: all 0.2s ease;
  border-bottom: 2px solid transparent;
  border-radius: 0px; }
.product .tabs .nav-item a:hover, .product .tabs .nav-item a.active {
  color: #f04036;
  border-color: #f04036; }
.product .tabs .title {
  font-size: 0.8rem;
  font-weight: 400;
  margin: 0px !important;
  padding: 15px 0px !important; }
.product .tabs .tab-content a, .product .tabs .tab-content .nav-pills .nav-link {
  padding: 0px;
  margin: 0px 0px 10px 0px;
  background-color: transparent;
  color: #58595b; }
.product .tabs .tab-content a:hover, .product .tabs .tab-content .nav-pills .nav-link:hover, .product .tabs .tab-content .nav-pills .nav-link.active {
  color: #f04036 !important; }
.product .tabs .tab-content i {
  color: #f04036;
  margin-right: 10px; }
.product .tabs .tab-content .tab-pane .nav-pills {
  padding: 0px 17px 17px 17px; }
.product .tabs .tab-content .img-preview img {
  object-fit: cover; }
@media (max-width: 767px) {
  .product .tabs .tab-content .img-preview img {
    height: 300px; } }
@media (min-width: 768px) {
  .product .tabs .tab-content {
    max-height: 247px; }
  .product .tabs .tab-content .img-preview {
    margin: 0px;
    padding: 0px; }
  .product .tabs .tab-content .img-preview img {
    height: 247px;
    margin-left: -15px; } }
@media (min-width: 992px) {
  .product .tabs .tab-content .img-preview img {
    height: 300px;
    margin-left: -15px;
    margin-top: -53px; } }
@media (max-width: 768px) {
  .product .tabs .nav-item {
    margin: 12px 0px 5px 12px; }
  .product .tabs .tab-content .tab-pane .nav-pills {
    padding: 0px 12px 12px 12px; }
  .product .tabs a, .product .tabs .nav-pills .nav-link {
    margin: 0px 0px 12px 0px; } }

.product #pills-downloads {
  padding-bottom: 1.4rem; }

.product-sidebar {
  font-family: "Times New Roman", Times, serif;
  font-size: 0.8rem;
  z-index: 0; }

.product-sidebar ul {
  list-style-type: none; }

.product-sidebar .widget ul {
  padding-left: 20px; }

.product-sidebar .widget > ul {
  padding: 0px; }

.product-sidebar .widget ul li a {
  display: inline-block;
  margin-bottom: 5px; }

.product-sidebar .widget ul li a.delete {
  text-decoration: line-through; }

.product-sidebar .widget ul li.current-cat {
  font-weight: 500; }

.product-sidebar h5 {
  font-family: "Times New Roman", Times, serif;
  font-size: 1rem;
  font-weight: 400; }

.product-sidebar .widget {
  margin-bottom: 1.4rem; }

.product-sidebar a {
  color: #58595b; }

.product-sidebar a:hover {
  color: #f04036; }

.product-sidebar.sticky-offset {
  top: 150px; }

.product-list .product h5 {
  margin: 10px 0px;
  font-size: 1.15rem;
  padding-right: 50px; }
.product-list .product h5 a {
  color: #58595b; }
.product-list .product h5 a:hover {
  color: #f04036; }

.product-list-heading .breadcrumbs {
  font-size: 0.8rem;
  margin-top: 1.4rem;
  color: #808285; }
.product-list-heading .breadcrumbs a {
  color: #58595b; }
.product-list-heading .breadcrumbs a:hover {
  color: #f04036; }
.product-list-heading .title {
  margin-top: 20px;
  margin-bottom: 40px; }

.realisation {
  padding: 0px;
  position: relative; }

.realisation .text {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.3s ease-in-out; }

.realisation .text h3 {
  color: #FFFFFF;
  font-size: 1.1rem; }

.pagination {
  margin-bottom: 3.7rem;
  color: #58595b; }

.pagination a, .pagination span, .pagination .current {
  color: #58595b;
  font-size: 12px;
  font-weight: 500; }

.pagination a:hover {
  color: #58595b;
  background-color: #f1f1f2; }

.pagination a:focus {
  box-shadow: none; }

.pagination .current {
  color: #58595b;
  background-color: #f1f1f2; }

body.compensate-for-scrollbar {
  overflow: auto !important; }

.q-a {
  background-color: #f1f1f2;
  color: #58595b;
  padding: 1.7rem 0px; }

.q-a .question {
  margin-bottom: 1.7rem; }

.q-a .question, .q-a .question a {
  font-size: 0.8rem;
  font-weight: 400;
  color: #58595b; }

.q-a .question a:hover {
  color: #000000; }

.answer p {
  color: #58595b !important;
  font-size: 1rem;
  font-weight: 300; }

.answer h1 {
  margin-bottom: 1.4rem !important;
  color: #58595b !important; }

.answer, .downloads .section {
  padding-top: 80px;
  margin-top: -80px; }

main .acf-fields > .acf-field {
  border: none;
  padding: 0.6rem 0px;
  color: #58595b; }

main .acf-fields > .acf-field input,
main .acf-fields > .acf-field select {
  padding: 4px 15px;
  font-size: 1rem;
  line-height: 1.6rem;
  height: auto;
  max-width: 100%;
  border: 1px solid #808285;
  background-color: #ffffff; }

.wpcf7-select{
  border: none;
  background-color: #D3D3D3;
  padding: 8px 15px;}

main .acf-fields > .acf-field select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("assets/img/arrow_down.svg");
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 20px 20px;
  cursor: pointer; }

main .acf-field .acf-label label {
  font-family: "Roboto";
  font-size: 1rem;
  font-weight: 500;
  color: #58595b;
  margin: 0px; }

main .acf-field.small-italic label {
  font-size: 0.8rem !important;
  font-weight: 300;
  font-style: italic; }

main .acf-fields .acf-field-message ~ .acf-field-message {
  margin-top: 30px; }

main .acf-field-message .acf-label {
  margin: 0px; }

main .acf-field-message .acf-label label {
  font-family: "Times New Roman", Times, serif;
  font-size: 1.6rem; }

main .acf-field-message .af-input {
  display: none; }

main .acf-field ul.acf-radio-list li input,
main .acf-field ul.acf-checkbox-list li input {
  cursor: pointer; }

main .acf-field ul.acf-radio-list li label,
main .acf-field ul.acf-checkbox-list li label {
  font-size: 1rem;
  cursor: pointer; }

main .acf-button {
  margin: 1rem 0px 0px 0px;
  font-family: "Roboto";
  background-color: #f04036;
  padding: 7px 40px;
  border: none;
  font-size: 12px;
  font-weight: 500;
  color: #ffffff;
  cursor: pointer; }

main .acf-button:before {
  font-family: 'Font Awesome 5 Free';
  content: '\f0e0';
  padding-right: 10px;
  position: relative;
  opacity: 0.9;
  font-size: 110%; }

main .acf-error-message,
main .acf-field .acf-error-message {
  background-color: #f04036;
  border: none; }

main .acf-field .acf-error-message::after {
  border-top-color: #f04036; }

main .acf-error-message .acf-icon {
  background-color: transparent; }

main .acf-error-message p {
  margin: 0.5em 0;
  color: #ffffff; }

.downloads {
  background-color: #f1f1f2;
  color: #58595b;
  padding-bottom: 3.7rem; }
.downloads .small.gray.strip .title {
  margin-bottom: 1.4rem; }
.downloads .small.gray.strip {
  margin: 1.4rem 0px;
  font-size: 1rem;
  font-weight: 300; }
.downloads .small.gray.strip a:hover {
  color: #000000;
  text-decoration: none; }
.downloads .small.gray.strip .html {
  font-family: "Roboto";
  font-weight: 300;
  font-size: 1rem; }
.downloads .small.gray.strip .html h1, .downloads .small.gray.strip .html h2, .downloads .small.gray.strip .html h3, .downloads .small.gray.strip .html h4, .downloads .small.gray.strip .html h5 {
  font-family: "Roboto";
  font-weight: 300; }
.downloads .resource > div, .downloads .resource-group > div {
  margin: 0px 0px 7px 0px; }
.downloads .resource {
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: 500;
  margin-top: 1.4rem; }
.downloads .resource i, .downloads .resource-group i {
  color: #f04036;
  margin-right: 10px; }
.downloads .resource-group h3 {
  font-family: "Roboto;
  font-size: 1.3rem;
  font-weight: 400; }
.downloads .resource-group a {
  font-family: "Roboto";
  font-size: 0.8rem;
  font-weight: 400;
  padding: 0px;
  background-color: transparent;
  color: #58595b; }
.downloads .resource-group a:hover {
  color: #f04036; }
.downloads .resource-group .dropbox i, .downloads .resource-group .dropbox:hover {
  color: #0071e0; }
.downloads #download-menu {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  border-bottom: 2px solid #f04036;
  height: 30px;
  margin-top: 30px; }
.downloads #download-menu li {
  display: inline-block;
  margin-right: 20px;
  position: relative; }
.downloads #download-menu li a {
  color: #58595b;
  line-height: 30px;
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: 500; }
.downloads #download-menu li.selected a,
.downloads #download-menu li a:hover {
  color: #f04036; }
@media (min-width: 768px) {
  .downloads #download-menu li.selected:before,
  .downloads #download-menu li.selected:after {
    content: '';
    position: absolute;
    top: 28px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: solid 50px #f1f1f2;
    border-left: solid 50px transparent;
    border-right: solid 50px transparent;
    border-width: 10px 10px 0px 10px; }
  .downloads #download-menu li.selected:before {
    top: 30px;
    border-top-color: #f04036; } }
@media (max-width: 767px) {
  .downloads #download-menu li {
    display: block;
    margin-bottom: 10px; }
  .downloads #download-menu {
    margin-bottom: 1.4rem;
    height: auto; } }

.locator,
.locator #wpsl-wrap {
  padding: 0px;
  margin: 0px; }

.locator a {
  color: #f04036; }
.locator a:hover {
  color: #000000; }
.locator .wpsl-search {
  margin: 0px;
  background: transparent;
  border-bottom: 1px solid #e6e7e8; }
.locator #wpsl-search-wrap {
  display: inline-flex;
  justify-content: center !important;
  margin: 2.5rem 0px; }
.locator #wpsl-search-wrap label {
  white-space: nowrap;
  line-height: 41px !important;
  color: #58595b;
  font-weight: 300; }
.locator #wpsl-search-btn {
  width: 41px;
  height: 41px;
  background: #FFFFFF url("assets/img/magnifying-glass.svg") no-repeat center center;
  background-size: 15px 15px;
  color: transparent;
  position: relative;
  border: 1px solid #cccccc;
  border-radius: 0px;
  box-shadow: 0 2px 1px rgba(64, 64, 64, 0.1); }
.locator #wpsl-search-input,
.locator .wpsl-dropdown {
  border-radius: 0px;
  border-color: #cccccc;
  box-shadow: 0 2px 1px rgba(64, 64, 64, 0.1);
  height: 43px; }
.locator #wpsl-result-list {
  border-right: 1px solid #e6e7e8; }
.locator #wpsl-direction-details li,
.locator #wpsl-stores li {
  border: none !important; }
.locator #wpsl-direction-details li:nth-child(even),
.locator #wpsl-stores li:nth-child(even) {
  background-color: #f5f5f6; }
.locator #wpsl-direction-details li,
.locator #wpsl-stores li {
  padding: 20px !important; }
@media (min-width: 768px) {
  .locator #wpsl-result-list,
  .locator #wpsl-gmap {
    width: 50%; }
  .locator #wpsl-direction-details li,
  .locator #wpsl-stores li {
    padding: 20px 50px !important; }
  .locator .wpsl-direction-after {
    padding-bottom: 40px; }
  .locator #wpsl-stores li {
    display: flex;
    justify-content: space-around;
    align-items: stretch; }
  .locator .wpsl-store-location {
    flex-grow: 1; }
  .locator .wpsl-direction-wrap {
    width: 130px;
    text-align: center;
    font-size: 0.8rem;
    text-transform: uppercase; }
  .locator .wpsl-directions {
    background: transparent url("assets/img/directions.svg") center 20px no-repeat;
    width: 100%;
    height: 65px;
    vertical-align: bottom;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.8rem;
    display: table-cell;
    background-size: 30px 30px; }
  .locator .wpsl-direction-wrap .wpsl-directions {
    background-position: center 5px; }
  .locator .wpsl-directions:hover {
    background-image: url("assets/img/directions_hover.svg"); }
  .locator #wpsl-stores li {
    padding-right: 20px !important; }
  .locator .wpsl-opening-hours {
    font-size: 10px !important; }
  .locator .wpsl-opening-hours time {
    margin: 0px; }
  .locator .wpsl-opening-hours td {
    padding-bottom: 5px; } }
.locator .wpsl-store-location p:first-of-type strong {
  font-size: 1.5rem; }
.locator .wpsl-error {
  border-color: #f04036; }

#wpsl-result-list li p {
  margin-bottom: 10px; }

.floater {
  position: fixed;
  left: 0px;
  top: 50%;
  width: 40px;
  height: 84px; }

.menu-search {
  width: 50px;
  padding: 15px;
  position: relative;
  height: 69px; }
.menu-search .dropdown-menu {
  margin-top: 0px;
  min-width: 200px;
  left: -1px; 
  background-color: transparent;}
.menu-search .s {
  border-radius: 0px;
  max-width: none; }
.menu-search .s:focus {
  box-shadow: 0 0 0 0.2rem rgba(241, 241, 242, 0.25); }

@media (min-width: 768px) {
  .menu-search .s {
    border-color: #e6e7e8; }
  .menu-search .input-group-append {
    display: none; } }
.menu-search input, .menu-search .btn {
  background-color: #e1e1e1;
  border: 1px solid #939598; }
.menu-search .btn:hover {
  background-color: #939598; }

main .share-links a {
  font-size: 20px;
  margin-left: 15px;
  color: #58595b; }

main .share-links a:hover {
  color: #f04036; }

footer .widget_socialicons {
  margin-bottom: 1rem; }

footer .widget_socialicons a {
  font-size: 25px;
  margin-right: 20px; }

#product-groups {
  width: 210px; }

#product-groups ul {
  padding-left: 0px; }

#product-groups li {
  line-height: 23px;
  margin-left: 20px; }

#product-groups .children {
  display: none; }

#product-groups .children.current {
  display: inline-block;
  width: 100%; }

#product-groups i {
  float: left;
  line-height: 23px;
  cursor: pointer;
  padding-right: 10px;
  margin-left: -20px; }

#product-groups .current > a {
  display: inline-block;
  font-weight: 500; }

.fa-shopping-cart{
  padding: 15px;}
.nav-icon{
  padding: 15px;}
#langDropdown{
  padding: 0px 10px;}


.inspirations {
  background-color: #f1f1f2;
  margin-top: -55px; }
.inspirations .nav-tabs {
  border: 0px; }
.inspirations .nav-tabs .nav-item {
  margin: 17px 32px 17px 0px; }
.inspirations .nav-tabs .nav-link {
  border: 0px;
  padding: 7px 0px !important;
  font-family: "Roboto";
  font-size: 0.8rem;
  font-weight: 500;
  color: z;
  text-transform: uppercase;
  background: transparent;
  position: relative; }
.inspirations .nav-tabs .nav-link:hover {
  color: #f04036;
  background: transparent; }
.inspirations .nav-tabs .nav-link::after {
  content: '';
  display: block;
  background: #f04036;
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  height: 3px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease; }
.inspirations .nav-tabs .nav-link:hover::after, .inspirations .nav-tabs .nav-link.active::after {
  visibility: visible;
  opacity: 1; }

.container{
	max-width: unset !important;}

/* OVERWRITE NAVBAR-TOGGLER-ICON */
	.navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;}