@charset "utf-8";
/* CSS Document */

/* OUR FONTS
font-family: 'BenchNine', sans-serif;
font-family: 'Lobster', cursive;
font-family: 'Abril Fatface', cursive;
*/

body {
	background-color:#2e2f2e;
	font-family: 'BenchNine', sans-serif;
	font-size:22px; /* tidigare 18px */
	overflow-x:hidden;
	position:relative;
}

@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}

/* =============================== CORE STYLES =============================== */

@media (min-width: 1400px) {
  .container {
    width: 1365px;
  }
}

.container-first {
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container-first {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container-first {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container-first {
    width: 1170px;
  }
}
@media (min-width: 1400px) {
  .container-first {
    width: 1365px;
  }
}

#bg-header {
	background-image:url("../img/bakgrundsbild-planka.jpg");
	background-repeat:repeat;
	background-position:center top;
}
	@media (min-width: 992px) {
		#bg-header {
			background-repeat:no-repeat;
			background-position:center center;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
		}
	}

	#header {padding:30px 0;}
	#header img {width:70%;}
	@media (max-width: 480px) {
		#header img {width:90%;}
	}
	
#bg-nav {
	background-image:url("../img/bakgrundsbild-transparent.png");
	background-repeat:repeat;
}
	
	#baggomarina-nav {
		/*font-family: 'Abril Fatface', cursive;*/
		font-family: 'Oswald', sans-serif;
	}
		
		#language-se {
			font-family: 'BenchNine', sans-serif;
			margin-right:-7px;
			display:none;
		}
		#language-fi {
			font-family: 'BenchNine', sans-serif;
			margin-left:-7px;
			display:none;
		}
		#language-en {
			font-family: 'BenchNine', sans-serif;
			margin-left:-7px;
			display:none;
		}
		.language-mob {
			font-family: 'BenchNine', sans-serif;
			display:inline;
			letter-spacing:6px;
		}
		#navbar .nav .language-mob a {
			color:#b8b6a4;
		}
		#lang-mob-1 {padding:20px 0px 15px 0px;}
		#lang-mob-2 {padding:10px 0px 30px 0px;}
		.language-divider {
			font-size:18px;
			color:#fff;
			display:none !important;
		}
		.language-divider-mob {display:inline !important;}
		@media (min-width: 993px) {
			#language-se {display:inline;}
			#language-fi {display:inline;}
			#language-en {display:inline;}
			.language-mob {display:none!important;}
			.language-divider {
				margin-top: 11px;
				display:inline !important;
			}
			.language-divider-mob {display:none!important;}
		}	
	
/* ========= Navigation style when it's sticky at the top of the browser window ========= */	
	nav.stick {
		position: fixed;
		top: 0;
		z-index: 10000;
		width:100%;
		margin-top:0px;
		border-radius:0;
		background-image:url("../img/bakgrundsbild-transparent.png");
		background-repeat:repeat;
	}
	
	@media (min-width: 768px) {
	  nav.stick {
		width: 750px;
	  }
	}
	@media (min-width: 992px) {
	  nav.stick {
		width: 970px;
	  }
	}
	@media (min-width: 1200px) {
	  nav.stick {
		width: 1170px;
	  }
	}
	
	@media (min-width: 1400px) {
	   nav.stick {
		  width: 1365px;
	  }
	}

/* ========= Pop-up Modal style tweeks ========= */	

.modal {
    z-index: 10000;
}

.modal-header .close {
    /*margin-top: -3rem;
    padding: 0.5rem;*/
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    /*color: #2e2f2e;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;*/
	color: #2b2019;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.5);
	filter: alpha(opacity=100);
	opacity: 1;
}

.close:hover {
	/*color: #2e2f2e;*/
	color: #2b2019;
	opacity: 0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.modal-content {
	background-image: url("../img/bakgrundsbild-brun-metall.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
	border: 8px solid #090504;
	background-color: #725339;
}

.modal-header {
    min-height: 16.43px;
    padding: 25px 35px 5px 35px;
    /*border-bottom: 1px solid #e5e5e5;*/
	border-bottom: none;
}

.modal-body {
    position: relative;
    padding: 15px 35px 15px 35px;
}

.modal-footer {
    padding: 15px 35px 35px 35px;
    text-align: right;
    /*border-top: 1px solid #e5e5e5;*/
	border-top: none;
}

/* ================== */
	
.bg-white {background-color:#FDFDFD;}
.bg-brown {background-color: #8c7e65;}
.bg-beige {background-color: #b8b6a4}
.bg-light-beige {background-color: #dbdad1;}
.bg-dark {background-color: #242524;}
.bg-darker {background-color: #1b1c1b;}

		.col1 {padding:80px 30px 20px 30px;}
		.col2 {padding:20px 60px 80px 60px;}
		@media (min-width: 461px) {
			.col1 {padding:80px 80px 20px 80px;}
			.col2 {padding:20px 80px 90px 80px;}
		}
		@media (min-width: 768px) {
			.col1 {padding:80px 100px 20px 100px;}
			.col2 {padding:20px 100px 90px 100px;}
		}
		@media (min-width: 992px) {
			.col1 {padding:60px 30px 60px 110px;}
			.col2 {padding:110px 120px 100px 30px;}
		}
		@media (min-width: 1200px) {
			.col1 {padding:60px 30px 60px 150px;}
			.col2 {padding:80px 120px 80px 30px;}	
		}
			
			.col2 img {width:100%; max-width:300px;}
			@media (min-width: 768px) {
				.col2 img {width: 80%;}
			}
			@media (min-width: 992px) {
				.col2 img {width: 100%;}
			}
			@media (min-width: 1200px) {
				.col2 img {max-width:300px; float:left;}
			}
			
		.col1-inverse {padding:80px 60px 20px 60px;}
		.col2-inverse {padding:20px 30px 80px 30px;}
		@media (min-width: 461px) {
			.col1-inverse {padding:80px 80px 20px 80px;}
			.col2-inverse {padding:20px 80px 90px 80px;}
		}
		@media (min-width: 768px) {
			.col1-inverse {padding:80px 100px 20px 100px;}
			.col2-inverse {padding:20px 100px 90px 100px;}
		}
		@media (min-width: 992px) {
			.col1-inverse {padding:130px 30px 100px 120px;}
			.col2-inverse {padding:60px 110px 80px 30px;}
		}
		@media (min-width: 1200px) {
			.col1-inverse {padding:80px 30px 80px 120px;}
			.col2-inverse {padding:60px 150px 80px 30px;}	
		}
		
			.col1-inverse img {width:100%; max-width:300px;}
				@media (min-width: 768px) {
				.col2-inverse img {width: 80%;}
				}
				@media (min-width: 992px) {
					.col2-inverse img {display:inline; width: 100%;}
				}
				@media (min-width: 1200px) {
				  .col1-inverse img {display:inline; max-width:300px; float:right;}
				}


		.col1-inverse-highlight {padding:80px 60px 20px 60px;}
		.col2-inverse-highlight {padding:20px 30px 80px 30px;}
		@media (min-width: 461px) {
			.col1-inverse-highlight {padding:80px 80px 20px 80px;}
			.col2-inverse-highlight {padding:20px 80px 90px 80px;}
		}
		@media (min-width: 768px) {
			.col1-inverse-highlight {padding:80px 100px 20px 100px;}
			.col2-inverse-highlight {padding:20px 100px 90px 100px;}
		}
		@media (min-width: 992px) {
			.col1-inverse-highlight {padding:80px 30px 80px 120px;}
			.col2-inverse-highlight {padding:60px 110px 80px 30px;}
		}
		@media (min-width: 1200px) {
			.col1-inverse-highlight {padding:80px 30px 80px 120px;}
			.col2-inverse-highlight {padding:90px 150px 80px 30px;}	
		}
		
			.col1-inverse-highlight img {width:100%; max-width:300px;}
				@media (min-width: 768px) {
				.col2-inverse-highlight img {width: 80%;}
				}
				@media (min-width: 992px) {
					.col2-inverse-highlight img {display:inline; width: 100%;}
				}
				@media (min-width: 1200px) {
				  .col1-inverse-highlight img {display:inline; max-width:300px; float:right;}
				}

/* Highlight */


#highlight2 {
	background-image: url(../img/bakgrundsbild-bottentvatt.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
	background-color:#c9c6b9;
	color:#ffffff;
}

/*.bg-highlight2 {
	background-image: url("../img/Baggo_Marina_2019_05.jpg");
    background-repeat: repeat;
    background-position: center top;
    background-size: 100%;
}*/

/* Elbilsladdning */

.elbilsladdning {
	background-color:#8c7e65;
	background-image:url("../img/bakgrundsbild-brunt-papper.jpg");
	background-size: 100%;
	/*background-repeat:repeat;
	background-position:center top;*/
	color:#ffffff;
}

	#elbil_nosto {
		position:relative; /* relative för att positionen av .flag skall styras av den */
		padding: 60px 0px;
		color:#fff;
	}

/* Bensinmack */

.bensin {
	background-color:#ffffff;
	/*background-image:url("../img/bakgrundsbild-brun-metall.jpg");*/
	background-size: 100%;
	/*background-repeat:repeat;
	background-position:center top;*/
	color:#2f2e2f;
}

/* Story */

.bg-story {
	background-image:url("../img/bakgrundsbild-katsa.jpg");
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

	#citat {
		position:relative; /* relative för att positionen av .flag skall styras av den */
		padding: 60px 0px;
		color:#fff;
	}
	
		#citat1 {font-style:italic; padding:0 30px;}
		@media (min-width: 461px) {
			#citat1 {padding:0px 80px}
		}
		@media (min-width: 992px) {
			#citat1 {padding:0px 165px}
		}
		
		#author {text-align:right; padding-right:60px;}
		@media (min-width: 461px) {
			#author {padding-right:80px;}
		}
		@media (min-width: 992px) {
			#author {padding-right:160px;}
		}
		
	#flag {
		position:absolute;
		width:100%;
		margin:0 auto;
		top:93%;
		/*bottom:-50px;*/
	}
	@media (min-width: 461px) {
		#flag {top:90%;}
	}
	
		#flag img {width:61%;}
		@media (min-width: 461px) {
			#flag img {width:45%;}
		}
		@media (min-width: 768px) {
			#flag img {width:36%;}
		}
		@media (min-width: 992px) {
			#flag img {width:30%;}
		}
	
	#bg-historia {
		background-image:url("../img/bakgrundsbild-transparent.png");
		background-repeat:repeat;
	}
	
		#historia {color:#fff;}
		
			#historia h2 {padding-bottom:5px;}
			#row1 p {text-align: justify; font-weight:300; line-height:30px;}
		
			#historiacol1 {padding:60px 45px 0px 45px;} /* +15px åt sidorna för att jag använder .container-first istf. .container*/
			#historiacol2 {padding:0px 45px 30px 45px;} /* bottom 80px ist.f. 60px pga. fb-share knapparna som kommer utanför */
			@media (min-width: 461px) {
				#historiacol1 {padding:60px 95px 0px 95px;} /* +15px åt sidorna för att jag använder .container-first istf. .container*/
				#historiacol2 {padding:0px 95px 30px 95px;}
			}
			@media (min-width: 992px) {
				#historiacol1 {padding:90px 30px 60px 115px;}
				#historiacol2 {padding:158px 115px 30px 30px;} /* +5px top för att historia h2 har padding-bottom:5px; */
			}

		.col-md-4 img {max-width: 70%; height: auto;}
		@media (min-width: 600px) {
			.col-md-4 img {max-width: 40%;}
		}
		@media (min-width: 992px) {
			.col-md-4 img {max-width: 70%;}
		}

		.margin-top50 {margin-top: 25px;}
		@media (min-width: 992px) {
			.margin-top50 {margin-top: 0;}
		}

		.col-md-4 h2 {font-size:36px;}
		@media (min-width: 992px) {
			.col-md-4 h2 {font-size:30px;}
		}

	#video-lank {margin-top: 35px; text-transform: uppercase; letter-spacing: 2px;}
			
	/* Vinterförvaring kalkylator */
	
	.row2 {padding:0 30px 80px 30px;}
	.row3 {padding:90px 30px 80px 30px;}
	.row4 {padding:60px 30px 70px 30px;}
	.row5 {padding:0 30px 70px 30px;}

	#calculator {padding:20px 15px 0 15px; /* +15px för .row */}
	
	#calc-block1 {display:inline-block; padding:0 0 0 0;}
	#calc-block2 {display:inline-block; padding:0 0 0 0;}
	#calc-block3 {display:block; vertical-align: top; text-align:center;}
	
	@media (min-width: 461px) {
		.row2 {padding:0 95px 80px 95px;}
		.row3 {padding:90px 95px 80px 95px;}
		.row4 {padding:60px 80px 70px 80px;}
		.row5 {padding:0 80px 70px 80px;}
	}
	@media (min-width: 768px) {
		#calc-block1 {display:inline-block; padding:0 10px 0 0;}
		#calc-block2 {display:inline-block; padding:0 20px 0 10px;}
		#calc-block3 {display:inline-block; vertical-align: top; text-align:right;}
	}
	@media (min-width: 992px) {
		.row2 {padding:0 115px 80px 115px;}
		.row3 {padding:120px 115px 100px 115px;}
		.row4 {padding:80px 100px 80px 100px;}
		.row5 {padding:0 100px 80px 100px;}
	}
	
	/* If two calculators excists, these settings are for the first. */
	/*#equals {font-size:32px; padding-right:10px}
	#totalPrice {font-size:56px; font-weight:100; margin-top:-17px;}
	#moms {font-size:16px; text-transform:none; margin-top:-12px;}*/

	/* If only one calculator excists, these settings are for that one. */
	#equals {font-size:24px; padding-right:10px}
	#totalPrice {font-size:40px; font-weight:100; margin-top:-12px;}
	#moms {font-size:16px; text-transform:none; margin-top:-12px;}
			
/* Carousel photo slider */

.carousel-caption { /* för att overrule bootstrap css*/
/*text-shadow: 0 1px 2px rgba(0, 0, 0, .6);*/
padding-bottom:20px;
}
@media (min-width: 461px) {
.carousel-caption {padding-bottom:40px;}
}

	.carousel-caption h3 {
		font-size: 28px;
		text-transform: uppercase;
		letter-spacing: 2px;
		color: #fff;
	}
	@media (min-width: 461px) {
		.carousel-caption h3 {
			font-size: 36px;
		}
	}

	.carousel-caption p {
		margin-bottom: 30px;
		margin-top: -12px;
		line-height: 99%;
	}

/* Framtid */

#social-icons1 ul {list-style-type: none; margin: 0; padding: 2px 0 20px 0;}	
#social-icons1 ul li {display: inline; padding: 0 .1em;}
#social-icons1 ul li a img {width:40px;}
#social-icons1 ul li a:focus, #social-icons1 ul li a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

/* Some */

#bg-some {
	background-image: url(../img/bakgrundsbild-transparent.png);
    background-repeat: repeat;
	/*background-image:url("../img/betong.jpg");
	background-repeat:repeat;
	background-position:center center;*/
	/*background-image:url("../img/chalkboard.jpg");
	background-repeat:repeat;*/
}

	#some {padding:60px 15px; color:#fff;}
	@media (min-width: 992px) {
		#some {padding:60px 60px;}
	}
	
	#some h1 {font-size:30px;}
	@media (min-width: 461px) {
		#some h1 {font-size:40px;}
	}
	@media (min-width: 768px) {
		#some h1 {font-size:60px;}
	}
		
	@media (min-width: 992px) {
		#some p {font-size:28px;}
	}
	
		#social-icons ul {list-style-type: none; margin: 0; padding: 10px 0 0 0;}	
		#social-icons ul li {display: inline;}
		#social-icons ul li a img {width:60px;}
			@media (min-width: 768px) {
				#social-icons ul li a img {width:60px;}
			}
		#social-icons ul li a {padding: .2em 0.2em;}
			@media (min-width: 768px) {
				#social-icons ul li a {padding: .2em 0.3em;}
			}
			#social-icons ul li a:focus, #social-icons ul li a:hover {
				opacity: 0.8;
				filter: alpha(opacity=80); /* For IE8 and earlier */
				-webkit-transition: all 0.2s ease-out;
				-moz-transition: all 0.2s ease-out;
				-o-transition: all 0.2s ease-out;
				transition: all 0.2s ease-out;
			}

#fb-sharelike {display: inline-block; margin-top: 35px; margin-bottom: -10px;}

/* Motto */

/* == Pinterest widget == */
#pinterest-gallery {
  overflow: auto;
  list-style: none;
  margin:0 auto;
  width:100%;
}
@media (min-width: 461px) {
	#pinterest-gallery {width:300px;}
}
@media (min-width: 768px) {
	#pinterest-gallery {width: 300px;}
}
@media (min-width: 992px) {
	#pinterest-gallery {margin:0; width: 100%;}
}

#pinterest-gallery li {
  float: left;
  width:47%;
  padding-bottom:47%;
  background-size: cover;
  margin: .1em;
  /*padding: 0;*/ /* padding:0; gör att länken fungerar, men går ej ihop med padding-bottom som behövs för responsivitet */
  border: none;
}

@media (min-width: 461px) {
  #pinterest-gallery li {
  	float: right;
	width: 145px;
	height: 145px;
	padding: 0;
  }
}
@media (min-width: 768px) {
  #pinterest-gallery li {
	float: right;
	width: 145px;
	height: 145px;
	padding: 0;
  }
}
@media (min-width: 992px) {
	#pinterest-gallery li {
	  float: right;
	  width: 122px;
	  height: 122px;
	  padding: 0;
	}
}
@media (min-width: 1200px) {
	#pinterest-gallery li {
	  width: 150px;
	  height: 150px;
	  float: right;
	  padding: 0;
	}
}

#pinterest-gallery img { border: none; }

.pinterest-link {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  height: 100%;
  white-space: nowrap;
}

/* Internet Explorer correction */
#pinterest-gallery li a { 
	color: transparent; 
	line-height: 1px;
	font-size: 0px;
}
/* ==== */

	#social-icons2 {padding: 2px 0 0 0;}
	#social-icons2 a img {width:40px;}
	#social-icons2 a:focus, #social-icons2 a:hover {
		opacity: 0.7;
		filter: alpha(opacity=70); /* For IE8 and earlier */
		-webkit-transition: all 0.2s ease-out;
		-moz-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}
	
/* Adress */
	
.bg-adress {
	background-image:url("../img/bakgrundsbild-betong.jpg");
	background-repeat:repeat;
	background-position:center top;
}
	@media (min-width: 992px) {
		.bg-adress {
			background-image:url("../img/bakgrundsbild-betong.jpg");
			background-repeat:repeat;
			background-position:center top;
			background-size:100%;
		}
	}

	.adress {
		padding: 60px 15px;
		color:#fff;
	}
	@media (min-width: 992px) {
		.adress {padding: 60px 60px;}
	}
	
		.adress p {font-size:26px;}
	
		.adress a {color:#2e2f2e; text-decoration:none;}
		.adress a:focus, .adress a:active, .adress a:hover {
			color:#fff;
			-webkit-transition: all 0.2s ease-out;
			-moz-transition: all 0.2s ease-out;
			-o-transition: all 0.2s ease-out;
			transition: all 0.2s ease-out;
		}
	
	#adress_kontakt {display:none;}
	
/* Boka */
	
	#bg-book {
		background-color:#383938;
		/*background-image:url("../img/bakgrundsbild-transparent.png");
		background-repeat:repeat;*/
	}
	
		.book {color:#fff;}
		
/* Båtplats */

.bm-video {display: none;}

@media (max-width: 992px) {
	.bm-video {display: block; padding-bottom: 25px;}
}

.batplats-bs .hamninfo, .batplats-bs .hamnservice, .batplats-bs .miljoinfo { padding-top:25px }
.batplats-bs .miljoinfo .miljoinfo-p2 {margin-top: 42px;}

@media (max-width: 992px) {
	.batplats-bs .miljoinfo {padding-left:0px}
	.batplats-bs .miljoinfo .miljoinfo-p2 {margin-top:35px}
}

@media (max-width: 992px) {
	.pris-02 {padding-top: 19px;}
}

.testimonials {padding: 45px 0 50px 0;}

.testimonial {
	text-align: center;
    display: block;
    margin: 0 auto;max-width: 100%;
    width: 50%;height: auto;
}

#myTestimonials .carousel-control.right, #myTestimonials .carousel-control.left {background: none;}

.testimonial-header {padding-bottom: 5px;}

	/*@media (min-width: 461px) {
		#myTestimonials .carousel-inner {height: 315px;}
	}
	@media (min-width: 615px) {
		#myTestimonials .carousel-inner {height: 218px;}
	}
	@media (min-width: 992px) {
		#myTestimonials .carousel-inner {height: 192px;}
	}*/

#myTestimonials .carousel-inner .item .testimonial blockquote {
	padding: 0;
    margin: 0;
    font-size: unset;
    border-left: none;
}

#myTestimonials .carousel-inner .item .item-space {padding-top:15px;}

#myTestimonials .carousel-inner .item .testimonial blockquote .quote {
	font-size: 100px;
    position: absolute;
    margin-top: -43px;
	margin-left: -67px;
}

#myTestimonialsBottentvatt .carousel-control.right, #myTestimonialsBottentvatt .carousel-control.left {background: none;}

#myTestimonialsBottentvatt .carousel-inner .item .testimonial blockquote {
	padding: 0;
    margin: 0;
    font-size: unset;
    border-left: none;
}

#myTestimonialsBottentvatt .carousel-inner .item .item-space {padding-top:15px;}

#myTestimonialsBottentvatt .carousel-inner .item .testimonial blockquote .quote {
	font-size: 100px;
    position: absolute;
    margin-top: -43px;
	margin-left: -67px;
}

.quote {
	font-size: 100px;
    position: absolute;
    margin-top: -43px;
	margin-left: -67px;
}

.testimonial .quotee {margin-top: 25px;}

.quoteMarks {font-size: xxx-large;}

/* Vinterförvaring och Service */

.bg-transparent {
		/*background-color:#333;*/
		background-image:url("../img/bakgrundsbild-transparent.png");
		background-repeat:repeat;
}

	.header-only {
		color:#fff;
		padding: 60px 30px 70px 30px;
	}
	
	#forvaringcol1 {padding:0 15px 0 15px;} 
	#forvaringcol2 {padding:0 15px 0 15px;}
	
	@media (min-width: 461px) {
		.forvaring {padding: 60px 80px 70px 80px;}
	}
	@media (min-width: 992px) {
		.forvaring {padding:80px 100px 80px 100px;}
		
		#forvaringcol1 {padding:0 30px 0 15px;} 
		#forvaringcol2 {padding:0 15px 0 30px;}
	}
	
	#forvaring-rubrik {padding-bottom:45px;}
	
	.menu-line {
	  width: 100%;
	  overflow: hidden;
	}
	
	/*.menu-line:before{
		margin-right: 10px;
		content: "";
		display: block;
		background: url(../img/.png) no-repeat;
		background-size: cover;
		width: 30px;
		height: 30px;
		float: left;
	}*/

	.menu-line:after {
	  content: "";
	  display: inline-block;
	  width: 90%;
	  vertical-align: baseline;
	  border-bottom: 1px dotted;
	  margin: 0 -95% 0 .5em;
	}
	
	.product-field {/*margin-top:-5px;*/}
	.product-field-spec {margin-top:5px; padding-bottom:8px;}
	.product-rubrik {padding-top:10px;}
	.product {display:inline-block; width:70%;}
	.product-price {display:inline-block; width:30%; padding-left: .5em; float:right;}
	.product-info {
		margin-top:-10px;
		-webkit-margin-before: -20px;
		font-weight:100;
		font-size:16px;
		padding-bottom:12px;}
	.product-info-same-line {font-weight:100; font-size:16px;}
	
	#pricelist {font-size:18px; margin-top:5px;}
	
	@media (max-width: 465px) {
		.product {width:70%;}
		.product-price {width:30%;}
	}
	
	/* Kalkylatorn */
	
	#calculator-info {font-weight:100; font-size:16px;}
	#calculator-rubrik {padding-top:23px;}
	
	#calculator-field {padding:5px 15px 15px 15px; /* +15px för .row */}
	
	#calc-block2_1 {display:inline-block; padding:0 10px 0 0;}
	#calc-block2_2 {display:inline-block; padding:0 20px 0 10px;}
	#calc-block2_3 {display:inline-block; vertical-align: top; text-align:right;}
	
	/* If two calculators excists, these settings are for the second. */
	/*#equals2 {font-size:24px; padding-right:10px}
	#totalPrice2 {font-size:40px; font-weight:100; margin-top:-12px;}
	#moms2 {font-size:16px; text-transform:none; margin-top:-12px;}*/
	
	/* */
	
	#leave-offer {text-align:center; padding:20px 15px 0 15px; /* +15px för .row */}
	
	#offer-block {text-align:center;}
	#offer {margin-right:0px; line-height:22px;}
	#offer-text2 {display:none;}
	#offer-text2-mob {font-size:16px;}
	#offer-submit {margin-top:20px;}

	@media (min-width: 615px) {
		#offer {line-height:normal;}
		#offer-text2 {display:block; font-size:16px; margin-top: -14px;}
		#offer-text2-mob {display:none;}
	}
	@media (min-width: 992px) {
		#offer-block {display:inline-block; vertical-align: top; text-align:right;}
		#offer {margin-right:5px;}
		#offer-submit {display:inline-block; margin-top:0px;}
	}
	
/* Karta */
	
.bg-map {
	background-color:#333;
}

	.map {height:380px;}	
	
/* Small Footer */
	
#bg-footer {
	background-color:#424242;
}

	#footer {
		color:#fff;
		font-size:16px;
		padding: 15px 0 7px 15px;
	}
	@media (min-width: 461px) {
		#footer {padding: 15px 0 7px 65px;}
	}
	@media (min-width: 992px) {
		#footer {padding: 15px 0 7px 85px;}
	}

/* Large Footer */

.footer-bs {
    background-color: #424242;
	padding: 60px 40px;
	color: rgba(255,255,255,1.00);
}
.footer-bs .footer-brand, .footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns, .footer-bs .footer-partner { padding:10px 25px; }
.footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns, .footer-bs .footer-partner { border-color: transparent; }
.footer-bs .footer-brand h2 { margin:0px 0px 10px; }
.footer-bs .footer-brand p { font-size:18px; color:rgba(255,255,255,0.70); }
#footer-copyright { font-size:14px; }

.footer-bs .footer-brand p.footer-contact a { color:rgba(255,255,255,0.70); }
.footer-bs .footer-brand p.footer-contact a:hover { color:rgba(255,255,255,0.50); text-decoration:none; }

.footer-bs .footer-nav ul.pages { list-style:none; padding:0px; }
.footer-bs .footer-nav ul.pages li { padding:5px 0px;}
.footer-bs .footer-nav ul.pages a { color:rgba(255,255,255,1.00); font-weight:bold; text-transform:uppercase; }
.footer-bs .footer-nav ul.pages a:hover { color:rgba(255,255,255,0.80); text-decoration:none; }
.footer-bs .footer-nav h4 {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom:10px;
}

.footer-bs .footer-nav ul.list { list-style:none; padding:0px; }
.footer-bs .footer-nav ul.list li { padding:5px 0px;}
.footer-bs .footer-nav ul.list a { color:rgba(255,255,255,0.80); }
.footer-bs .footer-nav ul.list a:hover { color:rgba(255,255,255,0.60); text-decoration:none; }

.footer-bs .footer-social ul { list-style:none; padding:0px; }
.footer-bs .footer-social h4 {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 3px;
}
.footer-bs .footer-social li { padding:5px 0px;}
.footer-bs .footer-social a { color:rgba(255,255,255,1.00);}
.footer-bs .footer-social a:hover { color:rgba(255,255,255,0.80); text-decoration:none; }
.footer-bs .footer-social ul li a img {max-width: 25px;padding-right: 7px;margin-top: -5px;}
@media (min-width: 992px) {
	.footer-bs .footer-social ul li a img {display: none;}
}
@media (min-width: 1200px) {
	.footer-bs .footer-social ul li a img {display: inline;}
}

.footer-bs .footer-partner ul { list-style:none; padding:0px; }
.footer-bs .footer-partner h4 {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom:10px;
}
.footer-bs .footer-partner li { padding:5px 0px;}
.footer-bs .footer-partner .partner-item { padding: 0px;}
.footer-bs .footer-partner .partner-item img { width: 60px; padding-bottom: 15px}
#smartmarina { width: 81px;}
#vilskettavesilla { width: 60px;}

.footer-bs .footer-ns h4 {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom:10px;
}
.footer-bs .footer-ns p { font-size:18px; color:rgba(255,255,255,0.70); }

@media (min-width: 992px) {
	.footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns, .footer-bs .footer-partner { border-left:solid 1px rgba(255,255,255,0.10); }
}

.row-divider {border-bottom: solid 1px rgba(255,255,255,0.10); padding-top: 35px;}


/* partners */

.partner {
	width: 80%;
	margin: 0px auto;
	padding-top: 35px;
}
.partner-container {
	display: flex; 
	justify-content: center; 
	-webkit-box-align: center;
	align-items: center;
	}
.partner-item {padding: 22px;}
.partner-item img {width: 87px; /*max-width: 80%;*/}
	
/* =============================== TYPOGRAPHY =============================== */

.rubrik {font-family: 'Abril Fatface', cursive; text-transform:uppercase;}
	@media (max-width: 480px) {
		.rubrik {font-size:30px;}
	}

.underrubrik {text-transform:uppercase;}
	
.artikel-rubrik {
	font-family: 'Lobster', cursive;
	font-size:36px; /* Tidigare borta */
}
	
.artikel-underrubrik {
	text-transform:uppercase;
	font-size:28px; /* Tidigare borta */
	color:#8c7e65;
	margin-top:-5px;
}

.extraspace {margin-top:-12px; margin-bottom: 19px;}

.second-paragraph {
	font-size: 18px;
    font-weight: 200;
    letter-spacing: 1px;
    color: #dbdad1;
}
@media (min-width: 992px) {
	.second-paragraph {font-size: 16px;}
}

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

.oswald {font-family: 'Oswald', sans-serif;}
.benchnine {font-family: 'BenchNine', sans-serif;}
.lobster {font-family: 'Lobster', cursive;}
.abril {font-family: 'Abril Fatface', cursive;}

.footnote {font-size:16px;}

.white-text {color: #ffffff}
.darker-brown-text {color: #706450;}
.brown-text {color: #8c7e65;}
.dark-blue-text {color: #415b96;}
.blue-text {color: #557abc;}
.lighter-blue-text {color: #698ac6;}
.beige-text {color: #b8b6a4}
.light-beige-text {color: #dbdad1;}
.grey-text {color: #2e2f2e;}
.dark-grey-text {color: #383938;}
.black-text {color: #2b2019;}

.lowercase {text-transform:none;}


/* Links */

a {color:#b8b6a4; text-decoration:none;}
a:focus, a:active, a:hover {
	color:#dbdad1;
	text-decoration:none;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

#bottentvatt .second-paragraph a, #pohjapesu .second-paragraph a {color:#415b96; text-decoration:none;}
#bottentvatt .second-paragraph a:focus, #bottentvatt .second-paragraph a:active, #bottentvatt .second-paragraph a:hover, #pohjapesu .second-paragraph a:focus, #pohjapesu .second-paragraph a:active, #pohjapesu .second-paragraph a:hover {
	color:#698ac6;
	text-decoration:none;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.cta_a {
	color: #b8b6a4;
    text-transform: uppercase;
    font-size: 20px;
    font-family: oswald;
    letter-spacing: 1px;
	text-decoration:none;
}
.ctd_a:focus, .ctd_a:active, .ctd_a:hover {
	color:#dbdad1;
	text-decoration:none;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
@media (min-width: 992px) {
	.cta_a {font-size: 17px;}	
}

@media (max-width: 992px) {
	.btn_margin-top {padding-top: 20px}
	.guest_info {margin-top: -30px}
}

/* =============================== Kontakt FORM =============================== */

#kontaktcol1 {padding:0px 45px 0px 45px;} /* +15px åt sidorna för att jag använder .container-first istf. .container*/
#kontaktcol2 {padding:0px 45px 70px 45px;}
@media (min-width: 461px) {
	#kontaktcol1 {padding:0px 95px 0px 95px;} /* +15px åt sidorna för att jag använder .container-first istf. .container*/
	#kontaktcol2 {padding:0px 95px 70px 95px;}
}
@media (min-width: 992px) {
	#kontaktcol1 {padding:0px 30px 60px 115px;}
	#kontaktcol2 {padding:54px 115px 60px 30px;}	
}

/* =============================== Boka FORM =============================== */

#bokacol1 {padding:60px 45px 0px 45px;} /* +15px åt sidorna för att jag använder .container-first istf. .container*/
#bokacol2 {padding:0px 45px 60px 45px;}
@media (min-width: 461px) {
	#bokacol1 {padding:60px 95px 0px 95px;} /* +15px åt sidorna för att jag använder .container-first istf. .container*/
	#bokacol2 {padding:0px 95px 60px 95px;}
}
@media (min-width: 992px) {
	#bokacol1 {padding:60px 30px 60px 115px;}
	#bokacol2 {padding:113px 115px 60px 30px;}	
}

.checkbox-left-space {padding-left:27px; display:block;}

/* =============================== SCROLL TOP ARROW =============================== */

.scroll-top {
   position:fixed;
   bottom:0;
   right:3%;
   z-index:1000;
   background: #f2f3f2;
   font-size:27px;
}
	
.scroll-top a:link,.scroll-top a:visited {
  color:#222;
}

	@media (min-width: 768px) {
		.scroll-top {
		   font-size:24px;
		}
	}

	@media (min-width: 1200px) {
		.scroll-top {
			right:3%;
		}
	}
		
/* =============================== Changes in Bootstrap css =============================== */


/* Ändrar så att mobilenav syns ända till 992px */

@media (min-width: 768px) and (max-width: 992px) {
    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in {
        display:block !important;
    }
}

/* --- */

.navbar {
  min-height: 70px;
  margin-bottom: 0px;
  border: 0px solid transparent;
  position:relative;
}

	.navbar .navbar-toggle .icon-bar {
	  background-color: #fff;
	  width: 30px;
	  height: 2px;
	}
	
	.navbar-toggle .icon-bar + .icon-bar {
	  margin-top: 6px;
	}
	
	.navbar .navbar-toggle {
	  border:none;
	  /*float: none;*/
	}
	
	.navbar .navbar-toggle:hover,
	.navbar .navbar-toggle:focus {
	  background:none;
	}
	
	.navbar .navbar-nav {
	  display: inline-block;
	  float: none;
	  vertical-align: top;
	}
	
	.navbar .navbar-collapse {
	  text-align: center;
	}
	
	.navbar ul li {padding:10px 0px;}  /* Det här gör att länkarna i navigationen är i mitten vertikalt */
	.navbar-header {padding:8px 0px;}  /* Det här gör att hamburgaren i navigationen är i mitten vertikalt */
	
	.navbar ul li a {color:#FFFFFF; text-transform:uppercase; font-size:24px;}
	@media (min-width: 992px) {
		.navbar ul li a {font-size:21px;}
	}
	
		.navbar ul li a:hover, .navbar ul li a:focus {
			color:#b8b6a4; background:none;
			-webkit-transition: all 0.2s ease-out;
			-moz-transition: all 0.2s ease-out;
			-o-transition: all 0.2s ease-out;
			transition: all 0.2s ease-out;
			}
		.navbar .navbar-nav > .active > a {
			color:#b8b6a4;
			cursor: default;
			-webkit-transition: all 0.4s ease-out;
			-moz-transition: all 0.4s ease-out;
			-o-transition: all 0.4s ease-out;
			transition: all 0.4s ease-out;
		}
		
		.nav > li.disabled > a { /* handlar om SE/FI länken desktop */
		  color: #b8b6a4;
		}
		.nav > li.disabled > a:hover,
		.nav > li.disabled > a:focus { /* handlar om SE/FI länken desktop */
		  color: #b8b6a4;
		  text-decoration: none;
		  cursor:default !important;
		}

.tooltip {
	visibility:hidden;
}

	@media (min-width: 992px) {
		.tooltip {
		  position: absolute;
		  z-index: 1070;
		  display: block;
		  font-family: 'BenchNine', sans-serif;
		  font-size: 20px;
		  font-weight: normal;
		  line-height: 1.3;
		  visibility: visible;
		  filter: alpha(opacity=0);
		  opacity: 0;
		}
	}
	
.tooltip-inner {
  max-width: 280px;
  padding: 20px 20px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #0e0f10;
  border-radius:0px;
  box-shadow: 3px 3px 10px #bfc1c2;
}

.text-danger {color: #ffcc00; font-size:18px;}
.alert {font-size:20px;}
.alert-danger {
  color: #2e2f2e;
  background-color: #ffea99;
  border-color: #ffea99;
}
.alert-success { /* Original, inga ändringar gjorda ännu - grön */
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active {
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.btn-secondary-brown {
	font-family: oswald;
    letter-spacing: 1px;
    color: #ffffff;
	background-color: #8c7e65;
	padding: 10px 18px;
	/*border: 3px solid #8c7e65;*/
    border-radius: 4px;
    font-size: 21px;
    text-transform:uppercase;
}

.btn-secondary-brown:hover, .btn-secondary-brown:focus, .btn-secondary-brown.focus, .btn-secondary-brown:active {
	/*opacity: 0.7;*/
	color: #ffffff;
	/*border: 3px solid #8c7e65;*/
	background-color: #AA997B;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.btn-secondary {
	font-family: oswald;
    letter-spacing: 1px;
    color: #ffffff;
	background-color: #2e2f2e;
	padding: 10px 18px;
	/*border: 3px solid #8c7e65;*/
    border-radius: 4px;
    font-size: 21px;
    text-transform:uppercase;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary.focus, .btn-secondary:active {
	/*opacity: 0.7;*/
	color: #ffffff;
	/*border: 3px solid #8c7e65;*/
	background-color: #415b96;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.btn-third {
	padding: 10px 18px;
    font-size: 21px;
	margin-bottom: 24px;
}

@media (min-width: 992px) {
	.btn-third {
		padding: 6px 12px;
		font-size: 14px;
	}
}

.btn-popup {
	font-family: oswald;
    letter-spacing: 1px;
    color: #ffffff;
	background-color: #b8b6a4;
	padding: 10px 18px;
	/*border: 3px solid #8c7e65;*/
    border-radius: 4px;
    font-size: 21px;
    text-transform:uppercase;
}

.btn-popup:hover, .btn-popup:focus, .btn-popup.focus, .btn-popup:active {
	/*opacity: 0.7;*/
	color: #ffffff;
	/*border: 3px solid #8c7e65;*/
	background-color: #8c7e65;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.btn-secondary_light {
	font-family: 'Oswald', sans-serif;
    letter-spacing: 0.5px;
	font-size: 16px;
    color: #b8b6a4;
	background-color: transparent;
	padding: 10px 18px;
	border: 3px solid #b8b6a4;
    border-radius: 4px;
    text-transform:uppercase;
}

.btn-secondary_light:hover, .btn-secondary_light:focus, .btn-secondary_light.focus, .btn-secondary_light:active {
	opacity: 0.7;
	color: #b8b6a4;
	border: 3px solid #b8b6a4;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

@media (max-width: 992px) {
	.btn-secondary_light{font-size: 21px;}
}

.btn-secondary_white {
	font-family: 'Oswald', sans-serif;
    letter-spacing: 0.5px;
	font-size: 16px;
    color: #ffffff;
	background-color: transparent;
	padding: 10px 18px;
	border: 3px solid #ffffff;
    border-radius: 4px;
    text-transform:uppercase;
}

.btn-secondary_white:hover, .btn-secondary_white:focus, .btn-secondary_white.focus, .btn-secondary_white:active {
	opacity: 0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */
	color: #fff;
	border: 3px solid #fff;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

@media (max-width: 992px) {
	.btn-secondary_white{font-size: 21px;}
}

.btn-secondary_black {
	font-family: 'Oswald', sans-serif;
    letter-spacing: 0.5px;
	font-size: 16px;
    color: #2b2019;
	background-color: transparent;
	padding: 10px 18px;
	border: 3px solid #2b2019;
    border-radius: 4px;
    text-transform:uppercase;
}

.btn-secondary_black:hover, .btn-secondary_black:focus, .btn-secondary_black.focus, .btn-secondary_black:active {
	opacity: 0.7;
	color: #2b2019;
	border: 3px solid #2b2019;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

@media (max-width: 992px) {
	.btn-secondary_black{font-size: 21px;}
}

.btn-secondary_cta {
	font-family: 'Oswald', sans-serif;
    letter-spacing: 0.5px;
	font-size: 16px;
    color: #2e2f2e;
	border: 3px solid transparent;
    border-radius: 4px;
	text-transform: uppercase;
	padding: 10px 18px;
	background-color: #b8b6a4;
}

.btn-secondary_cta:hover, .btn-secondary:focus, .btn-secondary.focus, .btn-secondary:active {
	color: #2e2f2e;
	-webkit-filter: brightness(112%);
    filter: brightness(112%);
}
}

/* Boka formuläret */
label {font-weight: normal;}
.btn-lg {
  padding: 10px 18px;
  font-size: 21px;
  text-transform:uppercase;
}
.checkbox label {padding-left: 0px;}
.checkbox input[type="checkbox"] {width:20px; height:20px; margin-left: 0px;}