/* on site */

/* fonts */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,800;0,900;1,400;1,500;1,600;1,800;1,900&family=Poppins:wght@200;300;400;500;600;700;800&display=swap');

/* animation*/
@import url('https://unpkg.com/aos@2.3.1/dist/aos.css');

/* ==========================================================================
Generellt 
========================================================================== */

*,
*::before,
*::after {
	box-sizing: border-box;
	background-repeat: no-repeat;
}

body,
body.isMobile .body-background {
	-webkit-font-smoothing: antialiased;
	background-position: center center;
	background-size: cover;
}

html {
	font-size: 62.5%;
}

.EditMode .display-none {
	display: block;
}

/* Video background */
.fullscreen-bg-video {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	z-index: -100;
}

#bg-video {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.LayoutPage .section-block-wrapper {
	max-width: 150rem;
}

.LayoutPage .width-1200 .section-block-wrapper {
	max-width: 120rem;
}

.LayoutPage .width-1200 .section-block-wrapper {
	max-width: 120rem;
}

.LayoutPage .section-wrapper {
	background-color: #f8f8f8;
}

.LayoutPage .section-block,
.SubPage .LayoutPage .section-block {
	padding: 12rem 4rem;
}

.LayoutPage .pt-0 .section-block,
.SubPage .LayoutPage .pt-0 .section-block {
	padding-top: 0;
}

.container {
	max-width: 100%;
}

.justify-center {
	display: flex;
	justify-content: center;
}

@media only screen and (max-width: 1024px) {

	.LayoutPage .section-block,
	.SubPage .LayoutPage .section-block {
		padding: 9rem 3rem;
	}
}

@media only screen and (max-width: 580px) {

	.LayoutPage .section-block,
	.SubPage .LayoutPage .section-block {
		padding: 5rem 2rem;
	}
}

/* ==========================================================================
Knappar & speciella länkar
========================================================================== */

.btn {
	max-width: 24rem;
	width: 100%;
	box-sizing: border-box;
	padding: 1.8rem 2.2rem !important;
	margin-bottom: 5px;
	border-radius: 0;
	text-align: center !important;
	text-transform: none;
	font-weight: 600;
	font-size: 1.35rem;
	letter-spacing: normal;
	line-height: 1;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	color: #fff !important;
	display: inline-block;
	border-bottom-left-radius: 4rem;
	border-bottom-right-radius: 4rem;
	border-top-left-radius: 4rem;
}

.btn:hover {
	border: 2px solid #CC3399;
	color: #CC3399 !important;
}

.btn-primary {
	background: #CC3399;
	border: 2px solid #CC3399;
	color: #fff;
}

.btn-primary:hover {
	color: #CC3399 !important;
	border: 2px solid #CC3399;
	/* padding: 1.6rem 2rem; */
	background: transparent;
}

.btn-primary-border {
	color: #CC3399 !important;
	border: 2px solid #CC3399;
	background: transparent;
}

.btn-primary-border:hover {
	background: #CC3399;
	border: 2px solid #CC3399;
	color: #fff;
}

.btn-secondary {
	background: #7dcd0a;
	border: 2px solid #7dcd0a;
	color: #fff;
}

.btn-secondary:hover {
	color: #7dcd0a !important;
	border: 2px solid #7dcd0a;
	/* padding: 1.6rem 2rem; */
	background: transparent;
}

.btn-transparent {
	background: transparent;
	border: 2px solid transparent;
	color: #fff;
}

p.btn-transparent {
	display: inline-block;
} 

p.btn-transparent:hover {
	background: transparent;
	border: 2px solid transparent;
	color: #fff !important;
}   

a.btn-transparent:hover {
	background: transparent;
	border: 2px solid transparent;
	color: #CC3399 !important;
}

@media only screen and (max-width: 480px) {
	.btn {
		display: block;
		width: 100%;
	}
}

/* Länk med pil */
.btn-wrapper .arrow-link {
	display: inline-block;
}

.arrow-link::after {
	content: ' \f178';
	opacity: 1;
	transition: all .3s ease;
	font-family: 'Font Awesome 5 Pro';
	margin-left: 3px;
	font-weight: 400;
}

.arrow-link:hover::after {
	content: ' \f178';
	opacity: 1;
	margin-left: 10px;
}

/* knapp med cirkel */

.btn-wrapper {
	margin-top: 3rem;
}

.btn-wrapper a {
	color: #fff;
}

.btn-wrapper a:hover {
	color: #fff;
}

.button {
	text-decoration: none;
	display: inline-block;
	font-weight: 400;
}

.button,
.button::before,
.button::after {
	transition: all .3s ease;
}

.button:hover {
	text-decoration: none;
}

.button-circle {
	position: relative;
	margin: auto;
	padding: 1rem 3.5rem;
	transition: all 0.2s ease;
}

.button-circle::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	border-radius: 3rem;
	background: #298D9A;
	width: 4.6rem;
	height: 4.6rem;
	transition: all 0.3s ease;
}

.button-span {
	position: relative;
	font-size: 1.4rem;
	line-height: 1.8;
	font-weight: 700;
	letter-spacing: 0.25em;
	text-transform: uppercase;
	transition: all .3s ease;
}

.button-span::after {
	content: '\2192';
	margin-left: .5em;
	transition: all .3s ease;
}

.button:hover .button-span::after {
	margin-left: 1em;
	transition: all .3s ease;
}

.button-circle:hover::before {
	width: 100%;
	background: #040713;
}

.button-circle:active {
	transform: scale(0.96);
}

/**bouncing-arrow**/
svg {
	vertical-align: middle;
}

.scroll-down {
	margin-left: 50%;
	position: absolute;
	z-index: 1;
	cursor: pointer;
	bottom: 3rem;
	left: -40px;
	color: #fff;
	background-color: transparent;
	width: 80px;
	border-radius: 50%;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.scroll-down a {
	padding: 15px;
}

.scroll-down.svg svg {
	opacity: 1;
	width: 2.5rem;
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-ms-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
}

.scroll-down.svg .stroke {
	stroke: #fff;
}

.scroll-down.svg .scroller {
	fill: #fff;
	-webkit-animation: updown 2s infinite;
	-moz-animation: updown 2s infinite;
	-o-animation: updown 2s infinite;
	animation: updown 2s infinite;
}

@-webkit-keyframes updown {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	50% {
		-webkit-transform: translate(0, 5px);
		transform: translate(0, 5px)
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

@-moz-keyframes updown {
	0% {
		-moz-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	50% {
		-moz-transform: translate(0, 5px);
		transform: translate(0, 5px)
	}

	100% {
		-moz-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

@-o-keyframes updown {
	0% {
		-o-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	50% {
		-o-transform: translate(0, 5px);
		transform: translate(0, 5px)
	}

	100% {
		-o-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

@keyframes updown {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	50% {
		-webkit-transform: translate(0, 5px);
		transform: translate(0, 5px)
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

/* ==========================================================================
Text och typsnitt
========================================================================== */

.heading-type h1,
.heading-type h2,
.heading-type h3,
p,
a,
ul,
li {
	text-align: left;
}

p,
ul,
li {
	color: #454545;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-style: normal;
	text-decoration: none;
	font-size: 1.8rem;
	line-height: 1.9;
	letter-spacing: normal;
	text-transform: none;
}

li {
	list-style-type: circle;
}

a,
.link-text {
	color: inherit;
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	font-style: normal;
	text-decoration: none;
	font-size: 1.6rem;
	line-height: 1.7;
	display: block;
	letter-spacing: normal;
	text-transform: none;
}

a:hover {
	text-decoration: none;
	color: inherit;
}

.bold-text {
	font-weight: 800;
	color: inherit;
}

.ingress {
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 2.2rem;
	line-height: 2;
}

.ingress2 {
	font-weight: 400;
	font-size: 2.7rem;
	line-height: 2;
}

.text-label {
	text-transform: none;
	line-height: 1.3;
	letter-spacing: normal;
	font-size: 1.6rem;
	text-align: left;
	padding-bottom: 2.5rem;
	text-shadow: none;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	color: #23262E;
	font-style: normal;
}

.ingress-title {
	text-align: left;
	font-weight: 800;
	text-align: left;
	max-width: 100rem;
	font-size: 6rem;
	font-weight: 600;
	line-height: 1.1;
}

.small-title {
	text-transform: none;
	font-size: 2.2rem;
	letter-spacing: normal;
	color: #23262E;
	font-weight: 700;
}

.bold {
	font-weight: 500;
}

.italic {
	font-style: italic;
}

.highlight {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 70%, #e1edff 70%);
}

.highlight2 {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 90%, #e1edff 90%);
}

.ingress-title {
	font-size: 4.8rem;
	font-weight: 300;
	line-height: 1.5;
}

.inline {
	display: inline;
}

.pt-2{
	padding-top: 2rem;
}

.small-title,
h4,
h5,
h6 {
	font-family: 'Poppins', sans-serif;
}

h1,
h2,
h3 {
	color: #182633;
	font-family: 'Poppins', sans-serif;
}

h1 {
	font-style: normal;
	font-weight: 800;
	font-style: normal;
	font-size: 4.5rem;
	letter-spacing: normal;
	line-height: 1.2;
	font-family: 'Playfair Display', serif;
}

h2 {
	font-style: normal;
	padding-bottom: 3rem;
	text-transform: none;
	letter-spacing: normal;
	text-align: left;
	font-weight: 400;
	font-size: 6rem;
	line-height: 1.4;
}

h3,
.section-title {
	font-style: normal;
	padding-bottom: 1.5rem;
	text-align: left;
	font-weight: 800;
	font-size: 5rem;
	line-height: 1.3;
	text-transform: none;
	letter-spacing: normal;
	font-family: 'Playfair Display', serif;
}

h4 {
	font-size: 2.8rem;
	text-transform: none;
	line-height: 1.4;
	letter-spacing: 0;
	font-weight: 400;
	padding-bottom: 1rem;
}

.smalltext-type {
	max-width: none;
}

.normaltext-type {
	max-width: none;
	margin: 0 auto;
	text-align: center;
}

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

@media only screen and (max-width: 980px) {

	h3,
	.section-title {
		font-size: 4rem;
	}

	h2,
	h3 {
		font-size: 4rem;
	}

	.ingress {
		font-size: 1.9rem;
	}

	.heading-type h1,
	.heading-type h2,
	.heading-type h3,
	p,
	a,
	ul,
	li {
		text-align: left !important;
	}
}

@media only screen and (max-width: 680px) {

	p,
	ul,
	li {
		font-size: 1.6rem;
	}

	h3,
	.section-title {
		font-size: 3.2rem;
	}

	.small-title {
		font-size: 2rem;
	}
}

@media only screen and (max-width: 400px) {
	.ingress {
		font-size: 1.7rem;
	}
}

/* ==========================================================================
Färger
========================================================================== */
.bg-primary,
.bg-primary .section-block {
	background-color: #CC3399;
}

.bg-secondary,
.bg-secondary .section-block {
	background-color: #975293;
}

.bg-dark,
.bg-dark .section-block {
	background-color: #061821;
}

.bg-white,
.bg-white .section-block {
	background-color: #FFF;;
}

.bg-primary *,
.bg-secondary *,
.bg-dark * {
	color: #fff;
}

.light-grey {
	color: #909090;
}

.white-color {
	color: #fff;
}

.primary-color {
	color: #CC3399;
}

.secondary-color {
	color: #08ff85;
}

/* ==========================================================================
Cookies 
========================================================================== */
.cookies-notis {
	display: none;
}

.cookies-notis {
	z-index: 9;
	position: fixed;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	max-width: 630px;
	width: 90%;
	background: #ffffff;
	border: 2px solid #CC3399;
	text-align: center;
	border-radius: 1rem;
	padding: 1rem 2rem;
}

.cookies-notis p {
	color: #333;
	font-family: arial;
	font-size: 14px;
	padding: 0rem 2.2rem 0rem 0rem;
}

.cookies-notis #close-cookies {
	position: absolute;
	top: 7px;
	right: 9px;
	cursor: pointer;
}

.cookies-notis #close-cookies em {
	font-size: 20px;
	color: #000;
	transition: .25s ease-in-out;
}

.cookies-notis #close-cookies em:hover {
	color: #000;
}

@media only screen and (max-width:1090px) {
	.cookies-notis {
		bottom: 20rem !important;
	}
}

@media only screen and (max-width:825px) {
	.cookies-notis {
		left: 30px;
		transform: none;
		max-width: 90%;
		width: 100%;
	}
}

@media only screen and (max-width:550px) {
	.cookies-notis {
		width: 90% !important;
	}
}



/* Top header
========================================================================== */
.EditMode #top-header {
	display: none;
}

#top-header {
	background: transparent;
	border-bottom: .5px solid rgba(255, 255, 255, 0.3);
	position: fixed;
	padding: 0;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 100%;
	height: 4rem;
	display: flex;
	flex-wrap: wrap;
	-moz-transition: 0.4s ease-in-out;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	flex-direction: row-reverse;
}

.SubPage #top-header {
	background-color: #061821;
}

#top-header a {
	line-height: 4rem;
	box-sizing: border-box;
	width: auto;
	color: #fff;
	font-size: 1.2rem;
	white-space: nowrap;
	overflow: hidden !important;
	text-overflow: ellipsis;
	max-width: 100%;
	text-decoration: none;
	align-items: center;
	justify-content: flex-end;
	text-align: right;
	padding: 0 2rem;
	font-family: 'Archivo', sans-serif;
	text-transform: none;
	letter-spacing: normal;
	font-weight: 400;
}


#top-header a:hover {
	text-decoration: underline;
}

#top-header .flag {
	width: 2rem;
	height: auto;
	margin-right: .5rem;
}

@media only screen and (max-width:470px) {

	#top-header a {
		/* width: 33.333%; */
		text-align: center;
		padding: 0 1rem;
		font-size: 1rem;
	}
}

/* ==========================================================================
Header / Navigation
========================================================================== */

header {
	background-color: transparent;
	box-shadow: none;
	-moz-transition: 0.4s ease-in-out;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	z-index: 8;
	font-size: 0;
	height: 7rem;
	margin-top: 4rem;
}


.EditMode header {
	top: 90px !important;
}

header.scrolled #top-header {
	margin-top: -4rem;
}

/* 
header.scrolled #top-header a { margin-top: -4rem; } */
header.scrolled #top-header img {
	opacity: 0;
}

header.scrolled {
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.09);
	background-color: #fff;
	margin-top: 0;
	z-index: 10;
}

.SubPage header {
	background-color: #fff;
}

header .container {
	padding: 0 2rem;
}

header .header-logo {
	width: 14rem;
	position: absolute;
	line-height: 0;
	padding-top: 1rem;
	-webkit-transition: all 500ms linear;
	-moz-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	-ms-transition: all 500ms linear;
	transition: all 500ms linear;
}

header .header-logo a {
	height: 7.2rem;
	background-image: url('/assets/images/logga-vit-400px.png');
	background-size: auto 5.2rem;
	background-repeat: no-repeat;
}

header.scrolled .header-logo a,
.SubPage header .header-logo a {
	background-image: url('/assets/images/logga-svart-400px.png');
}

@media only screen and (max-width: 686px) {
	header .header-logo a {
		background-size: auto 4.5rem;
	}
}

nav.mainmenu {
	text-align: left;
}

nav.mainmenu ul {
	text-align: left;
	position: absolute;
	left: 19rem;
}

nav.mainmenu ul.TemplateMenu>li {
	line-height: normal;
	height: auto;
}

nav.mainmenu ul.TemplateMenu>li:first-child {
	display: none;
}

.EditMode nav.mainmenu ul.TemplateMenu>li:first-child {
	display: inline-block;
}

nav.mainmenu a {
	font-family: 'Poppins', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 1.35rem;
	color: #fff;
	text-transform: none;
	padding: 0 1.5rem;
	letter-spacing: normal;
	display: block;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	height: 7.2rem;
	line-height: 7.2rem;
}

header.scrolled nav.mainmenu a,
.SubPage header nav.mainmenu a {
	color: #111;
}

header nav.mainmenu a {
	display: inline-block;
}

nav.mainmenu li:hover,
nav.mainmenu li.active {
	background-color: transparent;
}

nav.mainmenu li:hover a,
nav.mainmenu li.active a,
header.scrolled nav.mainmenu .fab {
	color: #CC3399;
}

/* Dropdown */
nav.mainmenu ul>li>ul {
	left: 0;
	background: #FFF;
	border-bottom: 2px solid #CC3399
}

nav.mainmenu ul>li>ul>li>a {
	color: #111 !important;
}

nav.mainmenu ul>li.expandable-li:hover>a,
nav.mainmenu ul>li>ul>li:hover>a {
	color: #CC3399 !important;
}

/* .SubPage nav.mainmenu ul > li.expandable-li:hover > a,
header.scrolled nav.mainmenu ul > li.expandable-li:hover > a {
	color: #111 !important;
} */

nav.mainmenu ul>li>ul>li.active {
	background: transparent;
}

/* CTA Button */

.cta-menu {
	float: right;
	display: flex;
	align-items: center;
	height: 7.2rem;
	line-height: 7.2rem;
	transition: all 300ms linear;
}

.cta-menu .btn {
	padding: 1.4rem 2rem;
}

.cta-menu .fas {
	padding-right: .5rem;
}

@media only screen and (max-width: 1180px) {
	.cta-menu {
		position: relative;
		right: 4rem;
		height: 7.2rem;
		line-height: 7.2rem;
	}

	.cta-menu .btn {
		font-size: 1.2rem;
		padding: 1rem 2rem;
	}
}

.btn-cta {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0;
	width: 3rem;
	height: 3rem;
	margin-right: 1.2rem;
	letter-spacing: unset;
	padding: 0;
	border: none;
	background-color: transparent;
	color: #fff;
}

.scrolled .btn-cta,
.SubPage .btn-cta {
	background-color: transparent;
	border: none;
	color: #061821 !important;
	text-decoration: none;
}

.btn-cta:hover {
	color: #CC3399 !important;
}

.btn-cta::before {
	font-family: 'Font Awesome 5 Pro';
	font-weight: 700;
	font-size: 1.7rem;
	display: inline-block;
	position: relative;
	top: 1px;
}

.btn-cta::after {
	display: none;
}

.btn-social::before {
	font-family: 'Font Awesome 5 Brands';
	font-weight: 400;
}

.btn-social::after {
	display: none;
}

.icon-facebook::before {
	content: '\f39e';
}

.icon-linkedin::before {
	content: '\f0e1';
}

.icon-instagram::before {
	content: '\f16d';
}

.icon-phone::before {
	content: '\f879';
}

@media only screen and (min-width: 1181px) {

	.hamburger {
		display: none;
	}

	.expandable:after {
		font-family: 'Font Awesome 5 Pro';
		font-weight: 700;
		content: '\f0d7';
		margin-left: 7px;
		text-decoration: none;
		display: inline-block;
		font-size: .8em;
		vertical-align: middle;
	}

}

@media only screen and (max-width: 1180px) {

	header .job-item {
		right: 7rem;
	}

	nav.mainmenu ul>li>ul::after {
		display: none;
	}

	/* Navigation */
	nav.mainmenu {
		text-align: left;
		display: none;
		position: fixed;
		height: 100%;
		right: 0;
		left: auto;
		width: 35rem;
		background-color: #FFF;
		z-index: 15;
		top: 0;
		box-shadow: none;
		overflow-y: scroll;
	}

	nav.mainmenu .Padding {
		margin: 8rem 0 !important;
	}

	nav.mainmenu li {
		text-align: left;
		display: block;
	}

	nav.mainmenu ul {
		left: 0;
	}

	nav.mainmenu li a {
		margin: unset;
		padding: unset;
		padding-left: 4rem;
		font-size: 1.6rem;
		line-height: 3.7;
	}

	nav.mainmenu li:hover > a {
		color: #CC3399 !important;
	}

	nav.mainmenu .header-btn {
		left: 4rem;
		margin-top: 2rem;
	}

	header nav.mainmenu li.header-btn a {
		padding: inherit !important;
		color: #fff !important;
	}

	header nav.mainmenu li.header-btn:hover a {
		color: #333 !important;
	}

	#overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.75);
		z-index: 7;
	}

	/* Hamburger */
	.hamburger {
		position: absolute;
		z-index: 99;
		left: auto;
		right: 1rem;
		top: .7rem;
	}

	.hamburger-inner,
	.hamburger-inner::after,
	.hamburger-inner::before {
		color: #fff;
		background-color: #fff;
	}

	.scrolled .hamburger-inner,
	.scrolled .hamburger-inner::after,
	.scrolled .hamburger-inner::before,
	.SubPage .hamburger-inner,
	.SubPage .hamburger-inner::after,
	.SubPage .hamburger-inner::before {
		color: #061821;
		background-color: #061821;
	}

	/* Dropdown */
	nav.mainmenu ul>li>ul {
		background-color: #fff !important;
		width: auto !important;
		border: none;
	}

	nav.mainmenu ul>li>ul {
		display: contents !important;
	}

	nav.mainmenu ul>li>ul>li a {
		color: #333 !important;
	}

	nav.mainmenu ul>li>ul>li>a {
		width: auto;
		padding: 0 0 0 6rem;
	}

	nav.mainmenu ul>li.expandable-li:hover>a {
		padding-bottom: 0;
	}

	nav.mainmenu ul.TemplateMenu>li,
	.scrolled nav.mainmenu ul.TemplateMenu>li {
		line-height: unset;
		height: unset;
	}

}

@media only screen and (max-width: 768px) {

	header .container {
		padding-left: 1rem;
	}
}

@media only screen and (max-width: 630px) {
	header .header-logo a {
		margin-left: 0;
	}

	header .job-item {
		right: 8rem;
	}

	header .job-item li a {
		padding: 1rem;
	}

	nav.mainmenu {
		width: 100%;
	}

	.btn-cta {
		width: 2.1rem;
	}
}



/* ==========================================================================
Top-section
========================================================================== */
.top-section {
	display: flex;
	align-items: flex-end;
	min-height: 100vh;
	height: auto;
	background-color: rgba(0, 0, 0, 0.2);
}

.page-title-wrap {
	z-index: 2;
	position: static;
	transform: unset;
	max-width: none;
	padding: 0;
	text-align: left;
	padding-left: 8rem;
	padding-bottom: 10rem;
}

.page-title-wrap * {
	color: #fff;
}

.page-title-wrap h1 {
	font-size: 6.5rem;
	font-weight: 700;
	line-height: 1.1;
	padding-bottom: 1rem;
	max-width: 70rem;
}

.page-title-wrap p {
	max-width: 65rem;
	font-size: 2.4rem;
}

.page-title-wrap .btn-wrapper {
	display: flex;
	align-items: center;
}

.page-title-wrap .btn {
	margin-right: 2.5rem;
}

@media only screen and (min-width:1580px) {
	.page-title-wrap {
		max-width: 160rem;
	}
}

@media only screen and (max-width: 800px) {

	.top-section {
		background-color: rgba(0, 0, 0, 0.4);
	}

	.page-title-wrap {
		padding-left: 4rem;
	}

	.page-title-wrap h1 {
		font-size: 5rem;
	}

	.page-title-wrap p {
		font-size: 1.9rem;
		max-width: 80vw;
	}
}

@media only screen and (max-width: 680px) {
	.page-title-wrap p {
		font-size: 1.7rem;
	}

	.page-title-wrap .btn-wrapper {
		flex-wrap: wrap;
	}

	.page-title-wrap .btn-wrapper a {
		width: 100%;
		margin-bottom: 2rem;
	}

	.page-title-wrap h1 {
		font-size: 4rem;
	}
}

/* ==========================================================================
Startsida
========================================================================== */

#scroll-to-top {
	z-index: 5;
	position: fixed;
	bottom: 2rem;
	right: 2rem;
	width: 6rem;
	height: 6rem;
	background: #101010;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	cursor: pointer;
	-webkit-box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, .1);
	transition: .25s ease;
}

#scroll-to-top em {
	font-size: 5rem;
	color: #FFF !important;
}

.parallax {
	max-width: 100% !important;
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	height: 52rem;
	background-image: url(/assets/images/dronare-parallax.jpg);
}

/* Funktion: Scroll down
========================================================================== */
@-moz-keyframes bounce {

	0%,
	20%,
	50%,
	80%,
	100% {
		-moz-transform: translateY(0);
		transform: translateY(0);
	}

	40% {
		-moz-transform: translateY(-30px);
		transform: translateY(-30px);
	}

	60% {
		-moz-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}

@-webkit-keyframes bounce {

	0%,
	20%,
	50%,
	80%,
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	40% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}

	60% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}

@keyframes bounce {

	0%,
	20%,
	50%,
	80%,
	100% {
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	40% {
		-moz-transform: translateY(-30px);
		-ms-transform: translateY(-30px);
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}

	60% {
		-moz-transform: translateY(-15px);
		-ms-transform: translateY(-15px);
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}

.arrow {
	position: absolute;
	bottom: 4.5%;
	margin-left: 50%;
	left: -2rem;
	width: 3rem;
	height: 3rem;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);
	background-size: contain;
}

.SubPage .arrow {
	display: none;
}

.bounce {
	-moz-animation: bounce 3.5s infinite;
	-webkit-animation: bounce 3.5s infinite;
	animation: bounce 3.5s infinite;
}

@media only screen and (max-width: 630px) {
	.arrow {
		display: none;
	}
}

/* ==========================================================================
Split Wrapper
========================================================================== */

.split-section .normaltext-type {
	max-width: none;
}

.split-wrapper {
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

.split-wrapper.reverse {
	flex-direction: row-reverse;
}

.split-content {
	width: 50%;
	padding: 8rem;
	text-align: left;
	align-self: center;
}

.split-image {
	width: 50%;
	position: relative;
	overflow: hidden;
}



.split-image img {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	max-width: unset !important;
}

@supports (object-fit: cover) {
	.split-image img {
		position: relative;
		transform: none;
		top: auto;
		left: auto;
		object-fit: cover;
		object-position: center;
		height: 100% !important;
		width: 100% !important;
	}

	.split-image img.contain {
		object-fit: contain;
	}
}

@media screen and (max-width: 1100px) {
	.split-content {
		width: 50%;
		text-align: left;
		padding: 5rem;
	}
}

@media screen and (max-width: 1000px) {

	.split-content {
		width: 100% !important;
	}

	.split-image {
		width: 100% !important;
		padding: 0;
	}
}

@media only screen and (max-width: 680px) {
	.split-content {
		padding: 4rem 2rem;
	}
}

/* Cards
========================================================================== */
.cards-wrapper {
    display: flex;
    flex-wrap: wrap;
}

/* Bredder */
.cards-wrapper.w-50 .card-item {
    width: calc((100% / 2) - 2rem);
    margin: 1rem;
}

@media only screen and (max-width: 750px) {
    /* Bredder */
    .cards-wrapper.w-50 .card-item {
        width: 100%;
        margin: 1rem 0;
    }
}

/* Startsida: Selling points
========================================================================== */

.selling-points-section .section-block {
	padding: 5rem 5rem;
	background-color: #fff0fb;
}

.selling-points-section .section-block-wrapper {
	max-width: 125rem;
}

.selling-points-section .selling-points-icon-wrapper {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
}

.start-selling-wrap {
	width: 23%;
	margin: 1%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.start-selling-icon {
	display: flex;
	align-items: center;
	justify-content: center;
}

.start-selling-icon i {
	color: #CC3399;
	font-size: 2rem;
}

.selling-points-section p {
	padding-bottom: 0;
	color: inherit;
	font-size: 2.2rem;
	padding-left: 2.5rem;
	font-weight: 500;
}

.start-selling-wrap .start-selling-text * {
	text-align: left;
}

@media only screen and (max-width: 1040px) {
	.selling-points-section p {
		font-size: 1.6rem;
	}
}

@media only screen and (max-width: 980px) {

	.start-selling-icon {
		height: auto;
	}

	.selling-points-section p {
		font-size: 1.5rem;
		padding-left: .5rem;
	}

	.start-selling-icon img {
		height: 3.5rem !important;
	}
}

@media only screen and (max-width: 700px) {
	.start-selling-wrap {
		width: 48%;
		margin: 2% 0;
	}

	.start-selling-wrap .start-selling-text * {
		text-align: center;
	}

	.selling-points-section .section-block {
		padding: 3rem 6rem;
	}

	.selling-points-section .selling-points-icon-wrapper {
		justify-content: flex-start;
	}
	
	.start-selling-wrap.mobile-justify-end {
		justify-content: flex-end;
	}

	.start-selling-wrap {
		justify-content: flex-start;
		text-align: left;
	}

	.start-selling-icon i {
		font-size: 1.8rem;
	}

	.selling-points-section p {
		font-size: 2rem;
	}
}

@media only screen and (max-width: 450px) {

	.selling-points-section .section-block {
		padding: 3rem;
	}

	.selling-points-section p {
		font-size: 1.5rem;
	}
}

/* Startsida: Tjänster
========================================================================== */
.services .services-wrapper {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.services .services-wrap {
	width: 29%;
	margin: 0 2%;
	transition: 0.2s ease-in-out;
	padding: 0 4rem;
	border-radius: 2rem;
	transform: scale(.97);
}

.services .services-wrap:hover {
	transform: scale(.99);
}

.services .small-title {
	display: block;
	padding-top: 1rem;
}

.services-icon img {
	width: auto;
	max-height: 15rem;
	padding-bottom: 2rem;
}

.services .services-text {
	width: 100%;
	box-sizing: border-box;
	order: 0;
}

.services .services-text * {
	text-align: left;
}

.services-text p {
	font-size: 1.55rem;
}

.services-icon .fas,
.services-icon .fal,
.services-icon .fad {
	color: #89D80C;
	font-size: 7rem;
	padding-bottom: 3rem;
}

.services .split-content:nth-child(2) a {
	color: #7dcd0a;
}

.services-icon .fad::after {
	color: #89D80C;
}

@media only screen and (max-width: 980px) {
	.services .services-wrap {
		width: 100%;
	}

	.services .services-text {
		padding-left: 0;
	}

	.services .split-content:nth-child(1) {
		padding-left: 0;
	}
}

@media only screen and (max-width: 630px) {
	.services .section-block {
		padding: 5rem 2rem;
	}

	.services .services-text {
		padding-right: 0;
	}
}

/* Startsida: Frakt
========================================================================== */
.business .section-block {
	padding-left: 0;
}

.business .section-block-wrapper {
	max-width: none;
}

/* Startsida: Trackingsystem
========================================================================== */
.tracking .split-image {
	width: 45%;
}

.tracking .split-content {
	width: 55%;
}

.tracking .split-image img {
	object-position: left;
}

@media only screen and (max-width: 630px) {
	.tracking .section-block {
		padding: 0 0 5rem 0;
	}
}

/* Startsida: Mumbai
========================================================================== */
.mumbai .section-block {
	padding-top: 0;
}

.mumbai .split-content {
	align-self: flex-start;
	padding-top: 0;
	padding-bottom: 0;
}

.mumbai .split-content:nth-child(1) {
	padding-right: 0;
	width: 55%;
}

.mumbai .split-content:nth-child(2) {
	width: 45%;
}

.mumbai li {
	font-size: 1.45rem;
}

@media only screen and (max-width: 980px) {
	.mumbai .split-content {
		padding-left: 0;
		padding-bottom: 2rem;
	}

	.mumbai .small-title {
		padding-bottom: 0;
	}
}

/* Logos
========================================================================== */
.LayoutPage .clients {
	background-color: #fff;
}

.clients .section-title {
	text-align: center;
	padding-bottom: 4rem;
	font-size: 4rem;
}

.LayoutPage .logo-slider .section-block-wrapper {
	max-width: none;
}

.LayoutPage .logo-slider .section-block {
	position: relative;
	overflow: hidden;
}

.partner-logo {
	text-align: center;
	display: flex;
	align-items: center;
	height: 14rem;
	justify-content: center;
}

.partner-logo img {
	max-height: 4.5rem;
}

.partner-logo p {
	font-size: 3rem;
	font-weight: bold;
	text-transform: uppercase;
	color: #041e42;
}

.partner-logo .expo {
	max-height: 10rem;
}

.partner-logo .partner-logo img.nibe,
.partner-logo img.daikin,
.partner-logo img.toshiba {
	max-height: 4rem;
}

.partner-logo img.panasonic {
	max-height: 6rem;
}

@media only screen and (max-width: 630px) {
	.clients .section-title {
		font-size: 3.2rem;
	}
}

/* Testimonials
========================================================================== */

.testimonials .section-block .section-block-wrapper {
	max-width: 130rem;
}

.lSSlideOuter .lSPager.lSpg>li a {
	background-color: #ffffff !important;
	opacity: 0.6 !important;
	z-index: 7 !important;
}

.lSSlideOuter .lSPager.lSpg>li.active a,
.lSSlideOuter .lSPager.lSpg>li:hover a {
	background-color: #fff !important;
	opacity: 1 !important;
}

.lightSlider {
	display: flex;
	flex-wrap: wrap;
}

.quote-cards {
	background: transparent;
	padding: 10px 30px;
	box-sizing: border-box;
	max-width: 800px;
	margin: 0 auto;
}

.quote-cards img {
	width: 200px;
	margin: 0 auto;
	display: block !important;
	display: block;
}

.quote-cards p {
	margin: 0 auto;
	line-height: 1.2em;
	text-align: center;
	color: #fff;
	font-weight: 400;
	font-size: 2rem;
	line-height: 1.8;
}

.quote-cards .fas {
	padding: 9px;
	font-size: 30px;
	color: #9eadb9;
}

.quote-cards h4 {
	margin-bottom: 1rem;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.9rem;
	line-height: 1.8;
	font-weight: 400;
	letter-spacing: 5px;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
}

.quote-cards h6 {
	text-align: center;
	color: #000;
	padding-top: 20px;
	font-size: 15px;
}

@media only screen and (max-width: 768px) {
	.quote-cards {
		padding: 2rem 0;
	}
}

/* monitor
========================================================================== */

.monitor-solution {
	background-image: url(https://media.gettyimages.com/photos/delivery-drone-flying-picture-id1297540281?s=2048x2048);
	background-attachment: fixed;
	height: auto;
	background-position: center center;
	background-repeat: no-repeat;
}

.monitor-solution .section-block {
	background-color: rgb(17 39 62 / 89%);
}

.monitor-solution h2 {
	color: #fff;
	max-width: 70rem;
}

.monitor-solution p {
	color: #fff;
	max-width: 80rem;
}

/* Instagram
========================================================================== */

.LayoutPage .instagram .section-block {
	padding: 1rem !important;
}

.instagram .section-block-wrapper {
	max-width: none;
}

/* ==========================================================================
Undersidor > Generellt
========================================================================== */

.SubPage .top-section {
	display: none;
}

.header-img {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 55vh;
}

.SubPage .intro-section .section-title {
	max-width: 85rem;
}

.SubPage .header-img {
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
	height: 55vh;
	background-image: url(/assets/images/dronare-parallax.jpg);
}

@media only screen and (max-width: 768px) {
	.SubPage .header-img {
		height: 40vh;
	}
}

/* Intro section med bild + textruta
========================================================================== */
.SubPage .cta-section .section-block {
	padding-top: 0;
}

.EditMode .cta-section .section-block {
	padding-top: 30rem;
}

.intro-image-wrapper {
	height: 63vh;
	position: relative;
	overflow: hidden;
}

.LayoutPage .intro-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.intro-section-cta *:not(input, a) {
	color: #fff;
}

.intro-section-cta {
	background-color: #061821;
	padding: 7rem;
	max-width: 110rem;
	width: 100%;
	position: relative;
	margin-top: -7rem !important;
	margin: 0 auto;
}

.intro-section-cta p:not(.btn) {
	max-width: 95rem;
	margin: 0 auto;
}

.intro-section-cta .btn-wrapper.space-between {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

/* Intro med slick */
.intro-image-wrapper .slick-list {
	width: 100%;
}

.intro-image-wrapper .slick-slide {
	height: 63vh;
}

@media screen and (max-width: 980px) {

	.SubPage .cta-section .section-block {
		padding: 0;
	}

	.intro-section-cta {
		flex-direction: column;
	}

	.intro-section-cta .lead {
		padding: 0 0 2rem 0;
		text-align: center;
	}
}

@media screen and (max-width: 768px) {

	.SubPage .cta-section .section-block {
		padding: 0;
	}

	.intro-image-wrapper {
		padding-top: 6rem;
		height: auto;
	}

	.intro-section-cta {
		padding: 3rem;
		width: 90%;
	}

	.LayoutPage .intro-image-wrapper img {
		object-fit: cover;
	}
}

@media screen and (max-width: 480px) {
	.intro-section-cta .btn {
		padding: 1.6rem;
		text-align: center;
	}
}

/* ==========================================================================
Undersidor > Engelsk sida
========================================================================== */

/* .sub-english .top-section {
	display: flex;
} */

.sub-english .topsection {
	display: flex;
	align-items: flex-end;
	min-height: 100vh;
	height: auto;
	background-color: rgba(0, 0, 0, 0.2);
	width: 100%;
	position: relative;
	box-sizing: border-box;
}

/* Video background */
.fullscreen-bg-video-english {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	z-index: -100;
}

.sub-english .page-title-wrap p {
	max-width: 75rem;
}

.sub-english .about .section-block {
	padding-bottom: 0;
}

.sub-english .about .section-title {
	text-align: center;
}

.sub-english .network .section-block {
	padding-bottom: 5rem;
}

/* ==========================================================================
Undersida > Tjänst (Mässlogistik / Spedition)
========================================================================== */
.section-service-intro .section-block {
	padding-left: 0 !important;
	padding-top: 0 !important;
}

.section-service-intro .section-block-wrapper {
	max-width: none;
}

.section-service-intro .split-image img {
	object-position: right;
}

.section-service-intro .small-title {
	padding-bottom: 1rem;
	padding-top: 2rem;
	font-size: 1.9rem;
}

.section-service-intro .btn {
	margin-right: 2rem;
}

.section-service-intro .arrow-link,
.section-service-intro .arrow-link:hover {
	color: #333;
}

@media only screen and (max-width: 550px) {
	.section-service-intro .btn {
		display: block;
	}

	.section-service-intro .arrow-link {
		padding: 1.8rem 2.2rem !important;
	}
}

/* ==========================================================================
Undersida > Hållbarhet
========================================================================== */

.sub-hallbarhet .intro-section-cta {
	margin-top: -29rem !important;
    padding: 4rem 7rem;
}

.sub-hallbarhet .intro-section-cta .secondary-color {
	color: #08ff85;
}

.sub-hallbarhet .intro-section-cta .primary-color {
	color: #fd009f;
}

.sub-hallbarhet .split-section .section-block {
	padding-left: 0;
	padding-top: 0;
}

.sub-hallbarhet .split-section .section-block-wrapper {
	max-width: none;
}

.arrow-link-dark,
.arrow-link-dark:hover {
	color: #333 !important;
	margin: 1%; 
}

.arrow-link-green,
.arrow-link-green:hover {
	color: rgb(42, 124, 42) !important;
	margin: 1%; 
}

@media only screen and (max-width: 770px) {
	.sub-hallbarhet .intro-section-cta {
		margin-top: -7rem !important;
		padding: 3rem;
	}
}

@media only screen and (max-width: 630px) {
	.sub-hallbarhet .intro-section-cta .section-title {
		font-size: 3rem;
	}
}

/* ==========================================================================
Undersida > Så jobbar vi
========================================================================== */

/* Så jobbar vi
========================================================================== */
.work-method {
	overflow: hidden;
}

.SubPage .work-method .section-block {
	padding-top: 0;
}

.timeline-wrapper {
	position: relative;
	margin-top: 7rem;
	margin-bottom: 8rem;
}

.timeline-wrapper h3 {
	line-height: 1;
	font-family: 'Playfair Display', serif;
	letter-spacing: 0;
	font-size: 8.2rem;
	padding-bottom: 3rem;
}

.timeline-wrapper h2 {
	font-size: 3rem;
}

.timeline-wrapper::before {
	content: '';
	position: absolute;
	width: 1px;
	background-color: #061821;
	top: 0;
	bottom: 0;
	left: 50%;
	border-radius: 40px;
}

.timeline-item:before {
	content: '';
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #111;
	position: absolute;
	left: 49.3%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-box-shadow: 0 0 0 4px #ffffff;
	box-shadow: 0 0 0 4px #ffffff;
	z-index: 1;
	display: none;
}

.timeline-item {
	margin-bottom: 1.6rem;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	flex-direction: row;
}

.timeline-text,
.timeline-image {
	width: 49%;
	box-sizing: border-box;
}

.timeline-text {
	padding-left: 7rem;
}

.timeline-text p a {
	color: #e32445;
	text-decoration: underline;
}

.timeline-text p a:hover {
	text-decoration: none;
}

.item-right {
	order: 1;
	justify-content: flex-end;
	padding-left: 15rem;
}

.item-two {
	margin-top: -20rem;
}

.item-three {
	margin-top: -10rem;
}

.item-four {
	margin-top: -30rem;
}

.item-left {
	padding-right: 15rem;
	/* margin-top: -20rem; */
}

.item-right .timeline-text {
	padding-right: 5rem;
	padding-left: 0;
}


.timeline-item .timeline-image img {
	max-width: 35rem !important;
}

.timeline-item .timeline-image {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	display: none;
	align-items: center;
}

.timeline-item:last-child {
	margin-bottom: 0;
}

.work-method .btn-wrapper {
	text-align: center;
}

.work-method .btn-wrapper a {
	display: inline;
	margin: 0 2rem;
	width: 22rem;
	max-width: 25rem;
}

@media only screen and (max-width: 980px) {
	.work-method .btn-wrapper a {
		width: 100%;
		max-width: 25rem;
		display: block;
		margin-bottom: 2rem;
	}
}

@media only screen and (max-width: 768px) {

	.item-left {
		padding-right: 0;
	}

	.item-right {
		padding-left: 0;
	}

	.work-method h2 {
		padding-bottom: 0;
	}

	.timeline-text,
	.timeline-image {
		width: 100%;
	}

	.timeline-wrapper::before,
	.timeline-text:before {
		display: none;
	}

	.timeline-item {
		display: block;
		margin: 1% 0;
	}

	.item-right .timeline-text {
		padding-right: 0;
	}

	.timeline-text {
		padding-left: 0;
	}

	.timeline-text p {
		padding-bottom: 4rem;
	}

	.timeline-item .timeline-image {
		justify-content: center;
	}

	.timeline-wrapper h3 {
		font-size: 5rem;
	}
}

@media only screen and (max-width: 580px) {
	.timeline-item .timeline-image img {
		max-width: 25rem !important;
		padding-bottom: 3rem;
	}
}

/* ==========================================================================
Undersida > Våra kunder
========================================================================== */

/* Scroll cards
========================================================================== */

.testimonials {
	overflow: hidden !important;
}

.grecaptcha-badge {
	display: none !important;
}

.testimonials .section-block-wrapper {
	max-width: none;
}

.testimonials .section-block {
	overflow: hidden !important;
	position: relative;
	padding-bottom: 2rem;
	z-index: 1;
	background-color: #fafafa;
}

.customer-review {
	padding-bottom: 4rem;
}

.testimonials .split-wrapper {
	align-items: flex-start;
}

.testimonials .split-content {
	align-self: baseline;
	padding-right: 5rem;
	padding-top: 0;
}

.testimonials .split-content:first-child img {
	width: 45rem;
	padding-top: 3rem;
}

.testimonials .split-content:nth-child(2) {
	padding-top: 0;
}

.testimonials .scroll-wrapper-container {
	overflow: hidden;
}

.testimonials .scroll-wrapper-container .slick-prev:before,
.testimonials .scroll-wrapper-container .slick-next:before {
	color: #57d17f;
}

.testimonials .scroll-wrapper-container .slick-next {
	right: 8px;
	top: 95% !important;
}

.testimonials .scroll-wrapper-container .slick-prev {
    left: -8px;
}

/* stjärnorna*/
.testimonials .rating {
	position: absolute;
	right: 2rem;
	top: 2rem;
}

.rating .fa {
	color: #dcdcdc;
}

.rating .fa.checked {
	color: #FBC901;
}

/**/

.testimonials .btn-wrapper {
	text-align: center !important;
}

.testimonials .btn-wrapper .btn {
	width: 32rem;
	max-width: 40rem;
}

.scroll-item-wrap {
	display: flex;
	height: auto !important;
	align-self: stretch;
}

.scroll-item {
	width: 100% !important;
	margin: 0 0.5rem;
	position: relative;
	border-radius: 1rem;
	overflow: hidden;
	padding: 2rem;
	background-color: #fff;
	box-shadow: 0 1rem 3rem rgb(55 200 103 / .05);
	height: auto !important;
	align-self: stretch;
}

.scroll-link:hover {
	text-decoration: none;
}

.scroll-image-wrapper {
	position: absolute;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	left: 0;
}

.scroll-image-wrapper::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .3);
	position: absolute;
	bottom: 0;
	transition: all .3s ease;
}

.scroll-link:hover .scroll-image-wrapper::after {
	background-color: rgba(0, 0, 0, .9);
	transition: all .3s ease;
}

.scroll-text-wrapper {
	padding: 0 2rem;
	width: 100%;
	max-width: 70rem;
	position: relative;
	transition: all .3s ease;
}

.scroll-title {
	font-size: 1.8rem;
	font-weight: 400;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: .2em;
	text-align: left;
	word-break: break-word;
	hyphens: auto;
}

.scroll-lead {
	color: #FFF;
}

/* Scroll Wrapper */
.scroll-wrapper {
	max-width: 160rem;
	width: 100%;
	margin: 0 auto;
	padding: 0 5rem 0 0;
	display: flex !important;
	min-height: 30rem;
}


@media only screen and (max-width: 1080px) {

	.scroll-item {
		margin: 0;
	}

	.testimonials .full-width-textblock {
		padding: 0 0 5rem 0;
	}

	.testimonials .split-content:nth-child(2) {
		padding-left: 3rem;
	}

	.scroll-wrapper {
		padding: 0 2rem;
	}

	.scroll-text-wrapper {
		padding: 0;
	}

	.testimonials .rating {
		top: auto;
		right: auto;
	}

	blockquote {
		margin: 1rem;
	}

	.review-quote blockquote p {
		font-size: 1.4rem;
	}

	.scroll-item {
		box-shadow: 0 1rem 3rem rgb(55 200 103 / .03);
	}
}

/* Textblock */
.full-width-textblock {
	position: relative;
	top: 0;
	max-width: 160rem;
	width: 100%;
	height: 100%;
	padding: 0 0 5rem 0;
	margin: 0 auto;
}

.text-wrapper {
	max-width: 60rem;
	width: 100%;
	text-align: left;
}

.full-width-textblock h2 {
	padding-bottom: 2rem;
	max-width: none;
}

.full-width-textblock .text-wrapper * {
	text-align: left;
	margin: 0;
}

.full-width-textblock h3 {
	padding-bottom: 0;
}

@media only screen and (max-width: 1024px) {
	.full-width-textblock {
		padding: 0 5rem 5rem;
	}

}

@media only screen and (max-width: 980px) {
	.testimonials .split-content {
		padding-left: 0;
	}
}

@media only screen and (max-width: 768px) {
	.full-width-textblock {
		padding: 0 2rem 5rem;
	}

}

/* Slick Settings*/

/* Slider */
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: flex !important;
}

.slick-track:before,
.slick-track:after {
	content: "";
	display: table;
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none;
}

[dir=rtl] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

/* Reviews */
.review-wrapper {
	display: flex;
	flex-wrap: wrap;
}

.review-content {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom: 1rem;
	border-bottom: 1px dotted #eee;
	padding-bottom: 1rem;
}

.review-image {
	width: 8rem;
	height: 8rem;
	margin-right: 2rem;
	border-radius: 50%;
	overflow: hidden;
	align-self: center;
}

.review-wrapper .review-image img {
	object-fit: cover;
	height: 100% !important;
	width: 100% !important;
}

.review-wrapper .review-image img.farhang {
	object-position: center top !important;
}

.review-user {
	width: 60%;
	align-self: center;
}

.review-user .name {
	font-size: 1.6rem;
	line-height: 1.1;
	padding-bottom: .5rem;
}

.review-user .title {
	font-size: 1.3rem;
	font-weight: 500;
	color: #37c867;
	padding: 0;
	line-height: 1.4;
}

.testimonials blockquote {
	margin-inline-start: 0;
	margin-inline-end: 0;
}

.review-user .company {
	font-size: 1.6rem;
}

.review-quote {
	width: 100%;
}

.review-quote blockquote p {
	position: relative;
	font-style: normal;
	color: grey;
	font-size: 1.4rem;
}

@media only screen and (max-width: 980px) {
	.testimonials .split-content:nth-child(2) {
		padding-left: 0;
		padding-right: 1rem;
	}

	.testimonials .rating {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}

	.review-quote blockquote p {
		padding-top: 1.5rem;
	}
}

@media only screen and (max-width: 580px) {
	.scroll-wrapper {
		padding: 0 1rem;
	}

	.scroll-link {
		padding: 0;
	}

	.testimonials .btn-wrapper .btn {
		width: 24rem;
		line-height: 1.4;
	}
}

/* ==========================================================================
Undersida > Offertformulär
========================================================================== */
.sub-offert .header-img {
	background-image: url(/assets/images/on-site-group-satellit-europa-bla.jpg);
	background-position: center center;
	background-attachment: fixed;
}

.sub-offert .header-img .section-block {
	min-height: 65vh;
	height: auto;
	background-color: rgb(3 55 95 / 70%);
	/* position: relative; */
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 15rem;
}

.sub-offert .header-img * {
	color: #fff;
	text-align: center;
}

.sub-offert .header-img .text-label {
	padding-bottom: 1.4rem;
}

.sub-offert .header-img .small-title {
	max-width: 80rem;
	margin: 0 auto;
	padding-bottom: 1rem;
	font-size: 2.5rem;
	line-height: 1.5;
}

.sub-offert .header-img p {
	max-width: 60rem;
	margin: 0 auto;
	font-size: 1.5rem;
}

.contact-obligatorisk {
	max-width: 100rem;
	margin: 0 auto 1rem auto;
	font-size: 1.3rem;
}

.LayoutPage .Contact .ContactForm {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.LayoutPage .Contact .ContactForm div {
	padding: 8px !important;
}


.LayoutPage .Contact .ContactForm input.text,
.LayoutPage .Contact .ContactForm textarea.textmessage {
	background-color: #eee;
	border: 1px solid #cecece;
	padding: 2.5rem 1.7rem;
	border-radius: 1.5rem;
	font-weight: 400;
	font-size: 1.4rem;
	letter-spacing: normal;
	color: #333;
	width: 100%;
	text-align: left;
}

.LayoutPage .Contact .ContactForm div.ContactFormMessage {
	position: relative;
	padding-top: 0;
	width: 100%;
}

.LayoutPage .Contact .ContactForm div.ContactFormMessage p {
	margin-top: 2rem;
}

.LayoutPage .Contact .ContactForm textarea.textmessage {
	padding: 1.5rem;
	height: 5rem;
	min-height: 5rem;
}

.LayoutPage .Contact .ContactForm input.ContactSubmit {
	display: block !important;
	text-align: center !important;
	background: #111;
	border: 2px solid #111;
	color: #fff;
	padding: 1.5rem 3rem;
	width: 100% !important;
	text-align: center;
	text-transform: none;
	font-weight: 500;
	font-size: 1.35rem;
	letter-spacing: 1px;
	margin-left: 0;
	height: 3rem;
	margin-top: 1rem;
	-moz-transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	border-radius: 1.5rem;
}

.LayoutPage .Contact .ContactForm input.ContactSubmit:hover {
	background-color: transparent;
	border: 2px solid #182633;
	color: #182633;
}

.LayoutPage .Contact {
	max-width: 100rem;
	margin: 0 auto;
}

.LayoutPage .Contact .ContactForm div.ContactFormField:nth-child(8),
.LayoutPage .Contact .ContactForm div.ContactFormField:nth-child(9),
.LayoutPage .Contact .ContactForm div.ContactFormField:nth-child(14) {
	width: 100%;
}

.LayoutPage .Contact .ContactForm div.ContactFormField {
	width: 33%;
	/* padding: 1%; */
	float: left;
}

.LayoutPage .Contact .ContactForm div.ContactFormField:nth-child(6),
.LayoutPage .Contact .ContactForm div.ContactFormField:nth-child(7),
.LayoutPage .Contact .ContactForm div.ContactFormField:nth-child(13),
.LayoutPage .Contact .ContactForm div.ContactFormField:nth-child(14),
.LayoutPage .Contact .ContactForm div.ContactFormField:nth-child(15),
.LayoutPage .Contact .ContactForm div.ContactFormField:nth-child(16),
.LayoutPage .Contact .ContactForm div.ContactFormField:nth-child(17),
.LayoutPage .Contact .ContactForm div.ContactFormField:nth-child(18),
.LayoutPage .Contact .ContactForm div.ContactFormField:nth-child(19),
.LayoutPage .Contact .ContactForm .ContactFormName,
.LayoutPage .Contact .ContactForm .ContactFormEmail {
	width: 50%;
	float: left;
}
.submit-button-container{
	width: 100% !important;
}

.Contact .ContactForm div.ContactFormMessage p,
.Contact .ContactForm .ContactFormEmail p,
.Contact .ContactForm .ContactFormField p,
.Contact .ContactForm .ContactFormName p {
	margin-top: 2rem;
	color: #2d6b64;
	line-height: 1.8;
	font-weight: 600;
	letter-spacing: normal;
	text-transform: none;
	font-size: 1.4rem;
	text-align: left;
	padding-bottom: .7rem;
	display: none;
}
.ContactForm select{
	height: 5.5rem;
	padding: 1rem !important;
}
.LayoutPage .Contact .ContactForm div.select-wrapper{
	padding: 0 !important;
}




.radio-btn {
    font-size: var(--base-size);
	width: 100% !important;
	display: flex !important;
}

.ContactForm .radio-btn div {
    margin-bottom: 1rem;
}

input[type="radio"] {
    width: 1.2rem;
    height: 1.2rem;
    border: 2px solid rgb(var(--primary-color));
    border-radius: 50%;
}

input[type="radio"]:checked {
    background-color: rgb(var(--primary-color));
}




.ContactForm select {
	width: 100% !important;
    background-color: #eee;
	border: 1px solid #cecece;
	padding: 1.8rem 1.7rem;
	border-radius: 1.5rem;
	font-weight: 400;
	font-size: 1.4rem;
	letter-spacing: normal;
	color: #6c6c6c !important;
	text-align: left;
}


@media only screen and (max-width: 980px) {
	.sub-offert .header-img {
		height: auto !important;
	}

	.sub-offert .header-img .small-title {
		font-size: 2rem;
	}
}

@media only screen and (max-width:768px) {

	.LayoutPage .Contact .ContactForm div.ContactFormName,
	.LayoutPage .Contact .ContactForm div.ContactFormEmail,
	.LayoutPage .Contact .ContactForm div.ContactFormField{
		width: 100% !important;
		padding: 0;
	}

	.LayoutPage .Contact .ContactForm input.text,
	.LayoutPage .Contact .ContactForm textarea.textmessage {
		font-size: 1.3rem !important;
	}
}

/* ==========================================================================
Undersida > Kontakt
========================================================================== */

.sub-contact .intro-image-wrapper {
	height: 65vh;
}

.sub-contact .intro-section-cta .primary-color {
	color: #fd009f;
}

.section-contact .intro-section-cta {
	margin-top: -15rem !important;
	padding: 3rem 4rem;
}

@media only screen and (max-width: 980px) {
	.sub-contact .intro-image-wrapper {
		height: 55vh;
	}

	.section-contact .intro-section-cta {
		margin-top: -7rem !important;
	}
}

/* Contact Wrapper & team section
========================================================================== */

.sub-contact .team-section .section-block {
	padding-top: 0;
}

.contact-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contact-wrapper::after {
	content: '';
	width: calc(33% - 2rem);
}

.contact-card {
	display: flex;
	flex-direction: column;
	position: relative;
	width: calc(33% - 2rem);
	margin: 0 0 6rem;
	padding: 3rem 2rem 4rem 3rem;
	background-color: #FFF;
	text-align: left;
}

.contact-card::before {
	position: absolute;
	content: '';
	display: block;
	top: 4.2rem;
	left: 0;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 0 9px 15px;
	border-color: transparent transparent transparent #F2F2F2;
}

.contact-card::after {
	position: absolute;
	content: '';
	display: block;
	top: 4.2rem;
	right: -1.5rem;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 0 9px 15px;
	border-color: transparent transparent transparent #FFF;
}

.contact-image {
	position: absolute;
	right: 2rem;
	width: 12rem;
	height: 13rem !important;
	border-radius: 2rem;
	overflow: hidden;
	margin-top: -5rem;
	margin-bottom: 1rem;
	object-fit: cover;
	filter: grayscale();
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

.contact-image:hover {
	filter: none;
}

.contact-name {
	padding: 0;
	font-family: 'Pt Serif', serif;
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 1.3;
	color: #0e0e0e;
}

.contact-card a,
.contact-card address p {
	text-decoration: none;
	font-weight: 500;
	font-size: 1.35rem;
	color: rgb(96 96 98);
}

.contact-card.dog .contact-link.mail {
	margin-top: 0;
}

.contact-card a:hover {
	text-decoration: underline;
}

.contact-title {
	font-size: 1.2rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: #CC3399;
}

.contact-interest {
	font-size: 1.4rem;
	max-width: 70%;
}

.contact-card address {
	font-style: normal;
	margin-top: 2rem;
}

.contact-link {
	position: relative;
	/* display: block; */
	margin-right: 1.5rem
}

.contact-card i {
	color: #CC3399;
	width: 2.5rem;
}

.contact-link::before,
.counter-top::before {
	font-family: 'Font Awesome 5 Pro';
	font-weight: 400;
	content: '';
	color: #CC3399;
	display: inline-block;
	width: 2.5rem;
}

.contact-link.mail {
	display: block;
	margin-top: 1rem;
}

.contact-link.mail::before {
	content: '\f1fa';
}

.contact-link.years::before,
.counter-top::before {
	content: '\f736';
}

.contact-link.phone::before {
	content: '\f67d';
}

.contact-link.mobile::before {
	content: '\f3ce';
}

/* Counter */
.counter-info {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 1rem;
}

#counter-top span {
	text-decoration: none;
	font-weight: 500;
	font-size: 1.35rem;
	color: rgb(96 96 98);
	font-family: 'Poppins', sans-serif;
	font-style: normal;
	text-decoration: none;
	line-height: 1.7;
	letter-spacing: normal;
	text-transform: none;
}

.counter-spec {
	text-align: left;
	width: 100%;
}

@media only screen and (max-width: 1100px) {
	.contact-card {
		width: calc(50% - 1rem);
	}

	.contact-wrapper::after {
		width: calc(50% - 1rem);
	}
}

@media only screen and (max-width: 980px) {

	.sub-contact .team-section .section-block {
		padding-top: 12rem;
	}

	.contact-card {
		width: 100%;
		padding: 3rem 1rem 4rem 3rem;
	}

	.contact-wrapper::after {
		display: none;
	}

	.contact-image {
		right: 2rem;
		width: 20rem;
		height: 20rem !important;
		margin-bottom: 3rem;
		position: relative;
	}

	.counter-spec {
		width: 100%;
	}

	#counter-top *,
	.counter-spec {
		text-align: left;
	}
}

/* ==========================================================================
Undersida > Nyhetsbrev
========================================================================== */

.section-newsletter.pb-0  .section-block {
	padding-bottom: 0rem;
}

.section-newsletter  .intro-section-cta {
	padding: 2rem;
	margin-top: -28rem !important;
	max-width: 54rem;
}

.section-newsletter  .btn-wrapper {
	margin-top: 1rem;
}

.section-newsletter  .small-title {
	padding-bottom: 1rem;
}


.sub-newsletter #aspnetForm {
	height: auto;
}

.sub-newsletter .intro-section-cta * {
	text-align: center !important;
}

.sub-newsletter .intro-section-cta .primary-color {
	color: #CC3399;
}

@media only screen and (max-width: 980px) {
	.sub-newsletter .intro-image-wrapper {
		height: 55vh;
	}
}

@media only screen and (max-width: 580px) {

	.section-newsletter  .intro-section-cta {
		margin-top: -18rem !important;
		padding: 1rem;
	}

	.section-newsletter  .small-title {
		font-size: 1.8rem;
	}

	.section-newsletter  p {
		font-size: 1.4rem;
	}

	.section-newsletter  .btn-wrapper {
		display: flex;
		justify-content: center;
	}
}

/* Tidigare nyhetsbrev
========================================================================== */
.newsletters .section-title {
	text-align: center;
}

.newsletters-wrapper {
	display: flex;
	flex-wrap: wrap;
	margin-top: 3rem;
}

.newsletters-wrapper .card-item {
	display: flex;
    flex-direction: column;
    width: calc((100% / 3) - 4rem);
    margin: 2rem;
    padding: 3rem;
    background: #061821;
}

.newsletters-wrapper .text-wrapper {
	flex-grow: 1;
}

.newsletters-wrapper .text-label {
	padding-bottom: 1rem;
	color: #CC3399;
}

.newsletters-wrapper .small-title {
	color: #FFF;
	font-size: 2rem;
}

.newsletters-wrapper p,
.newsletters-wrapper a {
	color: #FFF;
	font-size: 1.6rem;
}

.text-bold {
	font-weight: 700;
}

/* Paginering */
.simple-pagination ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
    margin: 0;
    list-style: none;
}

.simple-pagination li {
    margin: 0 .3rem;
}

.simple-pagination li:first-of-type,
.simple-pagination li:last-of-type {
	display: none;
}

.simple-pagination a,
.simple-pagination span {
    font-size: 16px;
    line-height: 20px;
    padding: .2rem 1rem;
    border-radius: 5px;
}

.simple-pagination li.active span,
.simple-pagination li.active a,
.simple-pagination li.disabled span,
.simple-pagination li.disabled a {
    background: #061821;
}

@media only screen and (max-width: 1200px) {
	.newsletters-wrapper .card-item {
		width: calc((100% / 2) - 4rem);
	}
}

@media only screen and (max-width: 800px) {
	.newsletters-wrapper .card-item {
		width: 100%;
		margin: 2rem 0;
	}
}

/* Prenumerera på vårt nyhetsbrev
========================================================================== */
.signup .section-title {
	text-align: center;
}

/* Formulär */
#mc_embed_signup {
	max-width: 50rem;
	margin: 2rem auto 0;
	background: transparent !important;
	;
}

#mc_embed_signup * {
	text-align: left !important;
}

#mc_embed_signup .mc-field-group {
	width: 100% !important;
	min-height: auto !important;
	margin-right: 0 !important;
}

#mc_embed_signup .mc-field-group label {
	font-family: 'Poppins', sans-serif;
	font-size: 1.5rem !important;
}

#mc_embed_signup .mc-field-group input {
	padding: 1.25rem 0 !important;
	border-radius: 0 !important;
}

#mc_embed_signup .button {
	width: 100% !important;
	height: auto !important;
	padding: .4rem !important;
	margin-bottom: 2rem !important;
	font-family: 'Poppins', sans-serif !important;
	font-weight: 600 !important;
	font-size: 1.35rem !important;
	border-radius: 0 !important;
	background: #CC3399 !important;
	border: 2px solid #CC3399;
	text-align: center !important
}

/* ==========================================================================
Undersida > Nyhetsbrev > Nyhetsbrevsundersida
========================================================================== */
.newsletter .text-label {
	color: #CC3399;
}

.newsletter .small-title {
	padding-top: 3rem;
}

.newsletter .image-wrapper {
	margin: 2rem 0;
}

.newsletter .btn {
	max-width: unset;
    width: auto;
}

/* ==========================================================================
Undersida > Nyhetsbrev > Tack för din prenumeration
========================================================================== */
.section-prenumeration-success .section-block {
	padding-top: 15rem !important;
	background: #FFF;
}

/* ==========================================================================
Footer
========================================================================== */

.footer {
	background-color: #fff;
	padding: 0;
	position: relative;
}

.footer .container {
	padding: 7rem 5rem 0;
	max-width: 160rem;
}

.footer p,
.footer a {
	text-align: left;
	font-size: 1.35rem;
	color: #454545;
	text-transform: none;
	font-weight: inherit;
	font-family: 'Poppins', sans-serif;
	letter-spacing: normal;
}

.footer a:hover {
	color: #CC3399;
}

.footer-container {
	display: flex;
	flex-direction: column;
	padding: 2rem 0 0;
	position: relative;
}

.footer li {
	list-style-type: none;
}

.footer .footer-menu.logo img {
	max-width: 20rem;
	padding-bottom: 2rem;
}

.footer a {
	padding-top: 0;
}

/* FOOTER MENU */

.footer-nav {
	width: 100%;
	margin-bottom: 10rem;
	padding-left: 5rem;
}

.footer-menu-wrapper {
	display: flex;
	list-style-type: none;
	padding-inline-start: 0;
	margin: 0;
}

.footer-menu {
	text-align: left;
	width: 45%;
}

.footer-menu:nth-child(1) {
	padding-right: 5%;
	width: 20%;
}

.footer-menu:nth-child(2) {
	padding-right: 5%;
	width: 20%;
}

.footer-menu:nth-child(3) p {
	font-size: 1.3rem;
	line-height: 1.8;
	max-width: 50rem;
	padding-top: 1rem;
}

.footer-menu:nth-child(1) {
	width: 30%;
}

.footer-menu .copy {
	font-size: 1.1rem;
	/* position: absolute;
    bottom: 12rem; */
	color: #999;
	padding-top: .5rem;
}

.footer-menu .policy a {
	font-size: 1.2rem;
	font-weight: 600;
}

.footer-heading {
	font-size: 1.8rem;
	padding-bottom: 1rem;
	text-transform: none;
	font-weight: 600;
	letter-spacing: normal;
	color: #454545;
	letter-spacing: normal;
	font-family: 'Poppins', sans-serif;
}

/* FOOTER SUBMENU */

.footer-submenu {
	padding-inline-start: 0;
	list-style-type: none;
}

.footer-submenu li {
	text-align: left;
}

.footer-menu-link {
	font-size: 1.6rem;
	line-height: 2em !important;
}

.footer-menu-link:hover {
	color: #CC3399;
	text-decoration: underline;
}

/* FOOTER SOCIAL LINKS */
.footer .social-list {
	display: flex;
	list-style: none;
}

.footer .social {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0;
	width: 4rem;
	height: 4rem;
	margin-right: 1.2rem;
	padding: 0;
	border-radius: 2rem;
	background-color: #CC3399;
	color: #FFF;
}

.footer .social:hover {
	background-color: #ffffff;
	color: #425363;
	text-decoration: none;
}

.footer .social::before {
	font-family: 'Font Awesome 5 Brands';
	font-weight: 400;
	font-size: 1.7rem;

	position: relative;
	top: 1px;
}

.social-facebook::before {
	content: '\f39e';
}

.social-linkedin::before {
	content: '\f0e1';
}

.social-instagram::before {
	content: '\f16d';
}

.social-youtube::before {
	content: '\f167';
}

.social-whatsapp::before {
	content: '\f232';
}

/* Footer Bottom */
.footer .footer-bottom {
	border-top: 1px solid #eee;
	text-align: center;
	margin: 0 auto;
	width: 100%;
	padding: 3rem 1.5rem 8rem 1.5rem;
	margin: 0 auto;
	box-sizing: border-box;
	background: #fff;
	max-width: 130rem;
	min-height: 10rem;
	box-sizing: border-box;
	line-height: 1rem;
}

.footer-bottom .logo-tysk img {
	height: auto;
	max-width: 27rem;
}
.footer-bottom .logo-branch img {
	height: auto;
	max-width: 25rem;
	max-height: 10rem;
}

.footer-bottom .logo-stadsmissionen img {
	height: auto;
	max-width: 9rem;
}

.footer-bottom img {
	height: 7rem;
	width: auto;
	padding: 0;
	float: right;
	max-width: none;
}

.footer-bottom-logos {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	flex-direction: row;
	width: 100%;
}

.footer-bottom-logo-spec {
	margin: 0 2%;
}

.footer-bottom:first-child p {
	display: inline-block;
	font-size: 1.1rem;
	text-transform: uppercase;
	letter-spacing: .1rem;
	font-weight: 600;
	color: #707b8e;
}

.footer-bottom p {
	font-size: 1.2rem;
}

/* WebbEss Stamp  */
.webbess-stamp {
    display: flex;
    align-items: center;
    padding: 0;
    font-size: 1.3rem;
    font-weight: normal;
}

.webbess-stamp img {
    width: 3rem;
    margin-left: 1rem;
}

@media only screen and (max-width: 1080px) {

	.footer-container {
		flex-wrap: wrap;
	}

	.footer-menu-wrapper {
		flex-wrap: wrap;
	}

	.footer-menu {
		width: 50%;
	}

}

@media only screen and (max-width: 980px) {

	.footer .container {
		padding: 0 2rem;
	}

	.footer-menu {
		width: 100% !important;
		margin-bottom: 3rem;
	}

	.footer-nav {
		padding-left: 2rem;
		margin-bottom: 4rem;
	}

	.footer .footer-menu.logo img {
		max-width: 12rem;
	}

	.footer-bottom-logo-spec {
		width: 48%;
		margin: 3% 0;
		display: flex;
	}

}

@media only screen and (max-width: 680px) {
	.footer-nav {
		padding-left: 0;
	}

	.footer-bottom-logo-spec {
		width: 100%;
	}
}