/*
	Theme Name: Kobolde
	Author: Frome Space
	Author URI: http://fromspace.se
	Description: Tema från From Space
*/

/*
----------FONTS---------- */

@font-face {
    font-family: 'open_sanssemibold';
    src: url('assets/font/opensans-semibold.eot');
    src: url('assets/font/opensans-semibold.eot?#iefix') format('embedded-opentype'),
         url('assets/font/opensans-semibold.woff') format('woff'),
         url('assets/font/opensans-semibold.ttf') format('truetype'),
         url('assets/font/opensans-semibold.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('assets/font/opensans-regular.eot');
    src: url('assets/font/opensans-regular.eot?#iefix') format('embedded-opentype'),
         url('assets/font/opensans-regular.woff') format('woff'),
         url('assets/font/opensans-regular.ttf') format('truetype'),
         url('assets/font/opensans-regular.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold';
    src: url('assets/font/opensans-bold.eot');
    src: url('assets/font/opensans-bold.eot?#iefix') format('embedded-opentype'),
         url('assets/font/opensans-bold.woff') format('woff'),
         url('assets/font/opensans-bold.ttf') format('truetype'),
         url('assets/font/opensans-bold.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
----------GLOBAL STYLES----------*/

body {
	font-family: 'open_sanssemibold';
	font-size:17px;
	line-height:27px;
	height:100%;
	background:#fff;
}
h1,h2,h3,h4,h5,h6 {
	margin-bottom:15px;
    font-family: 'open_sansbold';
	margin-top:0 !important;
	letter-spacing: -0.040em;
}
h1 {
	font-size:52px;
	line-height:55px;
	color:#004e60;
}
h2 {
	font-size:50px;
	line-height:52px;
	color:#004e60;
}
h1,h2 {	text-transform:uppercase; margin-bottom:25px;}
h3 {
	font-size:40px;
	line-height:44px;
	margin-bottom:25px;
}
h4 {
	font-size:24px;
	line-height:27px;
	margin-bottom:20px;
}
.aligncenter {
	text-align:center !important;
}
.alignleft {
	float:left;
	margin-right:30px;
}
.alignright {
	float:right;
	margin-left:30px;
}
a {
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	color:#f51b1c;
}
	a:hover {
		color:#000;
		text-decoration:none;
	}
img {
	max-width: 100%;
	height:auto;
}
.container {
	max-width: 1170px;
}

/*
----------KNAPPAR----------*/

.btn {
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	border:none;
}
.btn span {
	top:2px;
	margin-right:5px;
}
.btn-primary {
	color: #fff;
	background-color: #004d60;
	text-decoration: none;
	padding:15px 45px;
	-webkit-border-radius: 2.8em;
	-moz-border-radius: 2.8em;
	-o-border-radius: 2.8em;
	-ms-border-radius: 2.8em;
	border-radius: 2.8em;
	font-family: 'open_sanssemibold';
	border: none;
	margin-top:35px;
	font-size:19px;
}
.btn-default {
	color: #fff;
	background-color: #004d60;
	text-decoration: none;
	padding:10px 25px;
	-webkit-border-radius: 2.8em;
	-moz-border-radius: 2.8em;
	-o-border-radius: 2.8em;
	-ms-border-radius: 2.8em;
	border-radius: 2.8em;
	font-family: 'open_sanssemibold';
	border: none;
	margin-top:10px;
}
	.btn-default:hover,.btn-primary:hover {
		background:#0088a9 !important;
		color:#fff;
	}

/*
----------MENU----------*/

.header {
	padding:0;
	border-bottom:1px solid #ccc;
	position:fixed;
	width:100%;
	background:#fff;
	z-index:20000;
  height: 94px;
}
.header .container {
  position: relative;
}
.header-inner {width:95%; margin:0 auto;}
.logo {
  position: absolute;
  left: 15px;
  top: 0;
}
.logo img {
  max-width: 250px;
  margin-top: 15px;
}
.navbar {
	background:none !important;
	margin:0;
}
.navbar-inverse {
	border:none;
	background:none;
	margin-top:0;
  clear: both;
}
.navbar-inverse .navbar-nav > li > a {
	text-transform:uppercase;
  font-family: 'open_sansbold';
	padding:10px 15px;
	font-size:20px;
	color:#004d60;
}
.navbar-inverse .navbar-nav > li:last-child > a {
  padding-right: 0;
}
.navbar-inverse .navbar-nav > .current-menu-item > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus,.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
	background:none;
	color:#004d60;
}
.navbar-inverse .navbar-nav > li.contact > a {
	background:#be1616;
	color:#fff;
  margin-left: 10px;
}
.top-menu {
  clear: both;
  margin-top: 12px;
}
.top-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.top-menu ul li {
  float:left;
}
.top-menu ul li a {
  padding: 0 10px;
  color: #000;
}
.top-menu ul li:last-child a {
  padding-right: 0;
}
/*
----------MENU----------*/
.page-holder {
  padding-top: 90px;
  padding-bottom: 45px;
}
.page-inner {
  padding: 35px 0 0 0;
}
.wrapper {
	padding:90px 0 0 0;
	width:100%;
}
.wrapper .wrapper-inner {
	margin-bottom: 0;
	padding:230px 0 0 0;
}
.wrapper-start .wrapper-inner {
	background: url(assets/img/slide.jpg) #000 no-repeat center center;
	background-size: cover;
	background-repeat: no-repeat no-repeat;
	background-attachment: fixed;
}
.wrapper-how .wrapper-inner {
	background: url(assets/img/bg-how.jpg) #000 no-repeat center center;
	background-size: cover;
	background-repeat: no-repeat no-repeat;
	background-attachment: fixed;
}
.wrapper-sus .wrapper-inner {
	background: url(assets/img/bg-sus.jpg) #000 no-repeat center center;
	background-size: cover;
	background-repeat: no-repeat no-repeat;
	background-attachment: fixed;
}
.wrapper-what .wrapper-inner {
	background: url(assets/img/bg-what.jpg) #000 no-repeat center center;
	background-size: cover;
	background-repeat: no-repeat no-repeat;
	background-attachment: fixed;
}
.wrapper-about .wrapper-inner {
	background: url(assets/img/bg-about.jpg) #000 no-repeat center center;
	background-size: cover;
	background-repeat: no-repeat no-repeat;
	background-attachment: fixed;
}
	.caption {
		padding:45px 0;
		font-size:19px;
		line-height:28px;
		text-shadow:1px 1px #000;
		color:#fff;
		text-align:center;
		background-color: rgba(1,1,1,0.5);
	}
		.caption h1,.caption h2 {
			color:#fff;
			font-size:56px;
			line-height:59px;
		}
		.caption h1 span,.caption h2 span {
			color:#be1616;
			display:inline-block;
		}
		.caption p {
			width:75%;
			margin:0 auto;
		}

/*---NAV-LINKS---*/

.section-content {
	width:100%;
}
	.link-table {
		width:85%;
		margin:0 auto;
		font-family: 'open_sanssemibold';
		padding-bottom:35px;
	}
		ul.link-list {
			list-style:none;
			padding:0;
			margin:0;
			position:relative;
			height:600px;
			width:80%;
			margin:0 auto;
			background: url(assets/img/list-bg.png) no-repeat center center;
		}
			ul.link-list li {
				text-align:center;
			}
			ul.link-list li a {
				position:absolute;
				top:0;
				width:190px;
				height:117px;
				font-size:19px;
				font-weight:normal;
				overflow:hidden;
				padding:35px 15px 0 15px;
				display:block;
				color:#fff;
			}
				ul.link-list li.link a,ul.link-list li.link1 a,ul.link-list li.link2 a,ul.link-list li.link3 a,ul.link-list li.link4 a {
					left:0;
				}
				ul.link-list li.link1 a,ul.link-list li.link2 a,ul.link-list li.link3 a,ul.link-list li.link4 a {
					right:0;
				}
				ul.link-list li.link a {
					background: url(assets/img/circle1.png);
					left:38%;
				}
				ul.link-list li.link1 a {
					background: url(assets/img/circle2.png);
					top:10%;
					left:12%;
				}
				ul.link-list li.link2 a {
					background: url(assets/img/circle3.png);
					top:34%;
				}
				ul.link-list li.link3 a {
					background: url(assets/img/circle4.png);
					top:58%;
					left:3%;
				}
				ul.link-list li.link4 a {
					background: url(assets/img/circle5.png);
					top:76%;
					left:22%;
				}
				ul.link-list li.link5 a {
					background: url(assets/img/circle6.png);
					right:9%;
					top:10%;
				}
				ul.link-list li.link6 a {
					background: url(assets/img/circle7.png);
					top:34%;
					right:0;
				}
				ul.link-list li.link7 a {
					background: url(assets/img/circle8.png);
					top:58%;
					right:0;
				}
				ul.link-list li.link8 a {
					background: url(assets/img/circle9.png);
					top:76%;
					right:22%;
				}

		ul.link-list2 {
			list-style:none;
			padding:0;
			margin:0;
			position:relative;
			height:600px;
			width:80%;
			margin:0 auto;
			background: url(assets/img/list-bg2.png) no-repeat center center;
		}
			ul.link-list2 li {
				text-align:center;
			}
			ul.link-list2 a {
				position:absolute;
				top:0;
				width:190px;
				height:117px;
				font-size:19px;
				font-weight:normal;
				overflow:hidden;
				padding:35px 15px 0 15px;
				display:block;
				color:#fff;
			}
				ul.link-list2 li.link a,ul.link-list2 li.link1 a,ul.link-list2 li.link2 a,ul.link-list2 li.link3 a,ul.link-list2 li.link4 a {
					left:0;
				}
				ul.link-list2 li.link1 a,ul.link-list2 li.link2 a,ul.link-list2 li.link3 a,ul.link-list2 li.link4 a {
					right:0;
				}
				ul.link-list2 li.link a {
					background: url(assets/img/circle1.png);
					left:38%;
				}
				ul.link-list2 li.link1 a {
					background: url(assets/img/circle2.png);
					top:15%;
					left:12%;
				}
				ul.link-list2 li.link2 a {
					background: url(assets/img/circle3.png);
					top:40%;
				}
				ul.link-list2 li.link3 a {
					background: url(assets/img/circle4.png);
					top:65%;
					left:12%;
				}
				ul.link-list2 li.link4 a {
					background: url(assets/img/circle5.png);
					top:76%;
					left:38%;
				}
				ul.link-list2 li.link5 a {
					background: url(assets/img/circle6.png);
					right:12%;
					top:15%;
				}
				ul.link-list2 li.link6 a {
					background: url(assets/img/circle7.png);
					top:40%;
					right:0;
				}
				ul.link-list2 li.link7 a {
					background: url(assets/img/circle8.png);
					top:65%;
					right:12%;
				}

.section-welcome {
	background:#eee;
	width:100%;
	padding:65px 0;
}
	.title {
		text-align:center;
	}
	.welcome p {
		width:80%;
		margin:0 auto;
	}
	.welcome img {
		margin-bottom:30px;
		border-radius:500px;
	}
		.welcome h1,.welcome h2 {
			color:#004d60;
		}

.section-puffar {
	padding:90px 0;
	width:100%;
}
	.puff-holder {
		margin-bottom:35px;
	}
	.puff {
		background:#fff;
		overflow:hidden;
	}
		.puff img {
			border-radius:500px;
			margin-bottom:30px;
		}
	.puff-thumbnail {
		margin-bottom:25px;
	}
		.puff-thumbnail img {border:6px solid #004d60;}
	.puff-description {
		padding:0 40px 0 40px;
	}

.section-bottom {
	background: url(assets/img/slide2.jpg) #fff no-repeat center center;
	background-size: cover;
	background-repeat: no-repeat no-repeat;
	background-attachment: fixed;
	margin-bottom: 0;
	padding:85px 0;
	width:100%;
}
.section-about {
	background: url(assets/img/bg-about.jpg) #000 no-repeat center center;
	background-size: cover;
	background-repeat: no-repeat no-repeat;
	background-attachment: fixed;
	margin-bottom: 0;
	padding:85px 0;
	width:100%;
}
	.bottom {
		font-size:19px;
		line-height:28px;
		text-shadow:1px 1px #000;
		color:#fff;
		background-color: #03A3D7;
		background-color: rgba(1,1,1,0.5);
	}
	.bottom-inner {
		width:80%;
		padding:65px 0;
		margin:0 auto;
		text-align:center;
	}
		.bottom h1,.bottom h2 {
			color:#fff;
			font-size:60px;
			line-height:65px;
		}
		.bottom h1 span,.bottom h2 span {
			color:#be1616;
		}
.breadcrumb {margin:0;}
.section-title-pages {
	background:#eee;
	width:100%;
	padding:45px 0;
}
	.title-pages {
		width:75%;
		font-family: 'open_sanssemibold';
		font-size:19px;
		line-height:28px;
		text-align:center;
		margin:0 auto;
	}
		.main-content {
			padding:20px 60px 60px 60px;
		}
		.main-thumbnail {
			text-align:center;
		}
			.post-thumbnail img {
				width:auto;
			}
.wpcf7-form {
	background:#eee;
	padding:45px;
  margin-top: 25px;
}
	.wpcf7-form-control-wrap input[type=text],.wpcf7-form-control-wrap input[type=email], .wpcf7-form-control-wrap textarea,.gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea {
		margin-bottom:5px;
		vertical-align: middle;
		display: inline-block;
		border: 2px solid #ddd;
		-webkit-box-shadow: inset 0 0 4px 3px rgba(0,0,0,0.05);
		-moz-box-shadow: inset 0 0 4px 3px rgba(0,0,0,0.05);
		box-shadow: inset 0 0 4px 3px rgba(0,0,0,0.05);
		padding: 10px;
		color: #666;
		font-size: 15px;
		font-weight: inherit;
		line-height: 20px;
		width:100%;
		background: #fff;
		-webkit-appearance: none;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-ms-border-radius: 4px;
		-o-border-radius: 4px;
		border-radius: 4px;
		-webkit-transition: border .2s linear;
		-moz-transition: border .2s linear;
		-ms-transition: border .2s linear;
		-o-transition: border .2s linear;
		transition: border .2s linear;
	}
	.input p {
		padding:0;
		margin:0;
	}
.section-footer {
	padding:55px 0;
	text-align:center;
	background:#004d60;
	width:100%;
	color:#fff;
}
.section-footer a{ color:#fff;}
img.no-border {
	border-radius:0;
}
#dp_swf_engine {display:none;}
.display {display:none;}

@media screen and (max-width: 1100px) {
	.container {max-width:1000px;}
	.link-table {width:100%;}
	ul.link-list {background: url(assets/img/list-bg-re.jpg) no-repeat center center; width:auto;}
}
@media screen and (max-width: 1000px) {
	body {font-size:15px;line-height:24px;}
	.wrapper {padding: 85px 0 0 0;}
	.container {max-width:850px;}
	.logo img {max-width: 260px;}
	.caption h1, .caption h2,h1,h2,.bottom h1, .bottom h2 {font-size: 44px;line-height: 46px;}
	h3 {font-size:32px; line-height:36px;}
	.bottom,.caption,.title-pages  {font-size:17px; line-height:25px;}
	ul.link-list2 {width:100% !important;}
  .navbar-inverse .navbar-nav > li > a {
    padding:10px 5px;
  }
}
@media screen and (max-width: 850px) {
	.container {max-width:700px;}
	.navbar-toggle {background:#004d60;}
	.bottom-inner,.welcome p,.caption p,.title-pages  {width:100%;}
	.logo img {max-width: 200px;}
  .navbar-inverse .navbar-nav > li > a {font-size: 17px !important; margin-left:0; padding:5px; border:none; border-radius:0;}
	.section-puffar .col-xs-8,.section-puffar .col-xs-4 {float:none; width:100%;}
}
@media screen and (max-width: 767px) {
	.display {display:inherit;}
	.navbar-inverse .navbar-nav > li > a { margin-left:0; padding:5px; border:none; border-radius:0;}
	ul.link-list,ul.link-list2 {height:auto; background:none;}
	ul.link-list li a,ul.link-list2 a {background:green !important;top:0 !important;padding:10px 0;width:100% !important; height:auto !important;position:relative; margin:5px 0; left:0 !important; top:0 !important; right:0 !important;}
		ul.link-list li.link a { background:#009bba !important;}
		ul.link-list li.link1 a  { background:#f79646 !important;}
		ul.link-list li.link2 a { background:#f2cf46 !important;}
		ul.link-list li.link3 a { background:#d5ec46 !important;}
		ul.link-list li.link4 a { background:#98e746 !important;}
		ul.link-list li.link5 a { background:#49cdbb !important;}
		ul.link-list li.link6 a { background:#48d491 !important;}
		ul.link-list li.link7 a { background:#47da61 !important;}
		ul.link-list li.link8 a { background:#60e146 !important;}

		ul.link-list2 li.link a {background:#009bba !important;}
		ul.link-list2 li.link1 a {background:#f79646 !important;}
		ul.link-list2 li.link2 a {background:#f2cf46 !important;}
		ul.link-list2 li.link3 a {background:#d5ec46 !important;}
		ul.link-list2 li.link4 a {background:#98e746 !important;}
		ul.link-list2 li.link5 a {background:#49cdbb !important;}
		ul.link-list2 li.link6 a {background:#48d491 !important;}
		ul.link-list2 li.link7 a {background:#47da61 !important;}
    .navbar-inverse .navbar-toggle {
      margin-right: 0;
    }
    .section-puffar,.wrapper {
      padding-top: 85px;
    }
    .header {
      height: auto;
    }
}
@media screen and (max-width: 640px) {
  .breadcrumb {
    margin: 25px 0 0 0;
    font-size: 13px;
  }
	.container {max-width:100%;}
	.navbar-inverse {margin-top:0;}
	.logo img {max-width: 150px;}
	.caption h1, .caption h2,h1,h2,.bottom h1, .bottom h2 {font-size: 30px;line-height: 36px;}
	h3,h4 {font-size:22px; line-height:26px;}
	.bottom,.caption {font-size:15px; line-height:23px;}
	.alignright,.alignleft {float:none !important; margin:0;}
	.wrapper {padding:60px 0 0 0;}
	.wrapper .wrapper-inner {padding:140px 0 0 0;}
	.navbar-inverse .navbar-nav > li.contact > a {margin-left:0; border:none;}
	.navbar-inverse .navbar-nav > .current-menu-item > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {border:none;}
}