@charset "UTF-8";
/*--------------------------------------------------------------
# PROFIL FÄRGER
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Övriga färger
--------------------------------------------------------------*/
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object,
ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline; }

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

blockquote,
q {
  quotes: none; }

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

table {
  border-collapse: collapse;
  border-spacing: 0; }

p img {
  margin: 0; }

em {
  font-size: 16px;
  font-style: italic; }

strong {
  font-weight: 700; }

small {
  font-size: 80%; }

blockquote, blockquote p {
  color: #3d3d3d;
  font-style: italic; }

blockquote cite {
  display: block;
  color: #3d3d3d; }

blockquote cite:before {
  content: "\2014 \0020"; }

blockquote cite a, blockquote cite a:visited {
  color: #3d3d3d; }

hr {
  border: solid #dddddd;
  border-width: 1px 0 0;
  clear: both;
  height: 0; }

a, a:visited {
  /*outline: 0x*/ }

a:focus, a:hover {
  color: #3d3d3d; }

ul {
  list-style: none; }

ol {
  list-style: decimal; }

ol, ul.circle, ul.disc, ul.square {
  margin-left: 30px; }

ul.square {
  list-style: square; }

ul.circle {
  list-style: circle; }

ul.disc {
  list-style: disc; }

ol ol, ol ul, ul ol, ul ul {
  margin: 4px 0 5px 30px; }

ol ol li, ol ul li, ul ol li, ul ul li {
  margin-bottom: 6px; }

img.scale-with-grid {
  max-width: 100%;
  height: auto; }

a.button, button, input[type=button], input[type=reset], input[type=submit] {
  background: #dddddd;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(0, 0, 0, 0.2))) #dddddd;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0, rgba(0, 0, 0, 0.2) 100%) #dddddd;
  background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.2) 0, rgba(0, 0, 0, 0.2) 100%) #dddddd;
  background: linear-gradient(to top, rgba(255, 255, 255, 0.2) 0, rgba(0, 0, 0, 0.2) 100%) #dddddd;
  border: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  padding: 0.8rem 1rem;
  border-radius: 5px;
  font-size: 1rem;
  color: #3d3d3d;
  display: inline-block;
  text-decoration: none;
  text-shadow: 0 1px rgba(255, 255, 255, 0.75);
  cursor: pointer;
  margin-bottom: 0; }

a.button:hover, button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
  color: #3d3d3d;
  background: #dddddd;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.3)), color-stop(100%, rgba(0, 0, 0, 0.3))) #dddddd;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0, rgba(0, 0, 0, 0.3) 100%) #dddddd;
  background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.3) 0, rgba(0, 0, 0, 0.3) 100%) #dddddd;
  background: linear-gradient(to top, rgba(255, 255, 255, 0.3) 0, rgba(0, 0, 0, 0.3) 100%) #dddddd;
  border: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd; }

a.button:active, button:active, input[type=button]:active, input[type=reset]:active, input[type=submit]:active {
  border: 1px solid #dddddd;
  background: #f9f9f9;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.35)), color-stop(100%, rgba(10, 10, 10, 0.4))) #ccc;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.35) 0, rgba(10, 10, 10, 0.4) 100%) #ccc;
  background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.35) 0, rgba(10, 10, 10, 0.4) 100%) #ccc;
  background: linear-gradient(to top, rgba(255, 255, 255, 0.35) 0, rgba(10, 10, 10, 0.4) 100%) #ccc; }

.button.full-width, button.full-width, input[type=button].full-width, input[type=reset].full-width, input[type=submit].full-width {
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center; }

input[type=email], input[type=password], input[type=text], select, textarea {
  border: 1px solid #dddddd;
  padding: 0.8rem 1rem !important;
  outline: 0;
  border-radius: 5px;
  color: #3d3d3d;
  margin: 0 0 20px;
  width: 96% !important;
  max-width: 100%;
  display: block;
  background: #ffffff; }

select {
  width: 100% !important; }

input[type=email]:focus,
input[type=password]:focus,
input[type=text]:focus,
textarea:focus {
  border: 1px solid #aaa;
  color: #444;
  box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.1); }

textarea {
  min-height: 60px; }

label, legend {
  display: block; }

select {
  width: 220px; }

input[type=checkbox] {
  display: inline; }

label span, legend span {
  color: #444; }

.remove-bottom {
  margin-bottom: 0 !important; }

.half-bottom {
  margin-bottom: 10px !important; }

.add-bottom {
  margin-bottom: 20px !important; }

a, abbr, address, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, html, iframe, img, ins, label, legend,
li, object, ol, p, pre, q, small, span, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, ul {
  border: 0;
  margin: 0;
  padding: 0; }

article, aside, figcaption, figure, figure img, footer, header, hgroup, nav, object, section, video {
  display: block; }

a img {
  border: 0; }

figure {
  position: relative; }

figure img {
  width: 100%; }

.row {
  margin-bottom: 30px; }

.row .column8 .row .subColumn {
  width: 460px;
  margin-bottom: 0; }

.row .column8 .row .subColumn2,
.row .column8 .subColumn2 {
  width: 220px;
  margin-bottom: 0; }

.row .column8 .row .subColumn3,
.row .column8 .subColumn3 {
  width: 145px;
  margin-bottom: 0; }

.row .column12 .row .subColumn3,
.row .column16 .row .subColumn4 {
  width: 220px;
  margin-bottom: 0; }

.row .row .subColumn3:nth-of-type(3) {
  margin-right: 0; }

.clearfix:after, .clearfix:before, .row:after, .row:before {
  content: '.';
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0; }

.clear {
  clear: both;
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0; }

.clearfix:after, .row:after {
  clear: both; }

.clearfix, .row {
  zoom: 1; }

embed,
img,
object {
  max-width: 100% !important; }

img {
  height: auto; }

.row .row {
  margin-bottom: 0; }

.row .row:not(:first-child) {
  margin-top: 20px; }

.row .row .subColumn2:last-child,
.row .row .subColumn3:last-child,
.row .row .subColumn4:last-child,
.row .row .subColumn:last-child {
  margin-right: 0; }

.row .row .subColumn, .row .row .subColumn2, .row .row .subColumn3, .row .row .subColumn4 {
  display: inline;
  float: left;
  margin-left: 0;
  margin-right: 10px; }

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

#listDocuments a[href^="http:"], #listDocuments a[href^="https:"], #relatedDocs a[href^="http:"], #relatedDocs a[href^="https:"] {
  background: url(../img/icons/page_white_link.png) center left no-repeat; }

#listDocuments a[href$='.pdf'], #relatedDocs a[href$='.pdf'] {
  background: url(../img/icons/page_white_acrobat.png) center left no-repeat; }

#listDocuments a[href$='.fla'], #listDocuments a[href$='.swd'], #listDocuments a[href$='.swf'], #relatedDocs a[href$='.fla'], #relatedDocs a[href$='.swd'], #relatedDocs a[href$='.swf'] {
  background: url(../img/icons/page_white_flash.png) center left no-repeat; }

#listDocuments a[href$='.xls'], #listDocuments a[href$='.csv'], #listDocuments a[href$='.xlt'], #listDocuments a[href$='.xlw'], #listDocuments a[href$='.xlsx'], #relatedDocs a[href$='.xls'], #relatedDocs a[href$='.csv'], #relatedDocs a[href$='.xlt'], #relatedDocs a[href$='.xlw'], #relatedDocs a[href$='.xlsx'] {
  background: url(../img/icons/page_white_excel.png) center left no-repeat; }

#listDocuments a[href$='.ppt'], #listDocuments a[href$='.pps'], #listDocuments a[href$='.pptx'], #relatedDocs a[href$='.ppt'], #relatedDocs a[href$='.pps'], #relatedDocs a[href$='.pptx'] {
  background: url(../img/icons/page_white_powerpoint.png) center left no-repeat; }

#listDocuments a[href$='.doc'], #listDocuments a[href$='.docx'], #relatedDocs a[href$='.doc'], #relatedDocs a[href$='.docx'] {
  background: url(../img/icons/page_white_word.png) center left no-repeat; }

#listDocuments a[href$='.rtf'], #listDocuments a[href$='.txt'], #listDocuments a[href$='.wps'], #relatedDocs a[href$='.rtf'], #relatedDocs a[href$='.txt'], #relatedDocs a[href$='.wps'] {
  background: url(../img/icons/page_white_text.png) center left no-repeat; }

#listDocuments a[href$='.zip'], #listDocuments a[href$='.gzip'], #listDocuments a[href$='.rar'], #relatedDocs a[href$='.zip'], #relatedDocs a[href$='.gzip'], #relatedDocs a[href$='.rar'] {
  background: url(../img/icons/page_white_zip.png) center left no-repeat; }

#listDocuments a[href$='.tif'], #listDocuments a[href$='.tiff'], #listDocuments a[href$='.jpg'], #listDocuments a[href$='.jpeg'], #listDocuments a[href$='.png'], #relatedDocs a[href$='.tif'], #relatedDocs a[href$='.tiff'], #relatedDocs a[href$='.jpg'], #relatedDocs a[href$='.jpeg'], #relatedDocs a[href$='.png'] {
  background: url(../img/icons/page_white_picture.png) center left no-repeat; }

.entry-content img {
  margin: 0 0 1.5em; }

.alignleft, .events-list img, img.alignleft {
  margin-right: 1.5em;
  margin-bottom: .5em;
  display: inline;
  float: left; }

.alignright, img.alignright {
  margin-left: 1.5em;
  margin-bottom: .5em;
  display: inline;
  float: right; }

.aligncenter, img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both; }

.wp-caption img {
  border: 0;
  padding: 0;
  margin: 0; }

.wp-caption p.wp-caption-text {
  margin: 0; }

.wp-smiley {
  margin: 0 !important;
  max-height: 1em; }

blockquote.left {
  margin-right: 20px;
  text-align: right;
  margin-left: 0;
  width: 33%;
  float: left; }

blockquote.right {
  margin-left: 20px;
  text-align: left;
  margin-right: 0;
  width: 33%;
  float: right; }

#content a,
#content a:link,
#content a:visited {
  color: #568E14;
  text-decoration: none; }

#content a:active,
#content a:hover {
  color: #3d3d3d; }

#head {
  margin-top: -62px; }

#main {
  background: #ffffff; }

.page-template-_index_ao-php #main,
.page-template-_move-php #main,
.page-template-_page_iframe_bred-php #main,
.page-template-_page_wide-php #main,
.page-template-_start-php #main {
  background: #ffffff !important;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd; }

#main {
  padding-top: 0px;
  min-height: 450px; }

.navigation li.portalen.menu-item {
  display: none !important; }

.nav-ao {
  background-color: #568E14;
  color: #ffffff;
  min-height: 30px;
  padding: 10px;
  border-radius: 5px; }

.nav-ao span {
  margin-left: 18px;
  margin-right: 18px;
  margin-bottom: 5px;
  text-align: center;
  display: inline-block; }

#main .nav-ao a,
#main .nav-ao a:active,
#main .nav-ao a:hover,
#main .nav-ao a:visited {
  color: #ffffff !important;
  padding: 0;
  margin: 0;
  text-decoration: underline;
  text-align: center; }

ul.ao-list {
  padding-top: 5px;
  padding-bottom: 10px;
  display: block; }

ul.ao-list li {
  padding: 0;
  display: inline-block;
  vertical-align: top;
  width: 25%; }

ul.ao-list li:last-child {
  clear: both;
  content: ""; }

.ao-list-header {
  margin: 10px 0;
  background-color: #efefef;
  border-radius: 3px;
  padding: 4px 5px 4px 10px; }

.ao-link {
  float: right;
  display: inline-block;
  margin-right: 5px; }

.ao-link a {
  background: url(../img/up.png) center left no-repeat;
  padding: 3px 0 3px 22px; }

.searchContainer {
  width: 458px;
  height: 42px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.1);
  margin: auto;
  float: right; }

.rel {
  position: relative; }

.abs {
  position: absolute; }

#content .content img.alignleft,
#content .content img.alignnone,
#content .content img.alignright,
.content .shadow img,
.content img.shadow,
.events-list img,
div.wp-caption.alignleft img,
div.wp-caption.alignnone img,
div.wp-caption.alignright img,
img.shadow,
img.imgBorder {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #cecece !important;
  border-radius: 2px;
  box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.1);
  zoom: 1; }

img.shadow.small {
  box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.1); }

#page #content img.no-border {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 0 !important;
  padding: 0;
  background-color: #ffffff;
  border-radius: 0;
  zoom: 1;
  box-shadow: none; }

.post {
  margin-bottom: 20px; }

.post .content ol {
  list-style: decimal inside; }

#content .post .content li a:active,
#content .post .content li a:hover,
#content .post .content li a:link,
#content .post .content li a:visited,
#content .post .content p a:active,
#content .post .content p a:hover,
#content .post .content p a:link,
#content .post .content p a:visited,
#content .post .content td a:active,
#content .post .content td a:hover,
#content .post .content td a:link,
#content .post .content td a:visited {
  text-decoration: underline !important; }

.post .content.content-fix p {
  display: inline; }

.post #easytext ul,
.post #tab-content ul,
.post .content ul,
.post .intro ul {
  overflow: hidden;
  margin-top: 4px; }

.post #easytext ul li,
.post #tab-content ul li,
.post .content ul li,
.post .intro ul li {
  list-style-image: none;
  list-style-type: disc !important;
  margin-left: 5px;
  position: relative;
  left: 15px;
  padding-right: 15px; }

.post #easytext ul li {
  font-size: 130%; }

.post .page-header-light {
  margin: 20px 0 15px; }

.post .content .gform_wrapper li {
  list-style-type: none !important; }

.post p {
  margin: 10px 0 30px; }

.post img.shadow {
  height: auto !important; }

.post .single-post-header {
  margin-top: 18px; }

h2.single-post-header {
  text-align: left; }

.post .post-meta-header {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding: 15px 0 3px;
  margin: 15px 0 15px; }

.post .post-meta-header .left-content {
  float: left;
  width: 45%; }

.post .post-meta-header .right-content {
  float: right;
  width: 45%;
  text-align: right; }

ul#post-meta-app li {
  float: left;
  display: inline; }

ul#post-meta-social li {
  float: right;
  display: inline; }

.post #easytext table,
.post #tab-content table,
.post .content table,
.post .intro table {
  border: auto;
  width: auto !important;
  display: inline-table; }

.post .content table.events-table {
  border: auto;
  width: 100% !important;
  display: block; }

.post #easytext table td,
.post #easytext table th,
.post #tab-content table td,
.post #tab-content table th,
.post .content table td,
.post .content table th,
.post .intro table td,
.post .intro table th {
  padding: 5px 8px 5px 0 !important;
  text-align: left; }

#page .post table.zebra {
  border: thin;
  margin: 10px 0;
  border-collapse: separate !important; }

#page .post table.zebra td {
  margin: 18px 15px;
  border-collapse: separate !important;
  border: thin;
  border-color: normal;
  padding: 7px !important;
  text-align: left; }

#page .post table.zebra td a {
  color: #444444 !important; }

#page .post table.zebra {
  max-width: 100%; }

#page .post table.zebra tr:first-child {
  background-color: #444444 !important;
  border-bottom: 1px solid #568E14;
  color: #ffffff !important; }

#page .post table.zebra tr:nth-of-type(odd) {
  background-color: #e8f2f5;
  border-bottom: 1px solid #e8f2f5; }

#page .post table.zebra tr:nth-of-type(even) {
  background-color: #ffffff;
  border-bottom: 1px solid #ffffff; }

#page .post table.zebra tr:hover {
  border-bottom: 1px solid #147a9b; }

body.search table.zebra {
  width: 100% !important;
  display: block; }

body.search table.zebra td,
body.search table.zebra th {
  margin: 18px 15px;
  padding: 7px !important;
  text-align: left;
  vertical-align: middle; }

body.search table.zebra th {
  background-color: #568E14 !important;
  border-bottom: 1px solid #568E14;
  color: #ffffff !important; }

body.search table.zebra tr:nth-of-type(odd) {
  background-color: #e8f2f5;
  border-bottom: 1px solid #e8f2f5; }

body.search table.zebra tr:nth-of-type(even) {
  background-color: #ffffff;
  border-bottom: 1px solid #ffffff; }

body.search table.zebra tr:hover {
  border-bottom: 1px solid #147a9b; }

.post sub,
.post sup {
  vertical-align: baseline;
  position: relative;
  top: -.4em;
  font-variant: inherit;
  font-style: inherit;
  font-weight: inherit;
  font-size: 70%; }

.post sub {
  top: .4em; }

.post .post-info {
  margin: 15px 0 0; }

.post .content {
  margin: 15px 0 0; }

.post .entry {
  margin: 10px 0;
  display: inline; }

.post .wp-caption-text {
  font-size: inherit !important;
  font-style: italic;
  text-align: left;
  padding-left: 5px; }

.post-footer a.read-more {
  position: relative;
  display: block;
  padding: 15px 0 0 0;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 20px;
  text-align: right; }

.post .image-container {
  display: inline-block;
  float: left; }

.post .image-container:after {
  clear: both !important;
  content: '';
  content: none; }

.news-date {
  margin-bottom: 10px; }

.content .news-date {
  margin-bottom: 10px; }

ul#post-meta-app a span,
ul#post-meta-social a span {
  display: inline-block;
  width: 24px;
  height: 24px; }

ul#post-meta-app a span {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 10px; }

ul#post-meta-social a.twitter span {
  background: url("/wp-content/themes/ostragoinge/images/icon-twitter-square.svg") center left no-repeat; }

ul#post-meta-social a.fb span {
  background: url("/wp-content/themes/ostragoinge/images/icon-facebook-square.svg") center left no-repeat; }

ul#post-meta-social a.mail-it span {
  background: url("/wp-content/themes/ostragoinge/images/icon-envelope-square.svg") center left no-repeat; }

ul#post-meta-app a.easy span {
  width: 24px !important;
  height: 32px !important;
  background: url("/wp-content/themes/ostragoinge/images/icon-glasses.svg") center left no-repeat; }

ul#post-meta-app a.speak span {
  background: url("/wp-content/themes/ostragoinge/images/icon-volume.svg") center left no-repeat; }

ul#post-meta-app a.print-it span {
  background: url("/wp-content/themes/ostragoinge/images/icon-print.svg") center left no-repeat; }

ul#post-meta-social a {
  display: block;
  padding: 0 0 0 10px;
  color: #3d3d3d;
  text-decoration: none;
  white-space: nowrap;
  font-family: ff-meta-web-pro-n4, ff-meta-web-pro;
  text-transform: uppercase; }

ul#post-meta-app li p.label,
ul#post-meta-social li p.label {
  color: #3d3d3d;
  text-decoration: none;
  white-space: nowrap;
  font-family: ff-meta-web-pro-n4, ff-meta-web-pro;
  text-transform: uppercase;
  font-style: normal;
  padding-top: 6px;
  display: inline-block;
  margin: 0 !important; }

ul#post-meta-app li a p.label {
  position: relative;
  top: -6px !important; }

ul#post-meta-app li a.easy p.label {
  position: relative;
  top: -10px !important; }

ul#post-meta-app a {
  display: inline-block;
  padding: 0 15px 0 0;
  color: #3d3d3d;
  text-decoration: none;
  white-space: nowrap;
  font-family: ff-meta-web-pro-n4, ff-meta-web-pro;
  text-transform: uppercase;
  position: relative; }

.archive-link-container {
  margin: 20px 30px 0;
  text-align: right; }

a.archive-link,
a.read-more-event {
  background: url("/wp-content/themes/ostragoinge/images/angles-right-solid.svg") center left no-repeat;
  padding: 0 0 0 25px;
  font-weight: 400;
  float: right;
  color: #3d3d3d !important; }

a.archive-link:hover,
a.read-more-event:hover {
  color: #568E14 !important; }

.faktaruta {
  border: 1px solid #dddddd;
  padding: 15px;
  max-width: 310px; }

#easytext {
  display: none; }

#easytext h2, #easytext h3, #easytext h4, #easytext h5, #easytext h6, #easytext p {
  font-size: 130% !important;
  color: #000000 !important; }

input.em-time-allday {
  float: left; }

input#end-days {
  float: left;
  margin-bottom: 5px; }

#event-form input#event-name {
  padding: 6px 4px; }

#event-form h2 {
  margin: 15px 0 5px;
  text-decoration: none;
  font-size: 24px; }

#event-form .em-location-map-404 {
  background-color: #efefef; }

#event-form .em-location-map-404,
#event-form .em-location-map-container,
#event-form .em-location-map-content {
  width: 100% !important; }

table.events-table {
  width: 100%; }

table.events-table td,
table.events-table th {
  padding: 6px 5px; }

table.events-table th {
  border-bottom: 1px solid #ccc;
  text-align: left; }

table.events-table td {
  border-bottom: 1px solid #efefef; }

#head form {
  position: relative; }

#head form label {
  color: #3d3d3d;
  cursor: text;
  display: block;
  height: 21px;
  padding: 14px 0 0 45px;
  position: absolute;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); }

#head form button.icon {
  height: 20px;
  width: 20px;
  position: absolute;
  top: 11px;
  right: 15px;
  z-index: 1;
  background: url(/wp-content/themes/ostragoinge/images/icon-search.svg) no-repeat;
  border: 0;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg); }

#head form input[type=text] {
  font-size: 16px;
  color: #3d3d3d;
  display: block !important;
  font-style: italic !important;
  padding: 13px 0 11px 11px !important;
  background-color: transparent !important;
  border: 0; }

.last {
  margin-right: 0 !important; }

.last:after {
  clear: both !important;
  content: '';
  content: none; }

.wp-pagenavi {
  margin-top: 15px !important;
  clear: both; }

.wp-pagenavi a,
.wp-pagenavi span {
  text-decoration: none;
  border: 1px solid #BFBFBF;
  padding: 3px 5px;
  margin: 2px; }

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
  border-color: #000000; }

.more-about {
  display: inline-block;
  z-index: 120;
  position: absolute;
  top: 2px;
  right: 0; }

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin-top: 2px;
  min-height: 0; }

.ui-accordion .ui-accordion-content {
  padding: 0 2.6em;
  border-top: 0;
  overflow: auto; }

.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em; }

.ui-accordion .ui-accordion-noicons {
  padding-left: .7em; }

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em; }

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px; }

.ui-icon {
  width: 16px;
  height: 16px;
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

.ui-state-active .ui-icon,
.ui-state-default .ui-icon,
.ui-state-focus .ui-icon,
.ui-state-hover .ui-icon {
  background-image: url(../img/ui-icons/ui-icons_454545_256x240.png); }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-s {
  background-position: -64px -16px; }

.ui-icon-carat-1-e {
  background-position: -32px 0; }

.ui-icon-carat-1-s {
  background-position: -64px 0; }

h3.ui-accordion-header:focus {
  outline: -webkit-focus-ring-color auto; }

#timeline-wrapper {
  height: auto !important;
  padding-top: 0 !important;
  padding-bottom: 20px;
  width: 100%; }

.rss-row img {
  padding-top: 5px;
  padding-right: 5px !important; }

a.rss-link {
  background: url(../img/icon-rss.png) center left no-repeat;
  padding: 3px 0 3px 20px; }

.rel h4 {
  vertical-align: bottom;
  display: inline-block;
  float: right; }

h4 a.tips {
  background: url(../img/icon-comment.png) center left no-repeat;
  padding: 0 0 0 45px;
  font-weight: 400;
  text-decoration: none !important; }

.gform_wrapper {
  border: 1px solid #dddddd;
  padding: 15px;
  border-radius: 3px;
  background-color: #efefef; }

.gform_wrapper div.charleft {
  color: #444444 !important; }

.gform_wrapper h3.gform_title {
  color: #3d3d3d !important; }

#listDocuments {
  margin: 15px 0 10px; }

ul.tabs li.ui-state-default a:active,
ul.tabs li.ui-state-default a:hover,
ul.tabs li.ui-state-default a:link,
ul.tabs li.ui-state-default a:visited {
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  margin: 3px 0;
  padding: 4px 5px 4px 10px;
  color: #3d3d3d;
  display: block;
  background-image: url(../img/toggle-expand.png);
  background-position: right;
  background-repeat: no-repeat;
  border-radius: 3px;
  background-color: #efefef; }

a.toggle.active,
ul.tabs li.ui-state-default.ui-state-active a:active,
ul.tabs li.ui-state-default.ui-state-active a:hover,
ul.tabs li.ui-state-default.ui-state-active a:link,
ul.tabs li.ui-state-default.ui-state-active a:visited {
  background-image: url(../img/toggle-collapse.png); }

#relatedDocs {
  margin: 10px 0; }

#relatedDocs h3 {
  display: block;
  border-bottom: 1px solid #dddddd;
  padding: 0 0 8px; }

#relatedDocs ul.listLinked {
  margin-top: 4px !important; }

#relatedDocs ul.listLinked,
#relatedDocs ul.listLinked li {
  margin: 0;
  padding: 0;
  list-style-image: none;
  list-style-type: none; }

#relatedDocs ul.listLinked li em {
  padding: 5px 0 3px 24px; }

#relatedDocs ul.listLinked li.last-row {
  margin-bottom: 10px; }

#relatedDocs ul.listLinked li a {
  display: block;
  padding: 5px 0 3px 24px;
  color: #333;
  text-decoration: none; }

#relatedDocs ul.listLinked li a:hover {
  color: #000000;
  text-decoration: underline; }

#listDocuments table td a {
  display: block;
  line-height: 1;
  padding: 5px 0 5px 24px; }

#listDocuments table.tblListDocs {
  border-left: 1px solid #ffffff;
  border-right: 0 solid #ffffff;
  border-top: 1px solid #ffffff;
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 15px; }

#listDocuments table.tblListDocs tbody tr {
  background-color: #ffffff; }

#listDocuments table.tblListDocs tbody tr:hover {
  border-bottom: 1px solid #dddddd; }

#listDocuments table.tblListDocs th {
  border-right: 1px solid #ffffff;
  border-bottom: 0 solid #666;
  padding: 7px;
  text-align: left;
  font: 700 90%/100% arial;
  background-color: #ffffff;
  white-space: nowrap; }

.noWrap {
  white-space: nowrap; }

#listDocuments table.tblListDocs td {
  border-right: 1px solid #ffffff;
  border-bottom: 1px dashed #dddddd;
  padding: 7px;
  font: 400 90%/100% arial; }

#listDocuments table.tblListDocs td.txtSmall {
  font: italic 12px/14px arial; }

.selection-header {
  margin: 0 0 10px; }

.shortcuts-test ul.thumbboard {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.shortcuts-test ul.thumbboard li {
  margin: 0;
  list-style-type: none;
  float: left;
  padding: 0 20px 20px 0;
  position: relative;
  display: inline-block;
  width: 180px;
  vertical-align: top; }

.shortcuts-tests ul.thumbboard li img.shadow {
  height: auto;
  width: 100% !important; }

.shortcuts-test ul.thumbboard li h4,
.shortcuts-test ul.thumbboard li p {
  display: block;
  padding-top: 5px !important; }

.shortcuts-test ul.thumbboard > :nth-child(3n+3) {
  padding: 0 0 20px !important; }

.start-services ul.thumbboard {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.start-services ul.thumbboard li {
  margin: 0;
  list-style-type: none;
  padding: 0 20px 20px 0;
  position: relative;
  display: inline-block;
  width: 213px; }

.start-services ul.thumbboard li h4,
.start-services ul.thumbboard li p {
  display: block;
  font-weight: 400;
  color: #3d3d3d; }

.start-services ul.thumbboard li h4 {
  padding: 10px 0 0 0; }

.start-services ul.thumbboard > :nth-child(3n+3) {
  padding: 0 0 20px; }

.img-full-size {
  width: 100%;
  height: auto; }

.services-shortcuts ul.thumbboard li {
  margin: 0 20px 0 0;
  list-style-type: none;
  float: left;
  padding: 0 0 10px;
  position: relative;
  display: inline-block;
  width: 160px; }

.services-shortcuts ul.thumbboard > :nth-child(4n+4) {
  padding: 0 0 10px !important;
  margin-right: 0; }

.services-shortcuts ul.thumbboard li img.shadow {
  width: 100% !important;
  height: auto; }

ul#page-thumbs-services-shortcuts {
  margin: 0;
  padding: 0;
  list-style-type: none; }

ul#page-thumbs-services-shortcuts li {
  margin: 0;
  list-style-type: none;
  float: left;
  padding: 0 5px 10px 0;
  position: relative;
  display: inline-block;
  width: 150px; }

ul#page-thumbs-services-shortcuts li img.shadow {
  height: auto;
  width: 100%; }

ul#page-thumbs-services-shortcuts li h4,
ul#page-thumbs-services-shortcuts li p {
  display: block;
  padding-top: 10px; }

ul#page-thumbs-services-shortcuts > :nth-child(4) {
  clear: both; }

article.services-container h3 {
  position: relative;
  display: block;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 6px; }

article.services-container h4 {
  margin-top: 5px;
  text-transform: uppercase; }

.services-shortcuts {
  margin-bottom: 10px !important;
  margin-top: 10px !important; }

.services-shortcuts ul.thumbboard li a p,
.start-services ul.thumbboard li a p,
ul#page-thumbs-services-shortcuts li a p {
  color: #3d3d3d !important; }

.services-shortcuts ul.thumbboard li a:hover p,
.start-services ul.thumbboard li a:hover p,
ul#page-thumbs-services-shortcuts li a:hover p {
  color: #568E14 !important; }

article.news-post {
  border-bottom: 1px solid #dddddd;
  padding-bottom: 10px;
  padding-top: 10px;
  position: relative; }

article.news-post h3 {
  padding-top: 5px;
  padding-bottom: 5px; }

article.news-post .post-info {
  padding-bottom: 5px; }

article.news-post footer a {
  position: absolute;
  bottom: 10px;
  right: 10px; }

.news-article {
  float: left;
  width: 100%;
  border-bottom: 1px solid #c2b6a2;
  padding-bottom: 10px;
  margin-bottom: 10px;
  position: relative; }

.news-article img {
  float: left;
  display: block;
  padding: 10px 10px 0 0; }

.news-article p {
  padding-top: 30px;
  margin-bottom: 20px; }

.news-article footer a {
  position: absolute;
  bottom: 10px;
  right: 10px; }

.search-result-item {
  float: left;
  width: 100%;
  border-bottom: 1px solid #c2b6a2;
  padding-bottom: 10px;
  margin-bottom: 10px;
  position: relative; }

.search-result-item footer {
  text-align: right; }

.search-result-item footer a {
  display: inline-block;
  text-align: right;
  margin: 8px 0; }

.searchtabs a {
  border-radius: 4px;
  padding: 6px 12px;
  margin-left: 20px;
  text-decoration: none;
  color: #ffffff !important;
  background-color: #dddddd; }

#selectserchList.searchtabs a:hover {
  background-color: #bbb;
  color: #ffffff !important; }

#selectserchList.searchtabs .active {
  color: #ffffff !important;
  background: #568E14; }

#selectserchList {
  width: 100%;
  display: block;
  padding: 12px 0;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #ccc;
  background-image: -o-linear-gradient(top, #ffffff, #efefef);
  background: -moz-linear-gradient(center top, #ffffff, #efefef);
  background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#efefef)); }

.searchtab_content {
  display: none;
  clear: both;
  padding: 22px 0; }

.alert-wrapper {
  background-color: #ffb347;
  border-radius: 3px; }

.alert-header {
  padding: 15px;
  text-align: center;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px; }

.alert-wrapper .post {
  padding: 0 15px; }

.alert-wrapper .post .post-meta-header {
  border-top: 0;
  border-bottom: 1px solid #dddddd; }

.alert-header h2 {
  color: #ffffff !important; }

.alert-wrapper .inner {
  padding: 15px 20px;
  background-color: #f9f9f9; }

.alert-wrapper .inner .single-post-header h3 {
  color: #000000;
  margin: 10px 0; }

.alert-wrapper .inner p {
  margin: 0 0 14px;
  color: #000000; }

.clearFix,
.clearfix {
  clear: both;
  content: ""; }

div#listDocuments ul.tabs li {
  height: auto;
  float: none;
  display: block; }

div.ui-tabs-hide {
  display: none; }

#reply-title {
  display: none; }

#comments {
  margin-top: 15px; }

.events-list p {
  padding: 5px 0 0;
  margin: 0; }

.event-categories {
  float: left;
  display: block; }

.em-location-map {
  float: left;
  width: 100% !important;
  margin-right: 20px;
  margin-bottom: 20px; }

.quickstats-post-cloud {
  padding: 3px 0;
  text-decoration: none;
  font-family: arial;
  text-transform: lowercase;
  line-height: 160%; }

.quickstats-post-cloud:active,
.quickstats-post-cloud:hover,
.quickstats-post-cloud:link,
.quickstats-post-cloud:visited {
  color: #ffffff; }

.to-menu, .to-top {
  display: none; }

ul.search_results {
  display: block;
  background-color: #ffffff;
  width: 242px;
  max-height: 500px;
  position: absolute;
  top: 20px;
  left: 0;
  overflow: auto;
  z-index: 9999;
  list-style: none inside;
  padding: 0;
  margin: 0;
  box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.1);
  border-top: 1px solid #dddddd; }

ul.search_results li {
  display: block;
  padding: 5px 10px;
  margin: 0;
  border-bottom: 1px solid #dddddd;
  text-align: left;
  background-color: #ffffff;
  color: #000000;
  text-decoration: none; }

ul.search_results li:hover {
  background-color: #dddddd; }

ul.search_results li a,
ul.search_results li a:visited {
  display: block;
  color: #568E14;
  margin-left: 0;
  padding-left: 0;
  text-decoration: none; }

ul.search_results li a:hover {
  color: #568E14; }

ul.search_results p#daves-wordpress-live-search_author {
  margin: 0;
  font-size: 90%; }

ul.search_results p#daves-wordpress-live-search_date {
  margin: 0;
  font-size: 90%; }

ul.search_results li.post_with_thumb a {
  width: 150px;
  float: left;
  margin-bottom: 5px; }

ul.search_results li.post_with_thumb img.post_thumb {
  float: left;
  margin: 3px 10px 10px 0;
  height: 48px;
  width: 48px;
  border: 1px solid #888; }

ul.search_results .excerpt,
ul.search_results .meta {
  font-size: 75%;
  width: 100%; }

ul.search_results .clearfix {
  float: none !important;
  clear: both !important; }

.search_footer {
  background-color: #568E14;
  width: 100%;
  text-align: right;
  padding: .5em 0; }

.search_footer a,
.search_footer a:visited {
  color: #ffffff;
  margin-right: 1em; }

#search_results_activity_indicator {
  z-index: 999999; }

.blogs {
  margin: 15px 0; }

.blogs .post .blog-date {
  margin: 5px 0;
  color: #3d3d3d;
  display: block; }

.blogs .post {
  margin-top: 25px; }

.blog-header {
  border-radius: 5px;
  border: 1px solid #dddddd;
  padding: 20px 30px 0 20px; }

.blog-header .header-content {
  display: inline-block;
  width: 45%; }

.search-page-header {
  margin: 30px 0 15px;
  padding: 10px 15px;
  background-color: #dddddd;
  border-radius: 3px; }

ul.post-content-info {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none; }

.floatL {
  float: left; }

.floatR {
  float: right; }

.aLeft p {
  text-align: left; }

.aRight p {
  text-align: right; }

ul.123:last-child {
  clear: both; }

.post.event-entry span.post-date {
  text-transform: uppercase; }

.post.event-entry p.place,
.post.event-entry p.time {
  margin: 0 0 4px; }

.wt-cli-category-widget .wt-cli-form-group label {
  display: inline; }

/*--------------------------------------------------------------
# MEDIA QUERY
--------------------------------------------------------------*/
/* -- for laptops ------------------------------------------- */
/* -- for large tablets ------------------------------------- */
@media only screen and (min-width: 769px) and (max-width: 990px) {
  .post .post-header {
    padding-right: 0; }
  .row .row .subColumn,
  .row .row .subColumn2,
  .row .row .subColumn3,
  .row .row .subColumn4 {
    margin-right: 10px; }
  .ao-list-header {
    margin: 10px 0; }
  .nav-ao {
    margin-bottom: 0; }
  ul.ao-list li {
    padding: 0;
    float: none;
    width: 50%; }
  .nav-ao span {
    margin-left: 10px;
    margin-right: 10px; } }

/* -- for smaller tablets ----------------------------------- */
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .searchContainer {
    width: 380px;
    margin: auto;
    float: none; }
  .row {
    margin: 0; }
  #content .post-padding {
    padding-top: 20px;
    padding-right: 0 !important; }
  .archive-link-container {
    margin: 15px 0 0; }
  ul#post-meta-app li p.label,
  ul#post-meta-social li p.label {
    display: none; }
  #main,
  #page {
    background: 0 0; }
  .post-header h3 {
    margin-right: 0 !important; }
  .post .image-container {
    margin-bottom: 10px; }
  .alignleft, .events-list img, img.alignleft {
    clear: both;
    display: block;
    float: none; }
  .news-post img.shadow, .post img.shadow {
    width: 100% !important; }
  h3 a.tips {
    float: right; }
  .column8.events:last-child {
    display: none; }
  .shortcuts-test ul.thumbboard li, ul.thumbboard li {
    width: 100%; }
  .faktaruta {
    margin: 15px 0 !important;
    float: none; }
  .alignright, img.alignright {
    margin: 0;
    float: none;
    display: block; }
  ul.ao-list li {
    padding: 0;
    float: none;
    width: 100%; }
  .ao-list-header {
    margin: 0 0 10px; }
  .nav-ao {
    margin-bottom: 20px; }
  .nav-ao span {
    margin-left: 5px;
    margin-right: 5px; }
  .to-menu, .to-top {
    display: none; }
  .post-padding {
    padding-right: 0; }
  .post .post-header {
    padding-right: 0; } }

/* for cellphones */
@media only screen and (max-width: 480px) {
  .searchContainer {
    width: 280px;
    margin: auto;
    float: none; }
  .post .post-header {
    padding-right: 0; }
  .row {
    margin: 0; }
  #content .post-padding {
    padding-top: 20px;
    padding-right: 0 !important; }
  .archive-link-container {
    margin: 15px 0 0; }
  ul#post-meta-app li p.label,
  ul#post-meta-social li p.label {
    display: none; }
  #main,
  #page {
    background: 0 0; }
  .post-header h3 {
    margin-right: 0 !important; }
  .post .image-container {
    margin-bottom: 10px; }
  .alignleft, .events-list img, img.alignleft {
    clear: both;
    display: block;
    float: none; }
  .news-post img.shadow, .post img.shadow {
    width: 100% !important; }
  h3 a.tips {
    float: right; }
  .column8.events:last-child {
    display: none; }
  .shortcuts-test ul.thumbboard li, ul.thumbboard li {
    width: 100%; }
  .faktaruta {
    margin: 15px 0 !important;
    float: none; }
  .alignright, img.alignright {
    margin: 0;
    float: none;
    display: block; }
  ul.ao-list li {
    padding: 0;
    float: none;
    width: 100%; }
  .ao-list-header {
    margin: 0 0 10px; }
  .nav-ao {
    margin-bottom: 20px; }
  .nav-ao span {
    margin-left: 5px;
    margin-right: 5px; }
  .to-menu, .to-top {
    display: none; }
  .post-padding {
    padding-right: 0; } }

body {
  background-color: #f7f7f7;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#fff));
  background-image: -webkit-linear-gradient(top, #f7f7f7, #fff 500px);
  background-image: -webkit-linear-gradient(from top, #f7f7f7, #fff 500px);
  background-image: linear-gradient(from top, #f7f7f7, #fff 500px);
  filter: progid:DXImageTransform.Microsoft.gradient start-colourStr="#f7f7f7", end-colourStr="#fff" 500px;
  border-top: 60px solid #568E14;
  font-size: 16px;
  line-height: 1.2;
  font-family: Arial, helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  color: #3d3d3d;
  line-height: 1.5; }

a,
a:link,
a:visited {
  color: #568E14;
  text-decoration: underline; }

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

a h3,
a h4,
a:link h3,
a:link h4,
a:visited h3,
a:visited h4 {
  color: #568E14;
  text-decoration: none; }

a:active h3,
a:active h4,
a:hover h3,
a:hover h4 {
  color: #568e14;
  text-decoration: none; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: ff-meta-web-pro-n4, ff-meta-web-pro;
  line-height: 1;
  margin: 0;
  color: #568E14;
  font-weight: 400; }

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-weight: inherit; }

h1 {
  font-size: 36px; }

h2 {
  font-size: 28px; }

h3 {
  font-size: 24px; }

h4 {
  font-size: 18px;
  font-weight: 700; }

.post .content h1,
.post .content h2,
.post .content h3,
.post .content h4,
.post .content h5
.post .content h6 {
  margin: 0 0 10px !important; }

span.h1 {
  font-family: ff-meta-web-pro-n4, ff-meta-web-pro;
  margin: 0 0 8px;
  color: #568E14;
  text-transform: uppercase;
  font-size: 32px; }

span.h2 {
  font-family: ff-meta-web-pro-n4, ff-meta-web-pro;
  margin: 15px 0 0 0;
  color: #568E14;
  text-transform: uppercase;
  font-size: 24px;
  display: inline-block; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

/*--------------------------------------------------------------
# MEDIA PRINT
--------------------------------------------------------------*/
@media print {
  body {
    font-family: arial !important; }
  #menu-huvudmeny,
  .searchContainer,
  #sidebar,
  .breadcrumbs-container p#breadcrumbs,
  .comments-container,
  .post .post-meta-header,
  footer#footer.footer,
  ul#tabs li {
    display: none; }
  ul#tabs li#current {
    display: block !important; }
  article.post.column12 {
    width: 100%; }
  #listDocuments {
    display: none; }
  .post .content {
    font-size: 18px;
    line-height: 20px; }
  .post-info p {
    font-size: 18px; }
  #relatedDocs {
    display: none; } }

/*--------------------------------------------------------------
# PARTIALS
--------------------------------------------------------------*/
div.alarmbutton {
  position: -webkit-sticky;
  position: sticky;
  top: 40px;
  background-color: red;
  color: #ffffff;
  padding: 20px;
  font-size: 20px;
  text-align: center; }

.breadcrumbs {
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd; }
  .breadcrumbs .breadcrumbs-container {
    margin: 10px 0; }
    .breadcrumbs .breadcrumbs-container p {
      font-family: ff-meta-web-pro-n4, ff-meta-web-pro; }
    .breadcrumbs .breadcrumbs-container a {
      color: #568E14;
      display: inline-block;
      text-decoration: none;
      font-weight: bold; }
      .breadcrumbs .breadcrumbs-container a:hover {
        text-decoration: none;
        color: #3d3d3d; }

.hd.container12,
.hd.container16,
.container12,
.container16 {
  margin: 0 auto;
  padding: 0 30px;
  position: relative; }

.column1,
.column2,
.column3,
.column4,
.column5,
.column6,
.column7,
.column8,
.column9,
.column10,
.column11,
.column12,
.column13,
.column14,
.column15,
.column16 {
  display: inline;
  float: left; }

.container12,
.container16 {
  width: 1380px; }

.container12 .column1 {
  width: 60px; }

.container12 .column2 {
  width: 140px; }

.container12 .column3 {
  width: 220px; }

.container12 .column4 {
  width: 300px; }

.container12 .column5 {
  width: 380px; }

.container12 .column6 {
  width: 460px; }

.container12 .column7 {
  width: 540px; }

.container12 .column8 {
  width: 620px; }

.container12 .column9 {
  width: 700px; }

.container12 .column10 {
  width: 780px; }

.container12 .column11 {
  width: 860px; }

.container12 .column12 {
  width: 940px; }

.container16 .column1 {
  width: 6.25%; }

.container16 .column2 {
  width: 12.5%; }

.container16 .column3 {
  width: 18.75%; }

.container16 .column4 {
  width: 25%; }

.container16 .column5 {
  width: 31.25%; }

.container16 .column6 {
  width: 37.5%; }

.container16 .column7 {
  width: 43.75%; }

.container16 .column8 {
  width: 50%; }

.container16 .column9 {
  width: 56.25%; }

.container16 .column10 {
  width: 62.5%; }

.container16 .column11 {
  width: 68.75%; }

.container16 .column12 {
  width: 75%; }

.container16 .column13 {
  width: 81.25%; }

.container16 .column14 {
  width: 87.5%; }

.container16 .column15 {
  width: 93.75%; }

.container16 .column16 {
  width: 100%; }

.container12 .prefix1 {
  padding-left: 80px; }

.container12 .prefix2 {
  padding-left: 160px; }

.container12 .prefix3 {
  padding-left: 240px; }

.container12 .prefix4 {
  padding-left: 320px; }

.container12 .prefix5 {
  padding-left: 400px; }

.container12 .prefix6 {
  padding-left: 480px; }

.container12 .prefix7 {
  padding-left: 560px; }

.container12 .prefix8 {
  padding-left: 640px; }

.container12 .prefix9 {
  padding-left: 720px; }

.container12 .prefix10 {
  padding-left: 800px; }

.container12 .prefix11 {
  padding-left: 880px; }

.container16 .prefix1 {
  padding-left: 60px; }

.container16 .prefix2 {
  padding-left: 120px; }

.container16 .prefix3 {
  padding-left: 180px; }

.container16 .prefix4 {
  padding-left: 240px; }

.container16 .prefix5 {
  padding-left: 300px; }

.container16 .prefix6 {
  padding-left: 360px; }

.container16 .prefix7 {
  padding-left: 420px; }

.container16 .prefix8 {
  padding-left: 480px; }

.container16 .prefix9 {
  padding-left: 540px; }

.container16 .prefix10 {
  padding-left: 600px; }

.container16 .prefix11 {
  padding-left: 660px; }

.container16 .prefix12 {
  padding-left: 720px; }

.container16 .prefix13 {
  padding-left: 780px; }

.container16 .prefix14 {
  padding-left: 840px; }

.container16 .prefix15 {
  padding-left: 900px; }

.container12:after,
.container12:before,
.container16:after,
.container16:before {
  content: '.';
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0; }

.container12:after,
.container16:after {
  clear: both; }

#head .container16,
.container16.fix {
  border-bottom: 1px solid #dddddd; }

#head .container16 {
  border-bottom: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd; }

#head .container16 .row {
  margin: 0; }

#head .container16 .rel {
  margin: 0px; }

#main.container16,
.container16.fix {
  background: #ffffff !important;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd; }

.container16.iphone-nav {
  display: none; }

/*--------------------------------------------------------------
# MEDIA QUERY
--------------------------------------------------------------*/
/* -- for laptops ------------------------------------------- */
@media only screen and (min-width: 991px) and (max-width: 1440px) {
  .container12,
  .container16 {
    width: 932px; } }

/* -- for large tablets ------------------------------------- */
@media only screen and (min-width: 769px) and (max-width: 990px) {
  .container12,
  .container16 {
    width: 710px; } }

/* for smaller tablets */
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .container12,
  .container16 {
    width: 422px; }
  .container12 .column1,
  .container12 .column2,
  .container12 .column3,
  .container12 .column4,
  .container12 .column5,
  .container12 .column6,
  .container12 .column7,
  .container12 .column8,
  .container12 .column9,
  .container12 .column10,
  .container12 .column11,
  .container12 .column12,
  .container16 .column1,
  .container16 .column2,
  .container16 .column3,
  .container16 .column4,
  .container16 .column5,
  .container16 .column6,
  .container16 .column7,
  .container16 .column8,
  .container16 .column9,
  .container16 .column10,
  .container16 .column11,
  .container16 .column12,
  .container16 .column13,
  .container16 .column14,
  .container16 .column15,
  .container16 .column16 {
    padding: 0 0 20px 0;
    width: 422px; }
  #head .container16 .rel {
    margin: 0; }
  .container16.iphone-nav {
    display: block; } }

/* for cellphones */
@media only screen and (max-width: 480px) {
  .hd.container12,
  .hd.container16,
  .container12,
  .container16 {
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
    width: 320px; }
  .container12,
  .container16 {
    width: 320px; }
  .container12 .column1,
  .container12 .column2,
  .container12 .column3,
  .container12 .column4,
  .container12 .column5,
  .container12 .column6,
  .container12 .column7,
  .container12 .column8,
  .container12 .column9,
  .container12 .column10,
  .container12 .column11,
  .container12 .column12,
  .container16 .column1,
  .container16 .column2,
  .container16 .column3,
  .container16 .column4,
  .container16 .column5,
  .container16 .column6,
  .container16 .column7,
  .container16 .column8,
  .container16 .column9,
  .container16 .column10,
  .container16 .column11,
  .container16 .column12,
  .container16 .column13,
  .container16 .column14,
  .container16 .column15,
  .container16 .column16 {
    padding: 0 0 20px 0;
    width: 100%; }
  #head .container16 .rel {
    margin: 0; }
  .container16.iphone-nav {
    display: block; } }

#cb_init_bookingengine .Citybreak_engine .Citybreak_container {
  max-width: 1380px; }

#cb_init_bookingengine .Citybreak_engine .Citybreak_main {
  width: 75%; }

#cb_init_bookingengine .Citybreak_engine .Citybreak_sidebar {
  width: 25%; }

.headline {
  position: relative;
  display: block;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 10px;
  margin-bottom: 20px; }
  .headline h3 {
    color: #3d3d3d; }

.comments-container {
  display: block;
  margin: 3px 0 0; }
  .comments-container h3 {
    display: block !important;
    border-bottom: 1px solid #dddddd;
    padding: 0 0 8px; }
    .comments-container h3 a.toggle {
      background-image: url(../img/toggle-expand.png);
      background-position: right;
      background-repeat: no-repeat;
      display: block !important; }

/*--------------------------------------------------------------
# MEDIA QUERY
--------------------------------------------------------------*/
/* -- for laptops ------------------------------------------- */
/* -- for large tablets ------------------------------------- */
/* for smaller tablets */
@media only screen and (min-width: 481px) and (max-width: 768px) {
  #cb_init_bookingengine .Citybreak_engine .Citybreak_main {
    width: 100%; }
  #cb_init_bookingengine .Citybreak_engine .Citybreak_sidebar {
    width: 100%; } }

/* for cellphones */
@media only screen and (max-width: 480px) {
  #cb_init_bookingengine .Citybreak_engine .Citybreak_main {
    width: 100%; }
  #cb_init_bookingengine .Citybreak_engine .Citybreak_sidebar {
    width: 100%; } }

@media only screen and (max-width: 500px) {
  .cli_settings_button {
    color: green !important; } }

.ke-calendar {
  padding: 10px 0; }
  .ke-calendar span {
    margin-top: 0; }
  .ke-calendar .events-front-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 10px;
    margin-bottom: 20px; }
    .ke-calendar .events-front-inner h3 {
      color: #3d3d3d; }
    .ke-calendar .events-front-inner .item {
      width: 100%; }
    .ke-calendar .events-front-inner-read-more {
      float: flex-end; }
  .ke-calendar .events-front ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .ke-calendar .events-front ul li {
      width: 100%;
      background-color: #f9f9f9;
      box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
      margin-bottom: 2rem; }
      .ke-calendar .events-front ul li:last-child {
        margin-bottom: 0; }
      .ke-calendar .events-front ul li .content {
        position: relative;
        padding: 2rem;
        height: 100%; }
        .ke-calendar .events-front ul li .content .title {
          font-size: 24px; }
        .ke-calendar .events-front ul li .content .date {
          margin-bottom: 1rem;
          text-transform: lowercase; }
        .ke-calendar .events-front ul li .content .text {
          margin-bottom: 1rem; }
        .ke-calendar .events-front ul li .content .btn {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-box-pack: end;
          -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
          justify-content: flex-end; }
          .ke-calendar .events-front ul li .content .btn a {
            color: #3d3d3d !important; }
            .ke-calendar .events-front ul li .content .btn a:hover {
              color: #568E14 !important; }

/*--------------------------------------------------------------
# MEDIA QUERY
--------------------------------------------------------------*/
/* -- for laptops ------------------------------------------- */
/* -- for large tablets ------------------------------------- */
/* -- for smaller tablets ----------------------------------- */
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .events-front .content {
    padding: 1rem !important; }
    .events-front .content .btn {
      position: absolute;
      bottom: 45px !important;
      right: 16px !important; } }

/* -- for cellphones ---------------------------------------- */
@media only screen and (max-width: 480px) {
  .events-front .content {
    padding: 1rem !important; }
    .events-front .content .btn {
      position: absolute;
      bottom: 45px !important;
      right: 16px !important; } }

.slider {
  padding: 0;
  margin-top: 30px;
  margin-bottom: 30px; }
  .slider .flexslider {
    padding: 0;
    margin: 0;
    background: #ffffff;
    border: 10px solid #ffffff;
    position: relative;
    border-radius: 4px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    zoom: 1; }
    .slider .flexslider a:active,
    .slider .flexslider a:focus {
      outline: 0; }
    .slider .flexslider .slides {
      zoom: 1; }
      .slider .flexslider .slides img {
        width: 100%;
        display: block;
        object-fit: cover;
        object-position: bottom;
        max-height: 450px; }

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

.flexslider:hover .flex-next {
  opacity: .8;
  right: 25px; }

.flexslider:hover .flex-prev {
  opacity: .8;
  left: 25px; }

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
  opacity: 1; }

#main-slider.flexslider .flex-control-nav,
#secondary-slider.flexslider .flex-control-nav {
  display: none !important; }

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

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

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

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

* html .slides {
  height: 1%; }

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

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

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

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

.flex-direction-nav a {
  width: 30px;
  height: 30px;
  margin: -20px 0 0;
  display: block;
  background: url(../img/bg_direction_nav.png) no-repeat;
  position: absolute;
  top: 50%;
  cursor: pointer;
  text-indent: -9999px;
  opacity: 0;
  -webkit-transition: all .3s ease; }

.flex-direction-nav .flex-next {
  background-position: 100% 0;
  right: -36px; }

.flex-direction-nav .flex-prev {
  left: -36px; }

.flex-direction-nav .flex-disabled {
  opacity: 0.3 !important;
  filter: alpha(opacity=30);
  cursor: default; }

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

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

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

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

.flex-control-paging li a.flex-active {
  background: #568E14;
  cursor: default; }

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

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

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

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

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

.flex-caption {
  width: 96.1%;
  padding: 1.93%;
  margin: 0;
  position: absolute;
  left: 0;
  bottom: 40px;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  font-size: 32px;
  line-height: 25px;
  font-family: ff-meta-web-pro-n7, ff-meta-web-pro;
  color: #ffffff;
  font-weight: 700; }

#main-slider p.flex-caption,
#secondary-slider p.flex-caption {
  width: auto;
  padding: 5px;
  margin: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  background: black;
  text-shadow: 0 -1px 0 black;
  color: #ffffff; }

#main p.flex-caption a,
#main p.flex-caption a:active,
#main p.flex-caption a:hover,
#main p.flex-caption a:link,
#main p.flex-caption a:visited {
  color: #ffffff !important; }

/*--------------------------------------------------------------
# MEDIA QUERY
--------------------------------------------------------------*/
/* -- for laptops ------------------------------------------- */
/* -- for large tablets ------------------------------------- */
@media only screen and (min-width: 769px) and (max-width: 990px) {
  .flex-caption {
    bottom: 24px;
    font-size: 24px;
    line-height: 24px; } }

/* for smaller tablets */
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .flex-caption {
    bottom: 18px;
    font-size: 18px;
    line-height: 18px; } }

/* for cellphones */
@media only screen and (max-width: 480px) {
  .flexslider {
    border: 5px solid #ffffff; }
  .flex-caption {
    bottom: 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px; } }

#footer {
  background: url(../img/bg-footer.png) top center repeat-x; }
  #footer .container16 {
    padding-top: 130px;
    padding-bottom: 20px;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    font-size: 18px;
    color: #ffffff; }
    #footer .container16 h3 {
      color: #ffffff !important; }
    #footer .container16 a {
      color: #ffffff !important;
      text-decoration: underline; }
      #footer .container16 a:hover {
        text-decoration: none; }

/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }

.screen-reader-text a {
  color: #ffffff !important; }

.screen-reader-text:focus {
  background-color: #f9f9f9;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  -webkit-clip-path: none;
  clip-path: none;
  color: #00607C;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  right: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */ }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0; }

.lavaLamp {
  position: relative;
  width: 100%;
  margin: 0; }

.lavaLamp li {
  float: left;
  list-style: none;
  padding: 0;
  width: 12.5%; }

.lavaLamp li.back {
  background: url() right no-repeat;
  width: 27px !important;
  z-index: 8;
  position: absolute; }

.lavaLamp li.back .left {
  background: url(../img/menu-item-selected.png) top left no-repeat;
  height: 83px;
  margin-top: 12px;
  overflow: visible; }

.lavaLamp li a {
  font-family: ff-meta-web-pro-n4, ff-meta-web-pro;
  font-size: 18px;
  text-decoration: none;
  color: #000000;
  text-align: left;
  text-transform: uppercase;
  z-index: 9910;
  display: block;
  margin: 0 10px 0 20px;
  padding: 20px 0;
  overflow: visible; }

.lavaLamp li a:hover,
.lavaLamp li.current-menu-item,
.lavaLamp li.current_page_item {
  color: #568E14; }

.lavaLamp li a span {
  display: block;
  min-height: 22px; }

.lavaLamp li a span.small {
  font-size: 14px;
  font-style: italic;
  text-transform: none;
  color: #3d3d3d; }

.lavalamp-vertical {
  margin-left: 10px; }

.lavalamp-vertical h3,
.lavalamp-vertical h4 {
  display: none; }

/*--------------------------------------------------------------
# MEDIA QUERY
--------------------------------------------------------------*/
/* -- for laptops ------------------------------------------- */
@media only screen and (min-width: 991px) and (max-width: 1440px) {
  .lavaLamp li {
    width: auto; }
  .lavaLamp li a {
    margin: 0 20px; }
  .lavaLamp li.back .left {
    background: url(../img/menu-item-selected-tab.png) top left no-repeat;
    margin-top: 10px; }
  .lavaLamp li a span {
    display: none; } }

/* -- for large tablets ------------------------------------- */
@media only screen and (min-width: 769px) and (max-width: 990px) {
  .lavaLamp li {
    width: auto; }
  .lavaLamp li a {
    font-size: 16px;
    margin: 0 2px 0 20px; }
  .lavaLamp li.back .left {
    background: url(../img/menu-item-selected-tab.png) top left no-repeat;
    margin-top: 10px; }
  .lavaLamp li a span {
    display: none; } }

/* for smaller tablets */
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .lavaLamp li {
    width: auto; }
  .lavaLamp li a {
    font-size: 16px;
    margin: 0 5px;
    padding: 5px 0; }
  .lavaLamp li.back .left {
    background: none;
    margin-top: 0; }
  .lavaLamp li a span {
    display: none; } }

/* for cellphones */
@media only screen and (max-width: 480px) {
  .lavaLamp li {
    width: auto; }
  .lavaLamp li a {
    font-size: 16px;
    margin-left: 0;
    margin-right: 8px;
    padding: 5px 0; }
  .lavaLamp li.back .left {
    background: none;
    margin-top: 0; }
  .lavaLamp li a span {
    display: none; } }

#content .post-padding {
  padding-right: 30px; }
  #content .post-padding ol, #content .post-padding ul {
    padding-bottom: 18px; }
  #content .post-padding .date-container {
    color: #3d3d3d;
    padding-top: 10px;
    padding-bottom: 5px; }
  #content .post-padding .front-content p {
    color: #3d3d3d; }
  #content .post-padding .post-footer a {
    color: #3d3d3d; }
    #content .post-padding .post-footer a:hover {
      color: #568E14; }

#sidebar {
  margin: 30px 0 0 0;
  background-color: #f9f9f9; }
  #sidebar .main-left-navigation {
    padding: 20px 0;
    width: 100%; }
  #sidebar .main-left-menu {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  #sidebar ul.main-left-menu li a span.m-outer {
    padding: 2px 20px;
    display: block;
    border-bottom: 1px solid transparent; }

#sidebar ul.main-left-menu li a:hover,
#sidebar ul.main-left-menu li ul.children li a:hover,
#sidebar ul.main-left-menu li.current_page_item a {
  display: block;
  padding: 2px 20px;
  background-color: transparent;
  text-decoration: none;
  color: #568E14; }

#sidebar ul.main-left-menu li a:hover span.m-outer,
#sidebar ul.main-left-menu li ul.children li a:hover span.m-outer,
#sidebar ul.main-left-menu li ul.children li.current_page_item a span.m-outer,
#sidebar ul.main-left-menu li.current_page_item a span.m-outer {
  padding: 2px 20px;
  display: block;
  border-bottom: 1px solid #568E14; }

#sidebar ul.main-left-menu li ul.children li ul.children li.current_page_item a span.m-outer,
#sidebar ul.main-left-menu li ul.children li ul.children li.current_page_item a:hover span.m-outer,
#sidebar ul.main-left-menu li ul.children li ul.children li.page_item a:hover span.m-outer {
  border-bottom: 1px solid #568E14 !important; }

#sidebar ul.main-left-menu li a,
#sidebar ul.main-left-menu li a:hover {
  display: block;
  padding: 2px 20px;
  text-decoration: none;
  color: #568E14;
  background: 0 0; }

#content #sidebar a:active,
#content #sidebar a:hover {
  color: #568E14 !important;
  text-decoration: none !important; }

#sidebar ul.main-left-menu a,
#sidebar ul.main-left-menu a:link,
#sidebar ul.main-left-menu a:visited {
  color: #3d3d3d; }

#sidebar ul.main-left-menu li.current_page_item,
#sidebar ul.main-left-menu li.page_item {
  list-style-type: none;
  margin: 0;
  padding: 0; }

#sidebar ul.main-left-menu li a,
#sidebar ul.main-left-menu li a:active,
#sidebar ul.main-left-menu li a:hover,
#sidebar ul.main-left-menu li a:visited {
  display: block;
  background: 0 0;
  font-size: 16px;
  border-bottom: 1px solid transparent;
  text-decoration: none; }

#sidebar ul.main-left-menu li ul.children,
#sidebar ul.main-left-menu li ul.children li,
#sidebar ul.main-left-menu li.current_page_ancestor.current_page_parent ul.children,
#sidebar ul.main-left-menu li.current_page_ancestor.current_page_parent ul.children li,
#sidebar ul.main-left-menu li.current_page_item ul.children,
#sidebar ul.main-left-menu li.current_page_item ul.children li {
  list-style-type: none;
  margin: 0;
  padding: 0; }

#sidebar ul.main-left-menu li ul.children li a {
  background: 0 0; }

#sidebar ul.main-left-menu li ul.children li a span.m-outer,
#sidebar ul.main-left-menu li ul.children li ul.children li a span.m-outer {
  border-bottom: 1px solid transparent; }

#sidebar ul.main-left-menu li.current_page_item ul.children li.page_item a,
#sidebar ul.main-left-menu li.current_page_item ul.children li.page_item a:active,
#sidebar ul.main-left-menu li.current_page_item ul.children li.page_item a:visited {
  background: 0 0;
  font-size: 16px !important;
  color: #3d3d3d !important;
  border-bottom: 1px solid transparent !important; }

#sidebar ul.main-left-menu li.current_page_item ul.children li.page_item a:active,
#sidebar ul.main-left-menu li.current_page_item ul.children li.page_item a:hover {
  color: #3d3d3d; }

#sidebar ul.main-left-menu li.current_page_ancestor.current_page_parent ul.children a,
#sidebar ul.main-left-menu li.current_page_ancestor.current_page_parent ul.children a:active,
#sidebar ul.main-left-menu li.current_page_ancestor.current_page_parent ul.children a:hover,
#sidebar ul.main-left-menu li.current_page_ancestor.current_page_parent ul.children a:visited {
  background: 0 0;
  text-transform: none;
  font-size: 16px !important;
  color: #3d3d3d; }

#sidebar ul.main-left-menu li.current_page_ancestor ul.children li.page_item a,
#sidebar ul.main-left-menu li.current_page_ancestor ul.children li.page_item a:active,
#sidebar ul.main-left-menu li.current_page_ancestor ul.children li.page_item a:hover,
#sidebar ul.main-left-menu li.current_page_ancestor ul.children li.page_item a:visited,
#sidebar ul.main-left-menu li.current_page_parent ul.children li.current_page_item a,
#sidebar ul.main-left-menu li.current_page_parent ul.children li.current_page_item a:active,
#sidebar ul.main-left-menu li.current_page_parent ul.children li.current_page_item a:hover,
#sidebar ul.main-left-menu li.current_page_parent ul.children li.current_page_item a:visited {
  background: 0 0;
  text-transform: none;
  font-size: 16px !important;
  color: #3d3d3d !important; }

#sidebar ul.main-left-menu li.current_page_ancestor ul.children li.page_item a:hover,
#sidebar ul.main-left-menu li.current_page_parent ul.children li.current_page_item a:hover {
  color: #568E14 !important; }

#sidebar ul.main-left-menu ul.children li ul.children li a,
#sidebar ul.main-left-menu ul.children li ul.children li a:active,
#sidebar ul.main-left-menu ul.children li ul.children li a:hover,
#sidebar ul.main-left-menu ul.children li ul.children li a:link,
#sidebar ul.main-left-menu ul.children li ul.children li a:visited {
  color: #3d3d3d !important;
  text-transform: none;
  font-size: 16px !important; }

#sidebar ul.main-left-menu ul.children li ul.children li a:active,
#sidebar ul.main-left-menu ul.children li ul.children li a:hover {
  color: #568E14 !important;
  text-transform: none;
  font-size: 16px !important; }

#sidebar ul.main-left-menu ul.children li ul.children li.page_item,
#sidebar ul.main-left-menu ul.children li ul.children li.page_item a,
#sidebar ul.main-left-menu ul.children li ul.children li.page_item a span.m-outer,
#sidebar ul.main-left-menu ul.children li ul.children li.page_item a:active,
#sidebar ul.main-left-menu ul.children li ul.children li.page_item a:hover,
#sidebar ul.main-left-menu ul.children li ul.children li.page_item a:visited {
  background-image: none !important; }

#sidebar ul.main-left-menu li.current_page_ancestor.current_page_parent a,
#sidebar ul.main-left-menu li.current_page_ancestor.current_page_parent a:active,
#sidebar ul.main-left-menu li.current_page_ancestor.current_page_parent a:hover,
#sidebar ul.main-left-menu li.current_page_ancestor.current_page_parent a:visited,
#sidebar ul.main-left-menu li.current_page_ancestor.current_page_parent ul.children a,
#sidebar ul.main-left-menu li.current_page_ancestor.current_page_parent ul.children a:active,
#sidebar ul.main-left-menu li.current_page_ancestor.current_page_parent ul.children a:hover,
#sidebar ul.main-left-menu li.current_page_ancestor.current_page_parent ul.children a:visited {
  background-color: transparent; }

#sidebar .current_page_ancestor .current_page_ancestor ul ul,
#sidebar .current_page_ancestor .current_page_item ul ul,
#sidebar .current_page_ancestor ul ul,
#sidebar .current_page_item ul ul,
#sidebar ul ul {
  display: none; }

#sidebar .current_page_ancestor .current_page_ancestor .current_page_ancestor ul,
#sidebar .current_page_ancestor .current_page_ancestor .current_page_item ul,
#sidebar .current_page_ancestor .current_page_ancestor ul,
#sidebar .current_page_ancestor .current_page_item ul,
#sidebar .current_page_ancestor ul,
#sidebar .current_page_ancestor ul ul,
#sidebar .current_page_item ul {
  display: block; }

.current_page_item ul,
.current_page_item ul ul,
.current_page_item ul ul ul {
  display: block !important; }

.current_page_ancestor ul.children a span.m-inner,
.current_page_item ul.children a span.m-inner,
.current_page_parent ul.children a span.m-inner,
ul.children li.current_page_item a span.m-inner {
  margin-left: 20px !important;
  display: block; }

.current_page_ancestor ul.children ul.children a span.m-inner,
.current_page_item ul.children ul.children a span.m-inner,
.current_page_parent ul.children ul.children a span.m-inner,
ul.children li.current_page_item ul.children a span.m-inner {
  margin-left: 40px !important;
  display: block; }

.parent_page a span.m-outer {
  background-image: url(../img/toggle-menu-inactive-green.png) !important;
  background-position: 0px 10px !important;
  background-repeat: no-repeat; }

.parent_page a:hover span.m-outer {
  background-image: url(../img/toggle-menu-inactive-green.png) !important; }

.parent_page.current_page_ancestor a span.m-outer,
.parent_page.current_page_item a span.m-outer {
  background-image: url(../img/toggle-menu-active-green.png) !important;
  background-position: 0px 9px !important;
  background-repeat: no-repeat; }

.parent_page.current_page_ancestor a:hover span.m-outer,
.parent_page.current_page_item a:hover span.m-outer {
  background-image: url(../img/toggle-menu-active-green.png) !important; }

.current_page_ancestor ul.children span.m-outer,
.current_page_item ul.children span.m-outer,
.parent_page.current_page_ancestor ul.children a:hover span.m-outer,
.parent_page.current_page_item ul.children a:hover span.m-outer,
ul.children .current_page_ancestor ul.children span.m-outer,
ul.children .current_page_item ul.children span.m-outer,
ul.children .parent_page span.m-outer {
  background: 0 0 !important; }

/*--------------------------------------------------------------
# MEDIA QUERY
--------------------------------------------------------------*/
/* -- for large tablets ------------------------------------- */
@media only screen and (min-width: 769px) and (max-width: 990px) {
  #sidebar ul.main-left-menu li a,
  #sidebar ul.main-left-menu li a:hover {
    padding: 5px 5px 0; } }

#sidebar .event-sidebar-categories {
  width: 100%; }

#sidebar .event-sidebar-categories ul li a {
  font-family: arial;
  font-weight: 400;
  text-transform: none;
  font-size: 16px;
  color: #3d3d3d;
  border-bottom: 1px solid transparent;
  display: block;
  padding: 0 0 5px 20px;
  text-decoration: none; }

#sidebar .event-sidebar-categories ul li a span {
  padding: 0 10px 2px 15px;
  display: block;
  border-bottom: 1px solid transparent; }

#sidebar .event-sidebar-categories h3 {
  display: block;
  font-family: ff-meta-web-pro-n4, ff-meta-web-pro;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 18px;
  border-bottom: 1px solid transparent;
  text-decoration: none;
  padding: 20px 15px 5px 20px; }

#content #sidebar a:active {
  color: #3d3d3d;
  text-decoration: none; }

#sidebar .event-sidebar-categories a:active span,
#sidebar .event-sidebar-categories a:hover span {
  display: block;
  border-bottom: 1px solid #3d3d3d; }

#sidebar .news-archive li {
  list-style: none; }

#sidebar .translate-box {
  padding: 20px 20px 0 20px; }

#sidebar .translate-box h4 {
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 20px !important; }

#sidebar select {
  border: 1px solid #dddddd;
  padding: 10px !important;
  border-radius: 2px;
  font-size: 16px;
  color: #000000;
  margin: 5px 0;
  width: 100% !important;
  max-width: 100%;
  display: block;
  background: #ffffff;
  box-shadow: inset 0 0.2rem 0.5rem rgba(0, 0, 0, 0.1); }

#sidebar .google_translate_footer {
  display: none; }

#timeline-wrapper {
  height: auto !important;
  padding: 0 0 20px 0;
  width: 100%;
  background: #ffffff; }

#timeline-days {
  position: relative;
  height: 10px;
  top: 20px;
  border-left: 1px solid #568E14;
  border-right: 1px solid #568E14;
  background: #ffffff; }

#timeline-bottom {
  position: relative;
  height: 2px;
  width: 100%;
  background: #568E14;
  top: 20px; }

.timeline-day {
  position: absolute;
  height: 5px;
  width: 0;
  background: #f9f9f9;
  top: 20px; }

.timeline-month {
  position: relative;
  height: 30px;
  width: 1px;
  background: #568E14 !important;
  top: -20px; }

.timeline-event-circle {
  position: absolute;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background: #568E14 !important;
  cursor: pointer;
  top: 6px;
  z-index: 9999;
  box-shadow: inset 0 1px 2px #f9f9f9; }

.timeline-multievent-circle {
  position: absolute;
  border-radius: 50%;
  width: 13px;
  height: 13px;
  background: #568E14 !important;
  cursor: pointer;
  top: 5px;
  z-index: 9999;
  box-shadow: inset 0 1px 2px #f9f9f9; }

.timeline-event-circle.next {
  position: absolute;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background: #568E14 !important;
  cursor: pointer;
  top: 6px;
  z-index: 9999;
  box-shadow: inset 0 1px 2px #f9f9f9; }

.timeline-multievent-circle.next {
  position: absolute;
  border-radius: 50%;
  width: 13px;
  height: 13px;
  background: #568E14 !important;
  cursor: pointer;
  top: 5px;
  z-index: 9999;
  box-shadow: inset 0 1px 2px #f9f9f9; }

.timeline-tooltip {
  position: absolute;
  z-index: 9999;
  opacity: 1;
  display: none;
  border: 2px solid #dddddd;
  text-align: center;
  background: #f9f9f9 !important;
  border-radius: 5px;
  color: #000000;
  padding: 5px;
  box-shadow: 2px 2px 2px #f9f9f9; }

.timeline-tooltip span {
  margin-bottom: 3px;
  width: 100%;
  float: left;
  clear: both;
  text-align: center; }

#timeline-months {
  position: relative;
  width: 100%;
  clear: both;
  top: 20px;
  background: #ffffff; }

#timeline-months div {
  position: relative;
  float: left;
  color: #3d3d3d;
  top: -25px; }

#timeline-first-month {
  background: #ffffff;
  text-align: right; }

#timeline-first-month span {
  margin-right: 5px;
  font-size: 10px; }

#timeline-second-month {
  text-align: left;
  background: #ffffff; }

#timeline-second-month span {
  margin-left: 5px;
  font-size: 10px; }

.toplinksContainer ul {
  margin-top: 20px;
  text-align: right;
  margin-bottom: 21px; }
  .toplinksContainer ul li {
    display: inline-block;
    padding-right: 15px; }
    .toplinksContainer ul li:before {
      content: '';
      display: inline-block;
      position: relative;
      top: 1px;
      height: 15px;
      width: 15px;
      background-size: contain;
      background-repeat: no-repeat;
      padding-right: 5px;
      -webkit-filter: brightness(0) invert(1);
      filter: brightness(0) invert(1); }
    .toplinksContainer ul li:last-child {
      padding-right: 0; }
    .toplinksContainer ul li a {
      font-size: 18px;
      color: #ffffff;
      text-decoration: none; }
      .toplinksContainer ul li a:hover {
        text-decoration: underline; }
  .toplinksContainer ul li.ikon-lista:before {
    background-image: url("/wp-content/themes/ostragoinge/images/icon-list.svg"); }
  .toplinksContainer ul li.ikon-kontakt:before {
    background-image: url("/wp-content/themes/ostragoinge/images/icon-envelope.svg"); }
  .toplinksContainer ul li.ikon-lyssna:before {
    background-image: url("/wp-content/themes/ostragoinge/images/icon-listen.svg"); }
  .toplinksContainer ul li.ikon-oversatt:before {
    background-image: url("/wp-content/themes/ostragoinge/images/icon-translate.svg"); }
  .toplinksContainer ul li.ikon-driftinfo:before {
    background-image: url("/wp-content/themes/ostragoinge/images/icon-warning.svg"); }
  .toplinksContainer ul li.ikon-blanketter:before {
    background-image: url("/wp-content/themes/ostragoinge/images/icon-forms.svg"); }
  .toplinksContainer ul li.ikon-schema:before {
    background-image: url("/wp-content/themes/ostragoinge/images/icon-schedule.svg"); }
  .toplinksContainer ul li.ikon-skolmat:before {
    background-image: url("/wp-content/themes/ostragoinge/images/icon-food.svg"); }

/*--------------------------------------------------------------
# MEDIA QUERY
--------------------------------------------------------------*/
/* for smaller tablets */
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .toplinksContainer ul {
    margin-top: 0;
    text-align: center;
    margin-bottom: 20px; }
    .toplinksContainer ul li {
      padding-right: 5px;
      padding-left: 5px; }
      .toplinksContainer ul li:before {
        display: none; }
      .toplinksContainer ul li:first-child {
        padding-left: 0; }
      .toplinksContainer ul li:last-child {
        padding-right: 0; }
      .toplinksContainer ul li a {
        font-size: 16px;
        color: #3d3d3d; } }

/* for cellphones */
@media only screen and (max-width: 480px) {
  .toplinksContainer ul {
    margin-top: 0;
    text-align: center;
    margin-bottom: 20px; }
    .toplinksContainer ul li {
      padding-right: 5px;
      padding-left: 5px; }
      .toplinksContainer ul li:before {
        display: none; }
      .toplinksContainer ul li:first-child {
        padding-left: 0; }
      .toplinksContainer ul li:last-child {
        padding-right: 0; }
      .toplinksContainer ul li a {
        font-size: 16px;
        color: #3d3d3d; } }

.ctm-logo img {
  max-height: 80px;
  height: 100%;
  width: auto;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  padding: 15px;
  box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.1); }

/*--------------------------------------------------------------
# MEDIA QUERY
--------------------------------------------------------------*/
/* for smaller tablets */
@media only screen and (min-width: 481px) and (max-width: 768px) {
  body {
    border-top: 60px solid #f9f9f9; }
  .ctm-logo img {
    max-height: 60px;
    height: 100%;
    width: auto;
    background-color: transparent;
    border: none;
    padding: 20px 0 0 0;
    box-shadow: none; } }

/* for cellphones */
@media only screen and (max-width: 480px) {
  body {
    border-top: 60px solid #f9f9f9; }
  .ctm-logo img {
    max-height: 60px;
    height: 100%;
    width: auto;
    background-color: transparent;
    border: none;
    padding: 20px 0 0 0;
    box-shadow: none; } }

.start-shortcuts {
  margin-bottom: 0;
  margin-top: 20px; }
  .start-shortcuts ul.thumbboard {
    margin: 0;
    padding: 0;
    list-style-type: none; }
    .start-shortcuts ul.thumbboard > :nth-child(3n+3) {
      padding: 0 0 20px; }
    .start-shortcuts ul.thumbboard li {
      position: relative;
      display: inline-block;
      vertical-align: top;
      list-style-type: none;
      padding: 0 20px 20px 0;
      margin: 0;
      width: 213px; }
      .start-shortcuts ul.thumbboard li a p, .start-shortcuts ul.thumbboard li a h4 {
        color: #3d3d3d; }
        .start-shortcuts ul.thumbboard li a p:hover, .start-shortcuts ul.thumbboard li a h4:hover {
          color: #568E14; }
      .start-shortcuts ul.thumbboard li h4 {
        display: block;
        font-weight: 400;
        padding: 10px 0 0 0; }
      .start-shortcuts ul.thumbboard li p {
        display: block;
        font-weight: 400; }

.list-sub-thumbs ul.thumbboard {
  margin: 0;
  list-style-type: none; }
  .list-sub-thumbs ul.thumbboard > :nth-child(4n+4) {
    padding: 0 0 20px; }
  .list-sub-thumbs ul.thumbboard li {
    margin: 0;
    list-style-type: none;
    position: relative;
    display: inline-block;
    width: 211px;
    vertical-align: top;
    padding-right: 20px;
    padding-bottom: 20px; }
    .list-sub-thumbs ul.thumbboard li a h4 {
      color: #3d3d3d;
      -webkit-hyphens: auto;
      -ms-hyphens: auto;
      hyphens: auto; }
      .list-sub-thumbs ul.thumbboard li a h4:hover {
        color: #568E14; }
    .list-sub-thumbs ul.thumbboard li h4 {
      display: block;
      font-weight: 400;
      color: #3d3d3d;
      padding: 10px 0 0 0; }

/*--------------------------------------------------------------
# MEDIA QUERY
--------------------------------------------------------------*/
/* -- for laptops ------------------------------------------- */
@media only screen and (min-width: 991px) and (max-width: 1440px) {
  .start-shortcuts ul.thumbboard > :nth-child(3n+3) {
    padding: 0 20px 20px 0; }
  .start-shortcuts ul.thumbboard > :nth-child(2n+2) {
    padding: 0 0 20px; }
  .start-shortcuts ul.thumbboard li {
    width: 220px; }
  .list-sub-thumbs ul.thumbboard > :nth-child(4n+4) {
    padding-right: 20px;
    padding-bottom: 20px; }
  .list-sub-thumbs ul.thumbboard > :nth-child(2n+2) {
    padding-bottom: 20px; }
  .list-sub-thumbs ul.thumbboard li {
    width: 187px; } }

/* -- for large tablets ------------------------------------- */
@media only screen and (min-width: 769px) and (max-width: 990px) {
  .start-shortcuts ul.thumbboard > :nth-child(3n+3) {
    padding: 0 20px 20px 0; }
  .start-shortcuts ul.thumbboard > :nth-child(2n+2) {
    padding: 0 0 20px; }
  .start-shortcuts ul.thumbboard li {
    width: 165px; }
  .list-sub-thumbs ul.thumbboard > :nth-child(4n+4) {
    padding-right: 20px;
    padding-bottom: 20px; }
  .list-sub-thumbs ul.thumbboard li {
    width: 216px; } }

/* for smaller tablets */
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .start-shortcuts ul.thumbboard > :nth-child(3n+3) {
    padding: 0 20px 20px 0; }
  .start-shortcuts ul.thumbboard > :nth-child(2n+2) {
    padding: 0 0 20px; }
  .start-shortcuts ul.thumbboard li {
    width: 198px; }
  .list-sub-thumbs ul.thumbboard > :nth-child(4n+4) {
    padding-right: 20px;
    padding-bottom: 20px; }
  .list-sub-thumbs ul.thumbboard > :nth-child(2n+2) {
    padding-right: 0;
    padding-bottom: 20px; }
  .list-sub-thumbs ul.thumbboard li {
    width: 198px; } }

/* for cellphones */
@media only screen and (max-width: 480px) {
  .start-shortcuts ul.thumbboard > :nth-child(3n+3) {
    padding: 0 20px 20px 0; }
  .start-shortcuts ul.thumbboard > :nth-child(2n+2) {
    padding: 0 0 20px; }
  .start-shortcuts ul.thumbboard li {
    width: 147px; }
  .list-sub-thumbs ul.thumbboard > :nth-child(4n+4) {
    padding-right: 20px;
    padding-bottom: 20px; }
  .list-sub-thumbs ul.thumbboard > :nth-child(2n+2) {
    padding-right: 0;
    padding-bottom: 20px; }
  .list-sub-thumbs ul.thumbboard li {
    width: 147px; } }

#tabs-container {
  margin: 20px 0; }
  #tabs-container #tabs {
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none; }
    #tabs-container #tabs li {
      float: left;
      margin: 0 .5em 0 0; }
    #tabs-container #tabs a {
      position: relative;
      background: #dddddd;
      background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd)) #dddddd;
      background: -webkit-linear-gradient(top, #ffffff, #dddddd) #dddddd;
      background: linear-gradient(to bottom, #ffffff, #dddddd) #dddddd;
      padding: .5em 2em .3em;
      float: left;
      text-decoration: none;
      color: #3d3d3d;
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
      border-radius: 5px 0 0;
      box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.1);
      border-top: 1px solid #dddddd;
      border-left: 1px solid #dddddd; }
      #tabs-container #tabs a:after {
        content: '';
        position: absolute;
        z-index: 1;
        top: 0;
        right: -.5em;
        bottom: 0;
        width: 1em;
        background: #dddddd;
        background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd)) #dddddd;
        background: -webkit-linear-gradient(top, #ffffff, #dddddd) #dddddd;
        background: linear-gradient(to bottom, #ffffff, #dddddd) #dddddd;
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
        border-radius: 0 5px 0 0;
        border-right: 1px solid #dddddd; }
      #tabs-container #tabs a:focus, #tabs-container #tabs a:focus::after, #tabs-container #tabs a:hover, #tabs-container #tabs a:hover::after {
        background: #ffffff; }

#tabs a:focus {
  outline: 0; }

#tabs #current a::after {
  background: #ffffff;
  z-index: 3;
  border-right: 1px solid #dddddd; }

#tabs #current a {
  background: #ffffff;
  z-index: 3; }

#tab-content {
  background: #ffffff;
  padding: 20px;
  position: relative;
  z-index: 2;
  border-radius: 0 5px 5px;
  box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.1);
  border-top: 0 solid #dddddd;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  display: block; }

#tab-content div p img {
  display: inline-block; }

#tab-content a {
  color: #444444 !important;
  text-decoration: underline !important; }

#tab-content div:last-child {
  clear: both; }

/*--------------------------------------------------------------
# MEDIA QUERY
--------------------------------------------------------------*/
/* -- for laptops ------------------------------------------- */
/* -- for large tablets ------------------------------------- */
/* for smaller tablets */
@media only screen and (min-width: 481px) and (max-width: 768px) {
  #tabs-container li {
    width: 82%; }
    #tabs-container li a {
      width: 100%; }
      #tabs-container li a::after {
        margin-bottom: -1px;
        border-bottom: 1px solid #dddddd; } }

/* for cellphones */
@media only screen and (max-width: 480px) {
  #tabs-container li {
    width: 76%; }
    #tabs-container li a {
      width: 100%; }
      #tabs-container li a::after {
        margin-bottom: -1px;
        border-bottom: 1px solid #dddddd; } }

/*--------------------------------------------------------------
# E-SERVICE
--------------------------------------------------------------*/
@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    opacity: 0; } }

.has-eservice .post .content h1 {
  font-size: 37px !important;
  font-weight: normal;
  text-align: center;
  margin-bottom: .5em !important; }

.has-eservice .page-header-light {
  display: none; }

.eservice .eservice__header {
  position: relative;
  margin-bottom: 1em; }
  @media only screen and (max-width: 767px) {
    .eservice .eservice__header .more-about {
      background: red;
      width: 100%;
      position: relative; } }

.eservice__search input {
  width: 100%;
  box-sizing: border-box;
  padding-top: 1.1em !important;
  padding-right: 1em !important;
  padding-bottom: 1.1em !important;
  padding-left: 1em !important;
  font-size: 110% !important; }

.eservice__results .eloading {
  border: 1px solid #f0f0f0;
  border-radius: 0.5em;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 1em;
  padding-bottom: 1em;
  font-style: italic;
  color: #666666;
  background: #f7f7f7; }
  .eservice__results .eloading .loader {
    -webkit-animation: pulsate 1s ease-out;
    animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    opacity: 0;
    border: 3px solid #999;
    border-radius: 30px;
    height: 18px;
    width: 18px;
    position: relative;
    display: inline-block;
    margin-top: 20px;
    text-align: center; }

.eservice__results h5 {
  color: #568E14;
  margin-bottom: 0.5em; }

.eservice__results ul {
  background-color: #f0f0f0;
  margin-bottom: 1em;
  color: #000000 !important;
  border-left: 25px #508b0b solid;
  padding: 0;
  list-style: none !important;
  list-style-type: none !important; }
  @media only screen and (min-width: 768px) {
    .eservice__results ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row; } }
  @media only screen and (max-width: 767px) {
    .eservice__results ul {
      padding-bottom: .5em; } }
  .eservice__results ul li {
    list-style: none !important;
    list-style-type: none !important;
    left: auto;
    margin-left: 0;
    padding-right: 0; }
    .eservice__results ul li.eservice a, .eservice__results ul li.efile a {
      display: block;
      width: 100%; }
    .eservice__results ul li.etitle {
      -webkit-box-flex: 8;
      -webkit-flex: 8;
      -ms-flex: 8;
      flex: 8;
      padding-top: 1em;
      padding-bottom: 1em;
      padding-left: 1em;
      display: block;
      width: 100%; }
    .eservice__results ul li.eservice {
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      background-color: #dfdfdf;
      -webkit-box-flex: 2.5;
      -webkit-flex: 2.5;
      -ms-flex: 2.5;
      flex: 2.5;
      text-align: center; }
      .eservice__results ul li.eservice.empty {
        background-color: transparent; }
      @media only screen and (max-width: 767px) {
        .eservice__results ul li.eservice {
          margin-left: 1em !important; }
          .eservice__results ul li.eservice a {
            padding-top: .5em;
            padding-bottom: .5em; } }
    .eservice__results ul li.efile {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-left: 1px solid #dfdfdf;
      -webkit-box-flex: 2.5;
      -webkit-flex: 2.5;
      -ms-flex: 2.5;
      flex: 2.5;
      text-align: center; }
      @media only screen and (max-width: 767px) {
        .eservice__results ul li.efile {
          border-left: none;
          background-color: #dfdfdf;
          margin-left: 1em !important; }
          .eservice__results ul li.efile a {
            padding-top: .5em;
            padding-bottom: .5em; } }

.eservice__results .sub-category ul {
  margin: 0; }

.eservice__results a,
.eservice__results a:link,
.eservice__results a:visited,
.eservice__results a:hover {
  display: block;
  padding: 1em;
  white-space: nowrap;
  color: #000000 !important; }

.eservice .eservice-widget.eservice a, .eservice .eservice-widget.efile a {
  display: block;
  width: 100%; }

.eservice .eservice__footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .eservice .eservice__footer > div {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    word-break: break-all; }
  .eservice .eservice__footer--col-left {
    text-align: left; }
  .eservice .eservice__footer--col-right {
    text-align: right; }
  .eservice .eservice__footer .read-more {
    background: url(../img/icon-read-more.png) center left no-repeat;
    padding: .5em 0 .5em 3em;
    text-transform: uppercase;
    line-height: 25px; }
    @media only screen and (max-width: 767px) {
      .eservice .eservice__footer .read-more {
        font-size: 12px; } }

.eservice h4 {
  font-size: 16px;
  margin-bottom: .5em; }

.eservice-portal {
  background: #f7f7f7;
  padding: 2em; }
  @media only screen and (max-width: 767px) {
    .eservice-portal {
      padding: 1em; } }
  .eservice-portal .eloading {
    border: none; }
  .eservice-portal .eservice__search {
    width: 70%;
    margin-left: auto;
    margin-right: auto; }
    @media only screen and (max-width: 767px) {
      .eservice-portal .eservice__search {
        width: 100%; } }
  .eservice-portal ul li {
    margin-left: 0;
    left: 0;
    padding-right: 0; }
  .eservice-portal__info {
    font-style: italic;
    margin-bottom: 2em; }
  .eservice-portal__category-panel {
    background: #ffffff;
    padding: 1em;
    margin-bottom: 1em; }
    .eservice-portal__category-panel.sub-panel {
      margin-bottom: 0;
      padding: .5em 2em .5em 2em; }
    .eservice-portal__category-panel .dropdown ul {
      margin-top: 1em; }
  .eservice-portal__category-desc {
    padding: .25em .25em .25em 2.5em; }

i {
  border: solid #568E14;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px; }

.icon-wrapper {
  padding: 5px;
  margin-right: 5px; }

.icon, .sub-icon {
  padding: 5px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg); }

.is-open .icon {
  margin-bottom: -5px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg); }

.is-open .is-open-sub .sub-icon {
  margin-bottom: -5px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg); }

.has-dropdown .dropdown {
  display: none; }
  .has-dropdown .dropdown .has-dropdown .dropdown {
    display: none; }

.is-open .dropdown {
  display: inline; }
  .is-open .dropdown .is-open-sub .dropdown {
    display: inline; }

#content .post .content .eservice-widget ul li,
#content .post .content .eservice-portal ul li {
  list-style-type: none !important;
  margin-left: 0;
  left: 0;
  padding-right: 0; }

#content .post .content .eservice-widget h3,
#content .post .content .eservice-portal h3 {
  margin-bottom: 0 !important; }
  #content .post .content .eservice-widget h3 a,
  #content .post .content .eservice-portal h3 a {
    padding: .5em 0 !important;
    color: #568E14 !important; }

#content .post .content .eservice-widget li a,
#content .post .content .eservice-portal li a {
  font-weight: normal !important;
  text-decoration: none !important; }
  #content .post .content .eservice-widget li a:hover,
  #content .post .content .eservice-portal li a:hover {
    text-decoration: underline !important; }