/* Cookies bakgrunden */
.cc_container {
	background-color: #fefffd!important;
	border-color: #acaac4!important;
}

/* Cookies knappen*/
.cc_container a {
	background-color: #dcbc7a!important;
	color: #000000!important;
}
/* Cookies Texten */
.cc_message {
	color: #000000!important;
}


/* 
	Fix to make custom snippet areas have the same width  as snippet area main
	Also keeps column width when using the grid (row, z_columns)
*/
.columns {
	max-width: 917px;
}
.row {
	max-width: 917px;
}
.row .z_columns {
	padding-left: 0;
	padding-right: 0;
}

/* ======================= START: MODD TOP ============================*/

/* Fix för Fixet ovanför, lägger till padding i Navbar */
.tbl {
	padding-left: 15px;
}

.nav-toggle {
	padding-right: 15px;
}

/* ======================= STOP: MODD TOP ============================*/

/* ======================= START: MODD CONTENT ============================*/

/* ======================= STOP: MODD CONTENT ============================*/

/* ======================= START: MODD PAGE BOTTOM ============================*/

#page_bottom { /* Bakgrundsfärg footer */
	background-color: #f7f7f4;
}


/* ======================= STOP: MODD PAGE BOTTOM ============================*/

/* ======================= START: FONTMODD ============================*/


h1, h2, h3 {
	font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
	font-weight: 200; 
	font-style: normal;
	text-transform: uppercase;
}

h1 {
	font-size: 35px;
}

h2 {
	font-size: 26px;
}

h3 {
	font-size: 20px;
}

p, .column.form label, .column.form input, ul, ol {
	font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
	font-weight: 300;
	font-size: 14px !important;
}

.button.orig a, .cta_button a {
	font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
}

ul {
	list-style-type: circle;
	margin-left: 0.2em;
}
/*
.columns.image2 {
	margin-bottom: 1em;
}

.image2 {
	text-align: right;
}
*/

.columns.facebook_ikon {
	text-align: right;
	margin-bottom: 1em;
}


/* ======================= STOP: FONTMODD ============================*/


/*******************************************
  START CB: Startbild text knappar
*******************************************/

.columns.startbild_text_knappar {
  max-width: 100%;
  padding: 0;
}

.column.startbild_text_knappar {
  position: relative;
}

.column.startbild_text_knappar .stk_content {
  position: absolute;
  width: 100%;
  z-index: 100;
  pointer-events: none;
}

.column.startbild_text_knappar .stk_content .stk_intro {
  text-align: center;
  padding: 130px 0;
}

.column.startbild_text_knappar .stk_content .stk_intro .stk_intro_heading h1 {
  font-size: 32px;
  font-weight: 200;
  text-transform: uppercase;
  margin: 0;
  pointer-events: auto;
}

.column.startbild_text_knappar .stk_content .stk_intro .stk_intro_text p {
  color: #000;
  font-size: 16px !important;
  opacity: 0.75;
  font-weight: 300;
  pointer-events: auto;
}

.column.startbild_text_knappar .stk_content .stk_intro p a {
  color: #fff;
  border: 0;
  text-decoration: underline;
}

.column.startbild_text_knappar .stk_content .stk_intro .stk_intro_btns {
	text-align:center;
	max-width: 63em;
    margin: 0 auto;

    padding-left: 0.9375em;
   	padding-right: 0.9375em;
}

.column.startbild_text_knappar .stk_content .stk_intro .stk_intro_btn_left {
  float:left;
  margin-right:4%;
  width:48%;
}

.column.startbild_text_knappar .stk_content .stk_intro .stk_intro_btn_left .button.orig {
	float:right;
}

.column.startbild_text_knappar .stk_content .stk_intro .stk_intro_btn_right {
  float:left;
   width:48%;
}

.column.startbild_text_knappar .stk_content .stk_intro .stk_intro_btn_right .button.orig {
  float:left;
}

.column.startbild_text_knappar .stk_content .stk_intro a {
  pointer-events: auto;
}

.column.startbild_text_knappar .stk_content .stk_intro .stk_intro_btn_right .button.orig,
.column.startbild_text_knappar .stk_content .stk_intro .stk_intro_btn_left .button.orig {
	font-size: 14px !important;
	font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
}

.column.startbild_text_knappar .overlay {
	/*background: red;
	height: 100%;
	position: absolute;
	width: 100%;
	opacity: 0.7;*/
}

.column.startbild_text_knappar div {
    background-position: 50% 50%;
}

.snippet_area_main > .startbild_text_knappar:first-child {
  margin-top: -37px;
}

.snippet_area > .columns.startbild_text_knappar {
  overflow: visible;
}


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

	.column.startbild_text_knappar .stk_content .stk_intro .stk_intro_btn_left {
	  float:none;
	  margin-right:0;
	  width:100%;
	}
	
	.column.startbild_text_knappar .stk_content .stk_intro .stk_intro_btn_left .button.orig {
		float:none;
	}
	
	.column.startbild_text_knappar .stk_content .stk_intro .stk_intro_btn_right {
	  float:left;
	   width:100%;
	}
	
	.column.startbild_text_knappar .stk_content .stk_intro .stk_intro_btn_right .button.orig {
	  float:none;
	}
	
	.column.startbild_text_knappar .stk_content .stk_intro {
		text-align: center;
		padding: 85px 0;
	}
}

/*******************************************
  STOP CB: Startbild text knappar
*******************************************/

/*******************************************
  START CB: BILD 30 70 TEXT
*******************************************/

.column.bild_30_70_text .bt_text_right {
  float: left;
  width: 75%;
  padding-left: 50px;
  text-align: left !important;
}


.column.bild_30_70_text .bt_text_right h1 {
	margin-bottom: 0.7em;
}

.column.bild_30_70_text .bt_text_right h2 {
	margin-bottom: 0.6em;
}

.column.bild_30_70_text .bt_text_right ul {
	margin-bottom: 2em;
	list-style-position: inside;
}


.column.bild_30_70_text .bt_image_left {
  float: left;
  width: 25%;
}

.column.bild_30_70_text .bt_image_left img{
  border: none !important;
}


.column.bild_30_70_text .bt_both {
  clear: both;
}

@media only screen and (max-width: 599px) {
  
	.column.bild_30_70_text {
		text-align:center;
	}
	  
	.column.bild_30_70_text .bt_text_right,
	.column.bild_30_70_text .bt_image_left {
		width: 100%;
		padding-left: 0;
	}
	  
	.column.bild_30_70_text .bt_image_left img{
		width:50%;
	}
	  
	.column.bild_30_70_text .bt_text_right {
		text-align:left;
	}
	  
	.column.bild_30_70_text .bt_image_left {
		padding: 40px 0;
	}
}

/*******************************************
    END CB: BILD 30 70 TEXT
*******************************************/

/*******************************************
  START CB: BILD 30 70 TEXT synced
*******************************************/

.column.bild_30_70_text_synced .bt_text_right {
  float: left;
  width: 75%;
  padding-left: 50px;
  text-align: left !important;
}


.column.bild_30_70_text_synced .bt_text_right h1 {
	margin-bottom: 0.7em;
}

.column.bild_30_70_text_synced .bt_text_right h2 {
	margin-bottom: 0.6em;
}

.column.bild_30_70_text_synced .bt_image_left {
  float: left;
  width: 25%;
}

.column.bild_30_70_text_synced .bt_image_left img{
  border: none !important;
}


.column.bild_30_70_text_synced .bt_both {
  clear: both;
}

@media only screen and (max-width: 599px) {
  
	.column.bild_30_70_text_synced {
		text-align:center;
	}
	  
	.column.bild_30_70_text_synced .bt_text_right,
	.column.bild_30_70_text_synced .bt_image_left {
		width: 100%;
		padding-left: 0;
	}
	  
	.column.bild_30_70_text_synced .bt_image_left img{
		width:50%;
	}
	  
	.column.bild_30_70_text_synced .bt_text_right {
		text-align:left;
	}
	  
	.column.bild_30_70_text_synced .bt_image_left {
		padding: 40px 0;
	}
}

/*******************************************
    END CB: BILD 30 70 TEXT synced
*******************************************/

/*******************************************
  START CB: Rubrik med linje
*******************************************/

.breakborder {
  height: 1px;
  border: 0;
  border-top: 1px solid #D8D7D7;
  margin: 1.5em 0;
  padding: 0;
  text-align: center;
  clear:both;
}


.breakborder > h2 {
  position: relative !important;
  padding: 0 15px !important;
  background-color: #fff;
  display: inline-block;
  top: -20px;
}


/*******************************************
    END CB: Rubrik med linje 
*******************************************/

/*******************************************
  START CB: Bred bild text special
*******************************************/

.columns.bred_bild_text_special  div {
    background-position: 50% 50%;
}

.columns.bred_bild_text_special {
  max-width: 100%;
  padding: 0;
}

.column.bred_bild_text_special {
  position: relative;
}

.column.bred_bild_text_special .bbts_content {
  position: absolute;
  width: 100%;
  z-index: 100;
  pointer-events: none;
}

.column.bred_bild_text_special .bbts_content .bbts_intro {
  text-align: center;
  padding: 95px 10%;
}

.column.bred_bild_text_special .content .bbts_intro h1 {
  font-size: 32px;
  font-weight: 300;
  margin: 0;
  pointer-events: auto;
}

.column.bred_bild_text_special .bbts_content .bbts_intro p {
  color: #fff;
  font-size: 32px;
  opacity: 0.75;
  font-weight: 300;
  pointer-events: auto;
/*  font-family: 'Open Sans', sans-serif, 'Helvetica Neue', Helvetica, Arial;*/
}

.column.bred_bild_text_special .bbts_content .bbts_intro p a {
  color: #fff;
  border: 0;
  text-decoration: underline;
/*  font-family: 'Open Sans', sans-serif, 'Helvetica Neue', Helvetica, Arial;*/
}

.column.bred_bild_text_special .bbts_content .bbts_intro a {
  pointer-events: auto;
/*  font-family: 'Open Sans', sans-serif, 'Helvetica Neue', Helvetica, Arial;*/
}

.column.bred_bild_text_special .bbts_overlay {
/*  background: #d9bb7f;
  height: 100%;
  position: absolute;
  width: 100%;
  opacity: 0.5;*/
}

.snippet_area_main > .bred_bild_text_special:first-child {
  margin-top: -37px;
}

.snippet_area > .columns.bred_bild_text_special {
  overflow: visible;
}

/*******************************************
  STOP CB: Bred bild text special
*******************************************/


/*******************************************
  START CB: Bred bild text special synced
*******************************************/

.columns.bred_bild_text_special_synced  div {
    background-position: 50% 50%;
}

.columns.bred_bild_text_special_synced {
  max-width: 100%;
  padding: 0;
}

.column.bred_bild_text_special_synced {
  position: relative;
}

.column.bred_bild_text_special_synced .bbts_content {
  position: absolute;
  width: 100%;
  z-index: 100;
  pointer-events: none;
}

.column.bred_bild_text_special_synced .bbts_content .bbts_intro {
  text-align: center;
  padding: 95px 10%;
}

.column.bred_bild_text_special_synced .content .bbts_intro h1 {
  font-size: 32px;
  font-weight: 300;
  margin: 0;
  pointer-events: auto;
}

.column.bred_bild_text_special_synced .bbts_content .bbts_intro p {
  color: #fff;
  font-size: 32px;
  opacity: 0.75;
  font-weight: 300;
  pointer-events: auto;
/*  font-family: 'Open Sans', sans-serif, 'Helvetica Neue', Helvetica, Arial;*/
}

.column.bred_bild_text_special_synced .bbts_content .bbts_intro p a {
  color: #fff;
  border: 0;
  text-decoration: underline;
/*  font-family: 'Open Sans', sans-serif, 'Helvetica Neue', Helvetica, Arial;*/
}

.column.bred_bild_text_special_synced .bbts_content .bbts_intro a {
  pointer-events: auto;
/*  font-family: 'Open Sans', sans-serif, 'Helvetica Neue', Helvetica, Arial;*/
}

.column.bred_bild_text_special_synced .bbts_overlay {
/*  background: #d9bb7f;
  height: 100%;
  position: absolute;
  width: 100%;
  opacity: 0.5;*/
}

.snippet_area_maintop > .bred_bild_text_special_synced:first-child {
  margin-top: -37px;
}

.snippet_area > .columns.bred_bild_text_special_synced {
  overflow: visible;
}

/*******************************************
  STOP CB: Bred bild text special synced
*******************************************/

/*******************************************
  START CB: Bred text
*******************************************/
.columns.bred_text {
    max-width: 100%;
    padding: 50px 0;
    background-color: #d9bb7f;
}

.columns.bred_text .bt_inner {
    max-width: 63em;
    margin: 0 auto;

    padding-left: 0.9375em;
    padding-right: 0.9375em;
    text-align: center;
}

.bt_text {
    text-align: center;
    margin-bottom: 0;
    width: auto;
}

.bt_text h2 {
	margin-bottom: 0.6em;
	color: #fff;
	position: relative;
	font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
	margin-bottom: 0;
    width: auto;
}

@media screen and (max-width: 600px) {
	.columns.bred_text {
		margin-bottom:20px;
	}
}

/*******************************************
    END CB: Bred text
*******************************************/


/*******************************************
  START CB: Bred text knapp
*******************************************/
.columns.bred_text_knapp {
    max-width: 100%;
    padding: 50px 0;
    background-color: #f7f7f4;
}

.columns.bred_text_knapp .btk_inner {
    max-width: 63em;
    margin: 0 auto;

    padding-left: 0.9375em;
    padding-right: 0.9375em;
    text-align: center;
}

.btk_content {
    /*  background-color: #fff;
    padding: 20px;  */
}

.btk_text {
    text-align: center;
    margin-bottom: 20px;
}


.btk_text p {
/*    font-size:32px;
    font-weight: 300;*/
}

.btk_text h2 {
	margin-bottom: 0.6em;
}

.columns.bred_text_knapp .button.orig {
  background-color: #d9bb7f;
/*  background-color: rgb(243, 149, 62);*/
	font-size: 14px !important;
	font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;

}

.columns.bred_text_knapp .button.orig a {
	color: #fff;
}
.columns.bred_text_knapp .button.orig a:hover {
	color: #fff;
}

@media screen and (max-width: 600px) {
  .columns.bred_text_knapp {
    margin-bottom:20px;
  }
}

/*******************************************
    END CB: Bred text knapp
*******************************************/


/*******************************************
  START CB: Bred text knapp knapp
*******************************************/

.columns.bred_text_knapp_knapp {
    max-width: 100%;
    padding: 50px 0;
    background-color: #f7f7f4;
    
}
.columns.bred_text_knapp_knapp a {
	color: #fff;
}

.columns.bred_text_knapp_knapp .btkk_inner {
    max-width: 63em;
    margin: 0 auto;

    padding-left: 0.9375em;
    padding-right: 0.9375em;
    text-align: center;
}

.btkk_content {
    /*  background-color: #fff;
    padding: 20px;  */
}

.btkk_text {
    text-align: center;
    margin-bottom: 20px;
}


.btkk_text p {
/*  
	font-size:32px;
    font-weight: 300;
*/
}

.btkk_text h2 {
	margin-bottom: 0.6em;
}

.columns.bred_text_knapp_knapp .button.orig {
	background-color: #d9bb7f;
	font-size: 14px !important;
	font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
}

.columns.bred_text_knapp_knapp .button.orig a:hover {
	color: #fff;
}

.btkk_one {
	margin-right: 4em!important;
}

@media screen and (max-width: 600px) {
  .columns.bred_text_knapp_knapp {
    margin-bottom:20px;
  }
}

@media screen and (max-width: 500px) {
	.btkk_one {
		margin-right: 0!important;
	}
}

/*******************************************
    END CB: Bred text knapp knapp
*******************************************/


/*******************************************
  START CB: Bred 3 bild text
*******************************************/

.columns.bred_3_bild_text {
    max-width: 100%;
    padding: 50px 0;
    background-color: #f7f7f4;
}

.columns.bred_3_bild_text .b3bt_inner{
        max-width: 63em;
        margin: 0 auto;

        padding-left: 0.9375em;
        padding-right: 0.9375em;
        text-align: center;
    }

.b3bt_text_content p {
    font-size: 16px;
    text-transform: uppercase;
    font-weight:400;
	font-family: 'Open Sans', sans-serif, 'Helvetica Neue', Helvetica, Arial;
}

.b3bt_text_content p a {
	border-bottom-width: none;
	border-bottom-style: none;
}

.b3bt_text_content p a:hover {
	border-bottom-width: none;
	border-bottom-style: none;
}

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

.b3bt_text_content {
    margin-top: 15px;   
}

.b3bt_rubrik h2 {
	text-transform: uppercase !important;
	margin-bottom: 20px;
	font-weight: 300;  
}

.b3bt_image_text {
    text-align: center;
    width: 33%;
/*    margin-right: 1%;
    margin-left: 1%;*/
    float: left;
    /* background-color: #fff; */
    padding: 20px;
}

.b3bt_image_cont {
    /*background-color: #fff;*/
    width: 160px;
    height: 160px;
    text-align: center;
    margin: auto;
/*	padding: 30px;*/

}

.b3bt_image_cont img {
	border-radius: 50%;
}

@media only screen and (min-width: 601px) and (max-width: 800px) {
    
.b3bt_image_text{
    width:48%;
    float:left;
    margin-bottom: 15px;
}

.b3bt_image_cont img{
    max-width:100%;
}

}

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

.b3bt_image_text{
    width:100%;
    float:none;
}

.columns.bred_3_bild_text {
	margin-bottom:1.5em;
}

}

/*******************************************
  STOP CB: Bred 3 bild text
*******************************************/


/*******************************************
  START CB: Divider
*******************************************/

.divider_in_div{
	height: 1px;
	border: 0;
	border-top: 1px dotted rgb(217,187,127);
	margin: 1.5em 0;
	padding: 0;
}

/*******************************************
  STOP CB: Divider
*******************************************/

/*******************************************
  START CB: KONTAKTRUTA
*******************************************/

.column.kontaktruta {
    background-color: #f7f7f4;
}

.k_image {
    padding: 0;
}

.k_text {
    text-align: left;
    padding: 20px;
}

.k_text .k_text_content {
    margin-bottom: 10px;
}

.k_text .k_text_content h3 {
	font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
	font-size: 14px;
	line-height: 1.8em;
	letter-spacing: 0.03em;
	margin-bottom:0.7em;
	text-transform:uppercase;
	color:#b1915f;
}

.k_text .k_text_content h2 {
	font-size: 17px;
}

.k_text .k_text_content p.last-child {
	margin-bottom: 0;
}

@media only screen and (max-width: 600px) {
	.column.kontaktruta {
		width: 70%;
		margin-left: auto;
		margin-right: auto;
	}
}

@media only screen and (max-width: 500px) {
	.column.kontaktruta {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
}


/*******************************************
    END CB: KONTAKTRUTA
*******************************************/


/*******************************************
    START CB: Text med 5 bilder
*******************************************/

.text_med_5_bilder {
	text-align: center;	
}

.image_container_fem {
	margin-top: 1em;
}

.image_containers_fem {
	display:inline-block;
	width: 15%;
	margin-left: 4%;
}

@media only screen and (max-width: 600px) {
	
	.image_containers_fem {
		min-width: 100%;	
	}
	
	.image_containers_fem img{
		min-width: 150px;
	}
}

/*******************************************
    END CB: Text med 5 bilder
*******************************************/

/*******************************************
    START CB: Text med 2 bilder
*******************************************/

.text_med_3_bilder {
	text-align: center;	
}

.image_container_tva {
	margin-top: 1em;
}

.image_containers_tva {
	display: inline-block;
	width: 15%;
	margin-left: 4%;
}

.image_containers_tva {
	min-width: 50px;
	min-height: 50px;
}

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

	.image_containers_tva {
		min-width: 100%;	
	}

	.image_containers_tva img{
		min-width: 150px;
	}
}

/*******************************************
    END CB: Text med 2 bilder
*******************************************/




/*******************************************
    START CB: Examination
*******************************************/
.sf-errors,
.column.examination form {
	max-width: 460px;
	margin: 0 auto 20px auto;
	font-weight: bold;
}

.sf-field {
	margin-bottom: 20px;
}
.sf-error input {
    border: 1px solid red !important;
}
.sf-error-field {
    display: none;
    /*background: lightcoral;*/
    /*margin-top: -5px;*/
}

.sf-errors {
	font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
}

.sf-firstname {
	float: left;
	width: 49%;
	margin-right: 2%;
}
.sf-lastname {
	float: left;
	width: 49%;
}

.sf-field-5 .sf-col-md-4 {
	padding-right: 0;
}

.column.examination {
	padding-bottom: 5px; /* Prevent success message text cutting  */	
}

.column.examination #field-9,
.column.examination #field-8 {
	float: left;
	width: 6%;
}

.column.examination label,
.column.examination form input {
	font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
	font-weight: 300;
}

.column.examination label[for="field-9"],
.column.examination label[for="field-8"] {
	font-size: 13px;
	line-height: 1.6em;
	float: left;
	margin: -5px 0 0 0;
	width: 90%;
	margin-bottom: 15px;
}
.column.examination button {
	background-color: #d9bb7f;
	font-size: 14px !important;
	font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
	
	border: none !important;
	cursor: pointer;
	font-weight: normal;
	line-height: normal;
	margin: 0 0 1.25em;
	position: relative;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	padding-top: 0.75em;
	padding-right: 3em;
	padding-bottom: 0.8125em;
	padding-left: 3em;
	border-radius: 4px;
	text-transform: uppercase;
	-webkit-box-shadow: none;
}
.sf-field-description {
	font-size: 12px;
	letter-spacing: 0.03em;
	color: rgb(124, 124, 124);
	margin-top: -6px;
	font-family: "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
	font-weight: 300;
}

/*******************************************
    END CB: Examination
*******************************************/

/*******************************************
    START CB: Lista examinerade
*******************************************/

.le_container {
	max-width: 75%;
}

.le_row {
	width: 100%;
	float:left;
	padding-left: 1em;
}

.le_row:nth-child(even) {
	background-color: #f7f7f4;
	padding-top:0.3em;
	padding-bottom:0.3em;
}

.le_column {
	width: 30%;
	float: left;
}

.le_divider_in_div{
	height: 1px;
	border: 0;
	border-top: 1px dotted rgb(217,187,127);
	margin: 1.5em 0 0.5em 0;
	padding-left: 0;
}

@media only screen and (max-width: 991px) {
	.le_container {
		max-width: 80%;
	}
}


@media only screen and (max-width: 600px) {
	.le_container {
		max-width: 100%;
		width: 100%;
	}
	
	.le_row {
		float:none;
	}
	
	.le_column {
		width: 100%;
		float: none;
	}
}

/*******************************************
    STOP CB: Lista examinerade
*******************************************/