*{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
div {margin:auto;}
a {outline:0;}
a img {border:none; outline:0;}
p {margin-top:0; padding-top:0;}
p:last-child {margin-bottom: 0; padding-bottom: 0;}
html, body {
  height: 100%;
  margin:0;
  padding:0;
}
/*************** body ***************/
body {
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #333333;
    font-weight: normal;
    font-style: normal;
  background-color: #fff;
}
/*************** a, img, h, etc ***************/
a {
  color:#007dc3;
  text-decoration:underline;
}
a:hover {
  color:#007dc3;
  text-decoration:underline;
}
img {
  border: 0;
}

/* h1, h2, h3, h4 */
h1 {
  margin:0;
  padding:0;
  font-size:32px;
  font-weight:normal;
  color: #000000;
  text-transform: uppercase;
}
h2 { text-transform: uppercase; margin:0;padding:0;font-size: 20px; color:#000000; text-transform: none; font-weight:normal; }
h3 { text-transform: uppercase; margin:0;padding:0;font-size: 18px; color:#000000; text-transform: none; font-weight:normal; }
h4 { text-transform: uppercase; margin:0;padding:0;font-size: 16px; color:#000000; text-transform: none; font-weight:normal; }
/*************** wrapper ***************/
#wrap {
  width: 100%;
  margin:0 auto;
  min-height: 100%;
}
/*************** header ***************/
#header {
  float: left;
  width: 100%;
  height: 151px;
  background-image: url(https://kgjs.no/layout/bg-header.png);
  background-position: top;
  background-repeat: repeat-x;
}
#head {
  position: relative;
  width: 990px;
  height: 151px;
  margin: 0 auto;
}
#head h1 { display: none; }
#logo {
  position: absolute;
  left: 0;
  top: 70px;
  width: 437px;
  height: 54px;
}
#menu {
  position: absolute;
  bottom: 35px;
  right: 0;
  width: 540px;
  height: 38px;
  z-index: 99999;
}
#menu-group {
  position: absolute;
  right: 0;
  top: 0;
  width: 300px;
  height: 41px;
  line-height: 41px;
  font-size: 14px;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  text-align: right;
  color: #222222;
  padding: 0 10px 0 0;
  border-right: 1px solid #cccccc;
}
#menu-group a { color: #222222; }
#menu-group span {
  position: relative;
  cursor: default;
  display: inline-block;
  padding: 0 21px 0 10px;
  border-left: 1px solid #cccccc;
  line-height: 41px;
  background-image: url(/layout/menu-group-arrow.png);
  background-position: right center;
  background-repeat: no-repeat;
}
.menu-group-menu {
  display: none;
  position: absolute;
  right: 0;
  top: 41px;
  border: 1px solid #cccccc;
  width: auto;
  background-color: #fff;
  z-index: 9999999;
  text-align: left;
}
.menu-group-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.menu-group-menu ul li {
  list-style: none;
  width: 150px;
  clear:both;
  margin: 0;
  padding: 4px 0;
  text-transform: uppercase;
  font-size: 13px;
  color: #222222;
  float:left;
  clear:both;
}
.menu-group-menu ul li a {
  display: block;
  width: 100%;
  float: left;
  padding: 0 15px;
  color: #222222;
  font-size: 13px;
  line-height: 30px;
  border: none;
  text-decoration: none;
}
.menu-group-menu ul li a:hover { color: #222222; text-decoration: underline; }
.menu-group-menu ul li a:before { content: "•"; margin-right: 5px; display: inline-block; }

#menu-mobile {
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 41px;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  font-size: 14px;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  text-decoration: underline;
}
#menu-mobile a { color: #222222; }

/*************** main ***************/
#main {
  float: left;
  width: 100%;
}
/*************** content ***************/
#content-index {
  float: left;
  width: 100%;
  padding: 0 0 60px 0;
}
#content {
  position: relative;
  float: left;
  width: 100%;
  padding: 54px 0 60px 0;
}
.full {
  float: left;
  width: 100%;
}
.half-left {
  float: left;
  width: 313px;
}
.half-right {
  float: right;
  width: 313px;
}
.left {
  position: relative;
  float: left;
  width: 636px;
}
.right {
  float: right;
  width: 300px;
}
.title {
  float: left;
  width: 100%;
  margin-bottom: 16px;
}
.title h1 {
  float: left;
  color: #fff;
  font-weight: normal;
  background-image: url(/layout/title-bg.png);
  background-repeat: repeat;
  padding: 3px 12px;
  text-transform: uppercase;
}
.text, .article-text {
  float: left;
  width: 100%;
  line-height: 24px;
  overflow: hidden;
}
.text a, .article-text a { color: #007dc3; text-decoration: underline; }
.text a:hover, .article-text a:hover { color: #007dc3; text-decoration: underline; }
.text img, .article-text img { max-width: 100%; height: auto; }

.breads {
  float: left;
  width: 100%;
  margin-top: -35px;
  font-size: 14px;
  color: #888888;
}
.breads a { color: #888888; text-decoration: underline; }
.breads a:hover { color: #000; text-decoration: underline; }

.content-img {
  position: absolute;
  left: 0;
  top: 54px;
  width: 990px;
  height: 280px;
  background-image: url(/layout/img01.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 9;
}
.content-wrap {
  position: relative;
  float: left;
  width: 100%;
  z-index: 99;
  padding: 140px 50px 0 50px;
  width: 100%;
}
.content-bg {
  float: left;
  width: 100%;
  padding: 30px 25px 25px 25px;
  background-image: url(/layout/content-bg.png);
  background-position: top;
  background-repeat: repeat-x;
  min-height: 200px;
}

/*************** footer ***************/
#footer-wrap {
  float: left;
  width: 100%;
  background-image: url(https://kgjs.no/layout/bg-footer.png);
  background-position: top;
  background-repeat: repeat-x;
}
#footer {
  float: left;
  width: 100%;
  padding: 40px 0;
}
#footer a { color: #888888; text-decoration: none; }
#footer a:hover { color: #888888; text-decoration: underline; }
#footer a.linkedin, #footer a.login {
  background-position: left center;
  background-repeat: no-repeat;
  padding-left:18px;
  font-size:12px;
  margin-right:10px;
  text-decoration: underline;
}
#footer a.linkedin:hover, #footer a.login:hover { text-decoration: none; color:#aaa; }
#footer a.linkedin { background-image: url(https://kgjs.no/layout/icon-linkedin.png); }
#footer a.login { background-image: url(https://kgjs.no/layout/icon-login.png); }
.foot-col1 {
  float: left;
  width: 25%;
}
.foot-col2 {
  float: left;
  width: 25%;
}
.foot-col3 {
  float: left;
  width: 25%;
}
.foot-col4 {
  float: left;
  width: 25%;
  text-align: right;
}
.foot-title {
  float: left;
  width: 100%;
  font-size: 12px;
  text-transform: uppercase;
  color: #888888;
  font-weight: bold;
  margin-bottom: 3px;
}
.foot-text {
  float: left;
  width: 100%;
  font-size: 12px;
  color: #888888;
  line-height: 18px;
}
.foot-menu {
  float: left;
  width: 100%;
  font-size: 12px;
  color: #888888;
}
.foot-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.foot-menu ul li {
  list-style: none;
  margin: 0 0 2px 0;
  padding: 0;
  text-transform: uppercase;
}
.foot-line {
  float: left;
  width: 100%;
  margin-top: 30px;
}
.foot-copy {
  float: left;
  width: 50%;
  text-align: left;
  color: #aaaaaa;
  font-size: 12px;
}
.foot-credits {
  float: right;
  width: 50%;
  text-align: right;
  color: #aaaaaa;
  font-size: 12px;
}
.foot-copy a, .foot-credits a { color: #aaaaaa !important; text-decoration: none; }
.foot-copy a, .foot-credits a:hover { color: #aaaaaa; text-decoration: underline; }
/*************** form ***************/
textarea, input[type="text"] {
  width: 100%;
  padding: 6px;
  border: 0;
  background-color: #fff;
  resize:none;
  font-size: 14px;
  font-family: 'Source Sans Pro', Arial, Tahoma, Helvetica, sans-serif;
  background-image: url(https://kgjs.no/layout/bg-input-dark.png);
  background-repeat: no-repeat;
  background-position: top left;
  color: #292929;
  margin-bottom: 10px;
}
label {
  font-size: 16px;
  width: 100%;
  float: left;
}
.submit {
  float: left;
  border: none;
  margin: 0;
  cursor: pointer;
  font-weight: normal;
  padding: 7px 12px;
  font-family: 'Source Sans Pro', Arial, Tahoma, Helvetica, sans-serif;
  font-size: 16px;
  color: #fff;
  background-color: #000;
}
.submit:hover {
  border: 0;
  text-decoration: underline;
}
div.error { display: none; }
label.error {
  float: left;
  width: 100%;
  margin-left: 5px;
  padding-left: 5px;
  color: #941c1e;
  font-size: 12px;
  font-weight: normal;
  border-left: 1px solid #941c1e;
}
/*************** custom ***************/
.w50 { width: 50%; }
.w50p { width: 50%; }
.tright { text-align: right; }
.tcenter { text-align: center; }
.fright { float: right; }
.fleft { float: left; }
.clean { margin-right: 0 !important; }
.last { margin-right: 0 !important; }
.center-wrap { margin: 0 auto; position: relative; width: 990px; }
.center { margin: 0 auto; position: relative; width: 990px; }
.no-overflow { overflow: visible; }
span.req { color: #941c1e; }

/*************** index ***************/
#slider {
  position: relative;
  float: left;
  width: 100%;
  height: 506px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}
#slider-line {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 14px;
  background-image: url(/layout/slider-line.png);
  background-repeat: no-repeat;
  background-position: center center;
}

.front-press { float:left; width:100%; margin-top:60px; }
.front-press-title {  }
.front-press-title h3 { 
  background-image: url(/layout/box-line.png);
  background-position: bottom left;
  background-repeat: no-repeat;
  text-transform: uppercase;
  font-size: 20px;
  color: #222222;
  margin-bottom: 12px;
  padding-bottom: 12px;
}
.front-press-text {  }

.front-boxes {
  float: left;
  width: 100%;
  margin-top: 60px;
}
.box {
  float: left;
  width: 314px;
  margin-right: 24px;
}
.box.last { margin-right: 0; }
.box-img {
  float: left;
  width: 100%;
  margin-bottom: 14px;
}
.box-img img {
  width: 100%;
  height: 170px;
}
.box-title {
  float: left;
  width: 100%;
}
.box-title h2 {
  background-image: url(/layout/box-line.png);
  background-position: bottom left;
  background-repeat: no-repeat;
  text-transform: uppercase;
  font-size: 20px;
  color: #222222;
  margin-bottom: 12px;
  padding-bottom: 12px;
}
.box-title h2 a { color: #222222; text-decoration: none; }
.box-text {
  float: left;
  width: 100%;
  font-size: 15px;
  line-height: 24px;
  overflow: hidden;
  margin-bottom: 10px;
}
.box-text img {
  max-width: 100%;
}
.box-read-more {
  float: left;
  width: 100%;
  text-transform: uppercase;
  font-size: 12px;
  color: #007dc3;
}
.box-read-more a { color: #007dc3; text-decoration: none; }
.box-read-more a:hover { color: #007dc3; text-decoration: underline; }
/*************** inner ***************/
.content-children {
  float: left;
  width: 100%;
  margin-top: 50px;
  padding-top: 50px;
  background-image: url(/layout/children-line.png);
  background-repeat: no-repeat;
  background-position: top center;
}
.child {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.child-left {
  float: left;
  width: 320px;
}
.child-right {
  float: right;
  width: 645px;
}
.child-img {
  float: left;
  width: 100%;
  height: 170px;
}
.child-img img {
  width: 100%;
  height: 170px;
}
.child-title {
  float: left;
  width: 100%;
}
.child-title h2 {
  background-image: url(/layout/box-line.png);
  background-position: bottom left;
  background-repeat: no-repeat;
  text-transform: uppercase;
  font-size: 20px;
  color: #222222;
  margin-bottom: 12px;
  padding-bottom: 12px;
}
.child-title h2 a { color: #222222; text-decoration: none; }
.child-text {
  float: left;
  width: 100%;
  font-size: 15px;
  line-height: 24px;
  overflow: hidden;
  margin-bottom: 10px;
}
.child-text img {
  max-width: 100%;
}
.child-read-more {
  float: left;
  width: 100%;
  text-transform: uppercase;
  font-size: 12px;
  color: #007dc3;
}
.child-read-more a { color: #007dc3; text-decoration: none; }
.child-read-more a:hover { color: #007dc3; text-decoration: underline; }


/*************** centering ***************/
.vcent-out {position: relative;display: table;}
.vcent-in {display: table-cell;vertical-align: middle;width: 100%;margin: 0 auto;*position: absolute;*top: 50%;}
.vcent-element {position:relative;*top: -50%;}
.clearfix {clear:both;display:block;}

/*************** slider ***************/
.slider-wrapper { height:506px; }
.slider-img { overflow:hidden; opacity: 0; top: 0; left: 0; width:100%; position:absolute; height:100%; background-size: cover; background-repeat: no-repeat; background-position: center center; }
#slidebar {z-index: 9999; position: absolute; bottom:40px; right:40px; height:20px; }
#slidebar ul { list-style: none; margin: 0; padding: 0; }
#slidebar ul li { float: left; list-style: none; margin: 0 3px 0 0; padding: 0; cursor: pointer; }
#slidebar ul li.active { opacity: 0.5; }
.nivo-html-caption.active { display:block; }
#ix-wrap { width:100%; position:absolute; height:506px; left:0; top:0; z-index:100; }
#ix-text { width:460px; float:left; position:relative; z-index:30;
  background-image: url(/layout/title-bg.png);
  background-repeat: repeat;
  padding: 20px; }
.slogan h2 { margin:0; color:#fff; line-height:48px; font-size:58px; font-weight:normal; text-transform: uppercase; }
#ix-content { float:left; width:100%; clear:both; color:#fff; line-height:30px; margin-top:10px; font-size:22px; line-height:30px;  }
/* Stylesheet: style Modified On 2017-01-11 16:51:14 */
.menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
	font-family: 'Montserrat', sans-serif;
}
.menu ul li {
	position: relative;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
	float: left;
	font-size: 14px;
	color: #333333;
	text-transform: uppercase;
}
.menu ul li a {
	display: inline-block;
	color: #333333; text-decoration: none;
	padding: 0 10px;
	line-height: 38px;
	border: 1px solid #ffffff;
}
.menu ul li a:hover {
	color: #333333; text-decoration: none;
	border: 1px solid #cccccc;
}
.menu a.menuactive, .menu a.last-menu-active {
	color: #333333;
	text-decoration: none;
	border: 1px solid #cccccc;
}
.menu ul li:hover ul.unli {
	display: block;
}
.menu ul.unli {
	z-index: 999999;
	display: none;
	position: absolute;
	left: 0;
	top: 39px;
	width: 240px;
	padding: 10px 0;
	background-color: #fff;
	border: 1px solid #cccccc;
}
.menu ul.unli li {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}
.menu ul.unli li:last-child { border-bottom: none; }
.menu ul.unli li a {
	display: block;
	width: 100%;
	float: left;
	padding: 0 15px;
	color: #333333;
	font-size: 13px;
	line-height: 30px;
	border: none;
}
.menu ul.unli li a:hover { text-decoration: underline; }
.menu ul.unli li a:before { content: "•"; margin-right: 5px; display: inline-block; }
/* Stylesheet: menu Modified On 2015-06-30 14:16:43 */