/* 
#device-mode width:0 = body class 'x-small-device' 
(see site.js setDeviceClass method) */
#device-mode { width:0; position:absolute; }

/* 1177 FONTS */
/* Open Sans, regular */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('/static/fonts/open-sans-v17-latin-regular.eot');
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url('/static/fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/static/fonts/open-sans-v17-latin-regular.woff2') format('woff2'), url('/static/fonts/open-sans-v17-latin-regular.woff') format('woff'), url('/static/fonts/open-sans-v17-latin-regular.ttf') format('truetype'), url('/static/fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg');
}
/* Inter, bold */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/static/fonts/Inter-Bold.woff2') format('woff2'), url('/static/fonts/Inter-Bold.woff') format('woff'), url('/static/fonts/Inter-Bold.ttf') format('truetype');
}

/* LVN ACCESSIBILITY FONT */
@font-face {
  font-family: 'accessibility';
  src:  url('/static/fonts/accessibility.eot?1yxoiy');
  src:  url('/static/fonts/accessibility.eot?1yxoiy#iefix') format('embedded-opentype'),
    url('/static/fonts/accessibility.ttf?1yxoiy') format('truetype'),
    url('/static/fonts/accessibility.woff?1yxoiy') format('woff'),
    url('/static/fonts/accessibility.svg?1yxoiy#accessibility') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="ico-access"], [class*=" ico-access"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'accessibility' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ico-accesssignlang_filled:before {
  content: "\e900";
}
.ico-accesseasyread .path1:before {
  content: "\e901";
  color: rgb(0, 0, 0);
}
.ico-accesseasyread .path2:before {
  content: "\e902";
  margin-left: -1.03125em;
  color: rgb(92, 92, 92);
}
.ico-accesslisten:before {
  content: "\e903";
}
.ico-accesssignlang:before {
  content: "\e904";
}

/*no script warning */
div#no-script {
    border: 2px solid #f7542b;
    /*margin: 0 10% 10px;*/
    padding: 10px 40px;
    border-radius: 4px;
    background-color: rgba(255,255,255,1.6);
}
@media (min-width: 768px) {
    div#no-script {
        margin: 0 10% 10px;
    }
}

/* LVN STYLE */
.crisis-banner--small {
    display: block;
    margin-bottom: 2rem;
    padding: 0 1.5rem;
    width: 100%
}

.crisis-banner--small .crisis-banner {
    width: 100%;
}

.crisis-banner--large .crisis-banner__body * {
    font-size: 18px;
}

.crisis-banner--large .crisis-banner__body time {
    font-size: 16px;
}

.crisis-banner--small .crisis-banner__body * {
    font-size: 16px;
}

.crisis-banner--small .crisis-banner__body time {
    font-size: 14px;
}

.crisis-banner--large {
    display: none;
}

@media (min-width: 992px) {
    .crisis-banner--small {
        display: none;
    }

    .crisis-banner--large {
        display: block;
    }
}


.crisis-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 1rem;
    background-color: #fff;
    border: 5px solid #D5E5F0;
    padding: 2rem 1.5rem;
}

.crisis-banner--small .crisis-banner {
    padding: 1.5rem 0.5rem;
}

.crisis-banner--level-1 {
    border-color: #D0043C;
    background-color: #F4DDDD;
}

.crisis-banner--level-2 {
    border-color: #FFD600;
    background-color: #FFF1C3;
}

.crisis-banner--level-3 {
    border-color: #1FA454;
    background-color: #D8EAE0;
}

.crisis-banner__icon {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
}

.crisis-banner--level-1 .crisis-banner__icon {
    background-image: url(../img/crisis-1.png);
}
.crisis-banner--level-2 .crisis-banner__icon {
    background-image: url(../img/crisis-2.png);
}
.crisis-banner--level-3 .crisis-banner__icon {
    background-image: url(../img/crisis-3.png);
}
.crisis-banner--level-4 .crisis-banner__icon {
    background-image: url(../img/crisis-4.png);
}

.crisis-banner p {
    margin: 0;
}

.crisis-banner__body {
    max-width: 620px;
}

/* BODY */
body {
    background: #4cbbeb;
    font-family: "PT-sans", Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 1.5;
}


/* TYPOGRAPHY */
p { 
    margin: 0 0 1em 0; 
    padding: 0; 
    word-break:break-word;
}
h1, h2 {
    /*color: #006699;*/ 
    font-weight: normal; 
    padding: 0;
    margin: 0.2em 0; 
}
h1 { 
    font-size: 2.1em; 
    line-height: 1.2em; 
}
h2 { 
    font-size: 1.4em; 
}
h3, h4, table caption { 
    /*color: #006699;*/
    font-weight: bold; 
    font-size: 1em; 
    padding: 0; 
    margin: 0.4em 0; 
}
h3 {
    font-size: 1.18em; 
}
a { 
    color:#333;
    word-break:break-word;
}
a:hover { 
    color:#000; 
}

p a{
    text-decoration:underline;
}

a[href^="mailto:"] {
    text-decoration:underline !important;
}

    a[href^="mailto:"]:hover {
        background-color: #88D2F2;
    }

/* KEY NAV*/
.accesskeys_link {
    color: #000;
    position: absolute;
    cursor: default;
    font-size: 1px;
    left: -10000px;
}

.accesskeys_link:focus, .accesskeys_link:hover, .accesskeys_link:active {
    color: #000;
    left: 10px;
    top: 5px;
    font-size: large;
    background-color: #fff;
    padding: 15px;
    z-index: 1000;
}

/* external/new window links (external class set with jquery in site.js:decorateExternalLinks) */
/*a.external:not(.new-window) { color:red; }
a.new-window:not(.external) { color:blue; }
a.new-window.external { color:green; }*/
a.new-window .icon-placeholder,
a.external .icon-placeholder {    
    /*width:12px;
    height:12px;
    margin-left:2px;
    display:inline-block;
    vertical-align:baseline;
    background:url(/static/img/ico_ext_url.png) center center no-repeat;*/
    display: inline-block;
    content: ' ';
    background: url(/static/img/ico_external-link.svg) 0 2px no-repeat;
    /*background-size: 14px;*/
    height: 12px;
    width: 12px;
    margin-left: 4px;
    transition: all .2s ease-in-out;
}

.capitalize {
    text-transform:capitalize;
}

hr { 
    border-top: 1px solid #c4c4c4; 
}

.date {
    color: #555;
    font-size: 0.9em;
}

.main-intro { 
    /*font-size: 1.36em;*/
    font-size: 1.188em;
}

.span-label {
    font-weight: bold;
    text-transform: initial;
}

.help-text {
    background-color: #f5f5f5;
    padding: 6px 12px;
    margin-bottom: 20px;
}

.validator-msg {
    color: red;
    display:block;
}


.form-group h2, .form-group h3, .form-group-heading, .list-group-heading, .group-heading, table caption {
    /* line-height: 2.4em; */
    /*color:#006699;*/
    line-height: 1.4em;
    border-bottom: solid 1px #95c11f;
    text-align: left;
}
.list-group-item-heading {
    font-size: 1em;
    font-weight: bold;
}

table caption span.heading-extension,
.list-group-heading span.heading-extension { font-weight:normal; }


.main-body {
    /*font-size:15px;*/
    margin-bottom: 20px;
}

.main-body p{
    word-break:break-word;
}

.main-body a,
.introduction a, 
.main-intro a { text-decoration:underline; }

/* exclude a-buttons from text-decoration*/
a.btn {
    text-decoration:none;
}

/*.col-md-6*/ img {
    max-width:100%;
    height:auto;
}

.pull-left-xs { float:left !important; }
.pull-right-xs { float:right !important; }

/* LISTS */

/* list item heading */
a.list-item-heading {
    font-weight: bold;
}

/* li alternate */
.alternate {   
    background-color: #f5f5f5 !important;
}

/* inline lists */
ul.list-inline > li { 
    border-left: 1px solid #707070; 
}
ul.list-inline > li:first-child, 
ul.list-inline > li.list-inline-icon { 
    border-left: 0; 
}

/* tags */
ul.taglist > li,
ul.taglist > li > a {
    color: #505050;
    font-size: 0.9em;   
    font-weight: normal; 
}

.taglist .taglist-tag:not(:first-of-type){
    margin-left:-4px;
}

.taglist .taglist-tag:not(:first-of-type):before {
    content: ", ";
}
/* ICONS */
/* lvnicons */
.lvnicon {
    background: url('') left 10% no-repeat;
    position: relative;
    top: 2px;
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    width: 14px;
    height: 14px;
}
.lvnicon.lvnicon-arrow-right  
{
    background-image: url(../img/arrow_darkgrey.gif);
    top: 4px;
    left: 2px;
}
.lvnicon.lvnicon-bullet-right  
{
    background-image: url(../img/bullet_right.png);
    margin-right: 5px;
}
/*.pagelistblock .lvnicon.lvnicon-bullet-right  {
    background-position-y:center;
}*/
.lvnicon.lvnicon-datetime  
{
    background-image: url(../img/datetime.gif);
    /*margin-right: 6px;*/
}
.lvnicon.lvnicon-rss  
{
    background-image: url(../img/rss.png);
    margin-right: 6px;
}
.lvnicon.lvnicon-ext-url  
{
    background-image: url(../img/ico_ext_url.png); 
}

/* file extensions */
.lvnicon.lvnicon-file  
{
    background-image: url(../img/extensions/default.gif);
    width: 18px;
    height: 18px;
}
.lvnicon.lvnicon-file.lvnicon-file-bmp  
{
    background-image: url(../img/extensions/bmp.gif); 
}
.lvnicon.lvnicon-file.lvnicon-file-doc  
{
    background-image: url(../img/extensions/doc.gif); 
}
.lvnicon.lvnicon-file.lvnicon-file-docx  
{
    background-image: url(../img/extensions/docx.gif); 
}
.lvnicon.lvnicon-file.lvnicon-file-gif  
{
    background-image: url(../img/extensions/gif.gif); 
}
.lvnicon.lvnicon-file.lvnicon-file-htm  
{
    background-image: url(../img/extensions/htm.gif); 
}
.lvnicon.lvnicon-file.lvnicon-file-html  
{
    background-image: url(../img/extensions/html.gif); 
}
.lvnicon.lvnicon-file.lvnicon-file-jpeg  
{
    background-image: url(../img/extensions/jpeg.gif); 
}
.lvnicon.lvnicon-file.lvnicon-file-jpg  
{
    background-image: url(../img/extensions/jpg.gif); 
}
.lvnicon.lvnicon-file.lvnicon-file-mp3  
{
    background-image: url(../img/extensions/mp3.gif); 
}
.lvnicon.lvnicon-file.lvnicon-file-mpg  
{
    background-image: url(../img/extensions/mpg.gif); 
}
.lvnicon.lvnicon-file.lvnicon-file-pdf  
{
    background-image: url(../img/extensions/pdf.gif); 
}
.lvnicon.lvnicon-file.lvnicon-file-png  
{
    background-image: url(../img/extensions/png.gif); 
}
.lvnicon.lvnicon-file.lvnicon-file-ppt  
{
    background-image: url(../img/extensions/ppt.gif); 
}
.lvnicon.lvnicon-file.lvnicon-file-pptx  
{
    background-image: url(../img/extensions/pptx.gif); 
}
.lvnicon.lvnicon-file.lvnicon-file-tif  
{
    background-image: url(../img/extensions/tif.gif); 
}
.lvnicon.lvnicon-file.lvnicon-file-tiff  
{
    background-image: url(../img/extensions/tiff.gif); 
}
.lvnicon.lvnicon-file.lvnicon-file-txt  
{
    background-image: url(../img/extensions/txt.gif); 
}
.lvnicon.lvnicon-file.lvnicon-file-wav  
{
    background-image: url(../img/extensions/wav.gif); 
}
.lvnicon.lvnicon-file.lvnicon-file-xls  
{
    background-image: url(../img/extensions/xls.gif); 
}
.lvnicon.lvnicon-file.lvnicon-file-xlsx  
{
    background-image: url(../img/extensions/xlsx.gif); 
}
.lvnicon.lvnicon-file.lvnicon-file-zip  
{
    background-image: url(../img/extensions/zip.gif); 
}



.lvnicon.lvnicon-facebook  
{
    background-image: url(../img/ico_facebook.png); 
}
.lvnicon.lvnicon-twitter  
{
    background-image: url(../img/ico_twitter.png); 
}
.lvnicon.lvnicon-mail  
{
    background-image: url(../img/ico_mail.gif); 
}
.lvnicon.lvnicon-print  
{
    background-image: url(../img/ico_print.gif); 
}
.lvnicon.lvnicon-facebook, .lvnicon.lvnicon-twitter, .lvnicon.lvnicon-print, .lvnicon.lvnicon-mail  
{
    margin-right: 6px;
}
.lvnicon.lvnicon-easyread  
{
    background-image: url(../img/ico_easyread.png); 
}
.lvnicon.lvnicon-listen  
{
    background-image: url(../img/ico_listen.png); 
}
.lvnicon.lvnicon-signlanguage  
{
    background-image: url(../img/ico_signlanguage.png); 
}
.lvnicon.lvnicon-sitemap  
{
    background-image: url(../img/ico_sitemap.png); 
}
.lvnicon.lvnicon-easyread, .lvnicon.lvnicon-listen, .lvnicon.lvnicon-signlanguage, .lvnicon.lvnicon-sitemap  
{
    top: 7px;
    width: 23px;
    height: 23px; 
    margin-right: 4px;
}


.panel-footer .lvnicon { margin-right: 4px; }

/* button icons */
.btn-icon {
    background-repeat:no-repeat;
    background-position: 5px center;
    padding-left:25px;
}
/*
.btn-icon.icon-plus { background-image:url(../img/toggle_arrow_right.png); }
.btn-icon.icon-minus { background-image:url(../img/toggle_arrow_down.png); }
*/




/* block icons */
/*.blockicon 
{
    background: url('') top left no-repeat;
    position: relative;
    top: -10px;
    left: -14px;
    float: left;
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    width: 37px;
    height: 37px;
    margin-right: -8px;
    border-radius: 4px 0 0 0;
}
.blockicon.blockicon-info 
{
    background-image: url('../img/infosymbol.png');
}
.blockicon.blockicon-contact 
{
    background-image: url('../img/kontaktsymbol.png');
}
.blockicon.blockicon-healthsearch
{
    background-image: url('../img/sokvardsymbol.png');
}
.blockicon.blockicon-search
{
    background-image: url('../img/soksymbol.png');
}*/



/* top block icons */
/*.panel-top .blockicon 
{
    top: -18px;
    left: -30px;
    width: 48px;
    height: 48px;   
    border-radius: 48px;
    margin-right: -20px;
    margin-bottom: -15px;
}

.panel-top .blockicon.blockicon-1177 
{
    background-image: url('../img/1177-symbol-rund.png');
}
.panel-top .blockicon.blockicon-hitta-vard 
{
    background-image: url('../img/hitta-vard-symbol-rund.png');
}
.panel-top .blockicon.blockicon-e-tjanster 
{
    background-image: url('../img/e-tjanster-symbol-rund.png');
}*/



/* BUTTONS */
.btn-primary {
    color: #fff;
    background-color: #007eb4; /*#009fe3 , #50a0c1*/
    border-color: #007eb4; /*#009fe3 , #50a0c1*/
    /*text-transform: capitalize;*/
    /* capitalize ger varje ord i text stor begynnelsebokstav, ex Ladda Ned Originalbild */
}
    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
    .open .dropdown-toggle.btn-primary {
        color: #ffffff;
        background-color: #007eb4; /*#009fe3;*/
        border-color: #007eb4; /*#009fe3;*/
    }
.btn-more {
    margin-top: 10px;
    margin-bottom: 20px;
}




/* DROP DOWN */
.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:hover, 
.dropdown-menu > .active > a:focus {
    background-color: #4baed8;
}
.dropdown-toggle-link {
    background-color: #fff;    
}
.dropdown-toggle-link:hover {
    background-color: #f7f7f7;    
}
.dropdown-toggle-link .caret {
    border-top-color: #333;    
}
.open .dropdown-toggle.dropdown-toggle-link {
    color: #333;
    background-color: #d4eefb;
    border-color: transparent;
    background-image: none;
}
.open .dropdown-toggle.dropdown-toggle-link .caret {
    border-top-color: #333;    
}

/* NEWS (angular page listing) */
.page-item,
.news-item {
    margin: 5px 0;
    padding: 10px;
    background: #f5f5f5;
}    
.page-item-expanded,
.news-item-expanded {
    margin: 5px 0;
    padding: 10px 0;
    padding: 0;
    border: 2px solid #95c11f;
    border-width: 2px 0 2px 0;
}

.noscript a.load-list { margin-top:10px; display:block; }
.noscript a.SelectedPagingItem { font-weight:bold; }

#pagelist-container { margin-bottom:20px; position:relative; }
#pagelist-container img { max-width:100%; height:auto; }
#pagelist-container #btn-display-more { width:100%; }       
#pagelist-container #btn-display-more .progress-icon { float:right; }
#pagelist-container .addthis_toolbox { margin-bottom:10px; }

#pagelist-container .category-filter a { }
#pagelist-container a.list-group-item {  }
#pagelist-container .page-item-expanded { display:none; padding: 0; }

#pagelist-container .page-item-expanded .page-item-header,
#pagelist-container .page-item-expanded .page-item-footer { text-align:center; }

#pagelist-container .page-item-expanded .page-item-header {
    margin-bottom: 10px;
}
#pagelist-container .page-item-expanded .page-item-footer {
    margin-top: 5px;
}

#pagelist-container .page-item-expanded .toggle-link { 
    display:inline-block;   
    background:#95c11f;

    border-radius: 0 0 3px 3px;
    padding: 2px 15px 3px 15px; 
}

#pagelist-container .page-item-expanded .page-item-footer .toggle-link { 
    border-radius: 3px 3px 0 0;
    padding: 3px 15px 2px 15px; 
}

#pagelist-container .page-item-expanded .toggle-link:hover { 
    text-decoration: none;
    color: #333;
}

/* date margin fix */
h1 + img + .date { margin-top:20px; }

.noscript a.load-list { 
    margin-top:10px; 
    display:block; 
}
.noscript a.SelectedPagingItem { 
    font-weight:bold; 
}


/* ADDTHIS */
.addthis-container {
    padding: 20px 0;
    width: 100%;
    display: block;
}
.addthis-container > div {
    width: 100%;
    text-align: right;
}
/*.addthis-container > div > a,
.addthis-container > div > button.btn-share {
    float: right !important;
}*/
svg.svg-share-icons{
    width:48px;
    height:48px;
    padding-left:10px;
}
svg.svg-share-icons:hover{
    opacity: 0.6;
}
.btn-share {
    border:0;
    background:none;
    padding:0;
    /*float:right;*/
}
/*colorize svg share icons. This should not be validated as css but as svg. Will generate validation error.*/
.ico-fill-instagram {fill: #E1306C;}
.ico-fill-twitter{fill:#55acee;}
.ico-fill-white{fill:#fff;}
.ico-fill-in{fill:#1a84bc;}
.ico-fill-fb{fill:#39589b;}
.ico-fill-gplus{fill:#dc4b3f;}
.ico-fill-gray{fill:#848484;}
.ico-fill-envelope{fill:#fff;stroke:#848484;stroke-width:4;stroke-miterlimit:10;}
/*modal generic*/
.close {
    opacity:.5;
}
.modal-header {
    background-color:#f5f5f5;
    /*background: linear-gradient(#fff 25%, #f2f2f2 60%, #eee 100%);*/
    border-top-left-radius:4px;
    border-top-right-radius:4px;
}

#magnifyModal .modal-header{
    display:flex;
    justify-content:flex-end;
}

h4.modal-title {
    font-size:1.2em;
}
.modal-footer {
    border-bottom: 12px solid #95c11f;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    margin-top:0;
}
/*magnify image modal*/
img.magnify:not(.modal-img):hover {
    opacity: .5;
    cursor:zoom-in;
}
figcaption {
    font-size: smaller;
    letter-spacing: .5px;
    margin-bottom:15px;
}
#magnifyModal .modal-dialog, .modal-magnify .modal-dialog {
    width:auto;
}
#magnifyModal .modal-body, .modal-magnify .modal-body {
    text-align:center;
}
/*email modal*/
#emailModal .modal-body {
    padding-left:0;
    padding-right:0;
}
#emailModal .form-group {
    padding-left:20px;
    padding-right:20px;
    border-bottom: 1px solid #e4e4e4;
    display:flex;
    flex-direction:column;
}

#emailModal .form-group input{
    margin-bottom:20px;
}

#emailModal .form-group:last-child {
    border:0;
}
#emailModal label {
    font-weight: normal;
    word-break:break-word;
}
#emailModal input[type="text"],
#emailModal input[type="email"] {
    border: 1px solid grey;
    border-radius:2px;
    min-height: 35px;
    line-height: 20px;
    padding-left:15px;
}
#emailModal .form-group.captcha label {
    width:120px;
}
#emailModal .form-group.captcha input {
    left: 120px;
    width: 77%;
}
#emailModal input#subject,
#emailModal input#url {
    color: #333;
    font-style: italic;
}
#emailModal textarea {
    margin-bottom: 20px;
    width: 100%;
    border: 1px solid grey;
    border-radius: 2px;
    padding:15px;
    padding-top:10px;
    padding-bottom:10px;
}
#emailModal label.required:after, label.required:after {
    content: '*';
    color: red;
    margin-left:.25rem;
    font-size:18px;
}

.required-fields {
    margin-left: 20px;
    margin-bottom: 15px;
    display: block;
}

#emailModal .error {
  background-color:#ffdfdf;
  color:red;
}
#emailModal .error_message{
  font-style: italic;
  font-size: 10px;
}
#emailModal label, #after_submit{
	color: #000;
}
#charsCount {
    font-size: 10px;
    text-align: right;
    position: relative;
    bottom: 36px;
    right: 20px;
}
#after_submit, #email_validation, #name_validation {
    display:none;
}
#after_submit{
    background-color: #c0ffc0;
    line-height: 31px;
    margin-bottom: 10px;
    padding-left: 20px;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}


/* accessible tabs for easy-read, sign language etc*/


nav.accessible-nav {
    margin-bottom:4em;
}
ul#accessible-menu > li {
    min-height: 29px;
}
ul#accessible-menu > li > a {
    display:inline;
}
ul#accessible-menu li a:active,
ul#accessible-menu li a:focus {
    text-decoration:none !important;
}
.btn-speech {
    margin-top: 1px;
    border: none;
    padding: 10px 15px;
    border-radius: 4px 4px 0 0;
}
.btn-speech:hover {
    background-color: #eee;
}
#easyBody,
#signBody {
    border: 1px solid #e0e0e0;
    border-top: none;
    
}
#easyBody {
    padding: 1em;
    letter-spacing: 1px;
    font-size: larger;
    line-height: 25px;
}
.frame-streamio {
    width:100%;
    height:320px;
    border:none;
    margin-bottom: -5px;
}
.empty-close {
    border: 0 0 1px 0 !important;
    display: none !important;
}
li.active ~ li a.empty-close {
    display: inline !important;
}
    /* CONTENT BANNER */
    /* no bottom margin on last p element */
    .contentbannerblock .panel-body p:last-child {
    margin-bottom: 0;
}

/* no padding within panel-body */
.contentbannerblock .no-inline-padding .panel-body
{
    clear:both;
    /*margin-top:-5px !important;*/
    height:100%;
}

/* no padding within panel-body (adjust for icon) */
.contentbannerblock .no-inline-padding .panel-body p
{
    clear:both;
    margin-top:-5px !important;
}

.contentbannerblock .panel.no-inline-padding > .panel-body > .panel-body-footer {
    margin-left: -15px;
    margin-right: -15px;
}


.contentbannerblock section{
    display:flex;
    flex-direction:column;
}

    .contentbannerblock section .panel-body,
    .contentbannerblock section .panel-body .panel-image,
    .contentbannerblock section .panel-body .panel-image a{
/*        height: 100%;
*/    }

.contentbannerblock section .panel-body .panel-image .img-responsive
{
    object-fit: cover;
    aspect-ratio: 2 / 1;
}


/* illustrating image in contentbanner block */
.contentbannerblock .panel-body .panel-image {
    /*margin:-15px -15px -15px -15px;*/
    text-align: center;
    clear: both;
}
.contentbannerblock .no-inline-padding .panel-body .panel-image {
    margin:-15px -15px 0px -15px;
    clear: both;
}

.contentbannerblock .panel-body .panel-image img { 
/*    margin-top:-5px;
*/}

/* if image followed by p it should restore top margin */
.contentbannerblock .panel-body .panel-image + p { 
    padding-top:30px;
}

/* HEALTH SEARCH */

/*jquery ui autocomplete overrides*/
ul.ui-autocomplete { 
    background:#fff; 
    border:solid 1px #eee;
    margin: 2px 5px 0 0 !important;
    position:absolute !important;
}
.healthsearchblock .ui-helper-hidden-accessible { display:none; }


/* VIDEO */
.block.videoblock {
    padding-bottom:20px;
}

/* SITEMAP */
.sitemappage .page-content ul {
    border-left:1px solid #ccc;
    list-style:none outside none;
    padding:0 1em 0 1em;
    margin: 0 0.5em 2em 0.5em;
}
.sitemappage .page-content ul ul {
    margin-bottom: 0;
}
.sitemappage .page-content li {
    list-style-image:url("/Static/img/treeline_horiz.gif");
    margin:0 0 0 0.5em;
}


/* QUERY PANEL */
.querypanel .group {
    margin-top: 20px;
    margin-bottom: 20px;
}
.querypanelmembers.media-list li.media {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-top: 20px;
}

@media (max-width:500px) {
    .querypanelmembers.media-list li.media {
        display:flex;
        flex-direction:column;
    }

    .querypanelmembers.media-list li.media .media-body {
        margin-top:10px;
    }}

    .querypanelmembers.media-list li.media .media-object {
        width: 84px;
    }

    .querypanelmembers.media-list li.media.no-image {
        padding-left: 94px;
    }

    .querypanelquestioncontainer ul.list-group > li.list-group-item,
    .querypanelanswerform ul.list-group > li.list-group-item {
        border-radius: 0;
        border-left-width: 0;
        border-right-width: 0;
        padding: 10px 0;
    }

    .querypanelquestioncontainer .btn {
        margin: 15px 0;
    }

.querypanelquestioncontainer .search-button {
    margin: 0px;
}

    .querypanelquestioncontainer .info {
        color: #707070;
        display: block;
        margin-top: 0.3em;
    }

    .querypanelquestioncontainer ul.list-group.panel-querylist {
        border: solid 1px #95c11f;
        border-width: 2px 0 1px 0;
        margin: 0.3em 0 0.5em 0;
        padding: 0.5em 0 0.5em 0;
        padding-left: 0;
    }

        .querypanelquestioncontainer ul.list-group.panel-querylist li.top {
            list-style: none;
            padding: 0.5em 3em 0.5em 0.5em;
            padding-left: 0;
        }

    .querypanelquestioncontainer ul.list-group > li.list-group-item:first-child {
        border-top: 0;
    }

    .querypanelquestioncontainer ul.list-group > li.list-group-item:last-child {
        border-bottom: 0;
    }

    .querypanelquestioncontainer ul.list-group.panel-querylist li.top h3 {
        margin-top: 0;
        padding: 0;
        font-size: 1em;
    }

        .querypanelquestioncontainer ul.list-group.panel-querylist li.top h3 a {
            font-size: 1.18em;
            text-decoration: none;
        }

            .querypanelquestioncontainer ul.list-group.panel-querylist li.top h3 a:hover {
                text-decoration: underline;
            }

    .querypanelquestioncontainer ul.list-group.panel-querylist li.alternate.top {
        background: #f5f5f5;
    }

    .querypanelquestioncontainer ul.list-group.panel-querylist li.top span.info {
        margin-top: 0.3em;
        display: block;
        color: #707070;
    }

    /* sub tree*/
    ul.subinfo {
        margin: 0 0 0 -40px;
    }

        ul.subinfo ul {
            margin: 0 0 0 0.5em;
        }

        ul.subinfo li {
            font-style: italic;
            padding: 0.2em;
            list-style-type: disc;
            color: #666;
        }

            ul.subinfo li a {
                font-style: normal;
                color: #555;
                text-decoration: none;
            }

                ul.subinfo li a:hover {
                    text-decoration: underline;
                }

            ul.subinfo li span.name {
                font-weight: bold;
            }

    .question-form .name {
        font-weight: bold;
    }

    .question-form .description {
        display: block;
    }

    .question-form ul.recieverlist {
        padding-left: 0;
    }

        .question-form ul.recieverlist li {
            padding: 10px 10px 10px 30px;
            border-bottom: 1px solid #eee;
        }

            .question-form ul.recieverlist li:hover {
                background-color: #f5f5f5;
            }

    .member-away-message {
        color: red;
        font-weight: normal;
        display: block;
    }

    .question-view {
        margin: 1em 0 1em 0;
        padding: 0.5em 0.5em 0 0.5em;
        border: solid 1px #ccc;
        border-width: 2px 0px 0px 2px;
    }

        .question-view span.item-id {
            font-size: 0.8em;
            padding-left: 2em;
            font-weight: normal !important;
        }

        .question-view.for-subquestion {
            margin: 0 0 1em 0 !important;
        }

        .question-view.question {
            border-color: #95c11f;
            padding-right: 0;
        }

        .question-view.answer {
            border-right-width: 1px;
            border-bottom-width: 1px;
            padding-bottom: 0.5em;
            margin-top: 0.5em;
        }

        .question-view.for-subquestion,
        .question-view.highlight {
            margin-top: 0;
            padding: 0.5em;
            border-color: #95c11f;
            border-width: 2px 1px 1px 2px;
        }

        .question-view.for-subquestion {
            margin-bottom: 1em;
        }

        .question-view h3 {
            margin: 0 !important;
            padding: 0;
        }

        .question-view p {
            margin-top: 0.5em;
        }

        .question-view span.name,
        .question-form span.name {
            font-weight: bold;
        }

        .question-view span.description,
        .question-form span.description {
            display: block;
            font-weight: normal;
            width: 32em;
        }

        .question-view span.description {
            margin-bottom: 0.5em;
        }

        .question-view span.item-id {
            color: #767676;
            font-weight: bold;
        }

        .question-view .from {
            color: #767676;
        }

            .question-view .from .date {
            }

            .question-view .from a {
                text-decoration: none;
            }

        .question-view .to {
            margin: 0.5em 0 0 0;
            padding: 0.3em;
            background: #f5f5f5;
        }

            .question-view .to a {
                text-decoration: none;
            }

    .question-preview .abuttons {
        text-align: center;
        margin-top: 1em;
    }

    .question-preview span.lbl-preview {
        font-style: italic;
        color: #00f;
    }

    .question-preview span.lbl-question-sent {
        font-style: italic;
        display: block;
        margin-top: 2em;
    }

    /**/
    ul.unanswered a {
        font-weight: bold;
    }

    ul.unanswered span.author {
    }

    ul.unanswered span.member {
        color: Red;
    }

    /* NEWBORN */
    .newbornmainpage .thumbnail {
        cursor: pointer !important;
    }

        .newbornmainpage .thumbnail:hover h3 {
            text-decoration: underline;
        }

        .newbornmainpage .thumbnail ul,
        .newbornbasicinfopage .image-container ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

            .newbornmainpage .thumbnail ul li {
                text-align: center;
            }

                .newbornmainpage .thumbnail ul li + li,
                .newbornbasicinfopage .image-container ul li + li {
                    display: none;
                }

    .newbornbasicinfopage .image-container {
        margin-bottom: 10px;
    }

    .newbornbasicinfopage .page-content .table {
        margin-bottom: 10px;
    }

        .newbornbasicinfopage .page-content .table:last-child {
            margin-top: 20px;
            background: #f5f5f5;
        }

        .newbornbasicinfopage .page-content .table > tbody > tr > th,
        .newbornbasicinfopage .page-content .table > tbody > tr > td {
            border: 0;
            padding: 2px 5px;
        }

        .newbornbasicinfopage .page-content .table > tbody > tr:first-child > td h2 {
            border-bottom: 1px #95c11f solid;
        }

    .newbornbasicinfopage .page-content table.table th {
        width: 100px;
    }

    .newbornformpage .preview #baby-uploader .qq-upload-button,
    .newbornformpage .preview #baby-uploader .qq-remove-file {
        display: none;
    }

    .newbornformpage .preview #baby-uploader .qq-remove-file {
        display: none;
    }

    /*.newbornformpage ul.qq-upload-list { list-style:none; padding:0;  }
.newbornformpage ul.qq-upload-list li { padding: 5px; margin-top:5px; background:#f5f5f5; }
.newbornformpage ul.qq-upload-list li img { margin-right:10px; }
.newbornformpage .qq-upload-message { color:red; }*/

    /* JOB */
    .jobvacanciespage .table > tbody > tr > td.application-date {
        min-width: 125px;
    }

    .jobvacanciespage .group {
        margin-top: 20px;
        margin-bottom: 20px;
    }




    .active-filters-summary {
        background-color: #f5f5f5;
        border-radius: 4px;
        margin-bottom: 20px;
    }

        .active-filters-summary .clear-filter,
        .active-filters-summary .active-filters {
            padding: 6px 12px;
            margin: 0;
        }

        .active-filters-summary .clear-filter {
            float: none;
            background-color: transparent;
            border: none;
        }

    .dropdown-sort {
        float: none;
    }

    .clear-filter:hover {
        text-decoration: none;
        color: #333;
    }



    /* SEARCH */
    #searchresult {
        border-top: 1px solid #95c11f;
    }

    .searchpage a.list-group-item,
    .searchpage a.list-group-item.active {
        background-color: transparent;
        color: #555;
        border-color: #ddd;
        border-width: 1px 0 1px 0;
        border-radius: 0;
    }

    .searchpage a:first-child.list-group-item,
    .searchpage a:first-child.list-group-item.active {
        border-top: 0;
    }
    /* badge */
    .badge {
        color: #fff;
        background-color: #666;
    }

    a.list-group-item.active > .badge,
    .searchpage .nav-pills > .active > a > .badge {
        color: #ffffff;
        background-color: #666;
    }

    /* icon-1177 */
    .icon-1177 {
        background: url('') left 10% no-repeat;
        position: relative;
        top: 3px;
        display: inline-block;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        width: 32px;
        height: 16px;
    }

    .icon-1177-rod {
        background-image: url(../img/logo-1177-rod.svg);
    }

    .icon-1177-svart {
        background-image: url(../img/logo-1177-svart.svg);
    }

    .searchpage .list-group-item .icon-1177 {
        margin-left: -40px;
        margin-right: 6px;
    }

    /* nav-pills */
    .searchpage .nav-pills.nav {
        margin-bottom: 20px;
    }

    .searchpage .nav-pills > li > a > .glyphicon {
        color: #555;
    }

    .searchpage .nav-pills > .active > a > .glyphicon {
        color: #333;
    }

    .searchpage .nav-pills > li > a:hover {
        background-color: #f7f7f7;
    }

    .searchpage .nav-pills > li > a:focus {
        background-color: #f7f7f7 !important;
        text-decoration: none;
    }

    .searchpage .nav-pills > li.active > a:focus {
        background-color: #4cbbeb !important;
        text-decoration: none;
    }

    .searchpage .nav-pills > li.active > a,
    .searchpage .nav-pills > li.active > a:hover,
    .searchpage .nav-pills > li.active > a:focus {
        color: #333;
        background-color: #4cbbeb;
    }

    .searchpage a.list-group-item,
    .searchpage a.list-group-item.active {
        background-color: transparent;
        color: #555;
        border-color: #ddd;
        border-width: 1px 0 1px 0;
        border-radius: 0;
        padding-left: 44px;
    }

    .searchpage .list-group-item .glyphicon {
        margin-left: -32px;
        margin-right: 14px;
    }

    .searchpage .facettype-specific a.list-group-item,
    .searchpage .facettype-specific a.list-group-item.active {
        padding-left: 14px;
    }

    .searchpage a:first-child.list-group-item,
    .searchpage a:first-child.list-group-item.active {
        border-top: 0;
    }

    .searchpage a.list-group-item .glyphicon {
        color: #999;
    }

    .searchpage a.list-group-item.active .glyphicon {
        color: #555;
    }

    .searchpage .search-highlight {
        background-color: #e2eabb;
        padding: 2px 5px;
    }

    .searchpage .quicksearch,
    .searchpage .search-collapse,
    .searchpage .navbar-toggle-search {
        display: none;
    }

    .searchpage .nav-pills.search-categories > li {
        float: none;
    }

    /*best bets*/
    .searchpage a.list-group-item.bestbet,
    .searchpage a.list-group-item.bestbet.active {
        border-left: 3px solid #95c11f;
    }

    .searchpage .dropdown-sort .btn {
        padding-top: 3px;
    }


    /* filter */
    .filter button.list-group-item,
    .filter button.list-group-item.active {
        background-color: transparent;
        color: #555;
        border-color: #ddd;
        border-width: 1px 0 1px 0;
        border-radius: 0;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .filter a:first-child.list-group-item,
    .filter a:first-child.list-group-item.active {
        border-top: 0;
    }

    .filter .nav.a-o > li > a {
        padding: 4px 7px;
        width: 25px;
        text-align: center;
    }

        .filter .nav.a-o > li > a:first-child {
            width: auto;
        }

    .filter .list-group-item {
        padding-left: 44px;
    }

        .filter .list-group-item .glyphicon {
            margin-left: -34px;
            margin-right: 11px;
        }


    .searchpage .search-help-link {
        float: none;
        display: inline-block;
        padding: 6px 4px;
    }

    input.search-input {
        border-radius: 4px 0 0 4px;
    }
    /*.btn.search-clear {
    position: relative;
    top: 0;
    left: -35px;
    margin-left: -50px;
    border: 0;
    font-size: 18px;
    padding: 4px 12px;
    max-height: 32px;
    color: #999999;
    background: transparent;
}

.btn.search-clear:hover {
    color: #333333;
}*/
    .btn.search-button {
        border-radius: 0 4px 4px 0;
        left: -1px;
    }



    /* CALENDAR */
    .calendarpage .pagelist h3 {
        font-weight: bold;
        margin-bottom: 0.5em;
        font-size: 1.18em !important;
    }

    ul.calendar-list.list-group,
    ol.caldendar-list.list-group {
        border-top: 2px solid #95c11f;
    }

    ul.calendar-list li.list-group-item,
    ol.calendar-list li.list-group-item {
        padding: 10px 0;
        border-width: 1px 0 0 0;
        border-color: #95c11f;
    }

        ul.calendar-list li.list-group-item:first-child,
        ol.calendar-list li.list-group-item:first-child {
            border-width: 0;
        }

        ul.calendar-list li.list-group-item:last-child,
        ol.calendar-list li.list-group-item:last-child {
            border-radius: 0;
            border-bottom-width: 1px;
            margin-bottom: 0;
        }

        ul.calendar-list .info,
        ol.calendar-list .info {
            color: #666;
        }

    .calendar-date {
        width: 100%;
        margin-bottom: 0.2em;
        padding: 0.1em;
        font-weight: bold;
        text-align: center;
        color: #fff;
        background: #1c7fa9;
    }

    .panel-calendar-info h4 {
        margin-bottom: 0;
    }

    /* when calendar in secondary column (6 col wide) */
    .page-secondary-content .calendar-list .date-container,
    .page-secondary-content .calendar-list .content-container {
        width: 100%;
    }



    /* CONTACT */
    .contacts-accordion .panel {
        border: 0;
        background: none;
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #f5f5f5;
    }

        .contacts-accordion .panel > .panel-heading {
            background: none;
            background-color: transparent;
            border-bottom: 0;
            border-top-right-radius: 0;
            border-top-left-radius: 0;
        }

    .contacts-accordion,
    .contacts-accordion .panel-heading h3 {
        font-size: 14px !important;
    }
        /*.contacts-accordion .panel-heading h3 .bulletLink { background-position:0 1px; margin:0 !important; }*/
        .contacts-accordion ul {
            list-style: none;
        }

    .contacts-accordion {
        padding: 5px 0 5px 0;
        margin: -8px;
    }

        .contacts-accordion li {
            padding: 5px 8px 5px 8px;
        }

            .contacts-accordion li.expanded {
                background-color: #f5f5f5;
                padding-bottom: 5px;
            }

                .contacts-accordion li.expanded a {
                    font-weight: bold;
                }

        .contacts-accordion .issent-message {
            display: none;
        }

            .contacts-accordion .issent-message strong {
                display: block;
                margin: 0;
            }

        .contacts-accordion .form-sent .issent-message {
            display: block;
        }

        .contacts-accordion .form-busy {
        }

        .contacts-accordion span.info {
            display: block;
            margin-bottom: 15px;
        }

        .contacts-accordion span.error {
            color: red;
        }

        .contacts-accordion input.error,
        .contacts-accordion textarea.error {
        }

        /* file uploader (.qq-uploader) overrides */
        .contacts-accordion .qq-uploader {
            margin-bottom: 10px;
            border: solid 1px #ddd;
            border-width: 1px 0 1px 0;
            font-size: 12px;
        }

            .contacts-accordion .qq-uploader .qq-upload-button {
                margin: 10px 0 10px 0;
            }

                .contacts-accordion .qq-uploader .qq-upload-button input[multiple="multiple"] {
                    position: absolute;
                    right: 0px;
                    top: 0px;
                    z-index: 1;
                    margin: 0px;
                    padding: 0px;
                    cursor: pointer;
                    opacity: 0;
                }

            .contacts-accordion .qq-uploader ul.qq-upload-list li {
            }

                .contacts-accordion .qq-uploader ul.qq-upload-list li:first-child {
                    margin-top: 0;
                }

                .contacts-accordion .qq-uploader ul.qq-upload-list li:last-child {
                    border-bottom: 0;
                }

            .contacts-accordion .qq-uploader ul.qq-upload-list span.qq-upload-file {
                max-width: 75%;
                overflow: hidden;
                text-overflow: ellipsis;
                display: inline-block;
            }





    /* BLOCKS */

    /* formblock */
    .formblock .panel {
        border-color: #95c11f;
        border-width: 1px 0 1px 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .formblock .panel > .panel-heading {
            background: transparent;
            padding: 10px 0;
        }

    .formblock .panel-title {
        padding: 10px 0;
    }

    .formblock .panel-body {
        padding: 15px 0;
        border-width: 0 !important;
    }

    .formblock span.xformvalidator {
        color: red;
    }

    .formblock div + span.validatorcontainer {
        display: block;
        margin-top: -5px;
        margin-bottom: 10px;
    }

    .formblock .control-label {
        display: block;
    }

    /*.formblock .control-label + .radio-inline,
.formblock .control-label + .checkbox-inline {
    margin-left: 10px;
}*/
    .formblock .preview tr {
        border-bottom: 14px solid #fff;
    }

    .formblock .preview th,
    .formblock .preview td {
        vertical-align: top;
    }

    .formblock .preview th {
        white-space: pre-wrap;
        padding-right: 10px;
    }

    .formblock .preview td {
        width: 100%;
    }

    .formblock .preview .toolbar {
        padding-top: 10px;
    }

        .formblock .preview .toolbar button {
            margin-right: 5px;
        }

    /* pagelistblock */
    .pagelistblock .panel-body {
        padding: 5px 0 15px 0;
    }

    .pagelistblock .panel > .panel-body > .panel-body-footer {
        margin-left: 0;
        margin-right: 0;
        clear: both;
    }


    .pagelistblock .panel-body > ul {
        margin: 0;
        padding: 0;
    }

    .pagelistblock .panel-default .panel-body > ul > li {
        padding: 5px 15px 5px 15px !important;
    }

        .pagelistblock .panel-default .panel-body > ul > li > div > img {
            width: 100% !important;
        }

    .pagelistblock .panel-body a, .pagelistblock .panel-body .date {
        clear: both;
        display: block;
    }

    /*.pagelistblock .bulletLink { background-position:0 4px; }*/
    .pagelistblock .image-container {
        padding: 10px 0 10px 15px;
    }

    .pagelistblock .content-container {
        padding: 10px 15px 10px 15px;
    }

    /* för sidlistningsblock som nyheteslista på startsida */
    /*.pagelistblock h3 a { color:#006699; }*/
    .pagelistblock h3 a:after {
        content: ' »';
    }

    /* allow only one pagelist column in within col-xx-4 */
    aside[class*='-3'] .pagelistblock .panel-body > ul,
    aside[class*='-4'] .pagelistblock .panel-body > ul,
    div[class*='-3'] .pagelistblock .panel-body > ul,
    div[class*='-4'] .pagelistblock .panel-body > ul {
        width: 100% !important;
    }

    /* two columns if possible */
    @media (min-width:600px) {
        .pagelistblock section[class*=newslist] .panel-body > ul > li:nth-child(odd) {
            background: #fff !important;
        }

        .pagelistblock section[class*=newslist] .panel-body > ul > li:nth-child(even) {
            background: #f5f5f5 !important;
        }

        .startpage .pagelistblock section[class*=newslist] .panel-body > ul,
        .pagelistblock .standard .panel-body > ul {
            width: 50%;
            float: left;
            border: solid 2px #fff;
            border-width: 1px 1px 1px 2px;
        }

            .startpage .pagelistblock section[class*=newslist] .panel-body > ul + ul,
            .pagelistblock .standard .panel-body > ul + ul {
                border: solid 2px #fff;
                border-width: 1px 2px 2px 1px;
            }
    }


    /* imageslider */
    .imageslider {
        margin-bottom: 20px;
    }

        .imageslider .carousel-inner {
            background: #ecebea; /*#def4ff*/
            border: 0;
            border-radius: 0;
            -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.25);
            box-shadow: 0 8px 6px -6px rgba(0,0,0,0.25);
        }

            .imageslider .carousel-inner .item {
                background: transparent;
            }

        .imageslider .img-overlay {
            position: absolute;
            bottom: 0;
            left: 14px;
        }

        .imageslider .img-overlay-fullsize {
            display: none;
        }

        .imageslider .carousel-control {
            background-image: none;
        }

        .imageslider .carousel-indicators {
            bottom: -10px;
            left: 2%;
            right: 2%;
            width: 90%;
            margin-left: 0;
            padding-top: 10px;
            padding-bottom: 20px;
            text-align: center;
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
        }

            .imageslider .carousel-indicators li {
                border: 1px solid #a2cde2;
                background-color: #4cbbeb;
                border-radius: 0;
                margin: 0;
            }

        .imageslider .carousel-caption {
            position: relative;
            left: 2%;
            right: 2%;
            width: 96%;
            bottom: 10px;
            padding-bottom: 50px;
            color: #000;
            text-align: left;
            text-shadow: none;
        }

            .imageslider .carousel-caption h2 {
                font-size: 1.4em;
                color: #333;
            }


    /* imagegallery - modal */
    .imagegalleryblock .modal-header {
        border-bottom: 0;
    }

    .modal-header .close {
        margin-top: -8px;
        margin-right: -8px;
        width: 44px;
        height: 44px;
        font-size: 26px;
    }

    .imagegalleryblock .modal-footer {
        border-top: solid 1px #95c11f;
        text-align: left;
    }

        .imagegalleryblock .modal-footer .tools {
            text-align: right;
        }

    /* only show scroll on modal if needed */
    .blueimp-gallery .slides .modal {
        overflow-y: auto;
    }

    /* hide scroll when sliding  */
    .blueimp-gallery .slides.sliding .modal {
        overflow-y: hidden;
    }

    .blueimp-gallery {
        background: rgba(0,0,0,.5);
    }

        .blueimp-gallery .btn {
            margin: 0 0 5px 5px;
        }

    .blueimp-gallery-controls > .prev,
    .blueimp-gallery-controls > .next {
        border: 0;
    }

    .blueimp-gallery .gallery-metadata {
        min-width: 200px;
    }

        .blueimp-gallery .gallery-metadata strong {
            margin-right: 5px;
            display: block;
        }

    .carousel-indicators button {
        height: 44px;
        width: 44px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0;
        margin-left: 4px;
        margin-right: 4px;
    }

    .carousel-indicators .active {
        color: #fff;
        background-color: #4cbbeb !important;
    }

    .carousel-indicators button:before {
        content: url(/static/img/ico_img.svg);
        width: 22px;
        height: 22px;
        display: block;
    }

    .carousel-indicators button:focus {
        background-color: #fff;
        outline: 2px solid black;
        outline-offset: 2px;
    }

    .carousel-indicators .active:focus {
        background-color: #4cbbeb !important;
        color: #fff !important;
    }


    /* file browser */
    /*.filebrowserblock thead th {
    display: none;
}*/
    .filebrowserblock tbody > tr {
        border-bottom: 1px solid #ccc;
    }

    .filebrowserblock tr td {
        display: block;
        border-top: 0;
        padding: 1px 8px;
        text-align: left;
    }

        .filebrowserblock tr td.icon {
            padding-top: 8px;
        }

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



    /* HEADER*/
    .header-content-inner > .row > div[class^="col-"] {
        display: table-cell;
        vertical-align: middle;
        float: none;
        text-align: center;
    }

    .site-heading-area {
        height: 3.5em;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .site-heading {
        color: #333;
        font-size: 1em;
        font-weight: bold;
    }

    .quicksearch form {
        width: 100%;
    }




    /* logotype */
    a.logo > img {
        width: 25rem;
    }

    .container.header .row.header-nav .navbar-brand img {
        /*height: 30px;*/
        max-height: 6.5rem;
        width: 100%;
    }


    /* mainmenu */
    .container.header .row.header-nav {
        background: #4cbbeb;
        border: 0;
    }

        .container.header .row.header-nav > div {
            padding-left: 0;
            padding-right: 0;
        }

        .container.header .row.header-nav .navbar-default {
            background-color: transparent;
            border: 0;
        }

            .container.header .row.header-nav .navbar-default .navbar-collapse {
                border: 0;
                max-height: 1000px;
                padding-left: 0;
                padding-right: 0;
            }

                .container.header .row.header-nav .navbar-default .navbar-collapse.search-collapse {
                    padding-left: 15px;
                    padding-right: 15px;
                }

                    .container.header .row.header-nav .navbar-default .navbar-collapse.search-collapse.in {
                        overflow-y: visible;
                    }

        .container.header .row.header-nav .navbar-header {
            background: #fff;
            border-bottom: 1px solid #c5c6c8;
        }

        .container.header .row.header-nav .site-heading {
            padding: 10px;
        }

        .container.header .row.header-nav .navbar-default .navbar-nav {
            margin: 0;
            border-bottom: solid 1px #c5c6c8;
        }

    /*THIS WOULD NOT HAVE BEEN NECESSERY IF ...*/
    .navbar-nav > li > p {
        line-height: 1.5;
    }

    .nav > li > p {
        position: relative;
        display: block;
    }

    .navbar-nav > li > p {
        margin-bottom: 0 !important;
        padding: 10px 15px;
    }

    .container.header .row.header-nav .navbar-default .navbar-nav > li > a,
    .container.header .row.header-nav .navbar-default .navbar-nav > li > a:hover,
    .container.header .row.header-nav .navbar-default .navbar-nav > li > a:focus,
    .container.header .row.header-nav .navbar-default .navbar-nav > li > p {
        background-color: #ecebea;
        border: 1px solid #007eb4; /*#009fe3;*/
        border-bottom-color: #c5c6c8;
        /*background-color: #d4eefb;
    border-top: 1px solid #c5c6c8;*/
        text-decoration: none;
        white-space: nowrap;
        font-weight: bold;
        color: #000;
    }

        .container.header .row.header-nav .navbar-default .navbar-nav > li > a:hover,
        .container.header .row.header-nav .navbar-default .navbar-nav > li > a:focus {
            color: #999;
            background-color: #f8f8f8;
            border-top-color: #c5c6c8;
        }

    .container.header .row.header-nav .navbar-default .navbar-nav > .active > a,
    .container.header .row.header-nav .navbar-default .navbar-nav > .active > a:hover,
    .container.header .row.header-nav .navbar-default .navbar-nav > .active > a:focus,
    .container.header .row.header-nav .navbar-default .navbar-nav > .active > p {
        color: #333;
        background-color: #fff;
    }

    .container.header .row.header-nav .navbar {
        border-radius: 0 0 4px 4px;
    }

    .container.header .row.header-nav .mainmenu-collapse {
        padding-left: 0;
        padding-right: 0;
    }

    .container.header .row.header-content {
        background-color: #fff;
        border: 1px solid #c5c6c8;
        border-radius: 4px;
        padding-top: 10px;
        padding-bottom: 10px;
    }


        /* navbar-form */
        .container.header .row.header-content .navbar-form {
            padding: 0;
        }

    .container.header .row.header-nav .quicksearchform {
        padding: 20px 0;
    }


    /* utilitymenu INSATS BEHÖVS HÄR!!!!*/
    .utilitymenu-collapse ul li a {
        padding-left: 45px;
    }

        .utilitymenu-collapse ul li a .lvnicon {
            margin-left: -28px;
            margin-right: 6px;
            margin-top: -8px;
        }

    .mainmenu-collapse ul, .utilitymenu-collapse ul {
        padding-top: 20px;
    }

    /* navbar-toggle */
    .navbar-toggle {
        /*background-color: #d4eefb;*/
        background-color: #fff;
        margin-right: 10px;
    }

    .navbar-default .navbar-toggle {
        /*border-color: #a2cde2;*/
        border-color: #c5c6c8;
        width: 40px;
    }

        .navbar-default .navbar-toggle:hover {
            /*background-color: #fff;
    border-color: #c5c6c8;*/
            /*border-color: #a2cde2; 
    background-color: #d4eefb;*/
            /*color: #999;*/
        }

        .navbar-default .navbar-toggle:focus {
            background-color: #fff;
            border-color: #007eb4; /*#009fe3;*/
            color: #000;
        }

        .navbar-default .navbar-toggle.navbar-toggle-mainmenu {
            padding: 9px 6px;
        }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #000;
        }

        .navbar-default .navbar-toggle:hover .icon-bar,
        .navbar-default .navbar-toggle:focus .icon-bar {
            background-color: #000;
        }

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



    /* PAGE CONTENT CONTAINER */
    .container.page-content {
        background: #fff;
        border: 1px solid #c5c6c8;
        border-width: 1px 0 1px 0;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .page-content-area {
    }

    .page-main-content {
        margin-bottom: 20px;
    }

    .page-secondary-content {
    }

    /* illustrerande bild (site.master) */
    .page-main-content h1 + img {
        margin-bottom: 20px;
    }    

    /* PANELS */
    .panel {
        border-color: #c4c4c6;
    }

        .panel > .panel-heading {
            color: #333;
            background-color: #f2f2f2;
            border-color: #c4c4c6;
        }

            .panel > .panel-heading h2.panel-title {
                font-weight: bold;
                padding: 0;
                margin: 0;
                color: #333333;
            }

            .panel > .panel-heading .glyphicon.glyphicon-chevron-up,
            .panel > .panel-heading .glyphicon.glyphicon-chevron-right,
            .panel > .panel-heading .glyphicon.glyphicon-chevron-down,
            .panel > .panel-heading .glyphicon.glyphicon-chevron-left {
                color: #999 !important;
            }

            .panel > .panel-heading a.accordion-toggle,
            .panel > .panel-heading a.accordion-toggle:hover {
                /*display: block;*/
                text-decoration: none;
                color: #333;
            }


        .panel > .panel-body > .panel-body-footer {
            border-top: 1px solid #c4c4c6;
            margin-top: 15px;
            margin-left: -15px;
            margin-right: -15px;
            padding: 15px;
            padding-bottom: 0;
        }

        .panel > .panel-footer {
            border-top: 0;
            margin: 0;
            padding: 0;
        }

        .panel > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #c4c4c6;
        }

        .panel > .panel-footer + .panel-collapse .panel-body {
            border-bottom-color: #c4c4c6;
        }

        .panel.filter > .panel-heading {
            padding: 0px;
        }

            .panel.filter > .panel-heading .accordion-toggle {
                display: flex;
                justify-content: space-between;
                align-items: center;
                height: 42px;
                width: 100%;
                text-align: left;
                border: none;
                padding-left: 15px;
                padding-right: 15px;
            }

            .panel.filter > .panel-heading .accordion-toggle span{
                position:relative;   
            }

            .panel.filter > .panel-heading .accordion-toggle span::before {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
            }

            .panel.filter > .panel-heading .accordion-toggle .glyphicon-chevron-up {
                display: block;
            }
            .panel.filter > .panel-heading .accordion-toggle.collapsed .glyphicon-chevron-up {
                display:none;
            }
            .panel.filter > .panel-heading .accordion-toggle .glyphicon-chevron-down {
                display: none;
            }
            .panel.filter > .panel-heading .accordion-toggle.collapsed .glyphicon-chevron-down {
                display: block;
            }



    /* panel-style1 */
    .panel-style1 {
        border-bottom: 12px solid #95c11f; /*#bbcd57*/
        /*border-radius: 0 0 4px 4px;*/
    }

        .panel-style1 > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #d6e9c6;
        }

        .panel-style1 > .panel-footer + .panel-collapse .panel-body {
            border-bottom-color: #d6e9c6;
        }

        .contentbannerblock .panel-style1 p .bulletLink, .panel-style1 p .bulletLink {
            text-decoration: underline;
            margin-bottom: 8px;
        }
/*
    .contentbannerblock .panel-body ul {
        padding-left: 0px !important;
    }*/

    .contentbannerblock .panel-body li {
        margin-bottom: 1em;
    }

        .contentbannerblock .panel-body li a {
            text-decoration: underline;
        }

    .page-secondary-content .contentbannerblock .panel p .bulletLink {
        text-decoration: underline;
    }

    /* panel-style1177 */
    .panel-style1177 {
        border: 0;
        background-color: #faeef0;
        font-family: 'Open Sans';
        font-style: normal;
    }

        .panel-style1177 > .panel-heading {
            background-color: #C12143;
            border: 0;
            /* sr-only */
            position: absolute;
            width: 1px;
            height: 1px;
            margin: -1px;
            padding: 0;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            border: 0;
        }

            .panel-style1177 > .panel-heading h2.panel-title {
                color: #fff;
                font-family: 'Inter';
                font-weight: 700;
            }

        .panel-style1177 a {
            color: #6A0032;
            font-family: 'Inter';
            font-weight: 700;
        }

        .panel-style1177 .bulletLink:before {
            background-image: url("/static/img/ico_arrow-right-1177.svg");
        }

        .panel-style1177 a.bulletLink:focus {
            outline-color: rgba(106,0,50, .3) !important;
            color: #6A0032 !important;
        }

        .panel-style1177 .panel-footer {
            background-color: #C12143;
            text-align: center;
            margin-top: 70px;
            position: relative;
            padding-bottom: 15px;
        }

            .panel-style1177 .panel-footer:before {
                content: " ";
                display: block;
                width: 100%;
                position: absolute;
                background-color: transparent;
                height: 120px;
                top: -120px;
                background-size: 100% 174px;
                background-image: url("/static/img/1177-footer-bottom-big.svg");
            }

        .panel-style1177 img.logo-1177 {
            width: 90px;
            margin: 0 auto;
            position: relative;
            top: -20px;
        }

    @media (min-width: 370px) {
        .panel-style1177 .panel-footer {
            margin-top: 100px;
        }

            .panel-style1177 .panel-footer:before {
                top: -123px;
                height: 123px;
            }
    }

    @media (min-width: 400px) {
        .panel-style1177 .panel-footer {
            margin-top: 125px;
        }

            .panel-style1177 .panel-footer:before {
                top: -128px;
                height: 128px;
            }

        .panel-style1177 img.logo-1177 {
            top: -30px;
        }
    }

    @media (min-width: 500px) {
        .panel-style1177 .panel-footer {
            margin-top: 130px;
        }

            .panel-style1177 .panel-footer:before {
                top: -140px;
                height: 140px;
            }

        .panel-style1177 img.logo-1177 {
            top: -40px;
        }
    }

    @media (min-width: 650px) {
        .panel-style1177 .panel-footer {
            margin-top: 170px;
        }

            .panel-style1177 .panel-footer:before {
                top: -160px;
                height: 160px;
            }

        .panel-style1177 img.logo-1177 {
            top: -50px;
        }
    }

    @media (min-width: 768px) {
        .panel-style1177 .panel-footer {
            margin-top: 170px;
        }

        .panel-style1177 img.logo-1177 {
            top: -55px;
        }
    }

    @media (min-width: 992px) {
        .panel-style1177 .panel-footer {
            margin-top: 170px;
        }

            .panel-style1177 .panel-footer:before {
                top: -170px;
            }

        .panel-style1177 img.logo-1177 {
            top: -40px;
        }
    }

    @media (min-width: 1200px) {

        .panel-style1177 .panel-footer {
            margin-top: 70px;
        }

            .panel-style1177 .panel-footer:before {
                height: 80px;
                top: -70px;
                background-size: 100% 80px;
                background-image: url("/static/img/1177-footer-bottom.svg");
            }

        .panel-style1177 img.logo-1177 {
            top: -15px;
        }
    }





    /* big panel */
    .page-main-content .block.col-sm-12 .panel-style1177 {
        position: relative;
    }

        .page-main-content .block.col-sm-12 .panel-style1177 .panel-body {
            margin-right: 30%;
        }

        .page-main-content .block.col-sm-12 .panel-style1177 .panel-footer {
            position: absolute;
            right: 0;
            width: 25%;
            margin-top: 0;
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            border-bottom-left-radius: 0;
            border-top-right-radius: 3px;
        }

            .page-main-content .block.col-sm-12 .panel-style1177 .panel-footer::before {
                content: " ";
                display: block;
                background-color: transparent;
                background-image: url(/static/img/1177-footer-right.svg);
                background-size: 64px 100%;
                position: absolute;
                top: 0;
                left: -46px;
                width: 64px;
                height: 100%;
            }

        .page-main-content .block.col-sm-12 .panel-style1177 img.logo-1177 {
            width: 90px;
            margin: 0;
            position: absolute;
            top: 50%;
            left: 45%;
            transform: translate(-50%, -50%);
        }


    @media (max-width: 480px) {
        .page-main-content .block.col-sm-12 .panel-style1177 img.logo-1177 {
            width: 55px;
        }
    }

    /* panel-top-1177 */
    .panel-top-1177 {
        border: 0;
        background-color: #faeef0;
        font-family: 'Open Sans';
        font-style: normal;
    }

        .panel-top-1177 > .panel-heading {
            background-color: #C12143;
            border: 0;
        }

            .panel-top-1177 > .panel-heading h2.panel-title {
                color: #fff;
                font-family: 'Inter';
                font-weight: 700;
            }

        .panel-top-1177 a {
            color: #6A0032;
            font-family: 'Inter';
            font-weight: 700;
        }

        .panel-top-1177 .bulletLink:before {
            background-image: url("/static/img/ico_arrow-right-1177.svg");
        }

        .panel-top-1177 a.bulletLink:focus {
            outline-color: rgba(106,0,50, .3) !important;
            color: #6A0032 !important;
        }

        .panel-top-1177 > .panel-body > .panel-body-footer {
            border-top: 0;
        }

    .block.col-sm-9 .panel-top-1177 > .panel-heading {
        background-color: transparent;
    }

        .block.col-sm-9 .panel-top-1177 > .panel-heading h2.panel-title {
            color: #6A0032;
            font-size: 1.4em;
            padding: 0;
            margin: 0.2em 0;
        }

    .panel-top-1177 img.logo-1177 {
        width: 80px;
        position: absolute;
        bottom: 30px;
        right: 30px;
    }

    .panel-top-1177 .panel-image > a {
        width: 100%;
        height: 100%;
    }

    .block.col-sm-9 .contentbannerblock .panel-top-1177 .panel-body .panel-image img {
        margin-top: 0;
    }

    @media (max-width: 767px) {

        .block.col-sm-9 .panel-top-1177 .panel-body {
            padding-top: 130px;
            position: relative;
        }

        .block.col-sm-9 .panel-top-1177 > .panel-heading {
            position: relative;
            top: 130px;
        }

        .block.col-sm-9 .panel-top-1177 figure.panel-image {
            position: absolute;
            top: -65px;
            left: 15px;
            right: 15px;
            height: 130px;
            background-color: #C12143;
            overflow: hidden;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }

            .block.col-sm-9 .panel-top-1177 figure.panel-image::after {
                content: " ";
                display: block;
                background-color: transparent;
                background-image: url(/static/img/1177-image-top-big.svg);
                background-size: 100% 133px;
                position: absolute;
                top: 44px;
                left: 0;
                right: 0;
                width: 100%;
                height: 130px;
            }

        .block.col-sm-9 .panel-top-1177 .img-responsive {
            width: 100%;
            max-width: 100%;
            height: auto;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }
    }

    @media (min-width: 320px) and (max-width: 767px) {
        .block.col-sm-9 .panel-top-1177 .panel-body {
            padding-top: 135px;
        }

        .block.col-sm-9 .panel-top-1177 > .panel-heading {
            top: 135px;
        }

        .block.col-sm-9 .panel-top-1177 figure.panel-image {
            height: 133px;
        }

            .block.col-sm-9 .panel-top-1177 figure.panel-image::after {
                background-size: 100% 133px;
                bottom: 0px;
                height: 133px;
            }
    }

    @media (min-width: 370px) and (max-width: 767px) {
        .block.col-sm-9 .panel-top-1177 .panel-body {
            padding-top: 150px;
        }

        .block.col-sm-9 .panel-top-1177 > .panel-heading {
            top: 150px;
        }

        .block.col-sm-9 .panel-top-1177 figure.panel-image {
            bottom: 0;
            height: 160px;
        }

            .block.col-sm-9 .panel-top-1177 figure.panel-image::after {
                background-size: 100% 160px;
                top: 52px;
                height: 160px;
            }
    }

    @media (min-width: 400px) and (max-width: 767px) {
        .block.col-sm-9 .panel-top-1177 .panel-body {
            padding-top: 175px;
        }

        .block.col-sm-9 .panel-top-1177 > .panel-heading {
            top: 175px;
        }

        .block.col-sm-9 .panel-top-1177 figure.panel-image {
            bottom: 52px;
            height: 175px;
            top: -40px;
        }

            .block.col-sm-9 .panel-top-1177 figure.panel-image::after {
                background-size: 100% 180px;
                top: 54px;
                height: 175px;
            }
    }




    @media (min-width: 500px) and (max-width: 767px) {
        .block.col-sm-9 .panel-top-1177 .panel-body {
            padding-top: 225px;
        }

        .block.col-sm-9 .panel-top-1177 > .panel-heading {
            top: 225px;
        }

        .block.col-sm-9 .panel-top-1177 figure.panel-image {
            height: 225px;
        }

            .block.col-sm-9 .panel-top-1177 figure.panel-image::after {
                background-size: 100% 225px;
                top: 75px;
                height: 225px;
            }
    }

    @media (min-width: 660px) and (max-width: 767px) {
        .block.col-sm-9 .panel-top-1177 .panel-body {
            padding-top: 305px;
        }

        .block.col-sm-9 .panel-top-1177 > .panel-heading {
            top: 305px;
        }

        .block.col-sm-9 .panel-top-1177 figure.panel-image {
            top: -40px;
            height: 305px;
        }

            .block.col-sm-9 .panel-top-1177 figure.panel-image::after {
                background-size: 100% 305px;
                top: 100px;
                height: 305px;
            }
    }

    @media (min-width: 768px) {
        .block.col-sm-9 .panel-top-1177 .panel-body {
            margin-left: 30%;
        }

        .block.col-sm-9 .panel-top-1177 > .panel-heading {
            background-color: transparent;
            position: relative;
            top: 25px;
            left: 30%;
            WIDTH: 70%;
        }

        .block.col-sm-9 .panel-top-1177 figure.panel-image {
            position: absolute;
            left: 15px;
            bottom: 20px;
            top: 0;
            width: 25%;
            border: 0;
            background-color: #C12143;
            overflow: hidden;
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
        }

            .block.col-sm-9 .panel-top-1177 figure.panel-image::after {
                content: " ";
                display: block;
                background-color: transparent;
                background-image: url(/static/img/1177-image-left.svg);
                background-size: 46px 100%;
                position: absolute;
                top: 0;
                bottom: 0;
                right: -10px;
                width: 46px;
                height: 100%;
            }

        .block.col-sm-9 .panel-top-1177 .img-responsive {
            margin-top: 0;
            width: auto;
            max-width: none;
            height: 100%;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
        }
    }




    /* small panel */
    .block.col-sm-3 .panel-top-1177 .panel-footer {
        display: none;
    }


    /* panel-top */

    .panel-top > .panel-heading + .panel-collapse .panel-body {
        border-top-color: #d6e9c6;
    }

    .panel-top > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #d6e9c6;
    }


    .panel.panel-no-border {
        padding: 0;
        border: 0;
        background: none;
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .panel.panel-no-border > .panel-heading {
            background: none;
            background-color: transparent;
            padding: 0 0 5px 0;
            border-bottom: 0;
            border-top-right-radius: 0;
            border-top-left-radius: 0;
        }

        .panel.panel-no-border .panel-body {
            padding: 0;
            border: 0;
        }

            .panel.panel-no-border .panel-body ul {
                padding: 0 0 0 3px;
                padding-left: 24px;
            }



    /* SUBNAV */
    #subnav {
        border: 1px solid #c4c4c6;
        border-radius: 4px;
        margin-bottom: 20px;
    }

        #subnav ul:last-child {
        }

        /* item */
        #subnav .nav-stacked > li + li {
            margin-top: 0;
        }

        #subnav .nav-pills > li > a,
        #subnav .nav-pills > li > p {
            border-bottom: 1px solid #ccc;
            border-radius: 0;
            color: #333;
            padding: 20px 30px;
        }

    @media screen and (min-width:992px) {
        #subnav .nav-pills > li > a,
        #subnav .nav-pills > li > p {
            padding: 10px 30px;
        }
    }
    /* item - hover and focus */
    #subnav .nav > li > a:hover, .nav > li > a:focus {
        text-decoration: underline;
        background-color: transparent;
    }

    /* item - active */
    #subnav .nav-pills > li.active > a,
    #subnav .nav-pills > li.active > p {
        color: #333;
        font-weight: bold;
        background-color: inherit;
    }
    /* item - active and hover*/
    #subnav .nav > li.active > a:hover {
        text-decoration: none;
    }
    /* item - arrow */
    #subnav .nav-pills > li > a > .glyphicon,
    #subnav .nav-pills > li.active > a > .glyphicon,
    #subnav .nav-pills > li > a > .lvnicon,
    #subnav .nav-pills > li.active > a > .lvnicon,
    #subnav .nav-pills > li.active > p > .glyphicon,
    #subnav .nav-pills > li.active > p > .lvnicon {
        color: #c4c4c6;
        margin-left: -20px;
        margin-right: 6px;
    }

        #subnav .nav-pills > li > a > .glyphicon.pull-right,
        #subnav .nav-pills > li.active > a > .glyphicon.pull-right,
        #subnav .nav-pills > li > a > .lvnicon.pull-right,
        #subnav .nav-pills > li.active > a > .lvnicon.pull-right,
        #subnav .nav-pills > li.active > p > .lvnicon.pull-right {
            margin-left: 0;
            margin-right: 0;
            left: 15px;
        }


    #subnav .nav-pills > li > a > .glyphicon,
    #subnav .nav-pills > li.active > a > .glyphicon,
    #subnav .nav-pills > li.active > p > .glyphicon {
        font-size: 1.15em;
    }



    /* trace item */
    #subnav .subnav-trace.nav-pills > li > a,
    #subnav .subnav-trace.nav-pills > li > p {
        background-color: #e2eabb;
    }

        /* trace item - arrow */
        #subnav .subnav-trace.nav-pills > li > a > .glyphicon,
        #subnav .subnav-trace.nav-pills > li.active > a > .glyphicon,
        #subnav .subnav-trace.nav-pills > li.active > p > .glyphicon {
            color: #bbcd57;
        }


    /* first trace item */
    #subnav .subnav-trace.nav-pills > li:first-child > a,
    #subnav .subnav-trace.nav-pills > li:first-child > p {
        background-color: #bbcd57;
        border-bottom: 1px solid #9db032;
        border-radius: 4px 4px 0 0;
    }

        /* first trace item - arrow */
        #subnav .subnav-trace.nav-pills > li:first-child > a > .glyphicon,
        #subnav .subnav-trace.nav-pills > li:first-child.active > a > .glyphicon,
        #subnav .subnav-trace.nav-pills > li:first-child.active > p > .glyphicon {
            color: #e2eabb;
        }


    /* subnav-collapsed */
    #subnav.subnav-collapsed .nav-pills > li:last-child > a,
    #subnav.subnav-collapsed .nav-pills > li:last-child > p {
        border-radius: 0 0 4px 4px;
    }

    #subnav.subnav-collapsed .nav-pills > li.as-root > a,
    #subnav .subnav-list.nav-pills > li:last-child > a,
    #subnav.subnav-collapsed .nav-pills > li.as-root > p,
    #subnav .subnav-list.nav-pills > li:last-child > p {
        border-bottom: 0;
    }

    /* toggle */
    #subnav-toggle {
        background-color: #bbcd57;
        border: 0;
        border-top: 1px solid #9db032;
        border-radius: 0 0 3px 3px;
        color: #333;
    }

    /* PAGE MENU */
    .page-menu {
        margin-bottom: 1em;
    }

        .page-menu a {
            text-decoration: underline;
        }

            .page-menu a:hover {
                text-decoration: none;
            }

        .page-menu h3.itemheading {
            margin-bottom: 0.5em;
            border-bottom: solid 2px #95c11f;
        }

        /* listing type 1, 2 */
        .page-menu ul.one-level {
            padding-bottom: 0.5em;
            margin: 0;
            padding: 0;
        }

            .page-menu ul.one-level li {
                padding: 0.3em 0.5em 0.3em 0.5em;
                list-style: none;
            }

                .page-menu ul.one-level li.alternate {
                    background: #f5f5f5;
                }

                .page-menu ul.one-level li .date {
                    color: #707070;
                    font-size: 0.8em;
                }

                .page-menu ul.one-level li a {
                    /*font-weight:bold;*/
                    font-weight: lighter;
                }

        /* listing type 3 */
        .page-menu ul.two-levels {
            padding-bottom: 0.5em;
            margin: 0;
            padding: 0;
        }

            .page-menu ul.two-levels li {
                list-style: none;
            }

                .page-menu ul.two-levels li .main-link {
                    font-weight: bold;
                }

            .page-menu ul.two-levels > li {
                padding: 0.3em 0.5em 0.3em 0.5em;
            }

            .page-menu ul.two-levels li.alternate {
                background: #f5f5f5;
            }

            .page-menu ul.two-levels li.first-level > a {
                /*font-weight:bold;*/
                font-weight: lighter;
            }

            .page-menu ul.two-levels li.first-level ul {
                margin: 0.6em;
                padding: 0;
            }

        /* listing type 4 */
        .page-menu ul.chapters {
            margin: 0 0 20px 0;
            padding: 0;
        }

            .page-menu ul.chapters li.chapter {
                list-style: none;
                margin-bottom: 20px;
            }

                .page-menu ul.chapters li.chapter h2 {
                    padding-bottom: 0.2em;
                    border-bottom: solid 1px #95c11f;
                }

                .page-menu ul.chapters li.chapter p {
                    margin-top: 1em;
                    padding-bottom: 0;
                }

                    .page-menu ul.chapters li.chapter p a:hover {
                        text-decoration: underline;
                    }


                    .page-menu ul.chapters li.chapter p:first-child {
                        margin-top: 0;
                    }

                .page-menu ul.chapters li.chapter .main-intro {
                    padding-bottom: 0.8em;
                    display: block; /*padding wont have an effect on inline elements*/
                }

                .page-menu ul.chapters li.chapter a.paginglink {
                    margin-top: 0.7em;
                    text-decoration: none;
                }

                    .page-menu ul.chapters li.chapter a.paginglink .glyphicon {
                        font-size: 11px;
                    }

        .page-menu ul.chapter-links {
            margin: 0 0 20px 0;
            padding-left: 20px;
        }

            .page-menu ul.chapter-links li {
                padding: 0.2em;
            }

                .page-menu ul.chapter-links li.alternate {
                    background: #f5f5f5 !important;
                }

                .page-menu ul.chapter-links li.separator {
                    padding: 0 0.5em 0 0.5em;
                }





    /* FOOTER */

    .container.footer {
        background: transparent;
        margin-bottom: 50px;
    }

        .container.footer > .row {
            border: 0;
            padding-top: 20px;
        }

        /*fix (länk får inte plats) */
        .container.footer .contentbannerblock .panel-body strong {
            float: left;
            white-space: pre-wrap;
        }

            .container.footer .contentbannerblock .panel-body strong + a {
                display: inline-block;
                max-width: 100%;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }




    /* BACK TOP */

    #back-top {
        /*    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    opacity: 0.95;*/
        margin: auto;
        width: 100%;
        display: flex;
        justify-content: flex-end;
        border-top: 1px solid #c4c4c4;
    }

        #back-top a {
            display: inline-block;
            margin-top: 16px;
        }


            #back-top a .glyphicon.glyphicon-chevron-up {
                color: #999;
                font-size: 1.1em;
            }

    /* contact */

    .contact.media {
        font-size: 14px;
        margin-bottom: 15px;
    }

        .contact.media .media-left {
            display: table-cell;
            vertical-align: top;
        }

        .contact.media .media-body {
            display: table-cell;
            vertical-align: top;
        }

            .contact.media .media-body .contact-header {
                border-bottom: 1px solid #95c11f;
                padding-bottom: 5px;
                margin-bottom: 5px;
            }

    .contact .media-heading {
        margin-bottom: 15px;
        font-size: 16px;
        /*color:#006699;*/
        line-height: 1em;
        display: block;
        margin-top: 5px;
        margin-bottom: 0;
    }

    .contact-img {
        width: 84px;
        margin-bottom: 15px;
        margin-right: 10px;
    }

    .contact .media-heading a:link,
    .contact .media-heading a:hover,
    .contact .media-heading a:visited {
        /*color: #006699;*/
        text-decoration: none;
    }

    .contact .contact-info,
    .contact .contact-info a,
    .contact .contact-info a:hover {
        color: #555;
        line-height: 1.25;
        display: block;
    }

    @media screen and (min-width: 768px) {
        .contact.media .media-left,
        .contact.media .media-body {
            display: block;
        }

        .contact-img {
            width: 120px;
            margin: 0 auto;
        }

        .employeelistblock .contact.media {
            min-height: 256px;
        }

            .employeelistblock .contact.media .media-object {
                min-height: 155px;
            }
    }

    /*employee*/
    @media screen and (min-width:992px) {
        .employeelistblock .contact.media {
            min-height: 311px;
        }
    }

    .employeelistblock > .panel-heading {
        border-bottom: 1px solid #95c11f;
    }

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

        .employeelistblock .contact.media .media-left,
        .contact.media .media-body {
            display: block;
        }

        .contact-img {
            width: 100%;
            margin: 15px auto 5px auto;
        }
    }

    .modal-dialog.employee img {
        margin-right: 15px;
    }

    .modal-dialog.employee .modal-footer {
        text-align: left;
    }
    /* TROINT SPECIFICS*/
    .btn-troint {
        background: none;
        border: none;
        padding-left: 0px;
        padding-right: 0px;
    }

        .btn-troint:hover,
        .btn-troint:focus,
        .btn-troint:active {
            text-decoration: underline;
        }

    #search-result-close {
        width: 44px;
        height: 44px;
    }

    figure.troint-pic {
        padding-right: 20px;
    }

    .contacts-accordion {
        text-align: left;
    }

    #troint-search {
        position: relative;
        margin-bottom: 1.5em;
    }

        #troint-search fieldset {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            background: #f5f5f5;
            text-align: right;
            /*padding: 0 20px 20px;*/
            padding: 20px 15px;
            border-radius: 4px;
        }

        #troint-search legend {
            text-align: left;
            margin: 0;
            padding-bottom: 20px;
            border: 0;
            font-size: 17px;
            font-weight: 600;
            margin-bottom: -10px;
        }

        #troint-search .form-group {
            margin-bottom: 0;
        }

        #troint-search label {
            display: block;
            text-align: left;
            font-weight: 400;
            margin-bottom: 0;
            margin-left: 5px;
        }

    input#search-name {
        width: 21em;
    }

    input#search-name,
    select#search-place {
        min-height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.428571429;
        color: #555;
        vertical-align: middle;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        margin-right: 10px;
    }

        input#search-name:focus,
        select#search-place:focus,
        #troint-search-result:focus,
        .btn-troint:focus,
        .close:focus,
        .btn:focus {
            border-color: #66afe9;
            outline: 3px solid #000 !important;
            opacity: 1;
            /*    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);*/
        }
    /*.btn-troint:focus,
.close:focus {
    background:rgba(102,175,233,.2);
}*/
    /*IE 11 special need*/
    select::-ms-expand {
        border: none;
        background: none;
    }
    /*
#troint-btn-search {
    margin-top: 20px;
}
*/
    #troint-search-result {
        position: absolute;
        border: 1px solid rgb(224,224,224);
        border-top: none;
        width: 100%;
        background: rgba(255,255,255);
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        margin-top: -3px;
        padding: 20px;
        z-index: 10;
    }

    p.troint-no-result {
        color: #666;
        font-style: italic;
    }

    #troint-search-result {
    }

    h2.troint-h2,
    h3.troint-h3 {
        border-bottom: 1px solid #95c11f;
        color: #069;
        line-height: 1.4em;
        margin-top: 10px;
    }

    .troint-party {
        /*text-transform: uppercase;*/
    }

    body.trointpage .page-main-content ul:not(.dropdown-menu) {
        margin-bottom: 2em;
        padding-left: 1em;
    }

        body.trointpage .page-main-content ul:not(.dropdown-menu) li {
            list-style: none;
            margin-bottom: 1em;
        }

            body.trointpage .page-main-content ul:not(.dropdown-menu) li a {
                padding-bottom: .1em;
                font-weight: 500;
                display: inline-block;
            }

                body.trointpage .page-main-content ul:not(.dropdown-menu) li a:before {
                    display: inline-block;
                    content: ' ';
                    background: url(/static/img/ico_arrow-right.svg) 0 2px no-repeat;
                    height: 14px;
                    width: 14px;
                    margin-right: 6px;
                    transition: all .2s ease-in-out;
                }

                body.trointpage .page-main-content ul:not(.dropdown-menu) li a:hover {
                    text-decoration: underline;
                }

                    body.trointpage .page-main-content ul:not(.dropdown-menu) li a:hover:before {
                        background-position-y: 1px;
                        width: 17px;
                        opacity: .3;
                    }


    body.trointpage .page-main-content .dropdown-toggle {
        border: none;
        padding-top: 0;
    }

    body.trointpage .page-main-content .dropdown-menu .selected {
        font-weight: 800;
    }

    #detail-modal .vcard .adr {
        display: block;
        margin-bottom: 10px;
    }

        #detail-modal .vcard .adr .type {
            font-weight: 600;
            display: block;
        }

    #detail-modal .vcard .tel,
    #detail-modal .vcard .region,
    #detail-modal .vcard .email-heading {
        margin-top: 10px;
        display: block;
        font-weight: 600;
    }

        #detail-modal .vcard .tel .value,
        #detail-modal .vcard .region .value {
            font-weight: 400;
            display: block;
        }

    #detail-modal .vcard .adr .street-address,
    #detail-modal .vcard .email {
        display: block;
    }

    ul.troint-list {
        margin-bottom: 0 !important;
    }

        ul.troint-list li {
            margin-bottom: 0.5em !important;
        }

    /* EMERGENCY FORM/LIST */

    .emergency-button {
        border: 10px;
        box-sizing: border-box;
        display: inline-block;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        cursor: pointer;
        text-decoration: none;
        margin: 0px;
        padding: 0px;
        outline: none;
        font-size: inherit;
        font-weight: bold;
        position: relative;
        min-height: 36px;
        line-height: 36px;
        min-width: 88px;
        color: rgb(0, 0, 0);
        transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
        border-radius: 2px;
        user-select: none;
        overflow: hidden;
        background-color: rgba(0, 0, 0, 0);
        text-align: center;
    }

        .emergency-button:hover,
        .emergency-button:focus {
            background-color: rgba(153, 153, 153, .2);
            text-decoration: none;
        }

        .emergency-button .edit {
            color: #006ed4;
        }

        .emergency-button .delete {
            color: #d2322d;
        }

        .emergency-button .success {
            color: #47a447;
        }

    .emergency-button-text {
        position: relative;
        padding-left: 16px;
        padding-right: 16px;
        vertical-align: middle;
        letter-spacing: 0px;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 14px;
    }

    .action-buttons {
        margin-bottom: .625em;
        margin-top: 1em;
    }

    .publish-info p {
        font-size: 11px;
        font-style: italic;
        line-height: 20px;
    }

    .emergency-item-container {
        box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 6px, rgba(0, 0, 0, 0.117647) 0px 1px 4px;
        border-left: 4px solid #4cbbeb;
        background-color: #EFEFEF;
        margin-top: 1.5em;
    }

    .emergency-item-wrap {
        padding: 1.25em 1.25em;
    }

    @media (max-width: 768px) {
        .emergency-item-wrap {
            padding: 1rem;
        }
    }

    .item-content-row span {
        word-break: break-word;
    }

    .emergency-saved-container {
        box-shadow: rgba(0, 0, 0, 0.117647) 0px 1px 6px, rgba(0, 0, 0, 0.117647) 0px 1px 4px;
        border-left: 10px solid #4cbbeb;
        margin-bottom: 5em;
    }

    .emergency-wrapper {
        padding: 2.5em 2.5em 1.5em;
    }

    @media (max-width: 768px) {
        .emergency-wrapper {
            padding: 1rem;
        }
    }

    .header-upper span {
        margin-left: .625em;
        font-weight: bold;
        font-size: 14px;
        color: #072131;
    }

    .header-upper h2 {
        color: #072131;
        font-size: 25px;
        display: inline;
    }

    .header-lower {
        margin-top: .625em;
        padding-bottom: .6255em;
        overflow: auto;
        position: relative;
        margin-left: 0;
    }

        .header-lower .col-md-6:first-child {
            padding-left: 0;
        }

        .header-lower.row:after {
            position: absolute;
            top: 100%;
            left: 0;
            width: 5em;
            height: 3px;
            margin-top: -.7em;
            content: '';
            background-color: #95c11f;
        }

    .injured-list-header {
        margin-top: .625em;
    }

        .injured-list-header h3 {
            text-transform: uppercase;
            letter-spacing: 0.08em;
            font-weight: 500;
            font-size: 14px;
            color: #676767;
        }

    .injured-list-footer {
        margin-top: 2em;
    }

    @media (min-width: 768px) {
        .col-severity {
            width: 46%
        }

        .col-carelevel {
            width: 20.666667%;
        }
    }

    .col-severity span,
    .col-carelevel span {
        margin-left: 5px;
    }

    .col-severity .popover,
    .col-carelevel .popover {
        width: 270px;
    }

    .close-popover {
        display: none;
    }

    @media (max-width: 768px) {
        .col-severity .popover,
        .col-carelevel .popover {
            width: 100%;
            max-width: unset;
            left: 9px !important;
            top: 33px !important;
        }

            .col-severity .popover .arrow,
            .col-carelevel .popover .arrow {
                display: none;
            }

        .close-popover {
            color: #d2322d;
            float: right;
            display: block;
        }
    }

    #injured-list {
        width: 100%;
        margin: 1em 0 1.5em;
        font-size: 13px;
        line-height: 24px;
    }

        #injured-list .glyphicon-trash {
            color: #d2322d;
            font-size: 16px;
        }

    .list-wrap h2 {
        font-size: 16px;
        font-weight: bold;
    }

    .emergency-header {
        margin: 1.25em 0;
    }

        .emergency-header > span {
            color: #4cae4c;
        }

    .emergency-content {
        margin-bottom: 1.5em;
    }

    .emergency-textpuff {
        background: #def4ff;
        border: 0;
        border-radius: 4px;
        -webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,.25);
        box-shadow: 0 8px 6px -6px rgba(0,0,0,.25);
        margin: 30px 0;
    }

        .emergency-textpuff .wrap {
            padding: 24px;
        }

        .emergency-textpuff h2 {
            font-size: 16px;
            color: #333333;
            font-weight: bold;
        }

    .emergency-form-item {
        overflow: auto;
    }

    .form-wrap {
        margin-top: 30px;
    }

    .command-bar--emergency {
        padding: 15px 0;
        text-align: right;
    }

        .command-bar--emergency p {
            margin: 1em 0;
        }

    ul.one-level {
        list-style: none;
        padding-left: 0;
    }

        ul.one-level > li {
            margin-bottom: 15px;
            padding: 15px;
        }

    ul.accident-detail {
        list-style: none;
    }

        ul.accident-detail > li.list-header {
            font-size: larger;
        }

        ul.accident-detail > li.list-style {
            /*list-style-type:disc;*/
            margin-left: 15px;
            border-bottom: 1px solid #c4c4c4;
            padding: 10px 0;
        }

        ul.accident-detail > li.accident-dates {
            text-align: right;
            font-style: italic;
            padding-top: 5px;
        }

    button.remove {
        margin-bottom: 15px;
    }

    .command-bar {
        padding: 15px 0;
        text-align: right;
    }

    .register-accident-label {
        display: flex;
        flex-direction: column;
    }

    .register-accident-label h2 {
        font-size: 14px;
        font-weight: bold;
        color: #333;
        margin-bottom: 5px;
        border-bottom: 0;
    }

    .bulletin-age {
        padding: 6px;
    }          

    .emergency-radiobuttons h2 {
        font-size: 14px;
        font-weight: bold;
        color: #333;
        margin-bottom: 5px;
    }

    .emergency-radiobuttons .radio {
        margin: 0.5rem;
        display: inline-block;
    }

        .emergency-radiobuttons .radio:first-of-type {
            padding-left: 5px;
        }

        .emergency-radiobuttons .radio input[type="radio"] {
            position: absolute;
            opacity: 0;
        }

            .emergency-radiobuttons .radio input[type="radio"] + .radio-label:before {
                content: '';
                background: #f4f4f4;
                border-radius: 100%;
                border: 1px solid #b4b4b4;
                display: inline-block;
                width: 1.4em;
                height: 1.4em;
                position: relative;
                margin-right: 1em;
                vertical-align: top;
                cursor: pointer;
                text-align: center;
                -webkit-transition: all 250ms ease;
                transition: all 250ms ease;
            }

            .emergency-radiobuttons .radio input[type="radio"]:checked + .radio-label:before {
                background-color: #3197EE;
                box-shadow: inset 0 0 0 4px #f4f4f4;
            }

            .emergency-radiobuttons .radio input[type="radio"]:focus + .radio-label:before {
                outline: none;
                border-color: #3197EE;
            }

            .emergency-radiobuttons .radio input[type="radio"]:disabled + .radio-label:before {
                box-shadow: inset 0 0 0 4px #f4f4f4;
                border-color: #b4b4b4;
                background: #b4b4b4;
            }

            .emergency-radiobuttons .radio input[type="radio"] + .radio-label:empty:before {
                margin-right: 0;
            }

    .js-radio-toggle:focus + .radio-label {
        outline: 2px solid #000;
        outline-offset: 2px;
    }

    /*@media (max-width: 767px) {
    .col-
}*/
    @media (min-width: 768px) {
        .col-left {
            padding-left: 0;
        }

        .col-right {
            padding-right: 0;
        }
    }

    @media print {
        #subnav, #submenu {
            display: none;
        }
    }
    /* ================== NEW NAV ===================*/
    nav #submenu {
        border: none;
    }

        nav#submenu > ul {
            background: #95c11e;
        }

            nav#submenu > ul > li:first-child {
                border-top: none;
            }

        nav#submenu li {
            background: #fff;
            position: relative;
            display: block;
            border-top: 2px solid #95c11e;
        }

            nav#submenu li.active {
                background: transparent;
            }

                nav#submenu li.expanded > a,
                nav#submenu li.active > a {
                    font-weight: 700;
                }

            nav#submenu li a,
            nav#submenu li p {
                display: inline-block;
                width: 85%;
                padding: 15px;
                margin: 0;
                word-break: break-word;
                hyphens: auto !important;
            }

                nav#submenu li a:hover,
                nav#submenu li a:focus {
                    text-decoration: underline;
                    background-color: transparent;
                    z-index: 1;
                    position: relative;
                }

                nav#submenu li a.active,
                nav#submenu li p.active {
                    font-weight: 700 !important;
                }

        nav#submenu ul li /*>*/ ul {
            background: #95c11e;
            padding: 0;
            /*display:none;
    }
    nav#submenu ul li.expanded > ul {
        display: block;*/
        }

            nav#submenu ul li ul li {
                margin-left: .8em;
            }

        nav#submenu li.close-nav {
            text-align: right;
            background: #95c11e;
            padding: 15px;
        }
    /*fake active on start pages*/
    .startpage nav#submenu > ul > li:first-child {
        background: transparent;
    }

        .startpage nav#submenu > ul > li:first-child > a {
            font-weight: 700;
        }

    /*requested changes*/
    @media (max-width: 991px) {
        ul.main-nav > li.expanded {
            border-left: .2em solid #95c11e;
        }
    }

    ul.sub-nav > li.expanded {
        border-left: .2em solid #95c11e;
    }


    @media (min-width:992px) {
        .startpage nav#submenu {
            display: none; /*make sure this is really hidden on startpages in desktop mode*/
        }

        nav#submenu ul.main-nav {
            background: none;
        }

        nav#submenu ul.sub-nav {
            padding: 0;
        }

            nav#submenu ul.sub-nav > li:first-child {
                border-top: none;
            }

        nav#submenu ul li ul li {
            margin-left: 0;
        }

        nav#submenu ul.sub-nav li ul li {
            margin-left: .8em;
        }

        nav#submenu li.main-nav {
            border-top: none;
        }


            /*      
        nav#submenu li.main-nav:not(.expanded),
        nav#submenu li.main-nav.expanded > a,
        nav#submenu li.main-nav.expanded > button,
        nav#submenu li.main-nav.expanded > p,
        nav#submenu li.close-nav {
            display: none;
        }*/

            nav#submenu li.main-nav:not(.expanded) > a,
            nav#submenu li.main-nav:not(.expanded) > button,
            nav#submenu li.main-nav.expanded > a,
            nav#submenu li.main-nav.expanded > button,
            nav#submenu li.main-nav.expanded > p,
            nav#submenu li.close-nav {
                display: none;
            }
    }

    /* only show ul when parent li has class expanded
    nav#submenu ul li.expanded.active ul {
    display: none;
    }
    nav#submenu ul li.expanded > ul {
    display: block;    
    }
    */

    @media (max-width:991px) {
        .overlay-shadow {
            position: fixed;
            z-index: -1;
            top: 0; /*if header element is in fixed position*/
            right: 0;
            bottom: 0;
            left: 0;
            content: '';
            transition: opacity .2s ease-in-out,z-index 0s linear .2s;
            opacity: 0;
            background-color: #000;
        }

        .js-mobile-menu .overlay-shadow {
            z-index: 45;
            transition: opacity .2s ease-in-out;
            opacity: .2;
            /*pointer-events:all;
        cursor: pointer;*/
        }

        nav#submenu {
            position: fixed;
            width: 0;
            height: auto;
            z-index: 50;
            top: 61px;
            left: -15px;
            overflow-x: hidden;
            overflow-y: auto;
            transition: 0.5s;
            padding-right: 0;
/*            visibility: hidden;
*/            display:none;
        }

        .js-mobile-menu nav#submenu {
            width: 293px;
            height: 93vh; /*100vh;*/
/*            visibility: visible;
*/            display:block;
        }

        body.js-mobile-menu {
            overflow-x: hidden;
            overflow-y: auto;
            position: fixed;
            width: 100%;
        }
    }

    .btn-expand {
        cursor: pointer;
        border: none;
        background: transparent;
        right: .15em; /*0;*/
        font-size: 1.8em;
        top: .15em; /*0.24em;*/
        position: absolute;
        width: 12%;
    }

        .btn-expand:focus,
        .btn-expand:hover {
            /*color: #999;*/
            background: rgba(0,0,0,.1);
        }

    nav#submenu li.active > .btn-expand:hover {
        background: rgba(255,255,255,.5);
    }

    .btn-close-menu {
        color: #000;
        cursor: pointer;
        border: none;
        background: transparent;
        width: 100%;
        text-align: right;
    }

        .btn-close-menu span {
            padding-right: 1.2em;
        }

        .btn-close-menu .layer-cross {
            -ms-transform: rotate(270deg);
            transform: rotate(270deg);
            position: absolute;
            width: 1.125em;
            height: .9em;
            display: inline-block;
            top: 1.45em;
            right: .8em;
        }

            .btn-close-menu .layer-cross em {
                position: absolute;
                top: 0;
                bottom: 0;
                display: block;
                width: 100%;
                height: 2px;
                margin: auto;
                background-color: #000;
            }

                .btn-close-menu .layer-cross em:first-child {
                    -ms-transform: rotate(45deg);
                    transform: rotate(45deg);
                }

                .btn-close-menu .layer-cross em:nth-child(2) {
                    opacity: 0;
                }

                .btn-close-menu .layer-cross em:last-child {
                    -ms-transform: rotate(-45deg);
                    transform: rotate(-45deg);
                }

        .btn-close-menu:hover,
        .btn-close-menu:focus {
            color: #fff;
        }

            .btn-close-menu:hover em {
                background-color: #fff;
            }

    /* NEW HEADER*/
    .navbar-header {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        
        /* EXPERIMENTAL */
        position: fixed;
        z-index: 51;
    }

    .navbar-header > button {
        min-width: 2.9em;
    }

    .navbar-header > button:first-of-type {
        margin-left: 1em;
    }

    @media (max-width:768px) {
        .search-collapse {
            margin-top: 6rem;
            position: fixed;
            z-index: 51;
            top: 0px;
            left: 0px;
            right: 0px;
            background-color: #4cbbeb;
        }
    }

    @media (max-width: 991px) and (min-width: 769px) {
        .search-collapse {
            margin-top: 8.5rem;
            position: fixed;
            z-index: 51;
            top: 0px;
            left: 0px;
            right: 0px;
            background-color: #4cbbeb;
        }
    }

    @media (max-width:991px) {
        header#header-container {
            width: 100%;
        }

        .navbar-header {
            width: 100%;
        }

        .utilitymenu-collapse {
            margin-top: 2.6em;
        }

        .page-content-area {
            max-width: 750px;
            margin: 0 auto;
        }
        /*#header-navbar {
        position:relative;
    }*/
        .site-heading-small {
            position: absolute;
            bottom: -2.5em;
            left: 2em;
            right: 2em;
        }
    }

    .navbar-brand {
        flex: 1 1 auto;
        padding: 9px 0;
    }

        .navbar-brand > img {
            max-height: 2em !important;
        }

    /* NEW FOCUS */
    /*.bulletLink:focus, 
#utilitymenu a:focus,
a.logo:focus,
.container.header .row.header-nav .navbar-default .navbar-nav > li > a:focus,*/
    .btn-primary:hover {
        opacity: .7;
    }

    a:focus,
    button:focus,
    li:focus,
    input[type="file"]:focus,
    input[type="radio"]:focus,
    input[type="checkbox"]:focus,
    .btn-default:focus,
    .btn-default:active {
        background-color: #fff !important;
        color: #000 !important;
        outline-color: #000 !important;
        outline: solid 2px !important;
        text-decoration: none;
        outline-offset: .07em;
        z-index: 1;
    }

    .qq-uploader .qq-upload-button-focus {
        border: solid 3px #4fa0c1;
    }

    .carousel-caption a:hover {
        color: #333 !important;
    }

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

    .header-settings a:not(:focus):hover {
        color: #000 !important;
    }

    footer a:focus {
        color: #000 !important;
    }

    a:not(.logo):hover > img,
    a:not(.logo):focus > img {
        opacity: .7;
    }

    li.active > p > a:focus {
        outline-offset: .5em;
    }

    .search-button:focus {
        padding-left: .8em;
    }

    a[role=menuitem]:focus {
        outline-offset: 0;
        text-decoration: none;
    }

    .bulletLink:focus {
        padding: .2em;
    }

    #utilitymenu a:focus {
        padding: 1em;
        /*outline-offset:1em;*/
    }

    a.navbar-brand:focus {
        padding: 0;
    }

    @media (min-width:992px) {
        a.logo:focus {
            outline-offset: .3em !important;
            padding: 0;
        }
    }

    input:focus, select:focus, textarea:focus {
        border: 3px solid #203440 !important;
    }

    a.logo, .panel-image > a {
        display: block;
    }
    /*trick to create a color overtone on images when hover/focus */
    /*figure.panel-image:hover {
        background: #88D2F2;
    }*/

        figure.panel-image:hover > figcaption {
            background: #fff;
        }

        .pageimageblock {
            margin-bottom: 1em;
        }

        .panel-image .magnifybutton {
            justify-content: center;
            align-items: center;
            background-color: #007eb4;
            border-color: #007eb4;
            color: white;
            padding-top: 7px;
            padding-bottom: 7px;
            border-radius: 3px;
        }

        .panel-image .magnifybutton:focus {
            background-color: #007eb4 !important;
            color: white !important;
        }

        .panel-image .magnifybutton:hover {
            opacity: .7;
        }

        .panel-image figcaption {
            color: #333;
            background-color: #f2f2f2;
            padding: 10px 15px;
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px;
            border-color: #c4c4c6;
        }

    /*part of trick, make images cover whole figure to hide background*/
    .img-responsive {
        width: 100%;
    }
    /*scripted overlay to fake a characteristics of container element*/
    .overlay-js {
        position: relative;
        cursor: pointer;
    }

        .overlay-js:after {
            position: absolute;
            content: "";
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0.99;
        }

        .overlay-js:hover:after {
            background-color: rgba(80,160,193,.1);
        }

        .overlay-js:hover a {
            text-decoration: underline;
        }


    /* RESET BOOTSTRAP */
    .nav-pills > li.active > a,
    .nav-pills > li.active > a:hover,
    .nav-pills > li.active > a:focus {
        background: none;
        color: inherit;
        font-weight: 700;
    }

    .nav-stacked > li + li {
        margin-top: 0;
    }

    .navbar-toggle,
    .navbar-brand {
        float: none;
        clear: both;
    }
    /*@media (min-width: 992px) {
    .container {
        width: 750px;
    }
}*/
    /*UGLY FIX FOR UGLY HEADER. REFACTOR THIS AND MAKE IT BEAUTIFUL*/
    @media (max-width: 991px) {
        .fix-me {
            background: #4cbbeb;
            width: 720px;
            margin: 0 auto;
            min-height: 35em;
            position: absolute;
            left: calc(50% - 360px);
            right: auto;
            z-index: -1;
        }
    }

    @media (max-width: 765px) {
        .fix-me {
            background: #4cbbeb;
            width: 100%;
            margin: 0 auto;
            min-height: 35em;
            position: absolute;
            right: auto;
            z-index: -1;
        }
    }
    /* breadcrumbs */
    nav.breadcrumb {
        background-color: #fff !important;
        padding: 0 15px;
        margin: 0 0 15px 0;
    }

    @media (max-width: 991px) {
        nav.breadcrumb {
            background-color: #fff !important;
            padding: 0 15px;
            margin: 0 0 8px 0;
            width: 100%;
        }
    }

    nav.breadcrumb h2 {
        padding: 0;
        margin: 0;
    }

    ol.breadcrumb {
        background-color: #fff !important;
        display: flex;
        flex-wrap: wrap;
        font-size: 1.2rem;
        margin: 0;
        padding: 0;
    }

    .breadcrumb li {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;
        list-style-type: none;
        max-width: 100%;
    }

        .breadcrumb li::after, .breadcrumb button::after {
            content: "/";
            display: inline-block;
            padding: 2px 8px;
        }

        .breadcrumb li::before, .breadcrumb button::before {
            content: "";
            display: none;
            padding: 0px;
        }

        .breadcrumb li a, .breadcrumb li strong {
            display: inline;
        }

            .breadcrumb li a:hover {
                text-decoration: underline !important;
            }

        .breadcrumb li:nth-last-of-type(1)::after {
            content: "";
            display: none;
            padding: 0px;
        }

        .breadcrumb li:nth-last-of-type(1) strong {
            color: #767676;
            font-weight: normal;
        }

    ol:not(.js-expanded) .hiddenli {
        z-index: -1;
        max-width: 0;
        visibility: hidden;
        transition: max-width 0.1s ease, visibility 0.1s ease;
    }

    html:not(.js-disabled) .breadcrumb .js-expanded li {
        display: flex;
        max-width: 100%;
        visibility: visible;
        z-index: 0;
    }

    .breadcrumb button {
        padding-top: 0;
        padding-bottom: 0;
    }

    html:not(.js-disabled) .breadcrumb li:first-of-type,
    html:not(.js-disabled) .breadcrumb li:nth-last-of-type(-n+2),
    html.js-disabled .breadcrumb li {
        display: flex;
        max-width: 100%;
        visibility: visible;
        z-index: 0;
    }

    .breadcrumb button {
        background-color: transparent !important;
        border: none !important;
        padding-left: 2px;
        padding-right: 2px;
    }

    /* Helpers */
    .invisible-header {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0,0,0,0);
        border: 0;
    }


    /*1177*/

    .contentbanner1177block .block-1177 {
        margin-bottom: 30px;
        background-color: #faeef0;
        border-radius: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 14px;
        position: relative;
    }

        .contentbanner1177block .block-1177 .icon-placeholder {
            display: none;
        }

        .contentbanner1177block .block-1177 figure {
            margin: 0;
            width: 320px;
            min-height: 100%;
            position: relative;
            overflow: hidden;
        }

            .contentbanner1177block .block-1177 figure:after {
                content: ' ';
                display: block;
                background-color: transparent;
                position: absolute;
                top: 0;
                bottom: 0;
                right: -10px;
                background: url(/static/img/1177-image-left.svg);
                background-repeat: no-repeat;
                background-size: 46px 101%;
                background-position: right;
                height: 101%;
                width: 46px;
            }

    @media (max-width: 991.98px) {
        .contentbanner1177block .block-1177 figure:after {
            right: -11px;
        }
    }

    @media (max-width: 767.98px) {
        .contentbanner1177block .block-1177 figure:after {
            background-image: url(/static/img/1177-image-top-big.svg);
            left: 0;
            right: 0;
            top: 114px;
            background-size: 101% 315px;
            width: 101%;
            height: 315px;
        }
    }

    @media (max-width: 575.98px) {
        .contentbanner1177block .block-1177 figure:after {
            background-size: 101% 225px;
            top: 124px;
            height: 225px;
        }
    }

    @media (max-width: 428.98px) {
        .contentbanner1177block .block-1177 figure:after {
            background-size: 101% 225px;
            top: 85px;
            height: 225px;
        }
    }

    .contentbanner1177block .block-1177 section header h1 {
        margin-bottom: 0;
        font-family: 'Open Sans';
        font-size: 35px;
        font-weight: 700;
        color: #C12143;
    }

    .contentbanner1177block .block-1177 section header h2 {
        margin-bottom: 1rem;
        font-family: 'Open Sans';
        font-size: 35px;
        font-weight: 700;
        color: #6A0032;
    }

    .contentbanner1177block .block-1177 section p {
        margin-bottom: 60px;
    }

    .contentbanner1177block .block-1177 section a.show {
        font-weight: 700;
        color: #000;
    }

        .contentbanner1177block .block-1177 section a.show:before {
            display: inline-block;
            content: ' ';
            background: url(/static/img/ico_arrow-right.svg) 0 2px no-repeat;
            height: 14px;
            width: 14px;
            margin-right: 6px;
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
        }

        .contentbanner1177block .block-1177 section a.show:hover:before {
            background-position-y: 1px;
            width: 17px;
            opacity: .3;
        }

    .contentbanner1177block .block-1177.image-1177 figure {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
    }

    .contentbanner1177block .block-1177.no-image-1177 {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .contentbanner1177block .block-1177.no-image-1177 .logo-red {
            display: none;
        }

        .contentbanner1177block .block-1177.no-image-1177 figure {
            float: right;
            border-top-right-radius: 15px;
            border-bottom-right-radius: 15px;
            position: relative;
        }

            .contentbanner1177block .block-1177.no-image-1177 figure img {
                width: 50%;
                position: absolute;
                left: 50%;
                top: 50%;
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
            }

    @media (max-width: 767.98px) {
        .contentbanner1177block.col-sm-12 .block-1177 {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }
    }

    .contentbanner1177block.col-sm-12 .block-1177 section {
        padding: 55px 50px;
    }

    @media (max-width: 1199.98px) {
        .contentbanner1177block.col-sm-12 .block-1177 section {
            padding: 10px 5px;
        }
    }

    @media (max-width: 991.98px) {
        .contentbanner1177block.col-sm-12 .block-1177 section header h1 {
            font-size: 27px;
        }
    }

    @media (max-width: 767.98px) {
        .contentbanner1177block.col-sm-12 .block-1177 section header h1 {
            text-align: center;
        }
    }

    @media (max-width: 991.98px) {
        .contentbanner1177block.col-sm-12 .block-1177 section header h2 {
            font-size: 27px;
        }
    }

    @media (max-width: 767.98px) {
        .contentbanner1177block.col-sm-12 .block-1177 section header h2 {
            text-align: center;
        }
    }

    @media (max-width: 991.98px) {
        .contentbanner1177block.col-sm-12 .block-1177 section p {
            margin-bottom: 50px;
        }
    }

    @media (max-width: 767.98px) {
        .contentbanner1177block.col-sm-12 .block-1177 section p {
            display: none;
        }
    }

    @media (max-width: 767.98px) {
        .contentbanner1177block.col-sm-12 .block-1177 section a.show {
            display: none !important;
        }

            .contentbanner1177block.col-sm-12 .block-1177 section a.show:before {
                display: none;
            }
    }

    @media (max-width: 767.98px) {
        .contentbanner1177block.col-sm-12 .block-1177.image-1177 figure {
            border-top-left-radius: 15px;
            border-top-right-radius: 15px;
            border-bottom-left-radius: 0;
            width: 100%;
            height: 320px;
        }
    }

    @media (max-width: 575.98px) {
        .contentbanner1177block.col-sm-12 .block-1177.image-1177 figure {
            height: 270px;
        }
    }

    @media (max-width: 429.98px) {
        .contentbanner1177block.col-sm-12 .block-1177.image-1177 figure {
            height: 220px;
        }
    }

    .contentbanner1177block.col-sm-12 .block-1177.image-1177 .logo-1177 {
        position: absolute;
        right: 30px;
        bottom: 30px;
        width: 90px;
    }

    @media (max-width: 1199.98px) {
        .contentbanner1177block.col-sm-12 .block-1177.image-1177 .logo-1177 {
            right: 15px;
            bottom: 15px;
            width: 80px;
        }
    }

    @media (max-width: 991.98px) {
        .contentbanner1177block.col-sm-12 .block-1177.image-1177 .logo-1177 {
            right: 10px;
            bottom: 10px;
            width: 70px;
        }
    }

    @media (max-width: 767.98px) {
        .contentbanner1177block.col-sm-12 .block-1177.image-1177 .logo-1177 {
            display: none;
        }
    }

    @media (max-width: 767.98px) {
        .contentbanner1177block.col-sm-12 .block-1177.no-image-1177 {
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
        }
    }

    @media (max-width: 1199.98px) {
        .contentbanner1177block.col-sm-12 .block-1177.no-image-1177 section {
            padding: 10px 5px 10px 15px;
        }
    }

    @media (max-width: 767.98px) {
        .contentbanner1177block.col-sm-12 .block-1177.no-image-1177 figure {
            border-top-left-radius: 15px;
            border-top-right-radius: 15px;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
            width: 100%;
            height: 320px;
        }
    }

    @media (max-width: 575.98px) {
        .contentbanner1177block.col-sm-12 .block-1177.no-image-1177 figure {
            height: 270px;
        }
    }

    @media (max-width: 430px) {
        .contentbanner1177block.col-sm-12 .block-1177.no-image-1177 figure {
            height: 220px;
        }
    }

    .contentbanner1177block.col-sm-12 .block-1177.no-image-1177 figure:after {
        left: -1px;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    @media (max-width: 1199.98px) {
        .contentbanner1177block.col-sm-12 .block-1177.no-image-1177 figure:after {
            left: -10px;
        }
    }

    @media (max-width: 767.98px) {
        .contentbanner1177block.col-sm-12 .block-1177.no-image-1177 figure:after {
            left: 0;
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
    }

    @media (max-width: 991.98px) {
        .contentbanner1177block.col-sm-9 .block-1177, .contentbanner1177block.col-sm-8 .block-1177 {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }
    }

    @media (max-width: 1199.98px) {
        .contentbanner1177block.col-sm-9 .block-1177 figure:after, .contentbanner1177block.col-sm-8 .block-1177 figure:after {
            right: -11px;
        }
    }

    @media (max-width: 991.98px) {
        .contentbanner1177block.col-sm-9 .block-1177 figure:after, .contentbanner1177block.col-sm-8 .block-1177 figure:after {
            background-image: url(/static/img/1177-image-top-big.svg);
            left: 0;
            right: 0;
            top: 114px;
            background-size: 101% 315px;
            width: 101%;
            height: 315px;
        }
    }

    @media (max-width: 767.98px) {
        .contentbanner1177block.col-sm-9 .block-1177 figure:after, .contentbanner1177block.col-sm-8 .block-1177 figure:after {
            background-size: 101% 225px;
            top: 110px;
            height: 225px;
        }
    }

    @media (max-width: 575.98px) {
        .contentbanner1177block.col-sm-9 .block-1177 figure:after, .contentbanner1177block.col-sm-8 .block-1177 figure:after {
            background-size: 101% 225px;
            top: 75px;
            height: 225px;
        }
    }

    .contentbanner1177block.col-sm-9 .block-1177 section, .contentbanner1177block.col-sm-8 .block-1177 section {
        padding: 10px 5px;
    }

    @media (max-width: 1199.98px) {
        .contentbanner1177block.col-sm-9 .block-1177 section header h1, .contentbanner1177block.col-sm-8 .block-1177 section header h1 {
            font-size: 27px;
        }
    }

    @media (max-width: 991.98px) {
        .contentbanner1177block.col-sm-9 .block-1177 section header h1, .contentbanner1177block.col-sm-8 .block-1177 section header h1 {
            text-align: center;
        }
    }

    @media (max-width: 1199.98px) {
        .contentbanner1177block.col-sm-9 .block-1177 section header h2, .contentbanner1177block.col-sm-8 .block-1177 section header h2 {
            font-size: 27px;
        }
    }

    @media (max-width: 991.98px) {
        .contentbanner1177block.col-sm-9 .block-1177 section header h2, .contentbanner1177block.col-sm-8 .block-1177 section header h2 {
            text-align: center;
        }
    }

    @media (max-width: 1199.98px) {
        .contentbanner1177block.col-sm-9 .block-1177 section p, .contentbanner1177block.col-sm-8 .block-1177 section p {
            margin-bottom: 50px;
        }
    }

    @media (max-width: 991.98px) {
        .contentbanner1177block.col-sm-9 .block-1177 section p, .contentbanner1177block.col-sm-8 .block-1177 section p {
            display: none;
        }
    }

    @media (max-width: 991.98px) {
        .contentbanner1177block.col-sm-9 .block-1177 section a.show, .contentbanner1177block.col-sm-8 .block-1177 section a.show {
            display: none !important;
        }

            .contentbanner1177block.col-sm-9 .block-1177 section a.show:before, .contentbanner1177block.col-sm-8 .block-1177 section a.show:before {
                display: none;
            }
    }

    @media (max-width: 991.98px) {
        .contentbanner1177block.col-sm-9 .block-1177.image-1177 figure, .contentbanner1177block.col-sm-8 .block-1177.image-1177 figure {
            border-top-left-radius: 15px;
            border-top-right-radius: 15px;
            border-bottom-left-radius: 0;
            width: 100%;
            height: 320px;
        }
    }

    @media (max-width: 767.98px) {
        .contentbanner1177block.col-sm-9 .block-1177.image-1177 figure, .contentbanner1177block.col-sm-8 .block-1177.image-1177 figure {
            height: 270px;
        }
    }

    @media (max-width: 575.98px) {
        .contentbanner1177block.col-sm-9 .block-1177.image-1177 figure, .contentbanner1177block.col-sm-8 .block-1177.image-1177 figure {
            height: 220px;
        }
    }

    .contentbanner1177block.col-sm-9 .block-1177.image-1177 .logo-1177, .contentbanner1177block.col-sm-8 .block-1177.image-1177 .logo-1177 {
        position: absolute;
        right: 15px;
        bottom: 15px;
        width: 80px;
    }

    @media (max-width: 1199.98px) {
        .contentbanner1177block.col-sm-9 .block-1177.image-1177 .logo-1177, .contentbanner1177block.col-sm-8 .block-1177.image-1177 .logo-1177 {
            right: 10px;
            bottom: 10px;
            width: 70px;
        }
    }

    @media (max-width: 991.98px) {
        .contentbanner1177block.col-sm-9 .block-1177.image-1177 .logo-1177, .contentbanner1177block.col-sm-8 .block-1177.image-1177 .logo-1177 {
            display: none;
        }
    }

    .contentbanner1177block.col-sm-9 .block-1177.no-image-1177 section, .contentbanner1177block.col-sm-8 .block-1177.no-image-1177 section {
        padding: 10px 5px 10px 15px;
    }

    @media (max-width: 991.98px) {
        .contentbanner1177block.col-sm-9 .block-1177.no-image-1177, .contentbanner1177block.col-sm-8 .block-1177.no-image-1177 {
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
        }
    }

    @media (max-width: 991.98px) {
        .contentbanner1177block.col-sm-9 .block-1177.no-image-1177 figure, .contentbanner1177block.col-sm-8 .block-1177.no-image-1177 figure {
            border-top-left-radius: 15px;
            border-top-right-radius: 15px;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
            width: 100%;
            height: 320px;
        }
    }

    @media (max-width: 767.98px) {
        .contentbanner1177block.col-sm-9 .block-1177.no-image-1177 figure, .contentbanner1177block.col-sm-8 .block-1177.no-image-1177 figure {
            height: 270px;
        }
    }

    @media (max-width: 575.98px) {
        .contentbanner1177block.col-sm-9 .block-1177.no-image-1177 figure, .contentbanner1177block.col-sm-8 .block-1177.no-image-1177 figure {
            height: 220px;
        }
    }

    .contentbanner1177block.col-sm-9 .block-1177.no-image-1177 figure:after, .contentbanner1177block.col-sm-8 .block-1177.no-image-1177 figure:after {
        left: -10px;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    @media (max-width: 991.98px) {
        .contentbanner1177block.col-sm-9 .block-1177.no-image-1177 figure:after, .contentbanner1177block.col-sm-8 .block-1177.no-image-1177 figure:after {
            left: 0;
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
    }

    @media (max-width: 991.98px) {
        .contentbanner1177block.col-sm-8 .block-1177 figure:after {
            top: 120px;
        }
    }

    @media (max-width: 767.98px) {
        .contentbanner1177block.col-sm-8 .block-1177 figure:after {
            top: 110px;
        }
    }

    @media (max-width: 575.98px) {
        .contentbanner1177block.col-sm-8 .block-1177 figure:after {
            top: 75px;
        }
    }

    @media (max-width: 1199.98px) {
        .contentbanner1177block.col-sm-6 .block-1177 {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }
    }

    .contentbanner1177block.col-sm-6 .block-1177 figure:after {
        right: -11px;
    }

    @media (max-width: 1199.98px) {
        .contentbanner1177block.col-sm-6 .block-1177 figure:after {
            background-image: url(/static/img/1177-image-top-big.svg);
            left: 0;
            right: 0;
            top: 122px;
            background-size: 101% 315px;
            width: 101%;
            height: 315px;
        }
    }

    @media (max-width: 991.98px) {
        .contentbanner1177block.col-sm-6 .block-1177 figure:after {
            background-size: 101% 225px;
            top: 125px;
            height: 225px;
        }
    }

    @media (max-width: 767.98px) {
        .contentbanner1177block.col-sm-6 .block-1177 figure:after {
            background-size: 101% 225px;
            top: 65px;
            height: 225px;
        }
    }

    @media (max-width: 520px) {
        .contentbanner1177block.col-sm-6 .block-1177 figure:after {
            top: 75px;
        }
    }

    @media (max-width: 400px) {
        .contentbanner1177block.col-sm-6 .block-1177 figure:after {
            top: 85px;
        }
    }

    .contentbanner1177block.col-sm-6 .block-1177 section {
        padding: 10px 5px;
    }

        .contentbanner1177block.col-sm-6 .block-1177 section header h1 {
            font-size: 27px;
        }

    @media (max-width: 1199.98px) {
        .contentbanner1177block.col-sm-6 .block-1177 section header h1 {
            text-align: center;
        }
    }

    .contentbanner1177block.col-sm-6 .block-1177 section header h2 {
        font-size: 27px;
    }

    @media (max-width: 1199.98px) {
        .contentbanner1177block.col-sm-6 .block-1177 section header h2 {
            text-align: center;
        }
    }

    .contentbanner1177block.col-sm-6 .block-1177 section p {
        margin-bottom: 50px;
    }

    @media (max-width: 1199.98px) {
        .contentbanner1177block.col-sm-6 .block-1177 section p {
            display: none;
        }
    }

    @media (max-width: 1199.98px) {
        .contentbanner1177block.col-sm-6 .block-1177 section a.show {
            display: none !important;
        }

            .contentbanner1177block.col-sm-6 .block-1177 section a.show:before {
                display: none;
            }
    }

    @media (max-width: 1199.98px) {
        .contentbanner1177block.col-sm-6 .block-1177.image-1177 figure {
            border-top-left-radius: 15px;
            border-top-right-radius: 15px;
            border-bottom-left-radius: 0;
            width: 100%;
            height: 320px;
        }
    }

    @media (max-width: 991.98px) {
        .contentbanner1177block.col-sm-6 .block-1177.image-1177 figure {
            height: 270px;
        }
    }

    @media (max-width: 767.98px) {
        .contentbanner1177block.col-sm-6 .block-1177.image-1177 figure {
            height: 220px;
        }
    }

    .contentbanner1177block.col-sm-6 .block-1177.image-1177 .logo-1177 {
        position: absolute;
        right: 10px;
        bottom: 10px;
        width: 70px;
    }

    @media (max-width: 1199.98px) {
        .contentbanner1177block.col-sm-6 .block-1177.image-1177 .logo-1177 {
            display: none;
        }
    }

    .contentbanner1177block.col-sm-6 .block-1177.no-image-1177 section {
        padding: 10px 5px 10px 15px;
    }

    @media (max-width: 1199.98px) {
        .contentbanner1177block.col-sm-6 .block-1177.no-image-1177 {
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
        }
    }

    @media (max-width: 1199.98px) {
        .contentbanner1177block.col-sm-6 .block-1177.no-image-1177 figure {
            border-top-left-radius: 15px;
            border-top-right-radius: 15px;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
            width: 100%;
            height: 320px;
        }
    }

    @media (max-width: 991.98px) {
        .contentbanner1177block.col-sm-6 .block-1177.no-image-1177 figure {
            height: 270px;
        }
    }

    @media (max-width: 767.98px) {
        .contentbanner1177block.col-sm-6 .block-1177.no-image-1177 figure {
            height: 220px;
        }
    }

    @media (max-width: 767.98px) {
        .contentbanner1177block.col-sm-6 .block-1177.no-image-1177 figure {
            height: 220px;
        }
    }

    @media (max-width: 400px) {
        .contentbanner1177block.col-sm-6 .block-1177.no-image-1177 figure {
            height: 220px;
        }
    }

    .contentbanner1177block.col-sm-6 .block-1177.no-image-1177 figure:after {
        left: -10px;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    @media (max-width: 1199.98px) {
        .contentbanner1177block.col-sm-6 .block-1177.no-image-1177 figure:after {
            left: 0;
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
    }

    .contentbanner1177block.col-sm-5 .block-1177, .contentbanner1177block.col-sm-4 .block-1177, .contentbanner1177block.col-sm-3 .block-1177 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .contentbanner1177block.col-sm-5 .block-1177 figure:after, .contentbanner1177block.col-sm-4 .block-1177 figure:after, .contentbanner1177block.col-sm-3 .block-1177 figure:after {
            background-image: url(/static/img/1177-image-top-big.svg);
            left: 0;
            right: 0;
            top: 120px;
            background-size: 101% 352px;
            width: 101%;
            height: 352px;
        }

    @media (max-width: 1199.98px) {
        .contentbanner1177block.col-sm-5 .block-1177 figure:after, .contentbanner1177block.col-sm-4 .block-1177 figure:after, .contentbanner1177block.col-sm-3 .block-1177 figure:after {
            background-size: 101% 252px;
            top: 125px;
            height: 252px;
        }
    }

    @media (max-width: 991.98px) {
        .contentbanner1177block.col-sm-5 .block-1177 figure:after, .contentbanner1177block.col-sm-4 .block-1177 figure:after, .contentbanner1177block.col-sm-3 .block-1177 figure:after {
            background-size: 101% 386px;
            top: 63px;
            height: 386px;
        }
    }

    @media (max-width: 767.98px) {
        .contentbanner1177block.col-sm-5 .block-1177 figure:after, .contentbanner1177block.col-sm-4 .block-1177 figure:after, .contentbanner1177block.col-sm-3 .block-1177 figure:after {
            top: -20px;
        }
    }

    @media (max-width: 550px) {
        .contentbanner1177block.col-sm-5 .block-1177 figure:after, .contentbanner1177block.col-sm-4 .block-1177 figure:after, .contentbanner1177block.col-sm-3 .block-1177 figure:after {
            top: 0px;
        }
    }

    .contentbanner1177block.col-sm-5 .block-1177 section, .contentbanner1177block.col-sm-4 .block-1177 section, .contentbanner1177block.col-sm-3 .block-1177 section {
        padding: 10px 5px;
    }

        .contentbanner1177block.col-sm-5 .block-1177 section header h1, .contentbanner1177block.col-sm-4 .block-1177 section header h1, .contentbanner1177block.col-sm-3 .block-1177 section header h1 {
            font-size: 27px;
            text-align: center;
        }

        .contentbanner1177block.col-sm-5 .block-1177 section header h2, .contentbanner1177block.col-sm-4 .block-1177 section header h2, .contentbanner1177block.col-sm-3 .block-1177 section header h2 {
            font-size: 27px;
            text-align: center;
        }

        .contentbanner1177block.col-sm-5 .block-1177 section p, .contentbanner1177block.col-sm-4 .block-1177 section p, .contentbanner1177block.col-sm-3 .block-1177 section p {
            display: none;
        }

        .contentbanner1177block.col-sm-5 .block-1177 section a.show, .contentbanner1177block.col-sm-4 .block-1177 section a.show, .contentbanner1177block.col-sm-3 .block-1177 section a.show {
            display: none !important;
        }

            .contentbanner1177block.col-sm-5 .block-1177 section a.show:before, .contentbanner1177block.col-sm-4 .block-1177 section a.show:before, .contentbanner1177block.col-sm-3 .block-1177 section a.show:before {
                display: none;
            }

    .contentbanner1177block.col-sm-5 .block-1177.image-1177 figure, .contentbanner1177block.col-sm-4 .block-1177.image-1177 figure, .contentbanner1177block.col-sm-3 .block-1177.image-1177 figure {
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        border-bottom-left-radius: 0;
        width: 100%;
        height: 320px;
    }

    @media (max-width: 991.98px) {
        .contentbanner1177block.col-sm-5 .block-1177.image-1177 figure, .contentbanner1177block.col-sm-4 .block-1177.image-1177 figure, .contentbanner1177block.col-sm-3 .block-1177.image-1177 figure {
            height: 270px;
        }
    }

    @media (max-width: 767.98px) {
        .contentbanner1177block.col-sm-5 .block-1177.image-1177 figure, .contentbanner1177block.col-sm-4 .block-1177.image-1177 figure, .contentbanner1177block.col-sm-3 .block-1177.image-1177 figure {
            height: 220px;
        }
    }

    .contentbanner1177block.col-sm-5 .block-1177.image-1177 .logo-1177, .contentbanner1177block.col-sm-4 .block-1177.image-1177 .logo-1177, .contentbanner1177block.col-sm-3 .block-1177.image-1177 .logo-1177 {
        display: none;
    }

    .contentbanner1177block.col-sm-5 .block-1177.no-image-1177, .contentbanner1177block.col-sm-4 .block-1177.no-image-1177, .contentbanner1177block.col-sm-3 .block-1177.no-image-1177 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

        .contentbanner1177block.col-sm-5 .block-1177.no-image-1177 section, .contentbanner1177block.col-sm-4 .block-1177.no-image-1177 section, .contentbanner1177block.col-sm-3 .block-1177.no-image-1177 section {
            padding: 10px 5px 10px 15px;
        }

        .contentbanner1177block.col-sm-5 .block-1177.no-image-1177 figure, .contentbanner1177block.col-sm-4 .block-1177.no-image-1177 figure, .contentbanner1177block.col-sm-3 .block-1177.no-image-1177 figure {
            border-top-left-radius: 15px;
            border-top-right-radius: 15px;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
            width: 100%;
            height: 320px;
        }

    @media (max-width: 1199.98px) {
        .contentbanner1177block.col-sm-5 .block-1177.no-image-1177 figure, .contentbanner1177block.col-sm-4 .block-1177.no-image-1177 figure, .contentbanner1177block.col-sm-3 .block-1177.no-image-1177 figure {
            height: 270px;
        }
    }

    @media (max-width: 767.98px) {
        .contentbanner1177block.col-sm-5 .block-1177.no-image-1177 figure, .contentbanner1177block.col-sm-4 .block-1177.no-image-1177 figure, .contentbanner1177block.col-sm-3 .block-1177.no-image-1177 figure {
            height: 220px;
        }
    }

    .contentbanner1177block.col-sm-5 .block-1177.no-image-1177 figure:after, .contentbanner1177block.col-sm-4 .block-1177.no-image-1177 figure:after, .contentbanner1177block.col-sm-3 .block-1177.no-image-1177 figure:after {
        left: 0;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .contentbanner1177block .click-me, .contentbanner1177block .click-this {
        cursor: pointer;
    }

        .contentbanner1177block .click-me:hover h1, .contentbanner1177block .click-me:hover h2, .contentbanner1177block .click-this:hover h1, .contentbanner1177block .click-this:hover h2 {
            text-decoration: underline;
        }

    @media (max-width: 1199.98px) {
        .page-content-area .contentbanner1177block .block-1177 figure:after {
            right: -11px;
        }
    }

    @media (max-width: 991.98px) {
        .page-content-area .contentbanner1177block .block-1177 figure:after {
            background-image: url(/static/img/1177-image-top-big.svg);
            left: 0;
            right: 0;
            top: 114px;
            background-size: 101% 315px;
            width: 101%;
            height: 315px;
        }
    }

    @media (max-width: 767.98px) {
        .page-content-area .contentbanner1177block .block-1177 figure:after {
            background-size: 101% 225px;
            top: 112px;
            height: 225px;
        }
    }

    @media (max-width: 575.98px) {
        .page-content-area .contentbanner1177block .block-1177 figure:after {
            background-size: 101% 225px;
            top: 72px;
            height: 225px;
        }
    }

    @media (max-width: 991.98px) {
        .page-content-area .contentbanner1177block.col-sm-12 .block-1177 {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }
    }

    .page-content-area .contentbanner1177block.col-sm-12 .block-1177 section {
        padding: 10px 5px;
    }

    @media (max-width: 1199.98px) {
        .page-content-area .contentbanner1177block.col-sm-12 .block-1177 section header h1 {
            font-size: 27px;
        }
    }

    @media (max-width: 991.98px) {
        .page-content-area .contentbanner1177block.col-sm-12 .block-1177 section header h1 {
            text-align: center;
        }
    }

    @media (max-width: 1199.98px) {
        .page-content-area .contentbanner1177block.col-sm-12 .block-1177 section header h2 {
            font-size: 27px;
        }
    }

    @media (max-width: 991.98px) {
        .page-content-area .contentbanner1177block.col-sm-12 .block-1177 section header h2 {
            text-align: center;
        }
    }

    @media (max-width: 1199.98px) {
        .page-content-area .contentbanner1177block.col-sm-12 .block-1177 section p {
            margin-bottom: 50px;
        }
    }

    @media (max-width: 991.98px) {
        .page-content-area .contentbanner1177block.col-sm-12 .block-1177 section p {
            display: none;
        }
    }

    @media (max-width: 991.98px) {
        .page-content-area .contentbanner1177block.col-sm-12 .block-1177 section a.show {
            display: none !important;
        }

            .page-content-area .contentbanner1177block.col-sm-12 .block-1177 section a.show:before {
                display: none;
            }
    }

    @media (max-width: 991.98px) {
        .page-content-area .contentbanner1177block.col-sm-12 .block-1177.image-1177 figure {
            border-top-left-radius: 15px;
            border-top-right-radius: 15px;
            border-bottom-left-radius: 0;
            width: 100%;
            height: 320px;
        }
    }

    @media (max-width: 767.98px) {
        .page-content-area .contentbanner1177block.col-sm-12 .block-1177.image-1177 figure {
            height: 270px;
        }
    }

    @media (max-width: 575.98px) {
        .page-content-area .contentbanner1177block.col-sm-12 .block-1177.image-1177 figure {
            height: 220px;
        }
    }

    .page-content-area .contentbanner1177block.col-sm-12 .block-1177.image-1177 .logo-1177 {
        right: 15px;
        bottom: 15px;
        width: 80px;
    }

    @media (max-width: 1199.98px) {
        .page-content-area .contentbanner1177block.col-sm-12 .block-1177.image-1177 .logo-1177 {
            right: 10px;
            bottom: 10px;
            width: 70px;
        }
    }

    @media (max-width: 991.98px) {
        .page-content-area .contentbanner1177block.col-sm-12 .block-1177.image-1177 .logo-1177 {
            display: none;
        }
    }

    @media (max-width: 991.98px) {
        .page-content-area .contentbanner1177block.col-sm-12 .block-1177.no-image-1177 {
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
        }
    }

    .page-content-area .contentbanner1177block.col-sm-12 .block-1177.no-image-1177 section {
        padding: 10px 5px 10px 15px;
    }

    @media (max-width: 991.98px) {
        .page-content-area .contentbanner1177block.col-sm-12 .block-1177.no-image-1177 figure {
            border-top-left-radius: 15px;
            border-top-right-radius: 15px;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
            width: 100%;
            height: 320px;
        }
    }

    @media (max-width: 767.98px) {
        .page-content-area .contentbanner1177block.col-sm-12 .block-1177.no-image-1177 figure {
            height: 270px;
        }
    }

    @media (max-width: 575.98px) {
        .page-content-area .contentbanner1177block.col-sm-12 .block-1177.no-image-1177 figure {
            height: 220px;
        }
    }

    .page-content-area .contentbanner1177block.col-sm-12 .block-1177.no-image-1177 figure:after {
        left: -10px;
    }

    @media (max-width: 991.98px) {
        .page-content-area .contentbanner1177block.col-sm-12 .block-1177.no-image-1177 figure:after {
            left: 0;
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
    }

    @media (max-width: 1199.98px) {
        .page-content-area .contentbanner1177block.col-sm-9 .block-1177, .page-content-area .contentbanner1177block.col-sm-8 .block-1177 {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
        }
    }

    .page-content-area .contentbanner1177block.col-sm-9 .block-1177 figure:after, .page-content-area .contentbanner1177block.col-sm-8 .block-1177 figure:after {
        right: -11px;
    }

    @media (max-width: 1199.98px) {
        .page-content-area .contentbanner1177block.col-sm-9 .block-1177 figure:after, .page-content-area .contentbanner1177block.col-sm-8 .block-1177 figure:after {
            background-image: url(/static/img/1177-image-top-big.svg);
            left: 0;
            right: 0;
            top: 120px;
            background-size: 101% 315px;
            width: 101%;
            height: 315px;
        }
    }

    @media (max-width: 991.98px) {
        .page-content-area .contentbanner1177block.col-sm-9 .block-1177 figure:after, .page-content-area .contentbanner1177block.col-sm-8 .block-1177 figure:after {
            background-size: 101% 225px;
            top: 110px;
            height: 225px;
        }
    }

    @media (max-width: 767.98px) {
        .page-content-area .contentbanner1177block.col-sm-9 .block-1177 figure:after, .page-content-area .contentbanner1177block.col-sm-8 .block-1177 figure:after {
            background-size: 101% 225px;
            top: 75px;
            height: 225px;
        }
    }

    .page-content-area .contentbanner1177block.col-sm-9 .block-1177 section header h1, .page-content-area .contentbanner1177block.col-sm-8 .block-1177 section header h1 {
        font-size: 27px;
    }

    @media (max-width: 1199.98px) {
        .page-content-area .contentbanner1177block.col-sm-9 .block-1177 section header h1, .page-content-area .contentbanner1177block.col-sm-8 .block-1177 section header h1 {
            text-align: center;
        }
    }

    .page-content-area .contentbanner1177block.col-sm-9 .block-1177 section header h2, .page-content-area .contentbanner1177block.col-sm-8 .block-1177 section header h2 {
        font-size: 27px;
    }

    @media (max-width: 1199.98px) {
        .page-content-area .contentbanner1177block.col-sm-9 .block-1177 section header h2, .page-content-area .contentbanner1177block.col-sm-8 .block-1177 section header h2 {
            text-align: center;
        }
    }

    .page-content-area .contentbanner1177block.col-sm-9 .block-1177 section p, .page-content-area .contentbanner1177block.col-sm-8 .block-1177 section p {
        margin-bottom: 50px;
    }

    @media (max-width: 1199.98px) {
        .page-content-area .contentbanner1177block.col-sm-9 .block-1177 section p, .page-content-area .contentbanner1177block.col-sm-8 .block-1177 section p {
            display: none;
        }
    }

    @media (max-width: 1199.98px) {
        .page-content-area .contentbanner1177block.col-sm-9 .block-1177 section a.show, .page-content-area .contentbanner1177block.col-sm-8 .block-1177 section a.show {
            display: none !important;
        }

            .page-content-area .contentbanner1177block.col-sm-9 .block-1177 section a.show:before, .page-content-area .contentbanner1177block.col-sm-8 .block-1177 section a.show:before {
                display: none;
            }
    }

    @media (max-width: 1199.98px) {
        .page-content-area .contentbanner1177block.col-sm-9 .block-1177.image-1177 figure, .page-content-area .contentbanner1177block.col-sm-8 .block-1177.image-1177 figure {
            border-top-left-radius: 15px;
            border-top-right-radius: 15px;
            border-bottom-left-radius: 0;
            width: 100%;
            height: 320px;
        }
    }

    @media (max-width: 991.98px) {
        .page-content-area .contentbanner1177block.col-sm-9 .block-1177.image-1177 figure, .page-content-area .contentbanner1177block.col-sm-8 .block-1177.image-1177 figure {
            height: 270px;
        }
    }

    @media (max-width: 767.98px) {
        .page-content-area .contentbanner1177block.col-sm-9 .block-1177.image-1177 figure, .page-content-area .contentbanner1177block.col-sm-8 .block-1177.image-1177 figure {
            height: 220px;
        }
    }

    .page-content-area .contentbanner1177block.col-sm-9 .block-1177.image-1177 .logo-1177, .page-content-area .contentbanner1177block.col-sm-8 .block-1177.image-1177 .logo-1177 {
        right: 10px;
        bottom: 10px;
        width: 70px;
    }

    @media (max-width: 1199.98px) {
        .page-content-area .contentbanner1177block.col-sm-9 .block-1177.image-1177 .logo-1177, .page-content-area .contentbanner1177block.col-sm-8 .block-1177.image-1177 .logo-1177 {
            display: none;
        }
    }

    @media (max-width: 1199.98px) {
        .page-content-area .contentbanner1177block.col-sm-9 .block-1177.no-image-1177, .page-content-area .contentbanner1177block.col-sm-8 .block-1177.no-image-1177 {
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
        }
    }

    @media (max-width: 1199.98px) {
        .page-content-area .contentbanner1177block.col-sm-9 .block-1177.no-image-1177 figure, .page-content-area .contentbanner1177block.col-sm-8 .block-1177.no-image-1177 figure {
            border-top-left-radius: 15px;
            border-top-right-radius: 15px;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
            width: 100%;
            height: 320px;
        }
    }

    @media (max-width: 991.98px) {
        .page-content-area .contentbanner1177block.col-sm-9 .block-1177.no-image-1177 figure, .page-content-area .contentbanner1177block.col-sm-8 .block-1177.no-image-1177 figure {
            height: 270px;
        }
    }

    @media (max-width: 767.98px) {
        .page-content-area .contentbanner1177block.col-sm-9 .block-1177.no-image-1177 figure, .page-content-area .contentbanner1177block.col-sm-8 .block-1177.no-image-1177 figure {
            height: 220px;
        }
    }

    @media (max-width: 1199.98px) {
        .page-content-area .contentbanner1177block.col-sm-9 .block-1177.no-image-1177 figure:after, .page-content-area .contentbanner1177block.col-sm-8 .block-1177.no-image-1177 figure:after {
            left: 0;
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }
    }

    @media (max-width: 1199.98px) {
        .page-content-area .contentbanner1177block.col-sm-8 .block-1177 figure:after {
            top: 126px;
        }
    }

    @media (max-width: 991.98px) {
        .page-content-area .contentbanner1177block.col-sm-8 .block-1177 figure:after {
            top: 115px;
        }
    }

    @media (max-width: 767.98px) {
        .page-content-area .contentbanner1177block.col-sm-8 .block-1177 figure:after {
            top: 75px;
        }
    }

    .page-content-area .contentbanner1177block.col-sm-6 .block-1177 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .page-content-area .contentbanner1177block.col-sm-6 .block-1177 figure:after {
            background-image: url(/static/img/1177-image-top-big.svg);
            left: 0;
            right: 0;
            top: 125px;
            background-size: 101% 315px;
            width: 101%;
            height: 315px;
        }

    @media (max-width: 1199.98px) {
        .page-content-area .contentbanner1177block.col-sm-6 .block-1177 figure:after {
            background-size: 101% 225px;
            top: 130px;
            height: 225px;
        }
    }

    @media (max-width: 991.98px) {
        .page-content-area .contentbanner1177block.col-sm-6 .block-1177 figure:after {
            background-size: 101% 225px;
            top: 75px;
            height: 225px;
        }
    }

    @media (max-width: 767.98px) {
        .page-content-area .contentbanner1177block.col-sm-6 .block-1177 figure:after {
            top: 60px;
        }
    }

    @media (max-width: 520px) {
        .page-content-area .contentbanner1177block.col-sm-6 .block-1177 figure:after {
            top: 85px;
        }
    }

    .page-content-area .contentbanner1177block.col-sm-6 .block-1177 section header h1 {
        text-align: center;
    }

    .page-content-area .contentbanner1177block.col-sm-6 .block-1177 section header h2 {
        text-align: center;
    }

    .page-content-area .contentbanner1177block.col-sm-6 .block-1177 section p {
        display: none;
    }

    .page-content-area .contentbanner1177block.col-sm-6 .block-1177 section a.show {
        display: none !important;
    }

        .page-content-area .contentbanner1177block.col-sm-6 .block-1177 section a.show:before {
            display: none;
        }

    .page-content-area .contentbanner1177block.col-sm-6 .block-1177.image-1177 figure {
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        border-bottom-left-radius: 0;
        width: 100%;
        height: 320px;
    }

    @media (max-width: 1199.98px) {
        .page-content-area .contentbanner1177block.col-sm-6 .block-1177.image-1177 figure {
            height: 270px;
        }
    }

    @media (max-width: 991.98px) {
        .page-content-area .contentbanner1177block.col-sm-6 .block-1177.image-1177 figure {
            height: 220px;
        }
    }

    .page-content-area .contentbanner1177block.col-sm-6 .block-1177.image-1177 .logo-1177 {
        display: none;
    }

    .page-content-area .contentbanner1177block.col-sm-6 .block-1177.no-image-1177 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

        .page-content-area .contentbanner1177block.col-sm-6 .block-1177.no-image-1177 figure {
            border-top-left-radius: 15px;
            border-top-right-radius: 15px;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
            width: 100%;
            height: 320px;
        }

    @media (max-width: 1199.98px) {
        .page-content-area .contentbanner1177block.col-sm-6 .block-1177.no-image-1177 figure {
            height: 270px;
        }
    }

    @media (max-width: 991.98px) {
        .page-content-area .contentbanner1177block.col-sm-6 .block-1177.no-image-1177 figure {
            height: 220px;
        }
    }

    @media (max-width: 767.98px) {
        .page-content-area .contentbanner1177block.col-sm-6 .block-1177.no-image-1177 figure {
            height: 220px;
        }
    }

    @media (max-width: 767.98px) {
        .page-content-area .contentbanner1177block.col-sm-6 .block-1177.no-image-1177 figure {
            height: 220px;
        }
    }

    .page-content-area .contentbanner1177block.col-sm-6 .block-1177.no-image-1177 figure:after {
        left: 0;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .page-content-area .contentbanner1177block.col-sm-5 .block-1177 figure:after, .page-content-area .contentbanner1177block.col-sm-4 .block-1177 figure:after, .page-content-area .contentbanner1177block.col-sm-3 .block-1177 figure:after {
        background-size: 101% 252px;
        top: 127px;
        height: 252px;
    }

    @media (max-width: 1199.98px) {
        .page-content-area .contentbanner1177block.col-sm-5 .block-1177 figure:after, .page-content-area .contentbanner1177block.col-sm-4 .block-1177 figure:after, .page-content-area .contentbanner1177block.col-sm-3 .block-1177 figure:after {
            background-size: 101% 386px;
            top: 66px;
            height: 386px;
        }
    }

    @media (max-width: 991.98px) {
        .page-content-area .contentbanner1177block.col-sm-5 .block-1177 figure:after, .page-content-area .contentbanner1177block.col-sm-4 .block-1177 figure:after, .page-content-area .contentbanner1177block.col-sm-3 .block-1177 figure:after {
            top: 15px;
        }
    }

    @media (max-width: 767.98px) {
        .page-content-area .contentbanner1177block.col-sm-5 .block-1177 figure:after, .page-content-area .contentbanner1177block.col-sm-4 .block-1177 figure:after, .page-content-area .contentbanner1177block.col-sm-3 .block-1177 figure:after {
            top: -10px;
        }
    }

    @media (max-width: 1199.98px) {
        .page-content-area .contentbanner1177block.col-sm-5 .block-1177.image-1177 figure, .page-content-area .contentbanner1177block.col-sm-4 .block-1177.image-1177 figure, .page-content-area .contentbanner1177block.col-sm-3 .block-1177.image-1177 figure {
            height: 270px;
        }
    }

    @media (max-width: 991.98px) {
        .page-content-area .contentbanner1177block.col-sm-5 .block-1177.image-1177 figure, .page-content-area .contentbanner1177block.col-sm-4 .block-1177.image-1177 figure, .page-content-area .contentbanner1177block.col-sm-3 .block-1177.image-1177 figure {
            height: 210px;
        }
    }

    .page-content-area .contentbanner1177block.col-sm-5 .block-1177.no-image-1177 figure, .page-content-area .contentbanner1177block.col-sm-4 .block-1177.no-image-1177 figure, .page-content-area .contentbanner1177block.col-sm-3 .block-1177.no-image-1177 figure {
        height: 270px;
    }

    @media (max-width: 991.98px) {
        .page-content-area .contentbanner1177block.col-sm-5 .block-1177.no-image-1177 figure, .page-content-area .contentbanner1177block.col-sm-4 .block-1177.no-image-1177 figure, .page-content-area .contentbanner1177block.col-sm-3 .block-1177.no-image-1177 figure {
            height: 220px;
        }
    }

    /* Imported from intranet _formdesign.sass */
    .row .formcontainerblock {
        margin-top: 0.5rem;
    }

        .row .formcontainerblock form .Form__Title {
            margin-bottom: 0.5rem;
        }

        .row .formcontainerblock form .Form__Description {
            margin-bottom: 1rem;
        }

        .row .formcontainerblock form .Form__Element {
            margin-bottom: 1.5rem;
        }

        .row .formcontainerblock form .FormChoice {
            display: flex;
            flex-direction: column;
        }

            .row .formcontainerblock form .FormChoice .Form__Element__Caption {
                margin-bottom: 0.5rem;
            }

            .row .formcontainerblock form .FormChoice .checkbox, .row .formcontainerblock form .FormChoice .radio, .row .formcontainerblock form .FormChoice .FormChoice--Image__Item {
                display: inline-block;
                -webkit-user-select: none;
                /* Safari */
                -moz-user-select: none;
                /* Firefox */
                -ms-user-select: none;
                /* IE10+/Edge */
                user-select: none;
                /* Standard */
            }

                .row .formcontainerblock form .FormChoice .checkbox:hover, .row .formcontainerblock form .FormChoice .radio:hover, .row .formcontainerblock form .FormChoice .FormChoice--Image__Item:hover {
                    cursor: pointer;
                    color: #005ca9;
                }

                .row .formcontainerblock form .FormChoice .checkbox input, .row .formcontainerblock form .FormChoice .radio input, .row .formcontainerblock form .FormChoice .FormChoice--Image__Item input {
                    margin-bottom: 8px;
                    margin-right: 0.5rem;
                    cursor: pointer;
                }

            .row .formcontainerblock form .FormChoice .FormChoice--Image__Item {
                margin-left: 0px;
                margin-right: 0px;
                max-width: 540px;
                text-align: left;
            }

                .row .formcontainerblock form .FormChoice .FormChoice--Image__Item img {
                    max-width: 540px;
                }

            .row .formcontainerblock form .FormChoice .FormChoice__input--Radio {
                display: none;
            }

        .row .formcontainerblock form .form-row {
            margin-left: 0px;
        }

            .row .formcontainerblock form .form-row .FormDateTimeRange_Seperator {
                padding: 0 10px;
            }

        .row .formcontainerblock form .FormFileUpload {
            display: flex;
            flex-direction: column;
        }

        .row .formcontainerblock form .FormRange {
            width: 100%;
        }

            .row .formcontainerblock form .FormRange .form-row span {
                display: flex;
                flex-wrap: nowrap;
                width: 100%;
            }

                .row .formcontainerblock form .FormRange .form-row span .FormRange__Min {
                    width: 10px;
                    margin-right: 10px;
                }

                .row .formcontainerblock form .FormRange .form-row span .FormRange__Max {
                    width: 30px;
                    margin-left: 10px;
                }

                .row .formcontainerblock form .FormRange .form-row span .FormRange__Input {
                    width: 100%;
                }

        .row .formcontainerblock form .FormChoice--Image .FormChoice__Input:checked ~ img {
            border: 5px solid rgba(41, 128, 189, 0.5);
        }

    #vacancies-list{
        min-width:480px;
    }



.vacancies-list-wrapper {
    overflow: auto;
}

.vacancies-list-ul {
    list-style-type: none;
    padding: 0;
}

.vacancies-list-item {
    margin-bottom: 1rem;
    padding: 1.5rem;
}

    .vacancies-list-item:nth-last-of-type(even) {
        background-color: #f2f2f2;
    }

.vacancies-list-item {
    display: flex;
    flex-direction: column;
}

.vacancies-list-item:hover {
    cursor:pointer;
}

.vacancies-list-item:hover a {
    color: #000;
}



    .vacancies-list-item span {
        margin-top: .5rem;
    }

    .vacancies-list-item a .h3 {
        text-decoration: underline;
    }

.Form__Title {
    margin-bottom: 1.5rem;
}

    .row .formcontainerblock {
        margin-top: 1.5rem;
    }

    .Form__Element {
        display: flex;
        flex-direction: column;
        margin-bottom: 2.5rem !important;
        width: 100%;
    }

    .Form-Element label {
        margin-bottom: .5rem;
    }

    .FormTextbox--Textarea textarea {
        min-height: 80px;
        border-radius: 4px;
    }

    .FormTextbox--Number .FormTextbox__Input {
        width: max-content;
    }

    .FormTextbox .FormTextbox__Input {
        height: 42px;
        padding-left: 8px;
        padding-right: 8px;
        border-radius: 4px;
        border: 1px solid rgb(118, 118, 118);
    }

    .FormSelection select {
        min-height: 42px;
        width: max-content;
        padding-left: .8px;
        padding-right: 8px;
        border-radius: 4px;
    }

    .Form__Element legend {
        font-size: 16px;
        font-weight: bold;
        border-bottom: none;
        margin-bottom: 0.5rem !important;
    }

    Fieldset label {
        margin-right: 2rem;
        font-weight: normal;
    }

    .EPiServerForms .Form__NavigationBar .Form__NavigationBar__Action {
        width: max-content;
        max-width: none;
        padding-left: 8px !important;
        padding-right: 8px !important;
        min-height: 42px;
        border-radius: 4px;
        background-color: white;
        background-image: none !important;
        border: 1px solid rgb(197, 198, 200) !important;
    }

        .EPiServerForms .Form__NavigationBar .Form__NavigationBar__Action:hover {
            background-color: #ddd;
        }

        .EPiServerForms .Form__NavigationBar .Form__NavigationBar__Action:disabled {
            background-color: white !important;
        }

    .Form__NavigationBar {
        margin-bottom: 3rem;
    }

    .FormChoice--Image label:not(last-of-type) {
        margin-bottom: 1.5rem !important;
    }

    @media screen and (max-width: 450px) {
        .EPiServerForms .Form__NavigationBar .Form__NavigationBar__Action {
            margin-right: 1rem;
        }

        .Form__NavigationBar__ProgressBar {
            display: none !important;
        }
    }

    .FormChoice__Input--Radio:checked + .FormChoice--Image__Item__Caption {
        font-weight: bold;
    }

    .FormCaptcha {
        justify-content: flex-start !important;
        width: max-content;
    }

        .FormCaptcha img {
            margin-bottom: 1rem;
        }

    .EPiServerForms .FormCaptcha .FormTextbox__Input {
        width: 15.5rem;
        height: 42px;
        padding-left: 8px;
        padding-right: 8px;
        border-radius: 4px;
        border: 1px solid rgb(118, 118, 118);
    }

    .EPiServerForms .Form__Element .Form__Element__ValidationError {
        color: #FF0000 !important;
        margin-top: .5rem;
    }

    .EPiServerForms .FormCaptcha .FormCaptcha__Refresh {
        width: max-content !important;
        margin-bottom: 1rem;
        height: 42px !important;
        background-color: white;
        border: 1px solid rgb(197, 198, 200);
        border-radius: 4px;
        padding-left: 8px;
        padding-right: 8px;
    }

        .EPiServerForms .FormCaptcha .FormCaptcha__Refresh:hover {
            background-color: #ddd;
        }

    .FormSubmitButton, .FormResetButton {
        width: max-content;
        border-radius: 4px;
        height: 42px;
        width: 163px;
        border: none;
    }

    .FormResetButton {
        justify-content: center;
        align-items: center;
        border: 1px solid rgb(197, 198, 200);
        background-color: white;
        padding-left: 8px;
        padding-right: 8px;
        text-align: center;
        margin-bottom: 3rem !important;
    }

        .FormResetButton:hover {
            background-color: #ddd;
        }

    .FormSubmitButton {
        justify-content: center;
        align-items: center;
        background-color: #007eb4;
        border-color: #007eb4;
        color: white;
        padding-top: 7px;
        padding-bottom: 7px;
        margin-top: 1rem !important;
        margin-bottom: 1.5rem !important;
    }

        .FormSubmitButton:focus {
            background-color: #007eb4 !important;
            color: white !important;
        }

        .FormSubmitButton:hover {
            opacity: .7;
        }

    #submenu .main-nav a:focus {
        outline-offset: -4px;
    }

    .utilitymenu-collapse .navbar-nav li a:focus {
        outline-offset: -4px;
    }

    article .toggle-link {
        display: block;
    }

.contentBannerLink{
    display:flex;
}

.contentBannerLink:focus {
    display: block;
    outline: 3px solid #000;
    outline-offset: 4px;
}

.contentBannerWrapper:hover h2{
    text-decoration:underline;
}

.contentBannerWrapper:hover{
    cursor:pointer;
}
.contentBannerLink.external .icon-placeholder {
    display:none;
}