@import url("css/bootstrap.min.css");

/*
font-family: 'Source Sans Pro', sans-serif;
*/


/*
// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
*/


/* Theme colors 
_________________________________________________*/

/* Primary ---------------------- */
.bg-primary-base {
	background-color: #cc3030;

}
/* Secondary -------------------- */
.bg-secondary-base {
	background-color: #35587a;
}
.bg-secondary-light {
	background-color: #ccd5de;
}
.bg-secondary-medium {
	background-color: #67829b;
}
.bg-secondary-dark {
	background-color:#022e59;
}


/* Accent ----------------------- */
.bg-accent {
	background-color: #cc3030;
}


/* Scales of grey background-color --------------- */
.bg-grey-5 {
	background-color: #f2f3f4!important;
}
.bg-grey-10 {
	background-color: #e5e7e8!important;
}
.bg-grey-20 {
	background-color: #cccfd2!important;
}
.bg-grey-40 {
	background-color: #999fa5!important;
}
.bg-grey-60 {
	background-color: #666f78!important;
}
.bg-grey-80 {
	background-color: #333f4b!important;
}

/* Text colors ----------------- */
.txt-primary {
	color: rgba(0, 20, 30, 0.9);
}
.txt-secondary {
	color: #0097a9!important;
}
.txt-accent {
	color: #CB2A27!important;
}
.txt-white {
	color: #fff!important;
}
.txt-grey-5 {
	color: #f2f3f4!important;
}
.txt-grey-10 {
	color: #e5e7e8!important;
}
.txt-grey-20 {
	color: #cccfd2!important;
}
.txt-grey-40 {
	color: #999fa5!important;
}
.txt-grey-60 {
	color: #666f78!important;
}
.txt-grey-80 {
	color: #333f4b!important;
}


::selection { background: #CB2A27; /* Theme color */ color: #fff; text-shadow: none; }
::selection { background: #CB2A27; /* Theme color */ color: #fff; text-shadow: none; }

/* End theme colors
––––––––––––––––––––––––––––––––– */




/* 
–––––––––––––––––––––––––––––––––––––––––––––––––
BASE
–––––––––––––––––––––––––––––––––––––––––––––––––
*/

body {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1rem;
	font-weight: 400; 
	line-height: 1.5;
	color: rgba(0, 20, 30, 0.9);
	-webkit-font-smoothing: antialiased;  /*Font rendering in Chrome on Mac */
	-moz-osx-font-smoothing: grayscale; /* Font rendering in Firefox on Mac */
}

.Normal, .NormalDisabled, .NormalDeleted {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1rem;
	font-weight: 400; 
	line-height: 1.5;
	color: rgba(0, 20, 30, 0.9);
	-webkit-font-smoothing: antialiased;  /*Font rendering in Chrome on Mac */
	-moz-osx-font-smoothing: grayscale; /* Font rendering in Firefox on Mac */	
}

img {
	max-width: 100%;
}

a, 
a:link, 
a:visited, 
a:active { 
	color: #CB2A27; 
	text-decoration: none; 
}
a:hover { text-decoration: underline; }

ul { padding-left: 1.4rem; }
li { 
	color: rgba(0, 20, 30, 0.9);
	font-family: 'Source Sans Pro', sans-serif;
	font-size:.875rem;
}

td { font-size:.875rem; }

address {
	font-style: normal;
	line-height: inherit;
	margin-bottom: 1rem;
}


/* ____ Text and typography ____ */

h1,h2,h3,h4,h5,h6 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	line-height: 1;
	margin: 0;
	text-transform: none;
	-webkit-hyphens: manual;
	-ms-hyphens: manual;
	hyphens: manual; /*hyphen only at ‐ or ­ (if needed)*/
}

h1 {
	color: #CB2A27;
	font-size: 1.75rem;
	margin-bottom: 1rem;
}

h2 {
	color: #667278;
	font-size: 1.375rem;
	margin-bottom: 0.5rem;
	margin-top: 1.75rem;
	text-transform: uppercase; 
}

h3 {
	font-size: 1.125rem;
	margin-bottom: .25rem;
	margin-top: 1.5rem;
}

h4 {
	font-size: 1.125rem;
	margin-bottom: .25rem;
	margin-top: 1.5rem;
	text-transform: uppercase;	
}

h5 {
	font-size: 1rem;
	margin-bottom: .25rem;
	margin-top: 1.5rem;
}

h6 {
	font-size: .875rem;
	margin-bottom: .25rem;
	margin-top: 1.5rem;
}

h3 + h4 {
	margin-top:.75em;
}

p {
	color: rgba(0, 20, 30, 0.9);
	font-family: 'Source Sans Pro',sans-serif;
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.3;
	margin-bottom: 1em;
}

p:last-child {
	margin-bottom:0;
}

h2 + h3, p:first-child {
	margin-top:1rem;
}

p.ingress {
	color: rgba(0, 20, 30, 0.9);
	font-family: 'Source Sans Pro', sans-serif;
	font-size:	1rem;
	font-weight: 400;
	line-height: 1.4;
	margin: .75rem 0;
}


/* Breakpoints Text and typography */

@media (min-width: 576px) {
h1,h2,h3,h4,h5,h6 {
}
p { 
	font-size:1rem; 
	margin-bottom:1em; 
}
p.ingress { 
	font-size: 1.25rem;
	margin: 1rem 0;
}

li,td { font-size:1rem; }
}

@media (min-width: 768px) { 
h1 { font-size:2rem; }
h2 { font-size:1.375rem; }
h3 { font-size:1.125rem; }
h4 { font-size:1.125rem; }

}



/* 
–––––––––––––––––––––––––––––––––––––––––––––––––
HEADER AND NAVBAR
–––––––––––––––––––––––––––––––––––––––––––––––––
*/
.navbar {
	background-color:  rgba(255,255,255,1);
	border-bottom: transparent;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.10),0 3px 1px -2px rgba(0,0,0,0.08),0 1px 5px 0 rgba(0,0,0,0.2);
}
.navbar-collapse {
	flex-direction: column;
	flex-wrap: wrap;
	background-color: #fff;
}
.navbar-brand  {
	padding: 0.;
}
.navbar-brand img {
	height: 34px;
	width: auto;
}

@media screen and (min-width: 992px) {
	.navbar {
		height: 95px;
		padding: 0;
	}
	.navbar-brand img {
		height: 36px;
		width: auto;
	}
}

/* Mobile menu button */

.navbar .navbar-toggler {
	width: 30px;
	height: 24px;
	position: relative;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	padding: 0;
	outline: none !important;
	box-shadow: none !important;
	border: none;
}

.navbar-toggler span {
	display: block;
	position: absolute;
	height: 2px;
	width: 30px;
	background: rgba(0, 0, 0, 0.25);
	opacity: 1;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.navbar-toggler span:nth-child(1) {
  top: 0;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: right center;
}

.navbar-toggler span:nth-child(2) {
  top: 10px;
}

.navbar-toggler span:nth-child(3) {
  top: 20px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: right center;
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 0px;
  right: 0;
  background-color: #000000;
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
  opacity: 0;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 21px;
  right: 0;
  background-color: #000000;
}

#mobileMenu {
	margin: 0 -15px;
	padding-top: 0.5rem;
}

#mobileMenu ul.mainmenu {
	border-top: 1px solid #cccccc;
	margin: 0;
	flex-wrap: nowrap;
	max-height: calc(100vh - 66px);
	overflow-y: scroll;
}

#mobileMenu .nav-link {
	display: inline-block;
	font-size: 1rem;
	border-top: 1px solid #cccccc;
	width: 100%;
	padding-left: 1rem;
}

#mobileMenu > ul > li:first-child > .nav-link {
	border-top: none;
}

#mobileMenu > ul > li:last-child > .nav-link {
	padding-bottom: 0;
}

#mobileMenu .dropdown-toggle::after {
	display: none;
}

#mobileMenu .level0 a[data-toggle="dropdown"] {
}

#mobileMenu .level0 a[data-toggle="dropdown"] svg {
	margin-left: 3px;
	color: #CB2A27;
	transition: transform 0.2s;
}

#mobileMenu a[aria-expanded="true"] svg {
	transform: rotate(90deg);
}

#desktopMenu {
	display: none !important;	
	align-self: flex-end;
}

#desktopMenu .navbar-nav {
	align-self: flex-end;
}

#mobileMenu .dropdown-menu {
	border: none;
	padding: 0;
}

#mobileMenu .dropdown-menu .nav-link {
	text-transform: none;
	padding: 0.375rem 1.5rem;
	border-top: 1px solid #eeeeee;
}

#mobileMenu .mobile-submenu {
	list-style: none;
	padding: 0;
	margin: 0;
}

#mobileMenu .mobile-submenu .nav-link {
	font-size: 0.875rem;
	font-weight: 400;
	border-top: 1px solid #eeeeee;
	padding-left: 2rem;
}

#mobileMenu .mobile-submenu svg {
	color: #CB2A27;
}


#mobileMenu .nav-link,
#desktopMenu .nav-link {
	font-family: 'Source Sans Pro', sans-serif; 
	font-weight: 600;
	text-transform: uppercase;
	color: #000;
}


/* Dropdown meny */
.dropdown-menu {
	margin: 0;
	padding: 0;
	border: 1px solid #f2f3f4;
	border-radius: 0;
	background-color: #ffffff;
}

#desktopMenu li.dropdown:hover .dropdown-menu {
	display: block;
}

#desktopMenu li.dropdown:hover .dropdown-menu .dropdown-menu {
	display: none;
	left: 158px;
	top: -1px;
}

#desktopMenu li.dropdown .dropdown-menu .dropdown:hover .dropdown-menu,
#desktopMenu li.dropdown:hover .dropdown-menu .dropdown:hover .dropdown-menu {
	display: block;
}

#desktopMenu li.dropdown:hover .dropdown-menu .dropdown-menu.show {
	display: block
}

#desktopMenu .dropdown-menu .nav-link {
	text-transform: none;
	background-color: #ffffff;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#desktopMenu .dropdown-menu .nav-link svg {
	color: #CB2A27;
}

#desktopMenu .dropdown-menu .nav-link:hover {
	background-color: #ffffff;
}

#desktopMenu .dropdown-menu li {
	display: block;
}

#desktopMenu .mainmenu > li:last-child > a {
	padding-right: 0;
}

li.nav-item {
	list-style: none;
}

/* Breakpoints Header and navbar */
@media (min-width: 992px) { 

	#mobileMenu {
		display: none !important;
	}

	#desktopMenu {
		display: flex !important;
	}

	.navbar-brand img 		{
		width: 200px;
		height: auto;
		padding-left:0;
	}
	#desktopMenu .nav-link 	{
		padding: 0.5rem;
	}

	#desktopMenu .nav-item:last-child .nav-link {
		padding-right: 0;
	}

	li.nav-item {
		border-top: none;
		margin: 0;
	}

	#desktopMenu .nav-link:hover {
		background-color:transparent;
		color: #CB2A27;
	}
}

@media (min-width: 1050px) { 

	#desktopMenu .nav-link 	{
		padding:.5rem .75rem .5rem .75rem;
	}

}

/* 
END HEADER AND NAVBAR 
––––––––––––––––––––––––––––––––––––––––––––––––– */
/* --------- Hero section ---------- */

#hero-section {
    padding-top: 1rem;
    padding-bottom: 1rem; 
    margin-top: 59px;
    background-image: url('images/bg-mobile.jpg');
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;

 }
.hero-container {
}
.hero-caption {
	box-shadow: none;
	width: 100%;
	z-index: 10;
	padding: 2.5rem;
}

.hero-caption .Normal {
	text-align: center;
}

.hero-caption h1 {
	font-size:1.5rem;
	font-weight: 900;
	line-height:1.1;
	margin: 0 auto 1rem;
	padding-bottom: 1rem;
	text-transform: uppercase;
	color: #ffffff;
	border-bottom: 2px solid #CB2A27;
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.25),0 0 6px rgba(0, 0, 0, 0.5)
}
.hero-caption p {
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.3;
	margin-top: 1rem;
	text-transform: uppercase;
	color: #ffffff;
	text-shadow:0 0 2px rgba(0, 0, 0, 0.25),0 0 6px rgba(0, 0, 0, 0.5)
}
.hero-caption a.btn-hero {
	background-color: rgb(203, 41, 39);
	font-size: 0.875rem;
	border: none;
	border-radius: 4px;
	color: #ffffff;
	padding: 0.75em;
	transition: background-color 0.2ms;
	line-height: 1.3;
}

.hero-caption a.btn-hero:hover {
	background-color: #b72624
}

.hero-caption a.btn-hero:focus {
	box-shadow: none;
}

/* Breakpoints hero section */
@media (min-width: 768px) {
	.hero-caption h1 {
		font-size:2.25rem;
	}
	.hero-caption p {
		font-size:1.375rem;
	}

	#hero-section {
	    background-image: url('images/bg-desktop.jpg');
	    background-size: cover;
	    background-position: center;
	    height: 37vw;
	}

	.hero-caption a.btn-hero {
		font-size: 1rem;
		padding: 1.25em 2em;
	}

}

@media (min-width: 992px) {

	#hero-section {
	    margin-top: 95px;
	    padding-top: 5rem;
	    padding-bottom: 5rem; 
	}
	.hero-caption {
		width: 660px;
		padding: 2.5rem;
	}
}

@media (min-width: 1200px) {
	.hero-caption h1 {
		font-size: 2.5rem;
	}

	.hero-caption p {
		font-size: 1.875rem;
	}
}



/* --------- Business areas ---------- */


#business-areas-temp .carousel-indicators li {
	background-color: #000000;
	height: 15px;
	width: 15px;
}

#business-areas {
	display: flex;
	padding-right: 15px;
	padding-left: 15px;
	background-color: #f2f3f4;
	flex-direction: column;
	position: relative;
	z-index: 10;
}


.business-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	background-color: #ffffff;
	text-align: center;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.1);
	padding: 0;
	margin: 0.5rem 0;
	text-align: center;
}

.business-item:first-child {
	margin-top: 1rem;
}

.business-item figure {
	width: 100%;
	height: 140px;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.business-item figure img {
	width: auto;
	height: 100px;
	padding: 0;
	transition: all ease 0.5s;
	transform: scale(1);
}

.business-item:hover figure img {
	transform: scale(1.2);
}


.business-item:last-child figure img {
}

.business-item:hover figure img {

}

.business-item a {
	display: block;
}

.business-item > a {
	flex-basis: 100%;
}


.business-item .puff-text {
	max-width: 100%;
}

.business-item .puff-text h3 a {
	padding: 0.75rem 1rem 0rem;
	color: rgba(0, 20, 30, 0.6);
}

.business-item .puff-text p a {
	padding: 0.5rem 1rem 1rem;
	color: rgba(0, 20, 30, 0.9);
}

.business-item a:hover {
	text-decoration: none;
}

a .business-item img {
	width: 110px;
	height: 110px;
	padding: 1rem;
	transition: .25s;
}

a:hover .business-item img {
	cursor: pointer;
	opacity: .5;
	padding: .5rem;
}

.business-item h3 {
	color: #00141E98;
	margin: 0;
	font-size: 1.125rem;
	text-transform: uppercase;
	width: 100%;
	padding: 0;
	font-weight: 700;
	letter-spacing: 0.05em;
}

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


	.business-item {
		flex-direction: row;
		align-items: center;
		justify-content: flex-start;
		text-align: left;
	}

	.business-item > a {
		flex-basis: 130px;
		flex-grow: 0;
	}

	.business-item > .puff-text {
		flex-grow: 1;
	}

	.business-item figure {
		width: 130px;
	}

	.puff-text {

	}

}

@media screen and (min-width: 768px) {
	.business-item h3 {
		font-size: 1.25rem;
	}

	.business-item .puff-text p a {
		font-size: 1.125rem;
	}
}

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

	.business-item {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
		text-align: center;
		background-color: #ffffff;
		box-shadow: 0px 3px 6px rgba(0,0,0,0.1);
		padding: 0;
		margin: 0.5rem 0;
	}

	.business-item h3 {
		font-size: 1.25rem;
	}

	#business-areas {
		justify-content: space-between;
		flex-direction: row;
	}

	.business-item, .business-item:first-child {
		flex-basis: calc(20% - 1rem);
		flex-grow: 0;
		flex-shrink: 0;
		box-shadow: 0px 3px 6px rgba(0,0,0,0.1);
		padding: 0;
		margin-top: -2rem;
		margin-bottom: 0;
	}

	.business-item a,
	.business-item a:first-child
	.business-item .puff-text {
		display: block;
		width: 100%;
		flex-basis: unset;
		flex-grow: unset;
		flex-shrink: unset;
	}

	.business-item figure {
		width: 100%;
	}

	.business-item .puff-text p a {
		font-size: 1rem;
	}


}

/* ------- END Business areas -------- */

#banner-section {
	padding-top: 2rem;
	padding-bottom: 2rem;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.05);
	position: relative;
	flex-direction: column;
	z-index: 30;
	background-color: #ffffff;
}

#banner-section h3 {
	color: #CB2A27;
	text-transform: uppercase;
	font-size: 1.75rem;
    line-height: 1.2;
    margin-bottom: 1rem;
    margin-top: 0;
}

#banner-section p {
	font-size: 1.125rem;
	color: rgba(0, 20, 30, 0.7);
}

#banner-section strong {
	font-weight: 700;
}

#banner-section img {
	width: 100%;
	height: auto;
	max-width: 338px;
}

#banner-section .Normal {
	text-align: center;
}

@media screen and (min-width: 768px) {
	#banner-section .Normal {
		text-align: left;
	}

}

/* Section of 3: News, image, quote ; */

#news-section {
	background-color: #f2f3f4;
	position: relative;
	z-index: 29;
	padding-left: 0;
	padding-right: 0;
}

#news-section .news-list {
	background-color: #ffffff;
}

#news-section .news-list h3 {
	text-transform: uppercase;
	color: #CB2A27;
	font-size: 1.5rem;
	font-weight: 700;
	margin-bottom: 0;
	margin-top: 0;	
}

#news-section .news-item {
	border-bottom: 1px solid #cccccc;
	padding-bottom: 1rem;
}

#news-section .date {
	font-size: 0.875rem;
	margin: 1rem 0 0;
}

#news-section h4 {
	text-transform: none;
	font-weight: 700;
	margin: 0.5rem 0;
	color: #4B4E50;
}

#news-section h4 a {
	color: #4B4E50;	
}
#news-section h4 a:hover {
	text-decoration: none;
}

#news-section .news-item div a {
	color: rgba(0, 20, 30, 0.9);
}

#news-section .news-item a:hover {
	text-decoration: none;
}

#news-section .news-item div a p {
	margin-top: 0;
}

#news-section .article_pager {
	display: none;
}


#news-section .news-image {
	padding: 0;
	background-image: url(images/sesab-malmo.jpg);
	background-size: cover;
	background-position: center;
	height: 80vw;
}

#news-section .news-quote {
	background-color: #CB2A27;
}

#news-section .news-quote p {
	color: #ffffff;
	font-size: 1.125rem;
}

#news-section .news-quote p.quote-name {
	font-size: 0.875rem;
}

@media (min-width: 450px) {

	#news-section .news-image {
		display: none;
	}
}


@media (min-width: 768px) { 
	#news-section  { 
		padding-left: 2rem; 
		padding-right: 2rem;  
	}


	#news-section .news-quote p {
		color: #ffffff;
		font-size: 1.25rem;
	}

	#news-section .news-quote p.quote-name {
		font-size: 1rem;
	}
}

@media (min-width: 992px) { 

	#news-section .news-image {
		display: block;
		height: auto;
		background-position: center right;
	}
}

@media (min-width: 1200px) { 
  #news-section {
    padding-left: 8vw; 
    padding-right: 8vw;
  } 
}
/* _______________ Theme Button  _______________ */

/* Bootstrap buttons */

/* Button basic */
.btn {
	border: 1px solid #0097a9;
	border-radius: 2px;
	padding: 0.75em 2em;
	font-size: 0.875rem;
	text-transform: uppercase;
	line-height: 1;
	font-family: 'Source Sans Pro', sans-serif; 
	font-weight: 600;
	letter-spacing: 0.05em;
}

/* Large button */
.btn-large {
	padding: 1em 2em;
}

/* Button theme color */
.btn-primary {
	background-color: transparent;
	border-color:#0faec3;
}

a.btn {
	color: #b72624;
}

.btn:hover {

}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #000;
	border-color: #000;
}

/* Outline button */
.btn-outline {
	background-color: rgba(255,255,255,0.5);
	border: 1px solid #cc3030;
}

a.btn-outline {
	color: #000;
}
.btn-outline:hover {
	color: #767366;
	background-color: rgba(255,255,255,0.5);
	border-color: #767366;
}


.btn-outline-white {
	background-color: rgba(0,0,0,0.15);
	border: 1px solid #fff;
	color: #fff;
}

a.btn-outline-white {
	color: #fff;
}
.btn-outline-white:hover {
	background-color: rgba(255,255,255,0);
}


/* END Buttons */



/* ***** LAYOUT ***** */
/* ____________ Padding x space ____________ */

.section-x-space { 
  padding-left: 15px; 
  padding-right: 15px; 
}

@media (min-width: 768px) { 
  .section-x-space  { 
    padding-left: 2rem; 
    padding-right: 2rem;  
  }
}

@media (min-width: 1200px) { 
  .section-x-space {
    padding-left: 8vw; 
    padding-right: 8vw;
  } 
}
/* _______________________________________ */

/* ____________ Padding y space ____________ */

.section-y-space { 
  padding-top: 2rem; 
  padding-bottom: 2rem; 
}

@media (min-width: 768px) { 
.section-y-space  { 
    padding-top: 2rem; 
  	padding-bottom: 2rem; 
  }
}

@media (min-width: 960px) { 
.section-y-space  { 
    padding-top: 2.5rem; 
  	padding-bottom: 2.5rem; 
  }
}

@media (min-width: 1200px) { 
.section-y-space  { 
    padding-top: 3rem; 
  	padding-bottom: 3rem; 
  }
}
/* _______________________________________ */




/* Content in a box */
.panel 	{ 
	border-radius: 4px;
	background-color: #f4f5f6;
	margin: 2rem 0;
	padding: 1rem; 
}



/* ____ Singel column margin-bottom on small screens ____ */
/*
[class^="col-sm-"], 
[class^="col-md-"], 
[class^="col-lg-"] { 
	margin-bottom: 3rem; 
}

[class^="col-sm-"]:last-child, 
[class^="col-md-"]:last-child, 
[class^="col-lg-"]:last-child { 
	margin-bottom: 0; 
}


[class^="col-md-"] > [class^="col-md-"] {
	margin-bottom: 4rem;
}

@media (min-width: 576px) {
	[class^="col-sm-"] {
	margin-bottom: 0;
}
}
@media (min-width: 768px) { 
	[class^="col-md-"] {
	margin-bottom: 0;
	}
}
@media (min-width: 992px) { 
	[class^="col-lg-"] {
	margin-bottom: 0;
	}
}

*/

/* ___________ Promo Section ___________ */
#promo-section {
	background-image: url(images/bg-miljo.jpg); 
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

#promo-section .Normal {
	background-color: rgba(0,0,0,0.25);
	padding: 1rem;
}

#promo-section h2  {
	color: #ffffff;
	margin: 0 0 1rem;
	text-transform: uppercase;
	font-size: 1.75rem;
	font-weight: 700;
	text-shadow: 0 0 6px rgba(0,0,0,0.5), 0 0 30px rgba(0,0,0,0.5);
}
#promo-section p {
	color: #ffffff;
	font-size: 1.125rem;
	text-shadow: 0 0 6px rgba(0,0,0,0.5), 0 0 30px rgba(0,0,0,0.5);
	line-height: 1.3;
}

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

	#promo-section .Normal {
		background-color: transparent;
		padding: 0;
	}

	#promo-section {
		background-image: url(images/bg-miljo.jpg); 
		height: 33vw;
	}
	#promo-section h2  {
		text-shadow: none;
		font-size: 2.5rem;
	}
	#promo-section p  {
		text-shadow: none;
		font-size: 1.25rem;
	}
}

/* 
–––––––––––––––––––––––––––––––––––––––––––––––––––––
SUBPAGE 
–––––––––––––––––––––––––––––––––––––––––––––––––––––
*/

#subpage {
	margin-top: 60px;
}


#subpage #header-img img {
  width: 100%;
  height: auto;
}

#subpage #header-img p {
	margin: 0;
}


#subpage #header-img .Normal {
	position: relative;
}

#subpage #header-img h1 {
	text-transform: uppercase;
	color: white;
	font-size: 2.25rem;
	text-shadow: 0 0 6px rgba(0,0,0,0.25);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    bottom: initial;
    right: 8vw;
    left: 8vw;
    text-align: center;
    word-break: break-word;
    display: none;
}

#subpage > .container {
	padding-top: 1.5rem;
	padding-bottom: 2rem;
}


@media (min-width: 768px) { 
	#subpage #header-img h1 {
		display: inherit;
	}

}



#subpage header h1 {
	font-size: 1.25rem;
	margin: 1rem 0;
	color: #35587a;
}

#subpage .col-lg-4:first-child,
#subpage .col-lg-8:first-child {
  margin-bottom: 0;
}

#subpage h2:first-child,
#subpage h3:first-child,
#subpage h4:first-child {
  margin-top: 0;
}

@media (min-width: 768px) {
}
@media (min-width: 992px) {
	#subpage header h1 {
		font-size: 1.5rem;
		margin: 1.5rem 0;
	}

	#subpage {
		margin-top: 95px;
	}

	#subpage > .container {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
}

/* Side-bar Subpage */
#subpage .side-bar { display: none; }
#subpage .side-bar.side-bar-left  { padding-right: 0; }
#subpage .side-bar.side-bar-right { padding-left: 0; }

/* Side-bar Menu */
.side-bar nav {
	margin-bottom: 3rem;
	margin-top: 1rem;
}

.side-bar .Theme_01_Sesab {
	margin-top: 1.5rem;

}

.side-bar h3 {
	color: #667278;
	font-size: 1.5rem;
}
.side-bar nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	width:100%;
}

.side-bar nav li {
	border-bottom:1px solid #B3B9BC;
	font-family:'Source Sans Pro', sans-serif;
	text-transform:uppercase;
}

.side-bar nav li:first-child {
	border-top: 1px solid #B3B9BC;
}

.side-bar nav ul li:last-child {
	margin-bottom:0;
}

.side-bar nav li a {
	color: #667278;
	display:block;
	font-weight:600;
	line-height:1;
	padding:15px 0;
	text-decoration:none;
}


.side-bar nav .submenu .submenu {
	display: none;
	padding-bottom: 0.25rem;
	padding-left: 0.5rem;
}

.side-bar nav .submenu .selected .submenu {
	display: block;
}


.side-bar nav .submenu .submenu li {
	border-bottom: none;
}

.side-bar nav .submenu .submenu li:first-child {
	border-top: none;
}

.side-bar nav .submenu .submenu li a {
	text-transform: none;
	display: inline-block;
	margin-left: 0.25em;
	padding: 0 0 1rem;
}
.side-bar nav .submenu .submenu li svg {
	color: #CB2A27;
}

.side-bar nav li a:hover {
	color: #CB2A27;
}

.side-bar nav li.selected > a {
	color: #CB2A27;
}

.side-bar nav li.active > a {
	color: #CB2A27;
}


@media (min-width: 992px) {

	#subpage .side-bar { display: block; }
	#subpage .side-bar.side-bar-left  { padding-right:1rem; }
	#subpage .side-bar.side-bar-right { padding-left:1rem; }
}



/* 
END SUBPAGE 
––––––––––––––––––––––––––––––––––––––––––––––––– */



.contact-col-2 {
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.content-contact h2 {
	margin-bottom: 1.5rem;
}

.col-address {
	padding-right: 2rem;
}

.col-form {
	margin-top: 2rem;
}

@media screen and (min-width: 768px) {
	.col-form {
		margin-top: 0;
		padding-left: 2rem;
		border-left: 1px solid #B3B9BC;
	}	
}

.col-address img {
	width: 100%;
}

#subpage .news-item time {
	font-size: 0.875rem;

}

#subpage .news-item h4 {
	font-size: 1.375rem;
	margin: 0.5rem 0;
}

#subpage .news-item h4 a {
	color: rgb(102, 114, 120);
}

#subpage .news-item h4 a:hover {
	text-decoration: none;
}

#subpage .news-item {
    border-bottom: 1px solid #B3B9BC;
    padding-bottom: 1rem;
    margin-top: 1rem;
}

#subpage .news-item div a p {
	margin-top: 0.5rem;
}


#subpage .news-item div a:hover {
	text-decoration: none;
}

#subpage .edn_articleDetails h2 {
	margin: 0.5rem 0;
}


/* 
–––––––––––––––––––––––––––––––––––––––––––––––––
SIDFOT 
–––––––––––––––––––––––––––––––––––––––––––––––––
*/
#sidfot,
#sidfot h3,
#sidfot h4,
#sidfot p,
#sidfot a,
#sidfot li,
#sidfot li a,
#sidfot .svg-inline--fa {
	color: #ffffff;
}

#sidfot {
	background-image: url('images/footer-bg.png');
	background-size: 150%;
	background-color: #CB2A27;
	background-repeat: no-repeat;
	background-position: bottom right;
}

#sidfot h3	{ 
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.625rem;
	font-weight: 600;
	text-transform: uppercase;
	margin-top: 0; 
	margin-bottom: 0.5rem; 
	padding-top: 0.5rem; 
}

#sidfot h4	{ 
	font-size: 1.25rem;
	margin-top: 1.75rem; 
	text-transform: none;
}
#sidfot ul {
 	list-style-type: none;
    margin: .75rem 0;
    padding: 0;
}

#sidfot li { padding-bottom: .25rem; }


 #sidfot .fas {
 	margin-right: .5rem;
 }

#sidfot .social { display: flex; }

#sidfot .social .fab {
     font-size: 1.5rem;
     margin-right: 1rem;
}


#sidfot .footer-offices {
	display: flex;
	flex-direction: column;
}

#sidfot .footer-offices > div {
	flex-basis: 100%;
	flex-grow: 0;
	flex-shrink: 0;
}

#sidfot .footer-offices > div:last-child {
	padding-bottom: 0;
}


#dnn_ctr2801_HtmlModule_lblContent p {
	    display: flex;
    justify-content: center;
	    align-items: center;
}

#sidfot img {
	display: block;
	width: 200px;
	height: auto;
}


@media (min-width: 768px) { 

	#sidfot {
		background-size: auto 80%;
		background-position: center right;
	}

	#sidfot .footer-offices {
		flex-direction: row;
		justify-content: space-between;
	}

	#sidfot .footer-offices > div {
		flex-basis: calc(20% - 1rem);
		flex-grow: 0;
		flex-shrink: 0;
		padding-bottom: 0;
	}

}


/* 
END SIDFOT 
–––––––––––––––––––––––––––––––––––––––––––––––––
*/


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


	/* Hero section */

	.hero-caption {
		width: 870px;
	}

	.hero-caption h1 {
		font-size: 56px;

	}

	.hero-caption p {
		font-size: 42px;
	}

	.hero-caption a.btn-hero {
		font-size: 1.25rem;
	}

	/* Puffs */

	.business-item h3 {
		font-size: 24px;
	}

	/* Banner */


	#banner-section h3 {
		font-size: 36px;

	}

	#banner-section p {
		font-size: 24px;

	}

	/* News section */

	#news-section .news-list h3 {
		font-size: 28px;

	}

	#news-section h4 a {
		font-size: 22px;

	}

	#news-section .news-quote p {
		font-size: 26px;

	}

	#promo-section h2 {
		font-size: 56px;
	}

	#promo-section p {

	}

	/* Subpage, side bar */


	.side-bar h3 {
		font-size: 28px;
	}

	h1 {
		font-size: 32px;
	}

	#subpage #header-img h1 {
		font-size: 48px;
	}


}

#slider-desktop {
	margin-top: 95px;
	display: none;
}

#slider-desktop .carousel-item > div {
	height: 37vw;
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
}

#slider-desktop .carousel-indicators {
	bottom: 30px;
}

#slider-desktop .slider-caption {
    width: 660px;
    padding: 2.5rem;
	z-index: 10;
	padding: 2.5rem;
	text-align: center;

	position: absolute;
	top: 0;
	left: 0;
	height: 37vw;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;

}

#slider-desktop .slider-caption h1,
#slider-desktop .slider-caption p {
	width: 660px;

}


.slider-caption h1 {
    font-size: 1.5rem;
    font-weight: 900;
    line-height: 1.1;
    margin: 0 auto 1rem;
    padding-bottom: 1rem;
    text-transform: uppercase;
    color: #ffffff;
    border-bottom: 2px solid #CB2A27;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.25),0 0 6px rgba(0, 0, 0, 0.5);
}

.slider-caption h1 {
	font-size: 2.25rem;
}

.slider-caption h1 {
	font-size: 2.5rem;
}

.slider-caption p {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.3;
    margin-top: 1rem;
    text-transform: uppercase;
    color: #ffffff;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.25),0 0 6px rgba(0, 0, 0, 0.5);
}

.slider-caption p {
    font-size: 1.375rem;
}

.slider-caption p {
    font-size: 1.875rem;
}

.slider-caption a.btn-hero {
    background-color: rgb(203, 41, 39);
    font-size: 0.875rem;
    border: none;
    border-radius: 4px;
    color: #ffffff;
    padding: 0.75em;
    transition: background-color 0.2ms;
    line-height: 1.3;
}

.slider-caption a.btn-hero {
    font-size: 1rem;
    padding: 1.25em 2em;
}

@media screen and (min-width: 992px) {
	#slider-desktop {
		display: block;
	}

	#hero-section {
		display: none;
	}
}