Kontakta oss gärna

/* ----------------------------------------- */ /* Innehållsmall: Content template for Pages - start */ /* ----------------------------------------- */ .side-column { padding: 40px 34px 30px; background-color: #f2f2f2; color: #535353; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }.side-column h1, .side-column h2, .side-column h3, .side-column h4, .side-column h5 { margin-top: 0; }.side-column h4{ margin-bottom: 1.4em; }/* ----------------------------------------- */ /* Innehållsmall: Content template for Pages - slut */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Innehållsmall: Content template for Banner segment - start */ /* ----------------------------------------- */ #banner { position: relative; }.banner-background-img { height: 660px; background-size: cover; background-position: top left; opacity: 0.7; z-index: 1; }.banner-pattern-bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-image: url(/wp-content/uploads/pixel-overlay-pattern-dark.png); background-repeat: repeat; z-index: 2; }.banner-centered-content { position: absolute; width: 1240px; padding: 0 60px; left: 50%; top: 55%; transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); z-index: 3; overflow: hidden; }.banner-centered-content a { color: #fff; border-bottom: 1px solid #d6bbc0; }.banner-centered-content a:hover { color: #7d7d7d; border-bottom: 1px dotted #fff; }/* BLOG POST */body.views-template-content-template-for-posts .banner-background-img { -webkit-filter: blur(15px); filter: blur(15px); background-position: center center; }body.views-template-content-template-for-posts .banner-centered-content { top: 52%; width: 795px; text-align: center; }/* EVENT */body.views-template-content-template-for-events .banner-centered-content { width: 795px; text-align: center; }.event-date { display: inline-block; margin-bottom: 40px; }/* COMPANY */body.views-template-content-template-for-companies .banner-background-img { height: 500px; }p.company-info { float: left; width: 25%; }p.company-info .fa { margin-right: 10px; }p.company-info a { color: #fff; border-bottom-color: #fff; }p.company-info a:hover { color: #b1122f; border-bottom-color: #b1122f; }.nosp-company-logo { float: left; width: 200px; height: 200px; margin-right: 80px; padding: 40px; background-color: #fff; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; }.nosp-company-logo img { position: relative; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }/* SUB MENU */.nosp-sub-nav { margin: 0; list-style-type: none; z-index: 4; }.nosp-sub-nav li { display: inline-block; }.nosp-sub-nav li a { margin-right: 1px; padding: 14px 20px; color: #fff; font-size: 14px; font-weight: bold; border-bottom: none; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }.nosp-sub-nav li a:hover { background-color: rgba(255, 255, 255, 0.5); border-bottom: none; color: #fff; }.nosp-sub-nav li.current-menu-item a { background-color: rgba(255, 255, 255, 1); color: #535353; border-bottom: none; }/* RESPONSIVE */@media only screen and (max-width: 1240px) {.banner-centered-content, body.views-template-content-template-for-posts .banner-centered-content, body.views-template-content-template-for-events .banner-centered-content { width: 100%; } }@media only screen and (min-width: 1200px) { .nosp-sub-nav { width: 1180px; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } }@media only screen and (min-width: 1024px) { .views-template-content-template-for-landing-pages .banner-centered-content h1, .views-template-content-template-for-landing-pages .banner-centered-content p.ingress, .views-template-content-template-for-pages-with-no-sidebar .banner-centered-content h1, .views-template-content-template-for-pages-with-no-sidebar .banner-centered-content p.ingress, .views-template-content-template-for-pages .banner-centered-content h1, .views-template-content-template-for-pages .banner-centered-content p.ingress, .views-template-content-template-for-vrt-erbjudadne .banner-centered-content h1, .views-template-content-template-for-vrt-erbjudadne .banner-centered-content p.ingress, .case-quote { width: 60%; } body.views-template-content-template-for-companies .banner-centered-content { top: 63%; } .nosp-sub-nav { position: absolute; bottom: 7px; padding-left: 30px; } .nosp-sub-nav.mobile { display: none; } } @media only screen and (max-width: 1023px) { .banner-background-img { height: 500px; background-position: center center; } .banner-centered-content { padding: 0 30px; } .nosp-sub-nav { padding: 0; } .nosp-sub-nav.desktop { display: none; } .nosp-sub-nav li { margin: 0 4px 18px 0; } .nosp-sub-nav li a { padding: 10px 14px; font-size: 0.8em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #fff; background-color: transparent; } }@media only screen and (max-width: 425px) { p.company-info { width: 100%; float: none; } .nosp-company-logo { float: none; width: 150px; height: 150px; margin: 0 auto 30px; } p.company-info, body.views-template-content-template-for-companies .banner-centered-content h1 { text-align: center; } }/* ----------------------------------------- */ /* Innehållsmall: Content template for Banner segment - slut */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Innehållsmall: Content template for Share box horizontal - start */ /* ----------------------------------------- */ /*--- SHARE BOXE HORIZONTAL ---*/.share.horizontal { overflow: hidden; margin-top: 40px; padding: 20px 30px 19px; background-color: #f2f2f2; font-size: 0.9em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }.share.horizontal p, .share.horizontal h4 { margin-bottom: 0; }.share.horizontal h4 { float: left; margin-top: 3px; margin-right: 20px; color: #7d7d7d; }.share.horizontal p { float: right; margin-left: 20px; }.share.horizontal a { display: block; border-bottom: none; color: #7d7d7d; }.share.horizontal a:hover { color: #b1122f; }.share.horizontal a .fa { margin-right: 8px; }@media only screen and (max-width: 425px) {.share.horizontal, .share.horizontal h4 { text-align: center; } .share.horizontal h4, .share.horizontal p { float: none; margin-left: 0; margin-right: 0; } .share.horizontal p { display: inline-block; margin-top: 10px; margin-right: 6px; } }/* ----------------------------------------- */ /* Innehållsmall: Content template for Share box horizontal - slut */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Innehållsmall: Content template for Diagonal segment - start */ /* ----------------------------------------- */ .diagonal-holder { height: 230px; width: 100%; overflow: hidden; } .diagonal { width: 120%; height: 260px; margin-top: 100px; background-color: #f2f2f2; -ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg); }/* ----------------------------------------- */ /* Innehållsmall: Content template for Diagonal segment - slut */ /* ----------------------------------------- */