/* Cabin */
@font-face {
  font-family: 'Cabin';
  src: url(/web/fonts/Cabin-Regular.ttf);
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'Cabin';
  src: url(/web/fonts/Cabin-Bold.ttf);
  font-weight: 700;
  font-style: normal; }

html, body {
  min-height: 100%; }

body {
  font-size: 15px;
  font-family: 'Cabin', sans-serif;
  color: #333333;
  line-height: 180%;
  margin-left: auto;
  margin-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: left;
  color: #5F5F5F; }
  @media only screen and (max-width: 480px) {
    body:not(.page-welcome) {
      padding-bottom: 50px; } }

/* LINKS */
a {
  text-decoration: none;
  color: #0386ae; }

a:hover {
  text-decoration: underline; }

h1, .overskrift_stor, h2, .overskrift_normal, h3 {
  font-weight: bold;
  margin: 0px; }

h1, .overskrift_stor {
  font-size: 28px;
  padding-bottom: 20px;
  line-height: 130%; }

h2, .overskrift_normal {
  font-size: 23px;
  padding-bottom: 15px; }

h3 {
  font-size: 20px;
  padding-bottom: 5px; }

p {
  margin: 0px;
  padding-bottom: 15px; }

/* Generated fonts */
/* IMAGE DIV */
img, div {
  behavior: url(https://fjellsdalenlegesenter.no/css/template3/iepngfix/iepngfix.htc); }

/* TOP HEADER - HEADER TEXT(Legesenter name) */
.header {
  width: 100%;
  max-width: 1024px;
  margin: auto;
  height: 85px;
  padding: 10px 15px;
  box-sizing: border-box;
  display: table; }
  .header .logo {
    height: 100%;
    display: table-cell;
    vertical-align: middle; }
    .header .logo a {
      text-decoration: none; }
    .header .logo img {
      max-height: 65px;
      display: block;
      border: none; }
      @media only screen and (max-width: 800px) {
        .header .logo img {
          max-width: 90%; } }
    .header .logo h1, .header .logo .overskrift_stor {
      line-height: 130%;
      font-size: 32px;
      color: #4089C2;
      display: inline; }
      @media only screen and (max-width: 800px) {
        .header .logo h1, .header .logo .overskrift_stor {
          font-size: 24px; } }
  .header .contact, .header .mobile-menu {
    float: right;
    height: 65px; }
    .header .contact p, .header .mobile-menu p {
      margin: 0px 0px; }
      .header .contact p a, .header .mobile-menu p a {
        color: inherit;
        text-decoration: underline; }
  .header .contact {
    background-image: url(/web/gfx/3/icons/sms.png);
    background-repeat: no-repeat;
    background-size: 24px auto;
    background-position: left center;
    padding-left: 35px;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    width: 140px;
    margin-left: 20px; }
    .header .contact p {
      line-height: 65px; }
    @media only screen and (max-width: 800px) {
      .header .contact {
        display: none; } }
    .header .contact #toggle-sms-instructions {
      text-decoration: underline;
      cursor: pointer; }
  .header .mobile-menu {
    height: 65px;
    cursor: pointer;
    border: none;
    background: none;
    background-image: url(/web/gfx/3/icons/menu.png);
    background-repeat: no-repeat;
    font-size: inherit;
    background-size: auto 17px;
    background-position: center right;
    padding-right: 30px;
    display: none;
    width: 80px;
    outline: none; }
    @media only screen and (max-width: 800px) {
      .header .mobile-menu {
        display: block; } }
    @media only screen and (max-width: 480px) {
      .header .mobile-menu {
        width: 25px;
        padding: 0px; }
        .header .mobile-menu span {
          display: none; } }
    .header .mobile-menu.open {
      background-image: url(/web/gfx/3/icons/cross.png);
      background-position: center right 3px; }

#open-mobile-bottom-nav {
  display: none;
  width: 100%;
  position: fixed;
  bottom: 0px;
  left: 0px;
  box-sizing: border-box;
  color: #4089C2;
  border-top: 1px solid #eee;
  background: #fff;
  height: 50px;
  text-align: center;
  font-size: 16px;
  z-index: 3000;
  line-height: 50px;
  border: 0px;
  padding: 0px;
  outline: none;
  border-top: 1px solid #ececec;
  box-shadow: 0px 0px 5px #eee; }
  @media only screen and (max-width: 480px) {
    #open-mobile-bottom-nav {
      display: block; } }
  #open-mobile-bottom-nav span {
    background-image: url(/web/gfx/3/icons/internet-order-blue.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 20px;
    padding-left: 30px;
    display: inline-block;
    line-height: 40px; }

#mobile-bottom-nav {
  margin: 0px;
  padding: 5px 0px;
  list-style: none;
  width: 100%;
  position: fixed;
  background: #4089C2;
  background-size: cover;
  background-image: url(https://fjellsdalenlegesenter.no/web/gfx/3/polygon-transparent.png);
  z-index: 3000;
  color: #fff;
  bottom: -250px;
  transition: bottom 200ms;
  display: none;
  font-size: 18px; }
  @media only screen and (max-width: 480px) {
    #mobile-bottom-nav {
      display: block; } }
  #mobile-bottom-nav.open {
    bottom: 0px; }
  #mobile-bottom-nav li {
    position: relative; }
    #mobile-bottom-nav li:before {
      position: absolute;
      background-size: auto 20px;
      background-repeat: no-repeat;
      left: 15px;
      top: 12px;
      content: '';
      width: 30px;
      height: 30px;
      display: inline-block; }
    #mobile-bottom-nav li.appointment-booking:before {
      background-image: url(/web/gfx/3/icons/appointment-booking.png); }
    #mobile-bottom-nav li.internet-order:before {
      background-image: url(/web/gfx/3/icons/internet-order.png); }
    #mobile-bottom-nav li.prescription:before {
      background-image: url(/web/gfx/3/icons/prescription.png); }
    #mobile-bottom-nav li.other:before {
      background-image: url(/web/gfx/3/icons/other.png); }
    #mobile-bottom-nav li.helsenorge:before {
      background-image: url(/web/gfx/3/icons/helsenorge.png); }
    #mobile-bottom-nav li.ekonsultasjon:before {
      background-image: url(/web/gfx/3/icons/ekonsultasjon.png); }
    #mobile-bottom-nav li.customform:before {
      background-image: url(https://fjellsdalenlegesenter.no/web/gfx/3/icons/customform.png); }
    #mobile-bottom-nav li a {
      background-position: left 15px center;
      display: block;
      padding: 10px 50px;
      color: inherit;
      text-decoration: none; }

.sms-instructions {
  width: 100%;
  max-width: 1244px;
  margin: auto;
  display: none;
  position: relative; }
  .sms-instructions.open {
    display: block; }
    @media only screen and (max-width: 800px) {
      .sms-instructions.open {
        display: none; } }
  .sms-instructions .inner {
    position: absolute;
    width: 260px;
    right: 0px;
    top: -10px;
    background: #F6F8FB;
    z-index: 3000;
    border: 1px solid #D1E1EF;
    padding: 15px 20px; }
    .sms-instructions .inner #toggle-sms-instructions, .sms-instructions .inner #toggle-sms-example {
      text-decoration: underline;
      cursor: pointer;
      display: block; }
    .sms-instructions .inner #sms-example {
      display: none;
      padding: 15px;
      border: 1px solid #ccc;
      background: #fff;
      margin-bottom: 15px; }

.outside-click-cover {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  position: fixed;
  display: none;
  z-index: 2000;
  transition: opacity 2000ms; }
  .outside-click-cover.open {
    display: block; }
  .outside-click-cover#outside-click-cover-dark {
    background: rgba(0, 0, 0, 0.6); }

.content {
  max-width: 669px;
  min-height: 100%;
  margin: auto;
  position: relative;
  padding: 45px 15px 45px 340px;
  font-size: 18px;
  overflow: hidden; }
  @media only screen and (max-width: 800px) {
    .content {
      padding: 30px 15px;
      position: static; } }
  @media only screen and (max-width: 480px) {
    .content {
      padding: 30px 15px; } }
  .content img {
    max-width: 100%;
    display: block; }

.sidebar {
  float: left;
  width: 280px;
  padding: 0px 15px;
  z-index: 3000;
  max-width: 100%;
  margin-left: -340px;
  text-align: center;
  text-transform: uppercase; }
  @media only screen and (max-width: 800px) {
    .sidebar {
      margin-left: auto;
      position: absolute;
      top: 84px;
      left: auto;
      right: 0px;
      display: none;
      box-shadow: -1px 3px 5px 0px rgba(0, 0, 0, 0.15);
      background: #fff;
      padding: 15px 50px;
      width: auto;
      text-align: left; }
      .sidebar.open {
        display: block; } }
  @media only screen and (max-width: 480px) {
    .sidebar {
      max-width: 80%;
      padding: 15px 30px; } }
  .sidebar ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    font-size: 18px; }
    .sidebar ul li {
      margin-bottom: 5px; }
      .sidebar ul li a {
        color: inherit;
        display: block;
        cursor: pointer;
        transition: background 200ms, color 200ms;
        background: #F6F8FB;
        padding: 15px; }
        @media only screen and (max-width: 800px) {
          .sidebar ul li a {
            padding: 10px 0px;
            background: none; } }
      .sidebar ul li.active a, .sidebar ul li a:hover {
        text-decoration: none;
        background: #D1E1EF; }
        @media only screen and (max-width: 800px) {
          .sidebar ul li.active a, .sidebar ul li a:hover {
            background: none; } }
      .sidebar ul li.active a, .sidebar ul li a:hover {
        text-decoration: none; }
        @media only screen and (min-width: 801px) {
          .sidebar ul li.active a, .sidebar ul li a:hover {
            background: #D1E1EF; } }
      .sidebar ul li.active {
        pointer-events: none; }

/* Big links */
.big-links {
  width: 100%;
  background: #4089C2;
  min-height: 10px; }
  @media only screen and (max-width: 480px) {
    .big-links {
      min-height: 5px; } }
  .big-links .inner {
    width: 100%;
    max-width: 1440px;
    margin: auto;
    overflow: hidden; }
    @media only screen and (max-width: 480px) {
      .big-links .inner {
        display: none; } }
  .big-links a {
    display: block;
    float: left;
    height: 245px;
    box-sizing: border-box;
    border-left: 2px solid #fff;
    padding: 0px 15px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    position: relative;
    cursor: pointer;
    overflow: hidden; }
    .big-links a:after {
      content: '';
      width: 100%;
      height: 100%;
      top: 0px;
      left: 0px;
      position: absolute;
      background-image: url(/web/gfx/3/polygon-desaturated.png);
      background-size: cover;
      opacity: 0.3;
      transition: opacity 200ms; }
    .big-links a:hover:after {
      opacity: 0.1; }
    .big-links a:nth-child(even):after {
      transform: scaleY(-1); }
    @media only screen and (max-width: 800px) {
      .big-links a {
        float: none;
        border-left: none;
        border-bottom: 2px solid #fff;
        padding: 20px 15px;
        height: auto; } }
    @media only screen and (max-width: 480px) {
      .big-links a {
        padding: 20px;
        text-align: left; } }
    .big-links a:first-child {
      border-left: none; }
    .big-links a .icon {
      display: block;
      width: 40px;
      height: 50px;
      content: '';
      background-size: 40px auto;
      background-repeat: no-repeat;
      position: relative;
      margin: 0px auto 10px auto;
      z-index: 1000; }
      @media only screen and (max-width: 480px) {
        .big-links a .icon {
          position: absolute;
          width: 30px;
          background-size: 30px auto;
          margin-top: 5px; } }
    .big-links a .inner {
      background-repeat: no-repeat;
      background-position: left top;
      background-size: auto 36px;
      z-index: 1000;
      position: relative;
      box-sizing: border-box;
      display: block; }
      @media only screen and (max-width: 480px) {
        .big-links a .inner {
          background-position: left center;
          background-size: auto 30px;
          padding-left: 55px; } }
    .big-links a h2, .big-links a .overskrift_normal {
      font-size: 30px;
      line-height: 30px;
      display: inline; }
      @media only screen and (max-width: 480px) {
        .big-links a h2, .big-links a .overskrift_normal {
          font-size: 26px; } }
    .big-links a.appointment-booking .icon {
      background-image: url(/web/gfx/3/icons/appointment-booking.png); }
    .big-links a.internet-order .icon {
      background-image: url(/web/gfx/3/icons/internet-order.png); }
    .big-links a.prescription .icon {
      background-image: url(/web/gfx/3/icons/prescription.png); }
    .big-links a.other .icon {
      background-image: url(/web/gfx/3/icons/other.png); }
    .big-links a.helsenorge .icon {
      background-image: url(/web/gfx/3/icons/helsenorge.png); }
    .big-links a.ekonsultasjon .icon {
      background-image: url(/web/gfx/3/icons/ekonsultasjon.png); }
    .big-links a.customform .icon {
      background-image: url(https://fjellsdalenlegesenter.no/web/gfx/3/icons/customform.png); }
    .big-links a p {
      margin: 5px 0px 0px 0px;
      z-index: 1000;
      position: relative;
      line-height: 130%; }
  .big-links.elements-1 a {
    width: 100%;
    padding-top: 60px; }
  .big-links.elements-2 a {
    width: 50%;
    padding-top: 60px; }
  .big-links.elements-3 a {
    width: 33.3%;
    padding-top: 60px; }
  .big-links.elements-4 a {
    width: 25%;
    padding-top: 4%; }
  .big-links.elements-5 a {
    width: 20%;
    padding-top: 4%; }
  @media only screen and (max-width: 800px) {
    .big-links.elements-1 a, .big-links.elements-2 a, .big-links.elements-3 a, .big-links.elements-4 a, .big-links.elements-5 a {
      width: 100%;
      padding-top: 20px; } }

@media only screen and (max-width: 480px) {
  body.page-welcome .big-links .inner {
    display: block; } }

.boxed {
  border: 2px solid #4089C2;
  padding: 9px 15px;
  font-size: 17px;
  transition: background 200ms, color 200ms; }
  .boxed:hover {
    background: #3B7FB4;
    color: #fff;
    text-decoration: none; }

/* Intro */
.intro {
  margin-bottom: 40px; }
  .intro img {
    margin-top: 20px; }

/* News */
.article {
  margin-bottom: 40px;
  display: block;
  color: inherit; }
  @media only screen and (max-width: 480px) {
    .article {
      margin-left: -15px;
      padding: 20px 15px;
      width: 100%;
      margin-bottom: 0px; } }
  .article .date {
    font-size: 15px;
    color: #8F9AA3; }
  .article a {
    color: inherit; }

.frontpage-news {
  margin-bottom: 20px; }
  @media only screen and (max-width: 480px) {
    .frontpage-news {
      margin-bottom: 30px; } }
  @media only screen and (max-width: 480px) {
    .frontpage-news .article {
      border-bottom: 1px solid #eee; }
      .frontpage-news .article:first-of-type {
        border-top: 1px solid #eee; }
      .frontpage-news .article .article-text {
        display: none; } }

.footer-clearer {
  height: 380px;
  width: 100%; }
  @media only screen and (max-width: 800px) {
    .footer-clearer {
      height: 520px; } }
  @media only screen and (max-width: 480px) {
    .footer-clearer {
      display: none; } }

.footer-top {
  min-height: 330px;
  width: 100%;
  background: #F6F8FB;
  margin-top: -380px; }
  @media only screen and (max-width: 480px) {
    .footer-top {
      margin-top: 0px;
      height: auto; } }
  .footer-top .inner {
    width: 100%;
    box-sizing: border-box;
    padding: 15px 0px;
    max-width: 1024px;
    margin: auto;
    height: 100%;
    overflow: hidden; }
    @media only screen and (max-width: 800px) {
      .footer-top .inner {
        padding: 15px 10px; } }
  .footer-top .footer-col {
    width: 33.3%;
    float: left;
    box-sizing: border-box;
    padding: 15px; }
    .footer-top .footer-col .section {
      margin-top: 10px; }
    @media only screen and (max-width: 800px) {
      .footer-top .footer-col {
        padding: 15px 5px; } }
    @media only screen and (max-width: 480px) {
      .footer-top .footer-col {
        width: 100%; } }
    @media only screen and (max-width: 480px) {
      .footer-top .footer-col:not(.app) h3 {
        cursor: pointer; }
        .footer-top .footer-col:not(.app) h3:after {
          content: '';
          display: inline-block;
          background-image: url(/web/gfx/3/icons/arrow-down.png);
          background-size: 12px auto;
          background-repeat: no-repeat;
          background-position: right center;
          height: 12px;
          width: 12px;
          margin-left: 10px; }
        .footer-top .footer-col:not(.app) h3.open:after {
          background-image: url(/web/gfx/3/icons/arrow-up.png); }
      .footer-top .footer-col:not(.app) .section {
        overflow: hidden;
        max-height: 0px;
        transition: all 200ms; }
        .footer-top .footer-col:not(.app) .section.open {
          max-height: 500px; } }
    .footer-top .footer-col .hr-app-link {
      cursor: pointer;
      display: inline-block;
      outline: none;
      border: none;
      width: 100%;
      max-width: 160px; }
      .footer-top .footer-col .hr-app-link img {
        display: block;
        width: 100%;
        outline: none;
        border: none; }
  .footer-top.four-cols .footer-col {
    width: 25%; }
    @media only screen and (max-width: 800px) {
      .footer-top.four-cols .footer-col {
        width: 33.3%; }
        .footer-top.four-cols .footer-col.app {
          width: 100%;
          text-align: center; }
          .footer-top.four-cols .footer-col.app h3 {
            display: none; } }
    @media only screen and (max-width: 480px) {
      .footer-top.four-cols .footer-col {
        width: 100%;
        float: none; } }
  .footer-top .footer-order-link {
    text-align: center;
    padding: 15px 15px;
    line-height: 140%; }
    .footer-top .footer-order-link a {
      cursor: pointer; }
      @media only screen and (max-width: 480px) {
        .footer-top .footer-order-link a {
          display: block; } }

.footer-bottom {
  width: 100%;
  height: 164px;
  box-sizing: border-box;
  padding: 40px 15px 20px 15px; }
  @media only screen and (max-width: 800px) {
    .footer-bottom {
      padding: 30px 15px 20px 15px; } }
  @media only screen and (max-width: 480px) {
    .footer-bottom {
      height: auto; } }
  .footer-bottom p {
    display: block;
    width: 100%;
    max-width: 550px;
    margin: 0px auto;
    text-align: center;
    line-height: 19px; }
  .footer-bottom a {
    text-decoration: underline;
    color: inherit; }

/* IMAGES LAYOUT */
/* TOP WHITE BORDER ABOVE BLUE BANNER  */
#bar_top {
  background: url(/css/template3/images/top_bar.png) repeat-x bottom;
  height: 19px; }

/* BOTTOM WHITE BORDER BELOW BLUE BANNER  */
#bar_bottom {
  background: url(/css/template3/images/top.jpg) repeat-x left top;
  padding: 30px 0px; }

/* BLUE BANNER SIZE */
#main-banner {
  width: 960px;
  height: 238px;
  margin: 0 auto; }

#mid_co {
  background: #ffffff; }

/* CONTAINER FOR MENU AND PAGE CONTENT*/
#container {
  margin: 0 auto;
  position: relative;
  text-align: left;
  width: 960px; }

#content_main {
  position: relative; }

/* TOP HEADER - WHITE BACKGROUND */
#header {
  background: #ffffff repeat-x left top; }

/* END TOP HEADER - WHITE BACKGROUND */
#header_main {
  margin: 0 auto;
  position: relative;
  width: 960px;
  padding-top: 20px;
  padding-bottom: 20px; }

#nyhet {
  margin-top: 10px;
  margin-bottom: 10px; }

/* LENKE */
#lenke p.bold {
  font-weight: bold;
  margin: 0;
  padding-top: 7px; }

/* Documents */
ul.documents {
  list-style: none;
  padding: 0px; }
  ul.documents li a {
    display: inline-block;
    padding: 10px 60px 10px 30px;
    background: #4089C2;
    color: #fff;
    font-size: 20px;
    margin-bottom: 15px;
    position: relative;
    padding-right: 30px;
    background-image: url(/web/gfx/3/icons/download.png);
    background-repeat: no-repeat;
    background-position: right center;
    border-right: 30px solid #4089C2;
    background-size: auto 20px; }

/* Links */
.link {
  padding-top: 15px; }

/* Employee */
.employee {
  margin-top: 30px;
  width: 100%;
  display: block;
  overflow: hidden; }
  .employee h2, .employee .overskrift_normal {
    margin: 0;
    color: #4089C2; }
  .employee .image {
    float: left;
    width: 150px;
    position: relative;
    margin: 0px 20px 0px 0px;
    overflow: hidden; }
    @media only screen and (max-width: 480px) {
      .employee .image {
        margin: 0px 0px 20px 0px; } }
    .employee .image img {
      width: 100%; }
  .employee .description {
    float: left;
    width: calc(100% - 170px); }
    @media only screen and (max-width: 480px) {
      .employee .description {
        width: 100%; } }
    .employee .description p {
      margin: 10px 0; }
      .employee .description p.stilling {
        margin: 0; }

#box label {
  display: inline-block;
  padding-right: 10px;
  padding-top: 7px; }

#box span {
  display: block;
  white-space: nowrap; }

.pp-button {
  margin-top: 15px;
  background: #C7503C;
  color: #ffffff;
  padding: 15px 60px;
  border: none;
  text-decoration: none;
  display: inline-block;
  font-weight: bold; }

.pp-button:hover {
  color: #fff;
  text-decoration: none; }

/* Emergency info */
.emergency-info-header {
  font-size: 32px;
  padding-bottom: 40px;
  font-weight: normal;
  line-height: 32px; }

.emergency-info-alert {
  text-align: center;
  padding: 20px;
  background-color: #FF8874;
  display: block;
  color: #000;
  font-size: 25px;
  width: 100%;
  box-sizing: border-box; }

.emergency-info-alert:hover {
  color: #000;
  text-decoration: underline; }