﻿.beats {
	-webkit-animation: heartbeat 1.5s ease-in-out infinite both;
	        animation: heartbeat 1.5s ease-in-out infinite both;
}

.alert-info {
    color: #496d94;
    background-color: #c5d7eb;
    border-color: #c5d7eb;
    max-width: 630px;
    margin: 0 auto;
    margin-bottom: 40px;
}

.close {
   color: #496d94;
font-size:2rem;
}


article .text img {
  max-width:100%
}

.form-group.f41 {
 display:none;
}

.cc-btn,.cc-color-override--29771338 .cc-btn:hover, .cc-color-override--29771338 .cc-btn:focus {
    background-color: #4958a5!important;
}


.listelement-large-image img.utenramme{width:auto !important;
max-height:194px;}

.listtext p {
    overflow: hidden;
    text-overflow: ellipsis;
    content: "";
    position: relative;
}

    .listtext p:before {
  /*      background: linear-gradient(180deg,rgba(255,255,255,0) 20%,rgba(73, 88, 165,1) 100%);

        background: -webkit-gradient(linear,left top, left bottom,color-stop(20%, rgba(255,255,255,0)),to(rgba(73, 88, 165,1)));        background: -o-linear-gradient(top,rgba(255,255,255,0) 20%,rgba(73, 88, 165,1) 100%);        background: linear-gradient(180deg,rgba(255,255,255,0) 20%,rgba(73, 88, 165,1) 100%);
*/

        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

.itemid-1859 .listelement svg {
    max-height: 105px;
    min-height: 105px;
    width: 100%;
}


.checkout h1, .checkout-navbar, .itemid-248 h1 {
    text-align: center;
}

.bordertop {
    border-top: 0;
}

.slide-in-blurred-left {
    -webkit-animation: slide-in-blurred-left 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
    animation: slide-in-blurred-left 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}

.slide-in-blurred-right {
    -webkit-animation: slide-in-blurred-right 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
    animation: slide-in-blurred-right 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
    animation-delay: .5s;
}

@-webkit-keyframes slide-in-blurred-right {
    0% {
        -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
        transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}

@keyframes slide-in-blurred-right {
    0% {
        -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
        transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}



@-webkit-keyframes slide-in-blurred-left {
    0% {
        -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
        transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}

@keyframes slide-in-blurred-left {
    0% {
        -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
        transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}

@-webkit-keyframes slide-in-blurred-left {
    0% {
        -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
        transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}

@keyframes slide-in-blurred-left {
    0% {
        -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
        transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-filter: blur(40px);
        filter: blur(40px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
        transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-filter: blur(0);
        filter: blur(0);
        opacity: 1;
    }
}

.mainheader .btn-mini-cart {
    position: relative;
    position: fixed;
    right: 20px;
    top: 41px;
    z-index: 999;
}
/*
.mainheader .btn-mini-cart {
    position: relative;
    position: fixed;
    right: 0;
    bottom: 28px;
    width: 100%;
    z-index: 999;
}

    .mainheader .btn-mini-cart:before {
        width: 100%;
        background: white;
        content: '';
        height: 40px;
        position: fixed;
    }
    */

.bttn-gray {
    border: 2px solid #ffffff;
    color: #ffffff;
    opacity: .7;
}

.text-muted {
    color: #ffffff !important;
    opacity: .7;
}

.btn:hover {
    color: #ffffff;
    text-decoration: none;
}

input.qty {
    padding-left: 9px;
    margin-bottom: 31px;
    padding-right: 9px;
}

.liste li::first-letter {
   text-transform:uppercase;
}

body.itemid-249, body.itemid-340 {
    background: #6499d1;
}

.product-gallery {
    padding-bottom: 2rem;
}

.clip-polygon {
    -webkit-clip-path: polygon(5% 5%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);
    clip-path: polygon(5% 5%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);
}

/*.itemid-193 .white .bttn {
    display: none;
}
*/

body.itemid-193, body.itemid-283, body.itemid-1618, body.itemid-1634 {
    background: #4958A5 url(https://guttogjente.no/image/sp.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 150px;
}
@media (max-width: 767px) {

    .btn-group-lg > .btn, .btn-lg {
        font-size: 1rem;
        padding: .5rem .75rem;
    }





}



    @media (max-width: 1200px) {
        body.itemid-193, body.itemid-283 {
            background-position: 0 50px;
            background-position: top center;
            background-position-y: 152px;
            background-size: 900px;
        }
    }

@media (max-width: 767px) {



    body.itemid-193, body.itemid-283 {
        background-position: 0 50px;
        background-size: 450px;
        background-position: top center;
        background-position-y: 180px;
    }
}


    h1.slide {
        margin-top: 0 !important;
    }

    .question {
        position: relative;
        background: #659ad1;
        border-radius: .4em;
        padding: 5vw;
        max-width: 90%;
    }

        .question:after {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            width: 0;
            height: 0;
            border: 10px solid transparent;
            border-right-color: #659ad1;
            border-left: 0;
            margin-top: -10px;
            margin-left: -10px;
        }

    .answer {
        padding: 5vw;
        position: relative;
        background: #586ac3;
        border-radius: .4em;
        margin-left: 10%;
        max-width: 90%;
    }

        .answer:after {
            content: '';
            position: absolute;
            right: 0;
            top: 50%;
            width: 0;
            height: 0;
            border: 10px solid transparent;
            border-left-color: #586ac3;
            border-right: 0;
            margin-top: -10px;
            margin-right: -10px;
        }

    article a {
        text-decoration: underline;
    }

    .listelement a {
        text-decoration: none;
    }


    .h1.small {
        font-size: 120%;
    }

        .h1.small a {
            padding: 4px;
        }

    .tilpass {
        z-index: 9999;
        position: relative;
        font-size: 70%;
        padding-top: 10px;
    }

        .tilpass a {
            color: rgba(251, 248, 197, 1);
            text-transform: uppercase;
            letter-spacing: .02em;
            font-size: 12pt;
            text-shadow: rgba(0, 0, 0, 0.62) 0px 0px 7px;
        }

    .qcode {
        background: #c9db5b;
        color: #646d2c;
        padding: 15px;
        padding-top: 0px;
        border: 3px solid #aebd4f;
        border-radius: 4px;
    }

    .related-items [class*="listelement-"] {
        margin-bottom: 20px;
    }

    .itemid-1652 .list {
        padding-bottom: 40px;
        border-bottom: 1px solid #586ac5;
    }

    .itemid-1652 h3 {
        padding-top: 40px;
    }




    .itemid-1651 h1 {
        text-align: center !important;
    }

    .itemid-1651 .white .bttn {
        display: none;
    }


    .chev {
        max-width: 20px;
        float: left;
    }

    .btn-group-lg > .btn, .btn-lg {
        position: relative;
        text-decoration: none !important;
    }

        .btn-lg.active,.active span {
            text-decoration: underline !important;
            text-decoration-color: #f8ed26 !important;
        }

    .chev {
        max-width: 22px;
        position: absolute;
        top: 19px;
    }


    @media (max-width: 767px) {

    .btn-group-lg > .btn, .btn-lg {
        font-size: 1rem;
        padding: .5rem .75rem;
    }

    .chev {
        max-width: 10px;
        top: 18px;
    }



}

    .chev {
        max-width: 10px;
        top: 18px;
    }
}

    @media (min-width: 120px) {
        #collapseExample1 {
            display: block;
        }
    }

    @media (min-width:11800px) {
        #collapseExample2 {
            display: block;
        }
    }

    .answer {
        text-align: left
    }

    .load {
        cursor: pointer
    }

    .liste {
        padding: 0;
        list-style: none;
        column-count: 2;
    }

    @media (min-width: 700px) {
        .liste {
            column-count: 3;
        }
    }

.liste2 {
    padding: 0;
    column-count: 2;
}

@media (min-width: 700px) {
    .liste2 {
        column-count: 3;
    }
}

    .itemid-1602, .itemid-1601,.itemid-1623 {
        margin: 0 auto;
        display: block;
        max-width: 700px;
    }

    svg.doodle path {
        fill: none;
        stroke: #FAED28;
        stroke-width: 4;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-dasharray: 5000;
        stroke-dashoffset: 5000;
        -webkit-animation: dash 11s linear forwards;
        animation: dash 11s linear forwards;
    }

    @-webkit-keyframes dash {
        to {
            stroke-dashoffset: 0;
        }
    }

    @keyframes dash {
        to {
            stroke-dashoffset: 0;
        }
    }

    header .list-inline a {
        color: #ffffff !important;
        font-size: 18px;
    }

    .search svg {
        max-width: 20px;
    }

    body {
        font-family: proxima-nova, sans-serif;
        font-weight: 500;
        color: #fff;
        background: #4958A5
    }




    .cd-words-wrapper {
        display: inline-block;
        position: relative;
        text-align: center;
    }

        .cd-words-wrapper b {
            display: inline-block;
            position: absolute;
            white-space: nowrap;
            top: 0;
        }

            .cd-words-wrapper b.is-visible {
                position: relative;
            }

    .no-js .cd-words-wrapper b {
        opacity: 0;
    }

        .no-js .cd-words-wrapper b.is-visible {
            opacity: 1;
        }


    /* -------------------------------- 
xslide 
-------------------------------- */
    .cd-headline.slide span {
        display: inline-block;
        padding: 0 0 .2em 0;
    }

    .cd-headline.slide .cd-words-wrapper {
        overflow: hidden;
        vertical-align: top;
    }

    .cd-headline.slide b {
        opacity: 0;
        top: .2em;
    }

        .cd-headline.slide b.is-visible {
            top: 0;
            opacity: 1;
            -webkit-animation: slide-in 0.6s;
            -moz-animation: slide-in 0.6s;
            animation: slide-in 0.6s;
        }

        .cd-headline.slide b.is-hidden {
            -webkit-animation: slide-out 0.6s;
            -moz-animation: slide-out 0.6s;
            animation: slide-out 0.6s;
        }

    @-webkit-keyframes slide-in {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-100%);
        }

        60% {
            opacity: 1;
            -webkit-transform: translateY(20%);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
        }
    }

    @-moz-keyframes slide-in {
        0% {
            opacity: 0;
            -moz-transform: translateY(-100%);
        }

        60% {
            opacity: 1;
            -moz-transform: translateY(20%);
        }

        100% {
            opacity: 1;
            -moz-transform: translateY(0);
        }
    }

    @keyframes slide-in {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-100%);
            -moz-transform: translateY(-100%);
            -ms-transform: translateY(-100%);
            -o-transform: translateY(-100%);
            transform: translateY(-100%);
        }

        60% {
            opacity: 1;
            -webkit-transform: translateY(20%);
            -moz-transform: translateY(20%);
            -ms-transform: translateY(20%);
            -o-transform: translateY(20%);
            transform: translateY(20%);
        }

        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0);
        }
    }

    @-webkit-keyframes slide-out {
        0% {
            opacity: 1;
            -webkit-transform: translateY(0);
        }

        60% {
            opacity: 0;
            -webkit-transform: translateY(120%);
        }

        100% {
            opacity: 0;
            -webkit-transform: translateY(100%);
        }
    }

    @-moz-keyframes slide-out {
        0% {
            opacity: 1;
            -moz-transform: translateY(0);
        }

        60% {
            opacity: 0;
            -moz-transform: translateY(120%);
        }

        100% {
            opacity: 0;
            -moz-transform: translateY(100%);
        }
    }

    @keyframes slide-out {
        0% {
            opacity: 1;
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0);
        }

        60% {
            opacity: 0;
            -webkit-transform: translateY(120%);
            -moz-transform: translateY(120%);
            -ms-transform: translateY(120%);
            -o-transform: translateY(120%);
            transform: translateY(120%);
        }

        100% {
            opacity: 0;
            -webkit-transform: translateY(100%);
            -moz-transform: translateY(100%);
            -ms-transform: translateY(100%);
            -o-transform: translateY(100%);
            transform: translateY(100%);
        }
    }





    .btn-link, .btn-link:hover {
        color: #ffffff;
    }

    section.itemid-1609, section.itemid-1610 {
        float: left;
        width: 50%;
        padding: 0 50px;
    }

    b, strong {
        font-weight: 800;
    }

    .search-wrapper > ul {
        background: #f2f2f2;
        color: #4958a5;
        list-style: none;
        margin: 0 2.75vw;
        margin-top: -18px;
        padding: 0px 30px;
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    }

    .search-wrapper ul {
        text-aign: left;
        list-style: none;
        padding: 0;
    }

        .search-wrapper ul ul {
            text-align: left;
            padding-left: 20px;
        }

    .vibrate-1 {
        -webkit-animation: vibrate-1 0.3s linear infinite both;
        animation: vibrate-1 0.3s linear infinite both;
    }

    .floating-right {
        animation-name: floating-r;
        animation-duration: 8s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
        margin-left: 30px;
        margin-top: 5px;
    }

    @keyframes floating-r {
        from {
            transform: translate(0, 0px);
        }

        20% {
            transform: translate(3px, 0);
        }

        80% {
            transform: translate(3px, 0);
        }

        to {
            transform: translate(0, -0px);
        }
    }


    .floating {
        animation-name: floating;
        animation-duration: 3s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
        margin-left: 30px;
        margin-top: 5px;
    }

    @keyframes floating {
        from {
            transform: translate(0, 0px);
        }

        65% {
            transform: translate(0, 15px);
        }

        to {
            transform: translate(0, -0px);
        }
    }

    .floating2 {
        animation-name: floating2;
        animation-duration: 4s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
        margin-left: 30px;
        margin-top: 5px;
    }

    @keyframes floating2 {
        from {
            transform: translate(0, 0px);
        }

        65% {
            transform: translate(0, 4px);
        }

        to {
            transform: translate(0, -0px);
        }
    }

    .floating21 {
        animation-name: floating21;
        animation-duration: 4s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
        margin-left: 30px;
        margin-top: 5px;
    }

    @keyframes floating21 {
        from {
            transform: translate(0, 0px);
        }

        65% {
            transform: translate(0, 2px);
        }

        to {
            transform: translate(0, -0px);
        }
    }






    .search-wrapper ul a {
        color: #4958a5;
    }



    .product-section:not(.product-main-image) {
        display: none;
    }



    a:focus, a:hover {
        color: #f8ed26;
    }

    .listelement svg {
        max-height: 194px;
        margin-bottom: 30px;
    }

@media (max-width: 1200px) {
    .listelement svg {
        max-height: 165px;
        margin-bottom: 15px;
    }
}

    header a, .listelement a {
        color: #ffffff !important;
    }


    ul.h1 {
        z-index: 99999;
        display: block;
        position: relative;
        list-style: none;
        padding: 0;
        font-weight: 800;
    }

    .omsvg {
        max-width: 50%;
        margin: 0 auto !important;
        display: block;
    }

    .blinker {
        -webkit-animation: flicker-1 2s linear infinite both;
        animation: flicker-1 2s linear infinite both;
    }

    .blinker2 {
        -webkit-animation: flicker-1 4s linear infinite both;
        animation: flicker-1 2s linear infinite both;
animation-delay: 1s;
    }


    /*
=======================================================================
	Banner search 
=======================================================================
*/

    .search {
        box-sizing: border-box;
        width: 100%;
        display: table;
        padding: 0;
        border: 0;
        -webkit-transition: all 0.15s ease-out;
        -moz-transition: all 0.15s ease-out;
        transition: all 0.15s ease-out;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background: #f9f9f9; /* Old browsers */
        background: -moz-linear-gradient(top, #f9f9f9 0%, #ededed 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f9f9f9 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f9f9f9 0%,#ededed 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f9f9f9 0%,#ededed 100%); /* IE10+ */
        background: linear-gradient(to bottom, #f9f9f9 0%,#ededed 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
        -moz-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        ;
        -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        ;
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        ;
        border-radius: 999px !important;
    }

        .search div {
            box-sizing: border-box;
            width: 100%;
            display: table-cell;
        }

        .search input, .search button {
            width: 100%;
            box-sizing: border-box;
        }

            .search input[type=text] {
                height: 60px;
                padding: 0 30px;
                margin: 0;
                border: 0;
                color: #919191;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
                font-size: 1.2em;
                background: none;
                -webkit-transition: all 0.15s ease-out;
                -moz-transition: all 0.15s ease-out;
                transition: all 0.15s ease-out;
            }

    @media (max-width:767px) {
        .search input[type=text] {
            font-size: 1em;
        }
    }

    .search input[type=text]:focus {
        outline: 0;
    }

    .search button {
        position: relative;
        left: 0px;
        width: 60px;
        height: 60px;
        border: 0;
        background: none;
        color: #bfbfbf;
        cursor: pointer;
        font-size: 1.4em;
        -webkit-transition: all 0.15s ease-out;
        -moz-transition: all 0.15s ease-out;
        transition: all 0.15s ease-out;
    }

        .search button:hover {
            color: #000;
        }

    .search-wrapper {
        position: relative;
    }

    ul#suggestions {
        margin: 0;
        padding: 0;
        list-style: none;
        position: absolute;
        top: 60px;
        left: 0;
        z-index: 9999;
        background: #f9f9f9; /* Old browsers */
        background: -moz-linear-gradient(top, #f9f9f9 0%, #ededed 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f9f9f9 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f9f9f9 0%,#ededed 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f9f9f9 0%,#ededed 100%); /* IE10+ */
        background: linear-gradient(to bottom, #f9f9f9 0%,#ededed 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
        -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
        -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
        box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
    }

        ul#suggestions li {
            margin: 0;
            padding: 5px 15px;
        }

            ul#suggestions li.list-title {
                color: #000;
            }

            ul#suggestions li:first-child {
                padding-top: 15px;
                padding-bottom: 25px;
                margin-bottom: 5px;
                background: url(../images/suggestion-arrow-down.png) bottom left no-repeat #dcdcdc;
            }

            ul#suggestions li:last-child {
                padding-bottom: 15px;
            }

            ul#suggestions li a {
                padding-left: 30px;
                background: url(../images/icon-suggestion-question.png) top left no-repeat;
            }

            ul#suggestions li.cat49 a,
            ul#suggestions li.cat37 a {
                padding-left: 30px;
                background: url(../images/icon-suggestion-info.png) top left no-repeat;
            }




    .frontpage-answered-questions {
        margin-top: 0;
    }

        .frontpage-answered-questions h3 {
            font-size: 20px;
            margin-top: 0;
        }

        .frontpage-answered-questions ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

            .frontpage-answered-questions ul li {
                margin: 0;
                padding: 4px 0 0 26px;
                position: relative;
            }

                .frontpage-answered-questions ul li a {
                    color: #fff;
                }

                .frontpage-answered-questions ul li i {
                    position: absolute;
                    top: 6px;
                    left: 0;
                    margin-right: 10px;
                    color: #fff;
                    font-size: 18px;
                }

    @media (max-width:991px) {
        .frontpage-answered-questions {
            margin-top: 30px;
        }
    }



    /*
=======================================================================
	Mobile search 
=======================================================================
*/

    .search-wrapper-mobile {
        position: relative;
    }

    .mobile-search {
        box-sizing: border-box;
        width: 100%;
        display: table;
        padding: 0;
        border: 0;
        -webkit-transition: all 0.15s ease-out;
        -moz-transition: all 0.15s ease-out;
        transition: all 0.15s ease-out;
        background: #f9f9f9; /* Old browsers */
        background: -moz-linear-gradient(top, #f9f9f9 0%, #ededed 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f9f9f9 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f9f9f9 0%,#ededed 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f9f9f9 0%,#ededed 100%); /* IE10+ */
        background: linear-gradient(to bottom, #f9f9f9 0%,#ededed 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
    }

        .mobile-search div {
            box-sizing: border-box;
            width: 100%;
            display: table-cell;
        }

        .mobile-search input, .mobile-search button {
            width: 100%;
            box-sizing: border-box;
        }

            .mobile-search input[type=text] {
                height: 60px;
                padding: 0 20px;
                margin: 0;
                border: 0;
                color: #919191;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
                font-size: 1.2em;
                background: none;
                -webkit-transition: all 0.15s ease-out;
                -moz-transition: all 0.15s ease-out;
                transition: all 0.15s ease-out;
            }


                .mobile-search input[type=text]:focus {
                    outline: 0;
                }

        .mobile-search button {
            position: relative;
            left: 0px;
            width: 60px;
            height: 60px;
            border: 0;
            background: none;
            color: #bfbfbf;
            cursor: pointer;
            font-size: 1.4em;
            -webkit-transition: all 0.15s ease-out;
            -moz-transition: all 0.15s ease-out;
            transition: all 0.15s ease-out;
        }

            .mobile-search button:hover {
                color: #000;
            }

    .mobile-search-wrapper {
        position: relative;
    }



    ul#mobile-suggestions {
        margin: 0;
        padding: 0;
        list-style: none;
        position: absolute;
        top: 60px;
        left: 0;
        z-index: 9999;
        background: #f9f9f9; /* Old browsers */
        background: -moz-linear-gradient(top, #f9f9f9 0%, #ededed 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f9f9f9 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f9f9f9 0%,#ededed 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f9f9f9 0%,#ededed 100%); /* IE10+ */
        background: linear-gradient(to bottom, #f9f9f9 0%,#ededed 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
        -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
        -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
        box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
    }

        ul#mobile-suggestions li {
            margin: 0;
            padding: 0px 15px;
        }

            ul#mobile-suggestions li a {
                color: #f36621;
                text-align: left;
            }

            ul#mobile-suggestions li:first-child {
                padding-top: 10px;
            }

            ul#mobile-suggestions li:last-child {
                padding-bottom: 10px;
            }













    .input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text {
        border-radius: 999px;
    }

    .words {
        display: inline;
    }

        .words span {
            position: absolute;
            opacity: 0;
            overflow: hidden;
            color: #659AD1;
            color: #EE507C;
            -webkit-animation: bounce-in-top 1.1s both;
            animation: bounce-in-top 1.1s both;
            -webkit-animation: rotateWord 14s ease-in-out infinite 0s;
            -ms-animation: rotateWord 14s ease-in-out infinite 0s;
            animation: rotateWord 14s ease-in-out infinite 0s;
            -webkit-animation: slide-in-elliptic-top-fwd 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: slide-in-elliptic-top-fwd 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            -webkit-animation: rotateWord 72s ease-in-out infinite 0s;
            -ms-animation: rotateWord 72s ease-in-out infinite 0s;
            animation: rotateWord 72s ease-in-out infinite 0s;
        }




            .words span:nth-child(2) {
                -webkit-animation-delay: 3s;
                -ms-animation-delay: 3s;
                animation-delay: 3s;
            }

            .words span:nth-child(3) {
                -webkit-animation-delay: 6s;
                -ms-animation-delay: 6s;
                animation-delay: 6s;
            }

            .words span:nth-child(4) {
                -webkit-animation-delay: 9s;
                -ms-animation-delay: 9s;
                animation-delay: 9s;
            }

            .words span:nth-child(5) {
                -webkit-animation-delay: 12s;
                -ms-animation-delay: 12s;
                animation-delay: 12s;
            }

            .words span:nth-child(6) {
                -webkit-animation-delay: 15s;
                -ms-animation-delay: 15s;
                animation-delay: 15s;
            }

            .words span:nth-child(7) {
                -webkit-animation-delay: 18s;
                -ms-animation-delay: 18s;
                animation-delay: 18s;
            }

            .words span:nth-child(8) {
                -webkit-animation-delay: 21s;
                -ms-animation-delay: 21s;
                animation-delay: 21s;
            }

            .words span:nth-child(9) {
                -webkit-animation-delay: 24s;
                -ms-animation-delay: 24s;
                animation-delay: 24s;
            }

            .words span:nth-child(10) {
                -webkit-animation-delay: 27s;
                -ms-animation-delay: 27s;
                animation-delay: 27s;
            }

            .words span:nth-child(11) {
                -webkit-animation-delay: 30s;
                -ms-animation-delay: 30s;
                animation-delay: 30s;
            }

            .words span:nth-child(12) {
                -webkit-animation-delay: 33s;
                -ms-animation-delay: 33s;
                animation-delay: 33s;
            }

            .words span:nth-child(13) {
                -webkit-animation-delay: 36s;
                -ms-animation-delay: 36s;
                animation-delay: 36s;
            }

            .words span:nth-child(14) {
                -webkit-animation-delay: 39s;
                -ms-animation-delay: 39s;
                animation-delay: 39s;
            }

            .words span:nth-child(15) {
                -webkit-animation-delay: 42s;
                -ms-animation-delay: 42s;
                animation-delay: 42s;
            }

            .words span:nth-child(16) {
                -webkit-animation-delay: 45s;
                -ms-animation-delay: 45s;
                animation-delay: 45s;
            }

            .words span:nth-child(17) {
                -webkit-animation-delay: 48s;
                -ms-animation-delay: 48s;
                animation-delay: 48s;
            }

            .words span:nth-child(18) {
                -webkit-animation-delay: 51s;
                -ms-animation-delay: 51s;
                animation-delay: 51s;
            }

            .words span:nth-child(19) {
                -webkit-animation-delay: 54s;
                -ms-animation-delay: 54s;
                animation-delay: 54s;
            }

            .words span:nth-child(20) {
                -webkit-animation-delay: 57s;
                -ms-animation-delay: 57s;
                animation-delay: 57s;
            }

            .words span:nth-child(21) {
                -webkit-animation-delay: 60s;
                -ms-animation-delay: 60s;
                animation-delay: 60s;
            }

            .words span:nth-child(22) {
                -webkit-animation-delay: 63s;
                -ms-animation-delay: 63s;
                animation-delay: 63s;
            }

            .words span:nth-child(23) {
                -webkit-animation-delay: 66s;
                -ms-animation-delay: 66s;
                animation-delay: 66s;
            }

            .words span:nth-child(24) {
                -webkit-animation-delay: 69s;
                -ms-animation-delay: 69s;
                animation-delay: 69s;
            }

    @-webkit-keyframes rotateWord {
        0% {
            opacity: 0;
        }

        1% {
            opacity: 0;
            -webkit-transform: translateY(-30px);
        }

        2% {
            opacity: 1;
            -webkit-transform: translateY(0px);
        }

        4% {
            opacity: 1;
            -webkit-transform: translateY(0px);
        }

        5% {
            opacity: 0;
            -webkit-transform: translateY(30px);
        }

        80% {
            opacity: 0;
        }

        100% {
            opacity: 0;
        }
    }

    @keyframes rotateWord {
        0% {
            opacity: 0;
        }

        1% {
            opacity: 0;
            -webkit-transform: translateY(-30px);
        }

        2% {
            opacity: 1;
            -webkit-transform: translateY(0px);
        }

        4% {
            opacity: 1;
            -webkit-transform: translateY(0px);
        }

        5% {
            opacity: 0;
            -webkit-transform: translateY(30px);
        }

        80% {
            opacity: 0;
        }

        100% {
            opacity: 0;
        }
    }

    @-ms-keyframes rotateWord {
        0% {
            opacity: 0;
        }

        1% {
            opacity: 0;
            -webkit-transform: translateY(-30px);
        }

        2% {
            opacity: 1;
            -webkit-transform: translateY(0px);
        }

        4% {
            opacity: 1;
            -webkit-transform: translateY(0px);
        }

        5% {
            opacity: 0;
            -webkit-transform: translateY(30px);
        }

        80% {
            opacity: 0;
        }

        100% {
            opacity: 0;
        }
    }



    /* ----------------------------------------------
 * Generated by Animista on 2020-3-19 14:3:24
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

    /**
 * ----------------------------------------
 * animation flicker-1
 * ----------------------------------------
 */
    @-webkit-keyframes flicker-1 {
        0%, 100% {
            opacity: 1;
        }

        41.99% {
            opacity: 1;
        }

        42% {
            opacity: 0;
        }

        43% {
            opacity: 0;
        }

        43.01% {
            opacity: 1;
        }

        47.99% {
            opacity: 1;
        }

        48% {
            opacity: 0;
        }

        49% {
            opacity: 0;
        }

        49.01% {
            opacity: 1;
        }
    }

    @keyframes flicker-1 {
        0%, 100% {
            opacity: 1;
        }

        41.99% {
            opacity: 1;
        }

        42% {
            opacity: 0;
        }

        43% {
            opacity: 0;
        }

        43.01% {
            opacity: 1;
        }

        47.99% {
            opacity: 1;
        }

        48% {
            opacity: 0;
        }

        49% {
            opacity: 0;
        }

        49.01% {
            opacity: 1;
        }
    }





    /* ----------------------------------------------
 * Generated by Animista on 2020-3-18 22:9:58
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

    /**
 * ----------------------------------------
 * animation fade-out
 * ----------------------------------------
 */
    @-webkit-keyframes fade-out {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
    }

    @keyframes fade-out {
        0% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
    }


    @-webkit-keyframes rotateWord {
        0% {
            opacity: 0;
        }

        1% {
            opacity: 0;
            -webkit-transform: translateY(-30px);
        }

        2% {
            opacity: 1;
            -webkit-transform: translateY(0px);
        }

        4% {
            opacity: 1;
            -webkit-transform: translateY(0px);
        }

        5% {
            opacity: 0;
            -webkit-transform: translateY(30px);
        }

        80% {
            opacity: 0;
        }

        100% {
            opacity: 0;
        }
    }

    @keyframes rotateWord {
        0% {
            opacity: 0;
        }

        1% {
            opacity: 0;
            -webkit-transform: translateY(-30px);
        }

        2% {
            opacity: 1;
            -webkit-transform: translateY(0px);
        }

        4% {
            opacity: 1;
            -webkit-transform: translateY(0px);
        }

        5% {
            opacity: 0;
            -webkit-transform: translateY(30px);
        }

        80% {
            opacity: 0;
        }

        100% {
            opacity: 0;
        }
    }

    @-ms-keyframes rotateWord {
        0% {
            opacity: 0;
        }

        1% {
            opacity: 0;
            -webkit-transform: translateY(-30px);
        }

        2% {
            opacity: 1;
            -webkit-transform: translateY(0px);
        }

        4% {
            opacity: 1;
            -webkit-transform: translateY(0px);
        }

        5% {
            opacity: 0;
            -webkit-transform: translateY(30px);
        }

        80% {
            opacity: 0;
        }

        100% {
            opacity: 0;
        }
    }

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: 1.975rem 2rem;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    padding-right: 0;
}

    .color {
        fill: #4C57A4;
        -webkit-animation: color-change-2x 4s linear infinite alternate both;
        animation: color-change-2x 4s linear infinite alternate both;
    }


    .overlay {
        height: 100%;
        width: 100%;
        display: none;
        position: fixed;
        z-index: 99;
        top: 0;
        left: 0;
        background-color: #ee4f7c;
    }

    .overlay-content {
        position: relative;
        top: 14%;
        width: 100%;
        text-align: center;
        margin-top: 30px;
    }

    .overlay a {
        padding: 7px;
        text-decoration: none;
        color: #ffffff;
        display: block;
        transition: 0.3s;
        z-index: 9999;
    }

        .overlay a:hover, .overlay a:focus {
            color: #f1f1f1;
        }

    .overlay .closebtn {
        position: absolute;
        top: 3px;
        left: 4vw;
        font-size: 60px;
    }

    @media screen and (max-height: 450px) {
        .overlay a {
            font-size: 20px
        }

        .overlay .closebtn {
            font-size: 40px;
            top: 15px;
            right: 4vw;
        }
    }

    .header-elements span.meny {
        font-size: 18px;
        cursor: pointer;
        z-index: 9;
        position: absolute;
        margin-left: 0;
        margin-top: 10px;
    }


    blockquote {
        border-left: 0;
        font-size: 120%;
        line-height: 1.4;
        color: #f8ed26;
    }

        blockquote:before {
            content: "“";
            font-size: 300%;
            display: block;
        }

    .logo {
        z-index: 999;
        display: block;
        /* max-width: 67px; */
        margin: 0 auto;
    }
    /**
header.mainheader.sticky.fixed .header-elements     {
    background: linear-gradient(180deg,rgba(73, 88, 165,1) 20%,rgba(255,255,255,0) 100%);
}


.body.templateid-107 header.mainheader.sticky.fixed .header-elements,
body.templateid-80 header.mainheader.sticky.fixed .header-elements,
body.itemid-249 header.mainheader.sticky.fixed .header-elements,
body.itemid-201 header.mainheader.sticky.fixed .header-elements
 {
    background: linear-gradient(180deg,rgb(238, 79, 124) 20%,rgba(255,255,255,0) 100%);
}



    
body.templateid-107,body.templateid-80 ,body.itemid-249,body.itemid-201 {

    background: #EE507C;
color:#fff;
}



.itemid-199 header.mainheader.sticky.fixed .header-elements,
.itemid-343 header.mainheader.sticky.fixed .header-elements {
    background: linear-gradient(180deg,rgb(101, 154, 210) 20%,rgba(255,255,255,0) 100%);
}

    **/




    /*
body.templateid-80 {

    background: #EE507C;
color:#fff;
}

    */

    .overlay svg {
        top: 24vh;
        max-width: 80vw;
        height: 100vh;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .list-inline li {
        display: inline-block;
        padding-right: 1.8vw;
        z-index: 99;
    }

        .list-inline li:first-child {
            padding-left: 1.8vw;
        }

    .list-inline {
        z-index: 999;
        position: relative;
        margin-top: 27px;
    }


    .gjlogo {
        margin: 0 auto;
        display: block;
        z-index: 99999;
        width: 220px;
        transition: width 1s;
        margin-top: 20px;
    }

    @media (min-width: 1200px) {
        header.mainheader.sticky.fixed .header-elements .gjlogo {
            padding-top: 5px;
            width: 120px;
        }
    }


    @media (max-width: 1200px) {
        .gjlogo {
            width: 120px;
        }
    }



    .gjlogo .bolts {
        /* Start the shake animation and make the animation last for 0.5 seconds */
        animation: shake 0.5s;
        /* When the animation is finished, start again */
        animation-iteration-count: 1;
    }

    .gjlogo:hover .bolts {
        /* Start the shake animation and make the animation last for 0.5 seconds */
        animation: shake 0.5s;
        /* When the animation is finished, start again */
        animation-iteration-count: 2;
    }

    @keyframes shake {
        0% {
            transform: translate(1px, 1px) rotate(0deg);
        }

        10% {
            transform: translate(-1px, -2px) rotate(-1deg);
        }

        20% {
            transform: translate(-3px, 0px) rotate(1deg);
        }

        30% {
            transform: translate(3px, 2px) rotate(0deg);
        }

        40% {
            transform: translate(1px, -1px) rotate(1deg);
        }

        50% {
            transform: translate(-1px, 2px) rotate(-1deg);
        }

        60% {
            transform: translate(-3px, 1px) rotate(0deg);
        }

        70% {
            transform: translate(3px, 1px) rotate(-1deg);
        }

        80% {
            transform: translate(-1px, -1px) rotate(1deg);
        }

        90% {
            transform: translate(1px, 2px) rotate(0deg);
        }

        100% {
            transform: translate(1px, -2px) rotate(-1deg);
        }
    }

    @-webkit-keyframes heartbeat {
        from {
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-transform-origin: center center;
            transform-origin: center center;
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }

        10% {
            -webkit-transform: scale(0.91);
            transform: scale(0.91);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }

        17% {
            -webkit-transform: scale(0.98);
            transform: scale(0.98);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }

        33% {
            -webkit-transform: scale(0.87);
            transform: scale(0.87);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }

        45% {
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }
    }

    @keyframes heartbeat {
        from {
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-transform-origin: center center;
            transform-origin: center center;
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }

        10% {
            -webkit-transform: scale(0.91);
            transform: scale(0.91);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }

        17% {
            -webkit-transform: scale(0.98);
            transform: scale(0.98);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }

        33% {
            -webkit-transform: scale(0.87);
            transform: scale(0.87);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }

        45% {
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }
    }


    @-webkit-keyframes color-change-2x {
        0% {
            fill: #EE507C;
        }

        100% {
            fill: #4956AB;
        }
    }

    @keyframes color-change-2x {
        0% {
            fill: #659AD1;
        }

        100% {
            fill: #4956AB;
        }
    }


    :root {
        --backgroundColor: transparent;
        --firstColor: #ee4f7c;
        --secondColor: #659AD1;
        --thirdColor: #EE507C;
        --fourthColor: #F8ED25;
        --dropShadowColor: transparent;
    }


    .blob {
        margin: auto;
        margin-bottom: -50vh;
    }

        .blob svg {
            transform-origin: 50% 50%;
            animation: move 24s ease-in-out infinite;
            overflow: hidden;
            background-color: var(--backgroundColor);
        }

    @keyframes move {
        0% {
            transform: scale(1) translate(0, 0) rotate(0);
            fill: var(--firstColor);
            filter: drop-shadow(20px 14px 10px var(--dropShadowColor));
        }

        25% {
            transform: scale(0.8) translate(5vw, 10vh) rotate(55deg);
            fill: var(--secondColor);
            filter: drop-shadow(14px 14px 6px var(--dropShadowColor));
        }

        50% {
            transform: scale(0.6) translate(15vw, 5vh) rotate(180deg);
            fill: var(--thirdColor);
            filter: drop-shadow(-16px -16px 16px var(--dropShadowColor));
        }

        75% {
            transform: scale(0.8) translate(5vw, 10h) rotate(55deg);
            fill: var(--fourthColor);
            filter: drop-shadow(14px 14px 6px var(--dropShadowColor));
        }

        100% {
            transform: scale(1) translate(0, 0) rotate(0);
            fill: var(--firstColor);
            filter: drop-shadow(20px 14px 10px var(--dropShadowColor));
        }
    }


    /*
=======================================================================
	Bootstrap Col Double Margin




    background: #EE507C;

    background: #659AD1;

    background: #EE507C;


=======================================================================
*/

    @media screen and (min-width: 991px) {
        .container {
            padding-right: 30px;
            padding-left: 30px;
        }

            .container .row {
                margin-right: -30px;
                margin-left: -30px;
            }

        .col, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
            position: relative;
            min-height: 1px;
            padding-right: 30px;
            padding-left: 30px;
        }
    }

    /*
=======================================================================
	General

	Proxima Nova Bold

font-family: proxima-nova, sans-serif;

font-weight: 700;

font-style: normal;


Proxima Nova Bold Italic

font-family: proxima-nova, sans-serif;

font-weight: 700;

font-style: italic;


Proxima Nova Regular

font-family: proxima-nova, sans-serif;

font-weight: 400;

font-style: normal;


Proxima Nova Italic

font-family: proxima-nova, sans-serif;

font-weight: 400;

font-style: italic;



=======================================================================
*/






    /* fade and slide transition active states (same for leave and enter) */
    .fade - leave - active,
    .fade - enter - active,
    .slide - leave - active,
    .slide - enter - active {
        transition: opacity 450ms ease, transform 650ms ease -in -out;
    }

    /* fade transition states */
    .fade - leave,
    .fade - enter - to {
        opacity: 1;
    }

        .fade - enter,
        .fade - leave - to {
            opacity: 0;
        }

    /* slide transition states */
    .slide - leave,
    .slide - enter - to {
        transform: translateX(0);
    }

        .slide - enter,
        .slide - leave - to {
            transform: translateX(100 %);
        }











    .listelement a {
        color: #F8ED25;
    }

    .bttn {
        border-radius: 999px;
    }

    h1, h2, h3, h4, h5, h6 {
        font-weight: 800;
    }

    a {
        color: #F8ED25;
    }

    /* Link Hover 
article .text a:not(.bttn):not(.image-link):hover,
article .text a:not(.bttn):not(.image-link):focus {
    background-color: #563d7c;
    box-shadow: #563d7c -5px 0px 0px 0px, #563d7c 5px 0px 0px 0px;
    border-radius: 5px;
    border-bottom-color: transparent;
    color: #fff;
    text-decoration: none;
    }
*/

    /*
=======================================================================
	Main header General
=======================================================================
*/

    header.mainheader {
        width: 100%;
        transition: height 0.4s ease-in-out;
        -webkit-transition: height 0.4s ease-in-out;
        -moz-transition: height 0.4s ease-in-out;
        transition: background 0.4s ease-in-out;
        -webkit-transition: background 0.4s ease-in-out;
        -moz-transition: background 0.4s ease-in-out;
        border: 0;
    }

    body header.mainheader:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
    }

    .mainheader .header-elements {
        padding-top: 25px;
        padding-bottom: 25px;
        transition: all 0.7s ease-in-out;
        -webkit-transition: all 0.7s ease-in-out;
        -moz-transition: all 0.7s ease-in-out;
    }

        .mainheader .header-elements .sf-menu a {
            font-size: .8em;
            font-weight: lighter;
        }

    @media (min-width:768px) {
    }

    @media (min-width:991px) {
        .mainheader .header-elements .sf-menu a {
            font-size: 1em;
        }
    }

    @media (min-width:1200px) {
        .mainheader .header-elements .sf-menu a {
            font-size: 1em;
        }
    }


    /*
=======================================================================
	Main header Fixed
=======================================================================
*/

    header.mainheader.sticky {
        position: absolute;
        top: 0; /* Verdi tilsvarende høyde på evt. pre-header */
        z-index: 9;
    }

    @media (min-width:768px) {
    }

    @media (min-width:991px) {
    }

    @media (min-width:1200px) {
        body main {
            padding-top: 50px;
        }
    }

    body main {
        padding-top: 50px;
    }

    /*
=======================================================================
	Main header Sticky
=======================================================================
*/

    header.mainheader.sticky.fixed {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9;
        width: 100%;
    }

    .itemid-193 header.mainheader:not(.fixed).nobg {
        background: none !important;
    }

    header.mainheader.sticky.fixed {
    }

        header.mainheader.sticky.fixed .header-elements {
            padding-top: 7px;
            padding-bottom: 7px;
        }

    @media (min-width:1200px) {
        header.mainheader .header-elements {
            padding-top: 20px;
            padding-bottom: 20px;
        }

        header.mainheader.sticky.fixed .header-elements {
            padding-top: 0;
            padding-bottom: 0;
        }

        header.mainheader.sticky-fixed .site-logo {
            width: 200px;
        }
    }


    /*
=======================================================================
	Section General
=======================================================================
*/

    .darker-10:before {
        background: rgba(86, 61, 124, 0.10);
    }

    .darker-20:before {
        background: rgba(86, 61, 124, 0.20);
    }

    .darker-30:before {
        background: rgba(86, 61, 124, 0.30);
    }

    .darker-40:before {
        background: rgba(86, 61, 124, 0.40);
    }

    .darker-50:before {
        background: rgba(86, 61, 124, 0.50);
    }

    .darker-60:before {
        background: rgba(86, 61, 124, 0.60);
    }

    .darker-70:before {
        background: rgba(86, 61, 124, 0.70);
    }

    .darker-80:before {
        background: rgba(86, 61, 124, 0.80);
    }

    .darker-90:before {
        background: rgba(86, 61, 124, 0.90);
    }





    /*
=======================================================================
	Custom Filter
=======================================================================
*/

    .mix-controls {
        margin-bottom: 3rem;
    }

        .mix-controls button {
            border: 0;
            color: #636363;
            background: #e6e6e6;
            margin-right: 1rem;
            padding: 1rem;
        }

            .mix-controls button:last-of-type {
                margin-right: 0;
            }

            .mix-controls button:focus {
                outline: none;
            }

            .mix-controls button.mixitup-control-active {
                background: #563d7c;
                color: #fff;
            }



    /*
=======================================================================
	Custom Footer
=======================================================================
*/

    .site-footer .column.col1 img {
        width: 150px;
    }

    .site-footer .column .column-content h2 {
        margin: 0 !important;
        font-size: 1.4rem;
        font-weight: bold;
        letter-spacing: 1px;
    }

        .site-footer .column .column-content h2 + p {
            margin-top: .75rem;
            font-weight: lighter;
        }

    .site-footer .column .column-content a {
        text-decoration: underline;
    }

    .site-footer a[href*="/maps/"]:before {
        font-family: "Font Awesome 5 Pro";
        content: "\f041";
        display: inline-block;
        margin-right: 10px;
    }

    @media (min-width:768px) {
        .site-footer .col.col1 img {
            width: 200px;
        }
    }

    @media (min-width:991px) {
    }

    @media (min-width:1200px) {
        .site-footer .col .column-content h2 {
            margin: 0 !important;
            font-size: 1.7rem;
        }
    }







    /**
 * ----------------------------------------
 * animation vibrate-1
 * ----------------------------------------
 */
    @-webkit-keyframes vibrate-1 {
        0% {
            -webkit-transform: translate(0);
            transform: translate(0);
        }

        20% {
            -webkit-transform: translate(-1px, 1px);
            transform: translate(-1px, 1px);
        }

        40% {
            -webkit-transform: translate(-1px, -1px);
            transform: translate(-1px, -1px);
        }

        60% {
            -webkit-transform: translate(1px, 1px);
            transform: translate(1px, 1px);
        }

        80% {
            -webkit-transform: translate(1px, -1px);
            transform: translate(1px, -1px);
        }

        100% {
            -webkit-transform: translate(0);
            transform: translate(0);
        }
    }

    @keyframes vibrate-1 {
        0% {
            -webkit-transform: translate(0);
            transform: translate(0);
        }

        20% {
            -webkit-transform: translate(-1px, 1px);
            transform: translate(-1px, 1px);
        }

        40% {
            -webkit-transform: translate(-1px, -1px);
            transform: translate(-1px, -1px);
        }

        60% {
            -webkit-transform: translate(1px, 1px);
            transform: translate(1px, 1px);
        }

        80% {
            -webkit-transform: translate(1px, -1px);
            transform: translate(1px, -1px);
        }

        100% {
            -webkit-transform: translate(0);
            transform: translate(0);
        }
    }









    .cc-window {
        opacity: 1;
        transition: opacity 1s ease
    }

        .cc-window.cc-invisible {
            opacity: 0
        }

    .cc-animate.cc-revoke {
        transition: transform 1s ease
    }

        .cc-animate.cc-revoke.cc-top {
            transform: translateY(-2em)
        }

        .cc-animate.cc-revoke.cc-bottom {
            transform: translateY(2em)
        }

        .cc-animate.cc-revoke.cc-active.cc-bottom, .cc-animate.cc-revoke.cc-active.cc-top, .cc-revoke:hover {
            transform: translateY(0)
        }

    .cc-grower {
        max-height: 0;
        overflow: hidden;
        transition: max-height 1s
    }

    .cc-link, .cc-revoke:hover {
        text-decoration: underline
    }

    .cc-revoke, .cc-window {
        position: fixed;
        overflow: hidden;
        box-sizing: border-box;
        font-size: 16px;
        line-height: 1.5em;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        z-index: 9999
    }

        .cc-window.cc-static {
            position: static
        }

        .cc-window.cc-floating {
            padding: 2em;
            max-width: 24em;
            -ms-flex-direction: column;
            flex-direction: column
        }

        .cc-window.cc-banner {
            padding: 1em 1.8em;
            width: 100%;
            -ms-flex-direction: row;
            flex-direction: row
        }

    .cc-revoke {
        padding: .5em
    }

    .cc-header {
        font-size: 18px;
        font-weight: 700
    }

    .cc-btn, .cc-close, .cc-link, .cc-revoke {
        cursor: pointer
    }

    .cc-link {
        opacity: .8;
        display: inline-block;
        padding: .2em
    }

        .cc-link:hover {
            opacity: 1
        }

        .cc-link:active, .cc-link:visited {
            color: initial
        }

    .cc-btn {
        display: block;
        padding: .4em .8em;
        font-size: .9em;
        font-weight: 700;
        border-width: 2px;
        border-style: solid;
        text-align: center;
        white-space: nowrap
    }

    .cc-highlight .cc-btn:first-child {
        background-color: transparent;
        border-color: transparent
    }

        .cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover {
            background-color: transparent;
            text-decoration: underline
        }

    .cc-close {
        display: block;
        position: absolute;
        top: .5em;
        right: .5em;
        font-size: 1.6em;
        opacity: .9;
        line-height: .75
    }

        .cc-close:focus, .cc-close:hover {
            opacity: 1
        }

    .cc-revoke.cc-top {
        top: 0;
        left: 3em;
        border-bottom-left-radius: .5em;
        border-bottom-right-radius: .5em
    }

    .cc-revoke.cc-bottom {
        bottom: 0;
        left: 3em;
        border-top-left-radius: .5em;
        border-top-right-radius: .5em
    }

    .cc-revoke.cc-left {
        left: 3em;
        right: unset
    }

    .cc-revoke.cc-right {
        right: 3em;
        left: unset
    }

    .cc-top {
        top: 1em
    }

    .cc-left {
        left: 1em
    }

    .cc-right {
        right: 1em
    }

    .cc-bottom {
        bottom: 1em
    }

    .cc-floating > .cc-link {
        margin-bottom: 1em
    }

    .cc-floating .cc-message {
        display: block;
        margin-bottom: 1em
    }

    .cc-window.cc-floating .cc-compliance {
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .cc-window.cc-banner {
        -ms-flex-align: center;
        align-items: center
    }

    .cc-banner.cc-top {
        left: 0;
        right: 0;
        top: 0
    }

    .cc-banner.cc-bottom {
        left: 0;
        right: 0;
        bottom: 0
    }

    .cc-banner .cc-message {
        display: block;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        max-width: 100%;
        margin-right: 1em
    }

    .cc-compliance {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: justify;
        align-content: space-between
    }

    .cc-floating .cc-compliance > .cc-btn {
        -ms-flex: 1;
        flex: 1
    }

    .cc-btn + .cc-btn {
        margin-left: .5em
    }

    @media print {
        .cc-revoke, .cc-window {
            display: none
        }
    }

    @media screen and (max-width:900px) {
        .cc-btn {
            white-space: normal
        }
    }

    @media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape) {
        .cc-window.cc-top {
            top: 0
        }

        .cc-window.cc-bottom {
            bottom: 0
        }

        .cc-window.cc-banner, .cc-window.cc-floating, .cc-window.cc-left, .cc-window.cc-right {
            left: 0;
            right: 0
        }

        .cc-window.cc-banner {
            -ms-flex-direction: column;
            flex-direction: column
        }

            .cc-window.cc-banner .cc-compliance {
                -ms-flex: 1 1 auto;
                flex: 1 1 auto
            }

        .cc-window.cc-floating {
            max-width: none
        }

        .cc-window .cc-message {
            margin-bottom: 1em
        }

        .cc-window.cc-banner {
            -ms-flex-align: unset;
            align-items: unset
        }

            .cc-window.cc-banner .cc-message {
                margin-right: 0
            }
    }

    .cc-floating.cc-theme-classic {
        padding: 1.2em;
        border-radius: 5px
    }

    .cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
        text-align: center;
        display: inline;
        -ms-flex: none;
        flex: none
    }

    .cc-theme-classic .cc-btn {
        border-radius: 5px
    }

        .cc-theme-classic .cc-btn:last-child {
            min-width: 140px
        }

    .cc-floating.cc-type-info.cc-theme-classic .cc-btn {
        display: inline-block
    }

    .cc-theme-edgeless.cc-window {
        padding: 0
    }

    .cc-floating.cc-theme-edgeless .cc-message {
        margin: 2em 2em 1.5em
    }

    .cc-banner.cc-theme-edgeless .cc-btn {
        margin: 0;
        padding: .8em 1.8em;
        height: 100%
    }

    .cc-banner.cc-theme-edgeless .cc-message {
        margin-left: 1em
    }

    .cc-floating.cc-theme-edgeless .cc-btn + .cc-btn {
        margin-left: 0
    }