/* Repay AB */

@import url('https://unpkg.com/aos@2.3.1/dist/aos.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.css');
@import url("https://use.typekit.net/anj8dwb.css");
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');


/* ==========================================================================
Generellt 
========================================================================== */
:root {
	--black-color: 0, 0, 0;
}

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

html {
	font-size: 62.5%;
}

body {
	background-position: center 80%;
}

body.isMobile .body-background {
	background-position: center center;
	background-size: cover;
}

.LayoutPage .section-block,
.SubPage .LayoutPage .section-block {
	padding: 100px 40px;
}

.LayoutPage .section-block-wrapper {
	max-width: 1000px;
}



.LayoutPage .mw-none .section-block-wrapper {
	max-width: none !important;
}


/* används på individuella nyhetssidor */
.LayoutPage .mw-840 .section-block-wrapper {
	max-width: 840px !important;
}

/* Margins */
.ml-1{
margin-left: 1rem;
}
@media only screen and (max-width: 750px) {
	.ml-1{
		margin-left: 0rem;
		}
}

/* Paddings */
.LayoutPage .pb-0 .section-block  {
    padding-bottom: 0 !important;
}
.p-2{
	padding: 2rem;
}
.p-4{
	padding: 4rem;
}

.p-6{
	padding: 6rem;
}

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

.pl-5{
	padding-left: 5rem;
}

.pb-5:not(.section-wrapper),
.pb-5 .section-block {
    padding-bottom: 5rem;
}

.pb-3:not(.section-wrapper),
.pb-3 .section-block {
    padding-bottom: 3rem;
}

.py-3:not(.section-wrapper),
.py-3 .section-block {
	padding-top: 3rem;
    padding-bottom: 3rem;
}
.py-10{
	padding-top: 10rem;
	padding-bottom: 10rem;
}
.mt-2{
	margin-top: 2rem !important;
}
.mt-6{
	margin-top: 6rem !important;
}
.mb-6{
	margin-bottom: 6rem !important;
}


/* Layout */

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


.repay-gray .section-block {
	background-color: #8A969F;
}

.repay-red .section-block {
	background-color: #e84727;
}

.repay-red .section-block *:not(.btn) {
	color: #fff;
}

.repay-gray .section-block *:not(.btn) {
	color: #fff;
}

.repay-gray .section-block p,
.repay-gray .section-block a,
.repay-red .section-block p,
.repay-red .section-block a {
	font-weight: 400;
}

.text-black {
	color: #000 !important;
}

.text-primary {
	color: #e84727;
}

.text-left .section-block * {
	text-align: left !important;
	max-width: 650px;
}

.text-center .section-block * {
	text-align: center !important;
	max-width: 750px;
	margin: 0 auto;
}

/* .EditMode .edit-buttons { margin-top: 40px; } */
.EditMode header {
	position: relative;
	background-color: #000;
	height: 72px;
}

.EditMode.WebbEssDIY header {
	top: 10px !important;
}

.EditMode header .header-logo {
	width: 160px;
	opacity: 1;
}

.EditMode header nav.mainmenu a:before {
	bottom: 15px;
}

.EditMode header nav.mainmenu a {
	color: #fff;
}

.EditMode header nav.mainmenu ul.TemplateMenu>li {
	line-height: 72px;
}

.splits .section-block .section-block-wrapper {
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
}

.splits .col-block {
	padding: 0 !important;
}

.splits .col-block .col-wrapper {
	padding: 100px;
}

.splits .col-block .col-wrapper {
	padding: 200px 100px;
	background: linear-gradient(45deg, rgba(96, 106, 114, 1) 0%, rgba(136, 149, 158, 0.62) 100%);
	min-height: 370px;
	height: 100%;
	border: 20px solid #ffffff;
	box-sizing: border-box;
}

.splits .col-0 .col-wrapper {
	border-right: 10px solid #fff;
}

.splits .col-1 .col-wrapper {
	border-left: 10px solid #fff;
	padding: 200px 150px;
}



blockquote {
	background-color: transparent;
	padding: 40px;
	margin: 40px 40px 40px 0px;
}


blockquote {
	margin-top: 0;
	max-width: 450px;
}

blockquote * {
	color: #fff;
}

blockquote h5 {
	font-size: 1.6rem;
	padding-top: 20px;
	letter-spacing: 0.7px;
}

blockquote h6::before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	content: "\f007";
	padding-right: 10px;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

blockquote q {
	font-size: 2rem;
	line-height: 1.5em;
}

blockquote q::before,
blockquote q::after {
	font-family: "Font Awesome 5 Pro";
	font-weight: 700;
	color: #e94927;
	content: "\f10e";
	padding-right: 15px;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

blockquote q::after {
	padding-left: 15px;
}


.parallax {
	height: 50rem;
	overflow: hidden;
	position: relative;
}

.parallax img {
	width: 100% !important;
}

.accordion-section *,
.accordion-section *:before,
.accordion-section *:after {
	transition: all .3s ease;
}

.display-none {
	display: none;
}

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

/* ==========================================================================
Buttons 
========================================================================== */
.btn {
	font-family: 'Roboto', sans-serif;
	max-width: 260px;
	width: 100%;
	font-size: 1.4rem;
	box-sizing: border-box;
	padding: 12px 30px;
	background-color: #8A969F;
	border: 2px solid #8A969F;
	color: #fff;
	border-radius: 0;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1.5px;
	-moz-transition: 0.4s ease-in-out;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	box-shadow: none;
	margin-bottom: 1rem;
}

.btn a {
	padding: 0;
}

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

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

.btn-info:hover {
	background-color: transparent;
	border: 2px solid #e84727;
	color: #e84727;
}

.btn-orange-border {
	background: transparent;
	border: 2px solid #e84727;
}

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

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


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

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

.btn-black-filled {
	background-color: #000000;
	border: 2px solid #000;
	color: #ffffff;
}

.btn-black-filled:hover {
	background-color: transparent;
	border: 2px solid #000;
	color: #000;
}


.btn-wrapper {
	margin-top: 10px;
}

.center {
	text-align: center;
	margin-bottom: 2rem;
	margin-top: 2rem;
}

/* ==========================================================================
färger
========================================================================== */
/* Bakgrunder */
.bg-black {
	background-color: #000000;
}

.bg-gray-light {
	background-color: #f8f8f8;
}

.bg-primary {
	background-color: #e84727 !important;
}

/* Text */
.text-white {
	color: #FFF;
}

.text-red {
	color: #e84727;
}

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

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

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

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

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

/* Specifika bredder för specifika kort */
.cards-wrapper .card-item.w-100 {
	width: 100%;
}

@media only screen and (max-width: 1300px) {
	.cards-wrapper.w-25 .card-item {
		width: calc((100% / 3) - 2rem);
	}
}

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

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

@media only screen and (max-width: 980px) {
	.cards-wrapper.w-25 .card-item {
		width: calc((100% / 2) - 2rem);
	}
}

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

	.cards-wrapper.w-50-0 .card-item {
		width: 100%;
		margin: 0;
	}
}

@media only screen and (max-width: 650px) {
	.cards-wrapper.w-25 .card-item {
		width: 100%;
		margin: 1rem 0;
	}
}


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

.cards-1-wrapper .card-item {
	width: calc((100% / 3) - 4rem);
	padding: 5rem 4rem 4rem;
	margin: 1rem 2rem;
	border-radius: 1rem;
	background: #FFF;
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, .1);
}

.cards-1-wrapper .card-header {
	padding-bottom: 2rem;
}

.cards-1-wrapper .card-footer {
	display: flex;
	justify-content: space-between;
	padding: 2rem 0 2rem;
	border-top: 1px solid #333;
}

.cards-1-wrapper .card-footer p {
	width: 60%;
	padding: 0;
	font-size: 1.6rem;
	font-style: italic;
}

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

/* Cards 7*/
.cards-7 .card-item {
	text-decoration: none;
	border-radius: .8rem;
	box-shadow: 0 1rem 3rem rgb(var(--black-color), .1);
	background: rgb(var(--white-color));
	overflow: hidden;
}

.cards-7 .text-wrapper {
	padding: 2rem 3rem;
}

.cards-7 .small-title {
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	font-size: 2rem;
	border-bottom: 1px solid rgb(var(--primary-color));
}

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

.cards-8-wrapper .card-item p {
	color: #fff !important;
	text-align: center;
	font-weight: 400;
}

.cards-8-wrapper .card-item h3 {
	text-align: center;
}

.cards-8-wrapper .card-item {
	display: flex;
	flex-direction: column;
	width: calc((100% / 2) - 4rem);
	margin: 2rem 2rem;
	padding: 0;
}

.cards-8-wrapper .image-wrapper {
	height: 40rem;
}

.cards-8-wrapper .of-wrapper img {
	position: static;
	transform: none;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.cards-8-wrapper .text-wrapper {
	z-index: 1;
	position: relative;
	flex-grow: 1;
	width: 90%;
	margin: -9rem auto 0;
	padding: 2rem;
	background-color: rgb(137 151 159 / 90%);
}

.width-1400 .section-block-wrapper {
	max-width: 1400px;
}

.services h2 {
	padding-bottom: 4rem;
}

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

/* ==========================================================================
Text och typsnitt
========================================================================== */
p,
a,
li {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	text-decoration: none;
	font-size: 1.7rem;
	line-height: 30px;
	letter-spacing: normal;
	color: #000;
	-webkit-font-smoothing: antialiased;
}

p {
	padding: 0 0 0.8em 0;
}

a:hover {
	text-decoration: underline;
	color: #e84727;
}

a {
	display: inline-block;
	-moz-transition: 0.4s ease-in-out;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	color: #e84727;
}

a.link {
	color: #e84727;
	font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-style: normal;
	color: #000;
	font-family: benton-sans, sans-serif;
	font-weight: 800;
	font-style: normal;
	letter-spacing: normal;
	-webkit-font-smoothing: antialiased;
	padding-bottom: 10px;
	text-transform: uppercase;
}

h1,
h2 {
	font-weight: 800;
	font-size: 4.5rem;
	line-height: 1.3em;
	padding-bottom: 25px;
	text-transform: none;
}

h3 {
	letter-spacing: 0;
	text-transform: none;
}

h4 {
	font-size: 2.5rem;
}

h6 {
	font-size: 3rem;
	font-weight: 400;
}

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

.h4-small {
	font-size: 2.5rem !important;
}

.red {
	color: #dd0d22;
}

.bold {
	font-weight: 600;
}

.pb-top-0 {
	padding-top: 0 !important;
}

.smalltext-type {
	max-width: 600px;
}

.normaltext-type {
	max-width: 800px;
	margin: 0;
	text-align: left;
}

.text-box {
	max-width: 80rem;
	margin: auto;
}
.text-box-start {
	max-width: 80rem;
}

.ingress {
	color: #e84727;
	font-weight: 700;
}

/* Ovriga klasser */
.text-block-center {
	max-width: 80rem;
	margin-left: auto;
	margin-right: auto;
}

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

.text-left{
	text-align: left !important;
}

/* Listor */
.bullet-list li {
	font-weight: 300;
	line-height: 1.6em;
	padding-bottom: 10px;
	list-style: none;
}

.bullet-list ul li::before {
	content: "\f86c";
	display: inline-block;
	width: 2.4em;
	margin-left: -2.4em;
	color: #dd0d22;
	font-family: 'Font Awesome 5 Pro';
	font-weight: 700;
}

.circle-list li {
	font-weight: 300;
	line-height: 1.6em;
	padding-bottom: 10px;
	list-style: none;
}

.circle-list li::before {
	content: "\f111";
	display: inline-block;
	width: 2em;
	margin-left: -2.4em;
	color: #dd0d22;
	font-family: 'Font Awesome 5 Pro';
	font-weight: 700;
	font-size: 1rem;
}

.arrow-list li {
	line-height: 1.7em;
	padding-bottom: 1.5rem;
	list-style: none;
}

.arrow-list li::before {
	content: "\f178";
	display: inline-block;
	width: 1.8em;
	margin-left: -1.8em;
	color: #e84727;
	font-family: 'Font Awesome 5 Pro';
	font-weight: 500;
}

/* ==========================================================================
Modal
========================================================================== */
.modal {
	max-width: 75rem;
	width: 100%;
	max-height: 75vh;
	padding: 4rem;
	border-radius: 0;
	box-shadow: none;
	overflow: auto;
}

.blocker {
	z-index: 100;
}

.modal a.close-modal {
	display: none;
}

.modal .custom-close-modal {
	position: absolute;
	top: 1rem;
	right: 1.5rem;
	font-size: 3rem;
	color: #000;
}

.modal h2 {
	font-size: 3rem;
	color: #e94928;
	text-align: center;
}

@media only screen and (max-width: 450px) {
	.modal {
		padding: 3rem 2rem;
	}

	.blocker {
		padding: 1rem;
	}
}

/* Modal som öppnas automatiskt
========================================================================== */
body:not(.EditMode) .section-auto-modal {
    display: none;
    z-index: 9;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(var(--black-color),.7);
  }

  body:not(.EditMode) .section-auto-modal .section-block {
    position: fixed;
    top: 50%;
    left: 50%;
    width: calc(100% - 4rem);
    max-width: 80rem;
    max-height: 70rem;
    padding: 0rem;
    border-radius:0;
    overflow: auto;
    background-color: #e84727;
    transform: translate(-50%,-50%);
  }

  .section-auto-modal .close-modal {
    position: absolute;
    top: 1rem;
    right: 2rem;
    font-size: 3rem;
    cursor: pointer;
	color: white;
  }
  .h-360{
	max-height: 36rem;
}
.h-340{
	max-height: 34rem;
}
  
  .modal-title{
	font-size: 48px;
  }
  .modal-ingress{
	font-size: 25px;
  }

  @media only screen and (max-width: 700px) {
	.modal-title{
		font-size: 38px;
	  }
	  .modal-ingress{
		font-size: 20px;
	  }
  }

  @media only screen and (max-width: 450px) {
	.modal-title{
		font-size: 23px;
	  }
	  .modal-ingress{
		font-size: 18px;
	  }
	  body:not(.EditMode) .section-auto-modal .section-block {
		height: 60rem !important;
	  }
  }

/* ==========================================================================
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;
	height: 13vh;
}

header .container {
	max-width: 1600px;
	padding: 0px;
}

header .header-logo {
	opacity: 1;
	width: 200px;
	padding: 20px 15px;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

nav.mainmenu {
	text-align: right;
}

header nav.mainmenu ul.TemplateMenu>li {
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

/* CTA  */
.header-cta-wrapper {
    z-index: 9;
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 0;
    margin: 0 1.5rem 0 0;
    list-style: none;
}

.header-cta-wrapper li {
    margin: 0 .5rem;
}

.header-cta-wrapper .btn {
    min-width: unset;
    padding: 1rem 2rem;
    line-height: 1;
	background-color: #000;
	border-color: #000;
	color: #e84727;
}

header.scrolled nav.mainmenu .btn {
    color: #fff;
	background-color: #e84727;
	border-color: #e84727;
}

.header-cta-wrapper .btn:hover,
header.scrolled nav.mainmenu .btn:hover {
	color: #fff;
	background-color: #8A969F;
	border-color: #8A969F;
}

/* För att dölja Hem i menyn  */
nav.mainmenu ul.TemplateMenu>li:first-child {
	display: none;
}

/*------ HEADER SCROLLED --------*/
header.scrolled,
.SubPage header {
	background-color: #000;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.27);
	height: 72px;
}

header.scrolled .header-logo {
	width: 160px;
	opacity: 1;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

header.scrolled nav.mainmenu a:before {
	bottom: 15px;
}

header.scrolled nav.mainmenu a {
	color: #fff;
}

header.scrolled nav.mainmenu ul.TemplateMenu>li {
	line-height: 72px;
}

nav.mainmenu a {
	font-weight: 600;
	font-style: normal;
	color: #fff;
	padding: 0 10px;
	margin: 0;
	font-size: 1.4rem;
	letter-spacing: 1px;
	text-transform: uppercase;
}

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

nav.mainmenu li:hover a,
nav.mainmenu li.active a {
	color: #8a969f;
}

.nav-dropdown:after {
	font-family: 'Font Awesome 5 Pro';
	font-weight: 700;
	content: '\f0d7';
	margin-left: 7px;
	text-decoration: none;
	display: inline-block;
}

nav.mainmenu li:hover .nav-dropdown:after {
	text-decoration: none !important;
}

/* Dropdown menu */
nav.mainmenu ul>li.expandable-li:hover {
	background-color: transparent;
}

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

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

nav.mainmenu ul>li>ul {
	background: #8a969f;
	padding: 0;
	box-sizing: border-box;
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.22);
	line-height: normal;
	height: auto;
	min-width: 100%;
	width: auto;
	text-align: left;
	z-index: 10;
}

nav.mainmenu ul>li>ul>li {
	padding: 0 15px;
	background: #8a969f;
}

nav.mainmenu ul>li>ul a {
	background: transparent !important;
	text-decoration: none !important;
	white-space: nowrap;
}

nav.mainmenu ul>li>ul>li>a {
	color: #fff !important;
	text-transform: unset;
	letter-spacing: normal;
	padding: 10px;
}

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

nav.mainmenu ul>li>ul>li>ul {
	/*     top: -20px; */
	right: 0px;
}

nav.mainmenu ul>li.expandable-li:hover ul {
	background: #738089;
}

nav.mainmenu ul>li>ul>li:hover a,
nav.mainmenu ul>li>ul>li.active a {
	color: #fff !important;
}

nav.mainmenu ul>li>ul>li.expandable-li:hover>a {
	color: #01a650;
	border-bottom: none;
	padding-bottom: 10px;
}

nav.mainmenu .expandable:after {
	font-family: 'Font Awesome 5 Pro';
	font-weight: 700;
	content: '\f0d7';
	margin-left: 7px;
	text-decoration: none;
	display: inline-block;
}

nav.mainmenu li:hover .nav-dropdown:after {
	text-decoration: none !important;
}


nav.mainmenu .parent.expandable {
	cursor: default;
}

nav.mainmenu .parent.expandable:after {
	content: '\f0da';
}

/* Sektion Nytt Galleri för undersidor (.section-slider)
========================================================================== */
.text-slide-box {
	position: relative;
}

.slide-text-box {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%, 0);
	width: 80%;
}

.slide-text {
	color: white;
	font-weight: 600;
	text-align: center;
}

.section-slide-galey {
	overflow: hidden !important;
}

.section-slide-galey .slick-next:before {
	content: '\f178' !important;
	font-family: 'Font Awesome 5 Pro' !important;
	font-size: 3rem !important;
}

.section-slide-galey .slick-prev:before {
	content: '\f177' !important;
	font-family: 'Font Awesome 5 Pro' !important;
	font-size: 3rem !important;
}

.gallery-slider .slick-list {
	overflow: visible !important;

}

@media only screen and (max-width: 980px) {
	.gallery-slider .slick-list {}

	.slide-text-box {
		position: absolute;
		left: 50%;
		bottom: 0;
		transform: translate(-50%, 0);
		width: 80%;

	}

	.slide-text {
		font-size: 1rem !important;
		line-height: initial !important;
	}

}


.section-slide-galey .gallery-slider {
	overflow: visible !important;
	background: white;

}

.section-slide-galey .gallery-slider .image-wrapper {
	/*height: 40rem; */
	overflow: visible !important;
	border: 2px solid white !important;

}

.section-slide-galey .gallery-slider .slick-slide {
	margin: 0 1rem;
}

.section-slide-galey .gallery-slider .slick-list {
	overflow: visible;
}


/* Slick Settings */
.section-slide-galey .gallery-slider .slick-list,
.section-slide-galey .gallery-slider .slick-track {
	height: 100%;
}

.section-slide-galey .gallery-slider .slick-list {
	width: 100%;
}

.section-slide-galey .gallery-slider .slick-dots {
	position: absolute;
	bottom: 0rem;
	width: auto;
	padding: 0;
	margin: 0;
	background-color: rgb(var(--white-color));
	border-radius: 2rem;
}

.section-slide-galey .gallery-slider .slick-dots li.slick-active::before {
	opacity: 1;
	color: rgb(var(--primary-color));
	transition: all .2s ease;
}

@media only screen and (max-width: 980px) {
	.section-slide-galey .gallery-slider .slick-dots {
		left: 50%;
		transform: translateX(-50%);
	}

}

@media only screen and (max-width: 580px) {
	.section-slide-galey .gallery-slider .image-wrapper {
		height: 25rem;
	}
}

.slick-title {
	position: relative;
	bottom: 0;
	margin-bottom: -7rem;
	z-index: 2;
}

@media only screen and (max-width: 500px) {
	.slick-title {
		margin-bottom: -4.8rem !important;

	}

	.h4-small {
		font-size: 2rem !important;
	}

}

@media only screen and (max-width: 600px) {
	.slick-title {
		margin-bottom: 0rem;

	}

}

@media only screen and (max-width: 600px) {
	.section-slide-galey .gallery-slider .image-wrapper {
		height: 25rem;
	}
}

/* pilar*/
/* Knappar */
.section-slide-galey .slick-arrow {
	z-index: 2;
	position: absolute;
	top: 50%;
	width: 14rem;
	height: 4rem;
	border-radius: 1rem;
	background-color: rgb(var(--white-color));
	opacity: .95;
	transform: translateY(-50%);
}

.section-slide-galey .slick-prev {
	right: 0 !important;
	top: 0 !important;

}

.section-slide-galey .slick-next {
	right: 4rem;
	top: 0 !important;

}

.section-slide-galey .slick-arrow::after {
	font-weight: 300;
}

.section-slide-galey .slick-prev,
.slick-next {
	background: none !important;
	border-radius: 50%;
}

.section-slide-galey .slick-next {
	background: none !important;
	border-radius: 50%;
}

.gallery-slider .slick-prev {
	padding-top: 1rem !important;
}

.gallery-slider .slick-next {
	padding-top: 1rem !important;
}

.section-slide-galey .slick-prev:before {

	font-size: 35px;
	line-height: 1;
	opacity: 1 !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.section-slide-galey .slick-next:before {
	font-size: 35px;
	line-height: 1;
	opacity: 1 !important;
	color: black !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.section-slide-galey .slick-prev::after {
	content: '' !important;
}

.section-slide-galey .slick-next::after {
	content: '' !important;
}

.section-slide-galey .gallery-slider .slick-prev {
	position: absolute !important;
	right: 90% !important;
	bottom: 0;
	padding-right: 2rem !important;
	width: 4rem;
	height: 4rem;
	font-size: 0;
	cursor: pointer;
	transition: 0.4s;
}

.section-slide-galey .gallery-slider .slick-next {
	position: absolute !important;
	right: 0;
	bottom: 0;
	width: 4rem;
	height: 4rem;
	font-size: 0;
	cursor: pointer;
	transition: 0.4s;

}

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

	/* Slick Slider */
	.section-slide-galey .slick-list {
		width: calc(100% - 3rem);
	}


}

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

	/* Card */
	.section-slide-galey .card-item {
		margin: 0;
	}

	/* Pilar */
	.section-slide-galey .section-gallery .slick-arrow {
		width: 3.5rem;
		height: 3.5rem;
	}


	.section-slide-galey .gallery-slider .slick-next {
		padding-left: 1rem;


	}
}

.gallery-slider .slick-prev:hover:before,
.gallery-slider .slick-next:hover:before {
	color: red !important;
}


.fancybox-bg {
	background: rgb(230, 93, 69) !important;
	opacity: 1 !important;
	transition-duration: inherit;
	transition-property: opacity;
	transition-timing-function: cubic-bezier(.47, 0, .74, .71);

}

.fancybox-caption {
	background: none !important;
	padding-bottom: 5rem;
}

.long-img .fancybox-captio {
	padding: 55px max(44px, env(safe-area-inset-right)) max(50px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
}


.fancybox-caption {
	padding: 0px max(44px, env(safe-area-inset-right)) max(50px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
	color: white !important;
	cursor: default;
	outline: none;
	background: none !important;
}

.fancybox-navigation .fancybox-button {
	background-clip: content-box;
	height: 170px !important;
	background: none !important;
	opacity: 0;
	position: absolute;
	top: calc(50% - 50px);
	width: 170px !important;
	padding-left: -10rem !important;
	padding-right: -10rem !important;
}


.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
	color: white !important;
}

.fancybox-toolbar {}

.fancybox-infobar {
	display: none !important;
}

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

	.fancybox-caption__body {
		max-height: 10vh !important;
		overflow: auto;
		pointer-events: all;
		padding-bottom: 10rem;
	}

	.fancybox-navigation .fancybox-button {
		background-clip: content-box;
		height: 130px !important;
		background: none !important;
		opacity: 0;
		position: absolute;
		top: calc(50% - 50px);
		width: 170px !important;
	}
}

/* ==========================================================================
Top-section
========================================================================== */
.top-section {
	display: none !important;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.76) 0%, rgba(0, 0, 0, 0.1) 70%);
	background: linear-gradient(45deg, rgba(0, 0, 0, 0.76) 0%, rgba(0, 0, 0, 0.1) 70%);
}

.page-title-wrap {
	top: 50%;
	left: 30%;
	max-width: 800px;
	text-align: left;
}

.page-title-wrap img {
	width: 450px;
	height: auto;
	margin-bottom: 40px;
}

.page-title-wrap h1 {
	font-size: 5rem;
	text-transform: none;
	color: #fff;
}

.page-title-wrap .btn {
	margin-right: 20px;
}

.page-title-wrap .btn-wrapper {
	margin-top: 30px;
}

.kund-text h1 {
	font-size: 5rem;
	text-align: inherit;
}

/* ==========================================================================
Top-section: Background slider
========================================================================== */
#topp .fullscreen-bg-slider {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	z-index: 1;
}

#topp .page-title-wrap {
	max-width: 550px !important;
}

#topp .section-block {
	height: 100vh;
}

#topp .text-red {
	color: #e84727;
}

#topp p {
	color: #fff !important;
	font-weight: 500;
}

#topp .slick-slider {
	height: 100%;
	width: 100%;
}

#topp .fullscreen-bg-slider .slide {
	height: 100vh;
	background-size: cover !important;
	background-position: center center;
}

#topp .bg-1 {
	background-image: url('/assets/images/repay-skelleftea-2000px-bg.jpg');
	background-position: center top !important;
}

#topp .bg-2 {
	background-image: url('/assets/images/repay-kapade-2000px-bg.jpg');
}

#topp .bg-3 {
	background-image: url('/assets/images/repay-plat-2000px-bg.jpg');
}

#topp .bg-4 {
	background-image: url('/assets/images/repay-skurna-2000px-bg.jpg');
}

/* ==========================================================================
Startsida
========================================================================== */
.img-divider {
	max-width: 100% !important;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.isMobile .img-divider {
	background-attachment: scroll !important;
	max-width: 100% !important;
	background-size: cover !important;
}


/* SPLIT IMAGE / TEXT  */
.split-img-left .content-wrapper,
.split-img-right .content-wrapper {
	position: relative;
	width: 100%;
	font-size: 0px;
}

.split-img-left .content-wrapper:before,
.split-img-left .content-wrapper:after,
.split-img-right .content-wrapper:before,
.split-img-right .content-wrapper:after {
	content: '';
	position: absolute;
	top: 0;
	display: block;
	height: 100%;
	width: 50%;
	background-position: center;
	background-size: cover;
}

.split-img-left .content-wrapper:before,
.split-img-right .content-wrapper:before {
	left: 0;
	z-index: 2;
}

.split-img-left .content-wrapper:after,
.split-img-right .content-wrapper:after {
	left: 50%;
}

.split-img-left .block-object,
.split-img-right .block-object {
	font-size: 0px;
}

.split-img-left .container-split,
.split-img-right .container-split {
	z-index: 1;
	position: relative;
	display: inline-block;
	width: 50%;
	padding: 6rem 6rem;
	box-sizing: border-box;
}

/* SPLIT TEXT */
.split-text .section-block-wrapper {
	overflow: hidden;
}

.split-text .col-block {
	float: left;
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-bottom: 100%;
	margin-bottom: -100%;
	box-sizing: border-box;
}

.split-text .col-wrapper {
	padding: 130px 7%;
}

.split-text .block-object {
	max-width: 600px;
	margin: 0 auto;
}

/* With-space */
.with-space .col-block {
	width: 49% !important;
}

.split-text.with-space .col-0 {
	margin-right: 1%;
}

.split-text.with-space .col-1 {
	margin-left: 1%;
}

.split-text .col-0 {
	background-color: #eeeeee;
}

.full-height .section-block {
	height: 100vh;
	position: relative;
}


.split-slider .slick-arrow {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 4rem;
	height: 4rem;
	font-size: 0;
	cursor: pointer;
	transition: 0.4s;
}



.split-slider .slick-prev:after,
.split-slider .slick-next:after {
	font-size: 2rem;
	color: rgba(var(--black-color));
}

/* Dots */
.split-slider .slick-dots {
	position: absolute;
	top: 5rem;
	padding: 0;
	margin: 0;
}

.slick-arrow {

	width: 40px;
	height: 40px;
}

.slick-prev,
.slick-next {
	background: rgb(182, 182, 182) !important;
	border-radius: 50%;
}

.split-slider .slick-dots li {
	margin: 0 5px;
}

.split-slider .slick-dots li:before {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 4px;
	background-color: rgba(var(--black-color));
	transition: all 0.2s ease;
}

.split-slider .slick-dots li.slick-active:before {
	opacity: 1;
	width: 2rem;
	background-color: rgb(var(--primary-color));
	transition: all 0.2s ease;
}

/* Bottom notis
========================================================================== */
.bottom-notis {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 10px 35px 10px 30px;
	background: #000;
}

.bottom-notis .close {
	position: absolute;
	top: 18px;
	right: 10px;
	transform: translateY(-50%);
	cursor: pointer;
	font-size: 21px;
	color: #FFF;
}

.bottom-notis p,
.bottom-notis a {
	padding: 0;
	font-size: 15px;
	color: #FFF;
	text-align: center;
}

.bottom-notis a {
	text-decoration: underline;
}

/* CTA
========================================================================== */
#cta {
	background-color: rgba(0, 0, 0, 0.78);
	display: none;
}

#cta .section-block {
	padding: 0;
	line-height: 0;
	height: auto;
}

#cta ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
}

#cta li {
	display: inline-block;
	padding: 40px 30px;
	box-sizing: border-box;
	-moz-transition: 0.4s ease-in-out;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;

}

#cta li a {
	color: #fff;
	font-size: 1.7rem;
	font-weight: 600;
}

#cta li:first-child {
	background: #e84727;
	padding: 40px 100px;
}

#cta li:first-child a:hover {
	color: #fff;
}


#cta li:first-child:hover {
	background: #c2381c;
}

/* Om oss
========================================================================== */
#om-oss {
	background: #fff;
}

#om-oss h1 {
	font-size: 3.5rem;
}

#om-oss strong {
	color: #e84b27;
}

#om-oss .col-0 {
	padding-right: 3rem;
}

#om-oss .col-1 {
	padding-left: 3%;
}

.video-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	/* 16:9 */
	padding-top: 25px;
	height: 0;
}

.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#om-oss .section-block-wrapper {
	max-width: 1360px;
}

#om-oss .btn-wrapper {
	text-align: left;
}

#om-oss .btn {
	display: block;
}

/* Tjanster / Kontor
========================================================================== */
#tjanster .section-block-wrapper {
	max-width: 1200px;
}


#tjanster {
	background-image: url('/assets/images/bg-steel.jpg');
	/*     border: 20px solid #fff; */
	border-bottom: none;
}

#tjanster .normaltext-type {
	text-align: center;
	margin: 0 auto;
}

#tjanster .content-wrapper:before {
	background-image: url('/assets/images/cnc-machine.jpg');
}

#tjanster h2 {
	background-color: #565656;
	font-size: 5rem;
	color: transparent;
	text-shadow: -2px 1px 2px rgba(255, 255, 255, 0.57);
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	max-width: 700px;
	padding-bottom: 0;
	margin: 0 auto;
}

.split-tjanster .col-0 .col-wrapper {
	background: rgba(232, 75, 39, 0.91);
}

.split-tjanster .col-block .col-1 .col-wrapper {
	background-color: rgba(136, 149, 158, 1);
}

.splits .col-block *:not(.btn) {
	text-align: left;
	color: #fff !important;
}

.split-tjanster .section-block .col-0 {
	background: url('/assets/images/repay-gasskarning-2000px.jpg');
	background-size: cover !important;
	background-repeat: no-repeat !important;
}


.split-tjanster .section-block .col-1 {
	background: url('/assets/images/repay-skelleftea-christoffer-nina-2000px.jpg');
	background-size: cover !important;
	background-repeat: no-repeat !important;
}

.split-tjanster .btn {
	max-width: 350px;
}

.split-tjanster h3 {
	font-size: 4rem;
	padding-bottom: 4rem;
}

.split-tjanster p {
	font-weight: 400;
}

.split-tjanster .btn-wrapper {
	margin-top: 30px;

}


.section-tjanster .normaltext-type {
	/*
	text-align: center;
	margin: 0 auto;
*/
}

/* Medarbetare osv
========================================================================== */
#medarbetare {
	background: #f7f7f7;
}

#medarbetare .content-wrapper {
	background: #fff;
	box-shadow: 0px 5px 14px rgba(0, 0, 0, 0.15);
}

#medarbetare h3 {
	padding-top: 20px;
}

.office-wrapper {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
}

.office-card {
	margin: 20px;
	display: inline-block;
	height: auto;
	position: relative;
	box-sizing: border-box;
	background-color: #3f3f3f;
	text-decoration: none !important;
}

.office-card ul {
	text-align: left;
	margin-top: 5px;
	padding-left: 20px;
}

.office-card img {
	width: 100%;
	object-fit: cover !important;
	object-position: center !important;
}


.office-card a,
.office-card a:hover {
	text-decoration: none !important;
}

.office-card .office-text {
	box-sizing: border-box;
	padding: 30px 25px;
	text-align: left;
	margin-bottom: 50px;
}

.office-card .office-text h3 {
	font-size: 23px;
	font-weight: 600;
	text-transform: uppercase;
	padding-bottom: 15px;
	padding-top: 0 !important;
}


.office-card .office-text p,
.office-card .office-text li {
	font-size: 16px;
	line-height: 1.6em;
}

.office-card .office-text * {
	color: #fff;
}

.office-card .office-link {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	width: 100%;
	color: #fff;
	background-color: #8A969F;
	height: 60px;
	line-height: 70px;
}



.office-card .office-link:after {
	font-family: 'Font Awesome 5 Pro';
	font-weight: 100;
	content: "\f124";
	margin-left: 7px;
	text-decoration: none;
	display: inline-block;
	color: #000;
}

.office-card .office-link:after {
	text-decoration: none !important;
}


.office-card .office-link a {
	line-height: 0;
}


.slick-dots {
	position: relative;
	bottom: 0;
}

.slick-dots li button:before {
	font-size: 10px;
	color: #fff;
}

.slick-dots li.slick-active button:before {
	opacity: .75;
	color: #e84b27;
}




/* ==========================================================================
Undersidor - Generellt
========================================================================== */
.SubPage .top-section {
	display: none;
}

.SubPage .section-block .section-block-wrapper {
	max-width: 1200px;
}

.SubPage .section-block .col-1 {
	padding-right: 4%;
}

.SubPage .section-block .col-2 {
	padding-left: 4%;
}


.SubPage .page-title-wrap {
	top: 30%;
	left: 50%;
	max-width: 980px;
	padding: 20px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
}


.SubPage .page-title-wrap h1 {
	color: #fff;
	font-size: 4rem;
	text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
}



.SubPage .header-img {
	background-image: url('/assets/images/repay-expert-3-2000px.jpg');
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: 40% bottom;
	background-attachment: fixed;
}






.SubPage .header-img .section-block {
	height: 65vh;
	background: rgba(0, 0, 0, 0.46);
	position: relative;
	/*     background: linear-gradient(120deg,rgba(0, 0, 0, 0.34)60%, #1eb39a 40%); */
}


.SubPage .title-wrap {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	width: 100%;
	max-width: 1200px;
	height: auto;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	padding: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}

.SubPage .title-wrap {
	top: 70%;
	padding: 20px;
	box-sizing: border-box;
}

.SubPage .title-wrap *:not(.btn) {
	color: #fff;
	text-align: left;
}

.SubPage .title-wrap h1 {
	color: #fff;
	font-size: 4rem;
	text-align: left;
	padding-bottom: 15px;
}

.SubPage .title-wrap p {
	font-size: 1.6rem;
	line-height: 1.6em;
	max-width: 550px;
	font-weight: 400;
}


.SubPage .fullscreen-bg-video {
	display: none;
}

.inledning .section-block {
	background-color: #8a969f;
}

.inledning .section-block * {
	color: #fff;
	font-weight: 400;
}

.inledning .section-block strong {
	font-weight: 700;
}

.inledning h1 {
	text-align: left;
	border-left: 10px solid #1fb49a;
	padding-left: 20px;
	padding-bottom: 0;
	margin-bottom: 40px;
}

.inledning .normaltext-type {
	margin: 0;
	text-align: left;
	max-width: 600px;
}


.red-header .header-img {
	background-image: url('/assets/images/repay-bg-2.jpg');
}

.red-header .header-img .section-block {
	height: 40vh;
	background: rgba(233, 73, 40, 0.9);
}

.red-header .title-wrap,
.small-header .title-wrap {
	top: 55%;
	left: 50%;
}

.red-header .title-wrap *:not(.btn),
.small-header .title-wrap *:not(.btn) {
	text-align: center;
}

.red-header .title-wrap h1,
.small-header .title-wrap h1 {
	padding: 0;
}


.small-header .header-img .section-block {
	height: 40vh;
	background: rgba(0, 0, 0, 0.51);
}

/* Undersida: CTA-knapp
========================================================================== */
.cta-list {
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 0;
	width: 100%;
	max-width: none;
	height: auto;
	/*
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
*/
	padding: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.cta-list {
	background-color: transparent;
}

.cta-list .section-block {
	padding: 0;
	line-height: 0;
	height: auto;
}

.cta-list ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
}

.cta-list li {
	display: inline-block;
	padding: 40px 30px;
	box-sizing: border-box;
	-moz-transition: 0.4s ease-in-out;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;

}

.cta-list li a {
	color: #fff;
	font-size: 1.7rem;
	font-weight: 600;
}

/*

#cta li a:hover {
	color: #aa3923;
}
*/

.cta-list li:first-child {
	background: #e84727;
	padding: 40px 100px;
}

.cta-list li:first-child a:hover {
	color: #fff;
}


.cta-list li:first-child:hover {
	background: #c2381c;
}

/* Funktion: Scroll down
========================================================================== */
.scroll-down {
	position: relative;
	z-index: 1;
	background-color: transparent;
	display: none;
}

.scroll-down .section-block {
	padding: 0;
}

.action-list {
	height: 150px;
	text-align: center;
}

.action-list .more-button {
	display: inline-block;
	text-decoration: none;
	margin: 0 10px;
}

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

.scroll-down {
	margin-left: 50%;
	position: absolute;
	z-index: 7;
	cursor: pointer;
	bottom: 50px;
	height: 40px;
	width: 40px;
	left: -20px;
	color: #fff;
}

.scroll-down.svg svg {
	opacity: 1;
	width: 25px;
	-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 1s infinite;
	-moz-animation: updown 1s infinite;
	-o-animation: updown 1s infinite;
	animation: updown 1s 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)
	}
}

/**/


/* Undersida: Oversiktssidor
========================================================================== */
.preview-page .header-img {
	background-image: url('/assets/images/cnc-machine-1-2000px.jpg');
}

.preview-page .header-img .section-block {
	height: 40vh;
	background: #8a969f;
}

.preview-page .title-wrap {
	top: 55%;
	left: 50%;
}

.preview-page .title-wrap *:not(.btn) {
	text-align: center;
}

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


.preview-page .normaltext-type {
	padding-bottom: 3rem;
	text-align: center;
	margin: 0 auto;
}

.preview-page nav.mainmenu ul>li.expandable-li:hover>a {
	color: #e94927;
}

.services-thumbs .project-thumb-wrapper {
	width: 48%;
	box-shadow: none;
}

.services-thumbs .project-thumb-wrapper:hover .project-thumb {
	background-color: rgba(0, 0, 0, 0.85);
}

.services-thumbs .project-thumb-wrapper .project-thumb {
	background-color: rgba(0, 0, 0, 0.25);
	padding: 5rem 3rem;
}

.services-thumbs .project-thumb-wrapper .project-link {
	display: none;
}


.services-thumbs .project-thumb h3 {
	font-size: 2.3rem;
	text-align: left;
	color: #fff;
	font-weight: 700;
	letter-spacing: 0;
	padding-bottom: 10px;
}


.services-thumbs .project-thumb p {
	color: #fff;
	font-size: 1.5rem;
	text-align: left;
	text-transform: none;
	letter-spacing: 0;
	font-weight: 600;
	padding: 0;
	color: #fff;
	opacity: 1 !important;
}


/* Undersida: Produktionsmetoder (subpage-pm)
========================================================================== */

.subpage-pm .header-img {
	background-image: url('/assets/images/services/repay-produktionsmetoder-1-2000px.jpg');
	background-position: 76% bottom;
}

.subpage-pm .section-overview-thumbs .services-thumbs .project-thumb-wrapper {
	width: 32.9%;
	height: 350px;
}

/* Undersida: Tjanster > Generellt
========================================================================== */
.header-img .btn-link {
	padding: 0 10px;
}

.header-img .btn-link {
	/* margin: 5px; */
	font-size: 1.4rem;
	padding: 0;
	background: transparent;
	color: #fff;
	border: none;
	text-align: left;
	width: auto;
	font-weight: 500;
	margin-right: 25px;
	padding-right: 35px;
	border-right: 1px solid white;
}

.header-img .btn-link:last-child {
	border: none;
}

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

.section-overview-thumbs .services-thumbs .project-thumb-wrapper {
	width: 32.9%;
	margin: 0.2%;
	height: 450px;
}

.section-overview-thumbs .services-thumbs .project-thumb .thumb-text {
	left: 20px;
	bottom: auto;

}

.services-info h3 {
	text-align: left;
	padding-bottom: 20px;
}

.services-info h4 {
	padding-top: 20px;
	font-size: 1.8rem;
	padding-bottom: 5px;
	color: #e84727;
}

/* Undersida: Tjanster > Resp undersida for tjanster
========================================================================== */
.services-page .header-img .section-block {
	height: 100vh;
	background: rgba(0, 0, 0, 0.54);
	background: -o-linear-gradient(45deg, rgba(0, 0, 0, 0.84) 22.32%, rgba(0, 0, 0, 0.17) 100%);
	background: -ms-linear-gradient(45deg, rgba(0, 0, 0, 0.84) 22.32%, rgba(0, 0, 0, 0.17) 100%);
	background: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.84) 22.32%, rgba(0, 0, 0, 0.17) 100%);
	background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.84) 22.32%, rgba(0, 0, 0, 0.17) 100%);
	background: linear-gradient(45deg, rgba(0, 0, 0, 0.84) 22.32%, rgba(0, 0, 0, 0.17) 100%);
}

.services-page .title-wrap {
	top: 50%;
	left: 35%;
	max-width: 700px;
}

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

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

.services-page .title-wrap p {
	font-size: 1.6rem;
	line-height: 1.7em;
}


.services-page .scroll-down {
	display: block;
}



.services-page .section-efterbehandling h3 {
	font-size: 4rem;
	padding-bottom: 2rem;
	max-width: 500px;
}

.services-page .section-efterbehandling h4 {
	font-size: 2.2rem;
	padding-top: 2rem;
	padding-bottom: 1rem;
}


/* Undersida: Tjanster > Bannerbilder
========================================================================== */

.subpage-gasskarning .header-img {
	background-image: url('/assets/images/repay-gasskarning-2000px.jpg');
	background-position: 76% top;
}

.subpage-laserskarning .header-img {
	background-image: url('/assets/images/repay-laserskarning-1920x1280px.jpg');
}

.subpage-plasmaskarning .header-img {
	background-image: url('/assets/images/repay-plasma-2000px.jpg');
}

.subpage-rorlaserskarning .header-img {
	background-image: url('/assets/images/repay-rorlaser-2000px.jpg');
}

.subpage-handelsstal .header-img {
	background-image: url('/assets/images/repay-expert-2-2000px.jpg');
	background-position: center 20%;
}

.subpage-kapning .header-img {
	background-image: url('/assets/images/repay-kapning-2000px.jpg');
}

.subpage-bockning .header-img {
	background-image: url('/assets/images/repay-bockning-1920x1280px.jpg');
}


.subpage-efterbehandling .header-img {
	background-image: url('/assets/images/services/efterbehandling-2000px.jpg');
}


.subpage-projektpartner .header-img {
	background-image: url('/assets/images/repay-projektpartner-1920x1280px.jpg');
}

.subpage-tillaggstjanster .header-img {
	background-image: url('/assets/images/services/repay-skelleftea-christoffer-nina-2000px.jpg');
}

.subpage-ovrigt .header-img {
	background-image: url('/assets/images/services/ovrig-information-2000px.jpg');
}

.subpage-platlager .header-img {
	background-image: url('/assets/images/repay-expert-2-2000px.jpg');
	background-position: center 20%;
}

.subpage-maskinlista .header-img {
	background-image: url('/assets/images/repay-expert-1-2000px.jpg');
	background-position: center 20%;
}

.subpage-toleranser .scroll-down,
.subpage-lagerlista .scroll-down,
.subpage-maskinlista .scroll-down {
	display: none;
}


/* Undersida: Tjanster > Efterbehandling
========================================================================== */
#efterbehandling {
	padding: 8rem 4rem;
	background-color: #fafafa;
}

#efterbehandling .efterbehandling-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

#efterbehandling .efterbehandling-wrapper .efterbehandling-item {
	margin: 1%;
	width: 28%;
	background-color: #fff;
	padding: 3rem;
	border: 2px solid #89969fa1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

#efterbehandling h4 {
	font-size: 1.8rem;
	padding-bottom: 5px;
	color: #e84727;
	padding-bottom: 1rem;
}

.efterbehandling-annan {
	max-width: 550px;
	margin: 0 auto;
	margin-top: 3rem;
	text-align: center;
}

@media only screen and (max-width:1100px) {
	#efterbehandling .efterbehandling-wrapper .efterbehandling-item {
		width: 45%;
	}
}

@media only screen and (max-width:680px) {
	#efterbehandling .efterbehandling-wrapper .efterbehandling-item {
		width: 90%;
		margin: 2% 1%;
	}

	#efterbehandling {
		padding: 4rem 2rem;
	}
}


/* Undersida: Jobba hos Repay
========================================================================== */
.subpage-jobb .section-block h3 {
	color: #e94927;
}

.anonnsrubrik {
	font-size: 2.4rem;
	padding-bottom: 1.2rem;
	padding-top: 3rem;
	color: #e94928;
}

.work-cards-wrapper {
	display: flex;
	flex-wrap: wrap;
}

.work-card {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 0;
	margin-bottom: 30px;
	box-sizing: border-box;
	background-color: #fff;
	box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.1);
	border-left: 10px solid #8A969F;
	border-radius: 10px;
	overflow: hidden;
	transition: all .3s ease;
}



.work-card:hover {
	transform: scale(1.01);
	box-shadow: 0px 3px 11px rgba(0, 0, 0, 0.1);
}

.work-card a,
.work-card a:hover {
	text-decoration: none !important;
}

.work-card-textblock {
	width: 80%;
	background: #fff;
	padding: 40px 25px 40px 41px;
	box-sizing: border-box;
}

.work-card-title {
	font-size: 2.2rem;
	padding-bottom: 20px;
}

.work-card-lead {
	font-size: 1.5rem;
	font-weight: 300;
} 

.work-card-subtitle {
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
	padding-top: 20px;
	color: #e94927;
}

.work-info {
	display: inline-block;
	padding: 0 20px 0 0;
	font-size: 1.4rem;
}

.work-info::before {
	font-family: 'Font Awesome 5 Pro';
	font-weight: 900;
	font-size: .8em;
	margin-right: 5px;
	color: rgb(233, 73, 39);
}

.work-info.employment::before {
	content: '\f4fe';
}

.work-info.position::before {
	content: '\f02b';
}

.work-info.location::before {
	content: '\f124';
}

.work-info.deadline::before {
	content: '\f2f2';
}

.work-info.start-date::before {
	content: '\f783';
}

.work-info.length::before {
	content: '\f073';
}

.work-info.hours::before {
	content: '\f2e1';
}

.work-info.language::before {
	content: '\f7a2';
}

.work-info.id::before {
	content: '\f292';
}

.work-card-apply {
	background: #e94926;
	color: #fff;
	font-weight: 700;
	width: 20%;
	height: 100%;
	overflow: hidden;
	text-align: center;
	display: flex;
	align-items: center;
	align-self: flex-end;
	justify-content: center;
	-moz-transition: 0.2s ease-in-out;
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.work-card-apply:hover {
	background: #d84423;
	color: #fff;
}

#spontanansokan .normaltext-type {
	text-align: center;
	margin: 0 auto;
}


/* Undersida: Jobba hos Repay > Resp annonssida
========================================================================== */
.recruit-page .header-img {
	background-image: url(/assets/images/repay-expert-1-2000px.jpg);
	background-position: 20%;
	position: relative;
}


.recruit-page .title-wrap {
	top: 70%;
}

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

.recruit-page .title-wrap h2 {
	font-size: 3rem;
}

.recruit-page .title-wrap h2::before {
	border-right: 30px solid #e94928;
	content: "";
	display: inline-block;
	height: 6px;
	position: relative;
	vertical-align: middle;
	width: auto;
	margin-bottom: 4px;
	right: 20px;
	margin-left: 20px;
}


.recruit-page h3 {
	font-size: 2.4rem;
	padding-bottom: 1.2rem;
	padding-top: 3rem;
	color: #e94928;
}

.recruit-page h4 {
	font-size: 1.7rem;
	font-weight: 600;
	text-transform: initial;
	padding-bottom: 0;
}

.recruit-page .work-info {
	display: block;
	font-size: 1.7rem;
	padding: 0 0 1rem 0;
}

.recruit-page .work-info::before {
	margin-right: 10px;
}

.recruit-page .btn {
	display: block;
	margin-top: 2rem;
}

/* Undersida: Kundresor
========================================================================== */
.sub-text-wrap {
	margin: auto;
	max-width: 840px;
}

.sub-images {
	padding: 10px 0 20px;
}

.sub-images img {
	width: 100%;
}

.kundresor {
	font-size: 4.4rem;
	padding: 0 0 3rem;
	color: #e84727;
}

.sub-kundresa .header-img {
	background-image: url('/assets/images/kundresor/hultdins-2000px.jpg');
	background-attachment: fixed;
	background-position: center;
}

.sub-kundresa .header-img h1 {
	font-size: 2rem;
	text-align: center;
}

/* Headerbilder Kundresor */
.sub-kundresa.smp-2 .header-img {
	background-image: url('/assets/images/kundresor/smp/smp-1.jpg');
}

.sub-kundresa.gar-sam-taget .header-img {
	background-image: url('/assets/images/kundresor/gar-som-taget-2000px.jpg');
}
.sub-kundresa.jp-industri .header-img {
	background-image: url('/assets/images/kundresor/jp-industri/jp-industri-2000px.jpg');
}
.sub-kundresa.varldsledare .header-img {
	background-image: url('/assets/images/kundresor/hultdins-1-2000x1200.jpg');
}

.sub-kundresa.norrcnc .header-img {
	background-image: url('/assets/images/kundresor/norrcnc/norrcnc-2000px.jpg');
}

.sub-kundresa.vpg .header-img {
	background-image: url('/assets/images/kundresor/vp-g-2000px.jpg');
}

.sub-kundresa.hultdins .header-img {
	background-image: url('/assets/images/kundresor/hultdins-2000px.jpg');
}

.sub-kundresa.mv .header-img {
	background-image: url('/assets/images/kundresor/kundresor-mv-2000px.jpg');
}

.sub-kundresa-start .header-img {
	background-image: url('/assets/images/kundresor/kundresor-header-200px.jpg');
	background-attachment: fixed;
	background-position: center;
}

.sub-kundresa-start .header-img h1 {
	font-size: 2rem;
	text-align: center;
}

.sub-kundresa-start .header-img .section-block,
.sub-kundresa .header-img .section-block {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	height: 100vh;
	background: linear-gradient(45deg, rgba(0, 0, 0, 0.6) 22.32%, rgba(0, 0, 0, 0.17) 100%);
}

/* Citat – Blockquote och split */
.quote-split {
	background-color: rgba(232, 71, 39, 0.13);
	margin: 20px auto;
	border-radius: 3px;
}

.quote-split .split-content {
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.quote-split .split-image {
	padding: 10px;
}

.sub-news .LayoutPage .quote-split img {
	max-width: none !important;
	padding: 0;
}

.citat-item {
	display: flex;
	align-items: center;
	position: relative;
	z-index: 1;
	overflow: hidden;
	padding: 30px;
	border-radius: 3px;
	background-color: rgba(232, 71, 39, 0.13);
	margin: 2rem 0;
}

.citat-item blockquote,
.quote-split blockquote {
	font-size: 20px;
	font-weight: 300;
	font-family: inherit;
	line-height: 1.5;
	margin: 0 auto;
	padding: 0;
	max-width: none;
	color: #222;
}

.citat-item::before,
.quote-split .split-content::before {
	content: '\f10d';
	position: absolute;
	z-index: -1;
	left: 2rem;
	top: -2rem;
	font-weight: 900;
	font-size: 12rem;
	color: rgba(232, 71, 39, 0.3);
	font-family: 'Font Awesome 5 Pro';
}

.citat-item::after,
.quote-split .split-content::after {
	content: '\f10e';
	position: absolute;
	z-index: -1;
	right: 3rem;
	bottom: -1rem;
	font-weight: 900;
	font-size: 8rem;
	color: rgba(232, 71, 39, 0.3);
	font-family: 'Font Awesome 5 Pro';
}

/* Gallery Slider */
.gallery-slider {
	background-color: #eeeeee;
	height: 550px;
	padding: 30px;
	margin: 20px -30px;
	border-radius: 3px;
	overflow: hidden;
}

.gallery-slider .slick-slide {
	height: 490px;
	margin: 0 5px;
}

.LayoutPage .block-object .gallery-slider img {
	height: 100%;
	width: auto;
	max-width: none !important;
	padding: 0;
}



.gallery-slider .slick-prev:before,
.gallery-slider .slick-next:before {
	color: #000;
}





.gallery-slider .slick-prev {
	position: absolute !important;
	left: 90% !important;
	bottom: 0;
	padding-right: 2rem !important;
	width: 4rem;
	height: 4rem;
	font-size: 0;
	cursor: pointer;
	transition: 0.4s;
}

.gallery-slider .slick-next {
	position: absolute !important;
	right: 2rem !important;
	bottom: 0;
	width: 4rem;
	height: 4rem;
	font-size: 0;
	cursor: pointer;
	transition: 0.4s;

}

@media only screen and (max-width: 580px) {
	.gallery-slider {
		height: 300px !important;
		margin: 0 0px !important;
		border-radius: 0 !important;
	}

	.section-slide-galey .gallery-slider .slick-list,
	.section-slide-galey .gallery-slider .slick-track {
		height: 100%;
		transform: translate3d(-38px, 0px, 0px);
	}
}

@media only screen and (max-width: 900px) {
	.gallery-slider .slick-prev {
		left: 85% !important;
	}
}

@media only screen and (max-width: 570px) {
	.gallery-slider .slick-prev {
		left: 75% !important;
	}
}



.section-slide-galey .gallery-slider .slick-list {
	width: 100%;
	padding-top: 2rem;
}





@media only screen and (max-width: 980px) {
	.split-kundresa .split-content {
		order: 3;
		width: 100%;
		padding: 3rem;
	}



	.gallery-slider {
		height: 400px;
	}

	.gallery-slider .slick-slide {
		height: 340px;
	}
}

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

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

	.split-kundresa .split-content {
		padding: 2rem;
	}

	.gallery-slider {
		height: 300px;
		margin: 0 -25px;
		border-radius: 0;
	}

	.gallery-slider .slick-slide {
		height: 240px;
	}
}

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

/* Index Gallery */
.index-gallery-slider {
	background-color: transparent;
	margin: 0;
	height: auto;
}

.index-gallery-slider .slick-track {
	display: flex;
}

.index-gallery-slider .slick-slide {
	display: flex;
	height: auto;
	margin: 0;
}

.index-gallery-slider .slick-dots {
	bottom: -10px;
}

.index-gallery-slider .slick-dots li button:before {
	color: #000;
}

.index-gallery-slider .split-image {
	overflow: hidden;
}

.LayoutPage .index-gallery-slider img {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@media only screen and (max-width: 980px) {
	.index-gallery-slider .split-image {
		padding-top: 50%;
	}
}

/* Undersida: Kundberättselser/nyheter - Kort längst ner
========================================================================== */
.LayoutPage .section-more-ctas .section-block {
	padding-top: 0;
}

.more-ctas .card-item {
	position: relative;
	padding: 4rem;
	text-decoration: none;
}

.more-ctas .card-item.higher {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	min-height: 40rem;
}

.more-ctas .card-item.py-7 {
	padding-top: 7rem;
	padding-bottom: 7rem;
}

.more-ctas .text-label {
	padding-bottom: 1rem;
	font-size: 2rem;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.more-ctas .small-title,
.more-ctas .small-title a {
	padding: 0;
	font-size: 2.2rem;
	font-weight: 400;
	font-family: benton-sans, sans-serif;
	line-height: 1.6;
}

.more-ctas p {
	padding: 0;
}

/* Pilar i korten */
.arrow-top {
	opacity: 1;
	position: absolute;
	top: 2rem;
	right: 2rem;
	font-size: 3.5rem;
	transition: .4s ease;
}

.more-ctas .card-item:hover .arrow-top {
	opacity: 0;
	right: 0;
}

.arrow-bottom {
	margin-top: 1rem;
	font-size: 0;
	transition: .4s ease;
}

.more-ctas .card-item:hover .arrow-bottom {
	font-size: 3.5rem;
}

@media only screen and (max-width: 580px) {
	.more-ctas .card-item {
		padding: 2rem;
	}

	.more-ctas .card-item.higher {
		min-height: 30rem;
	}

	.more-ctas .card-item.py-7 {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}

	.more-ctas .small-title,
	.more-ctas .small-title a {
		font-size: 1.9rem;
	}

	/* Pilar */
	.more-ctas .card-item:hover .arrow-top {
		opacity: 1;
		right: 2rem;
	}

	.arrow-bottom,
	.more-ctas .card-item:hover .arrow-bottom {
		display: none;
	}
}

/* Undersida: Om Repay
========================================================================== */
.about-page .header-img .section-block {
	height: 100vh;
	background: rgba(0, 0, 0, 0.54);
	background: -o-linear-gradient(45deg, rgba(0, 0, 0, 0.64) 2.32%, rgba(0, 0, 0, 0.17) 100%);
	background: -ms-linear-gradient(45deg, rgba(0, 0, 0, 0.64) 2.32%, rgba(0, 0, 0, 0.17) 100%);
	background: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.64) 2.32%, rgba(0, 0, 0, 0.17) 100%);
	background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.64) 2.32%, rgba(0, 0, 0, 0.17) 100%);
	background: linear-gradient(45deg, rgba(0, 0, 0, 0.64) 2.32%, rgba(0, 0, 0, 0.17) 100%);
}

.about-page .title-wrap {
	top: 50%;
	left: 35%;
	max-width: 700px;
}

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

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

.about-page .title-wrap p {
	font-size: 1.6rem;
	line-height: 1.7em;
}


.about-page .scroll-down {
	display: block;
}

.subpage-om-repay .about-info .section-block * {
	max-width: 700px;
}

.subpage-om-repay .about-info h3 {
	padding-top: 3rem;
}

.subpage-om-repay h1 {
	font-size: 2.5rem;
}


.subpage-om-repay .header-img {
	background-image: url('/assets/images/repay-expert-1-2000px.jpg');
	background-attachment: fixed;
	background-position: center;
}

.section-om-repay .col-block .col-wrapper {
	border: 20px solid #000;
	background: linear-gradient(45deg, rgba(0, 0, 0, 0.57) 0%, rgba(0, 0, 0, 0.16) 100%);
}

.section-om-repay .col-0 .col-wrapper {
	border-right: 10px solid #000;
}

.section-om-repay .col-1 .col-wrapper {
	border-left: 10px solid #000;
}


/* Undersida: Skarpning och kapning
========================================================================== */
.sub-kapning .header-img {
	background-image: url('/assets/images/repay-skruvar-2000px.jpg');
	background-attachment: fixed;
	background-position: center;
}

/* Undersida: Skarpning och kapning > Rörbearbetning
========================================================================== */
.sub-rorbearbetning .header-img {
	background-image: url('/assets/images/repay-ror-2000px.jpg');
	background-attachment: fixed;
	background-position: center;
}

/* Undersida: Skarpning och kapning > Plåtbearbetning
========================================================================== */
.sub-platbearbetning .header-img {
	background-image: url('/assets/images/repay-plattor-2000px.jpg');
	background-attachment: fixed;
	background-position: center;
}

/* Undersida: Leveranslösningar
========================================================================== */
.sub-leverans .header-img {
	background-image: url('/assets/images/repay-backar-2000px.jpg');
	background-attachment: fixed;
	background-position: center;
}

.sub-leverans .header-img h1 {
	font-size: 2rem;
}

/* Undersida: Leveranslösningar > Materialsatser
========================================================================== */
.sub-material .header-img {
	background-image: url('/assets/images/repay-materialsatser-2000px.jpg');
	background-attachment: fixed;
	background-position: center;
}

.sub-material .scroll-down {
	display: none;
}

/* Undersida: Leveranslösningar > Expresstjänster
========================================================================== */
.sub-express .header-img {
	background-image: url('/assets/images/repay-highway-2000px.jpg');
	background-attachment: fixed;
	background-position: center;
}


/* Undersida: Partnerlösningar
========================================================================== */
.sub-partner .header-img {
	background-image: url('/assets/images/repay-expert-1-2000px.jpg');
	background-attachment: fixed;
	background-position: center;
}

.sub-partner .header-img h1 {
	font-size: 2rem;
}

/* Undersida: Partnerlösningar > Tillväxtpartner
========================================================================== */
.sub-tillvaxt .header-img {
	background-image: url('/assets/images/repay-expert-1-2000px.jpg');
	background-attachment: fixed;
	background-position: center;
}

.sub-tillvaxt .scroll-down {
	display: none;
}

.repay-nyhet-test {
	background-image: url('/assets/images/repay-skelleftea-christoffer-nina-2000px.jpg');
	background-attachment: fixed;
	background-position: center top;
	min-height: 860px;
}

/* Undersida: Om Repay > Berattelsen om Repay
========================================================================== */
.subpage-berattelsen .header-img {
	background-image: url('/assets/images/repay-skelleftea-christoffer-nina-2000px.jpg');
	background-attachment: fixed;
	background-position: center top;
}

.subpage-berattelsen .about-info .normaltext-type {
	max-width: none;
}


.subpage-berattelsen .about-info h4 {
	font-size: 2.4rem;
	text-transform: none;
	padding-bottom: 1.5rem;
	padding-top: 3rem;
	color: #e94927;
}

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

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

.split-kundresa {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	background-color: #eeeeee;
}

.split-right .split-content {
	order: 0;
}

.split-right .split-image {
	order: 1;
}


.split-content {
	width: 60%;
	padding: 5rem;
	text-align: left;
}

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

.split-image img {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
}

.split-image.portrait img {
	width: 100%;
	min-width: 100%;
	min-height: 100%;
	max-width: unset !important;
}

.split-image.landscape img {
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	max-width: unset !important;
}


@supports (object-fit: cover) {
	.split-image img {
		position: unset;
		transform: none;
		top: unset;
		left: unset;

		object-fit: cover;
		object-position: center;
		width: 100%;
		height: 100% !important;
	}

}

/* Undersida: Om Repay > Koncept & Varderingar
========================================================================== */
.subpage-varderingar .header-img {
	background-image: url('/assets/images/repay-femcab-2000px.jpg');
	background-attachment: fixed;
}

.subpage-varderingar .scroll-down {
	display: none;
}

.subpage-varderingar .title-wrap h2 {
	max-width: 580px;
}

.subpage-varderingar .title-wrap *,
.subpage-varderingar .title-wrap *:before,
.subpage-varderingar .title-wrap *:after {
	transition: all .3s ease;
}

#services .col-0 {
	padding-right: 10rem;
	margin-top: 4rem;
}

.service-card-icon {
	font-size: 8rem;
	color: #FFF;
	display: inline-block;
	vertical-align: middle;
	width: 15rem;
}

.service-section * {
	color: #FFF;
}

.service-list {
	list-style-type: none;
	margin: 0;
	padding-inline-start: 0;

}

.service-accordion {
	width: 100%;
	margin: 1rem 0;
	background-color: #e94928;
	align-self: flex-start;
}

.service-header {
	position: relative;
	cursor: pointer;
	padding: 2.4rem 3rem;
}

.service-button {
	position: absolute;
	right: 50px;
	top: 50%;
	transform: translateY(-50%);
	width: 24px;
	height: 25px;
	cursor: pointer;
}

.service-button::before,
.service-button::after {
	width: 24px;
	height: 2px;
	top: 12px;
	content: '';
	position: absolute;
	display: block;
	background-color: #fff;
}

.service-button::before {
	transform: rotate(90deg);
}

.service-button::after {
	transform: rotate(0deg);
}

.service-header.active .service-button::before {
	transform: rotate(135deg);
}

.service-header.active .service-button::after {
	transform: rotate(45deg);
}

.service-title {
	color: #ffffff;
	padding-bottom: 0;
	display: inline-block;
	vertical-align: middle;
	font-size: 2rem;
}

.service-panel {
	max-height: 0;
	overflow: hidden;
}

.service-info {
	color: #FFFFFF;
	padding: 0 50px;
}

.service-item:hover .service-accordion {
	height: auto;
}

.service-item:hover .service-info {
	font-size: 16px;
}

/* Undersida: Om Repay > Snabbfakta
========================================================================== */
.about-stats {}

.about-stats .section-block .normaltext-type {
	max-width: none;
}

.about-stats .section-block {
	padding: 60px 30px !important;
}

.stats-cards-wrapper {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 3rem;
}

.stats-card {
	width: 48%;
	margin: 1%;
	display: inline-block;
	height: auto;
	position: relative;
	background-color: #e74827;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
	border-radius: 0;
	text-decoration: none !important;
	text-align: center;
	padding: 40px;
}

.stats-card h4 {
	color: #fff;
	font-size: 50px;
}

.stats-card h3 {
	font-size: 22px;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 0;
	color: #fff;
}

.facts-wrapper {
	padding: 50px;
	border: 1px solid #ccc;
	margin: 1%;
}


.facts-wrapper p {
	border-bottom: 1px solid #e4e4e4;
	margin-bottom: 20px;
	padding-bottom: 5px;
}

.facts-wrapper p:last-child {
	border: none;
}

.facts-wrapper strong {
	font-weight: 300;
}

.facts-wrapper .text-right {
	float: right;
}

/* Undersida: Om Repay > Hållbarhet
========================================================================== */
.sub-hallbarhet .bullet-list-miljo ul li::before {
	content: "\f06c";
	color: #61d47d;
	display: inline-block;
	width: 2.4em;
	margin-left: -2.4em;
	font-family: 'Font Awesome 5 Pro';
	font-weight: 700;
}

.sub-hallbarhet .bullet-list-miljo ul li {
	font-weight: 300;
	line-height: 1.6em;
	padding-bottom: 10px;
	list-style: none;
}

.small-title {
	font-size: 20px;
}

.left {
	text-align: left !important;
}


/*  Undersida: Om Repay > Hållbarhet > EN 1090
========================================================================== */
.section-en1090 .accordion-item {
	padding-bottom: 2rem;
	padding-top: 2rem;
}

.section-en1090 .accordion-question {
	position: relative;
	padding: 0 2rem 1rem;
	border-bottom: 1px solid #E94927;
	cursor: pointer;
}

.section-en1090 .accordion-question::after {
	content: "\f078";
	position: absolute;
	top: 1rem;
	right: 2rem;
	font-size: 1.7rem;
	font-family: "Font Awesome 5 Pro";
	transition: .5s ease;
	color: black;
}

.section-en1090 .accordion-item.active .accordion-question::after {
	transform: rotate(180deg);
}

.section-en1090 .accordion-question p {
	padding-right: 2.5rem;
}

.section-en1090 .accordion-answer {
	padding: 2rem;
}


/* Undersida: Om Repay > Miljo
========================================================================== */
.subpage-miljo .header-img {
	background-image: url('/assets/images/norrsken-2000px.jpg');
}

.subpage-miljo .bullet-list ul li::before {
	content: "\f06c";
	color: #61d47d;
}

/* Undersida: Om Repay > Kvalitet
========================================================================== */
.subpage-kvalitet .header-img {
	background-image: url('/assets/images/repay-kvalitet-i-fokus-2000px.jpg');
}



/* Undersida: Om Repay > EN1090
========================================================================== */
.pdf-wrapper {
	margin-top: 3rem;
}

.pdf-wrapper h3 {
	font-size: 2.3rem;
	padding-bottom: 2rem;
}

.pdf-wrapper h4 {
	padding-bottom: 1.5rem !important;
	text-transform: uppercase;
	font-size: 2rem;
	color: #89969f;
	padding-top: 2rem;
}

.btn-pdf {
	max-width: 450px;
	display: block;
	text-align: left;
	margin-bottom: 10px;
	text-transform: none;
	letter-spacing: 0;
}

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


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

.btn-pdf:before {
	font-family: 'Font Awesome 5 Pro';
	font-weight: 700;
	content: '\f1c1';
	margin-right: 10px;
	text-decoration: none;
	display: inline-block;
}

/* Undersida: Informationssida (info-page)
========================================================================== */

/* Undersida: Om Repay > Leveransvillkor
========================================================================== */
.section-leveransvillkor .section-block .section-block-wrapper {
	max-width: 800px;
}

.section-leveransvillkor .section-block h4 {
	text-align: left;
	font-size: 1.8rem;
	text-transform: none;
	padding-bottom: 2px;
	font-weight: 600;
}

.section-leveransvillkor .section-block p {
	color: #363636;
}

.section-leveransvillkor .service-accordion {
	background: #e5e5e5;
	border: 2px solid #e5e5e5;
}

.section-leveransvillkor .service-accordion:hover {
	background: #fff;
}

.section-leveransvillkor .service-title {
	color: #000;
}

.section-leveransvillkor .service-button::before,
.section-leveransvillkor .service-button::after {
	background-color: #000;
}



/* Startsida + Undersida: Nyheter 
========================================================================== */
.news-start .section-block-wrapper {
	max-width: 1400px;
}

.news-start .news-wrapper {
	display: flex;
	flex-wrap: wrap;
	margin-top: 4rem;
}

.news-start h3 {
	font-size: 2rem !important;
}

.news-start .news-item {
	width: 31%;
	margin: 1%;
	box-shadow: 0 1rem 3rem rgb(0 0 0 / 10%);
	background-color: #fff;
}

.news-start .news-itemdetails {
	padding: 3rem 2rem 3rem;
}

.news-start .news-item .date {
	font-size: 1.3rem;
	color: #98a2a9;
	font-weight: 600;
	padding: 1rem 0rem;
}

.news-start .news-item h3 {
	color: #e94928;
}

.news-slider .card-item img {
	max-height: 29rem;
}

@media only screen and (max-width:980px) {
	.news-start .news-item {
		width: 48%;
	}
}

@media only screen and (max-width:680px) {
	.news-start .news-item {
		width: 100%;
	}
}





/* Undersida: enskilda nyheter
========================================================================== */
.news-nya-mallen {
	background-image: none;
}

.sub-news .news-header {
	height: 36rem;
	background-color: rgb(0 0 0 / 75%);
	padding-top: 6rem;
}

.sub-news .news-header h1 {
	color: #89969f;
	font-size: 1.6rem;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding-bottom: 0.3rem;
	font-weight: 600;
}

.sub-news .news-header p {
	color: #fff;
	font-size: 1.5rem;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	font-weight: 500;
}

.sub-news .news-header h2 {
	color: #e94928;
	padding: 1rem 0rem;
	font-size: 2.5rem;
}

.sub-news h5 {
	color: #e94928;
}

.sub-news .normaltext-type {
	margin: 0 auto;
}

.sub-news .block-object img {
	max-width: 75% !important;
	margin: 0 auto;
	display: block !important;
	padding: 2rem 0rem 0rem 0rem;
}

.sub-news .image-desc {
	text-align: center;
	font-style: italic;
	font-size: 1.5rem;
	padding-bottom: 1rem;
}

.sub-news .split-kundresa .split-image img {
	max-width: none !important;
	padding: 0;
}

/* Bakgrund för varje nyhetssida*/
.sub-news .header-img {
	background-image: url('/assets/images/nyheter/nyhet-uddevalla-lyft-1200.jpg');
	background-attachment: fixed;
	background-position: center;
	min-height: 500px;
}

.kit .header-img {

	background-image: url('/assets/images/nyheter/2022/oktober/kit-2000px.jpg');

	background-attachment: fixed;
	background-position: center;

	min-height: 500px;
}

.smp .header-img {
	background-image: url('/assets/images/nyheter/2022/oktober/smp-r200px.jpg') !important;
	background-attachment: fixed;
	background-position: center;
	min-height: 500px;
}

.robin .header-img {
	background-image: url('/assets/images/nyheter/2022/oktober/robin-2000px.jpg') !important;
	background-attachment: fixed;
	background-position: center;

	min-height: 500px;


}

.koping .header-img {
	background-image: url('/assets/images/nyheter/2022/oktober/koping-2000px.jpg') !important;
	background-attachment: fixed;
	background-position: center;

	min-height: 500px;
}

.utbildning .header-img {
	background-image: url('/assets/images/nyheter/2022/oktober/utbildning-2000px.jpg') !important;
	background-attachment: fixed;
	background-position: center;
	min-height: 500px;
}


.halmstad .header-img {
	background-image: url('/assets/images/nyheter/2022/december/halmstad-topp-2000px.jpg') !important;
	background-attachment: fixed;
	background-position: center;
	min-height: 500px;
}

.tingstadstunneln .header-img {
	background-image: url('/assets/images/nyheter/2022/december/tingstadstunneln-topp-2000px.jpg') !important;
	background-attachment: fixed;
	background-position: center;
	min-height: 500px;
}

.trotjanare .header-img {
	background-image: url('/assets/images/nyheter/2022/december/koping-topp-2000px.jpg') !important;
	background-attachment: fixed;
	background-position: center;
	min-height: 500px;
}

.saljare .header-img {
	background-image: url('/assets/images/nyheter/2022/december/almin-topp-2000px.jpg') !important;
	background-attachment: fixed;
	background-position: center;
	min-height: 500px;
}

.uddevalla .header-img {
	background-image: url('/assets/images/nyheter/2022/december/uddevalla-topp-2000px.jpg') !important;
	background-attachment: fixed;
	background-position: center;
	min-height: 500px;
}

.rorlaserteknik .header-img {
	background-image: url('/assets/images/nyheter/2022/december/repay-30-topp-2000px.jpg') !important;
	background-attachment: fixed;
	background-position: center;
	min-height: 500px;
}

.jobbannons .header-img {
	background-image: url('/assets/images/saljare-annons-2000px.jpg') !important;
	background-attachment: fixed;
	background-position: center;
	min-height: 500px;
}

.jobbannons-orange .header-img {
	background-image: url('/assets/images/orange-background.png') !important;
	background-attachment: fixed;
	background-position: center;
	min-height: 500px;
}

/* 2023*/

.halmstad-20-feb .header-img {
	background-image: url('/assets/images/nyheter/2023/hamlmstad-20-1-2000px.jpg') !important;
	background-attachment: fixed;
	background-position: center;
	min-height: 500px;
}

.stal-220-ton .header-img {
	background-image: url('/assets/images/nyheter/2023/februari/220-tom-stal-1-2000px.jpg') !important;
	background-attachment: fixed;
	background-position: center;
	min-height: 500px;
}

.hjorton .header-img {
	background-image: url('/assets/images/nyheter/2023/februari/hjorton-1-2000px.jpg') !important;
	background-attachment: fixed;
	background-position: center;
	min-height: 500px;
}

.malmfalten .header-img {
	background-image: url('/assets/images/nyheter/2023/februari/malmfalten-1-2000px.jpg') !important;
	background-attachment: fixed;
	background-position: center;
	min-height: 500px;
}

.hogt-betyg-igen .header-img {
	background-image: url('/assets/images/nyheter/2023/februari/kundnojdhet-2000px.jpg') !important;
	background-attachment: fixed;
	background-position: center;
	min-height: 500px;
}

.ludvika-laser .header-img {
	background-image: url('/assets/images/nyheter/2023/ludvika-2000x1000.jpg') !important;
	background-attachment: fixed;
	background-position: center;
	min-height: 500px;
}

.bra-fart .header-img {
	background-image: url('/assets/images/nyheter/2023/halmstad-2000x1000.jpg') !important;
	background-attachment: fixed;
	background-position: center;
	min-height: 500px;
}

.johan-platschef .header-img {
	background-image: url('/assets/images/nyheter/2023/kiruna-2000px.jpg') !important;
	background-attachment: fixed;
	background-position: center;
	min-height: 500px;
}

.full-fart .header-img {
	background-image: url('/assets/images/nyheter/2023/avesta-2000px.jpg') !important;
	background-attachment: fixed;
	background-position: center;
	min-height: 500px;
}

.glad-sommar .header-img {
	background-image: url('/assets/images/nyheter/2023/glad-sommar-2000px.jpg') !important;
	background-attachment: fixed;
	background-position: center;
	min-height: 500px;
}
.repay-i-skane .header-img {
	background-image: url('/assets/images/nyheter/2023/repay-i-skane-2000px.jpg') !important;
	background-attachment: fixed;
	background-position: center;
	min-height: 500px;
}





/* Overlay för nyhetssida*/
.kit .header-img .section-block,
.smp .header-img .section-block,
.robin .header-img .section-block,
.koping .header-img .section-block,

.utbildning .header-img .section-block {

	background: rgba(0, 0, 0, 0.54) !important;
	background: -o-linear-gradient(45deg, rgba(0, 0, 0, 0.6) 22.32%, rgba(0, 0, 0, 0.17) 100%);
	background: -ms-linear-gradient(45deg, rgba(0, 0, 0, 0.6) 22.32%, rgba(0, 0, 0, 0.17) 100%);
	background: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.6) 22.32%, rgba(0, 0, 0, 0.17) 100%);
	background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.6) 22.32%, rgba(0, 0, 0, 0.17) 100%);
	background: linear-gradient(45deg, rgba(0, 0, 0, 0.6) 22.32%, rgba(0, 0, 0, 0.17) 100%);
}

/* Bilder för nyheter */
.kit .block-object img,
.smp .block-object img,
.robin .block-object img,
.koping .block-object img,
.utbildning .block-object img {
	max-width: 100% !important;
	margin: 0 auto;
	display: block !important;
	padding: 2rem 0rem 0rem 0rem;
}

.sub-news .header-img h1 {
	font-size: 2rem;
	text-align: center;
}

.sub-news .header-img .section-block {
	height: 75vh;
	background: rgba(0, 0, 0, 0);
	position: relative;

}

.namn-center {
	text-align: center;
	margin: auto;
}

.news-hompage .block-object img {
	display: inline-block;
	max-width: 100% !important;
	height: auto;
	margin-bottom: 30px;
}

.text-box-news {
	max-width: 60rem;
	margin-top: 100px;
}

.nyhet-galleri {
	padding: 2rem;
}

/* Nyhets-slide
========================================================================== */
.section-name {
	overflow: hidden;
}

.split-slider {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	padding-bottom: 5rem;
}

/* Bild-slider */
.split-slider .split-image-wrapper .slick-list {
	overflow: visible;
}

.split-slider .split-image-wrapper {
	width: 100%;
}

.split-slider .slide-image {
	height: auto;
	margin: 0 3rem 0 0;
}

.split-slider .image-wrapper {
	width: 100%;
	height: 100%;
	padding: 0 0 0 35%;
	transition: padding .8s ease;
}

.split-slider .slick-slide.slick-active .image-wrapper,
.split-slider .slick-slide.slick-active+.slick-slide .image-wrapper {
	padding: 0 35% 0 0;
	transition: padding .8s ease;
}

/* Text-slider */
.split-slider .split-text-wrapper {
	position: relative;
	width: 45%;
	margin-left: calc(-45% - 3rem);
	bottom: -5rem;
	padding: 10rem 7rem 7rem;
	background-color: rgb(255, 255, 255);
}

.split-slider .split-text-wrapper p {
	max-width: 45rem;
}

/* slick knappar */
.split-slider .slick-arrow {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 4rem;
	height: 4rem;
	font-size: 0;
	background-color: rgba(var(--secondary-color), 1);
	border: 1px solid rgba(var(--secondary-color), 1);
	cursor: pointer;
	transition: .4s;
}

.split-slider .slick-arrow.slick-prev {
	right: 4rem;
}

.split-slider .slick-arrow:not(.slick-disabled):hover,
.split-slider .slick-arrow:not(.slick-disabled):focus {
	background-color: rgba(var(--secondary-color), .6);
	border: 1px solid rgba(var(--secondary-color), .6);
}

.split-slider .slick-prev:after,
.split-slider .slick-next:after {
	color: rgb(255, 255, 255);
	font-size: 2rem;
}

/* Dots */
.split-slider .slick-dots {
	position: absolute;
	top: 5rem;
	padding: 0;
	margin: 0;
}

.split-slider .slick-dots li {
	margin: 0 5px;
}

.split-slider .slick-dots li:before {
	content: '';
	width: 7px;
	height: 7px;
	border-radius: 4px;
	background-color: #000000;
	transition: all .2s ease;
}

.split-slider .slick-dots li.slick-active:before {
	opacity: 1;
	width: 2rem;
	background-color: rgb(var(--primary-color));
	transition: all .2s ease;
}

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

	/* Bild-slider */
	.split-slider .slide-image {
		margin: 0 1rem 0 0;
	}

	/* Text-slider */
	.split-slider .split-text-wrapper {
		padding: 7rem 5rem 5rem;
		width: 50%;
		margin-left: calc(-50% - 1rem);
	}

	/* Dots */
	.split-slider .slick-dots {
		top: 3rem;
	}
}


@media only screen and (max-width: 1000px) {
	.split-slider {
		padding-bottom: 0;
	}

	/* Bild-slider */
	.split-slider .split-image-wrapper {
		width: 100%;
	}

	.split-slider .image-wrapper,
	.split-slider .slick-slide.slick-active .image-wrapper,
	.split-slider .slick-slide.slick-active+.slick-slide .image-wrapper {
		padding: 0;
	}

	/* Text-slider */
	.split-slider .split-text-wrapper {
		position: relative;
		bottom: unset;
		width: 100%;
		margin: 2rem 0 0;
	}
}

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

	/* Text-slider */
	.split-slider .split-text-wrapper {
		padding: 2rem 0 4.5rem 0;
	}

	/* Dots */
	.split-slider .slick-dots {
		top: 0;
	}
}

/* Undersida: Kontakta oss
========================================================================== */
.subpage-kontakt .header-img {
	background-image: url('/assets/images/repay-expert-2-2000px.jpg');
	background-size: cover !important;
	background-position: center 30% !important;
}

.subpage-kontakt .header-img .section-block {
	background: rgba(0, 0, 0, 0.41);
}


#repay-map {
	font-size: 0;
}

.preview-projects {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
}

.preview-projects .project-thumb-wrapper {
	width: 33.33333%;
	margin: 0;
	box-shadow: none;
	float: left;
	height: 430px;
}


.preview-projects .project-thumb-wrapper * {
	box-sizing: border-box;
	color: white;
}

.preview-projects .project-thumb-wrapper .project-thumb {
	top: auto;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 90px;
	padding: 21px 20px;
	margin: 0;
	z-index: 5;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.55);
	border-top: none;
	text-align: center;
	cursor: pointer;
	min-height: 0;
	-moz-transition: 0.2s ease-in-out;
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

.preview-projects .project-thumb-wrapper:hover .project-thumb {
	height: 100px;
	background-color: rgba(232, 71, 39, 0.7);
	-moz-transition: 0.2s ease-in-out;
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}


.preview-projects .project-thumb h4,
.preview-projects .project-thumb h3 {
	font-size: 1.7rem;
	padding: 0;
	text-align: center;
}

.preview-projects .project-thumb h3 {
	padding-bottom: 5px;
	font-weight: 700;
}

.preview-projects .project-thumb h4 {
	font-weight: 400;
	font-size: 1.5rem;
	text-transform: none;
}

.preview-projects .project-thumb h4:before {
	font-family: 'Font Awesome 5 Pro';
	font-weight: 700;
	content: '\f05a';
	margin-right: 7px;
	text-decoration: none;
	display: inline-block;
	text-decoration: none !important;
}


/* Undersida: Kontakta oss > Resp kontor
========================================================================== */
.office-page .header-img {
	background-image: url('/assets/images/repay-steel-workers-2000px.jpg');
	background-size: cover !important;
	background-position: center center !important;
}

.office-page .header-img .section-block {
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.6);
}

.office-page .title-wrap {
	top: 60%;
}

.office-page .title-wrap h1 {
	padding-bottom: 25px;
}



.office-page .title-wrap p {
	max-width: 700px;
}

.office-page .title-wrap .btn {
	font-size: 1.2rem;
	max-width: 220px;
	padding: 10px 10px;
}

.office-page .title-wrap .btn:first-child {
	margin-right: 20px;
}


.office-page .title-wrap .btn-wrapper {
	margin-top: 25px;
}

.office-page h2 {
	text-align: left;
	font-size: 30px;
}

.office-page strong {
	color: #8a969f;
}


/*
.office-page .scroll-down {
	display: block;
}
*/

/* Respektive undersidas header img  */
.repay-skelleftea .header-img {
	background-image: url('/assets/images/repay-skelleftea-2000px.jpg');
	background-position: center center !important;
}

.repay-kiruna .header-img {
	background-image: url('/files/kiruna-2000px.jpg');
	background-position: center center !important;
}

.repay-gallivare .header-img {
	background-image: url('/files/gallivare-dundret-2000px.jpg');
	background-position: center bottom !important;
}

.repay-stromsund .header-img {
	background-image: url('/files/stromsund-2000px.jpg');
	background-position: center center !important;
}

.repay-koping .header-img {
	background-image: url('/assets/images/repay-koping-2000px.jpg');
	background-position: center center !important;
}

.repay-ludvika .header-img {
	background-image: url('/assets/images/repay-ludvika-2000px.jpg');
	background-position: center center !important;
}

.repay-sala .header-img {
	background-image: url('/assets/images/repay-sala-2000px.jpg');
	background-position: center center !important;
}
.repay-svedala .header-img {
	background-image: url('/assets/images/skane-landskap-2000px.jpg');
	background-position: center center !important;
}

.repay-uddevalla .header-img {
	background-image: url('/files/uddevalla-2000px.jpg');
	background-position: center center !important;
}

.repay-varnamo .header-img {
	background-image: url('/files/varnamo-2000px.jpg');
	background-position: center center !important;
}

.repay-krylbo .header-img {
	background-image: url('/assets/images/repay-krylbo-bg-2000px.jpg');
	background-position: center center !important;
}

.repay-halmstad .header-img {
	background-image: url('/assets/images/halmstad-topp-ny-2000px.jpg');
	background-position: center center !important;
}

.repay-ludvika .title-wrap h2 {
	font-size: 20px;
	text-transform: capitalize;
	font-weight: 600;
}

.office-contact h3 {
	font-size: 20px;
	color: #e94926;
}

.office-contact .contact-card-wrapper {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
}

.office-contact .contact-card {
	width: 31%;
	margin: 1%;
	display: inline-block;
	height: auto;
	position: relative;
	box-sizing: border-box;
	padding: 30px 25px;
	background-color: #fff;
	text-align: center;
	text-decoration: none !important;
}

.office-contact .contact-card p {
	padding-bottom: 3px;
}

.office-contact .contact-card .fas {
	color: #000;
}


.office-contact .normaltext-type {
	max-width: none;
}






/* MEDARBETARE  */
.office-coworkers .section-block {
	background: #f8f8f8;
}

.office-coworkers h2 {
	text-align: left;
	font-size: 30px;
}

.office-coworkers .team-cards-wrapper {
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
}


.office-coworkers .team-card {
	width: 31%;
	margin: 1%;
	margin-left: 0;
	display: inline-block;
	padding: 20px;
	background-color: #fff;
	position: relative;
	box-sizing: border-box;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

.office-coworkers .team-card .img-wrapper {
	width: 100%;
}


.office-coworkers .team-card .img-wrapper img {
	height: 100%;
	width: 100%;
	object-fit: contain !important;
	object-position: left;
}

.office-coworkers .team-card .team-info {
	padding: 40px 30px;
	box-sizing: border-box;
	background: #e94926;
}

.office-coworkers .team-card .team-info * {
	color: #fff;
}

.office-coworkers .team-card .team-info h3 {
	font-size: 1.6rem;
	letter-spacing: 0.5px;
	padding-bottom: 20px;
	text-transform: uppercase;
	font-weight: 400;
}

.office-coworkers .team-card .team-info h4 {
	font-size: 2rem;
	text-transform: none;
	padding-bottom: 5px;
	line-height: 1.3em;
}

.office-coworkers .team-card .telephone {
	display: block;
	margin-bottom: 5px;
	transition: all 0.3s ease;
}

.office-coworkers .team-card a,
.office-coworkers .team-card p {
	font-weight: 500;
	font-size: 15px;
	padding-bottom: 4px;
	line-height: 1em;
}

.office-coworkers .team-card .team-info .social-links {
	margin-top: 10px;
	margin-bottom: 23px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.office-coworkers .team-card .team-info .social-links li {
	display: inline-block;
	margin-right: 7px;
}

.office-coworkers .team-card .team-info .social-links li a {
	font-size: 27px;
	color: #9189A5;
}


.office-coworkers .team-card .descr {
	padding-top: 10px;
}

/* ==========================================================================
Policy
========================================================================== */
.policy header {
	background-color: #000;
	box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 27%);
	height: 72px;
}

.policy header .header-logo {
	width: 160px;
	opacity: 1;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

.policy header nav.mainmenu a:before {
	bottom: 15px;
}

.policy header nav.mainmenu a {
	color: #fff;
}

.policy header nav.mainmenu ul.TemplateMenu>li {
	line-height: 72px;
}

.policy .LayoutPage .section-wrapper:first-of-type .section-block {
	padding-top: 170px;
}

.policy h1 {
	font-size: 3rem;
	padding-bottom: 1rem;
}

.policy h2 {
	padding-top: 2rem;
	padding-bottom: 1rem;
	font-size: 2.7rem;
}

.policy .normaltext-type {
	margin: 0 auto;
}

@media only screen and (max-width:500px) {
	.policy h1 {
		font-size: 2.5rem;
	}

	.policy h2 {
		font-size: 2.3rem;
	}
}

/* ==========================================================================
Snabbt stål
========================================================================== */

/* Top
========================================================================== */
.subpage-snabbtstal .header-img {
	min-height: 100vh;
	background-image: url('/assets/images/kampanjsida/repay-haj.jpg');
	background-attachment: fixed;
	background-size: cover;
	background-position: 0% 15%;
}

.subpage-snabbtstal .header-img .section-block {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	height: 100vh;
	background: rgba(0, 0, 0, 0.54);
	background: -o-linear-gradient(45deg, rgba(0, 0, 0, 0.6) 22.32%, rgba(0, 0, 0, 0.17) 100%);
	background: -ms-linear-gradient(45deg, rgba(0, 0, 0, 0.6) 22.32%, rgba(0, 0, 0, 0.17) 100%);
	background: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.6) 22.32%, rgba(0, 0, 0, 0.17) 100%);
	background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.6) 22.32%, rgba(0, 0, 0, 0.17) 100%);
	background: linear-gradient(45deg, rgba(0, 0, 0, 0.6) 22.32%, rgba(0, 0, 0, 0.17) 100%);
}



.subpage-snabbtstal .header-img .section-block-wrapper {
	margin: 0;
	padding-right: 20rem;
}

.subpage-snabbtstal .header-img h1 {
	color: #FFF;
	font-size: 5.5rem;
	max-width: 60rem;
	text-align: left;
	font-weight: 600;
}

.subpage-snabbtstal .scroll-down {
	display: block;
}

@media only screen and (max-width:1100px) {
	.subpage-snabbtstal .header-img {
		background-position: 70% 20%;
	}
}

@media only screen and (max-width:1024px) {
	.subpage-snabbtstal .header-img .section-block {
		justify-content: center;
	}

	.subpage-snabbtstal .header-img .section-block-wrapper {
		padding-right: 0;
	}

	.subpage-snabbtstal .header-img h1 {
		text-align: center;
	}
}

@media only screen and (max-width:700px) {
	.subpage-snabbtstal .header-img {
		background-position: 70% 20%;
	}

	.subpage-snabbtstal .header-img h1 {
		font-size: 4rem;
	}
}

/* Splitten
========================================================================== */
.subpage-snabbtstal .section-stal-contact .col-0 {
	padding-right: 8rem;
}

.subpage-snabbtstal .section-stal-contact .col-1 {
	padding-left: 0;
}

/* Innehåll col 1 */
.section-stal-contact h2,
.section-stal-contact h3 {
	font-size: 2.7rem;
}

.section-stal-contact .smalltext-type {
	max-width: 72rem;
}

/* Innehåll col 2 */
.section-stal-contact .team-card {
	position: relative;
	display: inline-block;
	width: 100%;
	max-width: 31rem;
	box-sizing: border-box;
	background-color: #fff;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

.section-stal-contact .team-card .img-wrapper {
	width: 100%;
}

.section-stal-contact .team-card .img-wrapper img {
	height: 100%;
	width: 100%;
	object-fit: contain !important;
	object-position: left;
}

.section-stal-contact .team-card .team-info {
	padding: 40px 30px;
	box-sizing: border-box;
	background: #e94926;
}

.section-stal-contact .team-card .team-info * {
	color: #fff;
}

.section-stal-contact .team-card .team-info h3 {
	font-size: 1.6rem;
	letter-spacing: 0.5px;
	padding-bottom: 20px;
	text-transform: uppercase;
	font-weight: 400;
}

.section-stal-contact .team-card .team-info h4 {
	font-size: 2rem;
	text-transform: none;
	padding-bottom: 5px;
	line-height: 1.3em;
}

.section-stal-contact.team-card .telephone {
	display: block;
	margin-bottom: 5px;
	transition: all 0.3s ease;
}

.section-stal-contact .team-card a,
.section-stal-contact .team-card p {
	font-weight: 500;
	font-size: 15px;
	padding-bottom: 4px;
	line-height: 1em;
}

.section-stal-contact .team-card .team-info .social-links {
	margin-top: 10px;
	margin-bottom: 23px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.section-stal-contact .team-card .team-info .social-links li {
	display: inline-block;
	margin-right: 7px;
}

.section-stal-contact .team-card .team-info .social-links li a {
	font-size: 27px;
	color: #9189A5;
}

.section-stal-contact .team-card .descr {
	padding-top: 10px;
}

@media only screen and (max-width:1150px) {
	.subpage-snabbtstal .section-stal-contact .col-0 {
		width: 65% !important;
		padding-right: 4rem !important;
	}

	.subpage-snabbtstal .section-stal-contact .col-1 {
		width: 35% !important;
	}
}

@media only screen and (max-width:740px) {
	.subpage-snabbtstal .section-stal-contact .col-0 {
		width: 100% !important;
		padding-right: 0 !important;
	}

	.subpage-snabbtstal .section-stal-contact .col-1 {
		width: 100% !important;
		padding-left: 0 !important;
		margin-top: 4rem;
	}
}

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

	.section-stal-contact h2,
	.section-stal-contact h3 {
		font-size: 2rem;
	}
}

/* Kort om Repay
========================================================================== */
.section-about-repay {
	background-image: url('/assets/images/repay-laserskarning-1920x1280px.jpg');
	background-position: center;
	background-size: cover;
}

.section-about-repay .section-block {
	background: rgba(0, 0, 0, .75);
}

.section-about-repay h2 {
	color: #e94926;
	text-align: left;
}

.section-about-repay .smalltext-type {
	max-width: 65rem;
}

.section-about-repay p {
	color: #FFF;
}

.section-about-repay .btn-wrapper a {
	display: inline-block;
	max-width: unset;
	width: auto;
	margin: 1rem 1rem 0 0;
}

/* ==========================================================================
Nyhetsbrev (Mailchimp)
========================================================================== */
/*
#mc_embed_signup{
	background: transparent; 
}

#mc_embed_signup_scroll{
	text-align: center; 
}

#mc_embed_signup .button {
    font-size: 14px;
    border-radius: 0px; 
    color: rgb(255, 255, 255);
    height: 40px;
    padding: 0px 30px;
}

#mc_embed_signup input.email {
    font-size: 15px;
    border: 1px solid rgb(0 0 0);
    border-radius: 0px; 
    color: rgb(52, 52, 52);
    background-color: rgb(255, 255, 255);
    box-sizing: border-box;
    height: 40px;
    width: 350px;
}
*/


/* ==========================================================================
Kontakt CTA 
========================================================================== */
.contact-cta-wrapper h3,
.contact-cta-wrapper p {
	max-width: 72rem;
	margin: 0 auto;
	display: block;
}

.bg-white {
	background-color: #ffffff !important;
}

.bg-gray {
	background-color: #d3d3db !important;
}

.bg-black {
	background-color: #000 !important;
}

.smaller-font {
	font-size: 1.5rem !important;
	line-height: 1.6 !important;
}

/* ==========================================================================
Kontakt > Halmstad
========================================================================== */

.section-halmstad .team-card .img-wrapper img {
	max-height: 30rem;
	object-position: center;
}

@media only screen and (max-width: 730px) {
	.section-halmstad .team-card .img-wrapper img {
		max-height: unset;
		object-position: center;
	}
}

/* ==========================================================================
Dolda sidor > Kampanjsidor
========================================================================== */

/* Topp
========================================================================== */
.campaign-topp .section-block {
	display: flex;
	align-items: center;
	min-height: 100vh;
}

.campaign-topp .section-block-wrapper {
	width: 100%;
}

.campaign-topp h1 {
	font-size: 6rem;
	color: #FFF;
}

.campaign-topp p {
	max-width: 50rem;
	font-size: 2rem;
	color: #FFF;
}

.campaign-topp .arrow-down {
	padding-top: 3rem;
	padding-bottom: 0;
	font-size: 10rem;
	color: #FFF;
}

.campaign-topp .arrow-down.orange {
	color: #e84727;
}

@media only screen and (max-width: 1024px) {
	.campaign-topp h1 {
		font-size: 4rem;
	}
}

@media only screen and (max-width: 580px) {
	.campaign-topp h1 {
		font-size: 3rem;
	}
}

/* Karta
========================================================================== */
.LayoutPage .section-map {
	background-color: #ededed;
}

.SubPage .LayoutPage .section-map .section-block {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
}

.SubPage .LayoutPage .section-map .section-block-wrapper {
	max-width: unset;
}

.section-map .split-wrapper {
	justify-content: flex-end;
	align-items: center;
}

.section-map .split-content {
	max-width: 85rem;
}

@media only screen and (max-width: 980px) {
	.SubPage .LayoutPage .section-map .section-block {
		padding-left: 0;
	}
}

@media only screen and (max-width: 580px) {
	.section-map .split-content {
		padding: 5rem 2rem;
	}
}

/* ==========================================================================
Dolda sidor > Kampanjsida > Behöver du skära mellan?
========================================================================== */
.bg-orange-1 {
	background-image: url('/assets/images/campaign/header-orange.jpg');
	background-size: cover;
}

@media only screen and (max-width: 980px) {
	.bg-orange-1 {
		background-position: bottom right;
	}
}

/* ==========================================================================
Dolda sidor > Kampanjsida > Vi skär tid och kapar frustration
========================================================================== */
.bg-orange-2 {
	background-image: url('/assets/images/campaign/header-orange-2.jpg');
	background-size: cover;
}

@media only screen and (max-width: 980px) {
	.bg-orange-2 {
		background-position: 15% center;
	}

	.bg-orange-2 .section-block {
		align-items: flex-end;
	}
}

/* ==========================================================================
Dolda sidor > Kampanjsida > Precist skuret och omsorgsfullt kapat
========================================================================== */
.bg-bitar {
	background-image: url('/assets/images/campaign/bitar-2000px.jpg');
	background-size: cover;
}

.bg-bitar .section-block {
	background: rgba(0, 0, 0, .4);
}

/* ==========================================================================
Dolda sidor > Kampanjsida > Vi är som kapade och skurna för dig
========================================================================== */
.bg-repay-workers {
	background-image: url('/assets/images/campaign/repay-2000px.jpg');
	background-size: cover;
}

.bg-repay-workers .section-block {
	background: rgba(0, 0, 0, .4);
}

@media only screen and (max-width: 980px) {
	.bg-repay-workers {
		background-position: 20% top;
	}
}

/* Vill du spara tid och göra bättre affärer?
========================================================================== */
.SubPage .LayoutPage .section-savetime .section-block {
	padding-top: 0;
	padding-bottom: 0;
}

.section-savetime .split-content {
	align-self: center;
}

.section-savetime .btn {
	max-width: 30rem;
}

.section-savetime .split-image {
	max-height: 65rem;
	margin-top: -6rem;
}

.section-savetime .split-image img {
	object-position: top;
}

@media only screen and (max-width: 980px) {
	.section-savetime .split-image {
		margin-top: 0;
	}
}

@media only screen and (max-width: 480px) {
	.section-savetime .split-content {
		padding: 5rem 0;
	}
}

/* ==========================================================================
Ny Hero undersidor med bildspel
========================================================================== */
/* Hero - Grundkod
========================================================================== */
.hero .section-block {
	display: flex;
	align-items: center;
	min-height: 100vh;
	/* margin-top: calc(-1 * var(--menu-height)); */
}

.hero .section-block-wrapper {
	width: 100%;
}

.hero .section-title {
	font-size: 6rem;
}

@media only screen and (max-width: 580px) {
	.hero .section-block {
		min-height: 40rem;
	}

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

/* kortare hero (news) */

.LayoutPage .short-hero {
	background: linear-gradient(90deg, rgba(var(--black-color), .6) 0%, rgba(var(--black-color), .6) 0%, rgba(var(--black-color), 0.5) 100%);
}

.LayoutPage .short-hero .section-block {
	display: flex;
	align-items: center;
	height: 75vh;

	/* padding: 0; */
}
.short-hero img{
	object-position: top !important;
}

.SubPage .short-hero .section-block-wrapper {
	max-width: none;
	width: 100%;
}

/* Bakgrundsbild
========================================================================== */
.bg-image {
	position: relative;
	margin-top: calc(-1 * var(--menu-height));
	background: linear-gradient(90deg, rgba(var(--black-color), .2) 0%, rgba(var(--black-color), .5) 0%, rgba(var(--black-color), 0.0) 100%);
}

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

.of-wrapper {
    position: relative;
    overflow: hidden;
}

.of-wrapper img {
    position: static;
    transform: none;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}

/* ==========================================================================
Undersida: Pris direkt
========================================================================== */
.section-iframe .block-object {
    position: relative;
	margin-top: -40rem;
}
/* ==========================================================================
Undersida: Repay har losningen
========================================================================== */
@media only screen and (max-width:370px) {
.section-losning .section-title{
font-size: 2.7rem;
}
}
/* ==========================================================================
Footer
========================================================================== */
.footer {
	background-color: #000000;
	padding: 0;
	box-sizing: border-box;
}

.footer .container {
	max-width: none;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0;
}

.footer .footer-wrapper {
	max-width: 1200px;
	min-height: 240px;
	padding: 60px 30px 0px 30px;
	box-sizing: border-box;
	border-bottom: 1px solid #fff;
}

.footer ul {
	margin: 0;
	list-style: none;
	padding-left: 0;
}

.footer .container .footer-wrapper {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

.footer .footer-bottom {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px;
	margin: 0 auto;
	box-sizing: border-box;
	background: #000;
	max-width: 1200px;
}

.footer .footer-bottom p {
	text-align: center !important;
	font-weight: 500;
	font-size: 12px;
}


.footer-col {
	width: 25%;
	float: left;
	box-sizing: border-box;
}

.footer-col:nth-child(1) {
	padding-right: 1.5%;
}

.footer-col:nth-child(2) {
	padding-right: 1%;
	padding-left: 0.5%;
}

.footer-col:nth-child(3) {
	padding-right: 0.5%;
	padding-left: 1%;
}

.footer-col:nth-child(4) {
	padding-left: 1.5%;
}

.footer img {
	width: 170px;
	height: auto;
}

.footer .social-icons {
	padding-top: 10px;
}

.footer .social-icons p {
	display: inline-block;
	padding: 0;
}

.footer .container .fab {
	padding: 0;
}

.footer .container .fab:hover {
	color: #E94928;
}

.footer p,
.footer a {
	font-size: 15px;
	padding: 0;
	line-height: 1.6em;
	padding-bottom: 4px;
	font-weight: 500;
	color: #dcdcdc;
	text-decoration: none !important;
}


.footer h4 {
	font-size: 16px;
	padding-bottom: 10px;
	color: #1eb39a;
	text-transform: uppercase;
	font-weight: 800;
	letter-spacing: 0.5px;
}

.footer h5 {
	font-size: 15px;
	padding: 0;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 10px;
	color: #e65d45 !important;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 1px;
}

.footer-col:nth-child(1) h4 {
	padding-top: 10px;
}

.footer-col:nth-child(3) h4:nth-child(2) {
	padding-top: 10px !important;
}

.footer .btn {
	margin-top: 10px;
	padding: 10px;
	background: transparent;
	border: 1px solid #fff;
}

.footer .btn:hover {
	border: 1px solid #e65d45;
}


.footer *:not(.btn) {
	text-align: left !important;
	color: #fff;
}

.footer a {
	display: inline-block;
	letter-spacing: 0;
}

.footer strong {
	font-weight: 600;
}



.footer-nav li a:before {
	content: "\f05a";
	display: inline-block;
	width: 1.8em;
	color: #e65d45;
	font-family: 'Font Awesome 5 Pro';
	font-weight: 500;
}

.footer-nav li:nth-child(1) a:before {
	content: "\f06c";
	color: #61d47d;
}

/* 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;
	filter: invert();
	opacity: .9;
	display: unset !important;
}

@media only screen and (max-width:360px) {
	.footer-bottom {
		flex-direction: column;
	}
}

/*
.footer-nav li:nth-child(2) a:before {
	content: "\f05a";
}

.footer-nav li:nth-child(1) a:before {
	content: "\f06c";
	color: #61d47d;
}
*/


/* ==========================================================================
Media queries
========================================================================== */
@media only screen and (hover:none) {

	*,
	*::before,
	*::after {
		background-attachment: scroll !important;
		background-position: center center;
	}

	.scroll-down {
		display: none !important;
	}
}



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

	/* 	Typsnitt  */
	h1,
	h2 {
		font-size: 3.2rem;
	}

	.SubPage .section-block .section-block-wrapper {
		max-width: 1100px;
	}

	header .container {
		max-width: 1300px;
		padding: 0px;
	}

	nav.mainmenu a {
		font-size: 1.4rem !important;
		margin: 0;
	}


	.page-title-wrap img {
		width: 400px;
		height: auto;
		margin-bottom: 40px;
	}

	.page-title-wrap {
		max-width: 600px;
	}

	#cta li {
		padding: 40px 30px;
	}

	.split-tjanster h3 {
		font-size: 3rem;
	}

	#om-oss .section-block-wrapper {
		max-width: 1140px;
	}

	#medarbetare .section-block-wrapper {
		max-width: 1160px;
	}

	.splits .col-block .col-wrapper {
		padding: 80px 70px;
	}

}

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

	#oversikt-tjanster .services-thumbs .project-thumb-wrapper {
		width: 49.6%;
		margin: 0.2%;
		height: 450px;
	}
}

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

	.split-tjanster h3 {
		font-size: 4rem;
	}
}

/* Mobilmenyn */
@media only screen and (max-width:1470px) {
	.openmenu {
		background-image: none;
		width: 30px;
		height: 30px;
		cursor: pointer;
		position: fixed;
		right: 20px;
		top: 25px;
		z-index: 100;
	}


	.closemenu {
		display: none;
		width: 40px;
		height: 40px;
		cursor: pointer;
		position: absolute;
		right: 20px;
		top: 10px;
		background-size: 40px 40px;
	}

	header .mobile-menu span {
		display: block;
		height: 4px;
		width: 100%;
		background: #f5d4b7 !important;
		border-radius: 2px;
		margin-bottom: 5px;
	}

	.closemenu {
		background-image: none;
	}

	header .close-menu {
		display: block;
	}

	header .close-menu:before,
	header .close-menu:after {
		position: absolute;
		left: 15px;
		content: ' ';
		height: 33px;
		width: 3px;
		background-color: #e65d45;
	}

	header .close-menu:before {
		transform: rotate(45deg);
	}

	header .close-menu:after {
		transform: rotate(-45deg);
	}

	header .mobile-menu span {
		display: block;
		height: 4px;
		width: 100%;
		background: #fff !important;
		border-radius: 0;
		margin-bottom: 5px;
	}

	nav.mainmenu {
		display: none;
		text-align: left;
		border-bottom: none;
		width: 100%;
		max-width: 450px;
		background: #fff;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
		height: 100%;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		overflow-y: scroll;
		box-shadow: none;
		padding: 0;
	}

	nav.mainmenu li a {
		color: #e65d45 !important;
	}

	nav.mainmenu ul>li>ul>li>ul {
		left: 25px;
	}

	nav.mainmenu ul>li>ul>li>ul a {
		color: #898989 !important;
		font-style: italic;
	}

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

	nav.mainmenu ul.TemplateMenu>li {
		line-height: auto !important;
		display: block;
		height: auto !important;
	}

	nav.mainmenu .Padding {
		padding: 30px !important;
	}

	nav.mainmenu ul>li>ul {
		left: 20px;
		padding: 0;
		background: #f8f8f8;
	}

	nav.mainmenu ul>li.expandable-li:hover ul {
		background: transparent !important;
	}

	nav.mainmenu ul>li>ul {
		background: transparent;
		box-sizing: border-box;
		box-shadow: none;
		display: block !important;
		position: relative;
	}

	nav.mainmenu ul>li>ul>li {
		padding: 0;
	}

	nav.mainmenu ul>li>ul>li a {
		margin: 3px 0px;
		color: #838383 !important;
	}

	nav.mainmenu ul>li>ul>li:hover a,
	nav.mainmenu ul>li>ul>li.active a {
		color: #474747 !important;
	}

	nav.mainmenu li.level-open {
		background-color: transparent;
	}

	.dropdown-arrow-open,
	.dropdown-arrow-close {
		background: none !important;
	}

	.dropdown-arrow-open:hover,
	.dropdown-arrow-close:hover {
		background: none !important;
	}

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

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


	/* 	100% Columns */
	#om-oss .col-block {
		width: 100%;
		padding: 0 0 2rem 0;
	}

	.split-tjanster .col-block {
		width: 100% !important;
	}

	.split-tjanster .col-block .col-wrapper {
		border: 20px solid #fff !important;
	}

	.split-tjanster .col-0 .col-wrapper {
		border-bottom: none !important;
	}

	/* 	Two Text Columns 100% */
	.oversikt-tjanster-info .section-block .col-block,
	.services-info .section-block .col-block {
		width: 100%;
		padding: 0 0 2rem 0;
	}

	.SubPage .section-block .col-block {
		width: 100%;
		padding: 0;
	}



	.subpage-pm .section-overview-thumbs .services-thumbs .project-thumb-wrapper {
		width: 49.6%;
		height: 450px;
	}



	.about-page .title-wrap {
		top: 50%;
		left: 50%;
	}

}

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

	.split-img-left .content-wrapper:before,
	.split-img-left .content-wrapper:after,
	.split-img-right .content-wrapper:before,
	.split-img-right .content-wrapper:after {
		left: 0;
		height: 350px;
		width: 100%;
	}

	.split-img-left .container-split {
		top: 0;
		width: 100%;
		padding: 2rem;
	}

	/* Bild under text */
	.split-img-left.img-bottom .content-wrapper,
	.split-img-right.img-bottom .content-wrapper {
		position: relative;
	}

	.split-img-left.img-bottom .content-wrapper:before,
	.split-img-left.img-bottom .content-wrapper:after,
	.split-img-right.img-bottom .content-wrapper:before,
	.split-img-right.img-bottom .content-wrapper:after {
		top: calc(100% - 350px);
	}

	.split-img-left.img-bottom .container-split.text,
	.split-img-right.img-bottom .container-split.text {
		padding-top: 6rem;
		padding-bottom: calc(3rem + 350px);
	}

	.services-page .title-wrap {
		left: 50%;
	}


	/* 	Undersidor Kontakt */
	.office-coworkers .team-card {
		width: 48%;
	}

	.preview-projects .project-thumb-wrapper {
		width: 50%;
	}

	.section-preview-offices .section-block .col-block {
		padding: 0 !important;
	}
}



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

	.LayoutPage .section-block,
	.SubPage .LayoutPage .section-block {
		padding: 90px 25px;
	}


	.aktuellt-wrapper .image {
		height: 300px;
		width: 100%;
	}

	.aktuellt-wrapper .text {
		width: 100%;
	}


	#cta ul {
		display: block;
	}

	#kontaktinformation .col-0,
	#kontaktinformation .col-1 {
		width: 100%;
		float: none;
		height: auto;
	}

	.kontaktformular .section-block .section-block-wrapper {
		height: auto;
		box-shadow: none;
	}

	.work-card-textblock,
	.work-card-apply {
		width: 100%;
	}

	.work-card-textblock {
		padding: 40px 25px;
	}

	.work-card-apply {
		height: 60px;
	}

	.work-cards-wrapper {
		flex-wrap: wrap;
	}

	.work-card {
		margin: 10px 0;
		scroll-snap-align: center;
		min-width: unset;
		border-top: 10px solid #8a969f;
		border-left: none;
	}

	.work-card:first-child {
		margin-left: 0;
	} 

	.work-card:last-child {
		margin-right: 0;
	}


	header .container {
		padding: 0;
	}

}



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

	nav.mainmenu a {
		padding-left: 0 !important;
	}


	#tjanster .section-block-wrapper,
	#medarbetare .section-block-wrapper {
		max-width: 750px;
	}

	#tjanster .projects .project-thumb-wrapper {
		margin: 1%;
		width: 100%;
	}


	.footer-col {
		width: 100%;
		float: none;
		margin: 0 auto;
		display: block;
		padding-bottom: 40px;
	}

	.footer img {
		display: block;
		margin: 0 auto;
	}

	.footer *:not(.btn) {
		text-align: center !important;
	}


	.split-image {
		width: 100%;
		order: 1;
	}

	.split-content {
		order: 0;
		width: 100%;
	}

	.about-info .section-block .col-block {
		width: 100%;
		padding: 0;
		padding-bottom: 2rem;
	}

}

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


	.kontaktformular .section-block .col-1,
	.kontaktformular .section-block .col-0 {
		width: 100%;
		padding: 2%;
	}

	.kontaktformular .section-block .Contact .ContactForm div.ContactFormMessage {
		position: static;
	}

	.kontaktformular .section-block .Contact .ContactForm div {
		width: 100%;
	}

	.kontaktformular .section-block .Contact .ContactForm input.ContactSubmit {
		width: 100% !important;
	}

	.kontaktformular .section-block .col-1,
	.kontaktformular .section-block .col-0 {
		width: 100%;
		padding: 2%;
	}

	.kontaktformular .section-block .Contact .ContactForm div.ContactFormMessage {
		position: static;
	}

	.kontaktformular .section-block .Contact .ContactForm div {
		width: 100%;
	}

	.kontaktformular .section-block .Contact .ContactForm input.ContactSubmit {
		width: 100% !important;
	}

	.page-title-wrap {
		top: 50%;
		left: 50%;
	}


	#medarbetare .content-wrapper {
		box-shadow: none;
	}
}

@media only screen and (max-width:940px) {
	.split-text .col-block {
		float: none;
		width: 100% !important;
		margin: 0;
		padding: 0;
	}

	.split-text.with-space .col-0 {
		margin-right: 0 !important;
	}

	.split-text.with-space .col-1 {
		margin-left: 0 !important;
	}

	.split-text .block-container {
		margin: 0 auto !important;
	}

	.stats-card {
		width: 100%;
	}

	.facts-wrapper {
		padding: 50px 20px;
	}
}


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

	.top-section {

		background: rgba(0, 0, 0, 0.64);
	}


	.page-title-wrap h1 {
		font-size: 4rem;
		line-height: 1.4em;
	}



	.page-title-wrap .btn:first-child {
		margin-right: auto;
	}

	.page-title-wrap .btn {}

	.page-title-wrap {
		top: 56%;
	}

	.split-img-left .container-split {
		top: 0;
		width: 100%;
		padding: 0;
	}

	#om-oss .col-0,
	#om-oss .col-1 {
		width: 100%;
		padding: 0;
	}

	#om-oss .col-1 {
		padding-top: 30px !important;
	}


	.hidden-xs {
		display: none !important;
	}


	.subpage-pm .section-overview-thumbs .services-thumbs .project-thumb-wrapper {
		width: 100%;
		height: 250px;
	}

	/* 	Undersidor Kontakt */
	.preview-projects .project-thumb-wrapper {
		width: 100%;
	}

	.office-coworkers .team-card {
		width: 100%;
		margin: 0 0 4rem 0;
	}

	.office-contact .contact-card {
		width: 100%;
		padding: 0;
		margin-bottom: 3rem;
		text-align: left;
	}

	.office-page h2 {
		font-size: 2rem;
		padding-bottom: 4rem;
	}

	.office-page .title-wrap .btn:first-child {
		margin: 0 auto;
	}

	.office-page .title-wrap .btn {
		margin: 15px auto;
		display: block;
		max-width: 100%;
	}

	.service-header {
		padding: 3rem;
	}
}




@media only screen and (max-width: 550px) {
	.SubPage .title-wrap {
		top: 50%;
	}

	.SubPage .title-wrap h1 {
		font-size: 2rem;
	}

	.header-img .btn-link {
		display: block;
		border-right: none;
		border-bottom: 1px solid #fff;
		margin: 0;
		padding: 0;
		margin-bottom: 10px;
		padding-bottom: 10px;
	}


	.services-page .section-efterbehandling h3 {
		font-size: 3rem !important;
	}

	#oversikt-tjanster .services-thumbs .project-thumb-wrapper {
		width: 100%;
		margin: 0 0 5px 0;
		height: 250px;
	}

	#oversikt-tjanster .services-thumbs .project-thumb-wrapper .project-thumb {
		background: rgba(0, 0, 0, 0.41);
	}

	#repay-video .section-block {
		padding: 0;
	}

	.cta-list li {
		padding: 25px !important;
	}


	#om-oss h1 {
		font-size: 2.5rem;
	}

	#tjanster h2 {
		font-size: 4rem;
		text-shadow: -1px 1px 2px rgba(255, 255, 255, 0.28);
	}

	.splits .col-block .col-wrapper {
		padding: 60px 25px;
	}


	/* 	Undersidor för tjanster */
	.services-page .title-wrap h2 {
		font-size: 2.4rem;
	}

	.services-page .header-img .section-block {
		height: 130vh;
	}

	/* 	Undersidor Om Repay */
	.about-page .header-img .section-block {
		height: 130vh;
	}

	.facts-wrapper p {
		font-size: 1.3rem;
	}

	/* 	Undersidor Om Repay */
	.office-page .header-img .section-block {
		height: 130vh;
	}


}

@media only screen and (max-width: 510px) {
	.page-title-wrap img {
		width: 250px;
		height: auto;
		margin-bottom: 40px;
	}


	#cta li {
		display: flex;
	}

	#medarbetare {
		background: #fff;
	}
}

@media only screen and (max-width: 430px) {
	.page-title-wrap h1 {
		font-size: 3.5rem;
	}
}

@media only screen and (max-width: 320px) {
	html {
		font-size: 52%;
	}

	h3 {
		font-size: 2.4rem !important;
	}

	#tjanster h2 {
		color: #000;
		background: transparent;
		font-size: 2.3rem;
	}

}