/* -----------------------------------------------------------
   GENERAL & LAYOUT
   ----------------------------------------------------------- */

.row-full-width-inner {
max-width: 1600px !important;
}

widget-wrapper {
height: 20px;
}

#backtotop {
left: 0 !important;
}

body.cms-home h1.page-title {font-size: 0;}

.category-image {display: none;}
.sections.nav-sections{width:100%;}
.product-options-wrapper .swatch-attribute-label {text-transform: unset;}
.title{border:none;}

/* -----------------------------------------------------------
   HEADER & SEARCH
   ----------------------------------------------------------- */

@media (min-width: 768px) {
.header-center .block-search {
  margin-top: 5%;
}
}

.header-content-right {
  margin-top: 33px;
}

.page-header { 
background: #345040 !important;
}

.page-header .panel.wrapper {
background: #345040 !important;
}

@media (max-width: 1200px) {
.page-header { 
background: #345040 !important;
}
}

.vico-searchbox .vico-searchbox-content .searchbox .input-searchbox {
  width: 135.5%;
  font-size: 13px;
  border: 0 none;
  height: 43.5px;
}

.vico-searchbox .form-search {
  border: 0px solid #e6e6e6;
  border-radius: 4px;
}

.block-search .action.search {
background-color: #d4ecd6 !important;
color: #245040 !important;
}

.fa-search {
   color: #ff4141;
}

.categories-search {
display: none;
}

.header-search {
max-width: 550px !important;
}


/* -----------------------------------------------------------
   KLARNA PAYMENT
   ----------------------------------------------------------- */

#klarna-express-checkout {
    min-width: 170px !important;
    width: 170px !important;
}

#klarna-express-checkout iframe {
    min-width: 170px !important;
    width: 170px !important;
}


#my-credit-promotion-auto-size::part(osm-container){
  background-color: #000000;
}

#my-credit-promotion-auto-size::part(osm-message),
#my-credit-promotion-auto-size::part(osm-cta) {
  color: #F49D1A;
  font-weight: bold;
}
#my-credit-promotion-auto-size::part(osm-logo) {
  color: #FFFFFF;
  font-style: italic;
}


/* -----------------------------------------------------------
   NAVIGATION - NINJAMENUS
   ----------------------------------------------------------- */

.navigation .ninjamenus.ninjamenus-desktop {
  margin: 0 0px;
  background-color: #d4ecd6;
  line-height: 51px;
}

/* -----------------------------------------------------------
   NAVIGATION - SCOPED BURGER MENU
   ----------------------------------------------------------- */

    /* Hide burger on small screens */
@media (max-width: 1200px) {
      .scoped-burger-menu .burger-nav {
display: none !important;
}
}

    .scoped-burger-menu {
      --menu-bg: #111418;
      --menu-color: #345040;
      --submenu-bg: #345040;
      --accent: #4f8cff;
      --menu-width: 200px;
      --radius: 8px;
      --item-h: 48px;
      --speed: 280ms;
      --ease: cubic-bezier(.22,.61,.36,1);
      --shadow: 0 12px 28px rgba(0,0,0,.18), 0 2px 8px rgba(0,0,0,.12);
      --menu-offset: 16px;
      font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
    }

    .scoped-burger-menu * { box-sizing: border-box; margin: 0; padding: 0; }

    .scoped-burger-menu .burger-nav {
      position: fixed;
      top: var(--menu-offset, 16px);
      left: var(--menu-offset, 16px);
      z-index: 10000;
      display: inline-block;
      width: var(--menu-width);
      color: var(--menu-color);
    }

    .scoped-burger-menu .nav-toggle { position: absolute; left: -9999px; }
    .scoped-burger-menu .nav-toggle:focus-visible + .burger { outline: 3px solid var(--accent); outline-offset: 4px; }

    .scoped-burger-menu .burger {
      width: 48px; height: 40px; display: grid; place-content: center; gap: 5px; cursor: pointer;
      background: var(--menu-bg); border-radius: var(--radius); box-shadow: var(--shadow);
      transition: transform var(--speed) var(--ease), box-shadow var(--speed) var(--ease);
      user-select: none;
    }
    .scoped-burger-menu .burger:hover { transform: translateY(-1px); }
    .scoped-burger-menu .burger span { width: 26px; height: 3px; background: var(--menu-color); border-radius: 999px; display: block; transition: transform var(--speed) var(--ease), opacity var(--speed) var(--ease); transform-origin: center; }

    .scoped-burger-menu .nav-toggle:checked + .burger span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
    .scoped-burger-menu .nav-toggle:checked + .burger span:nth-child(2) { opacity: 0; }
    .scoped-burger-menu .nav-toggle:checked + .burger span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

    .scoped-burger-menu .menu {
      position: absolute;
      top: calc(100% + 10px);
      left: 0;
      z-index: 9999;
      width: var(--menu-width);
      background: var(--submenu-bg);
      border-radius: var(--radius);
      box-shadow: var(--shadow);
      opacity: 0;
      transform: translateY(-6px) scale(0.98);
      transform-origin: top left;
      transition: opacity var(--speed) var(--ease), transform var(--speed) var(--ease);
      pointer-events: none;
    }

    .scoped-burger-menu .nav-toggle:checked ~ .menu {
      opacity: 1;
      transform: translateY(0) scale(1);
      pointer-events: auto;
    }

    .scoped-burger-menu .menu-list { list-style: none; margin: 6px; padding: 0; }
    .scoped-burger-menu .menu-item { border-radius: 10px; overflow: hidden; }

    .scoped-burger-menu .menu-link { display: grid; align-items: center; height: var(--item-h); padding: 0 14px; color: var(--menu-color); text-decoration: none; border-radius: 10px; }
    .scoped-burger-menu .menu-link:hover, .scoped-burger-menu .menu-link:focus-visible { background: color-mix(in hsl, var(--accent) 18%, transparent); outline: none; }

    .scoped-burger-menu .label { display:block; padding: 10px 14px 6px; font-size: 12px; letter-spacing:.02em; text-transform: uppercase; color: #9aa8bc; }

    @media (prefers-reduced-motion: reduce) {
      .scoped-burger-menu .burger, .scoped-burger-menu .burger span, .scoped-burger-menu .menu { transition: none; }
    }

/* -----------------------------------------------------------
   NAVIGATION - MAIN MENU STYLES
   ----------------------------------------------------------- */

nav.rootmenu {z-index: 5; width: 100%;}

.header-content-menu{background-color:#d4ecd6;
margin-left:auto;
margin-right:auto;
width:100%;
max-height: 56px;
}
.navigation .level0 > .level-top{color:#fff;}
.navigation .level0 > .level-top:hover{color:#333;}
.nav-sections .vicomage-megamenu li.level0 > .level-top:hover, .vicomage-megamenu li.current > a.level-top{color:#345040;}

@media (min-width: 769px), print{
    .sections .vicomage-megamenu li.level0.fullwidth .submenu{padding: 10px 10px 20px 10px;}
    .sections .vicomage-megamenu li.level0.fullwidth .submenu a {line-height:normal; padding:0;}
    ul.subchildmenu.mega-columns {column-count: 4;}
    li.ui-menu-item.level1.parent {break-inside: avoid-column;}
    }

.header-content-menu:before {
    content: '';
    background-color: #345040;
    width: 100%;
    height: 4px;
    display: block;
}

.rootmenu > .rootmenu-list > li .categoriesmenu .title {
    text-align: center;
    border-bottom: none;
    border-top: 1px solid #e8e8e8;
}

.fa-bars {
   color: #ff4141;
}

.header-content-bottom .wishlist-header.link.wishlist {display: none;}

.rootmenu > .rootmenu-list > li .categoriesmenu .menu-wtk .title {
    border-top: 0;
    border-bottom: 1px solid #e8e8e8;
}

.menu-wtk p {
    text-align: center;
}

.rootmenu > .rootmenu-list .rootmenu-submenu, .rootmenu > .rootmenu-list > li > .megamenu {border-top-color: #E9EEF1;}

/* -----------------------------------------------------------
   DIVIDERS
   ----------------------------------------------------------- */

.ld-divider-2 {
  width: 100%;
  border-bottom: 2px solid #cccccc;
  position: relative;
  margin: 3rem 0 2rem 0;
  padding: 2px 0 0 0;
}

.ld-divider-title-2 {
  position: absolute;
  left: 0;                /* Title stays on the left */
  top: 50%;                 /* Vertically center on the line */
  transform: translateY(-50%);
  background: #fff;         /* Background hides the line behind the text */
  padding: 0 0.6rem;
  font-size: 16px;
  font-weight: 500;
  color: #cccccc;
}

.ld-divider {
  width: 100%;
  border-bottom: 2px solid #222222;
  position: relative;
  margin: 2rem 0;
}

.ld-divider-title {
  position: absolute;
  left: 0;
  bottom: 100%;             /* Position title above the line */
  margin-bottom: 0px;       /* Move it 10px upward */
  background: #222222;
  padding: 0 0.5rem;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  line-height: 16px;
}

/* -----------------------------------------------------------
   TYPOGRAPHY
   ----------------------------------------------------------- */

h2, h3, h4, h5, h6 {
    color: #000000;
    letter-spacing: normal;
    font-weight: 500;
    font-weight: bold;
}
h1 {
    font-size: 18px;
    font-weight: bold;
}
h2 {
    font-size: 16px;
}
h3 {
    font-size: 16px;
    margin: 0 0 10px 0;
}
h4 {
    font-size: 16px;
    margin: 0 0 10px 0;
}
h5 {
    font-size: 16px;
    margin: 0 0 10px 0;
}
h6 {
    font-size: 16px;
    color: #777;
}

.headline {
   font-size: 16px;
   font-weight: bold;
}

/* -----------------------------------------------------------
   FRONT-PAGE BOX (FORSIDE-BOX)
   ----------------------------------------------------------- */

        #isolated-text-box * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Open Sans', sans-serif;
        }
        
        #isolated-text-box {
            --primary-color: #333;
            --secondary-color: #555;
            --highlight-bg: #fff;
            --highlight-border: #4a90e2;
            --shadow-color: rgba(0, 0, 0, 0.1);
            --hover-shadow-color: rgba(0, 0, 0, 0.15);
            
            font-family: 'Open Sans', sans-serif;
            padding: 20px;
            background-color: #fff;

            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        
        #isolated-text-box .text-box-container {
            width: 100%;
            max-width: 800px;
            margin: 0 auto;
        }
        
        #isolated-text-box .text-box {
            background-color: white;
            border-radius: 8px;
            box-shadow: 0 4px 12px var(--shadow-color);
            padding: 30px;
            margin-bottom: 30px;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        
        #isolated-text-box .text-box:hover {
            transform: translateY(-5px);
            box-shadow: 0 6px 16px var(--hover-shadow-color);
        }
        
        #isolated-text-box h1, 
        #isolated-text-box h2 {
            font-family: 'Open Sans', sans-serif;
            color: var(--primary-color);
            margin-bottom: 15px;
            font-weight: 700;
        }
        
        #isolated-text-box h1 {
            font-size: 2rem;
            border-bottom: 2px solid #f0f0f0;
            padding-bottom: 10px;
        }
        
        #isolated-text-box h2 {
            font-size: 1.5rem;
            margin-top: 25px;
        }
        
        #isolated-text-box p {
            margin-bottom: 15px;
            color: var(--secondary-color);
            line-height: 1.6;
        }
        
        #isolated-text-box .highlight {
            background-color: var(--highlight-bg);
            padding: 15px;
            border-left: 4px solid var(--highlight-border);
            margin: 15px 0;
            font-style: italic;
        }
        
        @media (max-width: 768px) {
            #isolated-text-box .text-box {
                padding: 20px;
            }
            
            #isolated-text-box h1 {
                font-size: 1.7rem;
            }
            
            #isolated-text-box h2 {
                font-size: 1.3rem;
            }
        }
        
        @media (max-width: 480px) {
            #isolated-text-box {
                padding: 10px;
            }
            
            #isolated-text-box .text-box {
                padding: 15px;
            }
            
            #isolated-text-box h1 {
                font-size: 1.5rem;
            }
            
            #isolated-text-box h2 {
                font-size: 1.2rem;
            }
        }

.frontpage-part {margin-bottom: 1px;}
.frontpage-slider {
margin-bottom: 1px !important;
}

/* -----------------------------------------------------------
   SIDEPANEL & COLUMNS
   ----------------------------------------------------------- */

.page-layout-2columns-left .sidebar.sidebar-main {
width: 25% !important;
}

.page-layout-2columns-left .column.main {
width: 75% !important;
}

.page-header .switcher .options ul.dropdown {
min-width: 130px !important;
}

.header-top-left col-sm-6 {
min-width: 800px;
}

/* -----------------------------------------------------------
   FAQ SECTION
   ----------------------------------------------------------- */

details{
  background-color: #345040;
  color: #fff;
  font-size: 16px;
  border-radius: 6px 6px 6px 6px;
  cursor: default;
}

summary {
  padding: .5em 1.3rem;
  list-style: none;
  display: flex;
  justify-content: space-between;  
  transition: height 1s ease;
}

summary::-webkit-details-marker {
  display: none;
}

summary:after{
  content: "\002B";
}

details[open] summary {
  border-radius: 6px 6px 6px 6px;

}

details[open] summary:after{
  content: "\00D7";
}

details[open] div{
  padding: .5em 1em;
  background-color: #fff;
  color: #000000;
  border-radius: 0px 0px 6px 6px;
}

.faq_ask_button {
  display:none;
}

.cd-faq__items { 
  position: fixed;
  height: 100%;
  width: 90%;
  top: 0;
  right: 0;
  transform: translateZ(0) translateX(100%);
  transition: transform .3s;
}

.cd-faq__items--slide-in {
  transform: translateX(0);
}

/* -----------------------------------------------------------
   KATEGORI & BRANCHE MENU
   ----------------------------------------------------------- */

.box-container:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
transition: .5s ease;
}

.box-menu {
   max-width: 200px;
   height: auto;
   background: transparent;
   margin: 10px 14px;
}

.box-menu img {
border-radius: 6px;
width: 100%;
height: auto;
display: block;
   box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2), 0 3px 3px 0 rgba(0,0,0,0.19);
}

.box-label {
font-size: clamp(.6rem, .65vw, .9rem);
line-height: 2;
padding: 0 .3rem;
margin: 0;
color: white;
background-color: rgba(0, 0, 0, .4);
border-radius: 0 0 6px 6px;
height: 2rem;
margin-top: -2rem;
position:relative;
width: 100%;
}

.box-static {
   max-width: 250px;
   height: auto;
   background: transparent;
   margin-left: auto;
   margin-right: auto;
   border-radius: 6px;
}

.box-static-large {
   max-width: 450px;
   height: auto;
   background: transparent;
   margin-left: auto;
   margin-right: auto;
}

.box-static img, .box-static-large img {
   border-radius: 6px;
   width: 100%;
   height: auto;
   display: block;
   box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2), 0 3px 3px 0 rgba(0,0,0,0.19);
}

.box-bottom-middle {
   position: absolute;
    top: 50%;
    left: 50%;
    transform: translate( -50%, -50% );
    text-align: center;
    color: black;
    font-weight: bold;
}

/* Branche menu section */
.box-wide-container:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
transition: .5s ease;
}

.box-wide-menu {
   max-width: 350px;
   height: 200px;
   background: transparent;
   margin: 10px 14px;
}

.box-wide-menu img {
border-radius: 6px;
width: 100%;
height: 200px;
display: block;
   box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2), 0 3px 3px 0 rgba(0,0,0,0.19);
}

.box-wide-bottom-middle {
   position: absolute;
    top: 50%;
    left: 50%;
    transform: translate( -50%, -50% );
    text-align: center;
    color: black;
    font-weight: bold;
}

.box-wide-label {
font-size: clamp(.6rem, .65vw, .9rem);
line-height: 2;
padding: 0 .3rem;
margin: 0;
color: white;
background-color: rgba(0, 0, 0, .4);
border-radius: 0 0 6px 6px;
height: 2rem;
margin-top: -2rem;
position:relative;
width: 100%;
}

/* -----------------------------------------------------------
   LONG BANNER SECTION
   ----------------------------------------------------------- */

.box-long-menu {
   max-width: 1600px;
   height: 150px;
   background: transparent;
   margin: 10px 14px;
}

.box-long-menu img {
border-radius: 4px;
width: 100%;
height: 150px;
display: block;
box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2), 0 3px 3px 0 rgba(0,0,0,0.19);
}

.box-long-bottom-middle {
   position: absolute;
    top: 50%;
    left: 50%;
    transform: translate( -50%, -50% );
    text-align: center;
    color: black;
    font-weight: bold;
}

.box-long-label {
font-size: clamp(.6rem, .65vw, .9rem);
line-height: 2;
padding: 0 .3rem;
margin: 0;
color: white;
background-color: rgba(0, 0, 0, .4);
border-radius: 0 0 6px 6px;
height: 2rem;
margin-top: -2rem;
position:relative;
width: 100%;
}

/* -----------------------------------------------------------
   IMAGE HOVER EFFECTS
   ----------------------------------------------------------- */

.figure, .figure-large {
    position: relative;
    max-width: 100%;
}

.figure { width: 350px; }
.figure-large { width: 450px; }

.figure img.staff.image-hover, .figure-large img.staff.image-hover {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    object-fit: contain;
    opacity: 0;
    transition: opacity .2s;
}

.figure:hover img.staff.image-hover, .figure-large:hover img.staff.image-hover {
    opacity: 1;
}

/* -----------------------------------------------------------
   SWATCHES & ATTRIBUTES
   ----------------------------------------------------------- */

.swatch-option {border-radius: unset;}

.swatch-option.text {
    background: #fff;
    color: #000;
    border-color: #345040;
}

.swatch-option:not(.disabled):hover {
    border-color: transparent;
    color: #fff;
    background-color: #345040;
}

.swatch-option.text.selected {background-color: #245040 !important;color: #fff;}
.product-items .swatch-option.text{line-height:23px;}

.product-details-wrapper .swatch-attribute {display: none;}

/* -----------------------------------------------------------
   BRANDING & COLORS (BLUE TO GREEN)
   ----------------------------------------------------------- */

@media (min-width: 768px){
    .filter-content .filter-options-item .filter-options-title{color:#345040;}
}
@media (min-width: 769px), print{
    .opc-progress-bar-item._active:before, .opc-progress-bar-item._active>span:before{background:#345040;}
    .product-info-main .page-title-wrapper h1{color:#345040;}
    .product.data.items>.item.title:not(.disabled)>.switch:focus, .product.data.items>.item.title:not(.disabled)>.switch:hover, .product.data.items>.item.title.active>.switch, .product.data.items>.item.title.active>.switch:focus, .product.data.items>.item.title.active>.switch:hover{
        background-color:#345040; border-color:#345040;
        }
    }
    
.account-nav .item.current a, .account-nav .item.current strong, .opc-wrapper .shipping-address-item.selected-item{border-color:#345040}
    
.modes-mode:hover, .modes-mode.active, .accordion li a:hover, .post-content .post-read-more, body a:hover, body a:focus, .account-nav .item a:hover, .product-item-name > a:hover, .product.name a > a:hover, .breadcrumbs a:hover, .breadcrumbs a:hover, .product-item-actions .actions-secondary .action:hover, .table-wrapper .cart-price, .minicart-items .product-item-details .price, a:hover, .alink:hover, .product-addto-links .action:hover, .product-info-main .stock.available .label-available, .product-info-main .stock.unavailable .label-available, .breadcrumbs strong{
    color:#345040;
    }
.pages .action:hover, .pages a.page:hover, .pages strong.page, .post-holder .post-read-more, .cart-container .checkout-methods-items .action.primary, button.button, button, .cart .continue, .actions-toolbar .primary a.action, button:focus, .action.primary, .page-not-found .previus-page, .block-minicart .block-content .actions .primary .action.primary.checkout, .products-grid .product-item-inner.group-btn-hover .actions-primary .tocart:hover, .action.primary, button:hover, .block-minicart .block-content>.actions>.secondary .viewcart:hover, .block-minicart .block-content>.actions>.primary .action.primary, .box-tocart .field.qty .items:hover, .box-tocart .action.tocart, .product-item-actions .actions-primary .tocart:hover, .block-search .action.search{
    background-color:#345040; 
    border-color:#345040;
    color:#fff;
    }

.actions-toolbar .secondary a.action, .product-item-info .product-item-name a{color:#333;}

.range-attribute-filter .ui-state-hover, .range-attribute-filter .ui-widget-content .ui-state-hover, .post-list .post-image .post-date, .opc-wrapper .shipping-address-item.selected-item:after, .minicart-wrapper .action.showcart .counter.qty{background:#345040;}

.range-attribute-filter .ui-slider-handle{background:#808080;}

/* -----------------------------------------------------------
   PRODUCT LISTINGS & CATEGORY STYLES
   ----------------------------------------------------------- */

@media (min-width: 768px){
    .page-products .products-grid li.item.product.product-item {
width: calc((100% - 8%)/4); margin-right: 2%; margin-bottom: 2%;
}
}

.product-reviews-summary.short, .swatch-opt-2412, .column.main .products.list .product-item-description {
display: none;
}

.product.description.product-item-description, .products.wrapper .product.details.product-item-details, ul.product-options-container {
    padding: 0;
    margin: 0;
}

li.product-option-info {
    line-height: 16px;
    font-size: 12px;
    list-style: none;
    margin-bottom: .3rem;
}

li.product-option-info:before {
    content: '- ';
}

@media (max-width: 767px) and (min-width: 640px){
    li.item.product.product-item {width: 49%; margin-bottom: 2%;}
    li.item.product.product-item:nth-child(even) {float: right;}
}

@media (max-width: 639px) and (min-width: 480px){
    li.item.product.product-item {width: 49%; margin-bottom: 2%;}
}

#frontpage-products .item.product.product-item {margin-bottom: 50px; margin:0;}

@media (min-width: 1024px), print{
    .page-layout-1column .block.widget .products-grid .product-item{width:25%}
}

.vigoproduct .content-products .product-type-group .products-custom.products-grid .product-item .product-item-info:hover {
    padding-bottom: initial;
}

.price-including-tax span.price, html[lang="nb"] .price {color: #c30c0c;}

strong.product.name.product-item-name a.product-item-link {
    color: #35A359;
    font-weight: bold;
}

.product-item .minimal-price-link { display: none; }
.product-item .price-box .price-label { display: initial; }

.catproductimg {
 max-width: 100px;
 height: auto;
}

/* -----------------------------------------------------------
   PRODUCT PAGE & BUNDLES (KIT LISTS)
   ----------------------------------------------------------- */

.page-title-wrapper {display: none;}
.page-title-wrapper.product {display: block;}

div#product-options-wrapper .fieldset-bundle-options>.field>.label {
    font-size: .8em;
    font-family: "Lato Black";
    text-transform: uppercase;
    margin: 0;
}

.product-options-wrapper .field.choice>label.label span.product-name{
    font-size: 10px;
}

fieldset.fieldset.fieldset-bundle-options, .field.option, .fieldset>.field .field.choice {
    margin: 0;
}

.field.option { margin-bottom: 10px; }

.product-options-wrapper .field.choice>label.label .price-notice {
    display: none;
}

.product-options-wrapper .field.choice>label.label span {
    font-size: 0;
}

div#product-options-wrapper span.price-container.tax.weee {
    display: none;
}

.product-info-main .attribute.overview li:before {content: '\f00c \00a0';font-family: 'FontAwesome';}
.product.attribute.overview a:before {content: '\f0c1 \00a0';font-family: 'FontAwesome';}

.product-info-main .page-title-wrapper h1 {
    text-transform: initial;
}

/* -----------------------------------------------------------
   SINGLE PRODUCT ARTICLES & BLOCKS
   ----------------------------------------------------------- */

.article-part{
    clear:both;
    margin-bottom:20px;
    display:flex;
    }

.article-part.article-product {
    margin-top: 20px;
}
    
.single-product-text{
    display:inline-block;
    width:60%;
}

.single-product-image{
    display:inline-block;
    width:38%;
    vertical-align:middle;
}
.v-align-img{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.single-product-text h3 {
    margin: 0 0 10px 0;
}

.article-part div.single-product-image:first-child, .article-part div.single-product-text:first-child {
    margin-right: 10px;
}

.float-left{float:left;}
.float-right{float:right;}

.article-header img {
    max-height: 200px;
    width: 100%;
}

.single-product-article-page li.product-item {
    width: 45% !important;
}

.single-product-article-page .product-item-details {
    float: right;
    display: inline-block;
    width:60%
}

.single-product-article-page a.product-item-photo {
    float: left;
    width:39%;
}

.single-product-article-page strong.product-item-name {
    float: none;
}

.single-product-article-page .page-layout-1column .block.widget .products-grid .product-item:nth-child(odd) {
    margin-left: 0;
}

.subheader .info-block a.box {
    color: #666666;
}

/* -----------------------------------------------------------
   FOOTER STYLES
   ----------------------------------------------------------- */

.footer_left{float:left;}
.footer_right{float:right;}
.footer-middle, .footer-middle-2 {background-color: #345040;}
.footer-middle a {color: #000;}

.page-footer .col-sm-3.col-xs-12.right-info-box p {
    margin-bottom: 8px;
    font-weight: bold;
}

.footer-middle .widget.block.block-cms-link, .page-footer .footer-middle .container div > div {
    margin: 0;
}

.footer-middle p {
    line-height: initial;
}

.footer-middle .widget.block.block-static-block {padding-left: 0 !important;}

.footer-middle h4 {
    margin-bottom: 20px;
}

footer.page-footer .footer-middle h4,
footer.page-footer .footer-middle p,
footer.page-footer .footer-middle p a,
footer.page-footer .footer-middle span {
    color: #ffffff !important;
}

.page-footer .footer-middle .container div > div:nth-child(2) {
    padding-left: 1%;
}

.page-footer .footer-middle .container div > div {
    margin-left:auto;
    margin-right:auto;
    width: 100%;
}

.footer-middle {
    padding: 25px 0 35px;
}

.footer-bottom {
    padding: 4px;
    background-color: #fff;
    color: #ccc;
}

.footer-bottom .copyright {
    color: #4e4e4e;
}

.footer-bottom .container {
    text-align: center;
}

.payment-methods img {
    height: 30px;
    margin-right: 8px;
}

/* -----------------------------------------------------------
   PAGE CONTENT STYLES
   ----------------------------------------------------------- */

.pagecontent .items.itemlist .images .image {
    background-color: transparent;
}

.maincontent .pagecontent p a {
    color: #0080c0;
    text-decoration: underline;
}

.maincontent .pagecontent table td {
    padding-right: .5em;
}

.breadcrumb.level_1, #frontpage-products .vigoproduct .title-page {display:none;}

#pagecontent_bottom{clear:both;}

.page_image{float:left; width:30%; margin-right:.5em;}
.page_image img{width:100%; height:auto;}

#iso8573-1{margin-bottom:1em; float:left;}
#iso8573-1 a{float:right;}

.pagecontent ul.dropdown{clear:both;}

.pagecontent #pagecontent_bottom h4,.pagecontent #pagecontent_top h4 {color: #0080c0;}

div#pagecontent_top:after {
    content: " ";
    display: table;
    clear: both;}

#pagecontent_top ul{display:inline-block;}

/* -----------------------------------------------------------
   TABLES & COMPARISON
   ----------------------------------------------------------- */

.table-comparison .cell {border: 1px solid #ccc !important;}

.styled-table {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.styled-table thead tr {
    background-color: #009879;
    color: #ffffff;
    text-align: left;
}

.styled-table th, .styled-table td {
    padding: 12px 15px;
}

.styled-table td {
  border: 1px solid #ddd;
}

.styled-table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.styled-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.styled-table tbody tr.active-row {
    font-weight: bold;
    color: #009879;
}

table.styled-table tr td {
 font-size: 10px;
}

/* -----------------------------------------------------------
   BLOG & REVIEWS
   ----------------------------------------------------------- */

.rating-summary .rating-result>span:before{color:#ff8300;}

.blog-post-view .secondary-addto-links.actions-secondary, .blog-post-view .field.choice.related, .blog-post-view .product-item-info .product-item-photo:after {
    display: none;
}

.blog-post-view .product-item-actions .actions-primary .tocart {
    width: 95%;
}

/* -----------------------------------------------------------
   BUTTONS & UI COMPONENTS
   ----------------------------------------------------------- */

.nf-blue-button, .nf-white-button {
  padding: 15px 15px;
  width: 200px;
  height: 55px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  border-radius: 6px;
}

.nf-blue-button { background-color: #002d6a; color: white; }
.nf-white-button { background-color: #ffffff; color: #002d6a; }

.nf-button-row { height: 200px; }

.rounded-corners { border-radius: 6px; }

.button {
  background-color: #345040; /* Green */
  border: none;
  color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  cursor: pointer;
}

.button_art {border-radius: 8px;}

.button1 {
  padding: 10px 5px 0px 5px;
}

.fa, .fas {
   font-size: 18px !important;
}

.product.data.items .item.title {
margin: 0 5px 0 0 !important;
}

/* -----------------------------------------------------------
   MISCELLANEOUS WIDGETS (BRANDS, INFO-BAR, SLIDERS)
   ----------------------------------------------------------- */

img.brand { width: 200px; }
.shopbrand .item a { border-right: none; margin-right: 20px; }
.shopbrand .item { width: auto; }
#frontpage-brands { clear: both; }

.zoomWindow {background-color: #fff;}
img.product-image-photo.hover_image {background-color: #ffffff;}

.vigoproduct .block-title-tabs{display:none;}

.icon1:hover, .fa-file-pdf-o:hover, .fa-envelope:hover, .fa-phone:mouseover {
    color: green !important;
}

.box { color: green; }

.product-view .block-related .grid-indent img {
width: 70%;
}

.product-img-brand {
  width: 70px !important;
}

.slick-dots {
margin-bottom: 50px !important;
}

/* -----------------------------------------------------------
   Questionaire
   -----------------------------------------------------------

bak#nf-service-wizard .nfq-card{
  min-height: 500px;
  display: flex;
  flex-direction: column;
}
 -- */