h1, h2, h3, h4, h5 {
  font-family: 'Merriweather', serif; }

  h1 {
    font-size: 38px; }

    h3 {
      font-size: 20px; }

      a {
        color: #bb121a; }
        a:hover, a:active, a:focus {
          color: #0d0d0d; }

.label {
  color: inherit;
  font-size: 0.9em;
  background-color: transparent;
  font-weight: 700;
  margin-bottom: 0px;
  padding: 0; }

  [type=submit], .button {
    font-size: inherit;
    color: white;
    padding: 10px 30px;
    background-color: #bb121a;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    margin: 1rem 0; }
    [type=submit]:hover, [type=submit]:focus, .button:hover, .button:focus {
      background-color: #bb121a;
      color: #0d0d0d; }

input[type="checkbox"], input[type="radio"] {
  margin-right: 0.75rem; }

  .limeform-thanks, .limeform-error {
    margin-top: 4rem;
    margin-bottom: 4rem;
    min-height: 20em; }

    .quiz .label {
      margin-bottom: 0.5rem; }
      .quiz .answers {
        margin-bottom: 1em; }

.LimeForm .row {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem; }
  .LimeForm .required.err {
    border: 1px solid red !important; }
    .LimeForm .field-radio, .LimeForm .field-checkbox {
      margin-bottom: 1rem; }
      .LimeForm .field-radio .label, .LimeForm .field-checkbox .label {
        margin-bottom: 0.5rem; }
.LimeForm .field-displayedtext .label {
  font-size: 1.2rem;
  width: 100%;
  display: block;
  margin-top: 1rem; }
  .LimeForm .field-displayedtext .ftext {
    margin-bottom: 1rem;
    height: auto;
    font-style: italic;
    border: none;
    padding: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

.head {
  background-color: #333;
  height: 60px; }
  .head .menu {
    color: white;
    font-size: 24px;
    line-height: 40px;
    padding-top: 10px;
    cursor: pointer;
    font-weight: 300; }
    .head .menu:hover {
      color: #bb121a; }
  .head .submenu {
    display: none;
    border-bottom: 1px solid #ddd;
    background-color: #ddd;
    padding: 0 30px;
    width: 100%;
    box-shadow: 1px 1px 1px #efefef;
    background-color: #fafafa;
    z-index: 20000;
    position: absolute;
    margin-top: 10px; }
    .head .submenu h2 {
      font-size: 2rem;
      margin: 0;
      padding: 0;
      line-height: 100%; }
      .head .submenu h4 {
        font-size: 16px; }
        .head .submenu ul {
          margin: 0;
          padding: 0;
          margin-bottom: 10px; }
          .head .submenu ul h4 {
            font-size: 16px;
            margin-bottom: 2px; }
            .head .submenu ul h4 a {
              color: #0a0a0a; }
          .head .submenu ul li {
            list-style: none;
            font-size: 14px;
            margin: 0;
            padding: 0; }
            .head .submenu ul ul.sub {
              margin-left: 10px;
              margin-bottom: 20px; }
              .head .submenu ul ul.sub li {
                font-size: 14px;
                border-bottom: 1px solid #ddd;
                padding: 6px; }
          .head .submenu ul.cluster li {
            float: left;
            padding-right: 10px;
            font-size: 14px; }
    .head .submenu .headlines ul {
      margin-left: 15px; }
      .head .submenu .headlines ul h4 {
        font-size: 18px; }
        .head .submenu .headlines ul li {
          font-size: 16px;
          padding-bottom: 4px; }
    .head .submenu .columns {
      padding: 20px; }
      .head .submenu .right {
        border-left: 1px solid #ddd;
        background-color: #e9eaec;
        min-height: 500px; }
        .head .submenu .right h4 {
          font-size: 16px; }
          .head .submenu .right ul li {
            list-style: none;
            font-size: 14px; }
  .head .sub-logo img {
    max-width: 85%;
    margin-top: 10px; }

.list.contact {
  margin-top: 20px; }
  .list.contact h3 {
    font-size: 18px; }
    .list.contact .person {
      margin-bottom: 30px; }
      .list.contact .rounded {
        max-width: 200px; }
        .list.contact .rounded img {
          border-radius: 50%;
          padding: 3px;
          margin-bottom: 1rem; }

.page .center {
  text-align: center; }
  .page .social-links {
    margin-bottom: 20px;
    margin-left: 20px;
    text-align: center;
    width: 100%;
    display: inline-block; }
    .page .social-links a {
      text-align: center;
      float: left;
      margin-top: 22px;
      background: #3b5998;
      width: 36px;
      height: 36px;
      border-radius: 100%;
      margin-right: 7px; }
      .page .social-links a.twitter {
        background-color: #33CCFF; }
        .page .social-links a.linkedin {
          background-color: #4875B4; }
          .page .social-links a:hover {
            background: #bb121a; }
            .page .social-links a:hover i {
              color: #fff; }
    .page .social-links a i {
      font-size: 20px;
      line-height: 38px;
      color: #fff; }
.page .contentmenu {
  display: inline-block; }
  .page .contentmenu ul {
    margin: 0;
    padding: 0; }
    .page .contentmenu ul li {
      background-color: #bb121a;
      float: left;
      list-style: outside none none;
      padding: 20px 40px; }
      .page .contentmenu ul li a {
        color: white; }
        .page .contentmenu ul li.active {
          background-color: white; }
          .page .contentmenu ul li.active a {
            color: #0d0d0d; }
.page.article blockquote, .page.article blockquote p {
  color: #bb121a !important;
  font-family: 'Merriweather', serif;
  font-style: italic;
  font-size: 24px;
  font-weight: 300; }
  .page.article .page_slider {
    position: relative;
    margin-bottom: 30px; }
    .page.article .page_slider .image {
      position: relative; }
.page.article .topimg {
  margin-bottom: 20px; }
  .page.article .topimg img {
    width: 100%; }
.page.article .img-txt {
  background-color: rgba(255, 255, 255, 0.4);
  left: 0;
  padding: 20px; }
  .page.article .flex-viewport img {
    min-width: 100%; }
.page.article .flex-caption {
  background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
  bottom: 0;
  color: #000;
  font-size: 1rem;
  left: 0;
  line-height: 1;
  margin-bottom: 0;
  text-align: left;
  font-weight: bold;
  min-height: 50px;
  padding: 12px 3rem 12px 1rem;
  position: absolute;
  width: 100%; }
  .page.article .flex-control-paging {
    height: 40px;
    width: 40px;
    background: white none repeat scroll 0 0;
    border-bottom: 1px solid #ddd; }
    .page.article .flex-control-paging li {
      margin: 0;
      padding: 8px 0; }
      .page.article .flex-control-paging li a {
        width: auto;
        height: auto;
        background: white none repeat scroll 0 0;
        color: #0d0d0d;
        border-radius: 0;
        box-shadow: none;
        display: none;
        text-indent: 0; }
        .page.article .flex-control-paging li a.flex-active {
          display: inline-block; }
      .page.article .flex-control-paging li:last-child a {
        display: inline-block; }
        .page.article .flex-control-paging li:last-child a::before {
          content: '/'; }
.page.article .flex-control-nav {
  position: absolute;
  right: 40px;
  bottom: 0; }
  .page.article .flex-direction-nav {
    position: relative; }
    .page.article .flex-direction-nav .flex-next {
      border-radius: 0;
      margin-top: -40px;
      width: 40px;
      height: 40px;
      right: 0;
      border-left: 1px solid #ddd;
      border-bottom: 1px solid #ddd; }
      .page.article .flex-direction-nav .flex-next:after {
        left: 14px;
        top: 5px; }
    .page.article .flex-direction-nav .flex-prev {
      border-radius: 0;
      margin-top: -40px;
      width: 40px;
      height: 40px;
      right: 80px;
      position: absolute;
      left: inherit;
      border-right: 1px solid #ddd;
      border-bottom: 1px solid #ddd; }
      .page.article .flex-direction-nav .flex-prev:after {
        left: 14px;
        top: 5px; }
.page.article .teaser {
  font-size: 24px;
  font-family: 'Merriweather', serif;
  font-style: italic;
  margin-bottom: 40px;
  margin-top: 20px; }
  .page.article .content {
    font-size: 18px; }
.page.list-news {
  margin-top: 20px; }
  .page.article-menu h1 {
    margin-top: 20px;
    margin-bottom: 20px; }
    .page.article-menu .topimg img {
      min-width: 100%; }
  .page.article-menu table.price-info {
    font-size: 12px; }
    .page.article-menu table.price-info tr.header {
      background-color: #ccc; }
  .page.article-menu .sub-elements {
    background: #eff0f0 none repeat scroll 0 0;
    border-top: 1px solid #ddd; }
    .page.article-menu .sub-elements ul {
      margin: 0; }
      .page.article-menu .sub-elements ul li {
        background-color: #eff0f0;
        list-style: none;
        float: left;
        padding: 20px;
        min-width: 20%;
        text-align: center; }
        .page.article-menu .sub-elements ul li:first-child {
          margin-left: 15px; }
          .page.article-menu .sub-elements ul li.active {
            background-color: white; }
            .page.article-menu .sub-elements ul li.active a {
              color: #0d0d0d; }
  .page.article-menu .teaser {
    font-size: 24px;
    font-family: 'Merriweather', serif;
    font-style: italic;
    margin-bottom: 40px;
    margin-top: 20px; }
    .page.article-menu .content {
      font-size: 18px; }
      .page.article-menu .section-header {
        position: relative; }
        .page.article-menu .section-header select {
          margin-top: 10px; }
          .page.article-menu .section-header ul {
            margin: 0;
            padding: 0;
            margin-top: -65px; }
            .page.article-menu .section-header ul li {
              padding: 20px 40px;
              background-color: #bb121a;
              float: left;
              list-style: none; }
              .page.article-menu .section-header ul li a {
                color: white; }
                .page.article-menu .section-header ul li.active {
                  background-color: White; }
                  .page.article-menu .section-header ul li.active a {
                    color: #0d0d0d; }
  .page.article-menu .contentmenu-repsonsive .box {
    border: 1px solid #f2f2f2;
    box-shadow: 1px 1px 1px #ccc;
    margin-bottom: 10px;
    height: auto;
    padding: 14px 30px 39px; }
    .page.article-menu .contentmenu-repsonsive .box .device-links {
      float: right;
      margin-top: -5px; }
      .page.article-menu .contentmenu-repsonsive .box .device-links a {
        text-align: center;
        float: left;
        background: #e2e2e2;
        width: 36px;
        height: 36px;
        border: 1px solid #ccc;
        border-radius: 100%;
        margin-right: 7px; }
        .page.article-menu .contentmenu-repsonsive .box .device-links a:hover {
          background: #bb121a;
          border: 1px solid #bb121a; }
          .page.article-menu .contentmenu-repsonsive .box .device-links a:hover i {
            color: #fff; }
      .page.article-menu .contentmenu-repsonsive .box .device-links a i {
        font-size: 20px;
        line-height: 32px;
        color: #bb121a; }
  .page.article-menu .contentmenu-repsonsive ul.subsection {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    margin-bottom: 20px; }
    .page.article-menu .contentmenu-repsonsive ul.subsection li {
      display: inline-block;
      list-style: none;
      padding-right: 20px; }
      .page.article-menu .contentmenu-repsonsive ul.subsection li i {
        padding-right: 10px; }
        .page.article-menu .contentmenu-repsonsive ul.subsection li a.active {
          color: black; }
  .page.article-menu .contentmenu-repsonsive h2 {
    background-color: #fff;
    margin-bottom: 2px;
    margin: 0;
    padding: 0px;
    float: left;
    font-size: 18px;
    clear: both; }
    .page.article-menu .contentmenu-repsonsive h2 .fleft,
    .page.article-menu .contentmenu-repsonsive h2 .txt {
      float: left; }
      .page.article-menu .contentmenu-repsonsive h2 .txt {
        margin-left: 10px; }
        .page.article-menu .contentmenu-repsonsive h2.active {
          background: #e9eaec;
          border-bottom: 1px solid white; }
  .page.article-menu .contentmenu-repsonsive .content {
    background: #eff0f0;
    display: block;
    margin-top: -9px;
    padding: 30px 20px 20px; }
    .page.article-menu .contentmenu-repsonsive .listing .infog {
      font-size: 12px; }
      .page.article-menu .contentmenu-repsonsive .listing .infog h3 {
        color: #0d0d0d;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase; }
        .page.article-menu .contentmenu-repsonsive .listing .infog .hits .txt {
          font-family: 'Merriweather', serif;
          font-size: 36px; }
      .page.article-menu .contentmenu-repsonsive .listing .infog .row.border {
        border-top: 1px solid #bbb;
        margin-top: 10px;
        padding-top: 20px; }
        .page.article-menu .contentmenu-repsonsive .listing .infog .columns .line {
          border-left: 1px solid #bbb;
          height: 60px;
          margin-left: 50px;
          margin-top: 16px;
          width: 40px; }
          .page.article-menu .contentmenu-repsonsive .listing .infog .big-circle {
            float: left;
            height: 100px;
            margin-top: 20px;
            position: relative;
            width: 50%; }
            .page.article-menu .contentmenu-repsonsive .listing .infog .big-circle .txt {
              color: #e12f32;
              font-size: 24px;
              font-weight: bold;
              position: absolute;
              text-align: center;
              top: 38px;
              width: 94%; }
              .page.article-menu .contentmenu-repsonsive .listing .infog .big-circle .btntxt {
                bottom: 16px;
                font-size: 10px;
                position: absolute;
                text-align: center;
                text-transform: uppercase;
                width: 94%; }
      .page.article-menu .contentmenu-repsonsive .listing .infog .gender {
        margin-bottom: 20px; }
        .page.article-menu .contentmenu-repsonsive .listing .infog .extra-info {
          margin-top: 20px; }
  .page.article-menu .contentmenu-repsonsive .listing .infog .columns .line-long {
    border-left: 1px solid #bbb;
    height: 180px;
    margin-left: 50px;
    margin-top: 44px;
    width: 40px; }
    .page.article-menu .contentmenu-repsonsive .listing .circle-bar {
      float: left;
      height: 100px;
      padding-top: 4px;
      position: relative;
      width: 16.6%; }
      .page.article-menu .contentmenu-repsonsive .listing .circle-bar .circle {
        background-color: #9e9f9e;
        border-radius: 50%;
        height: 20px;
        margin-top: 50px;
        width: 20px; }
        .page.article-menu .contentmenu-repsonsive .listing .circle-bar .btntxt {
          bottom: 20px;
          font-size: 10px;
          position: absolute;
          text-align: center;
          width: 44px; }
          .page.article-menu .contentmenu-repsonsive .listing .circle-bar .txt {
            color: #e12f32;
            font-size: 12px;
            font-weight: bold;
            position: absolute;
            text-align: center;
            top: 46px;
            width: 40px; }
            .page.article-menu .contentmenu-repsonsive .listing .top-bar {
              float: left;
              height: 200px;
              position: relative;
              width: 25%; }
              .page.article-menu .contentmenu-repsonsive .listing .top-bar .info {
                bottom: 44px;
                left: -25px;
                position: absolute;
                top: 0;
                transform: rotate(-90deg);
                width: 200px; }
                .page.article-menu .contentmenu-repsonsive .listing .top-bar .ico {
                  background: transparent url("/resources/layout/info/grunnskole_48px.png") no-repeat scroll 0 0 / 100% auto;
                  bottom: 0;
                  height: 34px;
                  left: 18px;
                  position: absolute;
                  width: 34px;
                  z-index: 103; }
                  .page.article-menu .contentmenu-repsonsive .listing .top-bar .ico1 {
                    background: transparent url("/resources/layout/info/vgs_48px.png") no-repeat scroll 0 0 / 100% auto; }
                    .page.article-menu .contentmenu-repsonsive .listing .top-bar .ico2 {
                      background: transparent url("/resources/layout/info/universitet1_48px.png") no-repeat scroll 0 0 / 100% auto; }
                      .page.article-menu .contentmenu-repsonsive .listing .top-bar .ico3 {
                        background: transparent url("/resources/layout/info/universitet2_48px.png") no-repeat scroll 0 0 / 100% auto; }
                        .page.article-menu .contentmenu-repsonsive .listing .top-bar .bar {
                          background-color: #9e9f9e;
                          bottom: 20px;
                          height: 180px;
                          left: 20px;
                          margin-right: 20px;
                          position: absolute;
                          width: 30px; }
                          .page.article-menu .contentmenu-repsonsive .listing .top-bar .hgi {
                            background-color: #4d4e4c;
                            bottom: 20px;
                            left: 20px;
                            position: absolute;
                            width: 30px;
                            z-index: 100; }
                            .page.article-menu .contentmenu-repsonsive .listing .top-bar .txt {
                              bottom: 40px;
                              color: White;
                              font-size: 12px;
                              font-weight: bold;
                              left: 24px;
                              line-height: 24px;
                              position: absolute;
                              z-index: 101; }
                              .page.article-menu .contentmenu-repsonsive .listing .left-bar {
                                color: white;
                                height: 12px;
                                border: 1px solid #ccc;
                                border-radius: 3px;
                                margin-bottom: 10px;
                                position: relative;
                                width: 100%; }
                                .page.article-menu .contentmenu-repsonsive .listing .left-bar .value {
                                  background-color: #bb121a;
                                  border-bottom-right-radius: 3px;
                                  border-top-right-radius: 3px;
                                  height: 10px; }
  .page.article-menu .contentmenu-repsonsive .listing .left-bar .ico {
    background: transparent url("/resources/layout/info/pi_u200_48px.png") no-repeat scroll 0 0 / 100% auto;
    bottom: 0;
    height: 40px;
    left: -14px;
    position: absolute;
    top: -10px;
    width: 40px;
    z-index: 103; }
    .page.article-menu .contentmenu-repsonsive .left-bar .ico1 {
      background: transparent url("/resources/layout/info/pi_200_48px.png") no-repeat scroll 0 0 / 100% auto; }
      .page.article-menu .contentmenu-repsonsive .listing .left-bar .ico2 {
        background: transparent url("/resources/layout/info/pi_400_48px.png") no-repeat scroll 0 0 / 100% auto; }
        .page.article-menu .contentmenu-repsonsive .listing .left-bar .ico3 {
          background: transparent url("/resources/layout/info/pi_600_48px.png") no-repeat scroll 0 0 / 100% auto; }
          .page.article-menu .contentmenu-repsonsive .listing .left-bar .ico4 {
            background: transparent url("/resources/layout/info/pi_800_48px.png") no-repeat scroll 0 0 / 100% auto; }
            .page.article-menu .contentmenu-repsonsive .listing .left-bar .txt {
              color: White;
              font-weight: bold;
              line-height: 24px;
              position: absolute;
              text-indent: 28px;
              z-index: 101; }
              .page.article-menu .contentmenu-repsonsive .listing .left-bar .hgi {
                background-color: #4d4e4c;
                height: 24px;
                left: 12px;
                position: absolute;
                top: 0;
                z-index: 100; }

.btn {
  color: white;
  padding: 10px 30px;
  background-color: #bb121a; }

  footer {
    background-color: #2e2e2e;
    min-height: 100px;
    color: white;
    padding-top: 50px; }
    footer a {
      color: white;
      text-decoration: underline; }

.widget .center {
  text-align: center; }
  .widget .line {
    border-bottom: 3px solid #c20120;
    color: #333333;
    display: inline;
    padding-bottom: 8px; }
    .widget .line h2 {
      display: inline-block;
      line-height: 200%;
      font-size: 30px;
      padding: 50px 0; }
      .widget .line h2 a {
        color: #0d0d0d; }
.widget.widget-products {
  background-color: #f5f5f5;
  padding: 30px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-top: 10px; }
  .widget.widget-products button {
    border: 1px solid #ddd;
    margin-top: 25px;
    background-color: #f2f2f2;
    padding: 18px 30px;
    border-radius: 4px;
    font-weight: 400;
    color: #333;
    text-transform: uppercase;
    font-size: 14px; }
    .widget.widget-products .more {
      display: none; }
.widget.widget-slider .header {
  position: absolute;
  bottom: 220px;
  margin-left: 40px;
  text-shadow: 1px 1px 0 white;
  font-size: 22px;
  font-family: 'Merriweather', serif; }
  .widget.widget-slider .item {
    color: white;
    position: absolute;
    background-color: #444;
    padding: 10px;
    bottom: 71px;
    border-bottom: 2px solid white;
    width: 50%; }
    .widget.widget-slider .item a {
      font-family: 'Merriweather', serif; }
      .widget.widget-slider .item:last-child {
        bottom: 0;
        border-bottom: 0; }
        .widget.widget-slider .item.first {
          background-color: black;
          bottom: 144px !important; }
.widget.widget-newsletter {
  min-height: 80px;
  background-color: #eff0f0;
  padding-bottom: 60px; }
  .widget.widget-newsletter .line h2 {
    padding-bottom: 0; }
    .widget.widget-newsletter button {
      background-color: #bb121a;
      color: white;
      padding: 11px 24px; }
      .widget.widget-newsletter input {
        width: 74%;
        margin-right: 4%;
        float: left; }
.widget.widget-news {
  position: relative;
  font-size: 18px;
  clear: both; }
  .widget.widget-news img {
    min-width: 100%; }
    .widget.widget-news .column {
      cursor: pointer; }
      .widget.widget-news .winner {
        background-color: #f2f2f2;
        padding: 40px 0;
        margin-bottom: 40px;
        margin-top: 20px; }
        .widget.widget-news .winner h5 {
          padding-top: 24px; }
          .widget.widget-news .winner img {
            min-width: auto;
            float: left;
            margin-right: 8px;
            width: 80px; }
  .widget.widget-news h4 {
    padding-top: 8px; }
    .widget.widget-news h4 a {
      color: #333;
      font-size: 22px; }
  .widget.widget-news .mvie {
    margin-top: -58%;
    position: relative; }
    .widget.widget-news.news-list h2 {
      font-size: 18px;
      width: 100%; }
  .widget.widget-news .news-item {
    margin-bottom: 20px; }
    .widget.widget-news .news-item .news-txt {
      color: #0d0d0d;
      font-size: 12px; }
      .widget.widget-news .news-item .news-txt .title {
        margin-top: 6px;
        font-family: 'Merriweather', serif;
        font-size: 14px; }
    .widget.widget-news .news-item .mvie {
      margin-top: -58%;
      position: relative; }

.flex-container a:active, .flexslider a:active, .flex-container a:focus,
.flexslider a:focus {
  outline: none; }

  .slides, .flex-control-nav, .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none; }

    @font-face {
      font-family: 'flexslider-icon';
      src: url('fonts/flexslider-icon.eot');
      src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
            url('fonts/flexslider-icon.woff') format('woff'),
            url('fonts/flexslider-icon.ttf') format('truetype'),
            url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
      font-weight: normal;
      font-style: normal; }

      .flexslider {
        margin: 0;
        padding: 0; }

        .flexslider .slides > li {
          display: none;
          -webkit-backface-visibility: hidden; }

          .flexslider .slides img {
            width: 100%;
            display: block; }

            .flex-pauseplay span {
              text-transform: capitalize; }

              .slides:after {
                content: ".";
                display: block;
                clear: both;
                visibility: hidden;
                line-height: 0;
                height: 0; }

                html[xmlns] .slides {
                  display: block; }

                  * html .slides {
                    height: 1%; }

                    .no-js .slides > li:first-child {
                      display: block; }

                      .flexslider {
                        margin: 30px 0;
                        background: #fff;
                        position: relative;
                        zoom: 1; }

                        .flex-viewport {
                          max-height: 2000px;
                          -webkit-transition: all 1s ease;
                          -moz-transition: all 1s ease;
                          -o-transition: all 1s ease;
                          transition: all 1s ease; }

                          .loading .flex-viewport {
                            max-height: 300px; }

                            .flexslider .slides {
                              zoom: 1; }

                              .carousel li {
                                margin-right: 5px; }

                                .flex-direction-nav {
                                  *height: 0; }

                                  .flex-direction-nav a {
                                    color: white;
                                    text-decoration: none;
                                    display: block;
                                    width: 70px;
                                    height: 70px;
                                    margin: -20px 0 0;
                                    position: absolute;
                                    top: 50%;
                                    z-index: 10;
                                    overflow: hidden;
                                    opacity: 1;
                                    cursor: pointer;
                                    color: rgba(0, 0, 0, 0.8);
                                    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
                                    -webkit-transition: all 0.3s ease;
                                    -moz-transition: all 0.3s ease;
                                    transition: all 0.3s ease;
                                    color: white; }

                                    .flex-direction-nav .flex-prev {
                                      left: -45px;
                                      z-index: 201;
                                      text-align: left;
                                      background-color: white;
                                      width: 70px;
                                      height: 70px;
                                      border-radius: 70px; }

                                      .flex-direction-nav .flex-next {
                                        right: -45px;
                                        text-align: right;
                                        z-index: 201;
                                        background-color: white;
                                        width: 70px;
                                        height: 70px;
                                        border-radius: 70px; }

                                        .flexslider .slides > li {
                                          z-index: 1;
                                          -webkit-backface-visibility: hidden;
                                          -webkit-transition: all 0.4s ease-in-out;
                                          -moz-transition: all 0.4s ease-in-out;
                                          -ms-transition: all 0.4s ease-in-out;
                                          -o-transition: all 0.4s ease-in-out;
                                          transition: all 0.4s ease-in-out;
                                          -webkit-filter: grayscale(100);
                                          -moz-filter: grayscale(100);
                                          -ms-filter: grayscale(100);
                                          -o-filter: grayscale(100);
                                          filter: grayscale(100);
                                          filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
                                          filter: gray;
                                          opacity: 0.6;
                                          filter: alpha(opacity=60); }

                                          .container {
                                            margin-bottom: 20px; }

                                            .flexslider .slides > li.flex-active-slide {
                                              filter: grayscale(0);
                                              -webkit-filter: grayscale(0);
                                              filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
                                              opacity: 1;
                                              filter: alpha(opacity=100); }

                                              .flex-direction-nav a.flex-prev:after {
                                                background: url("/resources/layout/arrows.png") no-repeat scroll 0 4px white;
                                                content: "";
                                                height: 29px;
                                                left: 25px;
                                                position: absolute;
                                                top: 21px;
                                                width: 13px; }

                                                .flex-direction-nav a.flex-next:after {
                                                  background: url("/resources/layout/arrows.png") no-repeat scroll -13px 3px white;
                                                  content: "";
                                                  height: 29px;
                                                  left: 29px;
                                                  position: absolute;
                                                  top: 21px;
                                                  width: 14px; }

                                                  .flex-pauseplay a {
                                                    display: block;
                                                    width: 20px;
                                                    height: 20px;
                                                    position: absolute;
                                                    bottom: 5px;
                                                    left: 10px;
                                                    opacity: 0.8;
                                                    z-index: 10;
                                                    overflow: hidden;
                                                    cursor: pointer;
                                                    color: #000; }

                                                    .flex-pauseplay a:before {
                                                      font-family: "flexslider-icon";
                                                      font-size: 20px;
                                                      display: inline-block;
                                                      content: ''; }

                                                      .flex-pauseplay a:hover {
                                                        opacity: 1; }

                                                        .flex-pauseplay a.flex-play:before {
                                                          content: ''; }

                                                          .flex-control-nav {
                                                            width: 100%;
                                                            position: absolute;
                                                            bottom: -40px;
                                                            text-align: center; }

                                                            .flex-control-nav li {
                                                              margin: 0 6px;
                                                              display: inline-block;
                                                              zoom: 1;
                                                              *display: inline; }

                                                              .flex-control-paging li a {
                                                                width: 11px;
                                                                height: 11px;
                                                                display: block;
                                                                background: #666;
                                                                background: rgba(0, 0, 0, 0.5);
                                                                cursor: pointer;
                                                                text-indent: -9999px;
                                                                -webkit-border-radius: 20px;
                                                                -moz-border-radius: 20px;
                                                                -o-border-radius: 20px;
                                                                border-radius: 20px;
                                                                -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
                                                                -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
                                                                -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
                                                                box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); }

                                                                .flex-control-paging li a:hover {
                                                                  background: #333;
                                                                  background: rgba(0, 0, 0, 0.7); }

                                                                  .flex-control-paging li a.flex-active {
                                                                    background: #000;
                                                                    background: rgba(0, 0, 0, 0.9);
                                                                    cursor: default; }

                                                                    .flex-control-thumbs {
                                                                      margin: 5px 0 0;
                                                                      position: static;
                                                                      overflow: hidden; }

                                                                      .flex-control-thumbs li {
                                                                        width: 25%;
                                                                        float: left;
                                                                        margin: 0; }

                                                                        .flex-control-thumbs img {
                                                                          width: 100%;
                                                                          display: block;
                                                                          opacity: 0.7;
                                                                          cursor: pointer; }

                                                                          .flex-control-thumbs img:hover {
                                                                            opacity: 1; }

                                                                            .flex-control-thumbs .flex-active {
                                                                              opacity: 1;
                                                                              cursor: default; }

                                                                              @media screen and (max-width: 860px) {
                                                                                .flex-direction-nav .flex-prev {
                                                                                  opacity: 1;
                                                                                  left: 10px;   }
                                                                                  .flex-direction-nav .flex-next {
                                                                                    opacity: 1;
                                                                                    right: 10px;   }
}

.container {
  overflow: hidden;
  width: 100%; }

  .flexslider {
    max-width: 980px;
    margin: 0 auto; }

    .flex-viewport {
      overflow: visible !important; }

      .flex-viewport {
        overflow: visible !important; }

        .flexslider .slides figure {
          margin: 0;
          position: relative; }
          .flexslider .slides figure figcaption {
            position: absolute;
            text-align: center;
            height: 100px;
            background-color: rgba(0, 0, 0, 0.6);
            bottom: 0;
            width: 100%;
            z-index: 101;
            ;
line-height: 1.6vw;
            padding-top: 30px;
            color: White;
            font-weight: 400; }
            .flexslider .slides figure figcaption h1 {
              font-size: 32px;
              font-family: 'Merriweather', serif; }

.top-slider {
  height: 520px;
  position: relative; }
  .top-slider .initially-hidden {
    display: none; }
    .top-slider figure {
      height: 564px;
      width: 100%;
      position: absolute;
      z-index: 5; }
      .top-slider figure .slidecontent {
        max-width: 100%;
        max-height: 100%; }
        .top-slider figure img {
          max-width: 100%; }
          .top-slider figure figcaption {
            text-align: center;
            width: 100%;
            top: -73%;
            z-index: 100;
            position: relative;
            font-size: 1.9vw;
            color: White;
            font-weight: 400;
            line-height: 150%;
            text-transform: uppercase; }
            .top-slider figure figcaption h1 {
              font-size: 3vw;
              color: white;
              margin-bottom: 0px;
              padding-top: 1vw;
              line-height: 1.5vw;
              font-weight: 500; }
              .top-slider figure figcaption h1:after {
                border-bottom: 1px solid white;
                content: "";
                display: inline-block;
                width: 80%; }
            .top-slider figure figcaption p {
              margin-top: 20px; }
              .top-slider figure figcaption em {
                font-style: italic; }
  .top-slider nav {
    z-index: 10;
    position: absolute;
    top: 0;
    width: 100%; }
    .top-slider nav .arrows {
      position: absolute;
      width: 100%;
      bottom: 0;
      text-align: center;
      float: left; }
      .top-slider nav .arrows .icon-left-open-mini {
        top: 25px;
        left: 25px;
        background-color: blue;
        width: 13px;
        height: 40px;
        position: absolute;
        background: url('/resources/layout/arrows.png') no-repeat; }
        .top-slider nav .arrows .icon-right-open-mini {
          top: 25px;
          left: 28px;
          background-color: blue;
          width: 13px;
          height: 40px;
          position: absolute;
          background: url('/resources/layout/arrows.png') no-repeat;
          background-position: -13px 0; }
          .top-slider nav .arrows .prev, .top-slider nav .arrows .next {
            top: 230px;
            position: absolute;
            width: 70px;
            height: 70px;
            border-radius: 70px;
            background-color: #fff; }
            .top-slider nav .arrows .prev {
              left: -44px; }
              .top-slider nav .arrows .next {
                right: 13px; }
    .top-slider nav .dotts {
      background-color: none;
      position: absolute;
      right: 60px;
      height: 100px;
      width: 100px;
      top: 0; }
  .top-slider.narrow .slidecontent {
    width: 98%; }
    .top-slider.narrow nav .arrows {
      position: absolute;
      width: 80%;
      margin-left: 10%; }
      .top-slider.narrow nav .arrows .prev, .top-slider.narrow nav .arrows .next {
        top: -120px; }

#topslider > ul > li figure .slidecontent,
#topslider > ul > li.gray figure .slidecontent {
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-filter: grayscale(100);
  -moz-filter: grayscale(100);
  -ms-filter: grayscale(100);
  -o-filter: grayscale(100);
  filter: grayscale(100);
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: gray;
  opacity: 0.6;
  filter: alpha(opacity=60); }

  #topslider .nav-block-l, #topslider .nav-block-r {
    position: absolute;
    bottom: 0;
    display: block;
    height: 68px;
    width: 10000px;
    background: #eeedeb;
    margin-top: -1px; }

    #topslider .nav-block-l {
      left: -10000px; }

      #topslider .nav-block-r {
        right: -10000px; }

        #topslider > ul > li.animationslide > figure {
          overflow: hidden; }

          .slider {
            border: 0;
            background-color: transparent; }
            .slider .flex-direction-nav .flex-next {
              top: 0;
              margin-top: -120px;
              right: 50px; }
              .slider .flex-direction-nav .flex-prev {
                top: 0;
                margin-top: -120px;
                left: 50px; }

@media only screen and (max-width: 64em) {
  .widget.widget-news .winner img {
    clear: both;
    float: inherit;
    width: 100%;
    padding: 0 30%;
    margin-bottom: 10px;   }
}

@media only screen and (max-width: 50em) {
  .flexslider .slides figure figcaption {
    height: 60px;
    padding-top: 10px;   }
    .flexslider .slides figure figcaption h1 {
      font-size: 14px;   }
  .widget.widget-news h4 a {
    font-size: 14px;   }
    h1 {
      font-size: 24px;   }
      .page.article .teaser {
        font-size: 18px;   }
}

@media only screen and (max-width: 40em) {
  .widget.widget-products button {
    border: 0;
    padding: 3px;   }
    .widget.widget-products {
      padding: 15px 0;   }
      .widget.widget-products img {
        max-width: 80%;   }
  .head .submenu {
    padding: 0;   }
    .head .submenu .headlines {
      padding: 0;   }
      .page.article-menu .contentmenu-repsonsive .listing .infog .hits .txt {
        font-size: 18px;   }
        .page.article-menu .contentmenu-repsonsive .listing .infog h3 {
          font-size: 12px;   }
          .widget .line h2 {
            padding: 30px 0;   }
            .flex-direction-nav {
              display: none;   }
              .widget.widget-slider .item {
                width: 100%;
                font-size: 12px;   }
                .head .sub-logo img {
                  margin-top: 20px;   }
                  .widget.widget-news h4 a {
                    font-size: 18px;   }
                    .widget.widget-news {
                      font-size: 14px;   }
                      .widget .line h2 {
                        font-size: 20px;   }
                        .widget.widget-newsletter input {
                          width: 100%;
                          margin-right: 0;   }
                          .widget.widget-news .winner img {
                            clear: both;
                            float: inherit;
                            width: 100%;
                            padding: 0 40%;
                            margin-bottom: 10px;   }
                            .widget.widget-news .winner h5 {
                              margin-bottom: 20px;   }
}