/* Titov Ny */

@import url('https://unpkg.com/aos@2.3.1/dist/aos.css');
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400|Merriweather:300,400,700|Sulphur+Point:300,400&display=swap');

/* ==========================================================================
Generellt 
========================================================================== */
body {
	background-position: center center;
}

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

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

}

.pb-1 .LayoutPage .section-block,
.SubPage .LayoutPage .section-block {
	padding-bottom: 1rem;
}

.pt-1 .LayoutPage .section-block,
.SubPage .LayoutPage .section-block {
	padding-top: 3rem;
}

.LayoutPage .section-block .section-sandstrom {
	padding-bottom: 4rem;
}

.LayoutPage .section-wrapper {
	/* 	background-color: transparent; */
}

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

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

.btn {
	max-width: 230px;
	width: 100%;
	box-sizing: border-box;
	padding: 13px 35px;
	background-color: #202020;
	border: 2px solid #202020;
	color: #fff;
	border-radius: 3px;
	text-align: center;
	text-transform: none;
	font-weight: 400;
	/*  box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.15); */
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	display: inline-block;
}

.btn:hover {
	background-color: transparent;
	color: #ffffff;
	border: 2px solid #fff;
	text-decoration: none;
}

/* Använd "btn btn-center" för att centrera knappen */
.btn-center {
	margin: 0 auto;
	text-align: center;
	display: block;
	width: 200px;
}

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

.pb-1 .section-block .block-container .layout-12 .section-0 {
	padding: 0px;
}


.LayoutPage .pb-1 .section-block-wrapper {
	padding: 0px;
}

.display-none {
	display: none;
}

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

/* ==========================================================================
Text och typsnitt
========================================================================== */
p,
a,
li {
	font-family: "Poppins", sans-serif;
	font-weight: 300;
	text-decoration: none;
	font-size: 17px;
	line-height: 32px;
	letter-spacing: normal;
	color: #7a7a7a;
	-webkit-font-smoothing: antialiased;
	letter-spacing: 0.5px;
}

p {
	padding: 0 0 0.8em 0;
}

a:hover {
	text-decoration: none;
	color: #978d70;
}

.styled-link {
	font-family: "Poppins", sans-serif;
	color: #7a7a7a;
	font-size: 16px;
	letter-spacing: 3px;
	text-transform: uppercase;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-style: normal;
	color: #111;
	font-family: "Merriweathe";
	font-weight: 400;
	/*     text-transform: uppercase; */
	-webkit-font-smoothing: antialiased;
	line-height: normal;
}

h1,
h2 {
	font-size: 40px;
	font-weight: 700;
	line-height: 45px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 25px;
}

h5 {
	font-size: 22px;
	font-family: "Poppins", sans-serif;
}

h6 {
	font-family: "Poppins", sans-serif;
	color: #7a7a7a;
	font-size: 16px;
	letter-spacing: 3px;
	text-transform: uppercase;
}

/* lilla "abc"-blocket */
.smalltext-type {
	max-width: 600px;
}

/* stora "ABC"-blocket */
.normaltext-type {
	max-width: 600px;
	margin: 0 auto;
	text-align: center;
}

.line-heigt-title {
	line-height: 3.5rem;
}

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

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

.text-underline {
	text-decoration: underline !important;
}

/* ==========================================================================
Header / Navigation
========================================================================== */
/*
header {
background-color: #fff;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.05);
}
*/

/* Ta bort klick */
.TemplateMenu a[href="/17/116/karriar/"] {
	pointer-events: none;
}


header {
	background-color: transparent;
	-webkit-transition: all 500ms linear;
	-moz-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	-ms-transition: all 500ms linear;
	transition: all 500ms linear;
	box-shadow: none;
	background-color: #1f394e;
	box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.3) !important;
}

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

header .header-logo {
	width: 300px;
	padding: 17px 10px;
}

nav.mainmenu {
	text-align: right;
}

nav.mainmenu a {
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	color: #fff;
	padding: 0 10px;
	font-size: 15px;
	letter-spacing: .2em;
	text-transform: uppercase;
}

nav.mainmenu li:nth-child(1) {
	display: none;
}

nav.mainmenu li ul li:nth-child(1) {
	display: block !important;
}

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

nav.mainmenu li:hover a,
nav.mainmenu li.active a {
	color: #978d70 !important;
}

nav.mainmenu a:hover:before,
nav.mainmenu li.active a:before {
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

nav.mainmenu a:before {
	background-color: #9d8f70;
	visibility: hidden;
	position: absolute;
	content: "";
	height: 2px;
	bottom: 13px;
	width: 80%;
	left: 10%;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

header .mobile-menu span {
	height: 2px;

	background: #fff;
	border-radius: 5px;
	margin-bottom: 6px;
	display: none;
}

header .mobile-menu span:nth-child(1) {
	width: 120%;
	float: right;
}

header .mobile-menu span:nth-child(2) {
	width: 100%;
	float: right;
}

header .mobile-menu span:nth-child(3) {
	width: 80%;
	float: right;
}

header .close-menu {
	display: none;
}

header .close-menu:before,
header .close-menu:after {
	position: absolute;
	left: 15px;
	content: ' ';
	height: 33px;
	width: 2px;
	background-color: #fff;
}

header .close-menu:before {
	transform: rotate(45deg);
}

header .close-menu:after {
	transform: rotate(-45deg);
}

.sv-item {
	border-left: 1px solid #fff;
	padding-left: 20px !important;
}

.sv-item a,
.en-item a {
	padding: 0 !important;
	margin: 0 5px !important;
}

.sv-item:active a:before,
.sv-item:hover a:before,
.en-item:active a:before,
.en-item:hover a:before {
	display: none;
}

nav.mainmenu ul.TemplateMenu>li {
	line-height: 72px;
	height: 72px;
	margin-right: 2rem;
}

/* Dropdown menu */
nav.mainmenu li:hover>ul {
	width: auto;
	/* max-height: calc(100vh - 150px);
overflow: auto; */
	padding: 25px 0 !important;
	background-color: rgba(32, 58, 80, 0.88) !important;
}

nav.mainmenu ul>li>ul {
	background-color: rgba(32, 58, 80, 0.88) !important;
	border-top: 1px solid #978d70;
	min-width: auto;
}

nav.mainmenu ul>li>ul>li>a {
	padding: 20px 30px;
	margin: 0 !important;
}


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

nav.mainmenu li:hover>ul li a:before {
	display: none;
}

nav.mainmenu li:hover>ul li:hover a {
	color: #978d70 !important;
}

.EditMode nav.mainmenu li:nth-child(1) {
	display: inline-block;
}

/* .EditMode nav.mainmenu ul > li > ul {
padding: 0 !important;
border-top: none;
max-height: 70vh;
width:auto;
}  */

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

.EditMode nav.mainmenu ul>li>ul>li {
	max-height: none;
}

.EditMode nav.mainmenu ul>li>ul>li>ul {
	right: 100%;
	left: unset;
}

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

.EditMode .cookies-notis {
	display: none !important;
}

.cookies-notis {
	z-index: 9;
	position: fixed;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	max-width: 680px;
	width: 90%;
	background: #fafafa;
	border: 2px solid rgb(151 141 112 / 50%);
	padding: 1rem;
}

.cookies-notis p,
.cookies-notis a {
	color: #333;
	font-family: arial;
	font-size: 14px;
	padding-bottom: 10px;
}

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

.cookies-notis .cookies-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.cookies-notis #close-cookies-yes,
.cookies-notis #close-cookies-no {
	cursor: pointer;
	background-color: #978d70;
	padding: 0.65rem 2rem;
	color: #fff !important;
	margin: 1%;
	width: 12rem;
	text-align: center;
}

.cookies-notis #close-cookies-yes:hover,
.cookies-notis #close-cookies-no:hover {
	background-color: rgba(151, 141, 111, 0.82);
}

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

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

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

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



/* ==========================================================================
Top-section
========================================================================== */
.top-section {
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
}

.page-title-wrap {
	background-color: transparent;
	top: 43%;
	left: 33%;
	width: 100%;
	max-width: 900px;
}

.page-title-wrap h1,
.page-title-wrap h2,
.page-title-wrap p {
	color: #fff;
	padding: 0;
	line-height: 1.2em;
	text-shadow: 0px 6px 10px rgba(0, 0, 0, 0.4);
	text-align: left;
}

.page-title-wrap h1 {
	font-family: "Poppins", sans-serif;
	/*     color: #7a7a7a; */
	font-size: 16px;
	letter-spacing: 3px;
	text-transform: uppercase;
	padding-bottom: 10px;
	display: none;
	/* 	color: #978d70; */
}

.page-title-wrap h2 {
	font-size: 70px;
	font-weight: 700;
	padding-bottom: 15px;
	font-family: "Merriweathe";
	text-transform: unset;
}

.page-title-wrap h2:after {
	content: "";
	display: block;
	width: 200px;
	padding-top: 18px;
	border-bottom: 2px solid #fff;
	margin-bottom: 30px;
}

.page-title-wrap p {
	line-height: 35px;
}

.page-title-wrap .btn {
	margin: 1%;
}

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

.cta2:hover {
	background-color: #252525;
	border: 2px solid #252525;
}

#usp {
	margin-bottom: 40px;
}



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

/* Intro
========================================================================== */
#kontakt-topsection {
	background-color: transparent;
	position: relative;
	z-index: 1;
	margin-top: -180px;
}

.kontaktuppgifter-top {
	background-color: #978d70;
	float: right;
	padding: 50px 80px;
	height: 180px;
	box-sizing: border-box;
}

.kontaktuppgifter-top p,
.kontaktuppgifter-top a {
	color: #fff;
	font-size: 19px;
	font-family: 'Sulphur Point', sans-serif;
	font-weight: 400;
	letter-spacing: 0.4px;
	text-transform: unset;
	text-decoration: none;
}


#intro {
	background-color: #1f394e;
	position: relative;
	z-index: 3;
}



/* Om oss
========================================================================== */

#about {
	background: #fff;
}

#about * {
	color: #333 !important;
}

#about .smalltext-type {
	max-width: 700px;
}

#about h6 {
	color: #978d70;
}

#about h2 {
	text-align: left;
}

#om-oss {
	background-color: #fff;
}

#om-oss .section-block {
	padding: 120px 40px;
}

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

#om-oss .col-1 {
	padding-left: 5%;
	padding-top: 15%;
}

#om-oss .col-0 {
	background-image: url('/files/ostermalm.jpg');
	background-position: center bottom;
	background-size: cover;
	background-repeat: no-repeat;
	height: 800px;
}

#om-oss h6 {
	color: #978d70;
}


/* Alliot global alliance
========================================================================== */
#alliot img {
	margin-bottom: 20px;
}

/* Tjänster
========================================================================== */
#tjanster,
#sub-tjanster {
	background-color: #20394e;
}

#tjanster .code-part,
#sub-tjanster .code-part {
	display: flex;
	flex-wrap: wrap;
}

#tjanster .section-block,
#sub-tjanster .section-block {
	font-size: 0;
}

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

#tjanster .heading-type h6,
#sub-tjanster .heading-type h6 {
	text-align: center;
	color: #978d70;
}

#tjanster .heading-type h2,
#sub-tjanster .heading-type h2 {
	color: #fff;
	margin-bottom: 50px;
}

#tjanster .heading-type h2:after,
#sub-tjanster .heading-type h2:after {
	content: "";
	display: block;
	width: 10%;
	padding-top: 18px;
	border-bottom: 2px solid #978d70;
	margin: 0 auto;
}

#tjanster .tjanste-wrap,
#sub-tjanster .tjanste-wrap {
	width: 29.33%;
	margin: 30px 2%;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
}

.IndexPage .tjanste-wrap {
	margin: 0;
}

.tjanster-text * {
	text-align: center;
	color: #fff;
}

.tjanster-text h4 {
	font-size: 22px !important;
	padding-bottom: 10px !important;
	font-weight: 400;
	padding-top: 0 !important;
}

.tjanster-text,
.tjanster-icon {
	text-align: center;
}

.tjanster-icon img {
	height: 70px !important;
	width: auto;
	margin-bottom: 20px;
}


/* Nyheter
========================================================================== */
#nyheter .section-block-wrapper {
	max-width: 1500px;
}

#nyheter .lSSlideOuter .lSPager.lSpg>li a {
	background-color: #c3d1d1 !important;
}

#nyheter .lSSlideOuter .lSPager.lSpg>li.active a,
#nyheter .lSSlideOuter .lSPager.lSpg>li:hover a {
	background-color: #978d70 !important;
}

.lSSlideOuter .lSPager.lSpg>li {
	padding: 0 20px !important;
}

/*
#nyheter .nyhet-content {
height: 100px !important;
}
*/

#nyheter .lightSlider {
	height: 450px !important;
	display: flex;
	flex-wrap: wrap;
}

#nyheter .lightSlider li,
#nyheter .lightSlider .nyhet-box {
	background-color: #fff;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

#nyheter .lightSlider li:hover,
#nyheter .lightSlider .nyhet-box:hover {
	background-color: #20394e;
	/*     border: 1px solid #20394e; */
}

#nyheter .lightSlider li:hover .nyhet-content *,
#nyheter .lightSlider .nyhet-box:hover * {
	color: #fff;
}

.subnyhet-content .if-logga {
	width: 150px !important;
	justify-content: center !important;
	margin: auto !important;
	text-align: center !important;
}


/* Lediga tjänster
========================================================================== */

.add {
	width: 47% !important;
}

.add-link {
	color: rgba(151, 141, 111, 0.82);
	font-weight: 400;
}

.add-ingress {
	font-weight: bold;
	color: #3b3b3b;
}

.add-title {
	font-size: 2.5rem !important;
}

.add-profile {
	margin-bottom: 0 !important;
}

@media only screen and (max-width: 800px) {
	.add {
		width: 100% !important;
	}

}

/* ==========================================================================
Undersidor - gäller alla undersidor 
========================================================================== */
.SubPage .top-section {
	display: none;
}

.SubPage h2,
.SubPage h1 {
	font-size: 55px;
	padding-bottom: 70px;
	color: #3b3b3b;
}

.SubPage h3 {
	padding-bottom: 40px;
}

.SubPage h4 {
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 30px;
}

.SubPage h6 {
	padding-top: 20px;
}

/* centrerat block med text bredare */
.SubPage .normaltext-type {
	max-width: 900px;
}


/* med space mellan columnerna */
.SubPage .section-block .col-1 {
	padding-right: 3%;
}

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

/* topsektionen med bild */
.overlay .section-block {
	background-color: rgba(0, 0, 0, 0.5);
	height: 500px;
	padding: 220px 20px !important;
}

.subpage-topsection h1 {
	color: #fff;
	font-weight: 700;
	padding-bottom: 0;
}

.topsection-textdecoration {
	font-weight: 300;
}

/* subsidor utan topbild */
.subpage-smaller {
	padding-top: 100px !important;

}

/* blått transperant block */
.blue {
	background-color: rgba(32, 56, 76, 0.95) !important;
}

.blue * {
	color: #fff !important;
}

/* lista */
.SubPage .section-block li:before {
	content: "\f111";
	color: #9d8f70 !important;
	font-weight: bold;
	display: inline-block;
	font-size: .75rem;
	width: 1.8em;
	margin-left: -1.8em;
	font-family: 'Font Awesome 5 Pro';
}

.SubPage .section-block ul {
	list-style: none;
}

.SubPage .section-block li {
	padding-bottom: 10px;
}

.subpage-smaller h1 {
	padding-bottom: 70px;
}

/* Om oss
========================================================================== */
.sub-omoss .subpage-topsection {
	background-size: cover;
	background-position: center 40%;
	background-repeat: no-repeat;
	background-image: url("/assets/images/bg-stockholm-riddarholmen-2000px.jpg");
	height: 500px;
}

#divider-omoss {
	background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat;
	background-image: url("/assets/images/bg-stockholm-riddarholmen-2000px.jpg");
	height: 500px;
	background-attachment: fixed;
}

.kontaktpersoner-omoss .coworker-wrapper {
	padding-top: 80px;
}


/* Expertis
========================================================================== */
.sub-expertis .subpage-topsection {
	background-size: cover;
	background-position: center 60%;
	background-repeat: no-repeat;
	background-image: url("/files/subpage-expertise.jpg");
	height: 500px;
}

.kontakt-arrow {
	text-align: center;
	padding-top: 4rem;
	margin-bottom: -4rem;
}

.kontakt-arrow a {
	font-size: 22px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2.5px;
	font-family: "Merriweathe";
}

.kontakt-arrow .fas {
	color: #9d8f70;
	font-size: 26px;
}

@media only screen and (max-width: 620px) {
	.kontakt-arrow a {
		font-size: 16px;
	}

	.kontakt-arrow .fas {
		font-size: 20px;
	}
}


/* Expertis > undersidor 
========================================================================== */
.sub-expert .section-block {
	padding: 3rem 1rem !important;
}

.sub-expert h3 {
	padding-bottom: 5px !important;
}

.sub-expert ul {
	padding-inline-start: 25px;
}

.sub-expert .profile-thumb-wrapper {
	margin: 1% 1% 1% 0%;
}

.sub-expert .kontaktpersoner .section-block {
	padding: 3rem 1rem !important;
}

/* Medarbetare
========================================================================== */
.sub-medarbetare .subpage-topsection {
	background-size: cover;
	background-position: center 40%;
	background-repeat: no-repeat;
	background-image: url("/files/subsida-nyheter.jpg");
	height: 500px;
}

.coworker-wrapper {
	font-size: 0;
}

.profile-thumb-wrapper {
	position: relative;
	height: 250px;
	width: 31.33%;
	margin: 1%;
	display: inline-block;
	vertical-align: top;
	background-color: #1f394e;
	overflow: hidden;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
	text-align: left;
}

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

.LayoutPage .profile-thumb-wrapper img {
	display: block !important;
	object-fit: cover;
	object-position: 90%;
	height: 90% !important;
	width: 100% !important;
	max-width: 100% !important;
}

.profile-thumb * {
	color: #fff !important;
}

.profile-thumb h2 {
	font-size: 22px;
	padding-bottom: 0px;

}

.profile-thumb h3 {
	font-size: 15px;
	padding-bottom: 30px;
	font-family: "Poppins", sans-serif;
	text-transform: uppercase;
}

.profile-thumb p,
.profile-thumb a {
	font-size: 15px;
	color: #9d8f70 !important;
	padding-bottom: 0;
	line-height: 28px;
}

.profile-thumb-wrapper .profile-thumb {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	z-index: 4;
	padding: 20px 20px;
	min-height: 140px;
	cursor: pointer;
	box-sizing: border-box;
	-webkit-transition: background 0.3s ease-in-out;
	transition: background 0.3s ease-in-out;
}

.profile-thumb-wrapper:hover .profile-thumb {
	background-color: rgba(0, 0, 0, 0.4);
}

.profile-thumb-wrapper.student:hover .profile-thumb {
	background-color: transparent !important;
}

.profile-thumb-wrapper .profile-link {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 35px;
	line-height: 35px;
	padding: 0 10px;
	margin: 0;
	z-index: 6;
	color: white;
	background-color: #9d8f70;
	font-size: 16px;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.profile-thumb-wrapper .profile-link:hover {
	text-decoration: none;
}

.LayoutPage .profile-thumb-wrapper.student img {
	height: 100% !important;
}

.profile-thumb .student-school {
	color: #fff !important;
}


.kontaktpersoner .section-block {
	padding: 80px 40px !important;
}

/* Medarbetar - profil
========================================================================== */
.medarbetare-profil {
	padding-top: 70px;
}

.profile-container {
	background-color: #1f394e;
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
	min-height: calc(100vh - 100px);
	/* max-height: 1200px; */
}

.profile-container.anthony-krystek {
	background-image: url('coworkers/anthony-krystek-2000px.jpg');
}

.profile-container.alexandra-jaktelius-ferm {
	background-image: url('coworkers/alexandra-jaktelius-ferm-1900px.jpg');
}

.profile-container.ulf-jansson {
	background-image: url('coworkers/ulf-jansson-2000px.jpg');
}

.profile-container.baruch-ruiter {
	background-image: url('coworkers/baruch-de-ruiter-2000px.jpg');
}

.profile-container.erik-kallas {
	background-image: url('coworkers/erik-kallas-2000px.jpg');
}

.profile-container.emma-forsberg {
	background-image: url('coworkers/emma-forsberg-2000px.jpg');
}

.profile-container.dimitrij-titov {
	background-image: url('coworkers/dimitrij-titov-advokatfirman-titov-partners.jpg');
}

.profile-container.Filip-Tedebo-Odell {
	background-image: url('coworkers/filip-tedebo-odell-2000px.jpg');
}

.profile-container.daniel-wallander {
	background-image: url('coworkers/daniel-wallander-2000px.jpg');
}

.profile-container.bjorn-djupmark {
	background-image: url('coworkers/bjorn-djupmark-advokatfirman-titov-partners.jpg');
}

.profile-container.ulf-hokeberg {
	background-image: url('coworkers/ulf-hokeberg-advokatfirman-titov-partners.jpg');
}

.profile-container.ulf-blomme {
	background-image: url('coworkers/ulf-blomme-2000px.jpg');
}

.profile-container.stefan-gustavsson {
	background-image: url('coworkers/stefan-gustavsson-advokatfirman-titov-partners.jpg');
}

.profile-container.carl-anders-sjoberg {
	background-image: url('coworkers/carl-anders-sjoberg-advokatfirman-titov-partners.jpg');
}

.profile-container.ferid-demirel {
	background-image: url('coworkers/ferid-demirel-advokatfirman-titov-partners.jpg');
}

.profile-container.jonas-edward {
	background-image: url('coworkers/jonas-edward-advokatfirman-titov-partners.jpg');
}

.profile-container.jan-gedeborg {
	background-image: url('coworkers/jan-gedeborg-advokatfirman-titov-partners.jpg');
}

.profile-container.hannah-sjostrom {
	background-image: url('coworkers/hannah-sjostrom-advokatfirman-titov-partners.jpg');
}

.profile-container.elin-kers {
	background-image: url('coworkers/elin-kers-advokatfirman-titov-partners.jpg');
}

.profile-container.ellen-orehall {
	background-image: url('coworkers/ellen-orehall.jpg');
}

.profile-container.roger-hellstrom {
	background-image: url('coworkers/roger-hellstrom-advokatfirman-titov-partners.jpg');
}

.profile-container.ulrika-hansen {
	background-image: url('coworkers/ulrika-hansen-advokatfirman-titov-partners.jpg');
}

.profile-container.annika-hannus {
	background-image: url('coworkers/annika-hannus-advokatfirman-titov-partners.jpg');
}

.profile-container.kalle-lundgren {
	background-image: url('coworkers/kalle-lundgren-advokatfirman-titov-partners.jpg');
}

.profile-container.amanda-gyllensparv {
	background-image: url('coworkers/amanda-gyllensparv-advokatfirman-titov-partners.jpg');
}

.profile-container.alica-sedova {
	background-image: url('coworkers/alica-sedova.jpg');
}

.profile-container.frida-sivervall {
	background-image: url('coworkers/frida-sivervall-advokatfirman-titov-partners.jpg');
}

.profile-container.marie-leinmark {
	background-image: url('coworkers/marie-leinmark-advokatfirman-titov-partners.jpg');
}

.profile-container.malin-ullsater {
	background-image: url('coworkers/malin-ullsater2023.jpg');
}

.profile-container.michaela-forsvik {
	background-image: url('coworkers/michaela-forsvik.jpg');
}

.profile-container.victor-berg {
	background-image: url('coworkers/victor-berg-advokatfirman-titov-partners.jpg');
}

.profile-container.frida-mohn {
	background-image: url('coworkers/frida-mohn-advokatfirman-titov-partners.jpg');
}

.profile-container.philip-tahlin {
	background-image: url('coworkers/philip-thalin-2000px.jpg');
}

.profile-container.per-matsson {
	background-image: url('coworkers/per-mattson.jpg');
}

.profile-container.malin-wiman {
	background-image: url('coworkers/malin-wiman-1-2000px.jpg');
}

.profile-container.johannes-eriksson {
	background-image: url('coworkers/johannes-eriksson-advokatfirman-titov-partners-2000px.jpg');
}

.profile-container.sofia-markusson {
	background-image: url('coworkers/sofia-markusson-2000px.jpg');
}

.profile-container.johanna-gerdin {
	background-image: url('coworkers/johanna-gerdin-borjesson-4.jpg');
}

.profile-container.jan-ramkvist {
	background-image: url('coworkers/jan-ramkvist-advokatfirman-titov-partners.jpg');
	background-position: 40% 135%;
}

.profile-container.isabella-schwarz {
	background-image: url('coworkers/isabella-schwarz.jpg');

}

.profile-container.denize-hjarpe {
	background-image: url('coworkers/denize-hjarpe-2000px.jpg');
}

.profile-container.linnea-forsberg {
	background-image: url('/assets/coworkers/linnea-forsberg-2000px.jpg');
}

.profile-container.malin-wiman {
	background-image: url('/assets/coworkers/malin-wiman-2000px.png');

}


.profile-container .profile-wrapper {
	max-width: 1300px;
	margin: 0 auto;
	padding: 90px 0 90px 30px;
	box-sizing: border-box;
}

.profile-container .profile-content {
	max-width: 710px;
	box-sizing: border-box;
	max-height: 100vh;
	overflow-x: auto;
}

.profile-container .profile-content .profile-contact {
	line-height: 1.5em;
	padding: 10px 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.profile-head * {
	color: #fff !important;
}

.profile-content * {
	color: #fff;
}

.profile-content p {
	font-size: 15px;
	line-height: 19px;
}

.profile-content a {
	font-size: 15px;
	color: #9d8f70;
}

.profile-container h1 {
	font-size: 40px;
	padding-bottom: 10px;
	font-weight: 400;
}

.profile-container h2 {
	font-size: 20px;
	font-family: "Poppins", sans-serif;
	letter-spacing: 3px;
	text-transform: uppercase;
	font-weight: 300;
	padding-bottom: 30px;
}

.profile-content h3 {
	padding-bottom: 15px;
	padding-top: 25px;
	color: #9d8f70;
}

.profile-container .fas,
.profile-container .far,
.profile-container .fab {
	color: white;
	margin: 0 5px !important;
}


/*
.profile-container .profile-content h1,
.profile-container .profile-content h2,
.profile-container .profile-content h3 {
color: white;
padding: 0;
margin: 0;
line-height: normal;
}
.profile-container .profile-content p { 
color: white;
font-size: 14px;
line-height: 17px;
}
.profile-container .profile-content a { 
font-size: 14px;
line-height: 17px;
color: #9d8f70;
}

.profile-container .profile-content h1 {
font-size: 35px;
letter-spacing: 5px;
padding-bottom: 5px;
border: 0;
}
.profile-container .profile-content h2 {
font-size: 18px;
padding-bottom: 1em;
letter-spacing: 3px;
}
.profile-container .profile-content h3 {
color: #9d8f70;
font-size: 16px;
padding-bottom: 0.5em;
padding-top: 1.5em;
letter-spacing: 2px;
}

.profile-container .profile-content .profile-contact {
line-height: 1.5em;
color: white;
padding: 5px 0;
border-top: 1px solid #9d8f70;
border-bottom: 1px solid #9d8f70;
}

.profile-container .profile-content .profile-contact a {
margin-right: 11px;
color: #9d8f70;
}

.profile-container .fas,
.profile-container .far,
.profile-container .fab {
color: white;
margin-right: 5px !important;
}

i.fab.fa-linkedin {
font-size: 20px;
vertical-align: middle;
}

.contact .section-9cb419fd,
.contact .section-30ccd18f {
padding-bottom: 100px;
}
*/


/* Karriär
========================================================================== */
.sub-karriar .subpage-topsection {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/assets/images/bg-stcokholm-cityhall-2000px.jpg");
	height: 500px;
}

#jobbahososs {
	min-height: calc(100vh - 640px);
}

#jobbahososs h4 {
	padding-top: 20px;
}

.karriar a {
	color: #978d70 !important;
	text-decoration: underline;
}

.karriar h4 {
	padding-top: 0;
}

/************** Jobbannons ****************/
#jobb .work-cards-wrapper {
	display: flex;
	flex-wrap: wrap;
}

#jobb {
	background-color: #fafafa !important;
}

#jobb .work-card.projekt-roll {
	border-color: #20394e;
}

#jobb .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: 15px solid #ee9510;
	border-radius: 5px;
	overflow: hidden;
	transition: all .3s ease;
}

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

#jobb .work-card-title {
	font-size: 26px;
	padding-bottom: 20px;
	color: #978d70;
}

#jobb .work-card-lead {
	font-size: 18px;
	font-weight: 400;
}

#jobb .work-card-apply {
	background: #978d70;
	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;
}

#jobb .work-card-apply:hover {
	background: rgba(151, 141, 111, 0.74);
}

#jobb .work-card a {
	font-size: 18px;
	font-weight: 400;
	color: #fff !important;
}

#jobb .work-card a:hover {
	color: #fff !important;
}

@media only screen and (max-width: 620px) {
	#jobb .work-card-apply {
		width: 100% !important;
		padding: 30px !important;
		height: 0 !important;
	}

	#jobb .work-card-textblock {
		width: 100%;
	}
}

/* Nyheter
========================================================================== */
.sub-nyheter .subpage-topsection {
	background-size: cover;
	background-position: center 60%;
	background-repeat: no-repeat;
	background-image: url("/files/subpage-news.jpg");
	height: 500px;
}

#sub-nyheterna .section-block {
	font-size: 0;
}


#sub-nyheterna .block-object {
	display: flex;
	flex-wrap: wrap;
}

#sub-nyheterna .section-block-wrapper {
	max-width: 1250px;
}

#sub-nyheterna .nyhet-box {
	width: 30.33%;
	margin: 1%;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 30px;
	background-color: #fff;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.03);
	border: 1px solid #eee;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

#sub-nyheterna .thumbnail {
	overflow: hidden;

}

#sub-nyheterna .thumbnail img {
	width: auto;
}

#sub-nyheterna .nyhet-wrap {}

#sub-nyheterna .nyhet-box:hover {
	background-color: #20394e !important;

}

#sub-nyheterna .nyhet-box:hover .nyhet-content * {
	color: #fff;
}

.nyhet-content {
	padding: 30px;
	z-index: 2;
}

.nyhet-box.center{
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.nyhet-content p {
	text-align: left;
	padding-bottom: 0;
	text-align: left;
	font-size: 15px;
	line-height: 25px;
	padding-bottom: 1.5em;
	color: #939393;
}

.nyhet-content h3 {
	font-size: 24px;
	line-height: 27px;
	color: #978d70;
	font-weight: 800;
	font-style: normal;
	padding-bottom: 20px;
	text-transform: unset;
	letter-spacing: 1px;
}

#sub-nyheterna a {
	text-transform: none;
}

/* Nyheter - specifik nyhet
========================================================================== */
.subnyhet-content .section-block-wrapper {
	max-width: 1200px;
}

.subnyhet-content .section-block {
	padding-top: 250px !important;
}

.subnyhet-content.pt-0 .section-block {
	padding-top: 0 !important;
}

.subnyhet-content.pt-2 .section-block {
	padding-top: 2rem !important;
}

.subnyhet-content.pb-0 .section-block {
	padding-bottom: 0 !important;
}

.subnyhet-content .col-0 {
	padding-bottom: 20px;
}

.subnyhet-content h1,
.subnyhet-content h2 {
	font-weight: 700;
	font-size: 50px;
	text-align: left;
	padding-bottom: 10px;
}

.subnyhet-content h6 {
	margin-bottom: 40px;
}

.subnyhet-content img {
	width: 95% !important;
	margin-bottom: 40px;
}

.subnyhet-content p {
	font-size: 17px;
}

.subnyhet-content a {
	text-decoration: underline;
}

.subnyhet-content {
	min-height: calc(100vh - 140px);
}

/* Kontakt
========================================================================== */
.sub-kontakt .subpage-topsection {
	background-size: cover;
	background-position: center 80%;
	background-repeat: no-repeat;
	background-image: url("/files/subsida-kontakt.jpg");
	height: 500px;
}

#sub-kontaktuppgifter .section-block .col-1 {
	box-sizing: border-box;
	padding: 0px 30px;
	width: 40%;
}

/*
#sub-kontaktuppgifter .section-block .col-1 h2,
#sub-kontaktuppgifter .section-block .col-1 h3,
#sub-kontaktuppgifter .section-block .col-1 p,
#sub-kontaktuppgifter .section-block .col-1 a {
color: #fff
}
*/

#sub-kontaktuppgifter h2 {
	font-size: 38px;
}

#sub-kontaktuppgifter .section-block .col-0 {
	padding: 20px 30px;
	background-color: #fff;
	width: 60%;
}

#sub-kontaktuppgifter .Contact .ContactForm input.text,
#sub-kontaktuppgifter .Contact .ContactForm textarea.textmessage {
	/* 	border: 2px solid #e8e8e8 !important; */
	border: none !important;
	background-color: #f2f2f2;
}

#sub-kontaktuppgifter .Contact .ContactForm .ContactFormEmail {
	width: 49%;
	float: left;
	margin-right: 1%;
	margin-bottom: 12px;
}

#sub-kontaktuppgifter .Contact .ContactForm .ContactFormField {
	width: 49%;
	float: left;
	margin-left: 1%;
	margin-bottom: 12px;
}

#sub-kontaktuppgifter .Contact .ContactForm .ContactFormName,
#sub-kontaktuppgifter .Contact .ContactForm .ContactFormMessage {
	width: 100%;
	margin-bottom: 12px;
}


.LayoutPage .layout-5 .col-1 .form-part input.text,
.LayoutPage .layout-5 .col-1 .form-part textarea.textmessage {
	width: 100%;
	background-color: #f2f2f2;
}

.Contact .ContactForm div.ContactFormMessage p,
.Contact .ContactForm .ContactFormEmail p,
.Contact .ContactForm .ContactFormField p,
.Contact .ContactForm .ContactFormName p {
	display: none;
}

.LayoutPage .Contact .ContactForm input.text,
.LayoutPage .Contact .ContactForm textarea.textmessage {
	background-color: transparent;
	padding: 22px 15px;
	border-radius: 3px;
	font-weight: 400;
	color: #717879;
}

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

.LayoutPage .Contact .ContactForm textarea.textmessage {
	padding: 15px;
	height: 200px;
	padding-top: 15px;
}

#sub-kontaktuppgifter .Contact .ContactForm input.ContactSubmit {
	padding: 14px 35px;
	background-color: #978d70;
	border: 2px solid #978d70;
	color: #fff;
	display: block;
	margin: 0 auto;
	border-radius: 3px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 3px;
	font-size: 14px;
	-webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	font-family: "Poppins", sans-serif;
}

#sub-kontaktuppgifter .Contact .ContactForm input.ContactSubmit:hover {
	border-radius: 3px;
	box-shadow: none;
	background-color: #7f775d;
	border: 2px solid #7f775d;

}

#sub-kontaktuppgifter ::placeholder {
	font-family: "Poppins", sans-serif;
	color: #717879;
	font-weight: 300;
	font-style: normal;
	text-decoration: none;
	font-size: 15px;
}

#sub-kontaktuppgifter h5 {
	max-width: 300px;
}

.padding-top {
	padding-top: 20px;
}

#sub-kontaktuppgifter .fas {
	font-size: 20px;
	color: #978d70;
}

#sub-kontaktuppgifter .fab {
	display: inline;
	font-size: 40px;
	color: #978d70;
}

#map {
	font-size: 0;
}


/* ==========================================================================
Footer
========================================================================== */
.footer {
	background-color: rgba(32, 58, 80, 1) !important;
	padding: 0 !important;
}

.footer .container {
	padding: 0 !important;
	max-width: none;
}

.footer h5 {
	text-align: center;
	margin-bottom: 10px;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
}

.footer p,
.footer a {
	font-size: 15px;
	text-align: left;
	line-height: 1.4em;
	color: #f6f6f6;
	text-transform: unset;
	text-decoration: none;
	letter-spacing: 0.4px;
}

.footer-left {
	width: 70%;
	float: left;
	box-sizing: border-box;
	padding: 44px 90px;
	background-color: rgba(32, 58, 80, 1) !important;
	height: 140px;
}

.footer-left p,
.footer-left a {
	text-align: left !important;
}

.footer-left .genvagar {
	text-align: left;
}

.footer-left .genvagar a {
	font-size: 13px;
	margin-right: 15px;
	text-transform: uppercase;
	color: #fff;
}

.footer-left .genvagar .fab {
	color: #fff;
	font-size: 13px;
	margin-left: 20px;
	margin-top: 0;
	padding: 0;
}

.footer-left .genvagar .fab:hover {
	color: #fff;
}

.footer-right {
	width: 30%;
	float: left;
	box-sizing: border-box;
	padding: 45px 20px;
	background-color: rgba(32, 58, 80, 1) !important;
	height: 140px;
}

.footer-right img {
	max-height: 50px;
	width: auto;
}

.footer-bottom {
	display: flex;
	justify-content: flex-end;
	clear: both;
	margin-top: 20px;
	padding: 20px 45px;
	border-top: 1px solid rgba(255, 255, 255, 0.548);
}

/* WebbEss Stamp  */
.footer .webbess-stamp {
	display: inline-flex;
	align-items: center;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
}

.webbess-stamp img {
	width: 30px;
	padding: 0;
	margin-left: 10px;
	filter: invert(1);
}

/* ==========================================================================
Media queries
========================================================================== */
@media only screen and (max-width: 1500px) {
	.page-title-wrap {
		left: 40%;
	}

	.top-section {
		height: 100%;
	}

	nav.mainmenu ul.TemplateMenu>li {
		margin-right: 0;
	}

}

@media only screen and (max-width: 1440px) {
	#kontakt-topsection {
		margin-top: -160px;
	}

	.kontaktuppgifter-top {
		padding: 46px 70px;
		height: 160px;
	}

	.kontaktuppgifter-top p,
	.kontaktuppgifter-top a {
		line-height: 30px;
		font-size: 19px;
	}

	.intro-img {
		height: 500px;
		margin-top: -124px;
	}

	/*
.profile-container {
	background-position: 54% bottom;
}
*/

	.footer-left {
		padding: 44px 50px;
		width: 65%;
	}

	.footer-right {
		width: 35%;
	}

}

@media only screen and (max-width: 1350px) {
	#about .section-block .col-0 {
		padding-left: 50px;
	}
}

@media only screen and (max-width:1300px) {
	header .header-logo {
		width: 180px;
	}

	nav.mainmenu li a {
		margin: 0;
	}
}

@media only screen and (max-width: 1200px) {
	.page-title-wrap {
		left: 47%;
	}
}

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

	.footer-left p,
	.footer-left a {
		text-align: center !important;
	}

	.footer-left .genvagar a {
		display: block;
		margin-top: 10px;
	}

	.footer-left .genvagar {
		text-align: center;
	}

	.footer-left,
	.footer-right {
		width: 100%;
		height: auto;
	}

	.footer-right {
		padding-top: 0;
	}

	.footer-left .genvagar .fab {
		margin-left: 0px;
	}
}

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

	.profile-thumb-wrapper {
		height: 280px;
		width: 48%;
		margin: 1%;
	}

	.profile-thumb h3 {
		padding-bottom: 58px;
	}
}


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

	.page-title-wrap {
		left: 45%;
		max-width: 750px;
	}

	.page-title-wrap h2 {
		font-size: 63px;
	}

	/*
.page-title-wrap p {
	line-height: 30px;
	font-size: 16px;
}
*/

	#om-oss .col-1 {
		padding-top: 11%;
	}

	.intro-img {
		height: 400px;
		margin-top: -124px;
	}

	#sub-nyheterna .nyhet-box {
		width: 47%;
		margin-bottom: 30px;
	}

	.profile-container .profile-wrapper {
		padding: 0;
	}

	.profile-container {
		background-size: 150%;
		background-position: center 40px;
		padding-top: 40px;
		min-height: inherit;
	}

	.profile-container .profile-content {
		max-width: 100%;
	}

	.profile-content .profile-head {
		height: 300px;
		padding-top: 170px;
		padding-left: 40px;
	}

	.profile-container h1 {
		font-size: 60px;
		padding-bottom: 20px;
	}

	.profile-cv p {
		line-height: 30px;
	}

	/*
.profile-container .profile-content h1 { font-size: 25px; }
.profile-container .profile-content h2 { font-size: 18px; }
.profile-container .profile-content h3 {}
*/

	.profile-container .profile-content .profile-contact {
		background-color: #1f394e;
		margin: 0;
		/* 		margin-top: 180px !important; */
		padding: 5px 10px;
	}

	.profile-container .profile-content .profile-cv {
		background-color: #1f394e;
		padding: 50px 40px 100px 40px;
	}

	.profile-container {
		background-position: center 90px !important;
		padding-top: 90px;
	}

	.profile-container.frida-mohn {
		background-position: center -30px !important;

	}


	.profile-container.jan-ramkvist {
		background-size: 120%;
	}

}

/*
@media (min-width: 981px) and (max-width: 1080px) {
.profile-container .profile-content {
	max-width: 650px;
}
}
*/

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

	/* Nav */
	.openmenu {
		width: 29px;
		height: 25px;
		cursor: pointer;
		position: absolute;
		right: 30px;
		top: 24px;

	}

	.closemenu {
		width: 24px;
		height: 25px;
		cursor: pointer;
		position: absolute;
		right: 22px;
		top: 22px;
	}

	nav.mainmenu {
		text-align: left;
		width: 100%;
		box-shadow: none;
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 10;
		height: 100%;
		overflow-y: scroll;
		background-color: rgba(32, 58, 80, 0.9) !important;
	}

	nav.mainmenu .Padding {
		padding: 40px 0 0 0;
		margin-top: 72px;
	}

	nav.mainmenu ul.TemplateMenu>li {
		height: 60px;
		width: 100%;
	}

	nav.mainmenu a {
		/* 	    padding: 10px 36px; */
		font-size: 16px;
		letter-spacing: .2em;
	}

	nav.mainmenu li,
	nav.mainmenu li a {
		font-size: 20px;
		border-bottom: none;
		color: #fff !important;
		padding-left: 0px !important;
	}

	nav.mainmenu li a {
		padding: 30px 50px !important;
	}

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

	nav.mainmenu a:before {
		display: none !important;
	}

	nav.mainmenu ul>li>ul,
	nav.mainmenu li:hover>ul {
		max-width: unset !important;
		width: 100% !important;
		padding: 0 !important;
		background-color: rgba(32, 58, 80, 1) !important;
	}

	nav.mainmenu li>ul li a,
	nav.mainmenu li:hover>ul li a {
		font-size: 17px;
		letter-spacing: 2px;
		margin: 0 !important;
		width: unset !important;
		max-width: 100%;
		white-space: normal !important;
		padding: 20px 20px !important;
	}

	nav.mainmenu li:hover>ul {
		height: auto;
		max-height: unset;
	}

	nav.mainmenu ul.TemplateMenu>li {
		height: auto !important;
	}

	nav.mainmenu ul>li>ul>li>a {
		line-height: 1.9em;
	}

	/*custom dropdown arrow*/
	nav.mainmenu .dropdown-arrow {
		height: 60px;
		width: 60px;
	}

	nav.mainmenu .dropdown-arrow-open {
		transform: rotate(90deg);
		transition: all .25s ease-in-out;
	}

	nav.mainmenu .dropdown-arrow-close {
		transform: rotate(180deg);
		transition: all .25s ease-in-out;
	}

	nav.mainmenu .dropdown-arrow:before {
		content: '\f077';
		color: #9d8f70 !important;
		font-family: 'Font Awesome 5 Pro';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	/**/

	.openmenu,
	.closemenu {
		background-image: none;
	}

	header .mobile-menu span,
	header .close-menu {
		display: block;
	}

	.sv-item,
	.en-item {
		border-left: none;
		padding: 0 !important;
	}

	.sv-item a,
	.en-item a {
		font-size: 20px;
		border-bottom: none;
		padding: 20px 20px !important;
		margin: 0 10px;
		color: #fff !important;
	}

	/* End Nav*/

	.kontaktuppgifter-top {
		padding: 35px 60px;
		height: 140px;
	}

	#kontakt-topsection {
		margin-top: -140px;
	}

	#om-oss .col-0 {
		height: 700px;
	}

	#om-oss .col-1 {
		padding-top: 5%;
	}

	.tjanste-wrap {
		width: 50%;
		margin: 0;
	}

	.sub-text .col-1,
	.sub-text .col-2 {
		width: 100% !important;
		padding: 0 !important;
	}

	.sub-text .smalltext-type,
	.sub-text .normaltext-type {
		max-width: none !important;
	}

}

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

	.subnyhet-content .section-block .col-0,
	.subnyhet-content .section-block .col-1,
	.subnyhet-content .section-block .col-2 {
		width: 100%;
		padding: 0;
	}

	.subnyhet-content h2 {
		font-size: 40px;
	}

	#about .section-block .col-0 {
		padding-left: 0px;
	}

	#om-oss .section-block .col-0,
	#om-oss .section-block .col-1,
	#om-oss .section-block .col-2 {
		width: 100%;
		margin: 0;
		padding: 0;
	}

	#om-oss .section-block .col-0 {
		margin-bottom: 70px;
		height: 500px;
	}

	#sub-kontaktuppgifter .section-block .col-1,
	#sub-kontaktuppgifter .section-block .col-2 {
		width: 100%;
	}

	#sub-kontaktuppgifter .section-block .col-1 {
		margin-bottom: 50px;
		padding: 10px;
	}

	.profile-thumb-wrapper {
		height: 300px;
	}

	.profile-thumb h3 {
		padding-bottom: 80px;
	}

	.profile-container {
		background-size: 10%;
	}

	.profile-container.philip-tahlin,
	.profile-container.johannes-eriksson,
	.profile-container.linnea-forsberg {
		background-size: 150%;
	}

	.profile-container h1 {
		max-width: 350px;
	}

	#tjanster .tjanste-wrap,
	#sub-tjanster .tjanste-wrap {
		width: 46%;
	}
}


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

	.LayoutPage .section-block,
	.SubPage .LayoutPage .section-block:not(.section-sandstrom .section-block) {
		padding: 130px 20px;
	}

	#bg-video {
		left: 25%;
	}

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

	.page-title-wrap {
		max-width: 650px;
		top: 40%;
	}

	.intro-img {
		width: 95%;
		margin-left: 5%;
		margin-top: -226px;
		height: 500px;
		margin-bottom: 120px;

	}

	.subnyhet-content .section-block {
		padding-top: 170px !important;
	}

	.subnyhet-content.pt-0 .section-block {
		padding-top: 0 !important;
	}

	.subnyhet-content.pb-0 .section-block {
		padding-bottom: 0 !important;
	}
}

@media only screen and (max-width: 730px) {
	.profile-thumb-wrapper {
		height: 300px;
		width: 98%;
		margin: 1%;
	}

	.profile-thumb h3 {
		padding-bottom: 77px;
	}
}

/* kolumner 100% */
@media only screen and (max-width: 696px) {
	.intro-contact {
		margin-top: -190px;
		float: none;
		margin: 0 auto;
	}

	.intro-img {
		margin-top: -190px;
	}

	.kontaktuppgifter-top {
		padding: 35px 60px;
		height: 140px;
		width: 100%;
	}

	#om-oss .section-block {
		padding: 120px 20px;
	}

	#om-oss .section-block .col-0 {
		margin-bottom: 70px;
		height: 400px;
	}

	.subnyhet-content h2 {
		font-size: 30px;
	}

	#sub-nyheterna .nyhet-box {
		width: 98%;
	}

	.subpage-topsection h1 {
		font-size: 40px;
		padding-top: 20px;
	}

	#sub-kontaktuppgifter .Contact .ContactForm .ContactFormField,
	#sub-kontaktuppgifter .Contact .ContactForm .ContactFormEmail {
		width: 100%;
		margin: 0;
		margin-bottom: 12px;
	}

	#tjanster .tjanste-wrap,
	#sub-tjanster .tjanste-wrap {
		width: 96%;
	}

	#nyheter .lightSlider {
		height: 370px !important;
	}

	.footer-right img {
		max-height: 34px;
		width: auto;
	}

	.footer-left {
		padding: 44px 20px;
	}
}

@media only screen and (max-width: 600px) {
	.tjanste-wrap {
		width: 96%;
		margin: 2%;
	}

	.profile-thumb-wrapper {
		height: 250px;
		width: 100%;
		margin: 0;
		margin-bottom: 20px;
	}

	.profile-thumb h3 {
		padding-bottom: 30px;
	}
}



@media only screen and (max-width: 480px) {
	body.isMobile .body-background {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100vh;
		background-position: 70% center;
		background-image: url('/assets/images/titov-cover.jpg');
	}

	h1,
	h2 {
		font-size: 18px !important;
	}

	p,
	a {
		font-size: 16px;
		line-height: 30px;
	}

	header .container {
		padding: 0 0px;
	}

	header .header-logo {
		width: 230px;
		padding: 19px 10px;
	}

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

	.page-title-wrap h1 {
		font-size: 14px;
	}

	.page-title-wrap h2 {
		font-size: 30px;
		/*     	margin-bottom: 15px; */
	}

	.page-title-wrap .btn {
		display: block;
		margin: 0 auto;
		max-width: 230px;
		margin-bottom: 10px;
	}

	.page-title-wrap p {
		text-align: left;
		font-size: 15px;
		line-height: 26px;
	}

	.intro-img {
		width: 100%;
		margin: 0
	}

	.intro-contact {
		padding: 30px 20px;
	}

	.intro-contact p,
	.intro-contact a {
		font-size: 14px;
		line-height: 25px;
		padding-bottom: 0;
	}

	.kontaktuppgifter-top {
		padding: 40px 30px;
		height: 160px;
		width: 100%;
	}

	#kontakt-topsection {
		margin-top: 0px;
	}

	.kontaktuppgifter-top p,
	.kontaktuppgifter-top a {
		font-size: 16px;
		line-height: 25px;
	}

	/*
.tjanste-wrap {
	height: 220px;
}
*/

	.nyhet-content {
		padding: 30px 20px;
	}

	.nyhet-content h3 {
		font-size: 23px;
	}

	.subpage-topsection {
		height: 400px !important;
	}

	.overlay .section-block {
		height: 400px;
		padding: 174px 20px !important;
	}

	.profile-container {
		background-size: 180%;
	}

	.profile-container.philip-tahlin,
	.profile-container.johannes-eriksson {
		background-size: 150%;
	}

	.profile-content .profile-head {
		height: 200px;
		padding: 15% 10px 5px 20px;
	}

	.profile-container .profile-content .profile-contact {
		padding: 20px;
	}

	.profile-container h1 {
		max-width: 200px;
	}

	/*
.profile-contact span:nth-child(1) {
	max-width: 180px;
	display: block;
}

.profile-contact span:nth-child(2) {
	max-width: 230px;
	display: block;
}
*/
	/*
.profile-content .profile-cv {
	padding: 5px 10px;
	box-sizing: border-box;
}
*/

	.profile-container .profile-content h1 {
		font-size: 34px;
		padding-bottom: 0;
	}

	.profile-container .profile-content h2 {
		font-size: 16px;
	}

	.profile-container .profile-content .profile-cv {
		padding: 50px 30px 100px 30px;
	}

	.profile-container.jan-ramkvist {
		background-size: 150%;
	}

	.footer p,
	.footer a {
		font-size: 14px;
	}

}