/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
	NYKÖPINGSREGIONEN | MAIN
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* ==========================================================================
   RESET
================================|========================================= */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
table,
thead,
tbody,
tfoot,
tr,
th,
td,
header,
footer,
nav,
section,
article,
aside,
figure,
canvas,
details,
embed,
figcaption,
hgroup,
menu,
output,
ruby,
summary,
time,
mark,
audio,
video {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   vertical-align: baseline;
   font-size: 100%;
   font-family: inherit;
   font-style: inherit;
   font-weight: inherit;
}

html {
   overflow-y: scroll;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
}

body {
   line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
   display: block;
}

audio,
canvas,
video {
   display: inline-block;
   *display: inline;
   *zoom: 1;
}

audio:not([controls]) {
   display: none;
}

ul {
   list-style: none;
}

blockquote:before,
q:before,
blockquote:after,
q:after {
   content: '';
}

blockquote,
q {
   quotes: none;
}

table {
   border-collapse: collapse;
   border-spacing: 0;
   max-width: 100%;
}

caption,
th,
td {
   font-weight: normal;
   text-align: left;
}

a:focus {
   outline: none !important;
}

a:hover,
a:active,
a:focus {
   outline: 0 !important;
}

a img {
   border: none;
}

img {
   width: auto\9;
   max-width: 100%;
   height: auto;
   vertical-align: middle;
   border: 0;
   -ms-interpolation-mode: bicubic;
}

embed,
iframe,
object {
   max-width: 100%;
}

em,
i {
   font-style: italic;
}

/* Border Box ---------------- */
*,
*:after,
*:before {
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
}

/* ==========================================================================
	CLEARING
================================|========================================= */

.cc:before,
.cc:after,
header:before,
header:after,
section:before,
section:after,
main:before,
main:after,
footer:before,
footer:after,
[class*='form']:before,
[class*='form']:after,
[class*='content']:before,
[class*='content']:after,
[class*='menu']:before,
[class*='menu']:after,
[class*='nav']:before,
[class*='nav']:after,
[class*='group']:before,
[class*='group']:after,
[class*='row']:before,
[class*='row']:after,
[class*='col']:before,
[class*='col']:after,
[class*='box']:before,
[class*='box']:after,
[class*='push']:before,
[class*='push']:after,
[class*='head']:before,
[class*='head']:after,
[class*='body']:before,
[class*='body']:after,
[class*='foot']:before,
[class*='foot']:after,
[class*='info']:before,
[class*='info']:after,
[class*='post']:before,
[class*='post']:after {
   display: table;
   overflow: hidden;
   visibility: hidden;
   height: 0;
   font-size: 0;
   content: '\0020';
}

.cc:after,
header:after,
section:after,
main:after,
footer:after,
[class*='form']:after,
[class*='content']:after,
[class*='menu']:after,
[class*='nav']:after,
[class*='group']:after,
[class*='row']:after,
[class*='col']:after,
[class*='box']:after,
[class*='push']:after,
[class*='head']:after,
[class*='body']:after,
[class*='foot']:after,
[class*='info']:after,
[class*='post']:after {
   clear: both !important;
}

/* ==========================================================================
	FONTS
================================|========================================= */

@font-face {
   font-family: 'Akzidenz-Grotesk-Medium';
   src: url('../font/bertholdag-regular.eot');
   src: url('../font/bertholdag-regular.eot?#iefix') format('embedded-opentype'), url('../font/bertholdag-regular.woff') format('woff'),
      url('../font/bertholdag-regular.ttf') format('truetype'), url('../font/bertholdag-regular.svg#Akzidenz-Grotesk') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'Akzidenz-Grotesk-Medium';
   src: url('../font/bertholdag-medium.eot');
   src: url('../font/bertholdag-medium.eot?#iefix') format('embedded-opentype'), url('../font/bertholdag-medium.woff') format('woff'),
      url('../font/bertholdag-medium.ttf') format('truetype'), url('../font/bertholdag-medium.svg#Akzidenz-Grotesk-Medium') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'Open-Sans';
   src: url('../font/opensans-regular.eot');
   src: url('../font/opensans-regular.eot?#iefix') format('embedded-opentype'), url('../font/opensans-regular.woff') format('woff'),
      url('../font/opensans-regular.ttf') format('truetype'), url('../font/opensans-regular.svg#OpenSansRegular') format('svg');
   font-weight: normal;
   font-style: normal;
}

/* ==========================================================================
	GLOBAL TYPOGRAPHY
================================|========================================= */

body {
   font-size: 15px;
   line-height: 20px;
   font-family: 'Open Sans', 'Open-Sans', Arial, sans-serif;
   color: #444;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   margin: 0;
   font-weight: normal;
   color: #111;
}

h1 {
   font: 46px/42px 'Akzidenz-Grotesk-Medium';
}

h2 {
   font: 28px/31px 'Akzidenz-Grotesk-Medium';
}

h3 {
   font: 400 22px/25px 'Open Sans';
}

h4 {
   font: 600 17px/21px 'Open Sans';
}

h5 {
   font: 700 15px/19px 'Open Sans';
}

h6

/* ingress */
   {
   font: 19px/24px 'Open Sans';
}

b,
strong {
   font-weight: bold;
   color: #111;
}

blockquote {
   margin: 10px 0 15px 0;
   font-style: italic;
   font-size: 17px;
   line-height: 22px;
}

button,
input,
select,
textarea,
label {
   font: 600 15px/20px 'Open Sans';
   color: #444;
}

/* ==========================================================================
   GLOBAL ELEMENTS & CLASSES
================================|========================================= */

body {
   background: #faa61a;
}

p {
   margin: 0 !important;
   padding: 0 0 12px 0;
    font-size: 16px;
    line-height: 23px;
}

/* --------------------------------------------------------------------------
   LINKS
--------------------------------|----------------------------------------- */

a {
   color: #fa9a00;
   text-decoration: none;
   cursor: pointer !important;
   transition: color 0.3s;
   -moz-transition: color 0.3s;
   -webkit-transition: color 0.3s;
}

a:hover {
   color: #000;
   text-decoration: none;
}

a h1,
a h2,
a h3,
a h4,
a h5,
a h6,
a div,
a span {
   transition: color 0.3s;
   -moz-transition: color 0.3s;
   -webkit-transition: color 0.3s;
}

a:hover h1,
a:hover h2,
a:hover h3,
a:hover h4,
a:hover h5,
a:hover h6 {
   color: #000 !important;
}

/* --------------------------------------------------------------------------
   SPECIAL
--------------------------------|----------------------------------------- */

.nowrap {
   white-space: nowrap;
}

.hidden {
   display: none;
}

.center {
   text-align: center;
}

.right {
   text-align: right;
}

/* --------------------------------------------------------------------------
   ACCESIBILITY
--------------------------------|----------------------------------------- */

.screen-reader-text {
   clip: rect(1px, 1px, 1px, 1px);
   position: absolute !important;
   overflow: hidden;
   height: 1px;
   width: 1px;
}

/* --------------------------------------------------------------------------
   CHILD ELEMENTS
--------------------------------|----------------------------------------- */

[class*='col'] {
   display: block;
   /*overflow: hidden;*/
   float: left;
   min-height: 1px;
}

/* --------------------------------------------------------------------------
   BUTTONS
--------------------------------|----------------------------------------- */

[class*='btn'] {
   display: block;
   border: none;
   cursor: pointer !important;
}

/* Text Buttons ============== */
.btn-text {
   display: inline-block;
   padding: 7px 14px 8px;
   font: 600 17px/20px 'Open Sans';
   color: #fff;
   text-transform: uppercase;
   text-align: center;
   background: #000;
   border-radius: 2px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.22);
   -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.22);
   -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.22);
   transition: background 0.3s;
   -moz-transition: background 0.3s;
   -webkit-transition: background 0.3s;
}

.btn-text:hover {
   color: #faa61a;
}

.btn-text.large {
   padding: 10px 20px;
   font-size: 20px;
   line-height: 23px;
}

/* --------------------------------------------------------------------------
   ICONS
--------------------------------|----------------------------------------- */

[class*='icon'] {
   display: inline-block;
   cursor: pointer;
}

/* File Icons ================ */
.file-icon {
   min-width: 34px;
   min-height: 35px;
   padding: 7px 0 0 38px;
   font: 700 15px/20px 'Open Sans';
   background: url(../img/file-icons.png) no-repeat;
}

.file-icon.pdf {
   background-position: 0 0;
}

.file-icon.pdf:hover {
   background-position: 0 -120px;
}

.file-icon.doc {
   background-position: 0 -240px;
}

.file-icon.doc:hover {
   background-position: 0 -360px;
}

.file-icon.xls {
   background-position: 0 -480px;
}

.file-icon.xls:hover {
   background-position: 0 -600px;
}

.file-icon.ppt {
   background-position: 0 -720px;
}

.file-icon.ppt:hover {
   background-position: 0 -840px;
}

.file-icon.zip {
   background-position: 0 -960px;
}

.file-icon.zip:hover {
   background-position: 0 -1080px;
}

/* --------------------------------------------------------------------------
   PAGE NAV
--------------------------------|----------------------------------------- */

.page-nav {
   display: inline-block;
   width: 100%;
   padding: 20px 0 20px 0 !important;
   list-style: none !important;
}

.page-nav li {
   float: left;
}

.page-nav .heading {
   width: 8%;
   padding: 6px 0 0 0 !important;
   font: 400 15px/18px 'Open Sans';
   color: #111;
}

.page-nav .numbers {
   width: 92%;
}

.page-nav .nr {
   display: block;
   float: left;
   min-width: 30px;
   height: 30px;
   margin: 0 10px 10px 0;
   padding: 6px 3px 0 3px;
   text-align: center;
   font: 700 15px/18px 'Open Sans';
   color: #fff;
   text-decoration: none !important;
   background: #faa61a;
   border-radius: 1px;
   -moz-border-radius: 1px;
   -webkit-border-radius: 1px;
}

.page-nav .nr:hover {
   background: #faa61a;
   color: #000;
}

.page-nav .nr.active {
   background: #000;
   color: #fff !important;
}

.page-nav .nr.active:hover {
   background: #000;
   color: #fff !important;
}

/* --------------------------------------------------------------------------
   TABLES
--------------------------------|----------------------------------------- */

table {
   border-collapse: collapse;
   border-spacing: 0;
   max-width: 100%;
   margin: 5px 0 15px 0;
   background-color: transparent;
}

th {
   text-align: left;
}

thead,
tfoot {
   font-weight: bold;
   color: #111;
}

.tr-top th {
   height: 16px;
   padding: 5px 10px 5px 10px;
   vertical-align: bottom;
   text-align: center;
   font-weight: normal;
   font-size: 12px;
   line-height: 16px;
   text-transform: uppercase;
   color: #707070;
}

/* Bootstrap Table ----------- */
.table {
   width: 100%;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
   padding: 8px;
   line-height: 1.428571429;
   vertical-align: top;
   border-top: 1px solid #dddddd;
}

.table>thead>tr>th {
   vertical-align: bottom;
   border-bottom: 2px solid #ddd;
}

.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>td {
   border-top: 0;
}

.table>tbody+tbody {
   border-top: 2px solid #dddddd;
}

.table .table {
   background-color: #fff;
}

.table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td {
   padding: 5px;
}

.table-bordered {
   border: 1px solid #dddddd;
}

.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
   border: 1px solid #dddddd;
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
   border-bottom-width: 2px;
}

.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
   background-color: #f9f9f9;
}

.table-hover>tbody>tr:hover>td,
.table-hover>tbody>tr:hover>th {
   background-color: #f5f5f5;
}

table col[class*='col-'] {
   position: static;
   float: none;
   display: table-column;
}

table td[class*='col-'],
table th[class*='col-'] {
   position: static;
   float: none;
   display: table-cell;
}

.table>thead>tr>td.active,
.table>tbody>tr>td.active,
.table>tfoot>tr>td.active,
.table>thead>tr>th.active,
.table>tbody>tr>th.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>tbody>tr.active>td,
.table>tfoot>tr.active>td,
.table>thead>tr.active>th,
.table>tbody>tr.active>th,
.table>tfoot>tr.active>th {
   background-color: #f5f5f5;
}

.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover,
.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr.active:hover>th {
   background-color: #e8e8e8;
}

.table>thead>tr>td.success,
.table>tbody>tr>td.success,
.table>tfoot>tr>td.success,
.table>thead>tr>th.success,
.table>tbody>tr>th.success,
.table>tfoot>tr>th.success,
.table>thead>tr.success>td,
.table>tbody>tr.success>td,
.table>tfoot>tr.success>td,
.table>thead>tr.success>th,
.table>tbody>tr.success>th,
.table>tfoot>tr.success>th {
   background-color: #dff0d8;
}

.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover,
.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr.success:hover>th {
   background-color: #d0e9c6;
}

.table>thead>tr>td.info,
.table>tbody>tr>td.info,
.table>tfoot>tr>td.info,
.table>thead>tr>th.info,
.table>tbody>tr>th.info,
.table>tfoot>tr>th.info,
.table>thead>tr.info>td,
.table>tbody>tr.info>td,
.table>tfoot>tr.info>td,
.table>thead>tr.info>th,
.table>tbody>tr.info>th,
.table>tfoot>tr.info>th {
   background-color: #d9edf7;
}

.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover,
.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr.info:hover>th {
   background-color: #c4e3f3;
}

.table>thead>tr>td.warning,
.table>tbody>tr>td.warning,
.table>tfoot>tr>td.warning,
.table>thead>tr>th.warning,
.table>tbody>tr>th.warning,
.table>tfoot>tr>th.warning,
.table>thead>tr.warning>td,
.table>tbody>tr.warning>td,
.table>tfoot>tr.warning>td,
.table>thead>tr.warning>th,
.table>tbody>tr.warning>th,
.table>tfoot>tr.warning>th {
   background-color: #fcf8e3;
}

.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover,
.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr.warning:hover>th {
   background-color: #faf2cc;
}

.table>thead>tr>td.danger,
.table>tbody>tr>td.danger,
.table>tfoot>tr>td.danger,
.table>thead>tr>th.danger,
.table>tbody>tr>th.danger,
.table>tfoot>tr>th.danger,
.table>thead>tr.danger>td,
.table>tbody>tr.danger>td,
.table>tfoot>tr.danger>td,
.table>thead>tr.danger>th,
.table>tbody>tr.danger>th,
.table>tfoot>tr.danger>th {
   background-color: #f2dede;
}

.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover,
.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr.danger:hover>th {
   background-color: #ebcccc;
}

/* --------------------------------------------------------------------------
   FORMS
--------------------------------|----------------------------------------- */

form {
   display: inline;
}

button,
input,
select {
   margin: 0;
   vertical-align: baseline;
   *vertical-align: middle;
   border: none;
}

button,
input,
select,
textarea,
label {
   font: 600 15px/20px 'Open Sans';
   color: #111;
}

input[type='text'],
input[type='email'],
input[type='password'],
input[type='search'] {
   padding: 0 0 0 5px;
   height: 30px;
}

textarea {
   margin: 0;
   overflow: auto;
   vertical-align: top;
   resize: vertical;
   border: none;
}

input:focus,
textarea:focus {
   outline: 0 !important;
}

button,
input[type='button'],
input[type='submit'] {
   cursor: pointer !important;
}

input[type='button'],
input[type='submit'],
input[type='text'],
textarea {
   appearance: none !important;
   -moz-appearance: none !important;
   -webkit-appearance: none !important;
}

/* FORM Box ================== */
.form-box {
   margin: 10px 0;
   padding: 20px 4% 20px 4%;
   background: #cee6f0;
}

/* FORM CONTENT ============== */
[class*='form'] h2 {
   margin: 0 !important;
}

[class*='form'] h3,
[class*='form'] h4 {
   clear: both;
   margin: 0 !important;
   padding: 0 0 15px 0;
}

[class*='form'] section {
   padding: 0 0 25px 0;
}

[class*='form'] .row {
   padding: 0 0 10px 0;
}

[class*='form'] .row.columns {
   width: auto;
   margin-left: -3%;
   padding: 0;
}

[class*='form'] .row.columns.section {
   padding: 0 0 15px 0;
}

[class*='form'] .col {
   padding: 0 0 10px 3%;
}

[class*='form'] .cb-radio {
   float: left;
   width: 4%;
}

[class*='form'] .cb-radio-text {
   float: left;
   width: 96%;
}

[class*='form'] .asterixinfo {
   display: inline-block;
   float: left;
   padding: 5px 0 0 0;
}

[class*='form'] .btn-text {
   float: right;
}

[class*='form'] .confirmation {}

[class*='form'] input[type='text'],
[class*='form'] input[type='email'],
[class*='form'] input[type='password'],
[class*='form'] input[type='search'],
[class*='form'] textarea {
   width: 100%;
   background-color: #fff;
}

[class*='form'] input[type='text'],
[class*='form'] input[type='email'],
[class*='form'] input[type='password'],
[class*='form'] input[type='search'] {
   padding: 0 0 0 8px;
   padding: 8px 0 8px 8px\9;
   height: 36px;
}

[class*='form'] textarea {
   padding: 8px 0 8px 8px;
   min-height: 80px;
}

[class*='form'] input[type='text']:focus,
[class*='form'] input[type='email']:focus,
[class*='form'] input[type='password']:focus,
[class*='form'] input[type='search']:focus,
[class*='form'] textarea:focus {
   color: #000;
}

[class*='form'] select {
   width: 100%;
   padding: 5px;
   color: #000;
   background: #fff;
}

[class*='form'] .asterix-info {
   float: left;
   width: 40%;
   margin: 6px 0 0 0;
   font-weight: 400;
}

/* CONTACT FORM & NEWSLETTER ============== */

.lb label {
   display: block;
   position: absolute;
   margin: 6px 0 0 6px;
}

.lb [class*='form'] label {
   position: absolute;
   margin: 8px 0 0 8px;
}

.lb [class*='form'] label .asterix {
   font-size: 19px;
   line-height: 19px;
   color: #fa9a00;
}

.lb [class*='form'] button,
.lb [class*='form'] input[type='button'],
.lb [class*='form'] input[type='submit'] {
   float: right;
}

/* GRAVITY FORMS ============== */

body .gform_wrapper .gform_body ul li {
   padding: 0;
}

body .gform_wrapper .gform_body ul li.gfield {
   margin-top: 5px;
}

.gform_button.button {
   padding: 7px 14px 8px;
   font: 600 17px/20px 'Open Sans';
   color: #fff;
   text-transform: uppercase;
   text-align: center;
   background: #000;
   border-radius: 2px;
   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.22);
   transition: background 0.3s;
}

.gform_button.button:hover {
   color: #faa61a;
}

/* Alerts -------------------- */
[class*='form'] .row.alert {
   color: #ff5110;
}

[class*='form'] .row.alert label {
   color: #000;
}

[class*='form'] .row.alert label .asterix {
   color: #000;
}

[class*='form'] input[type='text'].alert,
[class*='form'] textarea.alert,
[class*='form'] .row.alert input[type='text'],
[class*='form'] .row.alert textarea,
[class*='form'] .row.alert select {
   background: #ff8c19;
}

[class*='form'] input[type='text'].alert:focus,
[class*='form'] textarea.alert:focus,
[class*='form'] .row.alert input[type='text']:focus,
[class*='form'] .row.alert textarea:focus,
[class*='form'] .row.alert select:focus {
   background: #fff;
}

[class*='form'] h3.alert,
[class*='form'] h4.alert {
   color: #ff5110;
}

/* Passive "readonly" -------- */
[class*='form'] .row.passive {
   opacity: 0.5;
   filter: alpha(opacity=50);
}

/* ==========================================================================
   LAYOUT
================================|========================================= */

#site {
   position: relative;
   z-index: 1;
}

.site-wrap {
   position: relative;
   width: 1260px;
   margin: 0 auto;
}

/* ==========================================================================
   HEADER
================================|========================================= */

#header {
   width: 100%;
   height: 80px;
}

.site-logo {
   display: block;
   position: absolute;
   z-index: 2;
   top: 17px;
   left: 35px;
   width: 345px;
   height: 45px;
}

/* --------------------------------------------------------------------------
   MAIN NAVIGATION
--------------------------------|----------------------------------------- */

.main-nav {
   display: block;
   position: absolute;
   z-index: 3;
   top: 30px;
   right: 100px;
   width: 60%;
   height: 20px;
}

.main-nav ul {
   float: right;
   margin: 0;
   padding: 0;
   list-style: none;
}

.main-nav ul li {
   float: left;
   margin: 0 0 0 35px;
   padding: 0;
   list-style-type: none;
}

.main-nav ul li a {
   display: inline-block;
   font: 17px/20px 'Open Sans';
   color: #fff;
}

.main-nav ul li a:hover {
   color: #111;
}

.main-nav li.current_page_item a,
.main-nav li.current_page_ancestor a {
   color: #111;
}

.main-nav li.current_page_item a:hover,
.main-nav li.current-page-ancestor a:hover {
   color: #111;
}

.main-nav li.current-menu-item a:hover,
.main-nav li.current-menu-item a:hover {
   color: #111;
}

.main-nav .sub-menu {
   display: none;
}

/* --------------------------------------------------------------------------
   PORTABLE NAVIGATION
--------------------------------|----------------------------------------- */

.port-nav-btn {
   display: inline-block;
   position: absolute;
   z-index: 4;
   top: 20px;
   right: 80px;
   width: 40px;
   height: 40px;
   background: url(../img/portable-nav-icon-32.png) no-repeat 4px 4px;
}

.port-nav-btn:hover {
   background-position: 4px -46px;
}

/* --------------------------------------------------------------------------
   HEADER SEARCH
--------------------------------|----------------------------------------- */

.header-search-btn {
   display: block;
   position: absolute;
   z-index: 5;
   top: 20px;
   right: 37px;
   width: 40px;
   height: 40px;
   background: url(../img/search-icon.png) no-repeat 0 0;
}

.header-search-btn:hover {
   background-position: 0 -50px !important;
}

/* ==========================================================================
   SLIDESHOW
================================|========================================= */

/* Load Fix ------------------ */
.slides>div,
.slides>a {
   display: none;
}

/* Container ----------------- */
.orbit-wrapper,
.orbit {
   position: relative;
   overflow: hidden;
   width: 100%;
   height: 1px;
}

.orbit-wrapper #home-slideshow-content {
   position: relative;
   width: 100%;
   margin: 0 auto;
   background: #fff;
}

.orbit .orbit-slide {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   background: #fff;
}

.orbit a.orbit-slide {
   border: none;
   line-height: 0;
   display: none;
}

.orbit div.orbit-slide {
   width: 100%;
   height: 100%;
   opacity: 0;
   filter: alpha(opacity=0);
}

.orbit>div,
div.orbit>a,
.orbit img {
   width: 100% !important;
   height: auto !important;
}

/* Fluid Layout -------------- */
.orbit img.fluid-placeholder {
   display: block;
   position: static;
   visibility: hidden;
   width: 100%;
}

/* Hidden -------------------- */
.orbit-wrapper .timer,
.orbit-wrapper .orbit-caption,
.orbit-slide-counter {
   display: none;
}

/* Directional Nav ----------------------- */
.orbit-wrapper .slider-nav {
   display: block;
}

.orbit-wrapper .slider-nav span {
   position: absolute;
   z-index: 1000;
   top: 50%;
   width: 30px;
   height: 40px;
   margin-top: -20px;
   cursor: pointer;
   text-align: left !important;
   text-indent: -9999px;
   opacity: 0;
   filter: alpha(opacity=0);
   transition: opacity 1s;
   -moz-transition: opacity 1s;
   -webkit-transition: opacity 1s;
}

.orbit-wrapper:hover .slider-nav span {
   opacity: 1;
   filter: alpha(opacity=100);
}

.orbit-wrapper .slider-nav span.left {
   left: 0;
   background: url(../img/orbit-nav-left-1.png) no-repeat;
}

.orbit-wrapper .slider-nav span.left:hover {
   left: 0;
   background: url(../img/orbit-nav-left-2.png) no-repeat;
   opacity: 1;
   filter: alpha(opacity=100);
}

.orbit-wrapper .slider-nav span.right {
   right: 0;
   background: url(../img/orbit-nav-right-1.png) no-repeat;
}

.orbit-wrapper .slider-nav span.right:hover {
   right: 0;
   background: url(../img/orbit-nav-right-2.png) no-repeat;
   opacity: 1;
   filter: alpha(opacity=100);
}

/* ==========================================================================
   CONTENT
================================|========================================= */

#content {
   display: inline-block;
   width: 100%;
   padding: 30px 40px;
   background: #fff;
}

/* ==========================================================================
   SIDEBAR BOXES
================================|========================================= */

/* Side Box ================== */
[class*='side-box'] {
   display: block;
   overflow: hidden;
   width: 100%;
   min-height: 100px;
   margin: 0 0 20px 0;
   background: #fba61a;
}

[class*='side-box'] img {
   width: auto;
   height: auto;
}

[class*='side-box'] .text {
   display: block;
   overflow: hidden;
   font: 400 13px/17px 'Open Sans';
   color: #222\9;
   color: rgba(0, 0, 0, 0.9);
}

[class*='side-box'] .text h3 {
   color: #fff;
}

[class*='side-box'] a {
   color: #fff;
}

[class*='side-box'] a:hover {
   color: #000;
}

[class*='side-box'] .row {
   display: none !important;
   width: 100%;
   padding: 0 0 0 100%;
}

[class*='side-box'] .arrow {
   position: absolute;
   z-index: 2;
   margin: -30px 0 0 -20px;
   background-position: 0 -100px;
}

a[class*='side-box']:hover .text {
   color: #000;
}

a[class*='side-box']:hover .arrow {
   background-position: right -200px;
}

/* Side Box A ================ */
.side-box-a {}

.side-box-a img {
   width: 100%;
}

.side-box-a .text {
   display: block;
   padding: 8px 10px 8px 10px;
}

.side-box-a .text h3 {
   padding: 0 0 5px;
   font: 25px/27px 'Akzidenz-Grotesk-Medium';
}

/* Side Box B ================ */
.side-box-b {}

.side-box-b img {
   float: right;
   width: 33.3333333333%;
   height: auto;
}

.side-box-b .text {
   float: left;
   width: 66.6666666666%;
   min-height: 1px;
   padding: 8px 8px 8px 10px;
}

.side-box-b .text h3 {
   padding: 0 0 5px;
   font: 700 19px/22px 'Open Sans';
}

a.side-box-b:hover .arrow {
   background-position: right 0;
}

/* Side Box | Contact ======== */
#sidebox-contact {}

#sidebox-contact.side-box-b .text h3 {
   font: 25px/28px 'Akzidenz-Grotesk-Medium';
}

#sidebox-contact .form-link {
   display: block;
   margin: 8px 0 0 0;
   font: 600 16px/20px 'Open Sans';
   color: #fff;
}

#sidebox-contact:hover .form-link {
   color: #000;
}

/* Side Box | Newsletter ===== */
#sidebox-newsletter {}

/* Side Box | Mark & Lokaler = */
#sidebox-mark-lokaler {}

/* Side Box | Bo & Leva ====== */
#sidebox-bo-leva {}

/* ==========================================================================
  HOME | Front Page
================================|========================================= */

.home {}

/* Home Slideshow ============ */
#home-slideshow {
   overflow: hidden;
   width: 100%;
   height: auto;
   min-height: 480px;
   background: #faa61a url('../img/loader.gif') no-repeat center center;
}

/* Home Content ============== */
.home #content {
   padding: 30px 40px;
}

/* --------------------------------------------------------------------------
   HOME | MAIN
--------------------------------|----------------------------------------- */

.home #main {
   min-height: 600px;
   margin: 10px 0 0;

}

.home .grid {
   display: flex;
   flex: 2;
   flex-direction: column;
}

.grid__sidebar
{
  margin-left: 0px;
  flex: 1;
}

@media screen and (min-width: 896px) {
  .home .grid {

     flex-direction: row;
  }
  .grid__sidebar
  {
    margin-left: 30px;
  }
}


@media screen and (min-width: 1260px) {

  .home .grid {
     display: grid;
     grid-template-columns: 2fr 1fr;
     grid-template-rows: 1fr;
     grid-column-gap: 0px;
     grid-row-gap: 0px;
  }

  .grid__sidebar
  {
    margin-left: 30px;
  }

}

/* Home | Intro ================ */
.home-intro {
   padding: 0 0 25px 0;
}

.home-intro h1 {
   padding: 0 0 30px 0;
}

.home-intro .preamble, .home-intro .preamble p {
  padding: 0 0 10px 0;
  font-size: 23px;
  line-height: 35px;
  font-weight: 400;
  font-style: italic;
}

.preamble, .preamble p{
  font-size: 21px;
  line-height: 33px;
  font-style: italic;
}

/* Home | Cases ================ */
#home-cases {
   overflow: hidden;
   width: 100%;
   height: auto;
   min-height: 390px;
   margin: 0 0 40px 0;
   background: #faa61a url('../img/loader.gif') no-repeat center center;
}

/* Bullet Nav ---------------- */
#home-cases .orbit-bullets {
   position: absolute;
   z-index: 1100;
   left: 0 !important;
   margin: -380px 0 0 0;
   padding: 0;
   list-style: none;
}

#home-cases .orbit-bullets li {
   overflow: hidden;
   float: left;
   width: 20px;
   height: 20px;
   margin: 0 0 0 10px;
   text-indent: -9999px;
   background: url(../img/orbit-bullets.png) no-repeat 0 0;
   cursor: pointer;
}

#home-cases .orbit-bullets li.active {
   background-position: -20px 0;
}

/* Text Box ------------------ */
#home-cases a.text-box {
   display: block;
   overflow: hidden;
   position: absolute;
   bottom: 0;
   width: 100%;
   padding: 10px 20px 18px 20px;
   background: rgba(255, 255, 255, 0.85);
   font: 400 15px/20px 'Open Sans';
   color: #444;
}

#home-cases a.text-box h2 {
   padding: 0 0 10px;
   font: 38px/42px 'Akzidenz-Grotesk-Medium';
   color: #faa61a;
}

#home-cases a.text-box .excerpt {}

#home-cases a.text-box:hover {
   color: #000;
}

#home-cases a.text-box:hover h2 {
   color: #ff9d00;
}

/* Home News Box ============= */
.home-news-box {
   overflow: hidden;
   width: 370px;
   height: 100%;
   padding: 15px 20px 8px;
   background: #f2f3f2;
}

.home-news-box h3 {
   padding: 0 0 10px 0;
   font: 900 19px/22px 'Open Sans';
   color: #111;
   text-transform: uppercase;
}

.home-news-box h3:before{
  content: '';
  width: 16px;
  height: 16px;
  display: inline-block;
  background-image: url('/wp-content/themes/nykreg_1.0/img/calendar.svg');
  background-size: cover;
  position: relative;
  top: 1px;
  margin-right: 3px;
}

/* > Post -------------------- */
.home-news-box .post {
   display: block;
   margin: 0 0 15px 0;
   padding: 0 0 0 0;
   font: 400 15px/19px 'Open Sans';
   color: #444;
}

.home-news-box .post .date {
   padding: 0 0 4px 0;
   font: 13px/17px 'Open Sans';
   color: #444;
}

.home-news-box .post h2 {
   padding: 0 0 4px 0;
   font: 700 19px/22px 'Open Sans';
   color: #fa9a00;
}

.home-news-box .post:hover,
.home-news-box .post:hover .date {
   color: #000;
}

/* > Post -------------------- */
.home-news-box .more {
   font: 700 19px/22px 'Open Sans';
   color: #fa9a00;
}

.home-news-box .more:hover {
   color: #000;
}

/* > HNB | News -------------- */

.home-news-box.news {
   float: right;

}


@media screen and (min-width: 896px) {
.home-news-box.news {
   float: left;


}

}

/* > HNB | Calendar ---------- */
.home-news-box.calendar {
   float: right;
   width: 100%;
}

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

  .home-news-box.calendar {
     margin-top: 30px;
  }

}

/* Home | Main Box =========== */
.home-main-box {
   display: inline-block;
   overflow: hidden;
   width: 100%;
   min-height: 260px;
   margin: 0 0 40px 0;
   background: #f2f3f2;
}

.home-main-box .image {
   float: left;
   width: 50%;
   min-height: 1px;
}

.home-main-box img {
   width: 100%;
   height: auto;
}

.home-main-box .text {
   float: right;
   width: 50%;
   min-height: 260px;
   padding: 20px 30px 20px;
   font: 400 15px/20px 'Open Sans';
   color: #444;
}

.home-main-box .text h2 {
   padding: 0 0 10px;
   font: 28px/31px 'Akzidenz-Grotesk-Medium';
   color: #fa9a00;
}

.home-main-box:hover .text {
   color: #000;
}

/* Home | Ostlänken ---------- */
#home-ostlanken {}

/* --------------------------------------------------------------------------
   HOME | SIDEBAR
--------------------------------|----------------------------------------- */

.home #sidebar-right {
   width: 360px;
}

/* Side Box ================== */
.home [class*='side-box'] .text {
   font: 400 15px/18px 'Open Sans';
}

.home .side-box-a .text {
   padding: 7px 12px 12px 14px;
}

.home .side-box-a .text h3 {
   padding: 0 0 3px;
   font: 28px/31px 'Akzidenz-Grotesk-Medium';
}

.home .side-box-b .text {
   padding: 7px 9px 7px 14px;
}

.home .side-box-b .text h3 {
   padding: 0 0 5px;
   font: 700 19px/22px 'Open Sans';
}

.home #sidebox-contact.side-box-b .text h3 {
   font: 28px/31px 'Akzidenz-Grotesk-Medium';
}

.home #sidebox-contact .form-link {
   margin: 10px 0 0 0;
   font: 700 19px/22px 'Open Sans';
}

/* ==========================================================================
  SUB PAGE
================================|========================================= */

.page {}

/* --------------------------------------------------------------------------
   SUB | SIDEBAR LEFT
--------------------------------|----------------------------------------- */

#sidebar-left {
   float: left;
   min-width: 200px;
   min-height: 1px;
   margin: 40px 40px 0 0;
}

/* Side Image ================ */
.side-image {
   width: 100%;
   margin: 0 0 40px 0;
}

.side-image .text {
   margin: 5px 0 0 0;
   font: 13px/17px 'Open Sans';
   color: #888;
}

/* Sub Navigation ============ */
.sub-nav {
   width: 100%;
}

.sub-nav .menu {
   width: 100%;
}

.sub-nav .sub-menu {
   background: #faa61a;
}

.sub-nav ul {
   margin: 0;
   padding: 0;
   list-style: none;
}

.sub-nav ul li {
   margin: 0;
   padding: 0;
}

.sub-nav ul ul ul {
   margin: 0 0 10px 0;
}

.sub-nav ul a {
   display: block;
   padding: 9px 10px 10px 10px;
   background: #faa61a;
   font: 600 15px/18px 'Open Sans';
   color: #fff;
}

.sub-nav ul ul a {
   padding: 9px 10px 10px 10px;
   border-top: 1px solid #fcb848;
}

.sub-nav ul ul ul a {
   padding: 9px 10px 10px 25px;
   border-top: none;
   font: 400 15px/18px 'Open Sans';
}

.sub-nav ul a:hover {
   color: #000;
}

.sub-nav .current-menu-parent {}

.sub-nav .current_page_item>a {
   color: #000;
}

.sub-nav .current-menu-item>a {
   color: #000;
}

.sub-nav .sub-menu .sub-menu {
   display: none !important;
}

.sub-nav .sub-menu .current-menu-ancestor .sub-menu,
.sub-nav .sub-menu .current-menu-parent .sub-menu,
.sub-nav .sub-menu .current-menu-item .sub-menu {
   display: block !important;
}

/* Hide First Level ---------- /
.sub-nav .menu li a             { display:none; }
.sub-nav .sub-menu li a         { display:block !important; }


/* --------------------------------------------------------------------------
   SUB | MAIN
--------------------------------|----------------------------------------- */

.sub-main {
   float: left;
   min-height: 600px;
   margin: 40px 0;
}

.sub-main h1 {
   margin: 0;
   padding: 0 0 15px 0;
}

.sub-main h2 {
   margin: 20px 0 0 0;
   padding: 0 0 10px 0;
}

.sub-main h3 {
   margin: 20px 0 0 0;
   padding: 0 0 8px 0;
}

.sub-main h4 {
   margin: 20px 0 0 0;
   padding: 0 0 6px 0;
}

.sub-main h5 {
   margin: 20px 0 0 0;
   padding: 0 0 5px 0;
}

.sub-main h6

/* ingress */
   {
   padding: 0 0 20px 0;
}

.sub-main .ingress {
   padding: 0 0 20px 0;
   font: 19px/24px 'Open Sans';
   color: #111;
}

.sub-main ul {
   padding: 5px 0 10px 18px;
   list-style: url(../img/ul-icon.png);
}

.sub-main ul li {
   padding: 0 0 12px 0;
}

.sub-main ol {
   padding: 5px 0 10px 0;
}

.sub-main ol li {
   margin: 0 0 0 22px;
   padding: 0 0 12px 0;
}

.sub-main img {
   margin: 10px 0;
}

.sub-main hr {
   width: 100%;
   height: 1px;
   margin: 10px 0 20px 0;
   background: #e4e6e6;
   border: none;
}

.sub-main a {
   text-decoration: underline;
}

.sub-main a.file-icon {
   margin: 10px 0 0 0;
   text-decoration: none !important;
}

.sub-main .comment {
   font: italic 12px/16px 'Open Sans';
}

.sub-main h3.welcome {
   margin: 20px 0 50px 0;
   font-weight: 600 !important;
   font-style: italic;
}

/* Sub Pushes ================ */
.sub-pushes {
   margin: 30px 0;
}

.sub-push {
   display: inline-block;
   overflow: hidden;
   width: 100%;
   min-height: 200px;
   margin: 0 0 20px 0;
   background: #f2f3f2;
}

.sub-push img {
   float: left;
   width: 33.3333333333%;
   height: auto;
   margin: 0 !important;
}

.sub-push .text {
   float: right;
   width: 66.6666666666%;
   min-height: 200px;
   padding: 0 20px;
   font: 400 15px/19px 'Open Sans';
   color: #444;
}

.sub-push .text .content {
   width: 100%;
   min-height: 165px;
   padding: 10px 0 12px;
}

.sub-push .text .content h2 {
   margin: 0 !important;
   padding: 0 0 8px;
   font: 28px/31px 'Akzidenz-Grotesk-Medium';
   color: #fa9a00;
}

.sub-push .exit-link {
   width: 100%;
   padding: 0 0 12px 0;
   text-align: right;
   font: 700 19px/22px 'Open Sans';
   color: #fa9a00;
}

.sub-push:hover .text {
   color: #000;
}

.sub-push:hover .exit-link {
   color: #000;
}

/* --------------------------------------------------------------------------
   SUB | SIDEBAR RIGHT
--------------------------------|----------------------------------------- */

#sidebar-right {
   float: right;
   width: 300px;
   min-height: 1px;
   margin: 40px 0 0;
}

/* --------------------------------------------------------------------------
   SUB WIDE
--------------------------------|----------------------------------------- */

.sub-main.wide-sub-nav {
   width: 940px;
}

.sub-main.wide-sidebar {
   width: 840px;
}

/* ==========================================================================
  VI ERBJUDER
================================|========================================= */

.illustration-post {
   margin: 0 0 20px 0;
}

.illustration-post h3 {
   margin: 0 0 5px 0;
}

.illustration {
   text-align: center;
}

.illustration.tagrals {
   margin: -5px 0 0;
}

.illustration.bat {
   float: right;
   width: 45.83333333333333%;
   margin: 0 0 0 20px;
}

.illustration.flygplan {
   float: left;
   width: 33.3333333333%;
   margin: 0 20px 0 0;
}

.illustration.trappa {
   float: right;
   width: 39.16666666666667%;
   margin: 0 0 0 20px;
}

/* ==========================================================================
  ONYX IFRAMES
================================|========================================= */

#content.onyx {
   padding: 0 0 20px 40px;
}

#content.onyx .sub-main.wide-sub-nav {
   width: 970px;
}

#onyx-iframe {
   width: 970px;
   margin: 0 0 0 -8px;
}

/* ==========================================================================
  NEWS (BLOGG) + CALENDAR LIST
================================|========================================= */

/* News List (index.php) ===== */
.news-list {}

.news-list h1 {
   margin: 0;
   padding: 0 0 20px 0;
   border-bottom: 1px solid #e8ebe8;
   font: 700 28px/31px 'Open Sans';
   text-transform: uppercase;
}

.news-list .post {
   display: block;
   padding: 12px 0;
   border-bottom: 1px solid #e8ebe8;
}

.news-list .post h2 {
   margin: 0;
   padding: 0 0 10px 0;
}

.news-list .post .date {
   padding: 0 0 10px 0;
   font: 700 19px/22px 'Open Sans';
   color: #797c80;
}

/* News Article (single.php) = */
.news-article {
   padding: 0 0 30px 0;
}

.news-article h1 {
   padding: 0 0 10px 0;
}

.news-article .date {
   padding: 0 0 10px 0;
   font: 700 19px/22px 'Open Sans';
   color: #fa9a00;
}

/* ==========================================================================
  CALENDAR LIST
================================|========================================= */

.calendar-list {}

.calendar-list h1 {
   font: 700 28px/31px 'Open Sans';
   text-transform: uppercase;
}

.long-calendar-list {
   margin: 10px 0;
}

.calendar-list a.post {
   display: block;
   padding: 12px 0 18px;
   border-top: 1px solid #e8ebe8;
   color: #444;
   text-decoration: none !important;
}

.calendar-list a.post h2 {
   margin: 0;
   padding: 0 0 10px 0;
   color: #fa9a00;
}

.calendar-list a.post .date {
   padding: 0 0 10px 0;
   font: 700 19px/22px 'Open Sans';
   color: #111;
}

.calendar-list a.post:hover,
.calendar-list a.post:hover h2,
.calendar-list a.post:hover .date {
   color: #000;
}

/* ==========================================================================
  CALENDAR SINGLE EVENT
================================|========================================= */

.sub-main.single-event {
   margin: 10px 0 40px;
}

.sub-main.single-event iframe {
   min-width: 500px;
}

/* ==========================================================================
  KONTAKT
================================|========================================= */

/* ==========================================================================
  SEARCH RESULT
================================|========================================= */

.search-result {}

.search-result h1 {
   margin: 0;
   padding: 0 0 20px 0;
   border-bottom: 1px solid #e8ebe8;
   font: 700 19px/22px 'Open Sans';
   text-transform: uppercase;
}

.search-result .post {
   display: block;
   padding: 10px 0;
   border-bottom: 1px solid #e8ebe8;
}

.search-result .post h2 {
   margin: 0;
   padding: 0 0 10px 0;
}

.search-result .post h2 a {
   text-decoration: none !important;
}

.search-result .post .date {
   padding: 0 0 10px 0;
}

.search-result .noresult {
   padding: 20px 0;
   font: 600 20px/23px 'Open Sans';
   color: #111;
}

/* ==========================================================================
   ACTION BUTTONS
================================|========================================= */

#action-buttons {
   width: 100%;
   padding: 40px 4% 0 0;
   text-align: center;
}

#action-buttons ul {
   display: inline-block;
   text-align: left;
}

#action-buttons li {
   float: left;
   margin: 0 12px 0 0;
}

#action-buttons li h4 {
   padding: 12px 6px 0 0;
   font: 600 17px/22px 'Open Sans';
   color: #fff;
}

.action-btn {
   display: block;
   width: 50px;
   height: 50px;
   background: #fff url(../img/action-buttons.png) no-repeat;
   border-radius: 4px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
   -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
   transition: background 0.3s;
   -moz-transition: background 0.3s;
   -webkit-transition: background 0.3s;
}

.action-btn.print {
   background-position: 0 0;
}

.action-btn.facebook {
   background-position: -50px 0;
}

.action-btn.twitter {
   background-position: -100px 0;
}

.action-btn.addthis {
   background-position: -150px 0;
}

.action-btn:hover {
   background-color: #000;
}

/* ==========================================================================
   FOOTER
================================|========================================= */

#footer {
   width: 100%;
   padding: 38px 40px 42px;
   color: #fff;
}

#footer [class*='col'] {
   width: 360px;
   margin: 0 0 0 50px;
   font: 400 15px/25px 'Open Sans';
   color: #fff;
}

#footer [class*='col']:first-child {
   margin: 0 0 20px 0;
}

#footer h4 {
   padding: 0 0 28px 0;
   font: 700 19px/22px 'Open Sans';
   color: #fff;
}

#footer .heading {
   display: inline-block;
}

#footer a {
   color: #fff;
}

#footer a:hover {
   color: #000;
}

/* ==========================================================================
   LIGHTBOX (LB)
================================|========================================= */

.lb {
   overflow: none;
   position: absolute;
   z-index: 9996;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.lb-overlay {
   display: block;
   position: fixed;
   z-index: 9997;
   top: 0 !important;
   right: 0 !important;
   bottom: 0 !important;
   left: 0 !important;
   background: #000;
   opacity: 0.5;
   filter: alpha(opacity=50);
   cursor: default !important;
}

.lb-box {
   position: relative;
   z-index: 9998;
   margin: 10% auto 0;
   width: 600px;
   min-height: 300px;
   text-align: left;
   color: #fff;
   background: #faa61a;
   box-shadow: 0 0 44px 0 rgba(255, 255, 255, 0.4);
   -moz-box-shadow: 0 0 44px 0 rgba(255, 255, 255, 0.4);
   -webkit-box-shadow: 0 0 44px 0 rgba(255, 255, 255, 0.4);
}

.lb-box.fix {
   position: fixed;
   top: 50%;
   left: 50%;
   width: 400px;
   min-height: 200px;
   margin: -110px auto 0 -200px;
}

.lb-close {
   display: block;
   position: absolute;
   z-index: 9999;
   top: 4px;
   right: 4px;
   width: 32px;
   height: 32px;
   background: url(../img/close-icon.png) no-repeat 0 -40px;
}

.lb-close:hover {
   background-position: 0 -80px;
}

.lb-bottom-space {
   display: block;
   position: relative;
   z-index: 9998;
   width: 100%;
   height: 50px;
   cursor: default !important;
}

.lb-box a {
   color: #1d9ad6;
}

.lb-box a:hover {
   color: #00acff;
}

/* --------------------------------------------------------------------------
   LB PORTABLE NAVIGATION
--------------------------------|----------------------------------------- */

#lb-port-nav {
   display: none;
}

#lb-port-nav .lb-box {
   width: 70%;
   margin: 16px auto 0;
}

#lb-port-nav .close {
   display: block;
   padding: 10px;
   text-align: center;
   font: 18px/22px 'Open Sans';
   text-transform: uppercase;
   color: #fff;
}

#lb-port-nav .close:hover {
   color: #000;
}

/*
#lb-port-nav .home              { display:block; padding:7px 5% 8px 8%; border-top:1px solid rgba(255,255,255,0.2); font:700 19px/22px 'Open Sans'; color:#fff; }
#lb-port-nav .home:hover        { color:#000; }
*/

#lb-port-nav ul {
   margin: 0;
   padding: 0;
   list-style: none;
   border-top: 1px solid rgba(255, 255, 255, 0.2);
}

#lb-port-nav ul ul {
   border-top: none;
}

#lb-port-nav ul li {
   margin: 0;
   padding: 10px 0;
   border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

#lb-port-nav ul ul li {
   border-bottom: none;
   padding: 0;
}

#lb-port-nav ul a {
   display: block;
   padding: 7px 5% 8px 8%;
   font: 700 19px/22px 'Open Sans';
   color: #fff;
}

#lb-port-nav ul ul a {
   padding: 7px 5% 8px 16%;
   font: 400 19px/22px 'Open Sans';
}

#lb-port-nav ul ul ul a {
   padding: 7px 5% 8px 24%;
}

#lb-port-nav ul ul ul ul a {
   padding: 7px 5% 8px 32%;
}

#lb-port-nav ul a:hover {
   color: #000;
}

#lb-port-nav .current-menu-parent {}

#lb-port-nav .current_page_item>a {
   color: #000;
}

#lb-port-nav .sub-menu {
   display: none;
}

#lb-port-nav .current_page_item .sub-menu,
#lb-port-nav .current_page_parent .sub-menu {
   display: block !important;
}

/* --------------------------------------------------------------------------
   LB SEARCH
--------------------------------|----------------------------------------- */

#lb-search {
   display: none;
}

#lb-search .box {
   position: absolute;
   z-index: 9998;
   top: 20px;
   right: 37px;
   width: 700px;
   height: 40px;
   background: #fff;
}

#lb-search .close {
   display: block;
   float: left;
   margin: 4px 4px 0 4px;
   width: 32px;
   height: 32px;
   background: url(../img/close-icon.png) no-repeat 0 0;
}

#lb-search .close:hover {
   background-position: 0 -80px;
}

#lb-search .search-form {
   display: block;
   float: right;
   width: 660px;
   height: 40px;
}

#lb-search .search-form label {
   float: left;
   width: 610px;
   height: 30px;
   margin: 5px 0 0 0;
}

#lb-search .search-form label .search-field {
   width: 100%;
   height: 30px;
   color: #000;
}

#lb-search .search-form .search-submit {
   display: block;
   float: right;
   width: 40px;
   height: 40px;
   text-indent: -9999px;
   background: url(../img/search-icon.png) no-repeat 0 -100px;
}

#lb-search .search-form .search-submit:hover {
   background-position: 0 -50px;
}

/* --------------------------------------------------------------------------
   LB CONTACT
--------------------------------|----------------------------------------- */

#lb-contact {
   display: none;
}

#lb-contact .lb-box {
   width: 680px;
   min-height: 360px;
}

#lb-contact .content {
   padding: 30px 30px 20px;
}

#lb-contact .intro {
   padding: 0 0 30px 0;
}

#lb-contact .intro .text {
   float: left;
   width: 67%;
   font-weight: 600;
   color: #fff;
}

#lb-contact .intro .text h3 {
   margin: 0;
   padding: 0 0 10px;
   font: 600 30px/34px 'Open Sans';
   color: #fff;
}

#lb-contact .intro .text .name {
   margin: 12px 0 0 0;
}

#lb-contact .intro .text .tel {
   margin: 12px 0 0 0;
   font: 600 20px/23px 'Open Sans';
}

#lb-contact .intro img {
   float: right;
   width: 180px;
   margin: 10px 0 0 0;
}

#lb-contact-form {
   font-weight: 600;
}

#lb-contact-form section {
   padding: 0 0 20px;
}

#lb-contact-form .row {
   padding: 0 0 10px;
}

#lb-contact-form .alert {
   width: 100%;
   text-align: center;
   padding: 4px 8px 5px;
   background: #000;
   color: #fba61a;
}

#lb-contact-confirm h3 {
   padding: 60px 0 20px;
   font: 600 30px/34px 'Open Sans';
   color: #fff;
}

#lb-contact-confirm p {
   padding: 0 0 30px;
}

#lb-contact-confirm a {
   font-weight: 700;
   color: #fff;
}

#lb-contact-confirm a:hover {
   color: #000;
}

#ContactStatus {
   margin: 0 0 10px 0 !important;
}

/* --------------------------------------------------------------------------
   LB NEWSLETTER
--------------------------------|----------------------------------------- */

#lb-newsletter {
   display: none;
}

#lb-newsletter .lb-box {
   width: 580px;
   min-height: 360px;
}

#lb-newsletter .content {
   padding: 30px 30px 20px;
}

#lb-newsletter .intro {
   padding: 0 0 30px 0;
}

#lb-newsletter .intro .text {
   float: left;
   width: 62%;
   font-weight: 600;
   color: #fff;
}

#lb-newsletter .intro .text h3 {
   margin: 0;
   padding: 0 0 10px;
   font: 600 30px/33px 'Open Sans';
   color: #fff;
}

#lb-newsletter .intro .text .name {
   margin: 12px 0 0 0;
}

#lb-newsletter .intro .text .tel {
   margin: 12px 0 0 0;
   font: 600 20px/23px 'Open Sans';
}

#lb-newsletter .intro img {
   float: right;
   width: 180px;
   margin: 10px 0 0 0;
}

#lb-newsletter-form {
   font-weight: 600;
}

#lb-newsletter-form section {
   padding: 0 0 20px;
}

#lb-newsletter-form .row {
   padding: 0 0 10px;
}

#lb-newsletter-form .alert {
   width: 100%;
   text-align: center;
   margin: 0 0 0 0;
   padding: 4px 8px 5px;
   background: #000;
   color: #fba61a;
}

#lb-newsletter-confirm h3 {
   padding: 60px 0 20px;
   font: 600 30px/34px 'Open Sans';
   color: #fff;
}

#lb-newsletter-confirm p {
   padding: 0 0 30px;
}

#lb-newsletter-confirm a {
   font-weight: 700;
   color: #fff;
}

#lb-newsletter-confirm a:hover {
   color: #000;
}

#NewsletterStatus {
   margin: 0 0 10px 0 !important;
}

/* --------------------------------------------------------------------------
   LB MAP
--------------------------------|----------------------------------------- */

.lb-map {
   display: none;
}

.lb-map .lb-box {
   width: 1260px;
   margin: 80px auto 0;
   background: #faa61a;
}

.lb-map .head {
   width: 100%;
   min-height: 80px;
   padding: 10px 40px 12px 14px;
   color: #fff;
}

.lb-map .head h3 {
   padding: 0 0 4px 0;
   font: 28px/31px 'Akzidenz-Grotesk-Medium';
   color: #fff;
}

.lb-map .body {
   width: 100%;
   height: 800px;
}

.lb-map iframe {
   width: 100%;
   height: 800px;
}

.flex-block{
    flex-direction: column;
}

.flex-block h3
{
   margin-top: 0px;
}


@media only screen and (min-width: 768px) {
  .flex-block{
    flex-direction: row;
  }
}

.block-img
{
  flex: 2;
}

.block-txt
{
  flex: 5;
}

.flex-block:first-child, .reverse .block-img
{
  margin-left: 0;
  margin-right: 0;
}



@media only screen and (min-width: 768px) {
  .flex-block:first-child
  {
    margin-left: 0px;
    margin-right: 30px;
  }

  .reverse .block-img{
    margin-left: 30px;
    margin-right: 0px;
  }
}

.flex-block div img{
  width: 100%;
}

.flex-block.reverse{
  flex-direction: column;
}

@media only screen and (min-width: 768px) {
  .flex-block.reverse{
    flex-direction: row-reverse;
  }

}


/* LB | Mark & Lokaler ======= */
#lb-mark-lokaler {}

.flex {
   display: flex !important;
}

/*Puffar*/

#pufflist a{
    color: #222;
}

#pufflist .casewrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    padding-bottom: 90px;
        cursor: pointer;
        margin: 0 -20px;
}
@media screen and (max-width: 767px) {
    #pufflist .casewrapper {

    }
}
#pufflist .casewrapper__beforecaseblock {
    flex-grow: 1;
    padding: 15px;
    width: 100%;

}
@media only screen and (min-width: 768px) {
    #pufflist .casewrapper__beforecaseblock {
        width: 50%;
    }
}
@media only screen and (min-width: 989px) {
    #pufflist .casewrapper__beforecaseblock {
        width: 33%;
    }
}
#pufflist .casewrapper__beforecaseblock__caseblock {
    position: relative;
    margin-top: 30px;
    display: inline-block;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
@media only screen and (min-width: 768px) {
    #pufflist .casewrapper__beforecaseblock__caseblock {
        margin-top: 20px;
    }
}
#pufflist .casewrapper__beforecaseblock__caseblock--img {
    height: 220px;
    background-size: cover;
    background-position: 50%;
}
#pufflist .casewrapper__beforecaseblock__caseblock a {
    text-decoration: none;
    color: #1c1c1c;
}
#pufflist .casewrapper__beforecaseblock__caseblock__cablock-inner {
    padding: 10px;
}
@media only screen and (min-width: 1170px) {
    #pufflist .casewrapper__beforecaseblock__caseblock__cablock-inner {
        min-height: 230px;
    }
}
#pufflist .casewrapper__beforecaseblock__caseblock__cablock-inner h5 {
    font-size: 0.9em;
    color: #4c4c4c;
    text-decoration: none;
}
#pufflist .casewrapper__beforecaseblock__caseblock__cablock-inner h3 {
   font-size: 1.2em;
   font-weight: 700;
   margin-top: 10px;
   color: #faa61a;
   text-decoration: underline;
}
#pufflist .casewrapper__beforecaseblock__caseblock__cablock-inner p {
    font-size: 1em;
    padding-bottom: 25px;
}
#pufflist .casewrapper__beforecaseblock__caseblock:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

#pufflist .casewrapper__beforecaseblock__caseblock:after {
    opacity: 1;
    z-index: 0;
}

@media only screen and (min-width: 768px) {
    #pufflist .casewrapper__beforecaseblock__caseblock:after {
        opacity: 0;
    }
}
#pufflist .casewrapper__beforecaseblock__caseblock:hover {
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
}
#pufflist .casewrapper__beforecaseblock__caseblock:hover:after {
    opacity: 1;
}

#pufflist .url{
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  bottom: 6px;
  right: 6px;
  content: '';
  background-size: cover;
  opacity: 1;
  transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
}

@media only screen and (min-width: 768px) {
  #pufflist .url{
    opacity: 0;
  }
}

#pufflist .url_self{
  background-image: url('/wp-content/themes/nykreg_1.0/img/link.svg');

}
#pufflist .url_blank{
  background-image: url('/wp-content/themes/nykreg_1.0/img/external-link.svg');
}

#pufflist .casewrapper__beforecaseblock__caseblock:hover .url
{
    opacity: 1;
}

/* Arrowlist */

#main ul  {
    list-style: none;
    padding-left: 0;
}
#main ul li {
    position: relative;
    padding-left: 25px;
}

#main ul li:before {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    background-image: url('/wp-content/themes/nykreg_1.0/img/right-arrow.svg');
    background-size: cover;
    background-position: center;
    left: 0;
    top: 11px;
    transform: translateY(-50%);
}

.icon-email, .icon-phone
{
  display: block;
  padding-left: 37px;
  position: relative;
  left: 0px;
  background-size: 26px;
  background-repeat: no-repeat;
  line-height: 42px;
  background-position: 0px 10px;
  font-size: 16px;
}

@media only screen and (min-width: 768px) {
  .icon-email, .icon-phone
  {
    font-size: 20px;
  }
}

.icon-email
{
    background-image:  url('/wp-content/themes/nykreg_1.0/img/email.png');
}

.icon-phone
{
    background-image:  url('/wp-content/themes/nykreg_1.0/img/phone-call.png');
}