.flex {
    display: flex;
}
.wrap {
    flex-wrap: wrap;
}
.flex-row {
    margin-left: -10px;
    margin-right: -10px;
}


.mm-page {
    background-color: #fff;
}

.skip-links {
    top: 10px
}
.skip-links .nav-toggle{
    color: initial;
}

.button {
    border-radius: 10px;
}
.button.button-icon > .fa {
    background: none !important;
}
.input-group .input-group-button > .button {
    height: 100%;
}

.bg_slant_01{
    background-color: #f7f7f7;
    padding-top: 50px; 
    padding-bottom: 100px;
    clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 calc(100% - 3vw));
}

    ..bg_slant_01 .panel_box{
        margin: auto;
    }
    .bg_slant_01 .panel_box div div{
        background-color: #FFF;
        min-height: 100px;
        padding: 10px;
        height: 100%;
        -webkit-box-shadow: 6px 6px 11px -8px rgba(0,0,0,0.54);
        -moz-box-shadow: 6px 6px 11px -8px rgba(0,0,0,0.54);
        box-shadow: 6px 6px 11px -8px rgba(0,0,0,0.54);
        transition: 0.3s;
    }
    
    .bg_slant_01 .panel_box div div:hover{
        -webkit-box-shadow: 8px 8px 15px -8px rgba(0,0,0,0.54);
        -moz-box-shadow: 8px 8px 15px -8px rgba(0,0,0,0.54);
        box-shadow: 8px 8px 15px -8px rgba(0,0,0,0.54);
        padding: 0px;
        
    }
    
    .bg_slant_02{
        clip-path: polygon(0 3%, 100% 0, 100% 100%, 0% 100%);
        background-color: #f7f7f7;
        padding-top: 100px; 
        padding-bottom: 50px;
    }
    
    .bg_slant_02 .m-contact-name input, .bg_slant_02 .m-contact-email input {
        height: 50px;
       
    }
    
    .bg_slant_02 .m-contact-name input, .bg_slant_02 .m-contact-email input, .bg_slant_02 .m-contact-message textarea{
         font-size: 15px;
         padding: 15px;
    }
  
       
.round_btn{
    font-size: 25px;
   text-align: center;
    color: #707070;
    margin: auto;
    margin-top: 20px;
}
    .round_btn a{
        background-color:#FFF;
        width: 60px;
        padding-left: 5px;
        line-height: 60px;
        height: 60px;
        border-radius: 50%;
        transition: 0.3s;
        display: inline-block;
        margin-bottom: 10px;
        -webkit-box-shadow: 6px 6px 11px -8px rgba(0,0,0,0.54);
    -moz-box-shadow: 6px 6px 11px -8px rgba(0,0,0,0.54);
    box-shadow: 6px 6px 11px -8px rgba(0,0,0,0.54);
    }
    .round_btn span{
        font-size: 15px;
        display: block;
        font-weight: bold;
    }

.round_btn a:hover{
  -webkit-box-shadow: 8px 8px 15px -8px rgba(0,0,0,0.54);
        -moz-box-shadow: 8px 8px 15px -8px rgba(0,0,0,0.54);
        box-shadow: 8px 8px 15px -8px rgba(0,0,0,0.54);
}




* { box-sizing: border-box; }

.carousel {
  background: #EEE;
}

.container{
    width: 90%;
}


.testimonial-container{
    margin-top: 100px;
    margin-bottom: 100px;
}
.flickity-viewport{
    background-color: #FFF;
}
.carousel-cell {
  width: 66%;
  margin-right: 10px;
  background: #f7f7f7;
  border-radius: 5px;
  padding:10px;
   box-shadow: 4px 4px 8px -8px rgba(0,0,0,0.54);
   margin-bottom: 50px;
   transition: 0.3s;
   height: 300px;
}

.carousel-cell h2{
    margin-top: 0px;
    font-size: 20px;
}

.carousel-cell img{
    max-height: 100px;
     transition: 0.3s;
}
 .is-selected{
     height: 330px;
 }

  .is-selected img{
    max-height: 120px;
  }
  .gallery-cell img {
    transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
    /* easeInOutBack */
    max-width: 150px;
    display: inline-block;
    transform: scale(0.7);

  }
  
  .big_btn{
      border: none;
      padding: 10px 40px;
      background-color: #008000;
      color: #FFF;
       transition: 0.2s;
       font-weight: bold;
       font-size: 17px;
       border-radius: 5px;
  }
    .big_btn:hover{
         box-shadow: 10px 10px 11px -8px rgba(0,0,0,0.54);
      background-color: #01a201;
        border-radius: 20px;
    }
    
      #big_btn{
      border: none;
      padding: 10px 40px;
      background-color: #008000;
      color: #FFF;
       transition: 0.2s;
       font-weight: bold;
       font-size: 17px;
       border-radius: 5px;
  }
    #big_btn:hover{
         box-shadow: 10px 10px 11px -8px rgba(0,0,0,0.54);
      background-color: #01a201;
        border-radius: 20px;
    }
    
    .site-footer{
         background-color: #f7f7f7;
    }
    .site-footer .placeholder-wrapper{
        min-height: 100px;
    }
    
    .site-footer span, .site-footer a{
        color: #000;
    }
    .site-footer span:hover, .site-footer a:hover{
        font-weight: bold;
        border-bottom: 1px solid #000;
        color: #000;
    }
    
    .site-footer h4{
        color: #000;
        font-weight: bold;
    }
    
    .site-footer .footer-account ul{
        background-color: inherit;
        border: 0px;
    }
    
    .site-footer .w-menu.w-menu-list>li{
        border: 0px;
    }

    
.button-primary{
    font-weight: bold;
}

.panel-category-button{
    border: none;
    background-color: #000;
}
.panel-category-button:focus{
    background-color: #000;
}
.panel-category-button:hover{
    background-color: #000;
}


.b-productcategories-header .h5{
    font-weight: bold;
}


.panel-category-button i{
    color: #FFF;
    font-size: 20px;
}


  .scrollToTop {
    margin: 0 25px 15px 0;
    text-align: center;
    text-decoration: none;
    position: fixed;
    bottom: 0;
    right: 0;
    display: none;
    z-index: 100;
    color: #FFF !important;
    font-size: 20px;
    border: 1px solid #FFF;
    padding: 10px 15px;
    background-color: #4a4a4a;
  }
  
  .til-forside:hover {
    text-decoration: none;
  }
  
.til-forside {
    margin: 0 90px 15px 0;
    text-align: center;
    text-decoration: none;
    position: fixed;
    bottom: 0;
    right: 0;
    display: none;
    z-index: 100;
    color: #FFF !important;
    font-size: 20px;
    border: 1px solid #FFF;
    padding: 10px 15px;
    background-color: #4a4a4a;
  }
  
  .scrollToTop:hover {
    text-decoration: none;
  }



.m-extrabuy .panel-border .panel-heading, .panel-border .panel-footer{
    background-color: #FFF;
}

.m-additionals .button-icon.button-primary{
    width: 100% !important;
}

.m-product-extrabuy-list-item{
    background-color: #FFF !important;
}

.thumbelina-but{
    background-color: #FFF;
    font-size: 20px;
}

.m-product hr{
    border-color: #FFF;
}
.m-product-extrabuy-heading-all{
    background-color: #f9f9f9 !important;
    border-bottom: 1px solid #dcdcdc !important;
}
.m-product-extrabuy-text{
    font-weight: bold;
}

.select2-container.select2-container-disabled .select2-choice{
    background-color: #FFF;
}

.btn-buy-cover{
    width: 100%;
}



/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* Shadows on category listing */
.categorylist .category-item {
    background-color: transparent;
    min-height: 100px;
    padding: 10px;
    margin: 10px 0px;
    -webkit-box-shadow: 0 6px 11px -8px rgba(0,0,0,0.54);
    -moz-box-shadow: 0 6px 11px -8px rgba(0,0,0,0.54);
    box-shadow: 0 6px 11px -8px rgba(0,0,0,0.54);
    transition: 0.3s;
}

/* Hover effect on category listing */
@media only screen and (min-width: 960px) {
    .categorylist div article figure a img {
        transition: transform .3s ease-in-out;
    }
    .categorylist div article figure a img:hover {
        transform: scale(1.1);
    }
}

.panel_box {
    display: flex;
    flex-wrap: wrap;
}
.panel_box>div {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
    margin: 10px 0;
}
/* Width for front page and category page listings, showing 5 categories */
@media only screen and (min-width: 960px) {
    .panel_box div.col-l-3 {
        width: 20%;
    }

    .panel_box div div h2 {
        font-size: 14px !important;
    }
    .category--list ul.level1 {
        display: flex;
        flex-wrap: wrap;
        opacity: 0;
        width: 250px;
        visibility: hidden;
        transition: all .1s ease-in;
    }
    .category--list li:hover>ul.level1 {
        opacity: 1;
        visibility: visible;
    }
    .category--list ul.level1>li>a {
        font-size: 12px;
    }
    .category--list ul.level1 ul a {
        font-size: 11px;
        opacity: .9;
        display: block;
        line-height: 1.5;
        margin-bottom: 5px;
    }
}

.media .media-item a {
    color: #fff;
}
.orderSummary {
    font-size: 11px;
}
.stepColumn > div {
    border-color: #dfdbd8;
}

@media (max-width: 959px) {
    .site-content {
        padding-top: 80px;
    }
}

.w-search .button {
    height: 100%;
    border-radius: 0 10px 10px 0;
}

.m-cart-row {
    border-bottom: 1px solid #cfcfcf;
}
.m-cart-delivery-info-container td {
    border-color: #cfcfcf !important;
}

.m-product .m-product-additionals.m-additionals .m-product-additionals-wrap {
    display: block !important;
}
.m-options .t-striped>li {
    padding: 10px 0;
}
.m-product-additionals-item-title {
    font-weight: bold;
}

.m-product-additionals-list-item:not(#m-product-additionals-54) {
    display: none;
}

.m-product-toggle {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.m-product-toggle > div {
    width: 100%;
}
@media (min-width: 1024px) {

    .m-product-toggle > div {
        width: calc(50% - 10px);
    }
}

.select2-container .select2-choice {
    color: #000 !important;
}

.m-product-toggle .head-info {
    border-radius: 30px;
    padding: 5px 20px;
    border: 1px solid;
    display: block;
    height: auto;
    background: #ceebf2;
    border-color: #1bb4d9;
    color: initial;
    width: 100%;
    text-align: center;
    font-weight: bold;
}
.m-product-toggle .button-primary {
    white-space: normal;
    display: flex;
    align-items: center;
    line-height: 1.2;
}
.step-container select {
    padding: 0 0 0 50px;
    line-height: 40px;
    display: flex;
    align-items: center;
    border: 1px solid #cfcfcf;
    border-radius: 10px;
    height: 40px;
}
.panel-info-content {
    height: auto;
    padding: 0;
}
.m-product-toggle .head-info i {
    position: static;
}
.panel-info-content .text-info {
    padding: 1em 0;
}

.m-product-price,
.m-productlist-price,
.m-productlist-title {
    font-weight: bold;
}
.m-productlist-title {
    font-size: 1.1em;
}

.productItem .type-col {
    box-shadow: 0 0 11px -3px rgba(0, 0, 0, 0.54);
    padding: 10px;
}
.m-productlist-item .m-productlist-description {
    height: auto;
}
.m-productlist-item .m-productlist-heading>a>h4 {
    padding-top: 1em;
}

.stepper .m-product-dropdown-select .form-select {
    color: #000;
}
.stepper.additionals .m-product-dropdown-select:before {
    content: "\f078";
    position: absolute;
    top: 12px;
    right: 7px;
    font-family: 'FontAwesome';
    font-size: 12px;
    color: #999999;
}

.t-panel-clean > .pane {
    background-color: #f6f6f6;
}
.nav-tabs li > a {
    font-size: 1em;
    border-radius: 10px 10px 0 0;
    background-color: #dbdbdb;
}
.nav-tabs li.active > a {
    background: #9fd8e2;
}

.products-related .products-related-headline {
    margin: 1em 0 0;
}

.m-product-short-description {
    background: #f6f6f6;
    padding: 1em;
    border-radius: 10px;
    border: 1px solid #e6e6e6;
}

.thumbelina li {
    max-width: 100%;
}
.thumbelina li img,
.m-product-image .item {
    border: 1px solid #e6e6e6 !important;
    border-radius: 5px;
    max-width: 100%;
}

.panel-info-content [data-mh="text-item"] p,
.panel-info-content [data-mh="text-item"] .button-primary {
    height: 100%;
}