/*
Theme Name: masallservice
Theme URI: https://www.nmugroup.com
Author: Vladimir
Author URI: https://www.nmugroup.com
Description: A special NMU theme using the Bootstrap framework.
Version: 1.0
Text Domain: masallservice
*/
body {font-family: "obvia", sans-serif;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-weight: 400;background: #48131d;}
a {text-decoration: none;}
.menu {display: table;position: relative;top: 44px;float: right;transition: all 0.5s ease;}
.menu li {display: inline-block;padding-left: 15px;padding-right: 15px;}
.menu li a {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 16px;
    transition: all 0.4s ease;
}
.menu li a:hover {color: #c5a156;}
a.custom-logo-link img {width: 110px;height: auto;position: relative;top: 20px;transition: all 0.5s ease;}
.footer-copyright {text-align: center;font-size: 14px;color: #fdece0;background: #48131d;padding-top: 75px;padding-bottom: 6px;}
.footer-copyright a {
	color: #fdece0;text-align: center;font-size: 14px;
}
.footer-copyright a:hover {
	color: #ffffff;
}
.masthead {position: absolute;top: 0;width: 100%;transition: all 0.8s ease;z-index: 9;font-family: "obvia", sans-serif;background: #48131d;padding-bottom: 40px;display: none;}
.current_page_item {font-weight: 600;}
footer.blog-footer {background: #48131d;color: #ffffff;padding-top: 40px;}
.gallery-container {padding-top: 75px;padding-bottom: 85px;}
.gallery-title {padding-bottom: 15px;}
.container-container a {text-align: center;display: block;color: #ffffff;}
.sektion-txt {font-family: "obvia", sans-serif;font-size: 20px;}
.sektion-titlar {font-family: "export", sans-serif;font-size: 24px;}
.ikon {margin-top: 20px;}
.ikon img {width: 30px;height: 30px;
	//border-radius: 10%;
	//border: 1px solid #ffffff;
	transition: all 1.4s ease;
	position: relative;
	background: #ffffff;
}
.ikon-extra:before {
    content: "";
    transition: opacity 0.6s ease;
    opacity: 0;
}
/*.ikon img:hover {transform: rotateY(360deg);background: transparent;}*/
.aktuellt-sektion {padding-bottom: 30px;}
.aktuellt-sektion .wp-block-cover img {height: 350px;object-fit: cover;border: 4px solid #ffffff;}
.aktuella-projekt-txt {text-align: center;font-family: "export", sans-serif;font-size: 22px;color: #ffffff;}
.bli-en-av-oss-txt {text-align: center;font-family: "export", sans-serif;font-size: 22px;color: #ffffff;}
.klimat-las-mer a {
    background: #ffffff;
    border: 1px solid #ffffff;
    font-size: 16px;
    line-height: 2.5;
    color: #232323;
    border-radius: 0;
    padding-left: 20px;
    padding-right: 20px;
    height: 41px;
    display: block;
    width: 120px;
    text-align: center;
	margin-left: auto;
    margin-right: auto;
	transition: all 0.8s ease;
}
.klimat-las-mer a:hover {color: #ffffff;background: #232323;border: 1px solid #232323;}
.las-mer a {border: 2px solid #ffffff;width: 100px;display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    color: #ffffff;
    padding-top: 2px;
    margin-top: 15px;
	transition: all 0.8s ease;
}
.las-mer a:hover {border: 2px solid #232323;background: #232323;}
.aktuellt-sektion-hojd{height: 370px;}
.vi-erbjuder img {background: #232323;width: 60px;height: 60px;
    border: 1px solid #232323;
    border-radius: 100%;
    padding: 9px;
	filter: grayscale(0.9);
}
.vi-erbjuder-title {font-family: "export", sans-serif;font-size: 18px;margin-top: 20px;}
.skicka-btn {
    margin-right: auto !important;
    margin-left: auto !important;
    display: block;
    width: 136px !important;
    background: #ffffff !important;
    border: 1px solid #ffffff !important;
}
.adress-epost-telefon-form {
    width: 70%;
    margin-right: auto;
    margin-left: auto;
}
.adress-epost-telefon-form {color: #ffffff;}
.adress-epost-telefon-form img {
    background: #353135;
    width: 50px;
    height: 50px;
    border: 1px solid #333235;
    border-radius: 100%;
    margin-bottom: 15px;
}
.adress-epost-telefon-form .wp-block-heading {
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
}
.adress-epost-telefon-form a {color: #ffffff;}
.adress-epost-telefon-form a:hover {
    color: #c5a156;
}
.fraga-oss-precis-vad-du-vill-container {
    background: url(https://coreproject.se/wp-content/uploads/2025/10/fraga.svg);
	padding-top: 65px;
	background-size: cover;
}
div#wpforms-field-limit-text-97-4 {
    display: none;
}
.extra-padding {
    background: #353135;
}
.fraga-oss-linje:after {
    content: "";
    border-bottom: 1px solid #ffffff;
    display: block;
    width: 160px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
}
div#klimat-container {
    background: #f9f9f9bf;
    width: 400px;
    padding: 20px;
}
.klimat-title {
    font-family: "export", sans-serif;
    font-size: 22px;
    padding-bottom: 20px;
}
.linkedin {
	float: right;
}
a.linkedin-link {
    float: right;
}
.instagram {
	float: left;
}
.ikon-extra {
    border: 10px solid #ffffff;
    border-radius: 100%;
    height: 50px;
    width: 50px;
}
/* hamburger menu */
.toggle-nav {
    display: none !important;
}
.bli-en-av-oss-a a {
	color: #232323;
}
.bli-en-av-oss-a a:hover {
	color: #c5a156;
}
.moretext {
  display: none;
}
.moretext1 {
  display: none;
}
a.moreless-button {
	color: #232323;
	cursor: pointer;
	font-weight: 600;
	position: relative;
    top: 5px;
}
a.moreless-button1 {
	color: #232323;
	cursor: pointer;
	font-weight: 600;
	position: relative;
    top: 5px;
}
a.moreless-button:hover {color: #c5a156;}
a.moreless-button1:hover {color: #c5a156;}
p.teknik-txt {margin-bottom: 0;}
img.wp-block-cover__image-background.wp-image-247 {border: 8px solid #ffffff;}
.sloggan {text-align: justify;color: #f9f9f9;position: relative;}
.steg-for-steg .wp-block-column {
    background: #f1f1f1;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}
.steg-for-steg-title {
    font-family: "obvia", sans-serif;
    font-size: 21px;
    font-weight: 600;
}

.teknik-miljo .wp-block-column {
    background: #cccccc0f;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
	padding-top: 15px;
}
/* Start / Startsida Några av våra projekt */
.projekt-1 {
	width: 100%;
	//height: 160px;
	//position: absolute;
    //top: 106px;
	cursor: pointer;
}
.projekt1-img:hover .projekt-1-1 {
	opacity: 1;
	//transform: translateY(100%);
    //top: 100%;
	//top:0;
	//background-position: 200% 200%;
	animation: slideup2 2s forwards;
	//animation-iteration-count: 1
	//animation: slideup2 1s ease-in-out forwards;
	//animation-play-state: running;
}
.projekt-1-1 {
	opacity: 0;
	color: #f9f9f9;
    background: #232323d6;
	padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-top: 60px;
	transition: 1.3s ease;
	margin-left: -15px;
    margin-right: -15px;
	height: 350px;
    position: relative;
    bottom: 15px;
	text-align: center;
	//top: calc( 100% - 5rem );
	//will-change: top;
	//transition: background 1s;
	animation: slideup 2s forwards;
	transition: transform 1.5s ease 0.1s;
    transform: translate3d(0, 100%, 0);
}
@keyframes slideup {
  0%   {  }
  100% {     transform: translate3d(0, -200px, 0);
 }
}
@keyframes slideup2 {
  0%   { }
  100% {   transform: translate3d(0, 0, 0); }
}

.projekt-2 {
	width: 100%;
	//height: 160px;
	position: absolute;
    top: 106px;
	cursor: pointer;
}
.projekt2-img:hover .projekt-1-2 {
	opacity: 1;
}
.projekt-1-2 {
	opacity: 0;
	color: #f9f9f9;
    background: #232323d6;
	padding: 15px;
	transition: .5s ease;
	margin-left: -15px;
    margin-right: -15px;
	border-left: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
    border-bottom: 4px solid #ffffff;
}
.projekt-3 {
	width: 100%;
	//height: 160px;
	position: absolute;
    top: 106px;
	cursor: pointer;
}
.projekt3-img:hover .projekt-1-3 {
	opacity: 1;
}
.projekt-1-3 {
	opacity: 0;
	color: #f9f9f9;
    background: #232323d6;
	padding: 15px;
	transition: .5s ease;
	margin-left: -15px;
    margin-right: -15px;
	border-left: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
    border-bottom: 4px solid #ffffff;
}
/* End / Startsida Några av våra projekt */
.header-img-title {
    font-family: "export", sans-serif;
    font-size: 28px;
    padding-left: 30px;
}
.header-img-title-sub {
    background: #232323b8;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 140px;
    width: 300px;
    text-align: center;
    font-family: "export", sans-serif;
    font-size: 28px;
    color: #ffffff;
}
button#wpforms-submit-97 {
    background: #ffffff !important;
    border: 1px solid #ffffff !important;
    font-size: 16px;
    line-height: 2.5;
    color: #232323;
	border-radius: 0;
}
button#wpforms-submit-97:hover {
    background: transparent !important;
    color: #ffffff;
}
.karriar-tjanster-title {
	font-family: "obvia", sans-serif;
    font-size: 21px;
    font-weight: 600;
}
.tjanster-container {
    background: #cccccc3b;
    padding: 15px;
}
.tjanster-container:before {
    content: "";
    background: url(https://coreproject.se/wp-content/uploads/2024/04/core-logga.svg);
    width: 50px;
    height: 50px;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    float: right;
}
iframe {
    filter: grayscale(1);
}
.team-container {
    background: #ffffff;
	padding-top: 45px;
    padding-bottom: 30px;
    padding-left: 205px;
    padding-right: 205px;
}
.kontakt-team-title {
    font-size: 18px;
    padding-top: 15px;
    font-family: "export", sans-serif;
}
.kontakt-team-title-sub {
    font-size: 16px;
    letter-spacing: 0.2px;
    font-weight: 600;
}
.kontakt-team-epost a {
    color: #232323;
}
.kontakt-team-epost a:hover {
    color: #dabd75;
}
.kontakt-team-mobil a {
    color: #232323;
    margin-top: -15px;
    display: block;
}
.kontakt-team-mobil a:hover {
    color: #dabd75;
}
.team-titel {
    background: #ffffff;
    margin-bottom: 0;
    padding-top: 45px;
}
.steg-for-steg img {
    height: 200px;
    object-fit: cover;
}
img.wp-image-132:hover {
    background: #dcc17a;
    border: 1px solid #dcc17a;
}
img.wp-image-131:hover {
    background: #dcc17a;
    border: 1px solid #dcc17a;
}
img.wp-image-130:hover {
    background: #dcc17a;
    border: 1px solid #dcc17a;
}
button#wpforms-submit-492 {
    background: #ffffff;
    border: 1px solid #ffffff;
    color: #232323;
	font-size: 16px;
    line-height: 2.5;
}
button#wpforms-submit-492:hover {
    background: transparent;
    border: 1px solid #ffffff;
    color: #ffffff;
}
div#wpforms-492 {
    width: 70%;
    margin-right: auto;
    margin-left: auto;
}
.intresseanmalan-form {
    background: url(https://coreproject.se/wp-content/uploads/2025/10/fraga.svg);
    padding-top: 45px;
    padding-bottom: 45px;
	background-size: cover;
}
.page-id-21 .fraga-oss-precis-vad-du-vill-container .wp-block-group {
    margin-bottom: -29px;
}
/* Start Cookie policy knapp */
.cky-btn-revisit-wrapper.cky-revisit-bottom-left {
    background: #d2b880 !important;
}
/* End Cookie policy knapp */
.samarbetspartner {
	margin-top: 30px;
	margin-bottom: 35px;
}
.samarbetspartner a {
	background: transparent;
    border: 1px solid #232323;
    font-size: 15px;
    line-height: 2.7;
    color: #232323;
    width: 146px;
    height: 41px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    margin-right: auto;
    margin-left: auto;
}
.samarbetspartner a:hover {
	background: #232323 !important;
	border: 1px solid #232323;
	color: #ffffff;
}
.samarbetspartner-txt {
	font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
	margin-top: -10px;
	font-style: italic;
}
.omoss-tre-bilder img {
	width: 350px;
	height: 350px;
	border-radius: 100%;
	object-fit: cover;
}
.start-sektion {
    background: #353135;
	color: #ffffff;
    padding-top: 50px;
    padding-bottom: 50px;
}
.varfor-valja {
    background: #ffffff;
	padding-top: 60px;
    padding-bottom: 30px;
}

.page-id-11 .wp-block-cover__image-background.wp-image-793.size-large.has-parallax {
    background-size: contain !important;
	background-position: top !important;
}
.page-id-11 .wp-block-cover.alignfull.is-light.has-parallax {
    min-height: 740px !important;
}
.wp-block-cover__image-background.wp-image-87.size-full.has-parallax {
	//background-size: contain !important;
}
.startsida-header-title {
    width: 440px;
    padding-top: 10px;
    padding-bottom: 10px;
}
/*.ikon-extra:hover:before {
    content: "";
    background: #5577c4;
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    margin-left: -10px;
    margin-top: -10px;
	opacity: 1;
}*/
input#wpforms-97-field_1 {
    border-radius: 0;
}
input#wpforms-97-field_2 {
	border-radius: 0;
}
input#wpforms-97-field_3 {
	border-radius: 0;
}
textarea#wpforms-97-field_4 {
    border-radius: 0;
}
.kontaktform {
    background: url(https://coreproject.se/wp-content/uploads/2025/10/fraga.svg);
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 75px;
}

.social-insta-linke {
    margin-top: 60px;
}

.social-insta-linke ul {
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0;
}

.social-insta-linke ul li {
  list-style: none;
}

.social-insta-linke ul li a {
    width: 45px;
    height: 45px;
    background-color: #fff;
    text-align: center;
    line-height: 44px;
    font-size: 35px;
    margin: 0 10px;
    display: block;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    border: 3px solid #fff;
    z-index: 1;
}

.social-insta-linke ul li a .icon {
  position: relative;
  color: #262626;
  transition: .5s;
  z-index: 3;
}

.social-insta-linke ul li a:hover .icon {
  color: #fff;
  transform: rotateY(360deg);
}

.social-insta-linke ul li a:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f00;
  transition: .5s;
  z-index: 2;
}

.social-insta-linke ul li a:hover:before {
  top: 0;
}

.social-insta-linke ul li:nth-child(1) a:before{
  background: #3b5999;
}

.social-insta-linke ul li:nth-child(2) a:before{
  background: #55acee;
}
.epost [data-aos-duration='4000'] [data-aos], [data-aos][data-aos][data-aos-duration='4000'] {
    transition-duration: 4000ms;
}
.epost {
    transition-duration: 1.6s !important;
}
.telefon {
    transition-duration: 2.4s !important;
}

.aktuellt-sektion-hojd .wp-block-cover, .wp-block-cover-image {
    min-height: 370px !important;
}

.nagraavvaraprojekt-main {
    background: #f1f1f1;
    display: flex;
    margin-bottom: 50px;
}

.nagraavvaraprojekt h2 {
  text-align: center;
  color: #fff;
  font-size: 50px;
  font-family:Audiowide;
}
.nagraavvaraprojekt .img-area{
  width: 100%;
  max-width: 100%;
  margin: 2% auto;
}

.nagraavvaraprojekt .single-img {
  position: relative;
  width: 30%;
  float: left;
  margin: 0 1.6%;
}

.nagraavvaraprojekt .image {
  display: block;
    width: 100%;
    height: 360px;
    object-fit: cover;
	border: 5px solid #ffffff;
}

.nagraavvaraprojekt .img-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #2323239e;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.nagraavvaraprojekt .single-img:hover .img-overlay {
  height: 100%;
}

.nagraavvaraprojekt .text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: bold;
}
.nagraavvaraprojekt .text span{
  font-weight: 300;
}
.startbild-txt {
    color: #48131d;
    background: #ffffffe6;
    padding: 15px;
    font-weight: 600;
    width: 400px;
	margin-left: 30px;
}
img.wp-image-12 {
    width: 400px;
}

@media screen and (max-width: 992px) {
	footer.blog-footer .row {
		display: block;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 50px;
	}
	.adress-epost-telefon-form {
		width: 80%;
	}
}
@media screen and (max-width: 780px) {
    .toggle-nav {
		display: inline-block !important;
		float: right;
		font-size: 40px;
		transition: color linear 0.15s;
	}
	a.toggle-nav:link, 
	a.toggle-nav:visited,
	a.toggle-nav:hover, 
	a.toggle-nav:active {
        text-decoration: none;
        color: #000000;
    }
	.menu-primary-container {
		display: inline-block;
		/*position: relative;*/
		background: #fff;
		text-align: left;
	}
	.menu-primary-container ul {
		display: none;
		position: absolute;
		overflow: auto;
		top: 0px;
		right: 0px;
		z-index: 999;
		padding-right: 15px;
		background: #fff;
		text-align: left;
    	padding-left: 0px;
    	padding-right: 30px;
		padding-top: 15px;
    	padding-bottom: 15px;
	}
	.menu-primary-container ul li {
		float: none;
		display: block;
		position: relative;
		top: 0px;
		right: 0px;
		max-width: 90px;
		background: #fff;
		text-align: left;
	}
	.menu-primary-container li:after { 
		content: none; 
	}
	.masthead {
		background: rgb(249, 249, 249) !Important;
    	position: fixed !Important;
    	height: 70px !Important;
	}
	a.custom-logo-link img {
		width: 80px !Important;
    	top: -14px !Important;
	}
	.menu {
		top: 54px !Important;
	}
	.wpforms-container .wpforms-field.wpforms-five-sixths, .wpforms-container .wpforms-field.wpforms-four-sixths, .wpforms-container .wpforms-field.wpforms-four-fifths, .wpforms-container .wpforms-field.wpforms-one-fifth, .wpforms-container .wpforms-field.wpforms-one-fourth, .wpforms-container .wpforms-field.wpforms-one-half, .wpforms-container .wpforms-field.wpforms-one-sixth, .wpforms-container .wpforms-field.wpforms-one-third, .wpforms-container .wpforms-field.wpforms-three-fourths, .wpforms-container .wpforms-field.wpforms-three-fifths, .wpforms-container .wpforms-field.wpforms-three-sixths, .wpforms-container .wpforms-field.wpforms-two-fourths, .wpforms-container .wpforms-field.wpforms-two-fifths, .wpforms-container .wpforms-field.wpforms-two-sixths, .wpforms-container .wpforms-field.wpforms-two-thirds {
		float: none;
		width: 100%;
    	margin-left: 0;
	}
	div#n2-ss-2 .n2-font-821db8f39174a9c34a9560a1e61e79dc-paragraph {
    	font-size: 150% !important;
		padding-top: 100px !important;
	}
}
@media screen and (max-width: 782px) {
	.aktuellt-sektion-hojd {
		height: auto;
	}
	div#n2-ss-2 .n2-font-821db8f39174a9c34a9560a1e61e79dc-paragraph {
		text-align: left !important;
	}
}
@media screen and (max-width: 600px) {
	div#klimat-container {
		margin-right: auto;
		margin-left: auto;
		max-width: 100%;
	}
	.footer-copyright {
		font-size: 12px;
	}
}