/* Minification failed. Returning unminified contents.
(4230,32): run-time error CSS1046: Expect comma, found '0'
(4230,36): run-time error CSS1046: Expect comma, found '/'
 */
.page-detail .flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    box-sizing: border-box;
}

    .page-detail .flex.wrap {
        flex-wrap: wrap;
    }

.page-detail .editor-content {
    width: 100%;
}

    .page-detail .editor-content p, .page-detail .editor-content h2, .page-detail .editor-content h3, .page-detail .editor-content h4, .page-detail .editor-content h5, .page-detail .editor-content h6,
    .content p, .content h2, .content h3, .content h4, .content h5, .content h6 {
        width: 100%;
    }

.page-detail .created-div, .content .created-div {
    position: relative;
    /*padding-top: .3em;
    margin-top: .5em;
    margin-bottom: .5em;*/
    min-height: 1em;
    margin-bottom: .5em;
    width: 100%;
    box-sizing: border-box;
    padding: 0.6em;
}

    .page-detail .created-div, .page-detail .created-div.selected, .content .created-div, .content .created-div.selected {
        border: 0;
        padding: 0;
    }

        .page-detail .created-div img, .content .created-div img {
            max-width: 100%;
        }

.page-detail .editor-input, .page-detail .input-wrapper, .content .editor-input, .content .input-wrapper {
    display: none;
}

.editor-content{
    flex-wrap:wrap;
    padding:0!important;
}

.editor-content h1, .editor-content h2, .editor-content h3, .editor-content h4, .editor-content h5, .editor-content p {
    width: 100%;
    line-height: 1.65;
}

@media only screen and (min-width: 0) and (max-width: 65rem) {
    .editor-content{
        flex-wrap:wrap;
    }

    .created-div {
        width: 100%!important;
    }
}
/* Kendo fixar ---- */
.k-autocomplete{
    width:100%;
    border:0;
    box-shadow:none;
    outline:none;
}

.k-numeric-wrap{
    border:0;
    box-shadow:none;
}

.k-tabstrip-wrapper{
    border:0!important;
    border-color:#fff!important;
}

.k-tabstrip {
    box-shadow: none !important;
    border: 0 !important;
    border-color: #fff !important;
    background-color:none!important;
    background:none!important;
}

#MainNav .k-menu, .k-tabstrip-items .k-item, .k-tabstrip-items .k-item .k-link, .k-tabstrip-items {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

#MainNav .k-menu {
    flex-wrap: wrap;
    width: 100%;
    background:none!important;
    background-color:none!important;
}

#MainNav .k-menu {
   align-items:center;
   align-content:center;
   justify-content:center;
}

#MainNav .k-menu {
    padding: 0;
    margin: 0;
    border: 0;
    box-shadow: none;
    outline: none;
}

    #MainNav .k-menu .k-item, #MainNav .k-menu .k-item .k-link{
        padding: 0;
        margin: 0;
        border:0;
        box-shadow:none;
        outline:none;
    }

#LastUpdatedArticlesTabStrip, .k-panelbar .k-tabstrip > .k-content, .k-tabstrip > .k-content, .k-tabstrip-items .k-item, .k-tabstrip-items .k-item .k-link{
    padding: 0;
    border: 0;
    margin: 0;
}

.k-tabstrip-items .k-loading.k-complete{
    display:none;
}

.k-tabstrip-items {
    margin:0;
    padding:0;
    overflow:visible;
    border-bottom: 1px solid #eee;
    line-height: 160%;
    padding-bottom: .5em;
    width: 100%;
}

    .k-tabstrip-items .k-item {
        margin: 0 0 -.5em 0!important;
        background:none;
        padding:0;
    }
        .k-tabstrip-items .k-item .k-link {
            font-size: 2.1rem;
            margin: 0 .5em 0 0;
            font-weight: 400;
            border-bottom: 2px solid transparent;
            font-family: 'Playfair Display',serif;
            padding:0 0 .5em 0;
        }

        .k-tabstrip-items .k-item.k-state-active .k-link {
            border-bottom: 2px solid #e33d34;
        }

.k-slider-horizontal {
    width: 100%!important;
}


.filters .filter .filter-box .attribute-slider .k-slider-items {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.filters .filter .filter-box .attribute-slider .k-tick {
    display: none;
}

    .filters .filter .filter-box .attribute-slider .k-tick:first-of-type, .filters .filter .filter-box .attribute-slider .k-tick:last-of-type {
        display: block;
    }

    .filters .filter .filter-box .attribute-slider .k-tick:last-of-type {
        margin-left: auto;
        justify-self: flex-end;
    }

.filters .filter .filter-box .attribute-slide .k-slider-horizontal .k-last .k-label {
    text-align: right;
}

.k-slider-horizontal .k-last .k-label {
    right: 1em;
}

.k-animation-container {
    background: #fff;
}

.k-list-container {
    border: 1px solid rgba(99,99,99,.3);
}

.k-list-scroller ul li:hover{
    cursor:pointer;
    background:#eee;
}

.k-dropdown{
    background:#fff;
}
.k-dropdown .k-select .k-icon{
    display:none!important;
}

.k-overlay {
    z-index: 10000002;
}

.k-window {
    background: #fff;
    z-index: 10000012;
    position: fixed;
    top: 0 !important;
    bottom: 0 !important;
    margin: auto !important;
    left: 0 !important;
    right: 0 !important;
    max-width:90%;
    max-height:90vh;
}

.k-autocomplete, .k-draghandle, .k-dropdown-wrap, .k-grid-header, .k-grouping-header, .k-header, .k-numeric-wrap, .k-pager-wrap, .k-panelbar .k-tabstrip-items .k-item, .k-picker-wrap, .k-progressbar, .k-state-highlight, .k-tabstrip-items .k-item, .k-textbox, .k-toolbar, .km-pane-wrapper > .km-pane > .km-view > .km-content{
    background-color:none!Important;
}

.k-slider-selection {
    background-color: #1b64ab;
}

.k-autocomplete, .k-dropdown-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-picker-wrap.k-state-default {
    background: #ececec!important;
}

.k-calendar .k-footer .k-nav-today, .k-calendar .k-footer .k-nav-today:hover {
    color: #e33d34;
}
.k-calendar td.k-state-focused .k-link {
    box-shadow: inset 0 0 2px 1px #e33d34;
}

.k-calendar td.k-state-selected .k-link {
    border-color: #e33d34;
    background-color: #e33d34; 
}

@media only screen and (min-width: 0) and (max-width: 52rem) {
    .k-tabstrip-items .k-item .k-link {
        font-size: 1.2rem;
    }
}
/* Cookie ------------ */
#cookie-msg {
    position: relative;
    bottom: 0;
    width: 100%;
    z-index: 100000001;
    background: #fafafa;
    color: #333;
}

    #cookie-msg #cookie-msg-inner {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        padding: .75em;
        justify-content: center;
        align-items: center;
        font-size: .95rem;
        padding-left: 3em;
        padding-right: 3em;
        box-sizing: border-box;
    }

#FancyCookies {
    margin-left: .8em;
    margin-right: .8em;
    text-decoration: underline;
    color: #333;
    min-width: 80px;
    text-align: center;
}

#cookieClose {
    border-radius: 3px;
    padding: .3em .5em;
    font-weight: bold;
    font-size: .85rem;
    cursor: pointer;
    min-width: 100px;
    text-align: center;
}

/* LoginWindow ------ */
#LoginWindow {
    position: fixed;
    top: 50px;
    right: 3em;
    z-index: 100000000001;
    max-width: 1600px;
    margin: 0 auto;
}

    #LoginWindow .inner {
        background: #000;
        border: 1px solid rgba(99,99,99,.3);
        padding: 2em;
        box-sizing: border-box;
        width: 280px;
        text-align: center;
        position:relative;
    }

.close-login {
    position: absolute;
    right: 1.5em;
    top: 0;
    cursor: pointer;
}

    .close-login .fal {
        font-size: 1.2rem;
    }

#LoginWindow h3 {
    margin: 0 0 .5em 0;
    color: #fff;
}

#LoginWindow a {
    display: inline-block;
    font-size: .9rem;
    margin: 1em auto 0 auto;
    color: #fff;
    text-decoration: underline;
    text-align: center;
    opacity: .8;
}

    #LoginWindow a:hover {
        opacity: 1.0;
    }

#LoginWindow .k-textbox {
    margin: 0 0 .5em 0;
    border-radius: 3px;
    height: 40px;
    width: 100%;
    text-align: left;
}

#LoginWindow .k-button {
    border-radius: 50px;
    width: 100%;
    text-transform: uppercase;
    font-size: .9rem;
    padding: .5em;
    box-sizing: border-box;
    background: rgba(243,160,76,1);
    border:3px solid #000;
    transition:.5s;
}

    #LoginWindow .k-button:hover {
        border: 3px solid rgba(243,160,76,1);
    }

#LoginWindow .field-validation-error {
    margin-top: .5em;
    font-size: .8rem;
    font-weight: bold;
    line-height: 140%;
    display: block;
    color: rgba(227,61,52,1);
    box-sizing: border-box;
}

#LoginWindow .inner {
    padding: 2em;
}

.account-login.lost-password {
    max-width: 90%;
    width: 500px;
    margin: 4em auto;
    background: #eee;
    padding: 1em 2em 5em 2em;
    box-sizing: border-box;
}

    .account-login.lost-password .k-textbox {
        width: 100%;
        margin-bottom: .5em;
        height: 60px;
    }

@media only screen and (min-width : 0px) and (max-width : 55rem) {
    #LoginWindow {
        position: fixed;
        top: 50px;
        right: 0;
        left:auto;
        z-index: 100000000001;
        max-width: 1600px;
        margin: 0 auto;
    }

    .log-in {
        max-width: 100%;
    }
}
/* Messages ------ */
.message {
    position: fixed;
    z-index: 100001;
    right: 0;
    left: 0;
    text-align: center;
    top: 180px;
    font-weight: bold;
    width: 100%;
    max-width: 95%;
    margin: 0 auto;
}

body.sticky .message {
    top: 100px;
}

.message ul, .message ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .message ul, .message ul.info {
        padding: 1em 2em;
        background: #333;
        color: #fff;
        margin-left: auto;
        border-radius: 2px;
        width: 280px;
        font-size: .8rem;
        text-transform: uppercase;
    }

        .message ul.error {
            background: #E12F2F;
            color: #000;
        }

.field-validation-valid {
    opacity: 0;
    font-size: 0;
}

.field-validation-error {
    color: red;
    font-style: italic;
    font-size: .9rem;
    opacity: 1.0;
}


@media only screen and (min-width : 0px) and (max-width : 85rem) {
    body.sticky .message {
        top: 88px;
    }
}
body{
 /*   background:red;*/
}

html {
    scroll-behavior: smooth;
}

body, html {
    margin: 0;
    padding: 0;
}

body {
    overflow-x: hidden;
    transition: .5s;
}

img {
    max-width: 100%;
}

/* Select  ------------------------ */
select, #CustomAddress select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('/Content/Images/arrow.png') no-repeat;
    background-position: 98% center !important;
    color: #666;
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid #999 !important;
    text-indent: 0.01px;
    text-overflow: "";
    font-weight: normal;
    border: 0;
    cursor: pointer;
    box-shadow: none;
    outline: none;
    font-size: .95rem;
    max-height: 45px;
    padding: .7em 2em .7em 1em;
    max-width: 100%;
    width: 100%;
    border-radius: 4px;
}

/* Tab focus ----------------------- */
input:focus, .k-textbox:focus {
    border-color: #00aeef;
}

body:not(.user-is-tabbing) img:focus,
body:not(.user-is-tabbing) button:focus,
body:not(.user-is-tabbing) a:focus,
body:not(.user-is-tabbing) input:focus,
body:not(.user-is-tabbing) .k-textbox:focus,
body:not(.user-is-tabbing) select:focus,
body:not(.user-is-tabbing) textarea:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Width ---------------------------- */
.w-100 {
    width: 100%;
}

.w-80 {
    width: 80%;
}

.w-70 {
    width: 70%;
}

.w-60 {
    width: 60%;
}

.w-50 {
    width: 50%;
}

.w-40 {
    width: 40%;
}

.w-30 {
    width: 30%;
}

.w-25 {
    width: 25%;
}

.w-20 {
    width: 20%;
}

/* Flex ----------------------------- */
.inline-flex {
    display: inline-flex;
}

.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}

nav, section, form {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}

/* Main ---------------------------- */

#Main {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    transition: .5s;
    margin: 0;
    width: 100%;
    align-items: flex-start;
    align-content: flex-start;
    min-height: -moz-calc(100vh - 12.55em);
    min-height: -webkit-calc(100vh - 12.55em);
    min-height: -o-calc(100vh - 12.55em);
    min-height: calc(100vh - 12.55em);
    padding: 0 0 2em 0;
    min-width: 300px;
    box-sizing: border-box;
}

.index #Main{
  /*  padding-top:0!important;*/
}

#Main .wrap {
    padding: 0;
    max-width: 100%;
}

/* Responsive -------- */
.iframe-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
    box-shadow: none;
    outline: none;
    margin: 2em 0;
    border: 0;
}

    .iframe-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important;
    }


.radio-btn {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}

.radio-btn {
    position: relative;
    background: #eee;
    border-radius: 3px;
    float: left;
    padding: .5em .8em;
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    align-items: center;
    align-content: center;
    width: auto !important;
    margin-right: .5em;
}

    .radio-btn:hover {
        background: rgba(27, 100, 171, 0.20);
        cursor: pointer;
    }

    .radio-btn input {
        position: absolute;
        visibility: hidden;
    }

    .radio-btn .fad {
        position: relative !important;
        right: auto !Important;
        top: auto !Important;
        margin-right: .5em;
    }

    .radio-btn.selected {
        background: #1b64ab;
        color: #fff;
    }

        .radio-btn.selected .fa-circle {
            display: none;
        }

        .radio-btn.selected .fa-check-circle {
            display: block !important;
        }



/* Misc ------------ */
a {
    text-decoration: none;
    color: #000;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .editor-content a {
    color: #65b32e;
    text-decoration: underline;
}

a:hover {
    color: #65b32e;
    text-decoration: none;
}

#Blanket {
    transition: 0.5s opacity;
    max-height: 0;
}

body.mob-open #Blanket {
    max-height: 100vh;
}

.show-blanket #Blanket {
    background: rgba(27, 100, 171, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10001;
}

.flex.center {
    align-items: center;
}

section, div, nav, a, p, img, .flex, .fal, .far, .fas, .fab, .transition-05 {
    transition: .5s;
}

input {
    background: #fff;
}

.k-dropdown, .k-dropdown div, div.k-list-optionlabel, .k-animation-container {
    transition: initial !important;
}

.nowrap {
    flex-wrap: nowrap;
}

.no-padding {
    padding: 0;
}

.relative {
    position: relative;
}

.text-center {
    text-align: center;
}

#MobileNav {
    display: none;
}

.wrap {
    z-index: 100;
    width: 100%;
    max-width: 98%;
    margin: 0 auto;
    padding: .5em;
    position: relative;
    box-sizing: border-box;
}



/* Page index -------------- */
.page-detail {
    width: 100%;
    padding: 0 2em 2em 2em;
    align-items: flex-start;
    align-content: flex-start;
    min-height: 600px;
    box-sizing: border-box;
}

    .page-detail #Breadcrumbs {
        margin-bottom: 1em;
        margin-top: 3em;
    }

.log-in {
    background: #f8f8f8;
    margin: 2em auto;
    max-width: 300px;
    padding: 1em 2em;
}

.lost-password {
    margin-top: 1em;
    display: block;
}

a.lost-password {
    text-decoration: underline;
}

.image-spacer {
    width: 100%;
}

.page-large-img {
    min-height: 400px;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    position: relative;
    z-index: 5;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: unset;
    max-height: 40vh;
}

    .page-large-img img {
        object-fit: cover;
        width: 100%;
        min-height: 400px;
        height: auto;
        position: relative;
        transition: unset;
    }

.edit.page-inner {
    width: -moz-calc(100% - 200px);
    width: -webkit-calc(100% - 200px);
    width: -o-calc(100% - 200px);
    width: calc(100% - 200px);
    margin-left: auto;
    padding-left: 3em;
    box-sizing: border-box;
}

.page-detail .articlegroup-text {
    max-width: 1080px;
    width: 98%;
    margin: 2em auto;
    max-width: -moz-calc(1290px - 150px);
    max-width: -webkit-calc(1290px - 150px);
    max-width: -o-calc(1290px - 150px);
    max-width: calc(1290px - 150px);
    width: -moz-calc(98% - 150px);
    width: -webkit-calc(98% - 150px);
    width: -o-calc(98% - 150px);
    width: calc(98% - 150px);
    align-items: flex-start;
    align-content: flex-start;
}

#SubNav {
    padding: 0;
    margin: 1em 0 2em 0;
    justify-content: center;
    width: 200px;
    /*    position: sticky;*/
    top: 90px;
    align-items: flex-start;
    align-content: flex-start;
    height: auto;
}

    #SubNav a {
        margin: 0 0 .5em 0;
        width: 100%;
        font-size: .85rem;
        box-sizing: border-box;
        color: #333;
    }

    #SubNav .level-1 a {
        font-size: .95rem;
    }

    #SubNav .level-2 a {
        margin-left: 1em;
    }

    #SubNav .level-3 a, #SubNav .level-4 a, #SubNav .level-5 a {
        margin-left: 1.5em;
        font-size: .75rem;
        font-style: italic;
    }

    #SubNav .level-4 a {
        margin-left: 2em;
    }

    #SubNav .level-4 a {
        margin-left: 2.5em;
    }

    #SubNav .selected a {
        font-weight: bold;
        opacity: 1.0;
    }

    #SubNav a.active {
        font-weight: 600;
    }

    #SubNav a.active {
        color: #000;
    }

    #SubNav a:hover {
        color: #000;
    }

    /* Config Blanket ---------------------------- */

.config-blanket {
    max-width: 1350px;
    margin: 0 auto;
    padding: 3em;
}

    .config-blanket h1 {
        color: #64B22D;
    }

    .config-blanket .images {
        cursor: pointer;
        margin-top: 2em;
        display: grid;
        width: 100%;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 10px;
        padding-bottom: 3em;
    }

        .config-blanket .images .item {
            display: flex;
            flex-wrap: wrap;
            margin: 0 1em 2em 0;
            padding: 1em;
            box-sizing: border-box;
            align-content: flex-start;
        }

        .config-blanket .images div.item img {
            height: auto;
            width: 100%;
            margin-bottom: 1em;
        }

h1, h2, h3, h4, h5 {
    margin-top: 0 !important;
    margin-bottom: 1em !important;
    line-height: 120%;
    font-weight: bold;
    letter-spacing: 1px !important;
}

p {
    margin-top: 0 !important;
    margin-bottom: 1em !important;
}

.config-blanket .images.item h2, .images div.item h2, .images.item h3, .images div.item h3 {
    width: 100%;
}

.config-blanket .images div.item.selected {
    border: solid;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    border-color: #d43111;
    background: rgba(233,229,229,.45);
}

.config-blanket #Section3b .images, .config-blanket .summary-blanket .image {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    display: grid;
}

.config-blanket .flex {
    margin-bottom: 1em;
    align-items: center;
}

.summary-blanket .measurements {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.summary-blanket .heading, .summary-blanket .item {
    width: 100%;
}

.summary-blanket .flex {
    display: flex;
    width: 100%;
}

.summary-blanket .label {
    width: 20%;
    font-size: 1rem;
}

.summary-blanket .wrapper {
    flex-wrap: wrap;
}

.summary-blanket .value {
    width: 100%;
    max-width: 70%;
}

.summary-blanket .image {
    width: 30%;
}

    .summary-blanket .image img {
        max-width: 300px;
        height: auto;
    }

.config-blanket #Section1 .images .item, .config-blanket #Section2b .images .item, .config-blanket #Section2c .images .item .config-blanket .summary-blanket .images .item {
    flex-wrap: wrap;
    margin: 0 1em 2em 0;
    padding: 1em;
    box-sizing: border-box;
    align-content: flex-start;
}

.config-blanket #Section2a .measurement, .config-blanket #Section3a .measurement {
    display: flex;
    flex-direction: column;
}

    .config-blanket #Section2a .measurement .flex, .config-blanket #Section3a .measurement .flex {
        display: flex;
        margin-bottom: 1em;
        align-items: center;
    }

.config-blanket .measurement .title, .config-blanket .title, .config-blanket.title {
    width: 30%;
    font-weight: bold;
    letter-spacing: 1px;
}

.summary-blanket .step {
    padding-bottom: 1em;
}

.config-blanket #Section2a, .config-blanket #Section3a {
    flex-direction: column;
}

.config-blanket #Section2a .measurement .title, .config-blanket #Section3a .measurement .title {
    display: flex;
    align-items: center;
    width: 40%;
}


.config-blanket #Section3a .measurement .radio-title {
    align-self: flex-start !important;
    margin-top: 1em;
}

.config-blanket .radio-values {
    margin-top: 1em;
}

.config-blanket #Section2a .measurement .flex input, .config-blanket #Section3a .measurement .flex input {
    height: 50px;
    background: #f6f6f6;
    z-index: 10;
    border-radius: 4px;
    border: none;
    text-align: center;
    text-indent: 0;
}

.summary-blanket .address .value input, .summary-blanket .address .value textarea {
    height: 50px;
    margin: .5em 0;
    border: 2px #b6b6b6 solid;
}

#ConfigurationForm div {
    width: 100%;
}

.config-blanket #Section2a div, .config-blanket #Section3a div {
    width: auto;
}

#ConfigurationForm section {
    display: none;
}

#ConfigurationForm .summary {
    display: none;
}


.config-blanket #Section2a .measurement .flex #ConfigurationItems, .config-blanket #Section3a .measurement .flex #ConfigurationItems {
    width: 200px;
}


.config-blanket #Section2a .measurement .flex .unit, .config-blanket #Section3a .measurement .flex .unit {
    display: flex;
    justify-content: flex-end;
    padding-left: 1em;
}


.config-blanket #Section2a .measurement .flex .radio, .config-blanket #Section3a .measurement .flex .radio {
    display: flex;
    flex-direction: column;
}

.config-blanket #Section2a .measurement .flex .radio {
    margin-top: 1em;
}

.config-blanket #Section3a .measurement .flex .radio {
    margin-bottom: 1em;
}

    .config-blanket #Section2a .measurement .flex .radio label, .config-blanket #Section3a .measurement .flex .radio label {
        width: 100%;
        display: flex;
        margin-bottom: 1em;
    }

    .config-blanket #Section2a .measurement .flex .radio input, .config-blanket #Section3a .measurement .flex .radio input {
        height: auto !important;
        margin-right: 1em;
    }

.config-blanket button.nav, .config-blanket .send-button {
    background-color: #000;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    width: 200px;
    height: 40px;
    padding: 5px;
    margin: 5px;
    border-color: #000;
    border-radius: 5px;
    border-width: 1px;
    font-size: large;
}

.config-blanket .prev-button {
    background-color: #d43111 !important;
}



/* Search view ------------------------------- */
.search-view {
    padding: 2em .5em;
}

    .search-view h1 {
        margin-left: .5em;
    }

    .search-view .no-match {
        /*margin-left:-1.5em;*/
        font-style: italic;
        opacity: .4;
    }

    .search-view .k-tabstrip {
        border: 0;
        padding: 0;
        box-shadow: none;
    }

    .search-view .k-tabstrip-wrapper, .search-view .k-tabstrip-items, .search-view .k-content, .search-view .articles {
        padding: 0 !important;
        margin: 0 !important;
        width: 100%;
    }

        .search-view .k-tabstrip-items .k-item .k-link {
            margin: 0 .7em 0 0.5em;
            font-size: 1.3rem;
            opacity: .8;
            font-weight: 300;
        }

        .search-view .k-tabstrip-items .k-item.k-state-active .k-link {
            opacity: 1.0;
            font-weight: 400;
        }

    .search-view .search-heading a {
        color: #1b64ab;
        border-bottom: 1px dashed #eee;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: 100%;
        padding: 1em 0;
        align-items: center;
    }

        .search-view .search-heading a:hover {
            border-bottom: 1px dashed #ccc;
        }

        .search-view .search-heading a:after {
            display: block;
            content: "\f105";
            margin-left: auto;
            font-family: 'Font Awesome 5 Pro';
        }

/* Customer form ------ */
.customer-content form {
    width: 100%;
}

.customer-content #DownLoadButton {
    cursor: pointer;
    font-size: 4rem;
}

.customer-content h3 {
    margin-bottom: .8em;
    width: 100%;
}

.custom-address select {
    background: url(/Content/Images/arrow-wh.png) no-repeat;
    background-color: rgba(27, 100, 171, .9);
    padding: .7em 2em .7em 1em;
    background-position: 97% center !important;
    border-radius: 4px;
    color: #fff;
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
}

    .custom-address select:hover {
        background-color: rgba(27, 100, 171, 1);
    }

.customer-content .stock {
    font-size: .8rem;
    font-weight: 600;
    margin: 1em 0 0 0;
    padding-bottom: 1em;
    border-bottom: 1px dashed rgba(99,99,99,.2);
}

    .customer-content .stock .extra {
        font-weight: 400;
    }


    .customer-content .stock .far {
        margin-right: .3em;
    }


    .customer-content .stock .fa-shipping-fast {
        color: #82c91e;
    }

.customer-content .delivery-address .col h4 {
    font-size: .9rem;
    margin: 0;
    font-weight: 600;
}

.customer-content .delivery-address .col {
    font-size: .9rem;
    padding: 1em 1.2em;
    border-bottom: 1px dashed rgba(99,99,99,.2);
    background: rgba(27,100,171,.1);
}

.customer-content .col {
    margin-bottom: 1em;
    width: 100%;
    position: relative;
}

    .customer-content .col .fad {
        position: absolute;
        right: 1em;
        z-index: 100;
        top: 1em;
    }

    .customer-content .col.third {
        margin-right: 1em;
        width: -moz-calc(33.33% - .7em);
        width: -webkit-calc(33.33% - .7em);
        width: -o-calc(33.33% - .7em);
        width: calc(33.33% - .7em);
    }

        .customer-content .col.third.last {
            margin-right: 0;
        }

    .customer-content .col.sec {
        margin-right: 1em;
        width: -moz-calc(50% - .5em);
        width: -webkit-calc(50% - .5em);
        width: -o-calc(50% - .5em);
        width: calc(50% - .5em);
    }

        .customer-content .col.sec.last {
            margin-right: 0;
        }

.customer-content input.k-textbox, .customer-content .k-textbox {
    width: 100%;
    background: rgba(99,99,99,.1);
    background: #fff;
    font-size: .9rem;
    padding: .5em 0;
    box-shadow: none;
    border: 1px solid rgba(99,99,99,.5);
    border-radius: 4px;
    box-sizing: border-box;
}

    .customer-content input.k-textbox:hover, .customer-content .k-textbox:hover {
        border: 1px solid rgba(99,99,99,.7);
    }

    .customer-content input.k-textbox:focus, .customer-content .k-textbox:focus {
        border: 1px solid rgba(3,75,26,.5);
        background: rgba(3,75,26,.2);
    }

    .customer-content input.k-textbox.disabled, .customer-content input.k-textbox.disabled:focus, .customer-content input.k-textbox.disabled:hover,
    .customer-content input.k-textbox:read-only, .customer-content input.k-textbox:read-only:focus, .customer-content input.k-textbox:read-only:hover,
    .customer-content .k-textbox.disabled, .customer-content .k-textbox.disabled:focus, .customer-content .k-textbox.disabled:hover,
    .customer-content .k-textbox:read-only, .customer-content .k-textbox:read-only:focus, .customer-content .k-textbox:read-only:hover,
    .custom-address select.disabled, .custom-address select:disabled, .custom-address selectr:read-only {
        background: #ddd;
        cursor: default;
        color: #999;
        pointer-events: none;
    }

.custom-address select.disabled, .custom-address select:disabled, .custom-address selectr:read-only {
    border: 1px solid rgba(99,99,99,.5);
    background-color: #ddd !important;
}

.customer-content .col label {
    width: 100%;
    display: block;
    margin-bottom: .3em;
    font-size: .9rem;
}

/* Knappar ---- */
.k-button, #cookieClose, button.button {
    color: #fff;
    background: rgba(243, 160, 76, 0.9);
    border: 0;
    box-shadow: none;
}

    .k-button:hover, #cookieClose:hover, button.button:hover {
        background: rgba(243, 160, 76, 1);
        color: #fff;
    }

.buy-btn {
    background: rgba(162, 226, 52, 0.9);
    color: #333;
    transition: .5s;
}

    .buy-btn:hover {
        background: rgba(162, 226, 52, 1);
        color: #000;
    }


button {
    box-shadow: none;
    outline: none;
    border: 0;
    text-align: center;
}

    button.button, a.button {
        text-align: center;
        border-radius: 6px;
        font-size: 1rem;
        display: block;
        padding: 1em;
        text-transform: uppercase;
        font-weight: 400;
        position: relative;
    }

        button.button:hover, a.button:hover {
            cursor: pointer;
        }

.highlight-btn, .second-button {
    text-align: center;
    border-radius: 6px;
    font-size: 1.2rem;
    display: block;
    padding: 1em;
    text-transform: uppercase;
    font-weight: 400;
    position: relative;
    border: 0;
}

    .highlight-btn:hover {
        cursor: pointer;
    }

.second-button {
  
    background: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    outline: none;
    padding: 1em;
    font-size: .8rem;
    background: rgba(243,160,76,1);
    border-radius: 100px;
    border: 5px solid #fff;
    margin-left: auto;
    float: right;
}

    .second-button:hover {
        color: #fff;
        background: rgba(243,160,76,0.9);
        cursor: pointer;
    }

/* Start page buttons -------------- */
.content .buttons a {
    display: block;
    padding: .6em 1.5em;
    text-transform: uppercase;
    background: #000;
    color: #fff;
    border-radius: 100px;
    text-decoration: none;
    font-size: 1rem;
    height: 30px;
    line-height: 30px;
    margin-left: 1em;
    border: 5px solid #fff;
    min-width: 150px;
}

    .content .buttons a:last-child {
        background: rgba(243,160,76,1);
    }

    .content .buttons a:hover {
        border: 5px solid #000;
        opacity: 1;
    }

    .content .buttons a:last-child:hover {
        border: 5px solid rgba(243,160,76,1);
    }

/* Radio btns --------------------- */
.radio-btn {
    position: relative;
    background: #eee;
    border-radius: 3px;
    float: left;
    padding: .5em .8em;
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    align-items: center;
    align-content: center;
    width: auto !important;
    margin-right: .5em;
}

    .radio-btn:hover {
        background: rgba(27, 100, 171, 0.20);
        cursor: pointer;
    }

    .radio-btn input {
        position: absolute;
        visibility: hidden;
    }

    .radio-btn .fad {
        position: relative !important;
        right: auto !Important;
        top: auto !Important;
        margin-right: .5em;
    }

    .radio-btn.selected {
        background: #1b64ab;
        color: #fff;
    }

        .radio-btn.selected .fa-circle {
            display: none;
        }

        .radio-btn.selected .fa-check-circle {
            display: block !important;
        }

/* UpBtn ------------------------ */
#UpBtn {
    position: fixed;
    bottom: .5em;
    left: .5em;
    height: 30px;
    width: 30px;
    border-radius: 100%;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    z-index: 10001;
    background: #222;
    color: #eee;
    opacity: 0;
}

    #UpBtn:hover {
        color: #FFF;
    }

    #UpBtn.visible {
        opacity: 1.0;
    }


@media only screen and (min-width : 0px) and (max-width : 65rem) {

    .content .buttons a {
        margin-left: 0;
        margin-right:1em;
    }
}

@media only screen and (min-width : 0px) and (max-width : 40rem) {
    #UpBtn {
        display: none;
    }

    .content .buttons a {
       width:100%;
        margin-left: 0;
        margin-right:0;
    }
}
body, button, .button, input, textarea {
    font-family: 'Nunito Sans', sans-serif;
}

p {
    line-height: 1.65;
    font-family: 'Nunito Sans Light','Nunito Sans';
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display',serif;
    font-weight: 300;
    line-height: 1.65;
    margin-bottom: 1em;
    line-height: 120%;
}

.flex-vers-2 .slider .text h1, .flex-vers-2 .slider .text h2, .flex-vers-2 .slider .text h3, .flex-vers-2 .slider .text h4, .flex-vers-2 .slider .text h5, .flex-vers-2 .slider .text h6, .flexslider-startpage-side .slider .text p, .flex-vers-2 .slider .text span {
    font-family: 'Covered By Your Grace', cursive;
}

.flex-vers-2 .slider .text a {
    font-family: 'Open Sans', sans-serif;
}

h1 {
    font-size: 2rem;
    letter-spacing: -1px;
}

h2 {
    font-size: 1.5rem !important;
    font-family: 'Playfair Display',serif;
}

h3 {
    font-size: 1.3rem;
}

h4 {
    font-size: 1.1rem;
    font-weight: bold;
}

h5 {
    font-size: 1rem;
    font-weight: bold;
}

h6 {
    font-weight: bold;
}

p {
    line-height: 1.65;
}
/* Footer ------------------------------- */
footer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    transition: .5s;
    border-top: 1px solid rgba(99,99,99,0.3);
    padding: 0;
    background: #1b1b1b;
    min-width: 300px;
    box-sizing: border-box;
}

    .site-footer .wrap {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        max-width:100%;
        justify-content: center;
        background: #000;
        padding: 1em 2em;
        z-index:1;
    }

.site-footer ul, .site-footer ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .site-footer, .site-footer p, .site-footer a {
        color: #fff;
        font-weight: 300;
    }

        .site-footer .wrap a {
            margin-right:1em;
            margin-left:1em;
        }

        .site-footer .wrap .social-btns {
            margin-left: .5em;
        }

        .site-footer .wrap .social-btns a{
            margin-left:.5em;
            margin-right:.5em;
        }

        .site-footer .wrap a:hover {
            opacity: .7;
        }

        .site-footer .footer-menu {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-wrap:wrap;
        }

        .copy a {
            color: rgba(243,160,76,1);
        }

    .copy a:hover {
        color: rgba(243,160,76,.7);
    }

.site-footer .copy {
    width: 100%;
    text-align: center;
    justify-content: center;
    font-size: .8rem;
    margin-top: 2em;
    margin-bottom:2em;
    opacity: .8;
    padding:0 2em;
}

.site-footer .powered {
    margin-top: .7em;
    opacity: .5;
    display: inline-block;
}

    .site-footer .powered:hover {
        opacity: .6;
    }

@media only screen and (min-width : 0px) and (max-width : 85rem) {
    .site-footer .col {
        width: 26%;
        padding-left: 3em;
        box-sizing: border-box;
    }

        .site-footer .col:first-child {
            width: 48%;
            padding-left: 0;
        }

        .site-footer .col.last {
            padding-left: 0;
            width: 100%;
            max-width: 100%;
            text-align: center;
            justify-content: center;
            margin-top: 3em;
        }
}

@media only screen and (min-width : 0px) and (max-width : 30rem) {
    .site-footer{
        text-align:center;
    }
    .site-footer .footer-menu {
        width: 100%;
    }

        .site-footer div {
            width: 100%;
            margin-bottom: .5em;
        }

    .site-footer .footer-menu li {
        width:100%;
        margin-bottom:.5em;
    }
    .site-footer .wrap .social-btns {
        margin-top: .5em;
    }
}
header {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    transition: .5s;
}

.site-header {
    z-index: 10001;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    background: rgba(3,3,3,.9);
    transition: .5s;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
    position: fixed;
    min-width: 290px;
}

.index .site-header {
    background: rgba(3,3,3,.1);
}

.site-header .inner {
    flex-wrap: nowrap;
    padding-left: 2em;
    padding-right: 3em;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    box-sizing:border-box;
}

.solid-header .site-header, .mob-open .site-header {
    background: rgba(3,3,3,1);
}

body.sticky .site-header {
    margin-top: 0 !important;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding-top: .6em;
    z-index: 10001;
    background: rgba(0,0,0,.9);
}

.site-header .menu-icon {
    font-size: 1.5rem;
    text-align: center;
    width: 0;
    margin-right: 0;
    opacity: 0;
    overflow: hidden;
    cursor: pointer;
    align-items: flex-start;
    justify-content: center;
    height: 35px;
    color: #636363;
   
}

    .site-header .menu-icon .fad {
        font-size: 1.7rem;
    }

    .site-header .menu-icon span {
        display: block;
        font-size: .65rem;
        align-self: flex-end;
    }

.site-header .fas, .site-header .fad, .site-header .fal, .site-header .far {
    font-size: 1.5rem;
}

.site-header a {
    color: #000;
}

.site-header span.count {
    color: #fff;
}

.site-header #MainLogo {
    transition: 0.5s;
    width: 155px;
    max-width: 20%;
    margin: .4em 0;
}

    .site-header #MainLogo a {
        max-width: 100%;
        display: block;
    }

    .site-header #MainLogo img {
        max-width: 100%;
        width: auto;
        max-height: 100%;
        object-fit: contain;
        min-width:150px;
    }


body.sticky .site-header #MainLogo img {
    width: auto;
    max-height: 100%;
    max-width: 100%,
}


.site-header .top-navigation {
    justify-content: flex-end;
    transition: .5s;
    padding: .5em 0;
    align-items: center;
    z-index: 100001;
    box-sizing: border-box;
    background: #000;
    margin: 0 0 .5em 0;
}

body.sticky .site-header .top-navigation {
    display: none;
}

    .site-header .top-navigation .wrap {
        justify-content: center;
        color: rgba(255,255,255,.7);
        background: #000;
        width: auto;
        font-size: .9rem;
        font-weight: 700;
        padding: .5em 1em;
    }

.site-header .top-navigation .wrap *{
    margin:0;
    padding:0;
}

    .site-header .top-navigation::before {
        content: "";
        display: block;
        border-top: 1px solid rgba(255,255,255,.5);
        width: 100%;
        position: absolute;
        z-index: 1;
    }

    .site-header .top-navigation .my-pages {
        text-align: center;
        margin-left: 1em;
        position: relative;
        transition: unset;
        max-height: 20px;
        padding-top: 0;
        display: block;
        font-size: .75rem;
        top: .1em;
        position: relative;
        color: #1b64ab;
        color: #fff;
    }

        .site-header .top-navigation .my-pages .fad, .site-header .top-navigation .my-pages .fal, .site-header .top-navigation .my-pages .far, .site-header .top-navigation .my-pages .fas {
            font-size: 1rem;
            margin-right: .3em;
        }

body.sticky .site-header #SmallCartWrapper .my-pages.cart-icon {
    margin-top: -.5em;
}

/* SmallCart-Wrapper ------------------------ */
.site-header #SmallCartWrapper {
    max-height: 3.1em;
}

body.sticky .site-header #SmallCartWrapper {
    margin-top: .3em;
}

    .site-header #SmallCartWrapper .my-pages.cart-icon {
        padding-top: 0;
        margin-left: auto;
        align-self: center;
        box-sizing: border-box;
        border-radius: 3px;
        background: none;
        color: #92ef00;
    }


        .site-header #SmallCartWrapper .my-pages.cart-icon.disabled {
            color: #333;
        }

        .site-header #SmallCartWrapper .my-pages.cart-icon:hover {
            cursor: pointer;
        }

        .site-header #SmallCartWrapper .my-pages.cart-icon .icon {
            z-index: 20;
            position: relative;
            color:#fff;
        }


        .site-header #SmallCartWrapper .my-pages.cart-icon:hover .icon {
           color: #f3a04c;
        }


        .site-header #SmallCartWrapper .my-pages.cart-icon.disabled, .site-header #SmallCartWrapper .my-pages.cart-icon.disabled:hover {
            opacity: .6;
            cursor: default;
        }

            .site-header #SmallCartWrapper .my-pages.cart-icon.disabled:after, .site-header #SmallCartWrapper .my-pages.cart-icon.disabled:hover:after {
                opacity: .5;
            }

            .site-header #SmallCartWrapper .my-pages.cart-icon.disabled:hover:after {
                opacity: 0;
            }

        .site-header #SmallCartWrapper .my-pages.cart-icon .fal, .site-header #SmallCartWrapper .my-pages.cart-icon .fas {
            font-size: 1.3rem;
            opacity: 1;
            color: #fff;
        }


    .site-header #SmallCartWrapper .my-pages.disabled.cart-icon .fal, .site-header #SmallCartWrapper .my-pages.disabled.cart-icon .fas {
        color: #999;
    }

    .site-header #SmallCartWrapper .my-pages.cart-icon:hover .fas, .site-header #SmallCartWrapper .my-pages.cart-icon:hover .fal {
        opacity: 1.0;
    }

    .site-header #SmallCartWrapper .my-pages.cart-icon.disabled .fal, .site-header #SmallCartWrapper .my-pages.cart-icon.disabled:hover .fal, .site-header #SmallCartWrapper .my-pages.cart-icon.disabled .fas, .site-header #SmallCartWrapper .my-pages.cart-icon.disabled:hover .fas {
        opacity: .7;
    }

    .site-header #SmallCartWrapper .my-pages.cart-icon span.count {
        position: absolute;
        right: -.8em;
        top: -1.3em;
        font-size: .9rem;
        font-weight: bold;
        z-index: 1;
        min-width: 30px;
        height: 27px;
        border-radius: 50%;
        align-items: center;
        align-content: center;
        justify-content: center;
        padding: .1em 0;
        color: #333;
    }

    .site-header #SmallCartWrapper .my-pages.cart-icon.disabled span.count {
        background: #666;
        color: #fff;
    }

.site-header #SmallCartWrapper .my-pages {
    position: relative;
    color: #fff;
    min-width: 55px;
    text-align: center;
    justify-content: center;
}


    .site-header #SmallCartWrapper .my-pages .text {
        position: absolute;
        font-size: .7rem;
        bottom: 0;
        left: 0;
        width: 100%;
        color: #fff;
        bottom: -1.7em;
    }

/* PageCart ------------------ */
#PageCart {
    position: fixed;
    top: 0;
    right: -400px;
    height: auto;
    z-index: 1001111;
    width: 400px;
    max-width: 100%;
    top: 0;
    height: 100vh;
    box-sizing: border-box;
    transition: .5s;
    background:#fff;
    align-items:flex-start;
    align-content:flex-start;
}

body.cart-open{
    position:fixed;
    width:100%;
    height:100%;
    overflow:hidden;
}

body.cart-open #PageCart {
    right: 0;
}

body.cart-open #PageCartWrapper {
    position:fixed;
    z-index:1001111;
    background:Rgba(0,0,0,0.3);
    top:0;
    left:0;
    width:100%;
    height:100%;
}

#PageCart .head {
    padding: 1em 1.7em;
    background: #fff;
    color: #333;
    width:100%;
    border-bottom:1px solid #ccc;
    align-items:flex-start;
    align-content:flex-start;
}

    #PageCart .head .title {
        display: block;
        line-height: 140%;
        width: -moz-calc(50% - 100px);
        width: -webkit-calc(50% - 100px);
        width: -o-calc(50% - 100px);
        width: calc(50% - 100px);
        box-sizing: border-box;
        font-size: 1.3rem;
        font-family: 'Playfair Display',serif;
        margin-right:auto;
    }

#PageCart #PrintList{
    margin-right:1.5em;
    margin-left:1.5em;
    position:relative;
}

    #PageCart #PrintList.active .icon {
        display: block !important;
        position: absolute;
        top: -0.25em;
        right: -0.7em;
        font-size: .8rem;
    }

#PageCart #PrintOptions {
    border-top: 1px solid #ccc;
    padding: 1em 0 0 0;
    margin: 1em 0 .25em 0;
    display:none;
    flex-direction: column;
    width: 100%;
}


#PageCart #PrintOptions.show {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

}


#PageCart #PrintOptions a{
   margin:0 0 .25em 0;
   font-size:.9rem;
}

    #PageCart #PrintOptions a .icon{
        margin: 0 .5em 0 0;
    }


#PageCart .head .buttons {
    margin-left: auto;
    align-items: center;
    align-content: center;
    padding-right: 0.5em;
}

    #PageCart .head .buttons a, #ClosePageCart{
        margin-left:1em;
        font-size:1.2rem;
    }

        #PageCart .head .buttons a:hover {
            color: #f3a04c;
        }

    #PageCart .head #CloseCart {
        margin-left: auto;
    }

        #PageCart .head #CloseCart:hover {
            color: rgba(255,107,0,1.0);
            cursor: pointer;
        }

#PageCart .items {
    height: -moz-calc(100vh - 225px);
    height: -webkit-calc(100vh - 225px);
    height: -o-calc(100vh - 225px);
    height: calc(100vh - 225px);
    overflow-y: auto;
    background: #fff;
    border: 0;
    width: 100%;
}

#PageCart.state-2 .items {
    height: -moz-calc(100vh - 225px);
    height: -webkit-calc(100vh - 225px);
    height: -o-calc(100vh - 225px);
    height: calc(100vh - 225px);
}

#PageCart.state-3 .items {
    height: -moz-calc(100vh - 325px);
    height: -webkit-calc(100vh - 325px);
    height: -o-calc(100vh - 325px);
    height: calc(100vh - 325px);
}

#PageCart .item {
    border-bottom: 1px solid rgba(99,99,99,0.2);
    padding: 1em 2em 1em 2em;
    width: 100%;
    box-sizing: border-box;
    font-size: .9rem;
}

#PageCart .content {
    width: -moz-calc(100% - 120px);
    width: -webkit-calc(100% - 120px);
    width: -o-calc(100% - 120px);
    width: calc(100% - 120px);
    margin-left: auto;
    position: relative;
}

#PageCart .item .img {
    width: 70px;
    height: 70px;
    border: 1px solid rgba(99,99,99,0.2);
    overflow: hidden;
}

    #PageCart .item .img:hover {
        cursor: pointer;
    }

    #PageCart .item .img img {
        max-width: 100%;
        max-height: 100%;
        height: auto;
        width: auto;
    }

#PageCart .item a.name {
    margin-bottom: .5em;
    font-weight: 600;
}

    #PageCart .item a.name:hover {
        opacity: .7;
    }

#PageCart .item .del-btn {
    opacity: .6;
    font-size: 1.3rem;
    margin-right: .7em;
}

    #PageCart .item .del-btn:hover {
        cursor: pointer;
        opacity: 1.0;
        color:#f3a04c;
    }

#PageCart .item .price {
    display: block;
    width: 100%;
    margin-bottom: .5em;
}

#PageCart .item .k-numerictextbox {
    margin-right: 1em;
    width: 100px;
}

    #PageCart .item form .k-numerictextbox, #PageCart .item .k-numerictextbox .k-numeric-wrap, #PageCart .item .k-numerictextbox .k-input {
        border-radius: 100px;
    }

    #PageCart .item .k-numerictextbox .k-input {
        z-index: 100000;
        position: relative;
        width: -moz-calc(100% - 1.8em);
        width: -webkit-calc(100% - 1.8em);
        width: -o-calc(100% - 1.8em);
        width: calc(100% - 1.8em);
        margin-left: 1.8em;
    }

#PageCart .item .k-select {
    border-radius: 100px;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    align-content: center;
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
    top: 0;
}

    #PageCart .item .k-select .k-link {
        padding: 1em;
        border-radius: 100%;
        font-size:.9rem;
    }

        #PageCart .item .k-select .k-link:hover {
            color: rgba(255,107,0,1.0);
        }

        #PageCart .item .k-select .k-link:active {
            background: none !important;
            color: rgba(255,107,0,1.0);
        }

    #PageCart .item .k-select .k-link-decrease {
        margin-left: 0;
        margin-right: auto;
    }

    #PageCart .item .k-select .k-link-increase {
        margin-left: auto;
        order: 2;
    }

        #PageCart .item .k-select .k-link-increase .k-icon:before {
            font-family: 'Font Awesome 5 Pro';
            content: "\f067";
            font-size: .7rem;
        }

    #PageCart .item .k-select .k-link-decrease .k-icon:before {
        font-family: 'Font Awesome 5 Pro';
        content: "\f068";
        font-size: .7rem;
    }

#PageCart .item .k-numerictextbox input {
    text-align: center;
    border-radius: 8px;
    padding: .5em .25em;
    background: #eee;
    box-shadow: none;
    border: 0;
    font-size: 1rem;
    margin-top: 1em;
    margin-bottom: .5em;
    text-indent: 0;
}

#PageCart .item .sum {
    text-align: right;
    font-weight: bold;
    margin-left: auto;
}

    #PageCart .item .sum .ord {
        margin-right: 20px;
        text-decoration: line-through;
    }

    #PageCart .item .sum .discount {
        margin-right: 20px;
        color: #ff0000;
    }

#PageCart .item .textarea-heading {
    margin-top: 1em;
    display: block;
    width: 100%;
    font-weight: 600;
    font-size: .8rem;
}

#PageCart .item .comment input {
    width: 100%;
    margin: 0;
    height: 35px;
    outline: none;
    padding: .2em .4em;
    box-sizing: border-box;
    font-size: .8rem;
    border-radius: 3px;
    text-align: left;
}

#PageCart #SummaryContainer{
    width:100%;
}

#PageCart .summary {
    padding: 2em;
    background: #fff;
    color: #333;
    border-top:1px solid #ccc;
}

#PageCart .amount-to-freefreight {
    border-top: 1px solid rgba(99,99,99,0.5);
    font-size: .9rem;
    padding: 1em 2em;
    background: #fff;
}

#PageCart .summary div {
    width: 50%;
    font-size: .9rem;
    margin-bottom: .2em;
}

    #PageCart .summary div:nth-child(even) {
        text-align: right;
    }

#PageCart .summary .total {
    font-weight: 600;
    font-size: 1rem;
}

#PageCart .summary div.buttons {
    width: 100%;
    text-align: center;
}

    #PageCart .summary div.buttons a {
        justify-content: center;
        align-items: center;
        width: 100%;
        text-align: center;
        position: relative;
        padding: .8em;
        font-size: 1.1rem;
        box-sizing: border-box;
        margin-top: 1em;
    }

        #PageCart .summary div.buttons a, #PageCart .summary div.buttons a:hover {
            font-size: 1rem;
            padding: 1.2em 2.5em;
            background: #73a82e;
            color: #fff !important;
            width: 100%;
            box-sizing: border-box;
            border: 5px solid #fff;
            border-radius: 100px;
        }

            #PageCart .summary div.buttons a:hover {
                background: #73a82e;
                border: 5px solid #73a82e;
                outline: none;
                opacity: 1;
            }

@media only screen and (min-width : 0px) and (max-width : 115rem) {
    .site-header #SmallCartWrapper {
        width: auto;
        margin-right: .5em;
    }
}

@media only screen and (min-width : 0px) and (max-width : 65rem) {
/*    body.cart-open {
        position: relative;
        width: 100%;
        height: auto;
        overflow: auto;
    }*/

    .site-header .menu-icon {
        opacity: 1.0;
        width: 30px;
     border-radius: 3px;
        padding: .35em;
        color: #fff;
        margin:.25em 1em 0 0;
    }

        .site-header .menu-icon * {
            color: #fff;
        }

/*    body.cart-open #PageCartWrapper {
        position: fixed;
        z-index: 1;
        background: none;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
    }*/

}

@media only screen and (min-width : 0px) and (max-width : 55rem) {

    /* site-header ------------ */

    .site-header {
        padding-top: .5em;
    }

        .site-header .inner {
            padding-left: 1em;
            padding-right: 1em;
        }

   

        .site-header .menu-icon {
            width: 20px;
            margin-top:0;
        }


        .site-header #MainLogo {
            margin-top:.5em;
        }

        .site-header #MainLogo img {
            min-width: 100px;
            max-width:100px;
        }

        .site-header .top-navigation {
            display: none;
        }

        .site-header #SmallCartWrapper {
            margin-top: -.25em;
            width: 20px;
            margin-right: 2em;
            max-height: 2.7em;
        }

            .site-header #SmallCartWrapper .my-pages {
                min-width: 45px;
            }

            .site-header #SmallCartWrapper .my-pages.cart-icon span.count {
                right: -1em;
                top: -.9em;
                font-size: .7rem;
                min-width: 25px;
                height: 22px;
            }

                .site-header #SmallCartWrapper .my-pages .text {
                    bottom: -1.25em;
                }

}

@media only screen and (min-width : 0px) and (max-width : 40rem) {
    /* site-header ------------ */

    .site-header .inner {
        padding-left: 0;
        padding-right: 1em;
    }

    .site-header .wrap {
        max-width: 100%;
    }

    .site-header .menu-icon {
        margin-right: 0;
        height: 45px;
        align-self: center;
        align-content: center;
        align-items: center;
        padding: 0 .8em;
    }

    #PageCart {
        width:300px;
    }

        #PageCart .item {
            padding: 1em;
        }

    


}

@media only screen and (min-width : 0px) and (max-width : 484px) {
    /* site-header ------------ */


    #PageCart .head .buttons {
        padding: 0.5em 0.5em 0 0;
    }
}
#OpenSearch{
    margin-right:1.5em;
}

body.open-search{
    position:fixed;
    width:100%;
    height:100%;
    left:0;
    top:0;
    overflow:hidden;
  
}

    body.open-search .site-header .top-navigation {
        z-index: 1;
    }

/* Search (sökvy) ----- */
#Search {
    margin: 0 auto;
    height: 100%;
    width:100%;
    position:fixed;
    top:0;
    left:0;
    display: none;
    z-index:10000;
    background:rgba(0,0,0,0.9);
}

.open-search #Search {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    padding: 2em;
    box-sizing: border-box;
    z-index: 100000000000;
}

    .open-search #Search .close-search {
        order:1;
        position:fixed;
        top:2em;
        right:2em;
        background:none;
        color:#fff;
        transition:.5s;
    }

        .open-search #Search .close-search:hover {
            transform: scale(1.1);
            cursor: pointer;
            color: #ff6a00;
        }


    #Search form {
        width: 100%;
        max-width:980px;
        position: relative;
        padding: 0 0 0 1em;
    }

    #Search input, .search input {
        width: 100%;
        height: 70px;
        box-shadow: none;
        border-radius: 7px;
        box-sizing: border-box;
        padding: .3em 3em .3em 1em;
        font-size: 1.2rem;
        font-weight: 400;
        transition: .5s;
        background: #fff;
        color: #333;
        background: #eee;
        border: 0;
    }

        #Search input:hover, .search input:hover {
            background: #e2e2e2;
        }

        #Search input:focus, .search input:focus {
            background: #e2e2e2;
        }

        #Search input::-webkit-input-placeholder, .search input::-webkit-input-placeholder {
            color: #999;
        }

        #Search input:-ms-input-placeholder, .search input:-ms-input-placeholder {
            color: #999;
        }

        #Search input::placeholder, .search input::placeholder {
            color: #999;
        }

    #Search .search-button {
        position: absolute;
        right: 1em;
        top: 0;
        background: none;
        border: 0;
        padding: 0;
        height: 30px;
        width: 60px;
        color: #333;
        border: 0;
        height: 100%;
        padding-left: 1em;
    }

#SearchButton {
    background: none;
    border: 0;
    padding: 0;
    height: 70px;
    width: 60px;
    color: #333;
    border: 0;
    padding-left: 1em;
    position: absolute;
    right: 1em;
}

#Search .search-icon, .search .search-icon {
    opacity: .9;
    font-size: 1.3rem;
    color: #333;
}

    #Search .search-icon:hover, .search .search-icon:hover {
        cursor: pointer;
        opacity: 1.0;
        color: #ff6a00;
    }
.campaign, .article {
    margin: 0 1em .5em 0;
    width: -moz-calc(20% - .8em);
    width: -webkit-calc(20% - .8em);
    width: -o-calc(20% - .8em);
    width: calc(20% - .8em);
    padding: 10px 0;
    box-sizing: border-box;
    text-align:center;
    position:relative;
    overflow:hidden;
}

    .article :nth-child(5n+5), .article:nth-child(5n+5), .campaign:nth-child(5n+5), .carticle:nth-child(5n+5) {
        margin-right: 0;
    }

    .campaign:hover, .article:hover {
        cursor: pointer;
    }

    .campaign .terms-icon, .article .terms-icon {
        right: .5em;
        position: absolute;
        top: .5em;
        z-index: 100001;
    }

    .campaign .img, .article .img {
        width: 100%;
        height: 350px;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        margin: 0 0 .8em 0;
        position: relative;
        background: #fff;
        box-sizing: border-box;
        
    }

    .campaign a.img, .article a.img {
        border: 0 !important;
    }

    .campaign .name, .article .name {
        width: 100%;
        min-height: 65px;
    }

    .campaign a h2, .article a h2 {
        color: #000;
        width: 100%;
        font-family: 'Nunito Sans';
        font-weight: 400;
        font-size: .9rem !important;
        width: 100%;
        display: block;
        line-height: 140%;
    }

    .campaign a h3, .article a h3 {
        color: #000;
        width: 100%;
        font-family: 'Nunito Sans';
        font-weight: 400;
        font-size: .8rem !important;
        width: 100%;
        display: block;
        line-height: 140%;
    }

    .campaign img, .article img {
        max-width: 90%;
        max-height: 90%;
        transition: .5s;
    }

    .campaign:hover img, .article:hover img {
        transform: scale(1.03);
    }

    .campaign .price, .article .price {
        font-size: 1rem;
        font-weight: 800;
        margin-top: .4em;
        opacity: .8;
        display: block;
        text-align: center;
        width: 100%;
        color: #000;
    }

        .campaign .price.campaign-price, .article.price.campaign-price {
            color: #E12F2F;
        }

    .campaign .reg-price, .article .reg-price {
        color: #666;
        text-decoration: line-through;
        font-weight: 400;
        font-size: .9rem;
    }

    .article .stock {
        display: flex;
        justify-content: center;
        border-top: 0.25px solid #ccc;
        padding-top: 0.5em;
        font-size: 1rem;
        font-weight: 300;
        margin: 1em auto 0 auto;
        width: 85%;
    }

    .article .ajax-stock {
        padding-right: 0.15em;
    }

.stock .instock-icon, .stock .outstock-icon {
    font-weight: 600;
}

    .stock .instock-icon .far {
        color: rgba(170,214,134,1);
    }

    .stock .outstock-icon .fa-box-open {
        color: rgba(227, 61, 52, 1);
    }

    .campaign .btns, .article .btns {
        position: absolute;
        right: 0;
        top: 260px;
        transition: .5s;
        flex-direction: column;
        z-index: 10;
    }

    .related-articles .campaign .btns, .related-articles .article .btns {
        top: 110px;
    }

    

    .campaign .k-button, .article .k-button {
        background: #414141;
        color: #fff;
        text-decoration: none;
        height: 40px;
        width: 40px;
        border-radius: 50%;
        box-sizing: border-box;
        align-items: Center;
        justify-content: center;
        margin-top: .5em;
        font-size: .9rem;
        position: relative;
        outline: none !important;
        box-shadow: none !important;
        transform: translate(150%, 0);
        transition: .25s;
    }

        .campaign .k-button:last-of-type, .article .k-button:last-of-type {
            transition-delay: .25s;
        }

        .campaign .k-button.view-btn:hover, .carticle.k-button.view-btn:hover {
            background: #fbd64a;
        }

        .campaign .k-button.buy-btn:hover, .article .k-button.buy-btn:hover {
            background: #aad686;
        }


    .campaign:hover .btns .k-button, .article:hover .btns .k-button {
        transform: translate(0, 0);
    }

    .campaign:hover .k-button, .article:hover .k-button {
    }

    .campaign .k-button:hover, .article .k-button:hover {
        background: #000;
    }

.vat-label {
    font-size: .7rem;
    width: 100%;
    display: block;
    font-weight: normal;
}

.summary .vat-label {
    display: inline;
}

/* Kampanjbanner ------------ */
.campaign-article-banner {
    background: #b92a30;
    color: #fff;
    font-weight: 600;
    padding: .5em .8em;
    font-size: .8rem;
    margin: 0 0 0.5em 0.9em;
    position: absolute;
    z-index: 99;
}

.articles .campaign-article-banner {
    top: 0;
    left: 0;
}

/*.article-detail .reg-price {
    color: #666;
    text-decoration: line-through;
    font-weight: 400;
    font-size: .9rem;
    margin-left: .2em;
}*/

.article-detail .scrollable-content .campaign-valid {
    color: #e12f2f;
    width: 100%;
    font-weight: 500;
    font-size: .7rem;
    margin-top: 1em;
}

.article-detail .scrollable-content .reg-price {
    font-size: 1.2rem;
    font-weight: normal;
    text-decoration: line-through;
    color: #999;
}

.article-detail .price.campaign-price {
    color: #E12F2F;
}

@media only screen and (min-width : 0px) and (max-width : 95rem) {
    .campaign, .campaign:nth-child(5n+5), .article, .article:nth-child(5n+5) {
        width: -moz-calc(25% - 1em);
        width: -webkit-calc(25% - 1em);
        width: -o-calc(25% - 1em);
        width: calc(25% - 1em);
    }

        /*.campaign:nth-child(4n+4), .article:nth-child(4n+4) {
            margin-right: 0;
        }*/
}

@media only screen and (min-width : 0px) and (max-width : 75rem) {
    .campaign, .campaign:nth-child(5n+5), .campaign:nth-child(4n+4), .article, .article:nth-child(5n+5), .article:nth-child(4n+4) {
        width: -moz-calc(33.33% - 1em);
        width: -webkit-calc(33.33% - 1em);
        width: -o-calc(33.33% - 1em);
        width: calc(33.33% - 1em);
    }

        /*.campaign:nth-child(3n+3), .article:nth-child(3n+3) {
            margin-right: 0;
        }*/
}

@media only screen and (min-width : 0px) and (max-width : 65rem) {
    .campaign, .campaign:nth-child(5n+5), .campaign:nth-child(4n+4), .campaign:nth-child(3n+3), .article, .article:nth-child(5n+5), .article:nth-child(4n+4), .article:nth-child(3n+3) {
        width: -moz-calc(50% - 1em);
        width: -webkit-calc(50% - 1em);
        width: -o-calc(50% - 1em);
        width: calc(50% - 1em);
    }

        /*.campaign:nth-child(2n+2), .article:nth-child(2n+2) {
            margin-right: 0;
        }*/

    
}

@media only screen and (min-width : 0px) and (max-width : 55rem) {
    .campaign, .campaign:nth-child(5n+5), .campaign:nth-child(4n+4), .campaign:nth-child(3n+3), .campaign:nth-child(2n+2), .article, .article:nth-child(5n+5), .article:nth-child(4n+4), .article:nth-child(3n+3), .article:nth-child(2n+2) {
        width: 100%;
        margin-right: 0
    }
        .campaign .btns, .article .btns {
            display: none;
        }
}
#MainNav {
    justify-self: center;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    box-sizing: border-box;
    align-content: center;
    align-items: center;
    padding: 0 2em;
    margin-top: 1em;
    transition: .5s;
    position: relative;
    left: 0;
}

.k-state-highlight{
    background:none!important;
}

#MainNav .mobile-menu {
    display: none;
}

#MainNav .k-menu .k-item {
    margin: .25em .75em;
}

    #MainNav .k-menu .k-item:hover {
        background: none !important;
    }

#MainNav a, #MainNav .k-link {
    flex-wrap: nowrap;
    white-space: nowrap;
    justify-content: center;
    position: relative;
    text-decoration: none;
    font-size: .9rem;
    text-transform: uppercase;
    font-weight: 300;
    position: relative;
    opacity: 1.0;
    font-weight: 600;
    color: rgba(255,255,255,1);
    align-items: center;
    padding: 1em .7em;
    box-sizing: border-box;
    background: none;
}

    #MainNav a:hover, #MainNav .k-link:hover {
        background: none !important;
        opacity: .6 !important;
        color: #fff !important;
    }

        #MainNav a .fal {
            display: none;
        }

.site-header #MainNav a:hover {
    color: rgba(230,230,230,.7);
    text-decoration: none;
}

#MainNav .w-100 {
    justify-content: center;
}


#MainNav .k-link:after, #MainNav a:after {
    height: 1px;
    opacity: 0;
    content: "";
    display: block;
    width: 0;
    position: absolute;
    bottom: 0;
    transition: .5s;
}

#MainNav a.active:after, #MainNav a:hover:after, #MainNav .k-link:hover:after {
    opacity: .9;
    width: 100%;
}

#MainNav .k-state-highlight .k-link:after {
    opacity: .9;
}

#MainNav .k-state-highlight .k-group .k-link:after {
    opacity: 0;
}


#MainNav .k-group {
    box-sizing: border-box;
    margin-top: 46px;
    min-width: 280px;
    border-radius: 2px;
    padding: 1.9em 1.5em 2em 1.5em;
    border-radius: 2px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: 0;
    border-left: 1px solid rgba(255,255,255,0.4);
    border-bottom: 1px solid rgba(255,255,255,0.4);
    overflow: Visible !important;
    background: #000;
}

    #MainNav .k-group a {
        width: 100%;
        box-sizing: border-box;
        padding: .4em 2.5em;
        margin: 0;
        align-items: center;
        text-transform: none;
        font-size: 1rem;
    }

        #MainNav .k-group a:hover {
            cursor: pointer;
        }

            #MainNav .k-group a:hover:after {
                display: none;
            }

body.sticky .site-header #MainNav {
    margin-top: .2em;
}

    body.sticky .site-header #MainNav a:hover:after, body.sticky .site-header #MainNav a.k-link:hover:after {
        opacity: .7;
    }

    body.sticky .site-header #MainNav a#OpenSearch {
        margin-top: 0;
    }

    body.sticky .site-header #MainNav .k-group {
        margin-top: 22px;
        background: #111;
    }

/* Small Nav ------------------------ */
.small-nav {
    justify-self: flex-end;
    margin: 0 1.5em 0 auto;
    padding: .7em 0 0 0;
    flex-wrap:nowrap;
}
    .small-nav a.my-pages {
        position: relative;
        color: #fff;
        min-width: 55px;
        text-align: center;
        justify-content: center;
        max-height: 3.3em;
    }

    .small-nav a.my-pages.sign-out {
    margin-left:1.5em;
    }


        .small-nav a.my-pages .text {
            /* visibility: hidden;
    position: absolute;
    top: -1000px;
    left: -10000px;*/
            position: absolute;
            font-size: .7rem;
            bottom: 1em;
            left: 0;
            width: 100%;
        }

    .small-nav a.my-pages:hover {
        color: #fff!important;
        opacity: 1!important;
    }


        .small-nav a.my-pages:hover .fal {
            color: #f3a04c !important;
        }

        .small-nav .my-pages:hover .text{
            color: #fff !important;
        }
/* Large menu (dropdown med artikelgrupper) ------------ */
#LargeNav {
    background: #f8f8f8;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    padding-left: 2em;
    padding-right: 2em;
    z-index: 1001;
    margin-top: 0;
}

    #LargeNav.open {
        max-height: 4000px;
        padding-top: 1em;
        padding-bottom: 2em;
        border-bottom: 1px solid #eee;

    }

.index #LargeNav.open {
    padding-top: 2em;
}

    #LargeNav .wrap {
        width: 95%;
        max-width: 1220px;
        padding:0 2em 2em 2em;
        box-sizing:border-box;
    }

    .index #LargeNav .wrap {
        padding: 7em 2em 2em 2em;
    }

    #LargeNav h2 a {
        color: #ff6a00;
        text-decoration: underline;
        opacity: 1.0;
    }

        #LargeNav h2 a:hover {
            text-decoration: none;
            color: #ff6a00!important;
        }


    #LargeNav a {
        color: #333;
    }



#LargeNav .title {
    margin-bottom: 1.5em;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    padding-bottom: 1em;
    align-items: center;
    align-content: center;
}

    #LargeNav .title .close-nav {
        justify-self: flex-end;
        margin-left: auto;
        font-size: 1.3rem;
        background: none;
        border: 0;
    }

        #LargeNav .title .close-nav:hover {
            cursor: pointer;
            color: #e33d34;
        }

#LargeNav .group {
    width: 25%;
    margin: 0;
}

#LargeNav .column-w16{
    width:16%;
}

#LargeNav .column-w20 {
    width: 20%;
}

#LargeNav .column-w25 {
    width: 25%;
}

#LargeNav .column-w33 {
    width: 33.33%;
}

#LargeNav .column-w50 {
    width: 50%;
}

#LargeNav .column-w100 {
    width: 100%;
}

#LargeNav .column div{
    width:100%;
}

#LargeNav .group{
    margin:0 0 1em 0;
}

    #LargeNav .group a {
        width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        color: #333;
        font-size: .95rem;
        font-weight: bold;
        align-items: center;
    }

    #LargeNav .group a img {
        margin-right: .5em;
        width: 100%;
        max-width: 50px
    }

    #LargeNav .group a:hover, #LargeNav h2 a:hover {
        color: #ff6a00;
        opacity: .8;
        cursor: pointer;
    }

        #LargeNav .group .level-2 a {
            margin-left: 0;
            font-size: .9rem;
            font-weight: normal;
        }

#LargeNav .group .level-3 a {
    margin-left: 1em;
    font-size: .9rem;
    font-style: italic;
    font-weight: normal;
}

#LargeNav .group .level-4 a {
    margin-left: 2em;
    font-size: .8rem;
    font-style: italic;
    font-weight: normal;
}

#LargeNav .group .level-5 a {
    margin-left: 3em;
    font-size: .7rem;
    font-style: italic;
    font-weight: normal;
}

#LargeNav #CloseMenu {
    color: #333;
    position: absolute;
    right: 1em;
    bottom: 1em;
    height: 20px;
    width: 20px;
    font-size: 1.5rem;
}

    #LargeNav #CloseMenu:hover {
        transform: scale(1.1);
        color: #f3a04c;
    }

#LargeNav #ArticleGroupMenu {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

#MainNav .mobile-menu {
    display: none;
}


#MainNav a .fal {
    display: none;
}

.site-header #MainNav a:hover {
    color: #1b64ab;
}


#MainNav .k-group {
    box-sizing: border-box;
    margin-top: 46px;
    min-width: 280px;
    border-radius: 2px;
    padding: 1.9em 1.5em 2em 1.5em;
    border-radius: 2px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: 0;
    border-left: 1px solid rgba(255,255,255,0.4);
    border-bottom: 1px solid rgba(255,255,255,0.4);
    overflow: Visible !important;
    background: #000;
}

    #MainNav .k-group a {
        width: 100%;
        box-sizing: border-box;
        padding: .4em 2.5em;
        margin: 0;
        align-items: center;
        text-transform: none;
        font-size: 1rem;
    }

        #MainNav .k-group a:hover {
            cursor: pointer;
        }

            #MainNav .k-group a:hover:after {
                display: none;
            }



@media only screen and (min-width : 0px) and (max-width : 65rem) {
    #LargeNav.open{
        display:none;
    }
    #MainNav .k-menu {
        display: none;
    }

    #MainNav .mobile-menu, #MobileMyPagesMenu {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    body.mob-open {
        position: fixed;
        left: 0;
        top: 0;
        overflow: hidden;
        width: 100%;
        height: 100%;
    }

        body.mob-open #Blanket {
            position: fixed;
            left: 0;
            overflow: hidden;
            width: 100%;
            height: 100%;
            z-index: 1000;
            position: fixed;
            left: 0;
            overflow: hidden;
            width: 100%;
            background: rgba(3,3,3,.6);
            z-index: 10000;
        }

 

    #MainNav, body.sticky .site-header #MainNav {
        position: fixed;
        left: -300px;
        width: 100%;
        max-width: 300px;
        background: #222;
        flex-wrap: wrap;
        margin-left: 0;
        align-items: flex-start;
        align-content: flex-start;
        padding: 0 0 1em 0;
        box-sizing: border-box;
        overflow: auto;
        z-index: 100001;
        top: auto;
        bottom: 0 !important;
    }

    .mob-open #MainNav {
        left: 0;
        overflow-y: auto !important;
        padding-bottom: 6em;
    }

    #MainNav .wrap{
        padding:0;
        max-width:100%;
    }

    #MainNav a {
        width: 100%;
        justify-content: flex-start;
    }

    #MobileNav {
        border-top: 0;
    }


   

        #MobileNav section {
            width: 100%;
        }

        #MobileNav a {
            font-weight: normal;
            padding: .4em 0;
            margin: .2em 2em .2em 2em;
            box-sizing: border-box;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            width: 100%;
        }

            #MobileNav a.selected.child {
                color: #65b32e; 
                font-weight: bold;
            }

            #MobileNav .k-link:after, #MobileNav a:after {
                display: none;
            }

            #MobileNav a .icon {
                margin-left: auto;
                width: 15px !important;
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                justify-content: center;
                text-align: center;
                font-size: 1rem !important;
                color: #fff;
            }

                #MobileNav a .icon.right {
                    font-size: 1.4rem !important;
                }

            #MobileNav a span {
                display: block;
                width: auto !important;
                flex-wrap: wrap;
                white-space: normal;
                padding-right: .5em;
            }

            #MobileNav a .show-all {
                font-style: italic;
            }

        #MobileNav .group, #MobileNav .groups, #MobileNav div, #MobileNav .first-link {
            width: 100%;
            position: relative;
            align-content: flex-start;
        }

            #MobileNav .groups section {
                border-bottom: 1px solid rgba(255,255,255,.2);
            }

            #MobileNav .groups .groups {
                padding-bottom: 1em;
            }

            #MobileNav .groups section.open, #MobileNav .groups section section {
                border-bottom: 0;
            }

                #MobileNav .groups section.open section {
                    border-bottom: 1px solid #ddd;
                }

            #MobileNav .groups.level-0 a {
                /* border-bottom: 1px solid #ddd;*/
            }

            #MobileNav .groups.level-0 .open a.parent.active {
                border-bottom: 0;
            }

            #MobileNav .groups.level-1 a {
                padding-left: 1em;
                border-bottom: 0;
            }

            #MobileNav .groups.level-2 a {
                padding-left: 2em;
                font-style: italic;
                border-bottom: 0;
            }

            #MobileNav .groups.level-3 a {
                padding-left: 3em;
                font-style: italic;
                font-size: .8rem;
                border-bottom: 0;
            }

            #MobileNav .groups.level-4 a {
                padding-left: 4em;
                font-style: italic;
                font-size: .8rem;
                border-bottom: 0;
            }

            #MobileNav .groups.level-5 a {
                padding-left: 5em;
                font-style: italic;
                font-size: .8rem;
                border-bottom: 0;
            }

            #MobileNav .groups.level-6 a {
                padding-left: 6em;
                font-style: italic;
                font-size: .8rem;
                border-bottom: 0;
            }

            #MobileNav .groups.level-7 a {
                padding-left: 7em;
                font-style: italic;
                font-size: .8rem;
                border-bottom: 0;
            }

            #MobileNav .groups.level-8 a {
                padding-left: 8em;
                font-style: italic;
                font-size: .8rem;
                border-bottom: 0;
            }

            #MobileNav .groups.level-9 a {
                padding-left: 9em;
                font-style: italic;
                font-size: .8rem;
                border-bottom: 0;
            }

            #MobileNav .groups.level-10 a {
                padding-left: 10em;
                font-style: italic;
                font-size: .8rem;
                border-bottom: 0;
            }

        #MobileNav a:hover {
            opacity: .6;
        }


        #MobileNav .groups a, #MobileNav .group a, #MobileNav .footer-menu a, #MobileNav .first-link {
            cursor: pointer;
            align-content: center;
            display: -webkit-box !important;
            display: -moz-box !important;
            display: -ms-flexbox !important;
            display: -webkit-flex !important;
            display: flex !important;
            flex-wrap: nowrap;
            align-items: center;
            align-content: center;
            text-transform: none;
        }

    #MainNav .k-link:hover:after, #MainNav a:hover:after {
        width: 0;
    }

    #MobileNav a span.expand-menu {
        margin-left: auto;
        width: 20px;
        align-items: center;
        align-content: center;
    }

    #MainNav a .fal {
        display: inline-flex;
        justify-self: flex-end;
        margin-left: auto;
        width: 20px;
        justify-content: Center;
    }

    #MainNav .mob-article-groups a .fal.fa-minus-circle {
        display: none;
    }

    #MobileNav .level-2.show a, #MobileNav .level-3.show a, #MobileNav .level-4.show a, #MobileNav .level-5.show a, #MobileNav .level-6.show a, #MobileNav .level-7.show a, #MobileNav .level-8.show a, #MobileNav .level-9.show a {
        display: -webkit-box !important;
        display: -moz-box !important;
        display: -ms-flexbox !important;
        display: -webkit-flex !important;
        display: flex !important;
        font-weight: normal !important;
    }

    #MobileNav .group a .fal, #MobileNav .content a .fal, #MobileNav .footer-menu a .fal, #MobileNav .footer-menu li .fal {
        margin-left: auto;
        font-size: 1rem;
    }

    #MobileNav .group a.parent.active .fad.fa-plus-circle {
        display: none;
    }

    #MobileNav .group a.parent.active .fad.fa-minus-circle {
        display: block !important;
    }

    #MobileNav .section a.second, #MobileNav .section a.third {
        max-height: 0;
        overflow: hidden;
        margin: 0;
        padding: 0 2.2em 0 2em;
    }

    #MobileNav .section a.all {
        font-weight: bold;
    }

    #MobileNav .section.open {
        padding-bottom: 1em;
    }

    #MobileNav .section.child-section.open {
        padding-bottom: .5em;
    }

    #MobileNav .section.open a.second {
        max-height: 1000px;
        box-sizing: border-box;
        margin-bottom: .2em;
        padding: .3em 2.2em;
    }

    #MobileNav .child-section.open a.third {
        max-height: 1000px;
        box-sizing: border-box;
        margin-bottom: .2em;
        padding: .3em 2.2em .3em 3em;
    }

    #MobileNav .group a.first {
        font-weight: bold;
        font-size: 1.1rem;
    }

    #MobileNav .section.info-pages a {
        font-weight: normal;
        font-size: 1rem;
    }

    #MobileNav .footer-menu {
        padding-right: .4em !important;
    }

        #MobileNav .footer-menu li a {
            padding-top: .2em;
            padding-bottom: .2em;
        }

        #MobileNav .footer-menu a span {
            display: block;
        }


        #MobileNav .footer-menu, #MobileNav .footer-menu li {
            list-style: none;
            padding: 0;
            margin: 0;
            width: 100%;
        }

    #MobileNav .footer-menu {
        margin-top: .5em;
    }

        #MobileNav .footer-menu li {
            margin: 0 0 .1em 0;
        }

        #MobileNav .footer-menu li, #MobileNav a span {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            width: 100%;
        }

    #MobileNav .d-none {
        display: none;
    }

    #MobileNav .groups.info {
        padding-top: 1em;
    }

        #MobileNav .groups.info .groups.info {
            padding-top: 0;
        }

        #MobileNav .groups.info section {
            border-bottom: 0;
        }

        #MobileNav .groups.info a {
            padding-top: .2em;
            padding-bottom: .2em;
            font-size: .8rem;
            padding-right: .3em;
        }
}

@media only screen and (min-width : 0px) and (max-width : 55rem) {
    .small-nav a.my-pages .text {
        bottom: 0;
    }
    .small-nav {
        padding: .4em 0 0 0;
        margin: 0 .8em 0 auto;
    }

    .site-header .fas, .site-header .fad, .site-header .fal, .site-header .far {
        font-size: 1.2rem;
    }

    .small-nav .my-pages.customer-pages, .small-nav .my-pages.sign-out, .small-nav .open-login-button {
        display: none;
    }

    .small-nav a.my-pages .text {
        bottom: .7em;
    }

    #OpenSearch {
        min-width:unset;
        margin-right:0;
    }
}


/* PillarPage ----------------- */
.pillar-row {
    display: flex;
}

    .pillar-row .pillar a {
        padding:.5em 1em!important;
    }

.pillar a, .pillar a:hover{
    color: #000;
}

.pillar .img {
    width:100%;
}


.pillar img {
    margin: auto;
    width:100%;
}

    .pillar h2:after {
        content: "\f105";
        font-family: 'Font Awesome 5 Pro';
        margin-left: auto;
    }


/* Puffar - startsidan --------- */
.pillar-row {
    width: 100%;

}

    .pillar-row:first-of-type {
        border-top: 1px solid #ccc;
    }


    .pillar-row:last-of-type {
        margin-bottom:3em;
    }

    .pillar-row .pillar {
        box-sizing: border-box;
        flex-wrap: wrap;
        padding: 0;
        border-bottom: 1px solid #ccc;
    }

        .pillar-row .pillar:hover {
            border-bottom: 1px solid rgba(243,160,76,1);
        }

    .pillar-row.vers-1 .pillar {
        width: 100%;
    }

    .pillar-row.vers-2 .pillar {
        width: 50%;
    }

        .pillar-row.vers-2 .pillar.first {
            border-right: 1px solid #ccc;
        }

    .pillar-row.vers-3 .pillar {
        width: 33.33%;
    }

        .pillar-row.vers-3 .pillar.second {
            border-left: 1px solid #ccc;
            border-right: 1px solid #ccc;
        }

/* Puffar page detail ----------------- */
    .puffar {
        box-sizing: border-box;
        flex-wrap: wrap;
        padding: 0;
        border-top: 1px solid #ccc;
    }

        .puffar .puff {
            width: 100%;
            border-bottom: 1px solid #ccc;
            box-sizing: border-box;
            padding: .8em 1em !important;
            align-items:center;
            align-content:center;
        }

            .puffar .puff .img {
                width: 100%;
                display:block;
            }

            .puffar .puff .img img{
                width: 100%;
            }

        .puffar .puff:hover {
            border-bottom: 1px solid rgba(243,160,76,1);
            color:#000;
        }

            .puffar .puff:after {
                content: "\f105";
                font-family: 'Font Awesome 5 Pro';
                margin-left: auto;
            }

        .puffar .puff-2 {
            width: 50%;
        }

            .puffar .puff-2.second {
                border-right: 1px solid #ccc;
            }

        .puffar .puff-3 {
            width: 33.33%;
        }

            .puffar .puff-3.second {
                border-left: 1px solid #ccc;
                border-right: 1px solid #ccc;
            }

@media only screen and (min-width : 0px) and (max-width : 65rem) {
    .pillar-row{
        flex-wrap:wrap;
    }
        .puffar .puff, .puffar .puff-2, .puffar .puff-3, .pillar-row.vers-2 .pillar, .pillar-row.vers-3 .pillar {
            width: 100%;
        }
}
.slider-wrap .carousel-swiper .swiper-container .swiper-slide, .slider-wrap .carousel-swiper .swiper-container .swiper-slide * {
    max-height: 80vh;
}

.second-slider .carousel-swiper .swiper-container .swiper-slide, .second-slider .carousel-swiper .swiper-container .swiper-slide * {
    max-height: 600px;
}

.carousel-swiper, .swiper-container, .swiper-wrapper, .swiper-slide {
    height: 100%;
}

.carousel-swiper .swiper-container {
    position: relative;
}

.slider-large-slider-2 {
    width:100%;
}


.carousel-swiper .swiper-container .swiper-slide {
    position: relative;
}
.slider-large-slider .swiper-container .swiper-slide {
    min-height: 500px;
}

.slider-large-slider .swiper-container .swiper-slide img{
    min-height: 500px;
}

            .carousel-swiper .swiper-container .swiper-slide:before {
                height: 200px;
                background: -moz-linear-gradient(top,rgba(0,0,0,1) 0%,rgba(125,185,232,0) 100%);
                background: -webkit-linear-gradient(top,rgba(0,0,0,1) 0%,rgba(125,185,232,0) 100%);
                background: linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(125,185,232,0) 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#007db9e8',GradientType=0);
                display:block;
                content:"";
                width:100%;
                position:absolute;
                top:0;
                left:0;
                z-index:2;
            }

            .carousel-swiper .swiper-container .swiper-slide:after {
                position: absolute;
                width: 100%;
                height: 100%;
                content: "";
                display: block;
                background: rgba(168,112,46,.2);
                z-index: 2;
                bottom:0;
                left:0;
            }

            .carousel-swiper .swiper-container .swiper-slide a.full-button{
                position:relative;
                display:block;
            }
            .carousel-swiper .swiper-container .swiper-slide a.full-button:before {
                display: block;
                content:"";
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                background: rgba(168,112,46,0);
                z-index:10;
                transition:.5s;
            }

            .carousel-swiper .swiper-container .swiper-slide a.full-button:hover:before {
                background: rgba(168,112,46,.2);
            }

.carousel-swiper img {
    width: 100%;
    max-height:100%;
    object-fit:cover;
    z-index: 1;
    position: relative;
}

    .carousel-swiper .text {
        position: absolute;
        left: 0;
        right:0;
        top: 0;
        margin-left:auto;
        margin-right:auto;
        z-index: 100;
        height: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        box-sizing: border-box;
        align-items: flex-end;
        align-content: flex-end;
        justify-content: flex-start;
        padding: 2em 2em 10em 2em;
        flex-direction: row;
        width: 95%;
        max-width: 1220px;
    }

.second-slider .text {
    padding: 2em 2em 4em 2em;
    height:auto;
    bottom:0;
    top:auto;
}

.carousel-swiper .text * {
    margin: 0 !important;
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
    width:100%;
}

.carousel-swiper .text h1, .carousel-swiper .text h2, .carousel-swiper .text h3, .carousel-swiper .text h4, .carousel-swiper .text h5 {
    font-size: 3rem !important;
    line-height: 1;
    text-shadow: 2px 2px rgb(0 0 0 / 20%);
}

        .carousel-swiper .text p {
            font-size: 2rem !important;
            font-family: 'Playfair Display',serif;
        }



/* Swiper pagination ---------------- */
.swiper-pagination{
    width:100%;
    text-align:right;
    bottom:1em!important;
    padding:0 1em;
    box-sizing:border-box;
}

.swiper-pagination-bullet {
    background: #fff;
}

.swiper-pagination-bullet-active {
    background: #65b32e!important;
}

@media only screen and (min-width : 0px) and (max-width : 55rem) {
    .carousel-swiper .text {
        padding: 1em 2em 1em 2em;
    }

    .second-slider .text {
        padding: 2em 2em 2em 2em;
    }

        .carousel-swiper .text h1, .carousel-swiper .text h2, .carousel-swiper .text h3, .carousel-swiper .text h4, .carousel-swiper .text h5 {
            font-size: 2rem !important;
            line-height: .9;
        }

        .carousel-swiper .text p {
            font-size: 1.2rem !important;
        }

}
#NewArticles .k-tabstrip-items .k-item .k-link {
    font-size: 1.7rem !important;
}

.slider-new-articles.carousel-swiper .swiper-container .swiper-slide:after,
.slider-new-articles.carousel-swiper .swiper-container .swiper-slide:before {
    display: none;
}

.slider-new-articles.carousel-swiper {
    margin:0 0 1em 0;
}

    .slider-new-articles.carousel-swiper .swiper-container {
        padding-bottom: 2em;
    }

.slider-new-articles.carousel-swiper .swiper-container .swiper-slide {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding-top: .5em;
    background:#fff;
}

.slider-new-articles .swiper-pagination-bullet {
    background: #333!important;
    opacity:.8!important;
    transition:.5s;
}

.slider-new-articles .swiper-pagination-bullet:hover {
    opacity: 1 !important;
}

.slider-new-articles .swiper-pagination-bullet-active {
    background: #65b32e !important; 
    opacity: 1 !important;
}

.slider-new-articles .swiper-pagination {
    margin: 0 0 0 0;
    bottom: 0 !important;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content:center;
}
.slider-new-articles .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 3px;
}

.slider-new-articles .campaign, .slider-new-articles .article {
    margin: 0 1em 0.5em 0;
    width: -moz-calc(20% - .7em);
    width: -webkit-calc(20% - .7em);
    width: -o-calc(20% - .7em);
    width: calc(20% - .7em);
    background: #fff;
}

    .slider-new-articles .campaign:nth-of-type(5n+5) {
        margin-right:0;
    }

@media only screen and (min-width : 0px) and (max-width : 130rem) {
    .slider-new-articles .campaign, .slider-new-articles .campaign:nth-of-type(5n+5) {
        margin: 0 1em 0.5em 0;
        width: -moz-calc(25% - .7em);
        width: -webkit-calc(25% - .7em);
        width: -o-calc(25% - .7em);
        width: calc(25% - .7em);
    }

        .slider-new-articles .campaign:nth-of-type(4n+4) {
            margin-right: 0;
        }
}

    @media only screen and (min-width : 0px) and (max-width : 85rem) {
        .slider-new-articles .campaign, .slider-new-articles .campaign:nth-of-type(5n+5), .slider-new-articles .campaign:nth-of-type(4n+4) {
            margin: 0 1em 0.5em 0;
            width: -moz-calc(33.33% - .5em);
            width: -webkit-calc(33.33% - .5em);
            width: -o-calc(33.33% - .5em);
            width: calc(33.33% - .5em);
        }

            .slider-new-articles .campaign:nth-of-type(3n+3) {
                margin-right: 0;
            }
    }

    @media only screen and (min-width : 0px) and (max-width : 60rem) {
        .slider-new-articles .campaign, .slider-new-articles .campaign:nth-of-type(5n+5), .slider-new-articles .campaign:nth-of-type(4n+4), .slider-new-articles .campaign:nth-of-type(3n+3) {
            margin: 0 1em 0.5em 0;
            width: -moz-calc(50% - .5em);
            width: -webkit-calc(50% - .5em);
            width: -o-calc(50% - .5em);
            width: calc(50% - .5em);
        }

            .slider-new-articles .campaign:nth-of-type(2n+2) {
                margin-right: 0;
            }
    }

    @media only screen and (min-width : 0px) and (max-width : 40rem) {
        .slider-new-articles .campaign, .slider-new-articles .campaign:nth-of-type(5n+5), .slider-new-articles .campaign:nth-of-type(4n+4), .slider-new-articles .campaign:nth-of-type(3n+3), .slider-new-articles .campaign:nth-of-type(2n+2) {
            margin: 0 0 0.5em 0;
            width: 100%;
        }
    }
#News {
    padding:0 2em;
    margin:2em 0;
}


slider-new-news.carousel-swiper .swiper-container .swiper-slide:after,
.slider-new-news.carousel-swiper .swiper-container .swiper-slide:before {
    display: none;
}

.slider-new-news.carousel-swiper {
    margin: 0 0 1em 0;
}

    .slider-new-news.carousel-swiper .swiper-container {
        padding-bottom: 2em;
    }

        .slider-new-news.carousel-swiper .swiper-container .swiper-slide {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            padding-top: .5em;
            background: #fff;
            justify-content:center;
            align-content:center;
        }

.slider-new-news .swiper-pagination-bullet {
    background: #333 !important;
    opacity: .8 !important;
    transition: .5s;
}

    .slider-new-news .swiper-pagination-bullet:hover {
        opacity: 1 !important;
    }

.slider-new-news .swiper-pagination-bullet-active {
    background: #65b32e !important;
    opacity: 1 !important;
}

.slider-new-news .swiper-pagination {
    margin: 0 0 0 0;
    bottom: 0 !important;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}

.slider-new-news .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 3px;
}

.slider-new-news .swiper-container .swiper-slide:after {
display:none;
}


#News h2 {
    font-size: 1.7rem !important;
    margin: 0 0 .5em 0;
    font-weight: 400;
    border-bottom: 2px solid transparent;
    padding: 0 0 0 0;
    border-bottom: 2px solid rgba(162, 226, 52, 0.9);
}

#News .flex.w-100{
    align-items:flex-start;
    align-content:flex-start;
}

    #News .news-post {
        width: calc(25% - .75em);
        margin-right: 1em;
        margin-bottom:1em;
        background:#fff;
    }

    #News .news-post a{
        display:block;
        width:100%;
    }

        #News .news-post:nth-of-type(4n+4) {
            margin-right:0;
        }


        #News .news-post a, #News .news-post a:hover {
            color: #000;
            cursor: pointer;
        }

    #News .news-post .image {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: 100%;
        /*border: 10px solid #F8F8F8;*/
        box-sizing:border-box;
        margin:0 0 .5em 0;
        justify-content:center;
        align-items:center;
        align-content:center;
        height:300px;
    }

        #News .news-post .image img {
            max-width: 100%;
            max-height: 100%;
            transition: .5s;
            object-fit: cover;
        }

        #News .news-post a:hover .image img {
            transform:scale(1.05);
        }

    #News .news-post h3{
        margin:0;
        font-size:1.1rem;
    }

    #News .news-post .description span{
        opacity:.7;
    }

#NewsPost {
    max-width: 600px;
    margin: 0 auto;
    padding-top: 3em;
}

    #NewsPost img {
        margin-bottom: 1em;
    }

    #NewsPost, #NewsPost p {
        line-height: 190%;
        justify-content: center;
    }

        #NewsPost h1 {
            line-height: 120%;
        }

        #NewsPost .edit.full {
            padding-left: 0 !important;
        }

@media only screen and (min-width : 0px) and (max-width : 85rem) {
    #News .news-post, #News .news-post:nth-of-type(4n+4) {
        width: calc(33.33% - .7em);
        margin-right: 1em;
    }

        #News .news-post:nth-of-type(3n+3){
            margin-right:0;
        }

}

@media only screen and (min-width : 0px) and (max-width : 60rem) {
    #News .news-post, #News .news-post:nth-of-type(4n+4), #News .news-post:nth-of-type(3n+3) {
        width: calc(50% - .5em);
        margin-right: 1em;
    }

        #News .news-post:nth-of-type(2n+2) {
            margin-right: 0;
        }
}

@media only screen and (min-width : 0px) and (max-width : 40rem) {
    #News .news-post, #News .news-post:nth-of-type(4n+4), #News .news-post:nth-of-type(3n+3), #News .news-post:nth-of-type(2n+2) {
        width: 100%;
        margin-right: 0;
    }


    #News h2 {
        font-size: 1.2rem !important;
        margin-bottom:1em;
        padding-bottom:.5em;
    }

}
/* Breadcrumbs ----- */
#Breadcrumbs {
    width: 100%;
    margin: 3em 0 1em 0;
    text-align: center;
    padding: 0 1em;
    box-sizing: border-box;
    font-size: .9rem;
}

    #Breadcrumbs .separator{
        margin: 0 .7em;
    }

    #Breadcrumbs a {
        font-size: .9rem;
        opacity: .6;
    }

        #Breadcrumbs a:hover {
            opacity: .7;
            color:#000;
        }

        #Breadcrumbs a.selected, #Breadcrumbs a.selected:hover {
            cursor: default;
            font-weight: bold;
            opacity: 1.0;
        }

    #Breadcrumbs .separator:last-child {
        display: none;
    }

/* Cookies ----------------- */
@media only screen and (min-width : 0px) and (max-width : 65rem) {
    .filter-open #cookie-msg, .filter-open .site-header .top-navigation {
        z-index: 1;
    }
    #cookie-msg {
        top: -.5em;
    }
}


@media only screen and (min-width : 0px) and (max-width : 55rem) {
    #cookie-msg #cookie-msg-inner {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

        #cookie-msg #cookie-msg-inner span {
            margin-bottom: 1em;
            display: block;
        }

    #FancyCookies {
        margin-left: 0;
    }
}
/* --- Retailer --- */

#Retailer .Search {
    padding: 0.5em 0;
}

#Retailer .row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    /*    background: rgba(27,100,171,.25);*/
    padding: 0.5em 0;
    border-bottom: 1px solid #eee;
}

    #Retailer .row:hover .col {
        font-weight: bold;
    }



    #Retailer .row.alter {
        /* background: rgba(27,100,171,.1)*/
    }

    #Retailer .row .col {
        cursor: pointer;
    }

.retailer .col:first-child {
    width: 5%;
    padding-right: 1%;
    margin-left: 1%;
}

.retailer .col:nth-child(2) {
    width: 40%;
}

.retailer .col:nth-child(3) {
    width: 35%;
}

.retailer .col:nth-child(4) {
    width: auto;
    margin-left: auto;
}


#Retailer div.detail {
    display: none;
    width: 100%;
}

#Retailer .detail.open {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    z-index: 1000001;
    margin: 0;
    box-sizing: border-box;

}

    #Retailer .detail.open .retail-content {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        background: #fff;
        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        width: 98%;
        box-sizing: border-box;
        padding: 2em;
        max-width: 800px;
        max-height: 80vh;
        overflow: auto;
        position: relative;
    }

    #Retailer .detail.open .close-retail {
        background: none;
        font-size: 1.2rem;
        position: absolute;
        top: 1em;
        right: 1em;
    }

        #Retailer .detail.open .close-retail, #Retailer .detail.open .close-retail * {
            color: #333!important;
            transition:.5s;
        }


            #Retailer .detail.open .close-retail:hover {
                cursor: pointer;
                color: #a40000!important;
            }


                #Retailer .detail.open .close-retail:hover * {
                    color: #a40000 !important;
                }

    #Retailer .detail.open .retail {
   
    }

#Retailer .detail {
    padding: 1em;
    background: #fff;
    margin: 0.5em 2em 0.5em 3em;
}

#Retailer .retail-icon .fas {
    color: #333;
    transition: .5s;
}

#Retailer .row:hover .fas {
    color: #65b32e;
}

#Retailer .fa-minus-square {
    display: none;
}

#Retailer .row.open .fa-minus-square {
    display: block;
}

#Retailer .row.open .fa-plus-square {
    display: none;
}

#Retailer .detail .row {
    background: #fff;
}

#Retailer .detail .retail-image {
    width: 40%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items:center;
    justify-content:center;
    padding:1em;
    box-sizing:border-box;
}

    #Retailer .detail .retail-image img {
        max-width: 100%;
    
        margin: auto;
    }

#Retailer .detail .retail-info {
    width: 60%;
    padding:1em;
    box-sizing: border-box;
}

#Retailer .detail .retail-adress {
    width: 100%;
    padding: 1em;
    box-sizing: border-box;
}

    #Retailer .detail .retail-adress .adress-name {
        margin: 1em 0 0.5em 0;
        font-size: 1.5rem;
        text-transform: uppercase;
        font-weight: 500;
        color: #333;
    }

    #Retailer .detail .retail-adress .adress-info {
        width: 50%;
        margin-bottom: 0.5em;
    }

        #Retailer .detail .retail-adress .adress-info a {
            color: rgba(27,100,171,0.8);
        }

            #Retailer .detail .retail-adress .adress-info a:hover {
                color: rgba(27,100,171,1);
            }

#Retailer .detail .retail .adress-info .label {
    width: 100%;
    font-weight: 800;
}

#RetailList .search {
    margin: 1em auto;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
}


@media only screen and (min-width : 0px) and (max-width : 55rem) {
    .retailer .col:nth-child(2) {
        width: 93%;
    }

    .retailer .col:nth-child(3) {
        width: 50%;
        margin-left: 7%;
    }



    #Retailer .detail .retail-image, #Retailer .detail .retail-info, #Retailer .detail .retail-adress {
        width: 100%;
        padding: 1em;
    }
}

    @media only screen and (min-width : 0px) and (max-width : 40rem) {
        #Retailer .detail {
            margin: 0.5em;
        }

            #Retailer .detail .retail-image {
                width: 100%;
                order: 1;
            }

            #Retailer .detail .retail-adress {
                order: 2;
            }

            #Retailer .detail .retail-info {
                width: 100%;
                order: 3;
            }

            #Retailer .detail .retail-adress .adress-info {
                width: 100%;
            }


   

    }

    @media only screen and (min-width : 0px) and (max-width : 35rem) {
        #Retailer .detail.open .retail-content {
            padding: 1em;
        }
        #Retailer .detail .retail-adress .adress-name {
            font-size: 1.2rem;
        }

        #Retailer .row .col, #Retailer .detail {
            font-size: 0.95rem;
        }

            #Retailer .row .col{
                width:100%;
                margin:0 0 .5em 0;
            }

        #Retailer .row:hover .col {
            font-weight: normal;
        }

        #Retailer .row .col.retailer-name {
            font-weight: bold;
            width: calc(100% - 3em);
        }

        #Retailer .row .col.retail-icon {
            margin-right: .5em;
            width:1.5em;
        }

        .retailer .col:nth-child(3) {
            margin-left:2.2em!important;
        }

        .retailer .col:nth-child(4) {
            margin-left: 2.2em !important;
        }
    }


/* Become retailer ---------------- */

.form-detail form{
    width:100%;
}

    .form-detail form .customer-type {
        width: 100%;
        margin:0 0 1em 0;
    }


    .form-detail form .customer-type label{
        cursor:pointer;
    }

    .form-detail form .row {
        display: flex;
        width: 100%;
    }

    .form-detail form .row .col{
        width: calc(50% - .5em);
        margin-right:.5em;
    }

        .form-detail form .row .col:last-of-type {
            margin-left:auto;
            margin-right:0;
        }

        .form-detail form .delivery-checkbox {
            margin-bottom:1em;
        }

    .form-detail form .delivery-checkbox input{
       cursor:pointer;
    }

    .form-detail form .delivery-wrapper, .form-detail form .delivery {
        width: 100%;
    }

.form-detail form .row .col input {
    width: 100%;
    border-radius: 0;
    border: 2px solid #797979;
    box-shadow: none;
    font-size: .9rem;
    width: 100%;
    min-height: 55px;
    font-style: italic;
    margin: 0 0 1em 0;
    border-color: #ceced2;
}

        .form-detail form .row .col input.asterisk {
            background-image: url(/Content/Images/star.png);
            background-repeat: no-repeat;
            background-position: left center;
            padding-left: 30px;
        }


.form-detail form .newsletter input {
    cursor: pointer;
}

.form-detail form .label {
    display: block;
    width: 100%;
    text-transform: uppercase;
    font-size: .8rem;
}

    .form-detail form .buttons {
        margin-top:1em;
    }
        .form-detail form button {
        border-radius: 0;
        border: 0;
        background: rgba(0,0,0,1);
        color: #fff;
        text-transform: uppercase;
        padding: 1.5em 2.5em;
        font-size: .85rem;
        transition: .5s;
        position: relative;
        box-shadow: none !important;
        display: block;
        outline: 5px solid transparent;
        cursor: pointer;
    }

        .form-detail form button:hover {
            background: rgba(0,0,0,1);
            outline: 5px solid #000;
        }


@media only screen and (min-width : 0px) and (max-width : 55rem) {
    .form-detail form .row {
       flex-wrap:wrap;
    }
    .form-detail form .row .col {
        width: 100%;
        margin-right: 0;
    }
}
#PageCart #MailCart {
  /*  display: none;*/
    right: -100000px;
    position: fixed;
    padding: 2em;
    box-sizing: border-box;
    transition: .5s;
    background: #eee;
    top: 3.9em;
    width:300px;
}


    #PageCart #MailCart.show {
       /* display: block;*/
        right: 400px;

    }

    #PageCart #MailCart .heading{
        align-items:center;
        align-content:center;
        margin: 0 0 1em 0;
    }

    #PageCart #MailCart .heading .close-send {
        margin-left: auto;
        font-size:1.2rem;
    }

        #PageCart #MailCart .heading .close-send:hover {
            color:#ff6a00;
        }

#PageCart #MailCart h4 {
 margin:0;
}

#MainHeader nav#SmallMenu a {
    font-size: 1.2rem;
    font-weight: 300;
}

    #MainHeader nav#SmallMenu a .fal, #MainHeader nav#SmallMenu a .far, #MainHeader nav#SmallMenu a .fas {
        margin-right: .1em;
        font-size: 1.6rem;
    }

#PageCart #MailCart .k-input {
    width: 100%;
    box-shadow: none;
    border: 1px solid #999;
    border-radius: 2px;
    padding: .5em 1em;
    box-sizing: border-box;
    margin: 0 0 .5em 0;
    font-size: 1rem;
    text-indent:0;
}


#PageCart #MailCart .k-textarea {
    width: 100%;
    box-shadow: none;
    border: 1px solid #999;
    border-radius: 2px;
    padding: .5em 1em;
    box-sizing: border-box;
    margin: 0 0 .5em 0;
    min-height: 100px;
    font-size: 1rem;
   
}


#PageCart #MailCart .k-button {
    background: rgba(0,0,0,0.9);
    padding: .8em 1.8em;
    margin: 0 0 0 0;
    border: 5px solid #eee;
    transition:.5s;
    position:relative;
    left:-5px;
    top:-5px;
}

    #PageCart #MailCart .k-button:hover {
        background: rgba(0,0,0,1);
        border: 5px solid rgba(0,0,0,1);
    }
    
/* Checkout ----------------------------- */

.checkout #PageCart #MailCart.show {
    left: 0;
    right: 0;
    top: 0;
    z-index: 1000000;
    margin: auto;
    width: 100%;
    height: 100%;
    background: #99999953;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items:center;
    align-content:center;
    justify-content:center;
}

.checkout #PageCart #MailCart.show .inner{
    background:#fff;
    box-sizing:border-box;
    padding:2em;
    max-width:500px;
}

@media only screen and (min-width : 0px) and (max-width : 65rem) {
    #PageCart #MailCart {
        display: none;
        right: 0;
        position: relative;
        padding: 2em;
        background: #eee;
        top: 0;
        width: 100%;
    }

        #PageCart #MailCart.show {
            display:block;
            right: 0;
        }

    #PageCart #MailCart {
      position:fixed;
      padding:0;
    }

    .checkout #PageCart #MailCart.show .inner {
        max-width: 300px;
    }

}
/* Home index (startsida) ------------------ */
.paragraph-section {
    width: 95%;
    max-width: 1220px;
    margin: 0 auto;
    padding: 3em;
    background: #fff;
    position: relative;
    margin-top: -6em;
    z-index: 200;
    box-sizing:border-box;
}

    .paragraph-section .wrap {
        padding: 0;
    }

.paragraph-content {
    text-align: center;
    width: 100%;
}

    .paragraph-content h1, .paragraph-content h2, .paragraph-content h3, .paragraph-content h4, .paragraph-content h5 {
        font-size: 2.7rem;
        margin: 0;
        width: 100%;
        text-align: center;
    }

    .paragraph-content p {
        margin-top: 0;
        font-size: 1.1rem;
    }

    .paragraph-content .k-button {
        font-size: 1rem;
        background: #0083c1;
        padding: 1em 1em;
        box-sizing: border-box;
        color: #fff;
        box-shadow: none;
        border: 0;
        outline: none;
        margin: 1em 0 0 0;
        border-radius: 4px;
        cursor: pointer;
    }

/* Brands -------- */
#Brands {
    max-width: 980px;
    width: 100%;
    margin: 2em auto 4em auto;
    padding: 0 2em;
    box-sizing: border-box;
}

#Brands h2 {
    font-weight: 400;
    font-size: 2.1rem!important;
    border-bottom: 1px solid #eee;
    line-height: 160%;
    padding-bottom: .8em;
    width: 100%;
}

#Brands p {
    line-height: 150%;
    font-size: 1.1rem;
    width:100%;
}

@media only screen and (min-width : 0px) and (max-width : 85rem) {
    .paragraph-content h1, .paragraph-content h2, .paragraph-content h3, .paragraph-content h4, .paragraph-content h5 {
        font-size: 2rem;
    }

}

@media only screen and (min-width : 0px) and (max-width : 55rem) {
    .paragraph-section {
        margin-top: 0em;
        padding:2em;
    }
}
.page-detail h2, .page-detail h3, .page-detail h4, .page-detail h5 {
    margin: 0;
    margin-block-start: 0;
    margin-block-end:0;
}

.page-detail h1 {
    text-align: center;
    font-weight: 400;
    font-size: 2.5rem;
}



.page-detail .created-div {
    padding: 0 .5em !important;
}

    .page-detail .created-div img {
        width: 100%;
        margin: 0 auto 1em auto;
        clear: both;
        height: auto;
        width: auto;
        max-width: 100%;
    }

.page-detail ul li{
    font-weight:300;
}

#SubNav {
    padding: 2em;
    margin: 1em 0;
    justify-content: center;
    width: 100%;
    top: 0;
    align-items: flex-start;
    align-content: flex-start;
    height: auto;
    background: rgba(228, 228, 228, 0.1);
}

    #SubNav .inner {
        width: 100%;
    }

    #SubNav a {
        margin: 0 0 .5em 0;
        width: 100%;
        font-size: 1rem;
        box-sizing: border-box;
        color: #333;
        text-decoration: none;
        font-weight: 300;
        font-size: 1.2rem;
        border-bottom: 1px solid #eee;
        padding: .5em 0 1em 0;
        align-items: center;
        position: relative;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: 100%;
        align-items: center;
        align-content: center;
    }

        #SubNav a:hover {
            color: #65b32e !important;
            border-bottom: 1px solid #65b32e;
        }



        #SubNav a:after {
            display: block;
            font-family: Font Awesome\ 5 Pro;
            content: "\f105";
            margin-left: auto;
        }

    #SubNav .level-1 a {
        font-weight: normal;
    }

    #SubNav .level-2 a {
        margin-left: 0;
    }

    #SubNav .level-3 a, #SubNav .level-4 a, #SubNav .level-5 a {
        margin-left: 1em;
        font-style: italic;
    }

    #SubNav .level-4 a {
        margin-left: 1.5em;
    }

    #SubNav .level-4 a {
        margin-left: 2em;
    }

    #SubNav .selected a {
        font-weight: bold;
        /*   color: #e33d34 !important;*/
        opacity: 1.0;
        border-bottom: 1px solid #65b32e;
    }

    #SubNav a.active {
        font-weight: 600;
    }

    #SubNav a.active {
        color: #000;
    }

    #SubNav a:hover {
        color: #000;
    }
#ArticleList {
    padding: 1em 2em;
    box-sizing: border-box;
    align-items: flex-start;
    align-content: flex-start;
}

    #ArticleList .articlegroup-text {
        justify-content: center;
        padding: 1em 0 1em 0;
    }

        #ArticleList .articlegroup-text .category-detail {
            font-size: 1.2rem;
            font-weight: 300;
            line-height: 160%;
            text-align: center;
            max-width: 80%;
            margin: 2em 0;
            width:100%;
        }

        #ArticleList .articlegroup-text h1 {
            margin: 0 0 1em 0;
            width: 100%;
            text-align: center;
            font-weight: 400;
            border-bottom: 1px solid #eee;
            padding-bottom: 0.8em;
        }

      /*  #ArticleList .articlegroup-text h2, #ArticleList .articlegroup-text h3, #ArticleList .articlegroup-text h4, #ArticleList .articlegroup-text h5, #ArticleList .articlegroup-text h6, #ArticleList .articlegroup-text p {
            margin: 0 0 .5em 0;
            width: 100%;
        }*/

  /*  #ArticleList .articlegroup-text .sort {
        width:50%;
    }*/

    #ArticleList .articlegroup-text img {
        margin:2em 0;

    }

        #ArticleList .articlegroup-text .category-detail a {
            color: #65b32e;
            text-decoration: underline;
        }

        #ArticleList .articlegroup-text .category-detail a:hover {
            color: #65b32e;
            text-decoration: none;
        }


.articles-container {
    width:100%;
}

#NewArticles.large-wrap {
    box-sizing: border-box;
    padding: 2em;
}

/* Load all articles ------------ */
#LoadAllArticles {
    font-size: 1rem;
    text-align: center;
    margin-top: 3em;
    padding: 1.5em 1.5em;
    border-radius: 4px;
    font-weight: 600;
    margin: 3em auto;
    width: 250px;
    max-width: 100%;
}

    #LoadAllArticles:hover {
        cursor: pointer;
    }

/* Filters ----------------- */

.clear-btn{
    display:none;
}

.filters #CloseFilter {
    display: none;
}

.filters .filter, .filters .filter-icon {
    position: relative;
}

    .filters .filter .filter-box, .filters .filter .filter-box .check {
        background: #fff;
    }

    .filters .filter .filter-box {
        margin-bottom: .5em;
        z-index: 1002;
        width: 100%;
        border-radius: 7px;
        padding: 1px 0 0 0;
        overflow-y: auto;
        border: 1px solid #ccc;
        box-sizing: border-box;
        overflow-x: hidden;
    }

        .filters .filter .filter-box .attribute-slider {
            width: 100%;
        }

        .filters .filter .filter-box.slide {
            padding: 1em;
        }


        .filters .filter .filter-box .check {
            border-bottom: 1px solid #ccc;
            padding: .3em .5em;
            position: relative;
            align-items: center;
            align-content: center;
            font-size: .85rem;
        }

            .filters .filter .filter-box .check:last-child {
                border: 0;
            }

            .filters .filter .filter-box .check .fad {
                margin-right: .3em;
            }

            .filters .filter .filter-box .check span {
                margin-left: auto;
                display: block;
                font-size: .9rem;
                position: absolute;
                right: .5em;
                color: #999;
            }

            .filters .filter .filter-box .check.active, .filters .filter .filter-box .check.checked {
                background: #ddd;
            }

    .filters .filter .btn.clear-btn {
        border: 1px solid #ccc;
        padding: .4em .6em;
        border-radius: 3px;
        font-size: .95rem;
        align-items: center;
        box-sizing: border-box;
        background: Rgba(0,0,0, .7);
        border: 1px solid Rgba(0,0,0, .8);
        color: #fff;
        width: 100%;
        justify-content: center;
    }

        .filters .filter .btn.clear-btn.active {
            background: Rgba(0,0,0, .7) !important;
        }

        .filters .filter .btn.clear-btn .fad {
            font-size: .8rem;
            margin-right: .3em;
        }

        .filters .filter .btn.clear-btn:hover {
            background: Rgba(0,0,0, .8) !important;
            border: 1px solid Rgba(0,0,0, 1.0);
        }

        .filters .filter .btn.disabled, .filters .filter .btn.disabled:hover, .filters .filter .btn.clear-btn.disabled.active, .filters .filter .btn.clear-btn.disabled.active:hover {
            border: 1px solid #ddd;
            background: #eee !important;
            color: #aaa;
            cursor: default !important;
        }

    .filters .filter .filter-box .check:hover, .filters .filter .filter-box .check.active, .filters .filter .filter-box .check.checked, .filters .filter .filter-box .check.active {
        cursor: pointer;
        background: #eee;
    }

    .filters .filter .btn .fad, .filters .sort .fad {
        margin-left: .3em;
        top: .1em;
    }

    .filters .filter .filter-btn .fad {
        margin-right: .3em;
    }

    .filters .filter .filter-box .check.checked .fa-square {
        display: none;
    }

    .filters .filter .filter-box .check.checked .fa-check-square {
        display: block !Important;
    }

.filter-icon {
    border-width: 0;
    border-style: solid;
    border-radius: 3px;
    font-size: .95rem;
    flex-wrap: nowrap;
    max-width: 0;
    overflow: hidden;
    align-items: center;
    cursor: pointer;
}

.filter.sort {
    margin-left: auto;
    padding: .3em .5em;
    border-radius: 3px;
    font-weight: bold;
    margin-right: 0;
    cursor: pointer;
    font-size: .95rem;
    border: 0;
    align-items: center;
    align-content: center;
}

    .filter.sort .k-dropdown {
        width: auto;
    }

    .filter.sort .k-dropdown-wrap {
        border: 0;
        padding: 0 2em 0 0;
        margin: 0;
        background: none;
        align-items: center;
        align-content: center;
    }

select#order {
    max-width: 80%;
    margin: 0 auto;
}

@media only screen and (min-width : 0px) and (max-width : 65rem) {
    #ArticleList {
        padding: 1em;
    }

    
}

@media only screen and (min-width : 0px) and (max-width : 40rem) {
    .filter-icon {
        padding: .8em .8em;
        border-width: 1px;
        max-width: 100%;
        width: 100%;
        margin: 0 0 1em 0;
        font-size: .9rem;
    }


    .sort select, select#order  {
            border: 1px solid #333;
            width: 100%;
            max-width: 100%;
            margin: 0 auto 1em auto;
            padding: .8em .8em;
            box-sizing: border-box;
            border-radius: 3px;
        }

        .filter.sort select {
            width: 100%;
        }

    #ArticleList .articlegroup-text .category-detail {
        max-width: 100%;
        font-size: 1rem;
        padding: 0 1em;
    }

       

    
    }

/* Artikeldetaljsidan ------------------------ */
.detail-grid {
    width: 100%;
    max-width: 1220px;
    align-items: flex-start;
    align-content: flex-start;
    margin: 0 auto;
    padding: 1em;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.detail-grid div{
    box-sizing:border-box;
}

    .detail-grid .article-information {
    }

    .detail-grid .related-articles {
    }


    .detail-grid .long-desc {
    }

/* Heading --------------------------------------*/
.article-detail .article-header {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap:wrap;
    justify-content: center;
    align-items: flex-end;
    align-content: flex-end;
    border-bottom: 1px solid #eee;
    width: 100%;
    padding-bottom: 1em;
    margin-bottom: 2em;
}
.article-detail h1 {
    margin: 0;
    font-size: 2rem;
    font-family: 'Playfair Display',serif;
}

.article-detail h2 {
    font-size: 1.3rem!important;
    font-weight:600;
}

.article-detail .article-header h2 {
    margin: 0 0 0 .5em;
    bottom: .2em;
    position: relative;
}

/* Article image --------------------------- */

.article-detail #MainImage {
    width: 50%;
    padding: 0 1.5em 0 0;
    margin-bottom: 1em;
    box-sizing: border-box;
}


    .article-detail #MainImage #LargeImage {
        width: 100%;
        margin: 0 0 1em 0;
        padding: 2em;
        box-sizing: border-box;
        border: 1px solid rgba(99, 99,99, .7);
        height: auto;
        max-height: 395px;
        height: 395px;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        position: relative;
    }

        .article-detail #MainImage #LargeImage.no-image img {
            max-width: 100%;
            max-height: 100%;
        }


        .article-detail #MainImage #LargeImage.has-thumbs {
            width: -moz-calc(100% - 120px);
            width: -webkit-calc(100% - 120px);
            width: -o-calc(100% - 120px);
            width: calc(100% - 120px);
            margin-left:auto;
        }


        .article-detail #MainImage #LargeImage:hover {
            cursor: zoom-in;
        }

    .article-detail #MainImage img#BigImage {
        max-width: 100%;
        max-height: 100%;
        height: auto;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }

/* --- Thumbnails --- */

.article-detail .thumbnails {
    overflow: hidden;
    width: 100px;
    height:100%;
    margin-left:auto;
}



    .article-detail .thumbnails .swiper-wrapper {
        flex-direction: column;
        order: 2;
        
        top: -11px;
        height:375px;
    }



    .article-detail .thumbnails .swiper-button-prev, .article-detail .thumbnails .swiper-button-next {
        background: #fff;
        right: 0;
        left: 0;
        margin: 0 auto !important;
        height: auto;
        max-height: 101px;
        z-index: 1001;
        align-content: center;
        position: relative !important;
        width: 100%;
        top: 0;
        bottom: 0;
    }




        .article-detail .thumbnails .swiper-button-prev:after, .article-detail .thumbnails .swiper-button-next:after {
            color: #73a82e !important;
            font-size: .7rem !important;
            font-weight: bold;
            transform: rotate(90deg);
        }

        .article-detail .thumbnails .swiper-button-next.swiper-button-disabled, .article-detail .thumbnails .swiper-button-prev.swiper-button-disabled {
            opacity:0.15;
            background:none;
        }





        .article-detail .thumbnails .swiper-button-prev {
            order: 1;
        }



    .article-detail .thumbnails .swiper-button-next {
        order: 3;
    }




.article-detail #MainImage .thumbnails .thumb {
    border: 1px solid rgba(99, 99,99, .7);
    box-sizing: border-box;
    background: #fff;
    overflow:hidden;
   
}
    




.article-detail .thumbnails .thumb:hover {
    cursor: pointer;
}



.article-detail .thumbnails .thumb .video-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 100001;
}



.article-detail .thumbnails .thumb .fal {
    background: none;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 10001;
    position: absolute;
    font-size: 0;
}



.article-detail .thumbnails .thumb .video-bg iframe {
    width: 98px !important;
    height: 98px !important;
}

.article-detail .video-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.article-detail .thumb .iframe-container {
  margin:1em 0;
}


.article-detail #MainImage .thumbnails .thumb img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    position: relative;
    opacity: .8;
    object-fit:contain;
}



.article-detail #MainImage .thumbnails .thumb:hover img {
    transform: scale(1.1);
    opacity: 1.0;
}

/**/


.article-detail .photo {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 96%;
    height: 96%;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    transition: transform .5s ease-out;
    cursor: zoom-in;
}

.article-detail .no-image, .article-detail .no-image .photo {
    cursor: default !important;
}

.article-detail .video {
    background: #fff;
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    z-index: 30003;
}

    .article-detail .video.show {
        display: flex;
        align-items: center;
        align-content: center;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 100%;
        height: 100%;
        z-index: 303;
    }

        .article-detail .video.show iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100% !important;
            height: 100% !Important
        }





/* Articledetail ------------------------------*/
.detail-grid .article-information {
    width: 50%;
    padding-left: 1.5em;
}

.article-detail .article-information .prices {
    align-items: center;
    width: 100%;
    margin: 1.5em 0;
}

.article-detail .article-information .price {
    font-size: 2.2rem;
    font-weight: 900;
    margin-right: .2em;
}

    .article-detail .article-information .price.campaign-price {
        color: #E12F2F;
    }

.article-detail .article-information .reg-price {
    font-size: 1.5rem;
    font-weight: normal;
    text-decoration: line-through;
    color: #999;
    align-items: center;
    align-self: center;
    margin-top: .4em;
}

.article-detail .article-information .shipping-info {
    width: 100%;
    font-size: 1.3rem;
    display: block;
    line-height: 120%;
    margin: .2em 0 0 0;
    font-weight: 300;
}

.article-detail .article-information .stock {
    font-size: .9rem;
    padding-bottom: 1.5em;
    border-bottom: 1px solid #eee;
}

    .article-detail .article-information .stock .extra {
        font-weight: 400;
    }


    .article-detail .article-information .stock .far {
        margin-right: .3em;
    }


    .article-detail .article-information .stock .fa-shipping-fast {
        color: #82c91e;
    }

.article-detail .article-information form {
    width: 100%;
    border-bottom: 1px solid #eee;
    padding-bottom: 1.5em;
    margin-bottom: 1.5em;
}


    .article-detail .article-information form .k-numerictextbox {
        width: 80px;
        margin-right: 1em;
        width: 140px;
    }

        .article-detail .article-information form .k-numerictextbox, .article-detail .article-information form .k-numerictextbox .k-numeric-wrap, .article-detail .article-information form .k-numerictextbox .k-input {
            border-radius: 100px;
        }

            .article-detail .article-information form .k-numerictextbox .k-input {
                z-index: 100000;
                position: relative;
                width: -moz-calc(100% - 1.8em);
                width: -webkit-calc(100% - 1.8em);
                width: -o-calc(100% - 1.8em);
                width: calc(100% - 1.8em);
                margin-left: 1.8em;
            }

    .article-detail .article-information form .k-select {
        border-radius: 100px;
        height: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        align-content: center;
        position: absolute;
        z-index: 1;
        width:100%;
        left:0;
        top:0;
    }

        .article-detail .article-information form .k-select .k-link {
            padding: 1em;
            border-radius:100%;
        }

            .article-detail .article-information form .k-select .k-link:hover {
                color: rgba(255,107,0,1.0);
            }

            .article-detail .article-information form .k-select .k-link:active{
                background:none!important;
                color:rgba(255,107,0,1.0);
            }

        .article-detail .article-information form .k-select .k-link-decrease {
            margin-left: 0;
            margin-right:auto;
        }

            .article-detail .article-information form .k-select .k-link-increase {
                margin-left: auto;
                order:2;
            }

        .article-detail .article-information form .k-select .k-link-increase .k-icon:before {
            font-family: 'Font Awesome 5 Pro';
            content: "\f067";
        }

        .article-detail .article-information form .k-select .k-link-decrease .k-icon:before {
            font-family: 'Font Awesome 5 Pro';
            content: "\f068";
        }

        .article-detail .article-information form .k-numerictextbox input {
            text-align: center;
            border-radius: 8px;
            padding: 1em;
            background: #eee;
            box-shadow: none;
            border: 0;
            font-size: 1.2rem;
            margin-top: 1em;
            margin-bottom: .5em;
            text-indent: 0;
        }

    .article-detail .article-information form .highlight-btn {
        align-self: center;
        padding: 1.1em 1.5em;
        margin-top: .4em;
        margin-left: .5em;
    }

    .article-detail .article-information form .k-button, .article-detail .article-information form .k-button:hover {
        font-size: .9rem;
        padding: 1.5em 3em;
        background: #73a82e;
        color: #fff;
        border-radius: 100px;
        border: 5px solid #fff;
    }

        .article-detail .article-information form .k-button:hover {
            background: #73a82e;
            outline: none;
            border: 5px solid #73a82e;
            opacity: 1;
        }

/* More information ------------------------------- */
.more-info {
    border-top: 1px solid #eee;
    padding-top: 1.5em;
    margin-top: 1.5em;
    margin-bottom:1.5em;
}

    .more-info h3 {
        font-weight: normal;
        font-size: 1.3rem;
        font-family: 'Playfair Display',serif;
    }

.more-info .description {
    width: 50%;
    padding-right:1.5em;
}

.article-detail .more-info .description p span {
    font-family: 'Nunito Sans Bold','Nunito Sans' !important;
    line-height: 1.65 !important;
    font-size: 1rem !important;
    color: #000 !important;
    background-color: unset !important;
}

.article-detail .more-info .description a {
   text-decoration:underline;
}

    .more-info .docs {
        border-top: 1px solid #eee;
        padding-top: 1.5em;
        margin-top: 1.5em;
    }

    .more-info .docs .doc a{
        font-weight:300;
    }

        .more-info .docs .doc a .fad{
            margin-right:.25em;
        }


    .more-info .stat {
        width: 50%;
        padding-left: 1.5em;
        align-items: flex-start;
        align-content: flex-start;
    }

        .more-info .stat .inner {
            align-items: flex-start;
            align-content: flex-start;
            background: #f6f6f6;
            padding: .8em;
            box-sizing: border-box;
        }

/*.article-detail #MoreInfo .spec .row:nth-child(odd) {
    background: #e0ebed;
}*/

            .more-info .stat .inner .row {
                padding:0.25em 0.5em;
            }

.more-info .stat .inner .row:nth-child(odd) {
    background: #ddd;
}

        .more-info .stat .inner .row div{
            width:50%;
            
        }

            .more-info .stat .inner .row div:nth-of-type(odd) {
                font-weight:bold;
            }

            .more-info .stat .inner .row div:nth-of-type(even) {
                text-align:right;
            }

           
/* Relaterad info ----------------------- */
.article-detail .related-articles {
    
    padding-top: 1.5em;
}

    .article-detail .related-articles h4, .article-detail .related-articles .article-relatedheading {
        margin: 0;
        padding: 0 0 .2em 0;
        font-weight: 400;
        border-bottom: 1px solid rgba(170,214,134,.6);
        font-size: 1.3rem;
        color: #333;
        padding-bottom: .8em;
    }

.article-detail  .related-articles .article-relatedheading {
    margin-top: 0 !important;
    margin-bottom: 1em !important;
    line-height: 120%;
    font-family: 'Playfair Display', serif;
    
}

    .article-detail .related-articles section {
        border-bottom: 1px solid #ccc;
        padding-bottom: 1em;
        margin-bottom: .5em;
    }

        .article-detail .related-articles section:last-child {
            border-bottom: 0;
        }

    /*.article-detail .related-articles h4, .article-detail .related-articles .campaign, .article-detail .related-articles .article {
        width: 100%;
    }*/

    .article-detail .related-articles .campaign, .article-detail .related-articles .article {
        margin: 0 1em 1em 0;
    }

        .article-detail .related-articles .campaign .img, .article-detail .related-articles .article .img {
            height: 200px;
        }

@media only screen and (min-width : 0px) and (max-width : 55rem) {

    .article-detail .related-articles .campaign, .article-detail .related-articles .article {
        width: -moz-calc(50% - 1em);
        width: -webkit-calc(50% - 1em);
        width: -o-calc(50% - 1em);
        width: calc(50% - 1em);
    }


    }


    @media only screen and (min-width : 0px) and (max-width : 50rem) {

        .article-detail #MainImage #LargeImage {
            max-height: 240px;
            height: 240px;
        }

        .article-detail #MainImage {
            width: 100%;
            padding-right: 0;
        }

        .detail-grid .article-information {
            width: 100%;
            padding-left: 0;
        }

        .article-detail .article-information .prices {
            margin: 0 0 1em 0;
        }

        .article-detail .article-information form .k-numerictextbox {
            margin-right: .5em;
        }

        .article-detail .article-information form .highlight-btn, .article-detail .article-information form .highlight-btn:hover {
            margin-left: 0;
            padding: 1.5em 1.5em;
            border: 0;
        }

        .article-detail .more-info {
            margin-top: 0;
            border: 0;
            padding-top: 0;
        }

        .more-info .description {
            width: 100%;
            padding-right: 0;
        }

        .more-info .stat {
            width: 100%;
            padding-left: 0;
        }
    }



    @media only screen and (min-width : 0px) and (max-width : 35rem) {

        .article-detail .article-information form .highlight-btn, .article-detail .article-information form .highlight-btn:hover, .article-detail .article-information form .k-numerictextbox {
            width: 100%;
        }

        .article-detail .related-articles .campaign, .article-detail .related-articles .article {
            width: 100%;
            min-width: unset;
        }
    }

    @media only screen and (min-width : 0px) and (max-width : 29rem) {
    }

@media only screen and (min-width : 0px) and (max-width : 800px) {




    .article-detail #MainImage #LargeImage {
        max-height: 280px;
        height: 280px;
        order: 1;
    }



    .article-detail #MainImage .thumbnails {
        order: 2;
        width: 100%;
        height: 100% !important;
        flex-wrap: nowrap;
        margin-top: 1em;
    }

    .article-detail .thumbnails .swiper-wrapper {
        flex-direction: row;
        top: 0;
        width: 95%;
        left:-11px;
        height:auto;
    }

    .article-detail #MainImage #LargeImage.has-thumbs {
        width: 100%;
    }



    .article-detail #MainImage .thumbnails .thumb {
        width: 50px;
        height: 50px !important;
    }

    .article-detail .thumbnails .swiper-button-prev:after, .article-detail .thumbnails .swiper-button-next:after {
        transform: rotate(0);
    }


    .article-detail .thumbnails .swiper-button-next {
        margin: 0 !important;
        right: 0 !important;
        justify-content: flex-end;
        top: 0;
        left: auto;
        width: 20px;
    }



    .article-detail .thumbnails .swiper-button-prev {
        transform: rotate(0);
        margin: 0 !important;
        left: 0 !important;
        justify-content: flex-start;
        top: 0;
        width: 20px;
    }
}

/* Internet explorer fixar ----------- */
@media all and (-ms-high-contrast:none) {
    .article-detail form {
        margin-top: 1em;
        margin-bottom: 1em;
    }

    .checkout #PageCart #ContShop {
        margin-bottom: .5em;
    }

    .article-detail .scrollable-content form .k-numerictextbox input {
        margin: 0;
        padding: .5em .8em;
    }

    .slider .text {
        max-width: 100%;
    }

    .filters .filter .filter-box .check span {
        top: .2em;
    }

    .scrollable-content {
        position: relative !important;
        top: 0;
    }

    .k-ie .k-combobox .k-input, .k-ie .k-numeric-wrap .k-input, .k-ie .k-picker-wrap .k-input, .k-ie .k-textbox > input, .k-ie input.k-textbox {
        height: 4em;
    }


    .checkout #PageCart #ContShop {
        top: 1.2em;
    }

    .checkout .wrap {
        margin: 0;
    }

    .checkout #PageCart .items {
        height: -moz-calc(100vh - 305px);
        height: -webkit-calc(100vh - 305px);
        height: -o-calc(100vh - 305px);
        height: calc(100vh - 305px);
    }
}
.faq{
    border-top:1px solid #ccc;
    margin:3em auto;
    padding:3em 0;
}

    .faq header {
        width: 100%;
        border-bottom: 1px solid #ddd;
        padding: .7em 0;
    }

    .faq h2 {
       margin:0.5em 0 !important;
    }

    .faq .faq-item {
        width: 100%;
        box-sizing: border-box;
        border-bottom: 1px solid #ddd;
    }

        .faq .faq-item .faq-question {
            width: 100%;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            align-items: center;
            padding: 1em;
            box-sizing: border-box;
            font-weight:bold;
        }

        .faq .faq-item:hover .faq-question {
            background: rgba(0, 142, 202, .2);
            cursor: pointer;
        }

    .faq .faq-item .icon {
       margin-left:auto;
       font-size:.8rem;
    }

        .faq .faq-item .faq-answer {
            padding: 1em 1em 1em 1em;
            font-size:.9rem;
            line-height:140%;
        }


@media only screen and (min-width: 0) and (max-width: 520px) {
    .faq-articlegroup.wrap, #ArticleGroupFaq.wrap {
        padding: 0 !important;
    }
}