@charset "UTF-8";
@font-face {
  font-family: 'dinot-black';
  src: url("fonts/DINOT-Black.eot");
  src: url("fonts/DINOT-Black.eot?#iefix") format("embedded-opentype"), url("fonts/DINOT-Black.woff") format("woff"), url("fonts/DINOT-Black.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'dinot-bold';
  src: url("fonts/DINOT-Bold.eot");
  src: url("fonts/DINOT-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/DINOT-Bold.woff") format("woff"), url("fonts/DINOT-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

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

@font-face {
  font-family: 'dinot-regular';
  src: url("fonts/DINOT-Regular.eot");
  src: url("fonts/DINOT-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/DINOT-Regular.woff") format("woff"), url("fonts/DINOT-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'dinot-light';
  src: url("fonts/DINOT-Light.eot");
  src: url("fonts/DINOT-Light.eot?#iefix") format("embedded-opentype"), url("fonts/DINOT-Light.woff") format("woff"), url("fonts/DINOT-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
	font-family: 'publico';
	src: url("fonts/publicotext-roman-webfont.eot");
	src: url("fonts/publicotext-roman-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/publicotext-roman-webfont.woff") format("woff"), url("fonts/publicotext-roman-webfont.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'publico-bold';
	src: url("fonts/publicotext-bold-webfont.eot");
	src: url("fonts/publicotext-bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/publicotext-bold-webfont.woff") format("woff"), url("fonts/publicotext-bold-webfont.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  padding-left: 10px;
  padding-right: 10px; }

.container-fluid {
  padding-left: 10px;
  padding-right: 10px; }

.row {
  margin-left: -10px;
  margin-right: -10px; }

a {
  color: #527138; }

a:active,
a:hover {
  color: #3c5329; }

.topnav {
  background: #333;
  display: none; }
  @media (min-width: 768px) {
    .topnav {
      display: block; } }
  .topnav .topnav__inner {
    max-width: 1320px;
    margin: 0 auto;
    position: relative;
    height: 50px; }
    .topnav .topnav__inner:before, .topnav .topnav__inner:after {
      content: " ";
      display: table; }
    .topnav .topnav__inner:after {
      clear: both; }
  .topnav .topnav__links {
    float: left;
    margin: 0;
    padding: 0; }
    .topnav .topnav__links li {
      float: left;
      font-size: 12px;
      list-style: none;
      text-transform: uppercase; }
      .topnav .topnav__links li a {
        color: #fff;
        display: inline-block;
        line-height: 50px;
        text-decoration: none;
        padding: 0 12px; }
        .topnav .topnav__links li a:hover {
          background: #222; }
      @media (max-width: 1023px) {
        .topnav .topnav__links li {
          font-size: 11px; }
          .topnav .topnav__links li a {
            padding: 0 8px; } }
  .topnav .topnav__tabs {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0; }
    @media (max-width: 1320px) {
      .topnav .topnav__tabs {
        margin-right: 10px; } }
    @media (max-width: 1023px) {
      .topnav .topnav__tabs {
        margin-right: 0px; } }
    .topnav .topnav__tabs li {
      float: left;
      font-size: 12px;
      list-style: none; }
      .topnav .topnav__tabs li a {
        font-size: 12px;
        display: block;
        background: #fff;
        color: #000;
        margin-left: 10px;
        height: 42px;
        line-height: 42px;
        padding: 0 20px;
        font-weight: bold;
        text-decoration: none;
        -webkit-border-radius: 2px 2px 0 0;
        border-radius: 2px 2px 0 0; }
    .topnav .topnav__tabs li.jakt a {
      background: #74888b;
      color: #fff;
      background: #74888b;
      background: -moz-linear-gradient(top, #74888b 90%, #67787b 100%);
      background: -webkit-linear-gradient(top, #74888b 90%, #67787b 100%);
      background: linear-gradient(to bottom, #74888b 90%, #67787b 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74888b', endColorstr='#67787b',GradientType=0 ); }
      .topnav .topnav__tabs li.jakt a:hover {
        background: #829496;
        background: -moz-linear-gradient(top, #829496 90%, #67787b 100%);
        background: -webkit-linear-gradient(top, #829496 90%, #67787b 100%);
        background: linear-gradient(to bottom, #829496 90%, #67787b 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#829496', endColorstr='#67787b',GradientType=0 ); }
    .topnav .topnav__tabs li.medlem a {
      background: #ed7d20;
      color: #fff;
      background: #ed7d20;
      background: -moz-linear-gradient(top, #ed7d20 90%, #e17012 100%);
      background: -webkit-linear-gradient(top, #ed7d20 90%, #e17012 100%);
      background: linear-gradient(to bottom, #ed7d20 90%, #e17012 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed7d20', endColorstr='darken(#ed7d20,5%)',GradientType=0 ); }
      .topnav .topnav__tabs li.medlem a:hover {
        background: #ef8b38;
        background: -moz-linear-gradient(top, #ef8b38 90%, #e17012 100%);
        background: -webkit-linear-gradient(top, #ef8b38 90%, #e17012 100%);
        background: linear-gradient(to bottom, #ef8b38 90%, #e17012 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='lighten(#ed7d20,5%)', endColorstr='darken(#ed7d20,5%)',GradientType=0 ); }
    @media (max-width: 1023px) {
      .topnav .topnav__tabs li a {
        padding: 0 12px; } }

.header__contentwrap {
  max-width: 1340px;
  margin: 0 auto;
  padding: 10px 10px;
  background: rgba(255, 255, 255, 0.95);
  height: 60px;
  position: fixed;
  top: 0;
  transition: top 0.2s ease-in-out;
  width: 100%;
  z-index: 999; }
  .header__contentwrap:before, .header__contentwrap:after {
    content: " ";
    display: table; }
  .header__contentwrap:after {
    clear: both; }
  @media (min-width: 768px) {
    .header__contentwrap {
      position: relative;
      background: none;
      padding: 20px 10px;
      height: auto; } }

.fixed__header .topnav .topnav__inner {
  max-width: 1000px; }

.fixed__header .mainnav,
.fixed__header .header__contentwrap {
  max-width: 1020px; }

.fixed__footer {
  max-width: 1020px !important; }

.nav-up {
  top: -80px; }
  @media (min-width: 768px) {
    .nav-up {
      top: 0; } }

.header__logo {
  float: left;
  margin: 0;
  width: 200px;
  position: relative; }
  .header__logo a {
    display: block; }
    .header__logo a img {
      vertical-align: bottom;
      max-width: 100%; }
  .header__logo .logo__tagline {
    display: inline-block;
    position: absolute;
    bottom: -4px;
    left: 42px;
    font-size: 11px;
    color: rgba(0, 0, 0, 0.75);
    width: 200px; }
  @media (min-width: 768px) {
    .header__logo {
      width: 320px; }
      .header__logo .logo__tagline {
        font-size: 12px;
        bottom: 0;
        left: 68px; } }

.header__search {
  float: right;
  margin-top: 15px;
  display: none; }
  @media (min-width: 768px) {
    .header__search {
      display: block; } }
  .header__search input {
    background: #f5f5f5;
    -webkit-box-shadow: inset 2px 2px 2px 0 #ccc;
    box-shadow: inset 2px 2px 2px 0 #ccc;
    border: 0;
    outline: 0;
    padding: 11px 10px 10px;
    width: 220px; }

.mobilenav-trigger {
  position: absolute;
  top: 15px;
  right: 10px;
  font-size: 14px;
  font-weight: bold;
  background: #527138;
  color: #fff;
  line-height: 32px;
  padding: 0 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }
  .mobilenav-trigger i {
    margin-right: 4px; }
  @media (min-width: 768px) {
    .mobilenav-trigger {
      display: none; } }
  .mobilenav-trigger:hover, .mobilenav-trigger:focus, .mobilenav-trigger:active {
    background: #ed7d20;
    color: #fff;
    text-decoration: none; }

.mainnav {
  margin: 0 auto 10px;
  max-width: 1340px;
  display: none; }
  @media (min-width: 768px) {
    .mainnav {
      display: block; } }
  .mainnav > ul {
    background: #527138;
    margin: 0 10px;
    padding: 0 10px;
    list-style: none;
    position: relative; }
    .mainnav > ul:before, .mainnav > ul:after {
      content: " ";
      display: table; }
    .mainnav > ul:after {
      clear: both; }
    .mainnav > ul > li {
      float: left;
      display: block;
      position: relative;
      font-family: dinot-bold; }
      .mainnav > ul > li > a {
        display: block;
        padding: 0 20px;
        font-size: 18px;
        color: #fff;
        line-height: 50px;
        text-decoration: none;
        font-weight: normal; }
        @media (max-width: 1023px) {
          .mainnav > ul > li > a {
            padding: 0 15px;
            font-size: 16px; } }
        .mainnav > ul > li > a:hover {
          background: #3c5329; }
      .mainnav > ul > li:hover a {
        background: #3c5329; }
      .mainnav > ul > li:hover .dropdown-menu {
        display: flex;
        border-radius: 0;
        border: 0; }
      .mainnav > ul > li.active > a {
        background: rgba(60, 83, 41, 0.5); }
      .mainnav > ul > li.active:hover a {
        background: #3c5329; }
      .mainnav > ul > li.active:hover .dropdown-menu {
        display: flex;
        border-radius: 0;
        border: 0; }
      .mainnav > ul > li.dropdown .dropdown-menu {
        position: absolute;
        width: 280px;
        background: #3c5329;
        margin: 0;
        padding: 20px 10px 5px; }
        .mainnav > ul > li.dropdown .dropdown-menu .dropdown-link {
          position: absolute;
          top: 0px;
          bottom: 20px;
          right: 10px;
          left: 10px;
          background: #ed7d20; }
          .mainnav > ul > li.dropdown .dropdown-menu .dropdown-link .dropdown-link-title {
            background: -moz-linear-gradient(top, transparent 5%, rgba(0, 0, 0, 0.75) 100%);
            background: -webkit-linear-gradient(top, transparent 5%, rgba(0, 0, 0, 0.75) 100%);
            background: linear-gradient(to bottom, transparent 5%, rgba(0, 0, 0, 0.75) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
            color: #fff;
            font-size: 16px;
            font-family: dinot-bold;
            display: block;
            padding: 15px;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0; }
        .mainnav > ul > li.dropdown .dropdown-menu > li.col-md-4 {
          flex: 1; }
        .mainnav > ul > li.dropdown .dropdown-menu ul {
          margin: 0 0 20px;
          padding: 0;
          list-style: none;
          width: 100%; }
          .mainnav > ul > li.dropdown .dropdown-menu ul li {
            margin: 0;
            padding: 0;
            border-bottom: 1px solid rgba(82, 113, 56, 0.5); }
            .mainnav > ul > li.dropdown .dropdown-menu ul li:last-child {
              border-bottom: 0; }
            .mainnav > ul > li.dropdown .dropdown-menu ul li a {
              color: #fff;
              font-size: 14px;
              font-family: dinot-medium;
              display: block;
              padding: 8px 0 10px; }
          .mainnav > ul > li.dropdown .dropdown-menu ul .dropdown-header {
            padding: 0;
            color: rgba(255, 255, 255, 0.75);
            font-size: 12px;
            margin: 0;
            font-family: dinot-regular;
            padding-bottom: 10px; }
      .mainnav > ul > li.dropdown--twocol .dropdown-menu {
        width: 480px; }
      .mainnav > ul > li.dropdown--threecol .dropdown-menu {
        width: 720px; }

.footer-borders {
  padding: 20px 0;
  margin: 0 0 40px;
  border-top: 1px solid #222;
  border-bottom: 1px solid #222; }

.sitesnav p {
  font-size: 14px;
  color: #fff;
  font-weight: bold; }

.socialnav ul {
  list-style: none;
  margin: 20px 0 0;
  padding: 0; }
  @media (min-width: 768px) {
    .socialnav ul {
      float: right;
      margin: 0; } }
  .socialnav ul li {
    float: left;
    margin: 0 10px 0 0; }
    @media (min-width: 768px) {
      .socialnav ul li {
        margin: 0 0 0 10px; } }
    .socialnav ul li a {
      display: block;
      width: 50px;
      height: 50px;
      background: #ed7d20;
      color: #fff;
      line-height: 50px;
      text-align: center;
      font-size: 24px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px; }
      .socialnav ul li a:hover {
        background: #ef8b38; }

.footernav {
  margin-top: 20px;
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    .footernav {
      margin-top: 30px;
      margin-bottom: 30px; } }
  @media (min-width: 992px) {
    .footernav {
      margin-top: 40px;
      margin-bottom: 40px; } }
  .footernav h3 {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin: 0 0 12px;
    padding: 0; }
  .footernav ul {
    list-style: none;
    padding: 0;
    margin: 0; }
    .footernav ul li {
      margin: 4px 0;
      padding: 0; }
      .footernav ul li a {
        font-size: 12px;
        color: #fff; }

.footerlogo {
  margin-bottom: 20px;
  width: 160px; }
  @media (min-width: 768px) {
    .footerlogo {
      width: 280px; } }

.footertext {
  font-size: 12px;
  margin: 10px 0 0;
  padding-bottom: 40px;
  color: #fff; }
  @media (min-width: 768px) {
    .footertext {
      font-size: 14px; } }
  .footertext .text {
    display: block;
    margin: 4px 0; }
    @media (min-width: 768px) {
      .footertext .text {
        display: inline;
        margin: 0; } }
  .footertext .divider {
    display: none;
    color: #848484; }
    @media (min-width: 768px) {
      .footertext .divider {
        display: inline-block;
        padding: 0 5px; } }

.adminlink {
  display: inline-block;
  padding: 6px 12px;
  font-size: 10px;
  font-weight: bold;
  border: 2px solid #333;
  color: #fff;
  margin-bottom: 20px;
  float: right;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }
  .adminlink:hover {
    background: #fff;
    border-color: #fff;
    color: #ed7d20;
    text-decoration: none; }

.sitecontainer {
  margin: 0 auto;
  padding: 0 10px; }

.page,
.footer {
  margin: 0 auto;
  max-width: 1340px; }

.gradient-bg {
  background: #000000;
  background: -moz-linear-gradient(top, #ffffff 20%, #111111 100%);
  background: -webkit-linear-gradient(top, #ffffff 20%, #111111 100%);
  background: linear-gradient(to bottom, #ffffff 20%, #111111 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#111111',GradientType=0 ); }

.gradient-bg--alt {
  background: #000000;
  background: -moz-linear-gradient(top, #f1f1f1 20%, #111111 100%);
  background: -webkit-linear-gradient(top, #f1f1f1 20%, #111111 100%);
  background: linear-gradient(to bottom, #f1f1f1 20%, #111111 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#111111',GradientType=0 ); }

.mb20 {
  margin-bottom: 20px; }

.content__fluid {
  width: auto !important;
  max-width: 1320px; }
  .content__fluid #largeCol,
  .content__fluid #fullCol,
  .content__fluid .content__fluid {
    width: auto;
    max-width: 1320px; }

.content__fluid #largeCol {
  width: 100%;
  max-width: 1320px; }

#leftMenu {
  background: #fff;
  padding: 10px; }
  #leftMenu .content {
    padding: 0; }

#mainCol .content {
  padding: 10px; }

#mainCol #leftMenu {
  width: 100%;
  padding: 0; }

#mainCol #leftMenu .content {
  padding: 0; }

@media (min-width: 768px) {
  #largeCol .leftCol,
  #largeCol .rightCol {
    width: 48%;
    margin-left: 2%; }
    #largeCol .leftCol .newsImage img,
    #largeCol .rightCol .newsImage img {
      width: 100%; }
  #largeCol .leftCol {
    margin-left: 0; }
  #largeCol .leftColLarge {
    width: 73%;
    margin: 0; }
  #largeCol .rightColSmall {
    width: 25%; }
  #leftMenu {
    width: 20%;
    padding: 15px;
    float: left; }
  #mainCol {
    width: 78.5%;
    margin: 0 0 0 1.5%;
    float: left; }
    #mainCol .content {
      padding: 0 20px; } }

@media (max-width: 1320px) {
  #fullCol {
    padding: 0 10px; } }

@media (max-width: 767px) {
  #fullCol {
    padding: 0; }
  #mainCol .content,
  #largeCol .content {
    padding: 15px; } }

@media (max-width: 1023px) {
  #mainCol {
    width: 100%;
    margin: 0; }
  #mainCol .content,
  #largeCol .content {
    padding: 15px; }
  .topnav .topnav__tabs {
    right: 10px; } }

#mcontainer {
  max-width: 1380px; }

.griditem {
  width: 100%;
  height: 260px;
  float: left;
  padding: 10px; }

.griditem.h-sm {
  height: 210px; }

.griditem.h-md {
  height: 280px; }

.griditem.h-lg {
  height: 420px; }
  .griditem.h-lg .slide a {
    height: 400px; }

.griditem.h-xl {
  height: 340px; }
  .griditem.h-xl .slide a {
    height: 320px; }

.griditem.h-xxl {
  height: 340px; }
  .griditem.h-xxl .slide a {
    height: 320px; }

.griditem.h-auto {
  height: auto;
  padding-top: 56.25%; }

.griditem.w-third,
.griditem.w-full {
  width: 100%; }

@media (min-width: 768px) {
  .griditem {
    width: 50%;
    height: 290px; }
  .griditem.w-third {
    width: 33.3%; }
  .griditem.w-sm {
    width: 50%; }
  .griditem.w-md,
  .griditem.w-lg {
    width: 100%; }
  .griditem.h-md {
    height: 290px; }
  .griditem.h-lg {
    height: 420px; }
    .griditem.h-lg .slide a {
      height: 400px; }
  .griditem.h-xl {
    height: 480px; }
    .griditem.h-xl .slide a {
      height: 460px; }
  .griditem.h-xxl {
    height: 580px; }
    .griditem.h-xxl .slide a {
      height: 560px; } }

.griditem-intro {
  width: 100%;
  height: auto;
  padding: 10px 0;
  position: relative; }
  .griditem-intro div {
    box-sizing: border-box; }
  .griditem-intro .intro-mainarea {
    width: calc(100% - 20px);
    float: left;
    margin-left: 10px;
    margin-bottom: 20px; }
    .griditem-intro .intro-mainarea .main-content {
      height: auto;
      position: relative; }
      .griditem-intro .intro-mainarea .main-content > .griditem {
        height: auto;
        width: auto; }
      .griditem-intro .intro-mainarea .main-content .carousel .carousel-inner {
        height: 100%; }
      .griditem-intro .intro-mainarea .main-content .carousel .item {
        height: 100%; }
        .griditem-intro .intro-mainarea .main-content .carousel .item .slide {
          height: 100%; }
          .griditem-intro .intro-mainarea .main-content .carousel .item .slide a {
            display: block;
            height: 100%; }
      .griditem-intro .intro-mainarea .main-content .carousel .carousel-inner > .item {
        width: 100%;
        height: 100%; }
  .griditem-intro .intro-aside {
    width: 100%;
    padding: 0 10px;
    float: left; }
    .griditem-intro .intro-aside .aside-content {
      width: 100%;
      padding-top: 100%; }
      .griditem-intro .intro-aside .aside-content:first-child {
        margin-bottom: 20px; }
      .griditem-intro .intro-aside .aside-content:last-child {
        margin-left: 0;
        margin-right: 0; }

@media (min-width: 768px) {
  .griditem-intro .intro-mainarea .main-content {
    padding-top: 56.25%; }
  .griditem-intro .intro-mainarea .main-content .carousel {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .griditem-intro .intro-aside .aside-content {
    height: auto;
    width: 50%;
    margin-bottom: 0;
    padding-top: calc(50% - 10px); }
    .griditem-intro .intro-aside .aside-content:first-child {
      margin-bottom: 0; } }

@media (min-width: 992px) {
  .griditem.w-sm {
    width: 25%; }
  .griditem.w-md {
    width: 50%; }
  .griditem.w-lg {
    width: 75%; } }

@media (min-width: 1024px) {
  .griditem-intro .intro-mainarea {
    width: calc(75% - 20px);
    float: left;
    margin-bottom: 0; }
  .griditem-intro .intro-aside {
    width: calc(25% - 10px);
    float: left;
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    padding-left: 10px;
    padding-right: 0; }
    .griditem-intro .intro-aside .aside-content {
      width: 100%;
      height: calc(50% - 10px);
      padding-top: 0; }
      .griditem-intro .intro-aside .aside-content:first-child {
        margin-bottom: 20px; } }

@media (max-width: 1023px) {
  .griditem-intro .intro-aside .aside-content {
    width: calc(50% - 10px);
    float: left;
    margin-right: 10px;
    position: relative; }
    .griditem-intro .intro-aside .aside-content .contentblock {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    .griditem-intro .intro-aside .aside-content:last-child {
      margin-left: 10px;
      margin-right: 0; } }

@media (max-width: 767px) {
  .griditem.griditem-auto {
    height: auto !important; }
    .griditem.griditem-auto .tabblock .tab-content {
      height: auto; }
    .griditem.griditem-auto .tab-content-inner img {
      max-width: 40%; }
  .griditem.h-xxl .slide a,
  .griditem.h-xl .slide a {
    height: 100%; }
  .griditem.h-xxl .slide a .slide__image,
  .griditem.h-xl .slide a .slide__image {
    padding-top: 56.25%; }
  .griditem-intro .intro-aside .aside-content {
    width: 100%; }
    .griditem-intro .intro-aside .aside-content:last-child {
      margin-left: 0;
      margin-right: 0; } }

.css-select {
  background: #fff;
  height: 29px;
  overflow: hidden;
  width: 240px;
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px; }
  .css-select:after {
    font-family: FontAwesome;
    content: "\f0d7";
    display: block;
    width: 29px;
    height: 29px;
    line-height: 29px;
    text-align: center;
    background: #527138;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 12; }
  .css-select:hover:after {
    background: #ed7d20; }

.css-select select {
  background: transparent;
  border: none;
  font-size: 14px;
  height: 29px;
  padding: 6px;
  width: 268px;
  position: relative;
  z-index: 13; }

.sidr {
  padding: 10px 20px;
  background: #3c5329;
  width: 300px; }

.sidr.right {
  right: -300px; }

.sidr__overlay {
  position: absolute;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 999998;
  display: none; }

.sidr-open .sidr__overlay {
  display: block; }

.sidr-inner ul {
  list-style: none;
  margin: 0 0 20px;
  padding: 0; }
  .sidr-inner ul li {
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: 1px solid #486431; }
    .sidr-inner ul li:last-child {
      border-bottom: 0; }
    .sidr-inner ul li a {
      color: #fff;
      font-size: 16px; }

.sidr-inner ul.sidr-class-topnav__links li a {
  font-size: 14px; }

.sidr-inner li.sidr-class-jakt,
.sidr-inner li.sidr-class-medlem {
  display: block;
  border: 0;
  padding: 0; }
  .sidr-inner li.sidr-class-jakt a,
  .sidr-inner li.sidr-class-medlem a {
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    padding: 8px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px; }
    .sidr-inner li.sidr-class-jakt a:hover,
    .sidr-inner li.sidr-class-medlem a:hover {
      text-decoration: none; }

.sidr-inner li.sidr-class-jakt a {
  background: #74888b;
  color: #fff; }
  .sidr-inner li.sidr-class-jakt a:hover {
    background: #829496; }

.sidr-inner li.sidr-class-medlem a {
  background: #ed7d20;
  color: #fff;
  background: #ed7d20; }
  .sidr-inner li.sidr-class-medlem a:hover {
    background: #ef8b38; }

#sidr-mobilenav .sidr-class-searchinput {
  width: 100%;
  margin: 0 0 20px;
  background: #f5f5f5;
  -webkit-box-shadow: inset 2px 2px 2px 0 #ccc;
  box-shadow: inset 2px 2px 2px 0 #ccc;
  border: 0;
  outline: 0;
  padding: 11px 10px 10px; }

.sidr-open .nav-up {
  top: 0; }
  @media (min-width: 768px) {
    .sidr-open .nav-up {
      top: 0; } }

.sidr-class-dropdown {
  position: relative; }

.sidr-class-dropdown .sidr-class-dropdown-toggle-trigger {
  display: block;
  color: #fff;
  width: 24px;
  height: 24px;
  line-height: 24px;
  background: rgba(255, 255, 255, 0.25);
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  text-decoration: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }
  .sidr-class-dropdown .sidr-class-dropdown-toggle-trigger:before {
    font-size: 14px;
    font-family: FontAwesome;
    content: "\f0d7"; }
  .sidr-class-dropdown .sidr-class-dropdown-toggle-trigger:hover {
    background: #ed7d20;
    color: #fff; }
  .sidr-class-dropdown .sidr-class-dropdown-toggle-trigger.active {
    background: white;
    color: #ed7d20; }
    .sidr-class-dropdown .sidr-class-dropdown-toggle-trigger.active:before {
      content: "\f0d8"; }

ul.sidr-class-dropdown-menu {
  margin: 16px 4px 8px; }
  ul.sidr-class-dropdown-menu .sidr-class-dropdown-header {
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px; }
  ul.sidr-class-dropdown-menu li {
    margin: 0 0 6px;
    padding: 0 0 6px; }
    ul.sidr-class-dropdown-menu li a {
      font-size: 14px; }
  ul.sidr-class-dropdown-menu > ul {
    margin-bottom: 0; }
  ul.sidr-class-dropdown-menu > li {
    margin-bottom: 0;
    border-bottom: 0; }
  ul.sidr-class-dropdown-menu .sidr-class-dropdown-link {
    display: none; }

.contentmarker {
  padding: 8px 12px;
  display: block;
  position: absolute;
  top: 10px;
  left: -6px;
  background: #ed7d20;
  color: #fff;
  font-size: 12px;
  font-family: 'Dinot-regular'; }
  .contentmarker:after {
    content: " ";
    display: block;
    width: 6px;
    height: 6px;
    background: url(../img/marker-orange.png) no-repeat;
    position: absolute;
    bottom: -6px;
    left: 0; }
  .contentmarker.sirocco {
    background: #74888b; }
    .contentmarker.sirocco:after {
      background: url(../img/marker-gra.png) no-repeat; }
  .contentmarker.rod {
    background: #d7252e; }
    .contentmarker.rod:after {
      background: url(../img/marker-rod.png) no-repeat; }
  .contentmarker.black {
    background: #000; }
    .contentmarker.black:after {
      background: url(../img/marker-black.png) no-repeat; }
  .contentmarker.blue {
    background: #0065bd; }
    .contentmarker.blue:after {
      background: url(../img/marker-blue.png) no-repeat; }
  .contentmarker.green {
    background: #527138; }
    .contentmarker.green:after {
      background: url(../img/marker-green.png) no-repeat; }
  .contentmarker.grey {
    background: #a69c94; }
    .contentmarker.grey:after {
      background: url(../img/marker-grey.png) no-repeat; }
  .contentmarker.orangered {
    background: #ed7d20; }
    .contentmarker.orangered:after {
      background: url(../img/marker-orangered.png) no-repeat; }
  .contentmarker.red {
    background: #de3831; }
    .contentmarker.red:after {
      background: url(../img/marker-red.png) no-repeat; }
  .contentmarker.silver {
    background: #d6d0cb;
    color: #333; }
    .contentmarker.silver:after {
      background: url(../img/marker-silver.png) no-repeat; }
  .contentmarker.yellow {
    background: #fed100; }
    .contentmarker.yellow:after {
      background: url(../img/marker-yellow.png) no-repeat; }

.maincarousel .carousel-indicators {
  left: auto;
  bottom: auto;
  width: auto;
  margin: 0;
  top: 20px;
  right: 20px; }
  .maincarousel .carousel-indicators li {
    background: #527138;
    border: 0;
    border-radius: 0;
    margin: 0; }
  .maincarousel .carousel-indicators li.active {
    background: #ed7d20;
    width: 10px;
    height: 10px; }

.maincarousel .carousel-control {
  width: 60px;
  height: 60px;
  top: 50%;
  margin-top: -30px;
  text-align: center;
  line-height: 60px;
  font-size: 32px; }
  .maincarousel .carousel-control.left, .maincarousel .carousel-control.right {
    background-image: none; }
  .maincarousel .carousel-control:hover {
    opacity: 1; }
  @media (max-width: 767px) {
    .maincarousel .carousel-control {
      font-size: 24px;
      width: 40px;
      height: 40px;
      line-height: 40px;
      margin-top: -20px; } }

.maincarousel .slide a {
  display: block;
  width: 100%;
  color: #fff; }
  .maincarousel .slide a:hover {
    text-decoration: none; }
    .maincarousel .slide a:hover h2 {
      color: rgba(255, 255, 255, 0.75);
      text-decoration: none; }

.maincarousel .slide__image {
  height: 100%;
  display: block;
  background-color: #000; }

.maincarousel .slide__content {
  padding: 20px 20px;
  background: #000;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }
  .maincarousel .slide__content h2 {
    margin: 0;
    color: #fff;
    font-weight: bold;
    font-size: 32px; }
  @media (max-width: 767px) {
    .maincarousel .slide__content {
      padding: 10px 15px 20px;
      position: relative; }
      .maincarousel .slide__content h2 {
        font-size: 22px; }
        .maincarousel .slide__content h2:before {
          position: absolute;
          top: -40px;
          left: 0;
          right: 0;
          background: -moz-linear-gradient(top, transparent 5%, black 100%);
          background: -webkit-linear-gradient(top, transparent 5%, black 100%);
          background: linear-gradient(to bottom, transparent 5%, black 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
          content: " ";
          display: block;
          height: 40px; } }
  @media (min-width: 768px) {
    .maincarousel .slide__content {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background: -moz-linear-gradient(top, transparent 5%, rgba(0, 0, 0, 0.75) 100%);
      background: -webkit-linear-gradient(top, transparent 5%, rgba(0, 0, 0, 0.75) 100%);
      background: linear-gradient(to bottom, transparent 5%, rgba(0, 0, 0, 0.75) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); } }

.intro-mainarea .maincarousel .slide__image {
  height: auto;
  padding-top: 56.25%; }

.maincarousel.full-width .slide__image {
  height: auto;
  padding-top: 56.25%; }

.griditem.h-auto.w-full {
  height: auto;
  padding-top: 0; }
  @media (max-width: 767px) {
    .griditem.h-auto.w-full .slide .slide__image {
      padding-top: 56.25%; }
    .griditem.h-auto.w-full .slide .slide__content {
      position: relative; } }
  @media (min-width: 768px) {
    .griditem.h-auto.w-full {
      height: auto;
      padding-top: 56.25%; }
      .griditem.h-auto.w-full .carousel {
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px; }
      .griditem.h-auto.w-full .carousel-inner,
      .griditem.h-auto.w-full .carousel-inner > .item {
        height: 100%; }
      .griditem.h-auto.w-full .slide a {
        height: 100%; }
        .griditem.h-auto.w-full .slide a .slide__image {
          padding-top: 0;
          height: 100%;
          width: 100%;
          position: absolute; } }

.linklist {
  padding: 48px 20px 20px;
  background: #527138;
  position: relative; }
  .linklist.linklist--tall {
    height: 400px; }
  .linklist ul {
    list-style: none;
    margin: 10px 0 15px;
    padding: 0; }
    .linklist ul li {
      font-size: 18px;
      border-top: 1px solid rgba(0, 0, 0, 0.15);
      padding: 8px 0; }
      .linklist ul li:first-child {
        border-top: 0; }
      .linklist ul li a {
        color: #fff;
        display: block;
        cursor: pointer;
        line-height: 24px;
        max-height: 50px;
        overflow: hidden; }
        .linklist ul li a:hover {
          text-decoration: none;
          color: rgba(255, 255, 255, 0.75); }
          .linklist ul li a:hover h3 {
            color: rgba(255, 255, 255, 0.75); }
          .linklist ul li a:hover p {
            color: rgba(255, 255, 255, 0.5); }
        .linklist ul li a img {
          max-height: 50px;
          margin-right: 8px;
          float: left; }
  .linklist.linklist--firstimage ul li a {
    line-height: 28px;
    max-height: none;
    overflow: visible; }
  .linklist.linklist--firstimage ul li img {
    max-height: none;
    width: 100%;
    display: block;
    clear: both;
    margin-bottom: 4px;
    float: none; }
    @media (max-width: 1023px) {
      .linklist.linklist--firstimage ul li img {
        max-height: 120px; } }
  .linklist.linklist--details ul {
    margin-top: 4px;
    margin-bottom: 6px; }
    .linklist.linklist--details ul li {
      padding: 12px 0; }
      .linklist.linklist--details ul li p {
        line-height: 18px; }
      .linklist.linklist--details ul li img {
        max-height: 46px; }
  .linklist h3 {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 2px;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 24px; }
  .linklist p {
    font-size: 14px;
    margin: 0;
    padding: 0;
    color: rgba(255, 255, 255, 0.75); }
  .linklist .btn {
    background: #3c5329;
    color: #fff;
    line-height: 24px;
    padding: 8px 0;
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    width: auto; }

.w-sm .linklist ul li {
  font-size: 16px;
  overflow: hidden; }
  .w-sm .linklist ul li a {
    overflow: hidden;
    text-overflow: inherit;
    white-space: inherit;
    line-height: 24px; }

.w-sm .linklist--firstimage ul {
  margin-top: 6px; }
  .w-sm .linklist--firstimage ul li {
    padding: 4px 0; }
    .w-sm .linklist--firstimage ul li a {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      line-height: 28px; }
      .w-sm .linklist--firstimage ul li a img {
        max-height: 120px;
        width: auto; }

.w-md .linklist ul {
  margin-bottom: 13px; }
  .w-md .linklist ul li a img {
    max-height: 50px; }

.w-md .linklist.linklist--details ul li a img {
  max-height: 44px; }

.contentblock {
  height: 100%;
  position: relative; }
  .contentblock.contentblock--solid {
    background: #fff; }
    .contentblock.contentblock--solid a {
      color: #527138; }
  .contentblock .contentblock__info {
    background: -moz-linear-gradient(top, transparent 5%, rgba(0, 0, 0, 0.75) 100%);
    background: -webkit-linear-gradient(top, transparent 5%, rgba(0, 0, 0, 0.75) 100%);
    background: linear-gradient(to bottom, transparent 5%, rgba(0, 0, 0, 0.75) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px 15px 5px;
    color: #fff; }
    .contentblock .contentblock__info h2 {
      margin: 0 0 8px;
      font-size: 22px;
      font-weight: bold; }
  .contentblock .fake-btn {
    display: block;
    line-height: 24px;
    padding: 8px 0;
    margin-bottom: 0;
    color: #fff;
    background: #ed7d20;
    text-align: center;
    margin-top: 15px;
    -webkit-border-radius: 2px;
    border-radius: 2px; }
  .contentblock .contentblock__inner,
  .contentblock > a {
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
    position: relative; }
  .contentblock .contentblock__inner a,
  .contentblock a {
    color: white; }
    .contentblock .contentblock__inner a h2, .contentblock .contentblock__inner a p,
    .contentblock a h2,
    .contentblock a p {
      color: white; }
    .contentblock .contentblock__inner a:hover h2, .contentblock .contentblock__inner a:hover p,
    .contentblock a:hover h2,
    .contentblock a:hover p {
      color: rgba(255, 255, 255, 0.75); }
    .contentblock .contentblock__inner a:hover .fake-btn,
    .contentblock a:hover .fake-btn {
      background: #ef8b38; }
  .contentblock .contentblock__inner:hover h2, .contentblock .contentblock__inner:hover p {
    color: white; }
  .contentblock .contentblock__inner h2 a, .contentblock .contentblock__inner p a {
    display: inline;
    width: auto;
    height: auto;
    background: none;
    padding: 0;
    color: #ed7d20; }
  .contentblock.contentblock--linklist .contentblock-inner {
    padding: 15px 15px 0; }
    .contentblock.contentblock--linklist .contentblock-inner h2 {
      margin-top: 10px; }
    .contentblock.contentblock--linklist .contentblock-inner p {
      font-size: 18px; }
    .contentblock.contentblock--linklist .contentblock-inner ul {
      margin: 0 0 15px;
      padding: 0;
      list-style: none; }
      .contentblock.contentblock--linklist .contentblock-inner ul li {
        font-size: 18px;
        margin: 0;
        padding: 8px 0;
        border-top: 1px solid rgba(0, 0, 0, 0.15); }
        .contentblock.contentblock--linklist .contentblock-inner ul li:first-child {
          border-top: 0; }
        .contentblock.contentblock--linklist .contentblock-inner ul li a {
          width: auto;
          height: auto;
          padding: 0;
          background: none; }
  .contentblock.contentblock--linklistmarker {
    padding-top: 30px; }
  .contentblock.contentblock--image a {
    display: block;
    padding: 0; }
    .contentblock.contentblock--image a h2, .contentblock.contentblock--image a p {
      color: #000; }
    .contentblock.contentblock--image a:hover {
      text-decoration: none; }
      .contentblock.contentblock--image a:hover h2 {
        text-decoration: underline;
        color: #ed7d20; }
      .contentblock.contentblock--image a:hover p {
        color: #666; }
  .contentblock.contentblock--image .contentblock-image {
    max-height: 100%;
    overflow: hidden; }
    .contentblock.contentblock--image .contentblock-image img {
      width: 100%;
      max-width: 100%; }
  .contentblock.contentblock--image .contentblock-inner {
    background: #fff;
    padding: 20px;
    margin: 0;
    position: relative;
    height: 200px;
    font-size: 16px;
    line-height: 20px; }
    @media (max-width: 767px) {
      .contentblock.contentblock--image .contentblock-inner {
        height: auto; } }
    @media (min-width: 768px) {
      .contentblock.contentblock--image .contentblock-inner {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: auto; } }
    .contentblock.contentblock--image .contentblock-inner a {
      display: inline;
      padding: 0;
      width: auto;
      height: auto; }
    .contentblock.contentblock--image .contentblock-inner ul {
      margin: 0 0 0 12px;
      padding: 0;
      list-style: none; }
      .contentblock.contentblock--image .contentblock-inner ul li {
        position: relative; }
        .contentblock.contentblock--image .contentblock-inner ul li:before {
          position: absolute;
          top: 0;
          left: -10px;
          content: "\2022";
          color: #ccc; }
        .contentblock.contentblock--image .contentblock-inner ul li a {
          display: inline;
          padding: 0;
          margin: 0;
          width: auto;
          height: auto;
          color: #527138;
          text-decoration: underline; }
          .contentblock.contentblock--image .contentblock-inner ul li a:hover, .contentblock.contentblock--image .contentblock-inner ul li a:active {
            color: #ed7d20; }
    .contentblock.contentblock--image .contentblock-inner h2 {
      font-size: 22px;
      font-weight: bold;
      margin: 0 0 12px;
      padding: 0; }
    .contentblock.contentblock--image .contentblock-inner p  {
      font-size: 16px;
      line-height: 20px;
      margin: 0; }

.tabblock {
  background: #fff; }
  .tabblock .tab-content {
    height: 315px;
    padding: 20px;
    position: relative; }
    @media (max-width: 767px) {
      .tabblock .tab-content {
        padding-bottom: 50px; } }
  .tabblock .btn-allcourses {
    background: #527138;
    color: #fff;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    width: auto; }

.tabblock-title {
  background: #527138;
  margin: 0;
  padding: 15px;
  color: #fff;
  font-size: 18px; }

.tabblock-nav {
  background: #527138; }
  .tabblock-nav > li > a {
    border-radius: 0;
    background: rgba(60, 83, 41, 0.75);
    color: rgba(255, 255, 255, 0.9);
    padding: 8px 16px;
    font-weight: bold; }
    .tabblock-nav > li > a:focus, .tabblock-nav > li > a:hover, .tabblock-nav > li > a:active {
      background: #3c5329;
      color: white; }
  .tabblock-nav > li.active > a,
  .tabblock-nav > li.active > a:focus,
  .tabblock-nav > li.active > a:hover {
    background: #fff;
    color: #527138; }
  @media (max-width: 767px) {
    .tabblock-nav {
      padding-bottom: 16px;
      padding-left: 16px; }
      .tabblock-nav > li {
        margin: 8px 8px 0 0; }
        .tabblock-nav > li + li {
          margin: 8px 8px 0 0; }
        .tabblock-nav > li > a {
          font-size: 12px; }
        .tabblock-nav > li.active > a,
        .tabblock-nav > li.active > a:focus,
        .tabblock-nav > li.active > a:hover {
          background: #fff;
          color: #527138; } }

.tab-content-inner img {
  float: left;
  margin: 0 20px 0 0; }

.tab-content-inner h3 {
  margin: 0 0 12px;
  font-weight: bold;
  font-size: 24px;
  color: #527138; }

.tab-content-inner p {
  font-size: 16px;
  line-height: 22px; }
  .tab-content-inner p.preamble {
    font-weight: bold;
    font-size: 16px; }

.educationlist:before, .educationlist:after {
  content: " ";
  display: table; }

.educationlist:after {
  clear: both; }

.educationlist .education-item {
  border-bottom: 1px solid rgba(60, 83, 41, 0.1);
  margin: 0 0 15px;
  padding: 0 0 15px; }
  .educationlist .education-item:last-child {
    border-bottom: 0; }

.education-item p {
  margin: 0;
  font-size: 16px;
  color: #3c5329;
  font-weight: bold; }

.education-item p.small {
  font-size: 14px;
  color: #555;
  font-weight: normal; }

.education-item a {
  color: #527138; }

.education-item .btn {
  background: #ed7d20;
  color: #fff;
  font-weight: bold;
  padding: 10px; }
  .education-item .btn:hover {
    background: #ef8b38; }

@media (max-width: 767px) {
  .education-item:before, .education-item:after {
    content: " ";
    display: table; }
  .education-item:after {
    clear: both; }
  .education-item .course,
  .education-item .date,
  .education-item .price,
  .education-item .cta {
    float: left; }
  .education-item .course {
    width: 100%;
    margin-bottom: 10px; }
  .education-item .date {
    width: 50%; }
  .education-item .price {
    width: 30%; }
  .education-item .date p,
  .education-item .price p {
    margin: 0;
    font-size: 14px;
    color: #3c5329;
    font-weight: bold; }
  .education-item .date p.small,
  .education-item .price p.small {
    font-size: 12px;
    color: #555;
    font-weight: normal; }
  .education-item .cta {
    width: 20%;
    text-align: right; }
    .education-item .cta .btn {
      display: block;
      padding: 8px 0;
      font-size: 14px; } }

@media (min-width: 768px) {
  .education-item:before, .education-item:after {
    content: " ";
    display: table; }
  .education-item:after {
    clear: both; }
  .education-item .course,
  .education-item .date,
  .education-item .price,
  .education-item .cta {
    float: left;
    width: 20%; }
  .education-item .course {
    width: 40%; }
  .education-item .cta {
    text-align: right; }
    .education-item .cta .btn {
      display: block; } }

.eventblock {
  height: 100%;
  padding: 60px 20px 0;
  position: relative;
  background: #527138;
  padding-bottom: 80px; }
  .eventblock .tab-content {
    height: 315px;
    padding: 20px;
    position: relative; }
    @media (max-width: 767px) {
      .eventblock .tab-content {
        padding-bottom: 50px; } }
  .eventblock .btn-allevents {
    background: #3c5329;
    color: #fff;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    width: auto;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px; }
    .eventblock .btn-allevents:hover {
      background: #374c26;
      text-decoration: none; }

.eventblock-title {
  background: #527138;
  margin: 0;
  padding: 15px;
  color: #fff;
  font-size: 18px; }

.eventlist:before, .eventlist:after {
  content: " ";
  display: table; }

.eventlist:after {
  clear: both; }

.eventlist .eventlist-item {
  border-top: 1px solid rgba(60, 83, 41, 0.5);
  margin: 15px 0 0;
  padding: 15px 0 0; }
  .eventlist .eventlist-item:first-child {
    border-top: 0;
    margin: 0;
    padding: 0; }

.eventlist-item {
  position: relative; }
  .eventlist-item h3 {
    font-size: 16px;
    font-family: 'Dinot-bold';
    margin: 0 0 4px;
    color: #fff; }
    .eventlist-item h3 a {
      color: #fff; }
  .eventlist-item p {
    margin: 0; }
  .eventlist-item p.details {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.85);
    font-weight: normal;
    margin-bottom: 10px; }
    .eventlist-item p.details span {
      display: inline-block;
      padding-right: 15px; }
      .eventlist-item p.details span i {
        color: rgba(255, 255, 255, 0.5); }
      .eventlist-item p.details span:last-child {
        padding: 0; }
  .eventlist-item a {
    color: #527138; }
  .eventlist-item .btn {
    background: #ed7d20;
    color: #fff;
    font-weight: bold;
    padding: 8px 10px 9px; }
    .eventlist-item .btn:hover {
      background: #ef8b38; }
  @media (max-width: 767px) {
    .eventlist-item:before, .eventlist-item:after {
      content: " ";
      display: table; }
    .eventlist-item:after {
      clear: both; }
    .eventlist-item p.details span {
      display: block; }
      .eventlist-item p.details span i {
        display: inline-block;
        width: 18px;
        text-align: center; } }
  @media (min-width: 768px) {
    .eventlist-item:before, .eventlist-item:after {
      content: " ";
      display: table; }
    .eventlist-item:after {
      clear: both; }
    .eventlist-item .btn {
      position: absolute;
      top: 15px;
      right: 0; }
    .eventlist-item p.details {
      margin-bottom: 0; }
    .eventlist-item:first-child .btn {
      top: 0; } }

.pageintro {
  margin: 10px 10px 10px;
  padding: 20px;
  color: #333;
  background: #fff; }
  .pageintro h1 {
    font-family: dinot-bold;
    margin: 0 0 12px;
    font-size: 42px;
    color: #527138; }
  .pageintro p {
    font-size: 18px; }

.pageintro--grid {
  margin: 0;
  height: 100%;
  background: #ed7d20;
  color: #fff; }
  .pageintro--grid h1 {
    color: #fff; }

.pageintro--member {
  position: relative;
  padding-bottom: 60px; }
  .pageintro--member h1 {
    font-size: 32px; }
  .pageintro--member p {
    font-size: 14px;
    margin-bottom: 4px; }
    .pageintro--member p strong {
      font-family: 'Dinot-Bold'; }
    .pageintro--member p.price {
      font-size: 14px;
      margin-bottom: 8px; }
      .pageintro--member p.price span {
        font-size: 32px;
        font-family: 'Dinot-Bold'; }
  .pageintro--member ul {
    margin: 0 0 20px;
    padding: 0 0 0 18px; }
    .pageintro--member ul li {
      padding: 0;
      margin: 4px 0;
      font-size: 14px; }
  .pageintro--member select {
    width: 100%;
    color: #000;
    padding: 5px;
    height: 30px;
    margin: 12px 0 8px; }
  .pageintro--member .btn {
    background: #3c5329;
    border-color: #3c5329;
    color: #fff;
    padding: 10px 0;
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    width: auto; }
    .pageintro--member .btn:hover {
      background: #3b5c20; }

@media (max-width: 767px) {
  .pageintro h1 {
    font-size: 32px; }
  .pageintro p {
    font-size: 16px; } }

.searchcontainer {
  background: #fff;
  margin: 10px;
  padding: 15px; }

#mainSearch {
  max-width: 900px;
  margin: 0 0 30px; }

#mainSearch h1 {
  font-family: dinot-bold;
  margin: 0 0 15px; }

#mainSearch .searchField {
  position: relative;
  margin: 0; }

#mainSearch .searchField::after {
  content: '\f002';
  font-family: FontAwesome;
  display: block;
  width: 26px;
  height: 26px;
  line-height: 26px;
  position: absolute;
  top: 2px;
  left: 10px;
  z-index: 101;
  font-size: 18px;
  color: #bbb5a6;
  text-align: left; }

#mainSearch .searchField input.text {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  width: 100%;
  box-sizing: border-box;
  background: #f5f5f5;
  position: relative;
  z-index: 100;
  font-size: 16px;
  padding: 4px 10px 4px 32px;
  height: auto;
  border: 1px solid #ccc; }

.searchFilter h2 {
  font-size: 16px;
  margin: 8px 0 16px;
  padding-left: 20px;
  position: relative;
  font-family: dinot-bold; }

.searchFilter h2:after {
  display: block;
  content: '\f107';
  font-family: FontAwesome;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.2ms ease;
  -moz-transition: all 0.2ms ease;
  -ms-transition: all 0.2ms ease;
  -o-transition: all 0.2ms ease;
  transition: all 0.2ms ease; }

.searchFilter h2.active:after {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  top: -2px; }

.searchFilter h3 {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 0 12px;
  padding: 0 0 8px;
  border-bottom: 1px solid #ccc; }

.searchFilterForm {
  margin: 0 0 30px; }

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

.searchFilterForm ul li {
  margin: 0 0 12px; }

.searchFilterForm label {
  font-size: 14px; }

.searchFilterForm label span {
  color: #888; }

.searchList {
  margin-top: 0; }

.searchListItem {
  padding-bottom: 0;
  padding-bottom: 15px;
  margin-bottom: 30px;
  border-bottom: 1px solid #ccc; }

.searchListItem h2 {
  font-size: 22px;
  margin: 0 0 6px;
  font-family: dinot-bold; }

.searchListItem h2 a {
  color: #527138; }

.searchListItem a {
  color: #527138; }

.searchListItem p {
  font-size: 16px; }

.searchListItem p a {
  color: #333; }

.searchListItem a:hover {
  color: #ed7d20; }

.searchListItem .info {
  margin: 0 0 6px;
  font-family: dinot-regular, Helvetica, Arial, sans-serif; }

.searchListItem ul.breadcumbz {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block; }

.searchListItem ul.breadcumbz li {
  font-family: dinot-regular, Helvetica, Arial, sans-serif;
  color: #565656;
  display: inline-block;
  font-size: 12px; }

.searchListItem .info p {
  display: inline;
  font-size: 12px; }

.searchListItem .info .arrow,
.searchListItem .info .bullet {
  display: inline-block;
  color: #888;
  margin: 0 3px; }

.searchListItem .highlight {
  background: #f4f2d8;
  color: #ed7d20; }

.searchFilterToggle {
  display: none; }

.searchList .hint {
  font-size: 14px;
  padding: 15px 0;
  margin: 0 0 15px;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc; }
  .searchList .hint strong {
    font-family: dinot-bold; }

/* CHECKBOX / RADIO / SELECT */
.custom-cb {
  position: relative;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
  user-select: none;
  padding-left: 28px;
  display: inline-block; }

.custom-cb:before {
  content: '';
  position: absolute;
  width: 18px;
  height: 18px;
  border: 1px solid #d0d0d0;
  border-radius: 3px;
  transition: all 0.2s ease;
  top: 2px;
  left: 0; }

.custom-cb:after {
  content: '';
  position: absolute;
  top: 6px;
  left: 7px;
  width: 4px;
  height: 8px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(25deg) scale(0.2);
  transition: all 0.2s ease;
  display: none; }

.custom-r {
  position: relative;
  font-size: 14px;
  line-height: 22px;
  cursor: pointer;
  user-select: none;
  padding-left: 28px;
  display: inline-block; }

.custom-r:before {
  content: '';
  position: absolute;
  width: 18px;
  height: 18px;
  border: 1px solid #d0d0d0;
  border-radius: 10px;
  transition: all 0.2s ease;
  top: 2px;
  left: 0; }

.custom-r:after {
  content: '';
  position: absolute;
  top: 7px;
  left: 5px;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  transition: all 0.2s ease;
  display: none; }

.custom-r:hover:before,
.custom-cb:hover:before {
  border-color: #ff6000;
  background: rgba(255, 96, 0, 0.5); }

.custom-r-inp:checked + .custom-r:before,
.custom-cb-inp:checked + .custom-cb:before {
  background: #ff6000;
  border-color: #ff6600; }

.custom-cb-inp:checked + .custom-cb:after {
  transform: rotate(40deg) scale(1);
  display: block; }

.custom-r-inp:checked + .custom-r:after {
  display: block;
  background: #fff; }

.custom-r-inp:checked + .custom-r:hover:before,
.custom-cb-inp:checked + .custom-cb:hover:before {
  background: rgba(255, 96, 0, 0.5); }

@media screen and (min-width: 768px) {
  .custom-r-inp:checked + .custom-r:hover:before,
  .custom-cb-inp:checked + .custom-cb:hover:before {
    animation: cbx-bg 0.3s ease forwards;
    animation-delay: 2s; } }

@media screen and (min-width: 768px) {
  .custom-r-inp:checked + .custom-r:hover:after,
  .custom-cb-inp:checked + .custom-cb:hover:after {
    animation: shake 0.35s ease;
    animation-delay: 2s;
    animation-iteration-count: infinite; } }

.custom-s {
  padding: 0;
  margin: 0;
  border: 1px solid #ccc;
  width: 100%;
  border-radius: 3px;
  overflow: hidden;
  background: #f7f7f7;
  position: relative; }

.custom-s select {
  padding: 8px 12px;
  width: 130%;
  border: none;
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 14px;
  font-family: AkkuratPro-Regular, Helvetica, Arial, sans-serif; }

.custom-s select:focus {
  outline: none; }

.custom-s:after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #666666;
  position: absolute;
  top: 14px;
  right: 12px;
  content: ' '; }

/* BOOTSTRAP PAGIN */
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 10px 0 0;
  border-radius: 4px; }

.pagination > li {
  display: inline; }

.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #333;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  font-size: 14px; }

.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #fff;
  background-color: #ed7d20;
  border-color: #ed7d20; }

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #ed7d20;
  border-color: #ed7d20; }

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd; }

.hidden {
  display: none; }

@media only screen and (min-width: 1025px) {
  .searchcontainer {
    overflow: auto;
    max-width: 1320px;
    margin: 10px; }
  #mainSearch .searchField {
    position: relative;
    margin: 0 0 15px; }
  #mainSearch .searchField input.text {
    font-size: 18px;
    padding: 5px 10px 5px 32px; }
  #mainSearch .searchField:after {
    top: 6px; }
  .searchcontainer {
    padding: 20px; }
  .searchFilter {
    float: left;
    width: 320px;
    margin: 0 40px 0 0; }
  .searchFilter h2 {
    padding-left: 0;
    margin-top: 0; }
  .searchFilter h2:after {
    display: none; }
  .searchList {
    float: left;
    width: calc(100% - 360px);
    margin: 0; }
  .searchList .hint {
    font-size: 16px;
    padding: 0 0 15px;
    margin: 0 0 15px;
    border-bottom: 1px solid #ccc;
    border-top: 0; }
  .searchListItem {
    margin: 0 0 15px;
    padding: 0 0 5px; }
  .searchListItem h2 {
    font-size: 22px;
    margin: 0 0 6px; }
  .searchFilterToggle {
    display: block; } }

.tabblock.black .tabblock-title,
.tabblock.black .tabblock-nav,
.linklist.black,
.contentblock--linklist.black {
  background-color: #000000;
  color: #fff; }
  .tabblock.black .tabblock-title ul li a,
  .tabblock.black .tabblock-nav ul li a,
  .linklist.black ul li a,
  .contentblock--linklist.black ul li a {
    color: #fff; }
    .tabblock.black .tabblock-title ul li a:hover,
    .tabblock.black .tabblock-nav ul li a:hover,
    .linklist.black ul li a:hover,
    .contentblock--linklist.black ul li a:hover {
      color: rgba(255, 255, 255, 0.75); }
  .tabblock.black .tabblock-title .contentblock-inner ul li,
  .tabblock.black .tabblock-nav .contentblock-inner ul li,
  .linklist.black .contentblock-inner ul li,
  .contentblock--linklist.black .contentblock-inner ul li {
    border-color: rgba(255, 255, 255, 0.25); }

.tabblock.blue .tabblock-title,
.tabblock.blue .tabblock-nav,
.linklist.blue,
.contentblock--linklist.blue {
  background-color: #0065bd;
  color: #fff; }
  .tabblock.blue .tabblock-title ul li a,
  .tabblock.blue .tabblock-nav ul li a,
  .linklist.blue ul li a,
  .contentblock--linklist.blue ul li a {
    color: #fff; }
    .tabblock.blue .tabblock-title ul li a:hover,
    .tabblock.blue .tabblock-nav ul li a:hover,
    .linklist.blue ul li a:hover,
    .contentblock--linklist.blue ul li a:hover {
      color: rgba(255, 255, 255, 0.75); }

.tabblock.green .tabblock-title,
.tabblock.green .tabblock-nav,
.linklist.green,
.contentblock--linklist.green {
  background-color: #527138;
  color: #fff; }
  .tabblock.green .tabblock-title ul li a,
  .tabblock.green .tabblock-nav ul li a,
  .linklist.green ul li a,
  .contentblock--linklist.green ul li a {
    color: #fff; }
    .tabblock.green .tabblock-title ul li a:hover,
    .tabblock.green .tabblock-nav ul li a:hover,
    .linklist.green ul li a:hover,
    .contentblock--linklist.green ul li a:hover {
      color: rgba(255, 255, 255, 0.75); }

.tabblock.grey .tabblock-title,
.tabblock.grey .tabblock-nav,
.linklist.grey,
.contentblock--linklist.grey {
  background-color: #a69c94;
  color: #000; }
  .tabblock.grey .tabblock-title ul li a,
  .tabblock.grey .tabblock-nav ul li a,
  .linklist.grey ul li a,
  .contentblock--linklist.grey ul li a {
    color: #000; }
    .tabblock.grey .tabblock-title ul li a:hover,
    .tabblock.grey .tabblock-nav ul li a:hover,
    .linklist.grey ul li a:hover,
    .contentblock--linklist.grey ul li a:hover {
      color: rgba(0, 0, 0, 0.75); }

.tabblock.orangered .tabblock-title,
.tabblock.orangered .tabblock-nav,
.linklist.orangered,
.contentblock--linklist.orangered {
  background-color: #ed7d20;
  color: #000; }
  .tabblock.orangered .tabblock-title ul li a,
  .tabblock.orangered .tabblock-nav ul li a,
  .linklist.orangered ul li a,
  .contentblock--linklist.orangered ul li a {
    color: #000; }
    .tabblock.orangered .tabblock-title ul li a:hover,
    .tabblock.orangered .tabblock-nav ul li a:hover,
    .linklist.orangered ul li a:hover,
    .contentblock--linklist.orangered ul li a:hover {
      color: rgba(0, 0, 0, 0.75); }

.tabblock.red .tabblock-title,
.tabblock.red .tabblock-nav,
.linklist.red,
.contentblock--linklist.red {
  background-color: #de3831;
  color: #000; }
  .tabblock.red .tabblock-title ul li a,
  .tabblock.red .tabblock-nav ul li a,
  .linklist.red ul li a,
  .contentblock--linklist.red ul li a {
    color: #000; }
    .tabblock.red .tabblock-title ul li a:hover,
    .tabblock.red .tabblock-nav ul li a:hover,
    .linklist.red ul li a:hover,
    .contentblock--linklist.red ul li a:hover {
      color: rgba(0, 0, 0, 0.75); }

.eventblock.silver,
.tabblock.silver .tabblock-title,
.tabblock.silver .tabblock-nav,
.linklist.silver,
.contentblock--linklist.silver {
  background-color: #d6d0cb;
  color: #000; }
  .eventblock.silver ul li a,
  .tabblock.silver .tabblock-title ul li a,
  .tabblock.silver .tabblock-nav ul li a,
  .linklist.silver ul li a,
  .contentblock--linklist.silver ul li a {
    color: #000; }
    .eventblock.silver ul li a:hover,
    .tabblock.silver .tabblock-title ul li a:hover,
    .tabblock.silver .tabblock-nav ul li a:hover,
    .linklist.silver ul li a:hover,
    .contentblock--linklist.silver ul li a:hover {
      color: rgba(0, 0, 0, 0.75); }

.tabblock.yellow .tabblock-title,
.tabblock.yellow .tabblock-nav,
.linklist.yellow,
.contentblock--linklist.yellow {
  background-color: #fed100;
  color: #000; }
  .tabblock.yellow .tabblock-title ul li a,
  .tabblock.yellow .tabblock-nav ul li a,
  .linklist.yellow ul li a,
  .contentblock--linklist.yellow ul li a {
    color: #000; }
    .tabblock.yellow .tabblock-title ul li a:hover,
    .tabblock.yellow .tabblock-nav ul li a:hover,
    .linklist.yellow ul li a:hover,
    .contentblock--linklist.yellow ul li a:hover {
      color: rgba(0, 0, 0, 0.75); }

.eventblock.silver .eventlist-item {
  border-top: 1px solid rgba(0, 0, 0, 0.1); }
  .eventblock.silver .eventlist-item:first-child {
    border: 0; }

.eventblock.silver .btn-allevents {
  background: #b4a9a0;
  color: #222; }
  .eventblock.silver .btn-allevents:hover {
    background: #ada197; }

.eventblock.silver .eventblock-title,
.eventblock.silver .eventlist-item h3 a {
  color: #000; }

.eventblock.silver .eventlist-item p.details {
  color: #333; }

.eventblock.silver .eventlist-item p.details i {
  color: #848484; }

.linklist.green h2,
.linklist.grey h2,
.linklist.orangered h2,
.linklist.red h2,
.linklist.silver h2,
.linklist.yellow h2 {
  color: #000; }

.linklist.green p,
.linklist.grey p,
.linklist.orangered p,
.linklist.red p,
.linklist.silver p,
.linklist.yellow p {
  color: #000; }

.linklist.green ul li,
.linklist.grey ul li,
.linklist.orangered ul li,
.linklist.red ul li,
.linklist.silver ul li,
.linklist.yellow ul li {
  border-top: 1px solid rgba(0, 0, 0, 0.1); }
  .linklist.green ul li:first-child,
  .linklist.grey ul li:first-child,
  .linklist.orangered ul li:first-child,
  .linklist.red ul li:first-child,
  .linklist.silver ul li:first-child,
  .linklist.yellow ul li:first-child {
    border-top: 0; }
  .linklist.green ul li a,
  .linklist.grey ul li a,
  .linklist.orangered ul li a,
  .linklist.red ul li a,
  .linklist.silver ul li a,
  .linklist.yellow ul li a {
    color: #000; }
    .linklist.green ul li a:hover,
    .linklist.grey ul li a:hover,
    .linklist.orangered ul li a:hover,
    .linklist.red ul li a:hover,
    .linklist.silver ul li a:hover,
    .linklist.yellow ul li a:hover {
      color: rgba(0, 0, 0, 0.75); }

.linklist.green h2,
.linklist.orangered h2,
.linklist.blue h2,
.linklist.black h2 {
  margin-top: 0;
  color: #fff; }

.linklist.green p,
.linklist.orangered p,
.linklist.blue p,
.linklist.black p {
  color: #fff; }

.linklist.green ul li,
.linklist.orangered ul li,
.linklist.blue ul li,
.linklist.black ul li {
  border-top: 1px solid rgba(255, 255, 255, 0.1); }
  .linklist.green ul li a,
  .linklist.orangered ul li a,
  .linklist.blue ul li a,
  .linklist.black ul li a {
    color: #fff; }
    .linklist.green ul li a:hover,
    .linklist.orangered ul li a:hover,
    .linklist.blue ul li a:hover,
    .linklist.black ul li a:hover {
      color: rgba(255, 255, 255, 0.75); }

.tabblock.black .tabblock-nav > li > a {
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.85); }
  .tabblock.black .tabblock-nav > li > a:hover {
    background: rgba(255, 255, 255, 0.25);
    color: #fff; }

.tabblock.black .tabblock-nav > li.active a {
  background: #fff;
  color: #000; }

.tabblock.green .tabblock-nav > li > a,
.tabblock.grey .tabblock-nav > li > a,
.tabblock.orangered .tabblock-nav > li > a,
.tabblock.red .tabblock-nav > li > a,
.tabblock.silver .tabblock-nav > li > a,
.tabblock.yellow .tabblock-nav > li > a,
.tabblock.blue .tabblock-nav > li > a {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(255, 255, 255, 0.85); }
  .tabblock.green .tabblock-nav > li > a:hover,
  .tabblock.grey .tabblock-nav > li > a:hover,
  .tabblock.orangered .tabblock-nav > li > a:hover,
  .tabblock.red .tabblock-nav > li > a:hover,
  .tabblock.silver .tabblock-nav > li > a:hover,
  .tabblock.yellow .tabblock-nav > li > a:hover,
  .tabblock.blue .tabblock-nav > li > a:hover {
    background: rgba(0, 0, 0, 0.25);
    color: #fff; }

.tabblock.green .tabblock-nav > li.active a,
.tabblock.grey .tabblock-nav > li.active a,
.tabblock.orangered .tabblock-nav > li.active a,
.tabblock.red .tabblock-nav > li.active a,
.tabblock.silver .tabblock-nav > li.active a,
.tabblock.yellow .tabblock-nav > li.active a,
.tabblock.blue .tabblock-nav > li.active a {
  background: #fff; }

.tabblock.blue .education-item p a,
.tabblock.blue .tabblock-nav > li.active a {
  color: #0065bd; }

.tabblock.green .education-item p a,
.tabblock.green .tabblock-nav > li.active a {
  color: #527138; }

.tabblock.grey .education-item p a,
.tabblock.grey .tabblock-nav > li.active a {
  color: #a69c94; }

.tabblock.orangered .education-item p a,
.tabblock.orangered .tabblock-nav > li.active a {
  color: #ed7d20; }

.tabblock.red .education-item p a,
.tabblock.red .tabblock-nav > li.active a {
  color: #de3831; }

.tabblock.silver .education-item p a,
.tabblock.silver .tabblock-nav > li.active a {
  color: #d6d0cb; }

.tabblock.yellow .education-item p a,
.tabblock.yellow .tabblock-nav > li.active a {
  color: #fed100; }

.tabblock.blue .btn-allcourses {
  background: #0065bd; }

.tabblock.green .btn-allcourses {
  background: #527138; }

.tabblock.grey .btn-allcourses {
  background: #a69c94; }

.tabblock.orangered .btn-allcourses {
  background: #ed7d20; }

.tabblock.red .btn-allcourses {
  background: #de3831; }

.tabblock.silver .btn-allcourses {
  background: #d6d0cb; }

.tabblock.yellow .btn-allcourses {
  background: #fed100; }

.btn.brown {
  background: #8b460e !important; }
  .btn.brown:hover, .btn.brown:active {
    background: #743a0c !important; }

.btn.blue {
  background: #013562 !important; }
  .btn.blue:hover {
    background: #012d53 !important; }

.btn.grey {
  background: #6e6862 !important; }
  .btn.grey:hover, .btn.grey:active {
    background: #615b56 !important; }

.btn.green {
  background: #3c5329 !important; }
  .btn.green:hover, .btn.green:active {
    background: #304221 !important; }

.btn.yellow {
  background: #b89800 !important; }
  .btn.yellow:hover, .btn.yellow:active {
    background: #9f8300 !important; }

.btn.red {
  background: #9d2823 !important; }
  .btn.red:hover, .btn.red:active {
    background: #88231e !important; }

.pageintro--grid.black {
  background: #000; }

.pageintro--grid.blue {
  background: #0065bd; }

.pageintro--grid.green {
  background: #527138; }

.pageintro--grid.grey {
  background: #a69c94; }

.pageintro--grid.orangered {
  background: #ed7d20; }

.pageintro--grid.red {
  background: #de3831; }

.pageintro--grid.silver {
  background: #d6d0cb; }

.pageintro--grid.yellow {
  background: #fed100; }

.educationpage {
  padding: 10px;
  box-sizing: border-box; }
  @media (min-width: 1024px) {
    .educationpage {
      padding: 0; } }
  .educationpage .btn {
    padding: 0 15px;
    margin: 0;
    flex: 0;
    border: 2px solid #527138;
    color: #527138;
    line-height: 40px;
    font-family: dinot-bold;
    font-size: 14px; }
    .educationpage .btn:disabled {
      opacity: 0.3; }
    .educationpage .btn--block {
      width: 100%;
      display: block; }
    .educationpage .btn:hover {
      background-color: #527138;
      color: #fff; }
    .educationpage .btn--orange {
      color: #ed7d20;
      border-color: #ed7d20; }
      .educationpage .btn--orange:hover {
        background: #ed7d20;
        color: #fff; }
    .educationpage .btn--gray {
      color: #979797;
      border-color: #979797; }
      .educationpage .btn--gray:hover {
        background: #979797;
        color: #fff; }
    .educationpage .btn--orangefill {
      color: #fff;
      background: #ed7d20;
      border-color: #ed7d20; }
      .educationpage .btn--orangefill:hover {
        border-color: #e17012;
        background: #e17012;
        color: #fff; }
    .educationpage .btn--edenfill {
      color: #fff;
      background: #527138;
      border-color: #527138; }
      .educationpage .btn--edenfill:hover {
        border-color: #466030;
        background: #466030;
        color: #fff; }
  .educationpage .custominput {
    display: block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 20px;
    font-weight: normal; }
    .educationpage .custominput input {
      position: absolute;
      opacity: 0;
      cursor: pointer; }
    .educationpage .custominput .marker {
      position: absolute;
      top: 0px;
      left: 0;
      height: 20px;
      width: 20px;
      background-color: #fff;
      border: 2px solid #888;
      border-radius: 4px;
      box-sizing: border-box; }
    .educationpage .custominput:hover input ~ .marker {
      background-color: #ccc; }
    .educationpage .custominput input:checked ~ .marker {
      background-color: #fff; }
    .educationpage .custominput .marker:after {
      content: "";
      position: absolute;
      display: none; }
    .educationpage .custominput input:checked ~ .marker:after {
      display: block; }
    .educationpage .custominput--radio .marker {
      border-radius: 50%; }
    .educationpage .custominput--radio .marker:after {
      top: 3px;
      left: 50%;
      margin-left: -5px;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: #527138; }
    .educationpage .custominput--checkbox input:checked ~ .marker {
      background-color: #527138;
      border-color: #527138; }
    .educationpage .custominput--checkbox .marker:after {
      left: 5px;
      top: 2px;
      width: 6px;
      height: 10px;
      border: solid white;
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }

.educationitem {
  padding: 10px 15px 10px 80px;
  margin-bottom: 10px;
  background: #F5F5F5;
  color: #527138;
  font-size: 14px;
  position: relative;
  border-radius: 8px;
  min-height: 80px;
  display: block;
  color: #888; }
  .educationitem:hover {
    color: #626262;
    text-decoration: none; }
  .educationitem__status, .educationitem__price {
    display: none; }
  .educationitem__date {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 62px;
    background: #E6E6E6;
    height: 62px;
    border-radius: 8px;
    font-size: 16px;
    text-align: center;
    line-height: 20px;
    align-items: center;
    justify-content: center; }
    .educationitem__date .datebadge {
      width: 62px;
      height: 62px;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 3;
      background: #E6E6E6;
      border-radius: 8px;
      border: 2px solid #F5F5F5; }
    .educationitem__date strong {
      display: block;
      font-size: 22px;
      font-family: dinot-bold;
      margin-top: 10px; }
  .educationitem__info {
    padding-top: 8px;
    font-size: 16px;
    line-height: 24px; }
    .educationitem__info strong {
      display: block;
      font-size: 22px;
      font-family: dinot-bold; }
  .educationitem--multiple .educationitem__date {
    z-index: 2; }
    .educationitem--multiple .educationitem__date:after {
      content: " ";
      display: block;
      position: absolute;
      z-index: 1;
      width: 62px;
      height: 62px;
      background: #E6E6E6;
      top: 3px;
      left: 3px;
      border-radius: 8px; }
  .educationitem--finished {
    background: #f3f6f6;
    color: #7FA5AB; }
    .educationitem--finished .datebadge,
    .educationitem--finished .educationitem__date:after {
      background: #e7eeee;
      border-color: #f3f6f6; }
    .educationitem--finished span.diploma {
      background: #e7eeee;
      border: 2px solid #7FA5AB;
      display: inline-block;
      line-height: 40px;
      padding: 0 10px;
      color: #7FA5AB;
      font-size: 16px;
      border-radius: 4px; }
      .educationitem--finished span.diploma i {
        margin-right: 4px; }
    .educationitem--finished:hover {
      color: #587f86; }
  .educationitem--full {
    background: #fbeaeb;
    color: #D7252E; }
    .educationitem--full .datebadge,
    .educationitem--full .educationitem__date:after {
      background: #f7d6d9;
      border-color: #fbeaeb; }
    .educationitem--full:hover {
      color: #961a20; }
  .educationitem--highlight {
    background: #fdf2e9;
    color: #ED7D21; }
    .educationitem--highlight .datebadge,
    .educationitem--highlight .educationitem__date:after {
      background: #fbe7d5;
      border-color: #fdf2e9; }
    .educationitem--highlight:hover {
      color: #b3590f; }
  @media (min-width: 1024px) {
    .educationitem {
      text-align: left;
      display: flex;
      justify-content: left;
      align-items: center;
      padding: 10px; }
      .educationitem__date {
        flex: 0 0 62px;
        position: relative;
        top: 0;
        left: 0; }
      .educationitem__info {
        flex: 1;
        line-height: 40px;
        padding-left: 15px;
        padding-top: 0; }
      .educationitem__info, .educationitem__status {
        font-size: 16px;
        line-height: 24px; }
        .educationitem__info strong, .educationitem__status strong {
          display: block;
          font-size: 22px;
          font-family: dinot-bold; }
      .educationitem__status, .educationitem__price {
        display: inline-block;
        flex: 0 0 150px; }
      .educationitem__price {
        flex: 0 0 125px;
        text-align: right;
        position: relative;
        top: 0;
        right: 0;
        line-height: 40px;
        font-size: 22px;
        font-family: dinot-bold; }
      .educationitem--multiple .educationitem__date {
        z-index: 2;
        position: relative; } }
  @media (min-width: 1200px) {
    .educationitem__status {
      flex: 0 0 200px; }
    .educationitem__price {
      flex: 0 0 150px; } }

.education__header {
  margin: 10px 0; }
  .education__header:before, .education__header:after {
    content: " ";
    display: table; }
  .education__header:after {
    clear: both; }
  .education__header .activeuser {
    min-height: 50px;
    padding-right: 60px;
    position: relative;
    color: #606060;
    line-height: 20px; }
    @media (min-width: 1024px) {
      .education__header .activeuser {
        float: right; } }
  .education__header .activeuser__userbadge {
    width: 50px;
    height: 50px;
    background: #527138;
    border: 4px solid #7CAA56;
    text-align: center;
    line-height: 42px;
    color: #fff;
    font-family: dinot-bold;
    border-radius: 25px;
    position: absolute;
    top: 0;
    right: 0; }
  .education__header .activeuser__name {
    display: block;
    white-space: nowrap;
    margin: 0;
    font-size: 24px;
    padding-top: 5px;
    text-align: right; }
  .education__header .activeuser__id {
    font-size: 14px;
    display: block;
    text-align: right; }

.education__monthpicker {
  width: 100%;
  margin: 10px 0; }
  .education__monthpicker:before, .education__monthpicker:after {
    content: " ";
    display: table; }
  .education__monthpicker:after {
    clear: both; }
  @media (min-width: 1024px) {
    .education__monthpicker {
      margin: 0;
      margin-right: 20px;
      float: left;
      max-width: 300px; } }
  .education__monthpicker .monthpicker__navigation {
    width: 40px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    float: left;
    background: #fff;
    color: #527138;
    border-radius: 8px;
    font-size: 24px; }
    .education__monthpicker .monthpicker__navigation:hover {
      background: #527138;
      color: #fff; }
    .education__monthpicker .monthpicker__navigation--prev {
      margin-right: 4px; }
    .education__monthpicker .monthpicker__navigation--next {
      margin-left: 4px; }
  .education__monthpicker .monthpicker__current {
    width: calc(100% - 92px);
    background: #fff;
    color: #606060;
    line-height: 50px;
    border-radius: 8px;
    text-align: center;
    font-size: 14px;
    font-family: dinot-medium;
    float: left; }

.education__activefilter {
  padding: 0 20px;
  line-height: 50px;
  background: #fff;
  border-radius: 8px;
  margin: 10px 0;
  width: 100%;
  color: #606060;
  font-family: dinot-medium; }
  @media (min-width: 1024px) {
    .education__activefilter {
      width: auto;
      margin: 0;
      margin-right: 20px;
      float: left;
      min-width: 200px;
      text-align: center;
      position: relative; }
      .education__activefilter:after {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: "";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(255, 255, 255, 0);
        border-top-color: #fff;
        border-width: 10px;
        margin-left: -10px; } }

@media (min-width: 1024px) {
  .educationaside {
    float: right;
    width: 400px; } }

.educationwrapper {
  padding: 10px;
  background: #fff;
  border-radius: 8px;
  margin: 10px 0; }
  @media (min-width: 1024px) {
    .educationwrapper {
      float: left;
      width: calc(100% - 420px);
      padding: 15px; } }

.educationbuttons a {
  background: #fff;
  border-radius: 8px;
  display: inline-block;
  line-height: 50px;
  text-align: center;
  font-family: dinot-medium; }
  .educationbuttons a i {
    margin-right: 5px; }
  .educationbuttons a:hover {
    background: #527138;
    color: #fff;
    text-decoration: none; }

@media (min-width: 1024px) {
  .educationbuttons {
    float: left;
    width: calc(100% - 420px);
    display: flex;
    justify-content: space-around; }
    .educationbuttons a {
      width: calc(50% - 10px);
      margin-right: 20px; }
      .educationbuttons a:last-child {
        margin-right: 0; } }

.educationcourse {
  margin: 0 0 20px;
  padding: 15px;
  background: #fff;
  border-radius: 8px; }
  @media (min-width: 1024px) {
    .educationcourse {
      width: calc(100% - 420px);
      float: left; } }
  .educationcourse h1 {
    font-size: 36px;
    font-family: dinot-bold; }
  .educationcourse h2 {
    font-size: 20px;
    font-family: dinot-medium; }
  .educationcourse p {
    font-size: 16px; }
  .educationcourse__image img {
    width: 100%;
    max-width: 100%; }
  .educationcourse__info {
    margin: 20px 0; }
    @media (min-width: 1024px) {
      .educationcourse__info {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between; } }
  .educationcourse__infogroup:before, .educationcourse__infogroup:after {
    content: " ";
    display: table; }
  .educationcourse__infogroup:after {
    clear: both; }
  @media (min-width: 1024px) {
    .educationcourse__infogroup {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      justify-content: space-between;
      flex: 0 0 24%; }
      .educationcourse__infogroup--row {
        flex: 0 0 100%;
        flex-flow: row wrap;
        align-content: space-between;
        justify-content: space-between; } }
  .educationcourse__infoitem {
    background: rgba(127, 165, 171, 0.1);
    margin-bottom: 10px;
    padding: 8px 15px 20px 44px;
    border-radius: 8px;
    position: relative;
    width: calc(50% - 5px);
    margin-right: 10px;
    float: left; }
    .educationcourse__infoitem:last-child {
      margin-right: 0; }
    @media (min-width: 1024px) {
      .educationcourse__infoitem {
        width: 100%;
        margin: 0 0 10px;
        float: none;
        flex: 2; }
        .educationcourse__infoitem--half {
          width: 50%;
          margin-left: 11px; }
          .educationcourse__infoitem--half:first-child {
            margin-left: 0; } }
    .educationcourse__infoitem p {
      font-size: 12px;
      color: rgba(0, 0, 0, 0.2);
      margin: 0; }
    .educationcourse__infoitem h2 {
      color: #7FA5AB;
      font-family: dinot-medium;
      font-size: 16px;
      margin: 0; }
    .educationcourse__infoitem .icon {
      display: block;
      position: absolute;
      top: 20px;
      left: 12px;
      color: #7FA5AB;
      font-size: 20px; }
    .educationcourse__infoitem--orange {
      background: rgba(237, 125, 33, 0.1); }
      .educationcourse__infoitem--orange h2, .educationcourse__infoitem--orange .icon {
        color: #ED7D21; }
    .educationcourse__infoitem--green {
      background: rgba(123, 154, 75, 0.1); }
      .educationcourse__infoitem--green h2, .educationcourse__infoitem--green .icon {
        color: #7B9A4B; }
  @media (min-width: 1200px) {
    .educationcourse__about {
      display: flex;
      justify-content: space-between; } }
  .educationcourse__aboutcontact {
    background: #FBE6D3;
    color: #F19C55;
    padding: 20px;
    position: relative;
    border-radius: 8px;
    margin-bottom: 10px;
    min-height: 90px;
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    @media (min-width: 1200px) {
      .educationcourse__aboutcontact {
        flex: 0 0 49%; } }
    .educationcourse__aboutcontact .contactimage {
      border: 3px solid #F19C55;
      border-radius: 45px;
      width: 90px;
      height: 90px;
      overflow: hidden;
      margin-right: 15px; }
    .educationcourse__aboutcontact h2 {
      font-family: dinot-bold;
      margin: 0; }
    .educationcourse__aboutcontact p {
      margin: 0;
      font-family: dinot-regular;
      font-size: 16px; }
      .educationcourse__aboutcontact p.role {
        font-size: 12px;
        color: #636363; }
    .educationcourse__aboutcontact a {
      color: #7FA5AB;
      text-decoration: none; }
      .educationcourse__aboutcontact a:hover {
        color: #628e95; }
  .educationcourse__aboutprice {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between; }
    @media (min-width: 1200px) {
      .educationcourse__aboutprice {
        flex: 0 0 49%; } }
  .educationcourse__priceitem {
    background: #f5f5f5;
    color: #A2A2A2;
    padding: 10px 10px 15px;
    border-radius: 8px;
    margin-bottom: 10px;
    width: 49%; }
    .educationcourse__priceitem p {
      font-family: dinot-regular;
      margin: 0; }
    .educationcourse__priceitem h3 {
      font-family: dinot-medium;
      margin: 0;
      font-size: 22px;
      text-align: right; }
    .educationcourse__priceitem--full {
      width: 100%; }
    .educationcourse__priceitem--green {
      background: rgba(82, 113, 56, 0.1);
      color: #527138; }
      .educationcourse__priceitem--green p {
        color: #A2A2A2; }
  .educationcourse__register {
    padding: 20px;
    background: #EDF0EB;
    border-radius: 8px;
    margin-top: 20px; }
  @media (min-width: 768px) {
    .educationcourse__registerrow {
      display: flex;
      justify-content: space-between; }
      .educationcourse__registerrow--end {
        justify-content: flex-end; } }
  .educationcourse__registereduser {
    background: rgba(82, 113, 56, 0.1);
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 10px; }
  .educationcourse__attendee {
    background: rgba(82, 113, 56, 0.1);
    border-radius: 8px;
    padding: 12px 18px;
    margin-bottom: 10px;
    color: #527138;
    font-family: dinot-medium;
    font-size: 16px;
    position: relative; }
    .educationcourse__attendee:last-child {
      margin-bottom: 0; }
    .educationcourse__attendee .icon {
      margin-right: 4px;
      display: inline-block; }
    @media (min-width: 768px) {
      .educationcourse__attendee {
        display: flex;
        justify-content: space-between; } }
    .educationcourse__attendee--edit {
      margin-right: 50px; }
  .educationcourse__attendeeactions {
    padding-top: 12px;
    position: absolute;
    top: 0;
    right: -50px;
    font-size: 16px; }
    .educationcourse__attendeeactions a {
      display: inline-block;
      margin-left: 6px; }
  @media (min-width: 768px) {
    .educationcourse__attendeename {
      flex: 0 0 33%; } }
  .educationcourse__registersum, .educationcourse__registercourse, .educationcourse__registerdates {
    margin-bottom: 10px;
    background: rgba(82, 113, 56, 0.1);
    border-radius: 8px;
    padding: 12px 18px;
    color: #527138;
    font-family: dinot-medium;
    font-size: 16px; }
    @media (min-width: 768px) {
      .educationcourse__registersum, .educationcourse__registercourse, .educationcourse__registerdates {
        flex: 0 0 49%; } }
    .educationcourse__registersum .icon, .educationcourse__registercourse .icon, .educationcourse__registerdates .icon {
      margin-right: 8px;
      display: inline-block; }
  .educationcourse__registersum {
    display: flex;
    justify-content: space-between; }
  .educationcourse__registerform {
    position: relative;
    margin-bottom: 20px;
    padding: 20px;
    background: #CDD5C8;
    border-radius: 8px; }
    .educationcourse__registerform fieldset {
      display: block;
      margin: 0 0 10px; }
      @media (min-width: 1024px) {
        .educationcourse__registerform fieldset {
          width: 50%; } }
    .educationcourse__registerform label {
      display: block;
      line-height: 20px;
      margin-bottom: 5px;
      font-weight: normal;
      font-size: 12px;
      font-family: dinot-regular;
      color: #707070; }
    .educationcourse__registerform input {
      width: 100%;
      padding: 10px;
      font-size: 16px;
      color: #000;
      font-family: dinot-regular;
      border: 2px solid transparent;
      outline: 0;
      background: rgba(255, 255, 255, 0.5);
      border-radius: 8px; }
      .educationcourse__registerform input:focus {
        border: 2px solid #527138;
        background: rgba(255, 255, 255, 0.75); }
    .educationcourse__registerform .infobubble {
      padding: 10px;
      border-radius: 4px;
      margin-top: 5px;
      background: #527138;
      color: #fff; }
      @media (min-width: 1024px) {
        .educationcourse__registerform .infobubble {
          position: absolute;
          top: 45px;
          right: 20px;
          width: calc(50% - 35px);
          margin-top: 0; }
          .educationcourse__registerform .infobubble:before {
            right: 100%;
            top: 24px;
            border: solid transparent;
            content: "";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none; }
          .educationcourse__registerform .infobubble:before {
            border-color: rgba(194, 225, 245, 0);
            border-right-color: #527138;
            border-width: 10px;
            margin-top: -10px; } }

.educationinfo {
  background: #527138;
  color: #fff;
  padding: 15px;
  margin: 10px 0;
  border-radius: 8px; }
  .educationinfo h2 {
    font-size: 22px;
    padding: 0;
    margin: 0 0 10px; }
    .educationinfo h2 span {
      font-family: dinot-bold;
      display: inline-block; }
    @media (min-width: 1024px) {
      .educationinfo h2 span {
        display: block; } }
  .educationinfo h3 {
    font-size: 16px;
    font-family: dinot-bold; }
  .educationinfo p {
    font-size: 14px; }
  .educationinfo a {
    color: #F7B500;
    font-family: dinot-bold; }
  .educationinfo__toggle {
    display: none; }
    @media (min-width: 1024px) {
      .educationinfo__toggle {
        display: block; } }
  .educationinfo__contact:before, .educationinfo__contact:after {
    content: " ";
    display: table; }
  .educationinfo__contact:after {
    clear: both; }
  .educationinfo__contactimage {
    float: left;
    width: 80px;
    height: 80px;
    margin-right: 15px;
    border-radius: 40px;
    overflow: hidden;
    border: 2px solid #fff; }
  .educationinfo__contactname {
    margin: 0 0 5px;
    font-size: 24px;
    font-family: dinot-bold; }
  .educationinfo__contacttext {
    margin: 0;
    font-size: 16px;
    font-family: dinot-medium; }

.educatinfilters {
  background: #fff;
  border: 1px solid #979797;
  color: #333;
  padding: 15px;
  margin: 10px 0;
  border-radius: 8px; }
  .educatinfilters h2 {
    font-size: 22px;
    font-family: dinot-bold;
    padding: 0;
    margin: 0 0 10px; }
  .educatinfilters h3 {
    font-size: 18px;
    font-family: dinot-bold;
    padding: 0;
    margin: 0 0 10px;
    color: #888; }
  .educatinfilters .educatinfilters__category {
    margin: 20px 0; }
    .educatinfilters .educatinfilters__category:before, .educatinfilters .educatinfilters__category:after {
      content: " ";
      display: table; }
    .educatinfilters .educatinfilters__category:after {
      clear: both; }
  .educatinfilters .filteritem {
    margin: 0 0 5px;
    background: #f5f5f5;
    border-radius: 4px; }
    .educatinfilters .filteritem label {
      padding: 5px 5px 5px 30px;
      background: #f5f5f5;
      border-radius: 4px;
      margin-bottom: 0; }
      .educatinfilters .filteritem label .marker {
        top: 5px;
        left: 5px; }
        .educatinfilters .filteritem label .marker:after {
          background: #888; }
    .educatinfilters .filteritem .custominput--checkbox .marker {
      background: #fff;
      border-color: #888; }
      .educatinfilters .filteritem .custominput--checkbox .marker:after {
        background: transparent;
        border-color: #888; }
    .educatinfilters .filteritem .custominput--checkbox input:checked ~ .marker {
      background-color: #fff;
      border-color: #888; }
    @media (min-width: 1024px) {
      .educatinfilters .filteritem {
        margin-right: 5px;
        float: left; }
        .educatinfilters .filteritem:last-child {
          margin-right: 0; } }
    .educatinfilters .filteritem--active label {
      background: #888;
      color: #fff; }

.education__buttons {
  padding: 0;
  margin-top: 20px; }
  .education__buttons .btn {
    padding: 0 15px;
    width: 100%;
    margin: 0 0 10px; }
  .education__buttons--stretch {
    display: flex;
    flex-direction: column-reverse; }
    @media (min-width: 768px) {
      .education__buttons--stretch {
        display: flex;
        flex-direction: row;
        align-items: stretch;
        /*justify-content: flex-end;*/
        justify-content: center;
        padding: 0; }
        .education__buttons--stretch .btn--stretch {
          flex: 1;
          margin-left: 15px;
          max-width: 400px; }
        .education__buttons--stretch .btn--stretchfull {
          flex: 1;
          margin-left: 15px; } }
  .education__buttons--right {
    width: 100%;
    text-align: right; }
    .education__buttons--right .btn {
      display: inline-block;
      width: auto; }

.educationquote {
  padding: 15px;
  background: #FF7826;
  margin: 0 0 20px;
  border-radius: 8px;
  color: #fff;
  padding-left: 40px;
  position: relative; }
  .educationquote__icon {
    position: absolute;
    top: 15px;
    left: 15px; }
  .educationquote__image {
    float: right;
    width: 120px;
    height: 120px;
    border-radius: 60px;
    border: 4px solid #F7B500;
    overflow: hidden;
    margin-left: 10px; }
  .educationquote__text {
    margin: 0 0 5px;
    font-size: 22px;
    font-family: dinot-bold; }
  .educationquote__name {
    font-size: 12px;
    margin: 0; }

.educationgoals {
  background: #F1F4ED;
  padding: 15px;
  margin: 0 0 20px;
  border-radius: 8px;
  font-family: dinot-medium; }
  .educationgoals h2 {
    font-size: 18px;
    margin: 0 0 5px;
    color: #527138; }
  .educationgoals p {
    font-size: 14px;
    color: #527138; }
  .educationgoals ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around; }
    .educationgoals ul li {
      background: rgba(123, 154, 75, 0.1);
      border-radius: 4px;
      margin-bottom: 8px;
      padding: 10px;
      flex: 0 48%;
      align-items: center;
      color: #7B9A4B; }

body,
html {
  height: 100%;
  padding: 0;
  margin: 0;
  background: #111;
  font-family: dinot-regular;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  padding-top: 60px; }
  @media (min-width: 768px) {
    body {
      padding-top: 0; } }