html, body {
    height: 100%;
    margin:0;
	padding:0;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #282828;

}

picture.scale {
	width: 100%;
}

picture.scale img{
	width: 100%;
}	

p {line-height: 1.3em;}



/* GÖM BETYGSTAPLAR START */


.faq-section {
    margin-top: 20px;
}

.faq-item {
    margin-bottom: 20px;
    
}

.faq-question {
    background: none;
    border: none;
    font-size: 1.2em;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    text-align: left;
    
}

.faq-question:focus {
    outline: none;
}

.faq-toggle {
    font-size: 1.5em;
    padding-left: 10px;
}

.faq-answer {
    padding-left: 20px;
    display: none;
    margin-top: 10px;
    
}

h2.faq_header  {
	margin-top: 40px;
	color: #0b5472;
}

.faq {
    padding-bottom: 80px;
    background: #fff;
    margin-top: 40px;
}

.faq-item {
    margin-bottom: 20px;
    border-bottom-color: #20bfff;
    border-bottom-style: solid;
    border-bottom-width: 0.1rem;
    padding-bottom: 20px;
}








.nf-before-form-content {display: none;}

.nf-field-label {display: none !important;}

 .nf-element{
    width: 100%;
    padding: 10px;
    border: 0px;
    border-radius: 10px !important;
}

/* Formkortet */

.nf-response-msg {text-align: center;}


.nf-form-title {display: none;}

.nf-field-element {text-align: center;}


.form_tomt.white {
    background-color: transparent;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 2px 15px rgba(0,0,0,0.05);
}

/* Ninja Forms anpassning */
.form_tomt.white .nf-form-cont {
    text-align: left;
}

.form_tomt.white .nf-field-label label {
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
}

.form_tomt.white input[type="text"],
.form_tomt.white input[type="email"],
.form_tomt.white textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 0px;
}

.form_tomt.white input[type="submit"],
.form_tomt.white button {
    background-color: #009688;
    color: #fff;
    border: none;
    padding: 12px 20px;
    border-radius: 10px;
    cursor: pointer;
}

.form_tomt.white input[type="submit"]:hover,
.form_tomt.white button:hover {
    background-color: #00796b;
}


input[type="tel"] {
  border-radius: 10px;
 padding: 12px 20px;
}







.betyg {display: none;}

.utveckling {display: none;}


/* GÖM BETYGSTAPLAR END */

.scale img {
	width: 100%;
	height: 100%;
}

.big_padding {padding-top: 40px;padding-bottom: 40px;}

.bildpadding {border-left-color: #fff; border-left-style: solid;border-left-width: 20px;
	border-right-color: #fff; border-right-style: solid;border-right-width: 20px;
}

.left_tjugo {left: 20px;}


.caldera-grid .alert-warning {display: none !important;}



#loading {position: fixed;background: black;z-index: 999;left: 0px;right: 0px;width: 100%;height: 100%;display: none;}


h1 {font-size: 45px;letter-spacing: -2px;margin-top: 25px;
    margin-bottom: 15px;	line-height: 1em;}

h2 {font-size: 30px;letter-spacing: -1px;    margin-top: 5px;	line-height: 1.1em;
    margin-bottom: 5px;}

h3 {font-size: 20px;margin-top: 5px;	line-height: 1.1em;
    margin-bottom: 5px;}

.strong {font-weight: 600;}

a {text-decoration: none;}

a {color:inherit}

.padd-me-left {
	padding-left: 20px;
}

img.scale {
	width: 100%;
}

.relative {position: relative;}

.width-fifty {
	width: 50%;
	float: left;
}

p.verysmall {font-size: 10px; margin-top: -30px;}

.margin-twenty {margin-top: 10px !important;margin-bottom: 10px !important;}

.margin-top-eighty {margin-top: 80px;}

.margin-five-p {margin-top: 5%;}

textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
     -webkit-appearance: none;
     border-radius: 0;
}

.min-hundred {min-height: 100vh;}	


img {
	border: none !important;
	border: 0px !important;
}

a.news_img_link:hover {opacity: .7;}

.left {float: left;position: relative;left: -10px;}

.right {float: right;}


.center-all {
	height: 100%;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    -moz-align-items: center;
    -moz-justify-content: center;
    -ms-align-items: center;
    -ms-justify-content: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.top-position {
	position: absolute;
	top:0px;
	left: 0px;
	right: 0px;
}

.top-wrapper {overflow: hidden;}


.fifhty-height {
	height: 50vh;
}

.seventy-height {
	height: 75vh;
}

.twenty-height {
	height: 25vh;
}

.category-top-image {
	background-position: center center;
	background-size: cover;
	}
	
.ipad {display: none;}	
	
aside {
    font-size: 18px;
    letter-spacing: 10px;
    text-transform: uppercase;
    padding-left: 40px;
    padding-right: 40px;
   
    line-height: 1.5em;
	}
	
.padding {padding-right: 20px;}


.margin-bottom-forty {margin-bottom: 40px;}

.seventy-height {
	height: 70vh;
}

.hundred-height {
	height: 100vh;
}
.circle {
	-webkit-clip-path: circle(50% at 50% 50%);
clip-path: circle(50% at 50% 50%);
}

.margin-top {margin-top: 40px;}

.margin-large {margin-bottom: 80px;}

.white {color: #fff;}
.blue {color:#56cad4}

.upper {text-transform: uppercase;}


.center {text-align: center;}


/* CALL TO ACTION START */	 
	 

.call-to-action{

	animation: scaleloop  1s infinite alternate;
	-webkit-animation: scaleloop  1s infinite alternate;
	-moz-animation: scaleloop  1s infinite alternate;
	transform-origin: center;
	-webkit-transform-origin: center;
	
	}
	

/* Animation Keyframes*/


@keyframes scaleloop {
From {
    transform: scale(1.0);
}
To {
   transform: scale(1.1);
}
}



@-moz-keyframes scaleloop {
From {
    -moz-transform: scale(1.0);
}
To {
    -moz-transform: scale(1.1);
}
}

@-webkit-keyframes scaleloop {
From {
    -webkit-transform: scale(1.0);
}
To {
   -webkit-transform: scale(1.1);
}
}

@-o-keyframes scaleloop {
From {
    -o-transform: scale(1.0);
}
To {
    -o-transform: scale(1.1);
}

}
		 

/* CALL TO ACTION END */	   



/* START SIDA START */

.margin-padding {margin-top: 40px;margin-bottom: 40px;}

ul.bullets-start {
	list-style: none;
	font-weight: 900;
	letter-spacing: -1px;
	font-size: 24px;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	}

ul.bullets-start li {
	margin: 0;
	padding: 0;
	display: inline-block;
	margin-right: 20px;
}

ul.bullets-start li:nth-child(odd) {
    color: #56cad4;
}
ul.bullets-start li:nth-child(even) {
    color: #f2f2f2;
}

.mobil ul.bullets-start li:nth-child(even) {
    color: #232323;
}

	 
	 
#brand-message-start {width: 100%;}	 

#brand-message-start {
	background-position: center;
	background-size: cover;
	padding-top: 5%;
	padding-bottom: 5%;
	padding-left: 5%;
}
	 
.dark_back_a {
	background-color: rgba(22, 27, 57, 0.1);
		-moz-transition:all 300ms ease-in;
	-webkit-transition:all 300ms ease-in;
	-o-transition:all 300ms ease-in;
}	

.dark_back_b {background-color: rgba(0, 26, 33, 0.22);-moz-transition:all 300ms ease-in;
	-webkit-transition:all 300ms ease-in;
	-o-transition:all 300ms ease-in;
}
.dark_back_c{background-color: rgba(0, 91, 125, 0.53);-moz-transition:all 300ms ease-in;
	-webkit-transition:all 300ms ease-in;
	-o-transition:all 300ms ease-in;
}

.dark_back_a:hover {
	background-color: rgba(0, 0, 0, 0.0);
}
.dark_back_b:hover {
	background-color: rgba(0, 0, 0, 0.0);
}
.dark_back_c:hover {
	background-color: rgba(0, 0, 0, 0.0);
}
.play-knapp {margin-top: 40px;}	 

.play-knapp:hover {opacity: .7;cursor: pointer;}
	 
#video_poster {
	position: relative;}


.play {
	width: 55px;
	height: 55px;
	background-image: url(../img/play-icon.svg);
	background-repeat: no-repeat;
	left: 50%;
    position: absolute;
    top: 50%;
    z-index: 5;
    cursor: pointer;
}

.video-frame {
	height: inherit;
	display: none;
	position: relative;
}

.video1 {
	min-width: 100% !important;
	position: relative;
	min-height: 100vh !important;
}


.video-container {position: relative;z-index: 10;}
	 
.fullscreen-bg {
   height: 100vh;
   position: relative;
   display: block;
}

.fullscreen-bg__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    height: 300%;
    top: -100%;
  }
}

@media (max-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    width: 300%;
    left: -100%;
  }
}

.toppbilden-ej-video {
	width: 100%;
	padding: 0;
	margin: 0;
	height: 50vh;
	background-size: cover;
	background-position: center center;
	display: none;
}

.payoff {color: #fff !important;}


.square {
  position: relative;
   background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
  overflow: hidden;
}

.content-puff {
  position: absolute;
  width: 100%;
  height: 100%;
  }


/* START SIDA END */

/* BYGGARE SIDA START */

.white-important {color: #fff !important;}

#systemet {padding-bottom: 40px; padding-top: 20px; background: #f7f7f7}

#top-height {overflow: hidden;position: relative;margin-top: -50px;}

.fullscreen-bg-new  {
   height: 100vh;
   position: relative;
   display: block;
}

.fullscreen-bg__video_new {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.fullscreen-bg-new  video {
  /* Make video to at least 100% wide and tall */
  min-width: 100%; 
  min-height: 100%; 

  /* Setting width & height to auto prevents the browser from stretching or squishing the video */
  width: auto;
  height: auto;

  /* Center the video */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}


.poster {
   height: 100vh;
   position: absolute;
   top: 0; bottom: 0; left: 0; right: 0;
   background-size: cover;
   background-position: center center;
   z-index: 1;
   display: none;
}

.down_arrow {
	width: 100%;
	text-align: center;
	position: relative;
	margin-left: -30px;
}

.down_arrow img {
	width: 100px;
	height: 100px;
	position: absolute;
	z-index: 10;
}


.down_arrow.margin_down_forty img  {
	margin-top: -80px;
}

.down_arrow.margin_top_ten  img  {
	margin-top: 20px;
}

@keyframes marginloop {
	
from { margin-top: 0px} 
}

to {
   margin-top: 15px;
}


.big_payoff {
	font-size: 4em;
    letter-spacing: 10px;
    text-transform: uppercase;
    padding-left: 40px;
    padding-right: 40px;
    font-weight: 900;
    color: aqua;
    margin: 0;
    text-align: center;
    
}

.moving_margin	{
	animation: marginloop  1s infinite alternate;
	-webkit-animation: marginloop   1s infinite alternate;
	-moz-animation: marginloop   1s infinite alternate;
	margin-top: -20px;
	position: absolute;
}

 .byggare_bild {
	width: 400px;
	height: 400px;
	background-position: center center;
	background-size: cover;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

  
   .circle_path {
	-webkit-clip-path: circle(50% at 50% 50%);clip-path: circle(50% at 50% 50%);
}

.tva_kol {
	background: #ebebeb;
	padding-top: 80px;
	padding-bottom: 80px;
	margin-top: 40px;
}

.top_ingress {margin-top: 40px;}

.bilden_byggare {margin-top: 30px;}

.tva_kol a {
	color: #0b5472 !important;
}


/* BYGGARE SIDA END */


/* BYGGSYSTEM SIDA START */

#geni {
	background-size: cover;
	background-position: left center;
	width: 100%;
	position: relative;
	margin-top: 80px;
	height: 0px;
	 -moz-transition:all 1500ms ease-in;
	   -webkit-transition:all 1500ms ease-in;
	   -o-transition:all 1500ms ease-in;
}

#geni.show {
	height: 100vh;
}

.geni-text {
	padding-left: 40px;
	padding-right: 40px;
	text-align: center;
	 -moz-transition:all 2500ms ease-in;
	   -webkit-transition:all 2500ms ease-in;
	   -o-transition:all 2500ms ease-in;
	   opacity: 0;
}

.geni-text.show {opacity: 1;}

.geni-text h3 {
	font-size: 45px;
	letter-spacing: -2px;
}

.geni-text p {
	font-size: 30px;
	font-weight: 700;
	letter-spacing: -1px;
}

.patent_icon {

	width: 200px;
	height: 200px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

@media screen and (max-width:1064px) {	
	#geni .col-6-12 {width: 70%;}
	
	}
	
#geni-mobil {margin-top: 40px;
	padding-top: 40px;
	padding-bottom: 40px;
	background-size: cover;
	position: relative;
	background-repeat: no-repeat;
}	

.white-overlay {position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255, 255, 255, 0.38);
	width: 100%;
	height: 100%;
}




#losning {
	background-size: cover;
	background-position: left center;
	width: 100%;
	position: relative;
	color: #fff;
	height: 0px;
	 -moz-transition:all 1500ms ease-in;
	   -webkit-transition:all 1500ms ease-in;
	   -o-transition:all 1500ms ease-in;
}

#losning.show {
	height: 100vh;
}

.losning-text {
	padding-left: 40px;
	padding-right: 20px;
	text-align: center;
	 -moz-transition:all 2500ms ease-in;
	   -webkit-transition:all 2500ms ease-in;
	   -o-transition:all 2500ms ease-in;
	   opacity: 0;
}

.losning-text.show {opacity: 1;}

.losning-text h3 {
	font-size: 45px;
	letter-spacing: -2px;
}

.losning-text p {
	font-size: 30px;
	font-weight: 700;
	letter-spacing: -1px;
}

.lock_icon {
	background-image: url(/wp-content/themes/anderstam/img/lock.svg);
	background-position: center center;
	background-size: cover;
	width: 200px;
	height: 200px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}






/* BYGGSYSTEM SIDA END */

.excluded {position: relative;top:50px;}

.top-summering-text {
	padding-left: 40px;
    padding-right: 20px;
    margin-top: 10%;
}

.priser-grey {width: 48%;}

.top-summering {
	width: 100%;
}	

.top-summering p {
	margin: 0;
	padding: 0;
}

.top-summering h1 {
	margin: 0;
	text-transform: uppercase;
}

.top-summering h3 {
	margin: 0;
	margin-bottom: 20px;
}

#big-house-image {
	background-size: cover;
	height: 150vh;
	background-position: center center;
	position: relative;
}

#big-house-image-mobile {display: none;}



#white-shape {
	position: absolute;
	bottom: -5px;
	right: 0;
	 -moz-transition:all 1500ms ease-in;
	   -webkit-transition:all 1500ms ease-in;
	   -o-transition:all 1500ms ease-in;
}

#white-shape.show {	
	bottom:-2000px;	
}

.fasta-priser {
	margin-top: 40px;
	padding-right: 10px;
}

.fasta-priser hr {
	color: rgba(0, 0, 0, 0.72);
}	

.fasta-priser p {
	margin: 0;
}

.fasta-priser h3 {
	margin: 0;
}

h3 .lighter {
	font-weight:lighter;opacity: .9;
}

#visualisering {
	position: relative;
	z-index: 5;
	background: #fff;
	padding-top: 20px;
}

#visualisering .group-title {
	margin-top: 20px;
}

.darkcyan {color: darkcyan;}


ul.visual {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.visual li {
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
	height: 400px;
}


.bild-text{
	height: 400px;
	padding-left: 20px;
	padding-right: 20px;
}

.desktop {display: block;}
.visual-bildtext-mobil {display: none;}
.visual-list-image-mobil {display: none;}	

ul.visual li:nth-child(even) {background: #fcfcfc;color: black;}

ul.visual li:nth-child(odd) {background-color: #56cad4;color: #fff;}


.visual-list-image {
	background-position: center center;
	height: 400px;
	background-size: cover;
}

#ritningar {margin-top: 80px;padding-bottom: 40px;}


ul.ritningar-lista {
	list-style: none;
	margin: 0;
	margin-top: 20px;
}



#hus-fakta {
	margin-top: 40px;
	padding-top: 40px;
	padding-bottom: 40px;
	background-color:#2d3142;
	background-size: cover;
	position: relative;
}

.wordpress ul {
	list-style: none;
	margin-left: 0px;
	padding: 0;
}

.wordpress  ul li {
	background: url(/wp-content/themes/anderstam/img/check.svg) left center no-repeat;
	padding-left: 25px;
    /* margin-left: 24px; */
    background-size: 20px;
    line-height: 1.5em;

}

.wordpress-black ul {
	list-style: none;
	margin-left: 0px;
	padding: 0;
}

.wordpress-black  ul li {
	background: url(/wp-content/themes/anderstam/img/check_black.svg) left center no-repeat;
	padding-left: 25px;
    /* margin-left: 24px; */
    background-size: 20px;
    line-height: 1.5em;

}

#blue-shape {
	background-image: url(/wp-content/themes/anderstam/img/shape-blue.png);
	background-size: cover;
	position: absolute;
	left: 0px;
	bottom: 0px;
	right: 0px;
	top:0px;
	width: 50%;
	height: 100%;
}

#blue-shape-soft {
	background-image: url(/wp-content/themes/anderstam/img/white_mask.png);
	background-size: cover;
	position: absolute;
	left:0px;
	right: 0px;
	top:0px;
	width: 50%;
	height: 100%;
	opacity: .3;
	 transform: rotate(180deg);
}

#hus-fakta .group-title h6 {
	background-color:#2d3142;
	color: #fff;
}



/* BETYG  START */

.betyg {
	margin-bottom: 40px;
}

#chart {
  width: 350px;
  height: 250px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  
 }
  
 #bars ul {
    display: inline-block;
    width: 600px;
    height: 250px;
    padding: 0;
    margin: 0;
    list-style: none;
    margin-left: auto;
    position: relative;
 }
 
 
 ul#bars {padding: 0;}

ul#bars  li {
      display: table-cell;
      width: 120px;
      height: 200px;
      margin: 0;
      position: relative;
}      
      
.bar {
       display: block;
       width: 35px;
       background: #d3d3d3;
       position: absolute;
       bottom: 0;
       -moz-transition:height 1500ms ease-in;
	   -webkit-transition:height 1500ms ease-in;
	   -o-transition:height 1500ms ease-in;
}        
        
                 
    

span.betyg-typ {
    color: #fff;
    width: 100%;
    position: absolute;
    bottom: -40px;
    left: 0;
    text-align: left;
    font-size: 10px;
    text-transform: uppercase;
 }



/* BETYG  END */


h4.big-text {font-weight: 600;letter-spacing: -1px;font-size: 25px;font-style: oblique;color: #fff;}

p.big-text {font-weight: 600;letter-spacing: -1px;font-size: 25px;margin: 0;color: #282828;}
a.big-text {font-weight: 600;letter-spacing: -1px;font-size: 25px;margin: 0;color: #282828:}
a.big-text:hover {color: #fff;}


.icons {margin-right: 40px;margin-top: 40px;}

.icon img {
margin-top: 40px;
}

.icon img:hover {
	-moz-transition:all 500ms ease-in;
	-webkit-transition:all  500ms ease-in;
	-o-transition:all  500ms ease-in;
	background: #2d3142;
}

#related .col-4-12 {
    position: relative;
    padding-right: 10px;
}

.block {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%
}

.link-image {position: relative;margin-bottom: 15px;overflow: hidden;}

.link-image img {
    transition: all 1s ease-in-out 0s;
    -moz-transition: all 1s ease-in-out 0s;
    -webkit-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
    width: 100%;
}


.link-image:hover img {
    transform: scale(1.2) rotateZ(-1deg);
    -moz-transform: scale(1.2) rotateZ(-1deg);
    -webkit-transform: scale(1.2) rotateZ(-1deg);
    -o-transform: scale(1.2) rotateZ(-1deg);
}

.link-image-text {
	position: absolute;
    color: #fff;
	padding: 10px;
    font-size: 12px;
    background-color: rgba(0, 0, 0, 0.59);
    bottom: 20px;	
}

#modeller {
	margin-top: 40px;
	margin-bottom: 40px;
}

#puffar-hus-single {
	margin-top: 80px;
}

.puff-hus-a{
	background: black;
	height: 50vh;
	color: #fff;
}


.puff-hus-b{
	background:#56cad4;
	height: 50vh;
	color: #fff;
}

p.puff-text-medium {
	font-weight: 600;
	letter-spacing: -1px;
	font-size: 28px;
	margin: 0;
	line-height: 1.2em;
	text-align: center;
}


p.puff-text-large {
	font-weight: 900;
	letter-spacing: -1px;
	font-size: 40px;
	text-transform: uppercase;
	margin: 0;
	line-height: 1.1em;
}

.design {
	width: 150px;
	height: 100px;
	background-image: url(/wp-content/themes/anderstam/img/design.svg);
	background-repeat: no-repeat;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	background-position: center center;
	background-size: contain;

}

.kontakt-icon {
	width: 150px;
	height: 100px;
	background-image: url(/wp-content/themes/anderstam/img/mail.svg);
	background-repeat: no-repeat;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	background-position: center center;
	background-size: 50%;
	
	
}

a.call-to-action {
	border: #fff;
    border-width: 1px;
    border-style: solid;
    padding: 10px;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
    margin-top: 40px;
}

.tomt_submit{
	border: #fff;
    border-width: 1px;
    border-style: solid;
    padding: 10px;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
    margin-top: 40px;
    background: transparent;
}

.tomt_submit:hover {
	background: #282828;
}


.control-label {opacity: 0;}

.caldera-grid .form-control {
    background-color: #fff !important;
    border: 1px solid #fff !important;
    border-radius: 10px !important;
   -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.0) !important;
    box-shadow: inset 0 0px 0px rgba(0,0,0,.0) !important;
    font-style: italic;
    font-size: 12px !important;
}



p.puff-text-link {
	border: #fff;
    border-width: 1px;
    border-style: solid;
    padding: 10px;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 12px;
        width: 150px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

p.puff-text-link:hover {
	border-color:#e9e9e9;
	color: #e9e9e9;
	 transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
}

p.puff-text-link.blueish:hover {
	border-color:#2d3142;
	background-color: #2d3142;
	 transition: all 1s ease-in-out 0s;
    -moz-transition: all 1s ease-in-out 0s;
    -webkit-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;

}

.top-stripe-footer {
	padding-top: 80px;
	padding-bottom: 80px;
	width: 100%;
}

#vara-hus-information {
	margin-top: 40px;
}

#hus-listning {
	margin-top: 40px;
}

.scale-the-image {
	-webkit-transform-origin: center center 0px; 
	transform-origin: center center 0px; 
  animation: df-zoom 30s infinite linear;
  -webkit-animation: df-zoom 30s infinite linear;
	 
}

.signatur {width: 50%;margin-top: -20px;}

#kartan {
	padding-top: 80px;
	padding-bottom: 80px;
	width: 100%;
}

.top-wrapper #white-shape {
	bottom: 0;
    z-index: 1;
    right: 0;
    top: 0;
}

#kartan .icon img {margin-top: 0px;}

#nerby {position: relative;z-index: 2;}




a.map-text{
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: 12px;
    margin-top: -80px;
}


#visubilder img {
	width: 100%;
	height: 100%;
}

.kart-text {
	position: absolute;
	top:0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 1;
}

#white-shape-map {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top:0;
	background-size: cover;
}

.slide-me-big .slick-next {right: 20px;}

.slide-me-big .slick-prev {left: 50px;}

.pin {
  width: 30px;
  height: 30px;
  border-radius: 50% 50% 50% 0;
  background: #9a9a9a;
  position: absolute;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 50%;
  top: 50%;
  margin: -20px 0 0 -20px;
  -webkit-animation-name: bounce;
  -moz-animation-name: bounce;
  -o-animation-name: bounce;
  -ms-animation-name: bounce;
  animation-name: bounce;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  -ms-animation-duration: 1s;
  animation-duration: 1s;
  z-index: 10;
}
.pin:after {
  content: '';
  width: 14px;
  height: 14px;
  margin: 8px 0 0 8px;
  background: #56cad4;
  position: absolute;
  border-radius: 50%;
}
.pulse {
  background: rgba(25, 25, 25, 0.76);
  border-radius: 50%;
  height: 14px;
  width: 14px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 11px 0px 0px -12px;
  -webkit-transform: rotateX(55deg);
  -moz-transform: rotateX(55deg);
  -o-transform: rotateX(55deg);
  -ms-transform: rotateX(55deg);
  transform: rotateX(55deg);
  z-index: 1;
}
.pulse:after {
  content: "";
  border-radius: 50%;
  height: 40px;
  width: 40px;
  position: absolute;
  margin: -13px 0 0 -13px;
  -webkit-animation: pulsate 1s ease-out;
  -moz-animation: pulsate 1s ease-out;
  -o-animation: pulsate 1s ease-out;
  -ms-animation: pulsate 1s ease-out;
  animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-box-shadow: 0 0 1px 2px  #2D313B;
  box-shadow: 0 0 1px 2px  #2D313B;
  -webkit-animation-delay: 1.1s;
  -moz-animation-delay: 1.1s;
  -o-animation-delay: 1.1s;
  -ms-animation-delay: 1.1s;
  animation-delay: 1.1s;
}
@-moz-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-o-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-moz-keyframes bounce {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-2000px) rotate(-45deg);
    -moz-transform: translateY(-2000px) rotate(-45deg);
    -o-transform: translateY(-2000px) rotate(-45deg);
    -ms-transform: translateY(-2000px) rotate(-45deg);
    transform: translateY(-2000px) rotate(-45deg);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(30px) rotate(-45deg);
    -moz-transform: translateY(30px) rotate(-45deg);
    -o-transform: translateY(30px) rotate(-45deg);
    -ms-transform: translateY(30px) rotate(-45deg);
    transform: translateY(30px) rotate(-45deg);
  }
  80% {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    -moz-transform: translateY(-10px) rotate(-45deg);
    -o-transform: translateY(-10px) rotate(-45deg);
    -ms-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(-45deg);
    -moz-transform: translateY(0) rotate(-45deg);
    -o-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
  }
}
@-webkit-keyframes bounce {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-2000px) rotate(-45deg);
    -moz-transform: translateY(-2000px) rotate(-45deg);
    -o-transform: translateY(-2000px) rotate(-45deg);
    -ms-transform: translateY(-2000px) rotate(-45deg);
    transform: translateY(-2000px) rotate(-45deg);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(30px) rotate(-45deg);
    -moz-transform: translateY(30px) rotate(-45deg);
    -o-transform: translateY(30px) rotate(-45deg);
    -ms-transform: translateY(30px) rotate(-45deg);
    transform: translateY(30px) rotate(-45deg);
  }
  80% {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    -moz-transform: translateY(-10px) rotate(-45deg);
    -o-transform: translateY(-10px) rotate(-45deg);
    -ms-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(-45deg);
    -moz-transform: translateY(0) rotate(-45deg);
    -o-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
  }
}
@-o-keyframes bounce {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-2000px) rotate(-45deg);
    -moz-transform: translateY(-2000px) rotate(-45deg);
    -o-transform: translateY(-2000px) rotate(-45deg);
    -ms-transform: translateY(-2000px) rotate(-45deg);
    transform: translateY(-2000px) rotate(-45deg);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(30px) rotate(-45deg);
    -moz-transform: translateY(30px) rotate(-45deg);
    -o-transform: translateY(30px) rotate(-45deg);
    -ms-transform: translateY(30px) rotate(-45deg);
    transform: translateY(30px) rotate(-45deg);
  }
  80% {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    -moz-transform: translateY(-10px) rotate(-45deg);
    -o-transform: translateY(-10px) rotate(-45deg);
    -ms-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(-45deg);
    -moz-transform: translateY(0) rotate(-45deg);
    -o-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
  }
}
@keyframes bounce {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(-2000px) rotate(-45deg);
    -moz-transform: translateY(-2000px) rotate(-45deg);
    -o-transform: translateY(-2000px) rotate(-45deg);
    -ms-transform: translateY(-2000px) rotate(-45deg);
    transform: translateY(-2000px) rotate(-45deg);
  }
  60% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(30px) rotate(-45deg);
    -moz-transform: translateY(30px) rotate(-45deg);
    -o-transform: translateY(30px) rotate(-45deg);
    -ms-transform: translateY(30px) rotate(-45deg);
    transform: translateY(30px) rotate(-45deg);
  }
  80% {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    -moz-transform: translateY(-10px) rotate(-45deg);
    -o-transform: translateY(-10px) rotate(-45deg);
    -ms-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg);
  }
  100% {
    -webkit-transform: translateY(0) rotate(-45deg);
    -moz-transform: translateY(0) rotate(-45deg);
    -o-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
  }
}




@keyframes df-zoom {
  0% {
  -moz-transform:scale(1.0);
  -webkit-transform:scale(1.0);
  -o-transform:scale(1.0);
  -ms-transform:scale(1.0);
  }
  50% {
  -moz-transform:scale(1.1);
  -webkit-transform:scale(1.1);
  -o-transform:scale(1.1);
  -ms-transform:scale(1.1); 
  }
    100% {
  -moz-transform:scale(1.0);
  -webkit-transform:scale(1.0);
  -o-transform:scale(1.0);
  -ms-transform:scale(1.0); 
  }
}

.near_image {
	position: absolute;
	z-index: 1;
}


.tomt-list {
	width: 170px;
	padding-right: 10px;
	padding-left: 10px;
	border-right: #404040;
	border-right-style: dotted;
	border-right-width: .1em;
	float: left;
	font-size: 12px;
	margin-bottom: 20px;
	margin-top: 20px;
}

.tomt-list a strong {font-size: 14px;}

.tomt-list a strong:hover {
	color: #2d3142;
}


.tomt-list p {
	margin: 0;
}

#bygg {
	width: 100%;
	padding-top: 80px;
	padding-bottom: 80px;
	background-color: #56cad4;
	margin-top: 40px;
}


#rekobygg  {
	width: 100%;
	padding-top: 80px;
	padding-bottom: 80px;
	background-image: url(/wp-content/themes/anderstam/img/reko_bygg_bakgrund.jpg);
	background-position: center center;
	background-size: cover;
	position: relative;
	z-index: 10;
	background-attachment: fixed;
}

.reko-logo img {height: 0px;
	 transition: all 1s ease-in-out 0s;
    -moz-transition: all 1s ease-in-out 0s;
    -webkit-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
    opacity: 0;

	
}

.reko-logo.show img{height: 250px;opacity: 1;}


#kund_puff {
	width: 100%;
	padding-top: 80px;
	padding-bottom: 80px;
	background-color: #56cad4;
	color: #fff;
	position: relative;
	z-index: 10;
}

	 .utvald_kund_bild {
		 width: 300px;
		 height: 300px;
		 background-position: center center;
		 background-size: cover;
		 margin-left: auto;
		 margin-right: auto;
	 }



#hus-annmalan {
	width: 100%;
	padding-top: 80px;
	padding-bottom: 80px;
	background-color: #56cad4;
	margin-top: 40px;
}


.large-text {font-weight: 900;font-size: 38px;}


#bygg-gubbe {
  -webkit-transition: max-height 1s; 
  -moz-transition: max-height 1s; 
  -ms-transition: max-height 1s; 
  -o-transition: max-height 1s; 
  transition: max-height 1s;  
  overflow: hidden;
  max-height: 0;
}

#bygg-gubbe.show {
	max-height: 300px;
}


#hus-intresse {
  -webkit-transition: height 1s; 
  -moz-transition: height 1s; 
  -ms-transition: height 1s; 
  -o-transition: height 1s; 
  transition: height 1s;  
  overflow: hidden;
  height: 0;
  width: 150px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  background-position: center center;
  background-size: cover;
}

#hus-intresse.show {
	height: 150px;
	margin-top: 40px;
}

.klick {
	margin-top: 10px;
    padding-bottom: 20px;
}

#inledning	 {margin-bottom: 80px;padding-top: 40px;}
	 
#projekt {
	background: #56cad4;
	padding-bottom: 40px;
}	

#projekt h4 {font-style: oblique;margin-top: 80px;}


#projekt .icon img {margin-top: 0;}

#projekt .group-title h6 {
	background: #56cad4;
	border: 1px solid #fff;
	color: #fff;
}
#projekt .group-title {
	border-top: 1px solid #fff;
}

#tomter {
	background: #fcfcfc;
}	


#tomter .group-title h6 {
	background: #fcfcfc;
}


#tomt-listing {
    padding-bottom: 80px;

}

#tomt-listing h2 {margin-bottom: 20px;color: #56cad4;}

#tomt-listing hr {opacity: .2;margin-bottom: 20px;margin-top: 20px:}
	 
	#tomter ul {
    list-style-type: none;
    list-style-position: inside;
    margin: 0;
    padding: 0;
    width: 49%;
    float: left;
}

#tomter ul.odd {
	opacity: .9;
}

#tomter ul h3 {
color: #0b5472;
}


#tomter ul li {
	display:block;
	margin-top: 5px;
}

#tomter ul li a:hover {
	color: #56cad4;
}

.ort_lista {font-weight: 700;}

.projekt-bild {margin-top: 40px;}

.content-text {margin-top: 20px;margin-bottom: 20px;}

	ul.pins-feed-list {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 1200px;
}

#inspiration {
	width: 100%;
	padding-top: 40px;
	padding-bottom: 40px;
}

#vilka {
	width: 100%;
	padding-top: 40px;
	padding-bottom: 40px;
	color: #fff;
	background: black;
	position: relative;
}

#vilka #white-shape {opacity: .1;}

#vilka h2 {font-size: 45px;letter-spacing: -2px;margin-top: 25px;
    margin-bottom: 15px;	line-height: 1em;}


#vilka h3 {font-size: 30px;letter-spacing: -1px;    margin-top: 5px;	line-height: 1.1em;
    margin-bottom: 5px;}

#inspiration .col-6-12 {
	padding-left: 40px;
	padding-right: 40px;
}


#kontakt {
	    width: 100%;
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #56cad4;
}

#tele-ikon {
  -webkit-transition: max-height 1s; 
  -moz-transition: max-height 1s; 
  -ms-transition: max-height 1s; 
  -o-transition: max-height 1s; 
  transition: max-height 1s;  
  overflow: hidden;
  max-height: 0;
}

#tele-ikon.show {
	max-height: 300px;
}




/* FOOTER STYLE */

 
.low-footer {
	width: 100%;
	background: #0b5472;
	padding-top: 80px;
	padding-bottom: 80px;
	color: #fff;
}

.about p {
	font-size: 12px;
	color: #fff;
	line-height: 1.1em;
    opacity: .8;
}

footer hr {
	color: #c10303;
	opacity: .2;
	margin-top: 30px;
}

footer h4 {
	color: #fff;
    margin-bottom: 8px;
    font-weight: 600;
}


.footer-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
	line-height: 1em;
}

.footer-menu ul li {
	width: 100%;
    line-height: 1.5em;
    font-weight: lighter;
}

.footer-menu ul li a {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	
}

.social-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.social-menu ul li {
	margin: 0;
	padding: 0;
	display: inline-block;
	margin-right: 5px;
	margin-top: 8px;
}

.social-menu a {
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	text-transform:none;

}

.footer-menu ul li a:hover {
	opacity: .7;
	-moz-transition:all 500ms ease-in;
	-webkit-transition:all 500ms ease-in;
	-o-transition:all 500ms ease-in;
}

.social-menu a:hover {
	opacity: .7;
	-moz-transition:all 500ms ease-in;
	-webkit-transition:all 500ms ease-in;
	-o-transition:all 500ms ease-in;
}

.legal ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
	line-height: 1em;
	text-transform: uppercase;
	margin-top: 20px;
}

.legal ul li {
	margin: 0;
	padding: 0;
	margin-right: 20px;
	display: inline-block;
}

.legal ul li a {
	color: #fff;
	text-decoration: none;
}

.legal ul li a:hover {
	opacity: .7;
	-moz-transition:all 500ms ease-in;
	-webkit-transition:all 500ms ease-in;
	-o-transition:all 500ms ease-in;
}

.copyright p {
	margin-top: 20px;
	font-size: 12px;
	color:#ececec
}


.divide {margin-top: 20px;}

.divide hr {opacity: .1;}


/* FOOTER STYLE END */


.top_bilden {height: 50vh;overflow: hidden;}
	
	.move_top_image {margin-top: -10%;}
	
	@media handheld, only screen and (max-width: 855px) {
		
		.top_bilden {height: auto;}
		.move_top_image {margin-top: 0%;}
		
		}




@media screen and (max-width:600px) {
	#tomter ul {
		float: none;
		width: 100%;
	}
	
	#tomter .center {
		text-align: left;
	}
	
	
	}



#fld_7908577_1-wrap {margin-top: 40px;}

.pins-feed-small img {width: 100%;}


.mobil {display: none}

@media screen and (max-width:1540px) {	
	.top-summering-text {
		padding-left: 10px;
		padding-right: 10px;
		margin-top: 8%;
	}
}




@media screen and (max-width:1404px) {	
	.left {left: 0px;}
	.icons {margin-top: 0px;margin-bottom: 0px;margin-right: 0px;}
	
	aside {
    font-size: 15px;
    letter-spacing: 6px;
	}
	
	ul.pins-feed-list {
    width: 1000px;
}


	
}


@media screen and (max-width:1350px) {	
	
	.col-8-12.hus_bild_singel {width: 50%;}
	
	.col-4-12.top-summering-text.desktop { width:50%; }
	
	}
	
	




@media screen and (max-width:1300px) {	
	.top-summering-text {
		padding-left: 20px;
		padding-right: 20px;
	}
	p.puff-text-large {font-size: 36px;}
	
	p.puff-text-medium {font-size: 22px;}
	
	aside {
    font-size: 14px;
    letter-spacing: 5px;
	}
	
	
}
	
	
@media screen and (max-width:1223px) {	
	.icon img {
    margin-top: 15px;
	}
	
	.icons {
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    }
     ul.pins-feed-list {
  
    width: 1000px;
}

	
}	

 @media (max-width: 1180px) { 
	 .col-4-12.first-puff {width: 50%;}	
	.second-puff.col-4-12 {width: 50%;}	
	.third-puff.col-4-12 {width: 100%;}
	 
	 }
	 
	



	
@media screen and (max-width:1140px) {	
	#white-shape{opacity: .2 }
	#big-house-image {height: 100vh;}
	
	ul.pins-feed-list {
    width: 800px;
}

	
}

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

#rekobygg {background-attachment: scroll;}	

}

	
@media screen and (max-width:855px) {	
	
	.col-8-12.hus_bild_singel {width: 100%;}
	
	.big_payoff {
    font-size: 3em;
 
padding-left: 0px;
padding-right: 0px; 
      margin-left: 20px;

}
	
	ul.bullets-start {font-size: 18px;}
#logo_top img {
	width: 60px;
}
	
	ul.pins-feed-list {

    width: 600px;
}
		
	.video-container img {width: auto;}		
   .toppbilden-ej-video {display: none;}	 
  	
	
	.padding {padding-right: inherit;}
	
	.hundred-height {height: auto !important;}
	.visual-slider {display: block;}
	img.visual-list-image-mobil {width: 100%;position: relative;}
	.visual-bildtext-mobil {position: absolute;bottom: 0px;width: 100%;background-color: rgba(0, 0, 0, 0.59);padding: 5px;font-size: 10px;color: #fff; }	
	.bild-text {display: none;}
	.visual-list-image {display: none;}
	.visual-list-image-mobil {display: block;}
	ul.visual li:nth-child(even) {background: transparent;color: inherit;}
	ul.visual li {height: auto;}

ul.visual li:nth-child(odd) {background: transparent;color: inherit;}

.puff-hus-a , .puff-hus-b{
    height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
	}
	
	
	.icons {width: 100%;
    padding: 0;
    margin: 0;
    margin-bottom: 80px;
    }
    
    .desktop {display: none;}
    
    .mobil {display: block;}
    
    .slide-me-big {padding-left: 20px;padding-right: 20px;}
    
    .slide-me-big .slick-prev {left: auto;}
    
    aside {
    font-size: 12px;
	}
	
	
	.geni-text {
	padding-left: 20px;
	padding-right: 20px;
	opacity: 1;
}

.losning-text {
	padding-left: 20px;
	padding-right: 20px;
	opacity: 1;
	padding-top: 15%;
	padding-bottom: 15%;
}




.geni-text h3 {
	font-size: 20px;
	letter-spacing: -1px;
}

.geni-text p {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -0px;
}

.losning-text h3 {
	font-size: 20px;
	letter-spacing: -1px;
}

.losning-text p {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: -0px;
}

	
	
}	



	
@media screen and (max-width:600px) {	
	
	
.low-footer a {
	font-size: 18px;
	line-height: 1.8em;

}	

.low-footer h4 {
	font-size: 20px;
}
	
	.send-wrap {
    width: 340px;
}
	
h1 {font-size: 30px;}	

h2 {font-size: 20px;}	

h3 {font-size: 16px;}
	
	
img#big-house-image-mobile {
	display: block;
	width: 100%;
	
}

.margin-top-eighty {margin-top: 40px;}


#big-house-image, #white-shape {
	display: none;
	}
	
.top-summering {
    position: absolute;
    top: 0px;
    left: 0px;
    padding-left: 20px;
    padding-top: 20px;
    background:rgba(255, 255, 255, 0.47);
    padding-bottom: 10px;
}	

	.big_payoff {
    font-size: 2em;
 
padding-left: 0px;
padding-right: 0px; 
      margin-left: 20px;
 
}
	

}

#cookieChoiceInfo {
    background-color: black !important;
    padding: 40px !important;
    color: #fff !important;
}

#cookieChoiceInfo a {
	color: #fff !important;
text-decoration: none !important;
text-transform: uppercase;
padding: 10px;
background: chocolate;
font-size: 10px;
}

#cookieChoiceInfo a:hover {
	opacity: .7;
	 -webkit-transition: all 700ms ease-out;
    -o-transition: all 700ms ease-out;
    transition: all 700ms ease-out;
}