@font-face {
    font-family: HelveticaNeueW01;
    src: url(https://cdn2.hubspot.net/hubfs/384366/fonts/HelveticaNeueW01-Thin_eot.eot);
    src: url(https://cdn2.hubspot.net/hubfs/384366/fonts/HelveticaNeueW01-Thin_eot.eot?#iefix) format("eot"), url(https://cdn2.hubspot.net/hubfs/384366/fonts/HelveticaNeueW01-Thin_woff.woff) format("woff"), url(https://cdn2.hubspot.net/hubfs/384366/fonts/HelveticaNeueW01-Thin_ttf.ttf) format("truetype"), url(https://cdn2.hubspot.net/hubfs/384366/fonts/HelveticaNeueW01-Thin_svg.svg#https://cdn2.hubspot.net/hubfs/384366/fonts/HelveticaNeueW01-Thin_svg) format("svg");
    font-weight: 100;
}

@font-face {
    font-family: HelveticaNeueW01;
    src: url(https://cdn2.hubspot.net/hubfs/384366/fonts/HelveticaNeueW01-45Ligh_eot.eot);
    src: url(https://cdn2.hubspot.net/hubfs/384366/fonts/HelveticaNeueW01-45Ligh_eot.eot?#iefix) format("eot"), url(https://cdn2.hubspot.net/hubfs/384366/fonts/HelveticaNeueW01-45Ligh_woff.woff) format("woff"), url(https://cdn2.hubspot.net/hubfs/384366/fonts/HelveticaNeueW01-45Ligh_ttf.ttf) format("truetype"), url(https://cdn2.hubspot.net/hubfs/384366/fonts/HelveticaNeueW01-45Ligh_svg.svg#https://cdn2.hubspot.net/hubfs/384366/fonts/HelveticaNeueW01-45Ligh_svg) format("svg");
    font-weight: normal;
}

@font-face {
    font-family: HelveticaNeueW01;
    src: url(https://cdn2.hubspot.net/hubfs/384366/fonts/HelveticaNeueW01-75Bold_eot.eot);
    src: url(https://cdn2.hubspot.net/hubfs/384366/fonts/HelveticaNeueW01-75Bold_eot.eot?#iefix) format("eot"), url(https://cdn2.hubspot.net/hubfs/384366/fonts/HelveticaNeueW01-75Bold_woff.woff) format("woff"), url(https://cdn2.hubspot.net/hubfs/384366/fonts/HelveticaNeueW01-75Bold_ttf.ttf) format("truetype"), url(https://cdn2.hubspot.net/hubfs/384366/fonts/HelveticaNeueW01-75Bold_svg.svg#https://cdn2.hubspot.net/hubfs/384366/fonts/HelveticaNeueW01-75Bold_svg) format("svg");
    font-weight: bold;
}

@font-face {
    font-family: HelveticaNeueW01;
    src: url(https://cdn2.hubspot.net/hubfs/384366/fonts/HelveticaNeueW01-85Heav_eot.eot);
    src: url(https://cdn2.hubspot.net/hubfs/384366/fonts/HelveticaNeueW01-85Heav_eot.eot?#iefix) format("eot"), url(https://cdn2.hubspot.net/hubfs/384366/fonts/HelveticaNeueW01-85Heav_woff.woff) format("woff"), url(https://cdn2.hubspot.net/hubfs/384366/fonts/HelveticaNeueW01-85Heav_ttf.ttf) format("truetype"), url(https://cdn2.hubspot.net/hubfs/384366/fonts/HelveticaNeueW01-85Heav_svg.svg#https://cdn2.hubspot.net/hubfs/384366/fonts/HelveticaNeueW01-85Heav_svg) format("svg");
    font-weight: 800;
}

@font-face {
    font-family: 'myFont';
    src: url(https://cdn2.hubspot.net/hubfs/384366/filer_landingpages/fonts/myFont-4_eot.eot);
    src: url(https://cdn2.hubspot.net/hubfs/384366/filer_landingpages/fonts/myFont-4_eot.eot?#iefix) format("eot"), url(https://cdn2.hubspot.net/hubfs/384366/filer_landingpages/fonts/myFont-4_woff.woff) format("woff"), url(https://cdn2.hubspot.net/hubfs/384366/filer_landingpages/fonts/myFont-4_ttf.ttf) format("truetype"), url(https://cdn2.hubspot.net/hubfs/384366/filer_landingpages/fonts/myFont-4_svg.svg#https://cdn2.hubspot.net/hubfs/384366/filer_landingpages/fonts/myFont-4_svg) format("svg");
    font-weight: normal;
    font-style: normal;
}


body {
    margin: 0;
}

.inspari-module h2 {
    font-size: 48px;
    line-height: 48px;
    font-weight: 100;
    margin: 0;
}

.inspari-module {
    background-size: cover !important;
    background-position: center center !important;
    position: relative;    
    color: #fff;
    /*font-family: "Neue Helvetica W04", sans-serif;*/
    font-family: HelveticaNeueW01, Arial, sans-serif;
    line-height: 21px;
    text-align: left;
    font-size: 16px;
}

.inspari-module strong {
    font-weight: bold;
}

.inspari-module .widget-type-rich_text a {
    color: #004046;
    text-decoration: none!important;
    outline: 0!important;
}

.inspari-module .widget-type-rich_text a:hover {
    color: #000;
}

@media (min-width: 1440px) {
    .inspari-module.form-download-report > .row-fluid-wrapper,
    .inspari-module .container {
        width: 1440px;
        margin: 0 auto;
    }
}

.inspari-module .container {
    position: relative;
}

.inspari-module .overlay, .inspari-module.need-overlay > div > div::before {
    mix-blend-mode: multiply;
    
    height: 100%;
    display: block;
    
    position: absolute;
    top: 0;
    left: 0;
    width: 33%;
}

.inspari-module .add-bottom {
    padding-bottom: 30px;
}

.inspari-link-button-module, .inspari-link-button-module .container {
    min-height: 560px;
}

.inspari-module.bg-color-pink .overlay, .inspari-module.need-overlay-pink > div > div::before {
    background-color: #ea528e;
}

.inspari-module.bg-color-black .overlay,.inspari-module.need-overlay-black > div > div::before {
    background-color: #555;
}

.inspari-module.bg-color-blue .overlay {
    background-color: #00afc3;
}

.first-item .inspari-module .text, .first-item .inspari-module .widget-type-rich_text, .first-item .inspari-module .widget-type-form {
    padding-top: 84px !important;
}

.inspari-module .text,
.inspari-module.form-download-report .widget-type-rich_text {
    box-sizing: border-box;
    /*color: #fff;*/
    padding: 34px 10px 34px 40px;
}

.inspari-module .text {
    padding: 60px;
}

.inspari-module.no-overlay .overlay,
.inspari-module.no-overlay .text {
    display: none;
}

.inspari-module.size-onethird .overlay {
    width: 33.33%
}
.inspari-module.size-onethird .text {
    width: 33.33%
}

.inspari-module.size-half .overlay {
    width: 50%
}
.inspari-module.size-half .text {
    width: 50%
}

.inspari-module.size-twothirds .overlay, .inspari-module.need-overlay > div > div::before {
    width: 66.66%
}
.inspari-module.size-twothirds .text {
    width: 61.66%
}

.inspari-module.size-full .overlay,
.inspari-module.size-full .text {
    width: 100%
}

.inspari-module.overlay-position-right .overlay {
    left: auto;
    right: 0;
}

.inspari-module.overlay-position-right.size-onethird .text {
    margin-left: 66.66%;
}
.inspari-module.overlay-position-right.size-half .text {
    margin-left: 50%;
}
.inspari-module.overlay-position-right.size-twothirds .text {
    margin-left: 33.33%;
}
.inspari-module.overlay-position-right .hd-btn-wrapper {
    left: 50%;
}

@media (max-width: 767px) {
    .inspari-module .overlay, .inspari-module .text {
        width: 100% !important;
    }
    
    .inspari-module.overlay-position-right .text {
        margin-left: 0 !important;
    }
    .inspari-module.overlay-position-right .hd-btn-wrapper {
        left: 0;
    }
    
    .inspari-module.form-download-report form {
        margin-left: 20px;
        margin-right: 20px;
    }    
    
    .inspari-module.form-download-report form > * {
        margin: 0 auto;        
    }
    
    .inspari-module.need-overlay > div > div::before {
        width: 100%;
    }
    
    .inspari-module.need-overlay .widget-type-raw_html {
        display: none; /* We dont want an empty container on mobile, only on desktop (for making a 3-column overlay) */
    }
}

@media (min-width: 1440px) {
    .inspari-module.size-onethird .overlay {
        width: 42%
    }
}

.inspari-module.form-download-report {
    background-color: #ea528e;
}

.inspari-module.form-download-report-black {
    background-color: #000;
}

.inspari-module.form-download-report form {
    font-size: 14px;
}

.inspari-module.form-download-report form .field > label {
    display: inline-block;
    padding: 8px 0 2px;
}

.inspari-module.form-download-report form input,
.inspari-module.form-download-report form select {
    border: 0;
    padding: 8px;
    width: 100%;
    box-sizing: border-box;
}
.inspari-module.form-download-report form select { width:100% !important; }

.inspari-module.form-download-report form textarea {
    height: 80px;
}

.hs-form fieldset.form-columns-1 .hs-form-field .input {
    margin-right: 0;
}

.hs-form fieldset.form-columns-1 input[type="text"],
.hs-form fieldset.form-columns-1 input[type="email"],
.hs-form fieldset.form-columns-1 input[type="tel"],
.hs-form fieldset.form-columns-1 input[type="number"],
.hs-form fieldset.form-columns-1 select,
.hs-form fieldset.form-columns-1 textarea {
    width: 100%;
}

.hs-form fieldset.form-columns-2 input[type="text"],
.hs-form fieldset.form-columns-2 input[type="email"],
.hs-form fieldset.form-columns-2 input[type="tel"],
.hs-form fieldset.form-columns-2 input[type="number"],
.hs-form fieldset.form-columns-2 select,
.hs-form fieldset.form-columns-2 textarea {
    width: 100% !important;
}


.hs-form fieldset.form-columns-2 .hs-form-field .input {
    margin-right: 4px;
}

.hs-form fieldset.form-columns-2 .hs-form-field:last-of-type .input {
    margin-right: 0px;
    margin-left: 4px;
}

.hs-form .hs-form-booleancheckbox {
    margin-top: 15px;
}

@media (max-width: 480px) {
    .hs-form fieldset.form-columns-2 .input {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    .inspari-module.form-download-report .widget-type-rich_text {
        padding: 34px 20px;
    }    
}

/*
.hs-form fieldset.form-columns-2 .hs-form-field {
    width: 43.6% !important;
    float: left;
}

.hs-form fieldset.form-columns-2 .hs-form-field + .hs-form-field {
    margin-left: 6%;
}

.hs-form fieldset.form-columns-2 .input {
    margin-right: 0 !important;
}
*/

/* Placeholder coloring. Needs to be in separate rules */
.inspari-module.form-download-report form input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #ea528e;
    font-weight: bold;
}
.inspari-module.form-download-report form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #ea528e;
   opacity:  1;
}
.inspari-module.form-download-report form input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #ea528e;
   opacity:  1;
}
.inspari-module.form-download-report form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #ea528e;
}

/* Placeholder coloring. Needs to be in separate rules */
.inspari-module.form-download-report-black form input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #000000;
    font-weight: bold;
}
.inspari-module.form-download-report-black form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #000000;
   opacity:  1;
}
.inspari-module.form-download-report-black form input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #000000;
   opacity:  1;
}
.inspari-module.form-download-report-black form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #000000;
}

/* Style conditions checkbox START */
.inspari-module.form-download-report ul.inputs-list {
    list-style: none;
    padding: 0;
    margin-top: 0;
    position: relative;
}

.inspari-module.form-download-report ul.inputs-list input[type='checkbox'] {
    margin: 0;
    width: auto;
}

.inspari-module.form-download-report ul.inputs-list input[type='checkbox'] + span::before {
    content: ' ';    
    background-color: #fff;
    width: 16px;
    height: 20px;
    padding-left: 4px;
    display: inline-block;
    position: absolute;
    left: 0;
}

.inspari-module.form-download-report ul.inputs-list input[type='checkbox']:checked + span::before {
    content: '✓';
    color: #000;
    font-weight: bold;
}

.inspari-module.form-download-report ul.inputs-list span {
    margin-left: 15px;
}
/* Style conditions checkbox END */
.inspari-module.form-download-report .hs_submit {
    max-width: 500px;
}

.inspari-module.form-download-report input[type='submit']
{
    border: 0;
    background-color: rgba(0,0,0,0.5);
    color: white;
    cursor: pointer;
    font-family: inherit;
    font-size: 19px;
    font-weight: bold;
    outline: 0;
    width: auto;
    position: relative;
    touch-action: manipulation;
    transition: all .3s;
    padding: 18px 64px 18px 36px;
}

@media (max-width: 960px) {
    .inspari-module.form-download-report input[type='submit'] {
        font-size: 16px;
    }
}

.inspari-module.form-download-report input[type='submit']:hover { 
    padding-right: 79px;
}

.inspari-module.form-download-report input[type='submit']::after {
    content: " ";
    background-color: #fff;
    display: inline-block;
    width: 30px;
    height: 30px;
    display: block;
}

.inspari-module.form-download-report .hs-image-widget {
    width: 100% !important;
    height: auto;
}

.inspari-module.footer {
    min-height: 120px;
}

.inspari-module.footer .text {
    color: #004046;
    padding: 60px 40px;
    overflow: hidden;
}

.inspari-module.footer h2 {
    float: left;
}

.inspari-module.footer .contact-info {
    float: right;
    margin-top: 10px;
}

.inspari-module.footer .contact-info section {
    float: left;
    margin: 0 30px;
}

.inspari-module.footer a.invisible-link {
    color: inherit;
    text-decoration: none;
}

.inspari-module.footer a.tel, .inspari-module.footer a.mailto {
    color: inherit;
    font-weight: 800;
    text-decoration: none;
    display: inline-block;
}

@media (max-width: 1280px) {
    .inspari-module.footer h2 {
        float: none;
        text-align: center;
        margin-bottom: 15px;
    }
    
    .inspari-module.footer .contact-info {
        float: none;
        text-align: center;
    }
    
    .inspari-module.footer .contact-info section {
        float: none;
        display: inline-block;
    }
}

.inspari-module.two-columns {
    max-width: 880px;
    margin: 60px auto;
    color: #004046;
}

.inspari-module.two-columns .text {
    float: left;
    width: 50%;
}

.inspari-module.video {
    margin: 60px auto;
    text-align: center;
}

.inspari-module.video > div {
    text-align: center;
}

.inspari-module.video img {
    max-width: 880px;
    width: 100%;
    height: auto;
}

.inspari-module.need-overlay {
    background-size: cover !important;
    background-position: center center !important;
}

.inspari-module.need-overlay .widget-span {
    position: relative;
}

/* ====================================================================================================================
 *
 *      2017 update. The above code is not structured in any meaningful way. The below code should be structured nicely.
 *
======================================================================================================================= */

/* Typography */
p {
    margin: 1em 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: 100;
    line-height: 1;
}

h1,
h2 {
    font-size: 32px;
}

h3 {
    font-size: 22.5px;
}

h4 {
    font-size: 17px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 12px;
}


/* Page specific styles */
.hard-landing-page .widget-type-form,
.soft-landing-page .widget-type-form {
    margin-bottom: 10px;
}

.hard-landing-page .widget-type-form h3,
.soft-landing-page .widget-type-form h3 {
    display: none;
}

.soft-landing-page .form-download-report {
    padding-top: 60px;
}

.hard-landing-page .widget-type-form .actions,
.soft-landing-page .widget-type-form  .actions {
    display: inline-block;
    position: relative;
    margin-top: 10px;
    margin-right: 65px;
}

.hard-landing-page .widget-type-form .actions::after,
.soft-landing-page .widget-type-form  .actions::after {
    font-family: 'myFont';
    content: 'R';
    font-size: 22px;
    position: absolute;
    right: 15px;
    top: 20px;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}


/* Media queries */
@media (min-width: 480px) {
}

@media (min-width: 768px) {
    h1,
    h2 {
        font-size: 36px;
    }
    .hard-landing-page .widget-type-form,
    .soft-landing-page .widget-type-form {
        max-width: 360px;
    }
    .hard-landing-page .widget-type-form .cell-wrapper,
    .soft-landing-page .widget-type-form .cell-wrapper {
        margin-top: -18px;
    }
}

@media (min-width: 992px) {
    h1,
    h2 {
        font-size: 42px;
    }
}

@media (min-width: 1200px) {
    h1,
    h2 {
        font-size: 48px;
    }
    h3 {
        font-size: 28px;  
    }   
    
    h4 {
        font-size: 20px;  
    }  
}


/* IE10+ styles. You can read about this technique here: https://philipnewcomer.net/2014/04/target-internet-explorer-10-11-css/ */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here. */
    .inspari-module .overlay,
    .inspari-module.need-overlay>div>div::before,
    .overlay::before {
        opacity: 0.8; /* Compensate for lack of mix-blend-mode support in IE and Edge */
    }
}

/* Microsoft Edge 12+ styles. Reference: https://jeffclayton.wordpress.com/2015/04/07/css-hacks-for-windows-10-and-spartan-browser-preview/ */
@supports (-ms-ime-align:auto) {
    /* MS Edge CSS styles go here. */
    .inspari-module .overlay, 
    .inspari-module.need-overlay>div>div::before,
    .overlay::before {
        opacity: 0.8; /* Compensate for lack of mix-blend-mode support in IE and Edge */
    }  
}

/* Temporary norwegian footer - the below code is a little messy */
@media (max-width: 767px) {
    .lang-no .inspari-module.footer .contact-info .icon {
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 1279px)  {
    .lang-no .footer .container {
        text-align: center;
    }
    .lang-no .footer .text {
        display: inline-block;
        
    }
    .lang-no .inspari-module.footer .text h2 {
        text-align: left;
    }
    .lang-no .inspari-module.footer .contact-info .icon {
        float: left;
        width: 40%;
        margin: 0;
        text-align: left;   
    }
    .lang-no .inspari-module.footer .contact-info .column1,
    .lang-no .inspari-module.footer .contact-info .column2 {
        display: inline-block;
        text-align: left;
        margin: 0;
        float: left;
    }
    .lang-no .inspari-module.footer .contact-info .column2 {
        float: right;
    }
}
@media (min-width: 1280px) {
    .lang-no .inspari-module.footer .contact-info .icon {
        margin-top: 3px;
    }
}
/* END of Temporary norwegian footer */

/*------ Cookiebanner from cookiebot ------*/
#CybotCookiebotDialog {
    border-radius: 0!important;
    border: 0!important;
    padding: 20px!important;
}

#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
    background-color: #fff!important;
    border: 1px solid #004046!important;
    padding: 15px 10px 17px 10px!important;
    font-size: 18px!important;
    color: #004046!important;
    font-weight: 300!important;
    text-align: center!important;
}

#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    background-color: #004046!important;
    border: 1px solid #004046!important;
    padding: 15px 10px 17px 10px!important;
    font-size: 18px!important;
    font-weight: 300!important;
    text-align: center!important;
}