@import "styles/fancybox.css";

*{margin:0;padding:0}

html,body{height:auto;}

html {
	background: #fff46d; /* Old browsers */
	background: -moz-linear-gradient(top,  #fff46d 0%, #fff100 50%, #ffd400 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff46d), color-stop(50%,#fff100), color-stop(100%,#ffd400)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fff46d 0%,#fff100 50%,#ffd400 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fff46d 0%,#fff100 50%,#ffd400 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fff46d 0%,#fff100 50%,#ffd400 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fff46d 0%,#fff100 50%,#ffd400 100%); /* W3C */
	filter: e"progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff46d', endColorstr='#ffd400',GradientType=0 )"; /* IE6-9 */
}

/* body {font-family: 'Droid Sans', sans-serif; background: #fff200 url("../images/body-bg.jpg") left top;} */
body {font-family: 'Droid Sans', sans-serif; background: url("../images/header-top-bg2.png") left top repeat; position: relative;}

#curtain {position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.35); z-index: -10; opacity: 0; overflow: hidden;}
.curtain-inner {width: 459px; height: 100%; float: right; background: #252525; padding: 0 10px; position: relative; right: -479px;}
.curtain-title {padding: 10px; background: #1c181c; width: 100%; margin-left: -10px; color: #fff; font-size: 20px;}
.curtain-title .xxx {color: #fff; margin: 10px; cursor: pointer; display: inline-block;}
.curtain-title span {text-align: center;}

a {text-decoration:none}
ul {list-style-type:none}
img {border:none}

.clearfix:before,.clearfix:after {content: ""; display: table;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}
.box980 {width: 980px; margin: 0 auto;}
.hidden-x {display: none !important;}
.nomargin {margin-left: 0px !important; margin-right: 0px !important;}

header,footer,section,article,aside,nav,figure {display: block;}

/* Header */
header {height: 128px; width: 100%;}

/* .upper-header {height: 80px; background: url("../images/header-top-bg.jpg") left top repeat-x; border-bottom: 1px solid #323232; color: #fff;} */
.upper-header .box980 {position: relative; height: 81px;}
.upper-header #header-logo {position: absolute; display: block; width: 230px; height: 158px; top: 25px;}
.upper-header .lang {position: absolute; right: 0; bottom: 20px; font-size: 13px;}
.upper-header .lang #no {display: inline-block; height: 30px; width: 30px; background: url("../images/no.png") center center no-repeat; margin-bottom: -11px; margin-left: 5px;}
.upper-header .lang #no:hover {background: url("../images/no-on.png") center center no-repeat;}
.upper-header .lang #en {display: inline-block; height: 30px; width: 30px; background: url("../images/en.png") center center no-repeat; margin-bottom: -11px; margin-left: 5px;}
.upper-header .lang #en:hover {background: url("../images/en-on.png") center center no-repeat;}

/* Header Navigation */
.lower-header {height: 46px; background: url("../images/header-nav-bg.jpg") left top repeat-x; border-top: 1px solid #616161;}
.lower-header ul {height: 46px; margin-left: 235px; margin-right: -20px;}
.lower-header ul li {float: left; height: 46px; position: relative;}
.lower-header ul li div,
.lower-header ul li a {float: left;}

.lower-header ul li .arrow {position: absolute; display: none; width: 30px; margin-left: -15px; height: 6px; background: url("../images/header-nav-arrow.png") center center no-repeat; bottom: -6px; left: 50%; z-index: 100;}
.lower-header ul li:hover .arrow {display: block;}

.lower-header ul li a {color: #fff; font-size: 17px; vertical-align: top; padding: 13px 35px;}
.lower-header ul li a:hover {background: url("../images/header-nav-hover-bg2.jpg") left top repeat-x; border-left: 1px solid #848484; border-right: 1px solid #848484; padding: 23px 35px 13px 35px; margin-top: -10px;}

.lower-header ul li.first a:hover {padding-left: 36px;}
.lower-header ul li.last a:hover {padding-right: 36px;}

.lower-header ul li .px {height: 46px; width: 2px; background: url("../images/2px.jpg") center center no-repeat;}
.lower-header ul li:hover .px {display: none;}

.lower-header ul li .px-left {height: 46px; width: 1px; background: url("../images/1px-left.jpg") center center no-repeat;}
.lower-header ul li:hover .px-left {display: none;}

.lower-header ul li .px-right {height: 46px; width: 1px; background: url("../images/1px-right.jpg") center center no-repeat;}
.lower-header ul li:hover .px-right {display: none;}

#menu-button {text-transform: uppercase; cursor: pointer; position: absolute; right: 10px; top: 50px; width: 65px; display: none;}
#menu-button span.clearfix {float: right;}
.menu-1, .menu-2, .menu-3 {width: 19px; height: 3px; background: #000; margin-bottom: 4px;}
.menu-3 {margin-bottom: 0px !important;}

#slidingmenu-wrapper {background: url("../images/menu-bg.jpg") repeat; position: absolute; top: 0px; z-index: 10000; width: 100%; right: -100%; display: none;}
.menu-header {padding: 15px 10px; text-align: center;}
.menu-header-logo {width: 169px; height: 116px; display: inline-block;}
.menu-header-x {display: inline-block; margin-top: 50px; float: right; font-weight: bold; cursor: pointer; font-size: 26px;}
.menu-title {padding: 20px 0px; color: #fff; background: #1b171b; text-transform: uppercase; font-size: 18px; text-align: center;}

#menu-button2 {text-transform: uppercase; cursor: pointer; width: 65px; color: #fff; float: right; margin: 12px 10px 0 0; display: none;}
#menu-button2 span.clearfix {float: right;}
.menu-11, .menu-22, .menu-33 {width: 19px; height: 3px; background: #fff; margin-bottom: 4px;}
.menu-33 {margin-bottom: 0px !important;}

/* Header END */

/* Page Content */
.body-wrap {}
.upper-body-wrap {padding-bottom: 209px; min-height: 100%; overflow: hidden;}

/* .page-wrap {background: url("../images/bg3.jpg") center top no-repeat;} */
.page-wrap .box980 {padding-bottom: 60px;}

.page-left {float: left;}
.page-left-bg {float: left; background: #fff; width: 680px; min-height: 508px; padding: 0px 30px 70px 30px; margin-top: 78px; padding-top: 35px;}

.page-title {width: 680px;}
.page-title span {width: 680px; font-size: 24px; font-weight: bold; text-transform: uppercase;}
.page-title .title-bottom-border {width: 680px; height: 4px; margin: 18px 0px; background: url("../images/title-border-bottom.jpg") left top repeat-x;}

.page-sub-title {width: 680px;}
.page-sub-title span {width: 680px; font-size: 20px; font-weight: bold; text-transform: uppercase;}
.page-sub-title .title-bottom-border {width: 680px; height: 4px; margin: 18px 0px; background: url("../images/title-border-bottom.jpg") left top repeat-x;}


/* Slider */
.slider {width: 662px; height: 308px; padding: 7px; background: #fff; margin-top: 80px; margin-left: 21px; position: relative;}

.slider .slide-left {width: 31px; height: 42px; position: absolute; margin-left: -21px; cursor: pointer; background: url("../images/slide-left.png") center center no-repeat; left: 0; top: 35%; z-index: 100;}
.slider .slide-right {width: 31px; height: 42px; position: absolute; margin-right: -21px; cursor: pointer; background: url("../images/slide-right.png") center center no-repeat; right: 0; top: 35%; z-index: 
	100;
}

.slider-upper-wrap {position: relative;}
.slider-wrap {width: 662px; height: 308px; position: absolute; left: 7px; top: 7px;}
.slider-wrap img {position: absolute; left: 0; top: 0;}
.slider-wrap h3 {display: block; font-size: 25px; font-weight: 100; text-align: left;}
.slider-wrap div {position: absolute; width: 250px; height: 117px; right: 25px; bottom: 40px; background: url("../images/slider-textfield-bg.png") left top no-repeat; padding: 10px 31px 35px 31px;}
.slider-wrap div p {width: 250px; height: 92px; overflow: hidden; font-size: 12px; line-height: 1.5;}
.slider-wrap a {position: absolute; bottom: 47px; right: 15px; display: block; width: 52px; height: 16px; background: url("../images/slider-a-bg.png") left top no-repeat; color: #fff; padding-top: 26px; padding-left: 17px; font-size: 11px; text-transform: uppercase; font-weight: bold;}

/* Frontpage three linkboxes */
.link-box-block {width: 720px; margin-top: 50px;}
.link-box {width: 220px; height: 219px; padding: 5px; background: #fff; float: left; margin-right: 15px; position: relative;}
.link-box a .link-box-title {width: 220px; height: 33px; padding-top: 20px; position: absolute; left: 5px; bottom: 5px; background: url("../images/box-title-bg.png") center center no-repeat; color: #fff; text-align: center; font-size: 22px; font-weight: bold;}
.link-box a .link-box-description {position: absolute; left: 5px; top: 5px; width: 190px; height: 144px; padding: 20px 15px 55px 15px; background: url("../images/transparent-bg.png") left top; display: none; color: #fff; font-size: 12px; line-height: 1.5;}
.link-box a .link-box-description p {width: 190px; height: 144px; overflow: hidden;}
.link-box a:hover .link-box-description {display: block;}
.link-box a .link-box-read-more {position: absolute; left: 20px; bottom: 20px; display: none;}
.link-box a:hover .link-box-read-more {display: block;}

/* Rightside menu */
.page-right {float: right; width: 216px;}
.page-right h6 {color: #231f20; text-align: right; margin-top: 45px; margin-bottom: 7px; margin-left: -115px; font-size: 22px; text-transform: uppercase;}
.page-right .right-nav {width: 216px; min-height: 600px; background: #343434 url("../images/right-side-nav.jpg") left top repeat-x; color: #fff;}
.page-right .right-nav h3 {padding: 35px 0px 15px 25px; font-size: 18px; font-weight: bold;}
.page-right .right-nav > ul {display: block; width: 216px; min-height: 500px; padding-bottom: 32px;}
.page-right .right-nav ul li.level-1.here > a {color: #fffe11;}
.page-right .right-nav ul li.level-1.parent-here > a {color: #fffe11;}
.page-right .right-nav ul li.level-1 > a {color: #fff; display: block; padding: 6px 0 6px 25px; margin-top: 10px; text-transform: uppercase; font-size: 14px; position: relative;}
.page-right .right-nav ul li.level-1 > a:hover {color: #231f20; margin-left: -10px; padding-left: 35px; background: #fef249 url("../images/right-side-nav-a.jpg") left bottom repeat-x;}
.page-right .right-nav ul li.level-1 > a .right-arrow {display: none; position: absolute; width: 10px; height: 7px; background: url("../images/right-side-nav-angle.png") center center no-repeat; left: 0; bottom: -7px;}
.page-right .right-nav ul li.level-1 > a:hover .right-arrow {display: block;}

.page-right .right-nav ul li.level-1 ul {padding: 15px 0px 15px 0px; margin: 5px 0px; background: url("../images/right-nav-ulul-bg.jpg") left top; border-bottom: 1px solid #252525; border-top: 1px solid #252525;}
.page-right .right-nav ul li.level-1 ul {display: none;}
.page-right .right-nav ul li.level-1.parent-here ul li.level-2.here a {color: #fffe11;}
.page-right .right-nav li.level-2 {display: none;}
.page-right .right-nav li.level-2 > a {color: #fff; display: block; padding: 6px 0 6px 40px; margin-top: 2px; text-transform: uppercase; font-size: 14px; position: relative;}
.page-right .right-nav li.level-2 > a:hover {color: #231f20; margin-left: 0px; padding-left: 40px; background: #fef249 url("../images/right-side-nav-a.jpg") left bottom repeat-x;}
.page-right .right-nav li.level-2 > a .right-arrow {display: none; position: absolute; width: 10px; height: 7px; background: url("../images/right-side-nav-angle.png") center center no-repeat; left: 0; bottom: -7px;}
.page-right .right-nav ul li.level-1.parent-here ul {display: block;}
.page-right .right-nav li.level-1.parent-here li.level-2 {display: block;}
/* Page Content END */

/* Footer */
footer {height: 208px; border-top: 1px solid #000; margin-top: -209px; background: url("../images/footer-bg.jpg") left top repeat-x;}
.footer-wrap {}
.footer-wrap div {float: left; margin-right: 40px; color: #e4e003; font-size: 12px; line-height: 1.5; margin-top: 55px; vertical-align: top;}
.footer-wrap div a { color: #e4e003 }
.footer-wrap div:last-child {margin-right: 0px !important;}
.footer-wrap div h4 {font-size: 18px; color: #fff;}

footer span {width: 980px; margin: 0 auto; text-align: center; color: #fff; font-size: 11px; display: inline-block; height: 1px; margin-bottom: -5px;}
footer span a {color: #e4e003;}
footer span a:hover {color: #fffe11;}
/* Footer END */

/* News Listing */
.article {margin-bottom: 20px;}
.article .dot {color: #0b8b08;}
.article .article-title {font-weight: bold; font-size: 14px;}
.article .article-date {color: #777777;}
.article a {color: #0b8b08;}
/* News Listing END */

/* Products Listing */
.products p {color: #777777; font-size: 14px; line-height: 1.5;}
.products p strong {color: #000;}
.products .title-description {margin-bottom: 20px;}
.products .title-image {margin-bottom: 15px;}

.category-ul ul li > ul {margin-left: 20px;}
#add-level1 li.here > ul {display: block;}
#add-level1 li.here ul.show li {display: block;}
#add-level1 li.here ul.show li.here a {color: #fffe11 !important;}

.prod-listing {width: 680px;}
.prod-listing li {width: 680px; height: 130px; margin-bottom: 30px;}
.prod-listing li a.img-wrapper {width: 130px; height: 130px; display: block; margin-right: 20px; float: left;}
.prod-listing li h3 {margin-bottom: 10px;}
.prod-listing li h3 a {color: #000; font-size: 18px; font-weight: bold;}
.prod-listing li .prod-description {height: 85px; overflow: hidden;}

/* Products Listing END */

/* People */
.people-p {margin-bottom: 20px; color: #777777; font-size: 14px; line-height: 1.5;}
.people-p strong {color: #000;}
ul.person {width: 638px; background: #f3f3f3; border: 1px solid #e4e4e4; margin-bottom: 30px; padding: 20px;}
ul.person li {float: left; height: 106px; width: 308px; font-size: 13px; margin-bottom: 20px; line-height: 1.5;}
ul.person li img {float: left; margin-right: 20px;}
ul.person li p { margin-top: 20px;}
ul.person li a {color: #0b8b08;}
.right-margin {margin-right: 20px;}
/* People END */

/* Contact */
.contact-right {float: right; margin-bottom: 18px; width: 330px;}
.contact img { margin-bottom: 30px;}
.contact #map-canvas {width: 330px; height: 274px;}

.contact-left {width: 330px; float: left; color: #777777; font-size: 14px; line-height: 1.5; height: 582px; overflow: hidden; margin-bottom: 18px;}
.special {height: 274px !important;}
.contact-left .image-wrap {width: 330px; height: 274px; margin-bottom: 24px;}
.contact-left p {margin-bottom: 30px;}

.contact-form {border: 1px solid #e3e3e3; background: #f2f2f2; padding: 20px;}
.contact-form input[type="text"] {display: block; padding: 10px; margin-bottom: 10px; width: 60%; border: 1px solid #cecece;}
.contact-form textarea {display: block; width: 90%; height: 100px; margin-bottom: 10px; padding: 10px; border: 1px solid #cecece;}
.contact-form input[type="submit"] {padding: 10px 15px; background: #343434; text-transform: uppercase; color: #fffe11; border: none; cursor: pointer;}


/* Contact END */

/* Multimedia */
.multimedia .gallery {width: 680px; margin-top: 11px; margin-bottom: 20px;}
.multimedia .gallery li {float: left; margin-right: 28px; margin-bottom: 20px;}
.multimedia .gallery li a {position: relative; display: block; width: 148px; height: 143px;}
.multimedia .gallery li a .magnify-big {position: absolute; left: 0; top: 0; display: none; width: 148px; height: 143px; z-index: 100; background: url("../images/magnify-big.png") center center no-repeat;}
.multimedia .gallery li a:hover .magnify-big {display: block;}
.multimedia .gallery li:last-child {margin-right: 0px !important;}

.mm-body {margin-bottom: 20px; margin-top: 20px;}
.mm-body p {color: #777777; font-size: 14px; line-height: 1.5; margin-bottom: 10px;}
.mm-body strong {color: #000;}
.mm-body ul {list-style-type: disc; color: #777777; font-size: 14px; line-height: 1.5; margin-bottom: 10px; margin-left: 25px;}

.multimedia .documents {width: 680px;}
.multimedia .documents li {width: 154px; height: 50px; float: left; padding-top: 100px; background: url("../images/icon-pdf-big.png") center top no-repeat; line-height: 1.5; margin-bottom: 10px; text-align: center;}
.multimedia .documents li h4 a {color: #000; font-size: 14px;}
.multimedia .documents li p {font-size: 14px; color: #777777;  width: 256px; height: 40px; overflow: hidden; display: block;}
.multimedia .documents li p a {font-weight: normal;}
.multimedia .documents li.right-margin {margin-right: 20px;}

.multimedia .documents-only {width: 680px;}
.multimedia .documents-only li {width: 600px; height: 63px; float: left; padding-right: 80px; background: url("../images/pdf-only.png") center right no-repeat; line-height: 1.5; margin-bottom: 10px;}
.multimedia .documents-only li h4 a {color: #000; font-size: 14px;}
.multimedia .documents-only li p {font-size: 14px; color: #777777;  width: 600px; height: 40px; overflow: hidden; display: block;}
.multimedia .documents-only li p a {font-weight: normal;}
.multimedia .documents-only li.right-margin {margin-right: 20px;}

/* Multimedia END */

/* News Article */
.article-page .gallery {width: 680px; margin-top: 11px; margin-bottom: 20px;}
.article-page .gallery li {float: left; margin-right: 14px;}
.article-page .gallery li a {position: relative; display: block; width: 85px; height: 83px;}
.article-page .gallery li a .magnify {position: absolute; left: 0; top: 0; display: none; width: 85px; height: 83px; z-index: 100; background: url("../images/magnify.png") center center no-repeat;}
.article-page .gallery li a:hover .magnify {display: block;}
.article-page .gallery li:last-child {margin-right: 0px !important;}

.article-body {line-height: 1.5; margin-top: 20px; font-size: 14px; margin-bottom: 20px;}
.article-body p {margin: 5px 0;}
.article-body p img {margin-left: 20px;}
.article-body, .article-body ul {margin-left: 30px;}

.article-page .documents {width: 680px;}
.article-page .documents li {width: 256px; float: left; height: 88px; padding-left: 74px; background: url("../images/icon-pdf.png") left top no-repeat; line-height: 1.5; margin-bottom: 10px;}
body.ie7 .article-page .documents li {height: 64px; overflow: hidden;}
.article-page .documents li h4 a {color: #000; font-size: 14px;}
.article-page .documents li p {font-size: 14px; color: #777777;  width: 256px; height: 40px; overflow: hidden; display: block;}
.article-page .documents li p a {font-weight: normal;}
.article-page .documents li.right-margin {margin-right: 20px;}
/* News Article END */

/* Product */
.product-page .description {font-size: 14px; color: #777777; margin: 20px 0; line-height: 1.5;}
.product-page .description strong {color: #000;}
.product-page .description ul {list-style-type: disc; color: #777777; font-size: 14px; line-height: 1.5; margin-bottom: 10px; margin-left: 25px;}
.product-page .documents {width: 680px;}
.product-page .documents a {color: #0b8b08;}
.product-page .documents li {width: 256px; float: left; height: 88px; padding-left: 74px; background: url("../images/icon-pdf.png") left top no-repeat; line-height: 1.5; margin-bottom: 10px;}
body.ie7 .product-page .documents li {height: 64px; overflow: hidden;}
.product-page .documents li h4 a {color: #000; font-size: 14px;}
.product-page .documents li p {font-size: 14px; color: #777777;  width: 256px; height: 40px; overflow: hidden; display: block;}
.product-page .documents li p a {font-weight: normal;}
.product-page .documents li.right-margin {margin-right: 20px;}

.product ul.gallery {width: 680px; margin-top: 11px; margin-bottom: 20px;}
.product ul.gallery li {float: left; margin-right: 14px; margin-bottom: 10px;}
.product ul.gallery li a {position: relative; display: block; width: 85px; height: 83px;}
.product ul.gallery li a .magnify {position: absolute; left: 0; top: 0; display: none; width: 85px; height: 83px; z-index: 100; background: url("../images/magnify.png") center center no-repeat;}
.product ul.gallery li a:hover .magnify {display: block;}
.product ul.gallery li:last-child {margin-right: 0px !important;}


/* Product END */

/* Reference List */
#references .gallery {float: left;}
#references li {margin-bottom: 20px;}
#references article {width: 380px; float: right;}
#references article h3 {margin-bottom: 10px;}
#references article a h3 {color: #000;}
#references article p {color: #777777; line-height: 1.5;}
#references li ul li {}
/* Reference List END */

/* Multiple Maps */
#map_canvas {width: 315px; height: 274px;}
.contact-left img {margin-bottom: 20px;}
.contact-right p {font-size: 14px; color: #777777; line-height: 1.5;}
.contact-right p strong {color: #000;}
.contact-right p b {color: #000;}
.contact-right .contact-info {height: 274px; overflow: hidden; margin-bottom: 24px;}
.multi-block {width: 289px; min-height: 233px; border: 1px solid #e3e3e3; background: #f2f2f2; padding: 20px; font-size: 14px !important;}
.multi-block #locations {margin-top: 25px;}
.multi-block #locations .hidden {display: none;}
.multi-block #locations .green {color: #0c8509; cursor: pointer;}
.multi-block #locations li {margin-bottom: 10px;}
#more-info {padding-bottom: 25px; border-bottom: 1px solid #e3e3e3; height: 60px;}
/* Multiple Maps END */

/* Login */
.login-body img {margin-bottom: 20px;}
.login-body p {color: #777777; font-size: 14px; line-height: 1.5; margin-bottom: 20px;}
.login-body strong {font-weight: bold; color: #000;}
.login-body input {display: inline-block;}
.login-body input[type="text"], .login-body input[type="password"] {padding: 10px; width: 230px;}
.login-body input[type="submit"] {height: 30px; width: 100px; border: none; background: url("../images/button-bg.jpg") left top repeat-x; border-top: 1px solid #f4e21b; border-left: 1px solid #f4e21b; vertical-align: middle; text-align: center; margin-bottom: 20px;}
.login-body input[type="submit"]:active {background: url("../images/button-bg-on.jpg") left top repeat-x;}

#login {position: relative;}
#login p {width: 300px;}
#login #autologin {position: absolute; top: 5px; right: 60px;}
#login p a {position: absolute; top: 40px; right: 205px;}
/* Login END */

.people-asset li {margin-bottom: 10px !important; height: auto !important; width: 50% !important;}
.people-asset li p {margin-top: 0px !important;}
.people-asset li p b {display: inline-block; width: 62px;}


#side-subcat {margin-left: 10px; display: none;}
.page-right .right-nav ul li.level-1#side-subcat > a:hover {margin-left: -20px; padding-left: 45px;}
.page-right .right-nav ul li.level-1#side-subcat ul {margin-left: -10px;}
.page-right .right-nav #side-subcat li.level-2 > a {padding-right: 5px;}
.page-right .right-nav #side-subcat li.level-2.here > a {color: #fffe11;}

.booya {display: block !important;}
.office-title {font-weight: bold; margin-bottom: 10px; border-bottom: 1px solid #e4e4e4; padding-bottom: 8px;}
.people-subtitle {display: none;}

.vakt {display: none; float: right; margin: 32px 32px 0 0;}
.head-title {display: none; color: #fff; text-transform: uppercase; margin-left: 260px; margin-top: 12px; float: left;}

.responsive-submenu.upper-menu {position: relative; padding: 6px 20px; margin: 30px auto 0px auto; width: 300px; text-transform: uppercase; background: #fff; border-radius: 5px; color: #424142; cursor: pointer; display: none;}
.responsive-submenu.upper-menu.menu-open {border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}
.responsive-submenu.upper-menu .subnavigation {position: absolute; display: none; background: #fff; border-radius: 0px 0px 5px 5px; left: 0px; top: 31px; overflow: hidden; z-index: 1000; padding: 3px 0px;}
.responsive-submenu.upper-menu .subnavigation li a {display: block; padding: 3px 20px; width: 300px; text-transform: uppercase; color: #424142;}
.responsive-submenu.upper-menu .subnavigation li a:hover {background: #424142; color: #faec00;}


.responsive-submenu.lower-menu {float: right; position: relative; padding: 6px 20px; width: 200px; text-transform: uppercase; background: #e1e1e0; border-radius: 5px; color: #424142; cursor: pointer; display: none;}
.responsive-submenu.lower-menu.menu-open {border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}
.responsive-submenu.lower-menu .subnavigation {position: absolute; display: none; background: #e1e1e0; border-radius: 0px 0px 5px 5px; left: 0px; top: 31px; overflow: hidden; z-index: 1000; padding: 3px 0px;}
.responsive-submenu.lower-menu .subnavigation li a {display: block; padding: 3px 20px; width: 200px; text-transform: uppercase; color: #424142;}
.responsive-submenu.lower-menu .subnavigation li a:hover {background: #424142; color: #faec00;}

.menu-arrow {float: right; font-size: 12px; margin-top: 3px; margin-right: -10px;}

@media screen and (max-width: 980px) {
	
	.box980 {width: 100%;}
	.upper-header #header-logo {left: 20px;}
	.lower-header ul {display: none;}

	.responsive-submenu.lower-menu {display: block;}

	.vakt {display: block;}
	.head-title {display: block;}
	#menu-button2 {display: block;}

	.page-left {float: none; padding: 0 20px; text-align: center;}
	.page-right {display: none;}

	.slider {display: inline-block; margin-left: 0px;}
	.slider-wrap div p {text-align: left;}
	.slider-wrap a {text-align: left;}

	.link-box-block {width: auto;}
	.link-box {display: inline-block; float: none;}

	footer {background: none; height: auto;}
	footer .box980.footer-wrap {width: 94%; padding: 20px 3%;}
	footer span {width: 100%;}
	.footer-wrap {background: url("../images/hed-foot-bg.jpg") left top repeat;}
	.footer-wrap div {margin-top: 20px; float: none; display: inline-block; width: 42%;}

	.inner-pages .page-wrap .box980 {width: 98%;}
	.inner-pages .page-left-bg {width: auto; float: none;}
	.inner-pages .page-title {width: auto; margin-bottom: 20px;}
	.page-title span {width: 60%; float: left; font-size: 18px;}
	.page-title .title-bottom-border {width: auto; display: none; margin-top: 46px;}
	.page-sub-title span {font-size: 16px;}

	.products .title-image img {width: 100%; height: auto;}
	.image img {width: 100%; height: auto;}
	.page-sub-title {width: auto;}
	.page-sub-title .title-bottom-border {width: auto;}
	ul.person {width: auto;}
	ul.person li {width: 45%;}

	.page-left-bg .gallery img {width: 100%; height: auto;}

	.contact-wrap .contact-left {float: none; width: auto; height: auto;}
	.contact-wrap .contact-left .image-wrap {display: none;}
	#map_canvas {width: 100%; height: 450px;}
	.contact-wrap .contact-right {float: none; width: auto;}
	.contact-wrap .contact-right .contact-info {display: none;}
	.multi-block {width: auto; height: auto;}

	.page-left-bg .contact-right {float: none; width: auto;}
	.contact #map-canvas {width: 100%;}
	.page-left-bg .contact-left {float: none; width: auto;}
	.special {height: auto !important;}

	.multimedia .documents-only {width: auto;}
	.multimedia .documents-only li.right-margin {margin-right: 0px;}
	.multimedia .documents-only li {width: 100%; float: none; padding-right: 0px;}
	.multimedia .documents-only li p {width: auto;}
	
}

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

	.link-box {width: 27%; height: auto;}
	.link-box .link-box-bg {width: 100%; height: 100%;}
	.link-box a {position: relative; display: block; width: 100%; height: 100%;}
	.link-box a .link-box-title {width: 100%; margin-left: -5px; margin-bottom: -5px; font-size: 16px;}
	.link-box a .link-box-description {padding: 0px; left: 0px; top: 0px; width: 100%; height: 100%;}
	.link-box a .link-box-description p {width: auto; height: auto; padding: 5px;}

	#references .gallery {float: none;}
	#references article {width: auto;}

}

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

	#references article {float: none; width: auto;}
	#references .gallery {position: static !important;}
	#references li {position: static !important; height: auto;}
	#references li img {width: 100%; height: auto;}

	.prod-listing {width: auto;}
	.prod-listing li {width: auto; height: auto;}
	.prod-listing li .prod-description {height: auto;}

}

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

	.slider {width: 92%; margin: 80px 4% 0px 4%;}
	.slider-wrap {width: 100%;}
	.slider-wrap img {width: 100%;}

	.link-box a .link-box-description p {line-height: 1.3;}

	.people-asset li {width: 100% !important;}

}

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

	.multimedia .documents {width: auto;}
	.page-title span {width: 50%;}

}

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

	.link-box a .link-box-description p {line-height: 1.0;}

}

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

	.link-box a .link-box-description p {font-size: 10px;}

}

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

	.footer-wrap div {width: 40%;}

}

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

	.head-title {font-size: 12px; margin-top: 15px;}
	.button-text {display: none;}
	#menu-button2 {width: 19px;}
	.page-title span {word-wrap: break-word; width: 30%;}

}

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

	ul.person li {float: none; display: block; height: auto; width: auto;}

}


@media screen and (max-width: 479px) {
	
	header {height: auto;}
	.upper-header .box980 {height: 111px;}

	.responsive-submenu.lower-menu {display: none;}
	.responsive-submenu.upper-menu {display: block;}

	.inner-pages .page-left-bg {margin-top: 30px;}

	.page-title span {width: auto;}	

	.page-left {text-slign: left;}	

	.slider {width: 88%; display: none;}
	.slider-wrap {width: 100%;}
	.slider-wrap img {width: 100%;}
	.slider-wrap h3 {left: 64px;}

	.link-box-block {margin-top: 100px;}
	.link-box {width: 100%; height: auto; margin-right: 0px; margin-bottom: 20px;}
	.link-box .link-box-bg {width: 100%; height: 100%;}
	.link-box a {position: relative;}
	.link-box a .link-box-title {width: 100%; margin-left: -5px; margin-bottom: -5px; font-size: 22px; background-size: 100% 48px;}
	.link-box a .link-box-description p {font-size: 16px; line-height: 1.5;}

	.prod-listing li a.img-wrapper {margin-left: 0px; float: none;}

	.vakt {float: none; margin: 0px; padding: 40px 0 0 10px; width: 110px; font-size: 14px; text-transform: uppercase;}
	.upper-header #header-logo {left: 35%; width: 142px; height: 97px; top: 6px;}
	.head-title {margin-left: 0px; text-align: center; font-size: 30px; margin-top: 6px; float: none;}
	
	#menu-button2 {display: none;}
	#menu-button {display: block;}
	#slidingmenu-wrapper {display: block;}

	.footer-wrap div {margin-right: 0px; vertical-align: top; width: 100%;}

}

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

	.head-title {font-size: 20px; margin-top: 10px;}

}

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

	.responsive-submenu.upper-menu {width: 75%;}
	.responsive-submenu.upper-menu .subnavigation li a {width: 75%;}

}

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

	.upper-header #header-logo {width: 80px; height: auto; left: 39%; top: 27px;}
	.vakt {font-size: 13px;}

}