@import 'https://fonts.googleapis.com/css?family=Roboto';

body.modal-open {
    height: 100vh;
    overflow-y: hidden;
}

a {
    color: #1d66aa;
    text-decoration: none;
}
a:hover,
a:focus {
    color: #23527c;
    text-decoration: underline;
}

.dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    -webkit-background-clip: padding-box;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    color: #333333;
    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: none;
    min-width: 160px;
    margin: 2px 0 0;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: 100%;
    z-index: 1000;
}
.dropdown-menu > li {
    position: relative;
    margin-bottom: 1px;
    padding: 0;
}
.dropdown-menu > li > a {
    padding: 8px 15px;
    outline: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    clear: both;
    font-weight: normal;
    line-height: 1.5384616;
    color: #333333;
    white-space: nowrap;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #2196F3;
}

.multiselect-container > li > a {
    padding: 0;
}

.multiselect.btn-default, .multiselect.btn-default.disabled {
    background-color: #fff;
    border-color: #ddd;
    height: 36px;
}

.multi-select-full > .btn-group {
    width: 100%;
}

.multi-select-full > .btn-group .multiselect-container {
    width: inherit;
}

.btn-group > .btn:first-child {
    margin-left: 0;
    border-top-right-radius: 0; border-bottom-right-radius: 0;
}

.multiselect {
    width: 100%;
    min-width: 100%;
    text-align: left;
    padding-left: 12px;
    padding-right: 29px;
    text-overflow: ellipsis;
    overflow: hidden;
}
.multiselect.btn-default, .multiselect.btn-default.disabled {
    height: 45px;
    background: #f1f1f1;
    border: 1px solid #999;
    -webkit-border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

li.multiselect-filter {
    position: relative;
    padding: 5px 12px;
    margin-bottom: 5px;
}
li.multiselect-filter i {
    font-size: 18px;
    position: absolute;
    left: 26px;
    top: 10%;
    opacity: 0.5;
    filter: alpha(opacity=50);
    margin-top: 14px;
    z-index: 99;
}

.multiselect-container {
    min-width: 180px;
    max-height: 250px;
    overflow-y: auto;
    top: 45px !important;
    transform: none !important;
    width: 100%;
}
label {
    margin-bottom: 7px;
    font-weight: 400;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}

.multiselect-container > li > a {
    padding: 0;
}

.multiselect-container > li > a > label {
    display: block;
    margin: 0;
    font-size: 1.2em;
    height: 100%;
    cursor: pointer;
    padding: 10px 10px 10px 60px !important;
    text-transform: capitalize;
}
.multiselect-container > li > a .checker, .multiselect-container > li > a .choice {
    top: 50%;
    margin-top: -12px;
    left: 26px;
}
.radio .choice, .radio-inline .choice,
.checkbox .checker, .checkbox-inline .checker {
    position: absolute;
    top: 1px;
    left: 0;
}
.radio, .checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.checker input[type=checkbox], .choice input[type=radio] {
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    margin: 0;
    vertical-align: top;
    cursor: pointer;
    position: absolute;
    top: -2px;
    left: -2px;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
}
.choice, .choice span, .choice input,
.checker, .checker span, .checker input {
    width: 18px !important;
    height: 18px !important;
}
.choice span,
.checker span {
    color: #455A64;
    border: 2px solid #607D8B;
    display: inline-block;
    text-align: center;
    position: relative;
    border-radius: 2px;
}
.choice span:after,
.checker span:after {
    content: "\e600";
    font-family: 'icomoon';
    font-size: 15px;
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    opacity: 0;
    filter: alpha(opacity=0);
}
.choice span.checked:after,
.checker span.checked:after {
    opacity: 1;
    filter: alpha(opacity=100);
}

.multiselect .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -8px;
    width: 16px;
    text-align: right;
}

.caret:after {
    content: '\e9c5';
    font-family: 'icomoon';
    display: block;
    font-size: 16px;
    width: 16px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/** nav-tabs bootstrap 4 */
.nav-tabs {
    border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-item {
    margin-bottom: -1px;
}
.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6;
}
.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.btn, .navbar-link, .nav-tabs > li > a, .nav-tabs > li > a:after, .nav-pills > li > a, .nav li > a > .label, .nav li > a > .badge, .breadcrumb > li > a, .breadcrumb-elements > li > a, .tt-suggestion, .tokenfield .token, .selectboxit-btn, .bootstrap-select .btn-default, .select2-results__option, .select2-selection__choice__remove, .dropdown-menu > li > a, .dropdown-menu > li > label, .wizard .actions a, .checker span:after, .choice span:after, .selectboxit-option-anchor, .dt-autofill-list ul li, .dt-autofill-button .btn, .dataTable .select-checkbox:before, .dataTable .select-checkbox:after, .pika-button, .sp-input, .navbar-nav > li > a, .dropdown-content-footer a, .icons-list > li > a, .picker__nav--prev, .picker__nav--next, .multiselect.btn-default, .list-group-item, .pagination > li > a, .pagination > li > span, .pager > li > a, .pager > li > span, .datepicker-dropdown .day, a.label, a.badge, .ui-datepicker-buttonpane > button, .ui-button, .ui-menu-item, .ui-selectmenu-button, .ui-datepicker a, .media-link, .menu-list li > a, .plupload_file_action > a, .dataTables_paginate .paginate_button, .dataTables_filter input, .dt-button, .picker__list-item, .picker__day, .picker__footer, .sp-replacer, .sp-cancel, .sp-choose, .sp-palette-toggle, .daterangepicker td, .daterangepicker th, .noUi-handle, .fc-button, .plupload_button, .picker__footer button, .picker__list button, .AnyTime-btn, .plupload_filelist li, .password-indicator-group.input-group-addon, .password-indicator-label-absolute, .select2-selection--single:not([class*=bg-]), .select2-selection--multiple:not([class*=bg-]) .select2-selection__choice, .bootstrap-select.btn-group .dropdown-menu > li > a .check-mark {
    -webkit-transition: all ease-in-out 0.15s;
    -o-transition: all ease-in-out 0.15s;
    transition: all ease-in-out 0.15s;
}

.btn-group > .btn, .btn-group-vertical > .btn {
    position: relative;
    float: left;
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.nav-tabs > li {
    margin-bottom: 0;
}
.tab-content {
    border: solid #ddd;
    border-width: 0 1px 1px;
    background-color: #fff;
    min-height: 150px;
    padding: 10px;
}
.nav-tabs > li > a:hover {
    border-color: #ddd;
}

li.multiselect-filter .form-control {
    height: 42px;
    padding-left: 46px;
    width: 100%;
}
.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell;
}
.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

input[type="text"], input[type="password"], input[type="search"], input[type="email"], input[type="number"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="url"], input[type="tel"], textarea {
    -webkit-appearance: none;
}

.tooltip {
    opacity: 1;
}
.tooltip .tooltip-inner {
    padding: 6px 10px;
}

.dropdown-menu {
    min-width: 230px;
    padding: 7px 0;
    color: #333333;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

.btn {
    color: #333;
    background-color: #fcfcfc;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid #ddd;
    white-space: nowrap;
    padding: 7px 12px;
    font-size: 13px;
    line-height: 1.5384616;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn-over {
    position: absolute;
    right: 3px;
    top: 2px;
    height: 46px;
    z-index: 100;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

.radio, .checkbox {
    position: relative;
    display: block;
}

* {
    margin: 0;
    border: 0;
    padding: 0;
}

.container {
    margin: 0 auto;
}

.fluidMedia {
    position: relative;
    padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.fluidMedia iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.container-news {
    width: 80%;
    margin: auto;
    overflow: hidden;
}

.blog-container {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

.postimage {
    float: left;
    width: 350px;
    height: auto;
    padding-right: 20px;
    margin-top: 20px;
}

.post H1 {
    font-size: 170%;
    padding-top: 15px;
}

.post p {
    text-align: left;
    font-size: 130%;
    padding-top: 5px;
}

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

.clearfix {
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/* End hide from IE-mac */

hr {
    display: block;
    width: 100%;
    margin-top: 25px;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
    color: #cecece;
}

body {
    background: #f5f5f5;
    color: #111;
    font-family: 'Alegreya', sans-serif;
    margin: 0;
}

h2 {
    font-size: 250%;
    font-weight: 600;
    text-align: center;
    padding-top: 3%;
}
h2.article-header {
    font-size: 200%;
    font-weight: 500;
    padding: 0 0 0.5%;
    text-align: left;
}

h3 {
    font-size: 175%;
    line-height: 155%;
    padding: 1% 0;
    font-weight: 400;
}

p {
    font-size: 1.1em;
    font-weight: lighter;
    line-height: 130%;
    text-align: left;
}

header {
    background-color: #628577;
    border-bottom: #d77525 2px solid;
    height: 85px;
    min-width: 200px;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 10000;
}

#header-inner {
    max-width: 95%;
    margin: 0 auto;
}
header #header-inner {
    max-width: 100%;
}

#logo {
    margin-left: 11px;
    float: left;
}

header #logo {
    margin: 10px 10px 16px 10px;
}

#logo .image {
    float: left;
    background-color: #628577;
    float: left;
    width: 80px;
}

#logo img {
    display: block;
    margin: 0 auto;
    height: 84px;
}
#logo h2 {
    color: #f5f5f5;
    font-size: 1.8em;
    font-weight: normal;
    margin: 20px 0 0 100px;
    padding: 0;
    text-transform: uppercase;
}

#logo a {
    color: #333;
}

#logo a.about {
    margin-left: 50px;
    white-space: nowrap;
    text-decoration: none;
}


/*--- ALGOLIA SEARCH --*/

#main-search {
    float: right;
    margin: 24px 40px 0 0;
    width: 300px;
}
header {
    background-color: #ccccff;
    height: 110px
}
header .sitename {
    font-size: 38px;
    margin: 0 0 0 80px;
    text-transform: none
}

header #main-search {
    width: 500px;
    margin: 0;
}
header #main-search.focus {
    width: 100%;
    top: 110px;
}

header #main-search.focus p.small {
    display: none;
}

header  #autocomplete {
    padding: 10px;
    background: #628577;
}
header .focus #autocomplete {
    padding: 0;
    background: #628577;
}

#main-search.focus {
    background: #628577;
    height: 70px;
    left: 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 85px;
    width: 100%;
}

#main-search .aa-Form {
    border: 2px solid #d77525;
    border-radius: 8px;
    background-color: #fff;
    height: 40px;
}

#main-search.focus .aa-Form {
    margin: 10px auto;
    max-width: 600px;
    height: 50px;
}

#main-search .aa-InputWrapperPrefix {
    height: 40px;
}

#main-search .aa-Input {
    height: 40px;
}

#main-search .aa-Input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #777;
    font-size: 1em;
    opacity: 1; /* Firefox */
}

#main-search .aa-Input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #777;
    font-size: 1em;
}

#main-search .aa-Input::-ms-input-placeholder { /* Microsoft Edge */
    color: #777;
    font-size: 1em;
}

#main-search.focus .aa-Input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-size: 1.2em;
}

#main-search.focus .aa-Input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-size: 1.2em;
}

#main-search.focus .aa-Input::-ms-input-placeholder { /* Microsoft Edge */
    font-size: 1.2em;
}

#main-search .aa-SubmitButton {
    margin-top: 6px;
    max-height: 36px;
    padding: 0;
    width: 40px;
}

#main-search.focus .aa-SubmitButton {
    width: 47px;
}

#main-search .aa-Autocomplete {
    color: #262627;
    border: 1px solid #fff;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1em;
    margin: 0;
    padding: 0;
    text-align: left;
}
#main-search.focus .aa-Form {
    border: none;
}
#main-search.focus .aa-Autocomplete {
    border: none;
}


.aa-Panel {
    background-color: rgba(0, 0, 0, 0.32);
    left: 0 !important;
    height: 100vh;
    position: fixed;
    right: 0 !important;
    top: 170px !important;
    width: 100% !important;
    z-index: 100;
}
.aa-Panel * {
    box-sizing: border-box;
}
.aa-PanelLayout {
    background-color: #ddd;
    border-bottom-left-radius: 4px;
    padding: 0 2px;
    margin: 0 auto;
    max-height: 700px;
    max-width: 600px !important;
    height: 100%;
    position: relative;
    text-align: left;
}

.aa-Source {
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}
.aa-List {
    padding: 0;
    position: relative;
    list-style: none;
    margin: 0;
}

.aa-Item {
    background-color: #fff;
    border-radius: 4px;
    margin: 4px 0;
}

.aa-Item a {
    color: #333;
}
.aa-Item mark {
    background: rgba(215, 117, 37, 0.4);
    padding: 0.1em;
}

.lar-searchWrapper {
    display: flex;
    justify-content: flex-start;
}
.lar-searchIcon {
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px rgb(128 126 163 / 30%);
    width: 100px;
}
.lar-searchIcon img {
    height: auto;
    flex-basis: 15%;
}

.lar-searchContent {
    flex-grow: 1;
    padding: 8px;
}
.lar-searchTop {
    display: flex;
    justify-content: flex-start;
    margin: 2px 0 6px;
}
.lar-searchTitle {
    flex-grow: 1;
}
.lar-searchCategory {
    font-size: 0.8em;
    text-transform: uppercase;
}
.lar-searchDescription {
    font-size: 0.8em;
}


/*--- START NAVIGATION --*/
nav {
    float: right;
    padding: 22px 20px 0 0;
}
.nav-tabs li a.active { background-color: #fff; }
.fade.active { opacity: 1; }

#menu-icon {
    display: none;
    width: 70px;
    height: 70px;
    margin-top: -15px;
    background: url(../img/nav.png) center;
}

a:hover#menu-icon {
    border-radius: 4px 4px 0 0;
}

ul {
    list-style-type: none;
    text-align: left;
}

nav ul li {
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 100%;
    text-transform: uppercase;
    display: inline-block;
    float: left;
    padding: 10px;
}
nav ul li a,
nav ul li a:focus {
    color: #f5f5f5;
    text-decoration: none;
}

nav ul li a:hover {
    color: #dedede;
}

.distance {
    height: 108px
}

.current {
    color: #e87915;
}

/*-- END NAVIGATION ---*/
/*-- BANNER ---*/
.banner-container {
    background-color: #ddd;
    margin-top: 108px;
}

.banner {
    min-height: 550px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    margin: 85px auto 0;
    position: relative;
    text-align: center;
    width: 70%;
}

.banner h1 {
    font-size: 240%;
    text-align: center;
    padding: 2% 0 1%;
    color: #fff;

    text-transform: uppercase;
}

@media (max-width: 1024px) {
    .banner h1 {
        padding: 6% 0 1%;
    }
}

@media (max-width: 768px) {
    .banner h1 {
        font-size: 160%;
        padding: 14% 0 1%;
    }
}

@media (max-width: 640px) {
    .banner h1 {
        padding: 26% 0 1%;
    }
}


.banner h1 span {
    padding: 0 10px;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 4px;
    line-height: 1.2;
}

.banner p {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    color: #FFF;
    display: inline;
    font-family: 'Roboto', sans-serif;
    font-size: 160%;
    text-align: center;
    padding: 0 10px;
}

.banner .news {
    background-color: #fff;
    border: 1px solid #ddd;
    bottom: 20px;
    min-width: 300px;
    padding: 10px;
    position: absolute;
    right: 20px;
    text-align: left;
}
@media (max-width: 1180px) {
    #logo h2 {
        margin: 16px 0 0 70px;
    }
}

@media (max-width: 1024px) {
    .banner .news {
        bottom: 4px;
        max-width: none;
        right: 4px;
        width: 50%;
    }
    nav {
        padding-right: 10px;
    }
    nav ul li {
        font-size: 0.8em;
        padding: 10px 2px;
    }

    #main-search {
        margin-right: 10px;
        width: 270px;
    }
    header .sitename {
        font-size: 33px;
    }
}

@media (max-width: 1024px) {
    header #main-search {
        width: 400px;
    }
}

@media (max-width: 860px) {
    header #main-search {
        width: 300px;
    }
    header #main-search p.small {
        display: none;
    }
}

@media (max-width: 768px) {
    .banner .news {
        max-width: none;
        margin: 10px auto 0;
        position: static;
        width: 90%;
    }
    #logo a.about {
        margin-left: 24px;
    }
    #logo h2 {
        font-size: 1.6em
    }
    header #autocomplete {
        padding: 0;
    }

    #main-search {
        background-color: #628577;
        height: auto;
        margin: 0 -30px;
        padding: 5px 38px;
        width: calc(100% + 60px);
    }
    header #main-search {
        background-color: #628577;
        height: auto;
        padding: 5px 38px;
        width: calc(100% + 60px);
        margin: 0 -30px;
    }

    #main-search.focus {
        padding: 5px 18px;
        width: calc(100% + 60px);
    }
    #main-search.focus .aa-Form {
        margin: 0 auto;
        height: 40px;
        max-width: 90%;
    }
    .distance {
        height: 156px
    }
}

@media (max-width: 680px) {
    header .sitename {
        font-size: 26px;
    }
    #logo h2 {
        font-size: 1.2em
    }
}

.banner .news ul {
    margin: 0;
    padding: 0;
}

.banner .news ul li {
    display: flex;
    font-size: 0.8em;
    justify-content: left;
    padding: 2px 0;
}
.banner .news ul li.last a {
    color: #777;
    font-weight: bold;
    padding: 2px 0
}
.banner .news ul li a {
    color: #999;
}

#banner-container-sfj {
    max-width: 1280px;
    margin: 0 auto;
    color: #FFF

}

.banner-sfj {
    min-height: 550px;
    background: linear-gradient(
            rgba(250, 250, 250, .2),
            rgba(250, 250, 250, .2)),
    url('../img/Sfj-rundt.jpg') no-repeat 0 -300px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

    width: 100%;
}

.banner-sfj h1 {
    font-size: 500%;
    text-align: center;
    padding-top: 220px;
    color: #d77525;
    -webkit-text-stroke: 1px white;
    text-transform: uppercase;
}

.banner-sfj p {
    font-family: 'Roboto', sans-serif;
    font-size: 200%;
    text-align: center;
    color: #FFF;
    margin-top: -25px;
}

#banner-container-tema {
    max-width: 1280px;
    margin: 0 auto;
    color: #FFF

}

.banner-tema {
    min-height: 400px;
    background: linear-gradient(
            rgba(0, 0, 0, .8),
            rgba(0, 0, 0, .1)),
    url('../img/Sfj-rundt.jpg') no-repeat 0 100px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
}

.banner-tema h1 {
    font-size: 200%;
    text-align: center;
    padding-top: 200px;
    color: #d77525;
    -webkit-text-stroke: 1px white;
    text-transform: uppercase;
}

.banner-tema p {
    font-family: 'Roboto', sans-serif;
    font-size: 100%;
    text-align: center;
    color: #FFF;
    margin-top: -20px;
}

.banner-tema-lardex {
    min-height: 400px;
    background: linear-gradient(
            rgba(0, 0, 0, .8),
            rgba(0, 0, 0, .1)),
    url('../img/jahrebaat.jpg') no-repeat 0 100px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
}

.banner-tema-lardex h1 {
    font-size: 400%;
    text-align: center;
    padding-top: 200px;
    color: #d77525;
    -webkit-text-stroke: 1px white;
}

.banner-tema-lardex p {
    font-family: 'Roboto', sans-serif;
    font-size: 200%;
    text-align: center;
    color: #FFF;
    margin-top: -20px;
}

/*-- FLEX ---*/
.flex-header {
    display: flex;
    justify-content: space-between;
    padding: 15px;
    font-size: 18px;
    font-weight: 700;
    min-height: 75px;
}
.flex-box {
    display: flex;
    padding: 15px;
}
.flex-header .name h1 {
    font-size: 20px;
}
.flex-header .name a {
    font-size: 16px;
    margin-top: 10px;
    text-transform:none;
}
.flex-view-list {
    width: 40%;
}

@media screen and (max-width: 640px) {
    .flex-view-list {
        font-size: 14px;
    }
    .flex-view-list h6 {
        font-size: 11px;
    }

    .flex-header .name a {
        font-size: 14px;
    }
}

.custom-tab-box {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #fff;
}
.column {
    flex-direction: column;
}
span.flex-title {
    font-size: 0.9em;
    font-weight: bold;
    white-space: nowrap;
}
span.flex-title:after {
    content: ":"
}
span.flex-desc {
    display: flex;
    align-items: center;
    margin-top: 5px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.3;
}
.flex-box .evenly {
    display: flex;
    justify-content: space-evenly;
}

@media screen and (min-width: 992px) {
    .flagbox {
        position: absolute;
    }
}

/*-- BLURBS ---*/

#wrapper {
    width: 90%;
    margin: 0 auto;
}
.hide { display: none !important; }
.loadbtn, .loadbtn:hover { background: transparent url('/img/loadbtn.gif') no-repeat 50% 50% !important; color: transparent !important; }
/*------------ SEARCH BOX -------------*/

.search-form.small { float: left; margin: 0 0 10px; width: calc(50% - 170px); }
.search-form.small::after { clear: both; content: ""; display: table; }
/* Style the search field */
.search-form.small input[type=search] { background: #f1f1f1; border: 1px solid #999; border-top-right-radius: 0; border-bottom-right-radius: 0; float: left; height: 42px; width: calc(100% - 40px); }
.search-form.small input:focus, .search-form textarea:focus, .search-form select:focus {
    outline-offset: 0;
    outline: none;
}
/* Style the submit button */
.search-form.small .btn { background: #ddd; border: 1px solid #999; border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; /* Prevent double borders */ box-sizing: border-box; color: #333; cursor: pointer; float: left; height: 36px; text-align: center; width: 40px; }
.search-form.small .btn.grey { background: #638577; }
.search-form.small .btn.grey:hover { background: #71797c; }

.all-form.small { float: left; margin: 0 0 10px 15px; width: 140px; }
.all-form.small button { background-color: #f1f1f1; border: 1px solid #999; border-radius: 4px; float: left; height: 42px; width: 100%;}

@media (max-width: 768px) {
    div.tab button.tablinks {
        height: 150px;
        padding: 0;
        width: 33.333%;
    }
    .search-form.small {
        width: 100%;
    }
    .all-form.small {
        width: 100%;
        margin-left: 0;
    }
}
@media (max-width: 829px) {
    .hide-mobile { display: none; }
}

/*------------ SEARCH -------------*/

.search-box { position: relative; }
.search-list {  background-color: #fff; display: none; list-style: outside none none; margin: -20px 0 0; padding: 0; position: absolute;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2); box-shadow: 0 2px 4px rgba(0,0,0,0.2); -webkit-transition: opacity .218s; transition: opacity .218s; top: 65px; width: calc(100% - 2px); z-index: 1003; }
.search-list li { border: 1px solid #ddd; cursor: pointer; margin: 0; float: left; padding: 8px 22px; width: 100%; }
.search-list li:hover, .search-list li:active { background-color: #e8e8e8; }
.search-form input[type=search],
.search-form select { background: #f1f1f1; border: 1px solid #999; border-top-right-radius: 0; border-bottom-right-radius: 0; float: left; padding: 10px 22px; }
.search-form input, .search-form button, .search-form select { font-size: 1.2em; height: 45px; }
.search-form input:focus, .search-form button:focus , .search-form select:focus { outline: none; }
.search-form .btn[type="submit"] { background: #ddd; border: 1px solid #999; border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; /* Prevent double borders */ box-sizing: border-box; color: #333; cursor: pointer; float: left; text-align: center; }

/*------------ COMMENT -------------*/

#comment-form .btn { background: #ddd; border: 1px solid #999; border-radius: 4px; box-sizing: border-box; color: #333; cursor: pointer; float: right; font-size: 1.2em; height: 45px; margin-top: 10px; text-align: center; }
#comment-form .btn.grey { background: #638577; }
#comment-form .btn.grey:hover { background: #71797c; }

/*-------------- MODAL ---------------*/

.modal { background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); display: none; height: 100%; left: 0; position: fixed; padding-top: 110px; top: 0; width: 100%; overflow: auto; z-index: 1; }
/* Modal Wrapper */
.modal-wrapper { background-color: #fefefe; border: 1px solid #888; height: calc(100vh - 82px); margin: auto; overflow-x: hidden; overflow-y:auto; padding: 20px 20px 0; width: 100%; }
.modal-wrapper.small { height: 400px; }
.modal-content { height: 100%; }
.modal-content .container h1,
.modal-content .container h2,
.modal-content .container h3,
.modal-content .container h4,
.modal-content .container h5,
.modal-content .container h6 {
    display: inline;
}
/* The Close Button */
.close { color: #555; float: right; font-size: 28px; font-weight: bold; margin-top: -10px; opacity: 0.8; }
.close:hover, .close:focus { color: #333; cursor: pointer; text-decoration: none; }
#modal-image .modal-content img { height: auto; width: 100%; }
.modal-backdrop { display: none !important; }

@media (max-width: 768px) {
    .modal { top: 50px; padding-top: 0; height: calc(100% -  100px) }
    .modal-wrapper { width: auto; margin: 10px }
    .modal-wrapper .container { width: 100%; }
    .modal-wrapper .results li { height: auto; margin: 1% 0; }
    .modal-wrapper .results li .image { height: auto; width: 100%; }
    .modal-wrapper .results li .image img { height: auto; }
    .modal-wrapper .results li .text { height: auto; width: 100%; }
    .modal-wrapper .results li .type { display: none; }
}
/*-----------------FRONT------------------*/

.front {
    margin-top: 20px;
}

.front .image  {
    margin-top: 10px;
    overflow: hidden;
}
.front .image img {
    height: auto;
    width: 100%;
}
.front .title {
    font-weight: bold;
    font-size: 1.2em;
    margin: 5px 0;
    text-align: center;
    /*text-transform: uppercase;*/
}

.front small {
    font-size: 0.6em;
    font-weight: normal;
}

/*-------------SHIP----------------*/
.shippingtable.ship tr td:first-child img {
    height: auto !important;
    max-width: none !important;
    width: 100% !important;
}

/*------------ UL RIG BLURBS -------------*/
ul.rig {
    list-style: none;
    font-size: 0;
    clear: both;
}

ul.rig li {
    display: inline-block;
    padding: 10px;
    margin: 0 2.5% 2.5% 0;
    background: #fefefe;
    border: 1px solid #ddd;
    font-size: 1rem;
    vertical-align: top;
    box-shadow: 0 0 5px #ddd;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

ul.rig.gallery li {
    margin: 0 1% 1% 0;
}

ul.rig li .caption {
    min-height: 20px;
    margin: 0;
    position: relative;
    height: 90px;
}

ul.rig li .caption h4 {
    font-size: 100%;
    text-align: center;
}

ul.rig li .caption .comments {
    right: -10px;
    bottom: -10px;
    position: absolute;
}

ul.rig li .caption .external {
    right: 25px;
    bottom: -10px;
    position: absolute;
}

ul.rig li .caption .tags {
    bottom: 2px;
}
ul.rig li .caption .tags .tag {
    float: left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 2px 4px;
    margin-left: 2px;
    background-color: #628577;
    color: #fff;
}
ul.rig li .count {
    color: #999;
    font-size: 0.8em;
    margin-bottom: 5px;
    text-align: center;
}
ul.rig li a.link {
    color: #333;
}

ul.rig li img {
    max-width: 100%;
    height: auto;
    margin: 0 auto 10px;
    display: block;
}

ul.rig li img:hover {
    opacity: 0.8;
}

ul.rig li h3 {
    margin: 0 0 5px;
}

ul.rig li p {
    font-size: 0.8em;
    padding: 6% 0 2%;
}

ul.rig li .title {
    font-size: 100%;
    text-align: center;
}

ul.rig.columns-1 li {
    width: 100%; /* this value + 2.5 should = 50% */
}

/* class for 2 columns */
ul.rig.columns-2 li {
    width: 47.5%; /* this value + 2.5 should = 50% */
}
ul.rig.columns-2 li:nth-child(2n) {
    margin-right: 0;
}
/* class for 3 columns */
ul.rig.columns-3 li {
    width: 30.83%; /* this value + 2.5 should = 33% */
}
ul.rig.columns-3 li:nth-child(3n) {
    margin-right: 0;
}
/* class for 4 columns */
ul.rig.columns-4 li {
    width: 23.125%; /* this value + 2.5 should = 25% */
}
ul.rig.columns-4 li:nth-child(4n) {
    margin-right: 0;
}
/* class for 5 columns */
ul.rig.columns-5 li {
    width: 17.5%; /* this value + 2.5 should = 25% */
}
ul.rig.columns-5 li:nth-child(5n) {
    margin-right: 0;
}
/* class for 6 columns */
ul.rig.columns-6 li {
    width: 14.16%; /* this value + 2.5 should = 25% */
}
ul.rig.columns-6 li:nth-child(6n) {
    margin-right: 0;
}
ul.rig.columns-6.gallery li {
    width: 15.66%; /* this value + 2.5 should = 25% */
}

ul.results li {
    float: left;
    height: 124px;
    margin: 0.3% 0;
    width: 100%;
}

ul.results li .image {
    float: left;
    width: 152px;
    height: 104px;
    position: relative;
}

ul.results li .image img {
    height: 100px;
    width: auto;
}

ul.results li .text {
    float: left;
    margin-left: 2%;
    height: 100px;
    overflow: hidden;
    width: calc(84% - 180px);
}

ul.results li .type {
    float: left;
    margin-left: 2%;
    height: 100px;
    overflow: hidden;
    text-align: right;
    width: 12%;
}
/*---------------- END UL RIG BLURBS ----------------*/
/*-----------------UL RIG FOR GALLERYS --------------*/
ul.rig-gallery {
    list-style: none;
    font-size: 0;
    margin-left: -.5%; /* should match li left margin */
}

ul.rig-gallery li {
    display: inline-block;
    padding: 3px;
    margin: 0 0 .5% .5%;
    background: #fff;
    border: 1px solid #ddd;
    font-size: 1rem;
    vertical-align: top;
    box-shadow: 0 0 5px #ddd;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

ul.rig-gallery li img {
    max-width: 100%;
    height: auto;
    margin: 0;
}

ul.rig-gallery li img:hover {
    opacity: 0.8;
}

ul.rig-gallery li h3 {
    margin: 0 0 5px;
}

/* class for 2 columns */
ul.rig-gallery.columns-2 li {
    width: 49.5%; /* this value + 2.5 should = 50% */
}

/* class for 3 columns */
ul.rig-gallery.columns-3 li {
    width: 32.83%; /* this value + 2.5 should = 33% */
}

/* class for 4 columns */
ul.rig-gallery.columns-4 li {
    width: 24.5%; /* this value + 2.5 should = 25% */
}

/* class for 5 columns */
ul.rig-gallery.columns-5 li {
    width: 19.5%; /* this value + 2.5 should = 25% */
}

/* class for 6 columns */
ul.rig-gallery.columns-6 li {
    width: 16.1666667%; /* this value + 2.5 should = 25% */
}

#search-result {
    height: 500px;
    overflow-y: auto;
}
iframe body,
#search-result::-webkit-scrollbar {
    width: 20px;
}
iframe body,
#search-result::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #999;
    border-radius: 4px;
}
iframe body,
#search-result::-webkit-scrollbar-thumb {
    background: #e8e8e8;
    border-radius: 4px;
}
iframe body,
#search-result::-webkit-scrollbar-thumb:hover {
    background: #eee;
}

.form-group {
    margin: 10px 0;
    float: left;
    width: 100%;
}
.form-control {
    display: block;
    width: 100%;
    height: 30px;
    padding: 4px 12px;
    font-size: 13px;
    line-height: 1.5384616;
    color: #333333;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ddd;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
textarea.form-control { height: auto; width: 100%; }

.form-group label {
    display: inline-block;
    max-width: 100%;
    margin: 5px 10px;
    font-weight: bold;
}
.fl { float: left;  }
.fr { float: right;  }
.text-center { text-align: center; }
.w-10  { min-height: 1px !important; width: 10%; }
.w-20  { min-height: 1px !important; width: 20%; }
.w-25  { min-height: 1px !important; width: 25%; }
.w-30  { min-height: 1px !important; width: 30%; }
.w-40  { min-height: 1px !important; width: 40%; }
.w-50  { min-height: 1px !important; width: 50%; }
.w-60  { min-height: 1px !important; width: 60%; }
.w-70  { min-height: 1px !important; width: 70%; }
.w-75  { min-height: 1px !important; width: 75%; }
.w-80  { min-height: 1px !important; width: 80%; }
.w-90  { min-height: 1px !important; width: 90%; }
.w-100 { min-height: 1px !important; width: 100%; }

.h-50 { height: 50px; }

.p-0   { padding: 0 !important;}
.p-2   { padding: 2px !important;}
.p-5   { padding: 5px !important;}
.p-10  { padding: 10px !important;}
.p-15  { padding: 15px !important;}
.p-20 { padding: 20px !important }
.pl-0  { padding-left: 0 !important;}
.pl-5  { padding-left: 5px !important;}
.pl-10 { padding-left: 10px !important;}
.pl-15 { padding-left: 15px !important;}
.pr-0  { padding-right: 0 !important;}
.pr-5  { padding-right: 5px !important;}
.pr-10 { padding-right: 10px !important;}
.pr-15 { padding-right: 15px !important;}
.pt-0  { padding-top: 0 !important;}
.pt-5  { padding-top: 5px !important;}
.pt-10 { padding-top: 10px !important;}
.pt-20 { padding-top: 20px !important;}
.pb-0  { padding-bottom: 0 !important;}
.pb-5  { padding-bottom: 5px !important;}
.pb-10 { padding-bottom: 10px !important;}
.pb-20 { padding-bottom: 20px !important;}

.m-0   { margin: 0 !important;}
.m-2   { margin: 2px !important;}
.m-5   { margin: 5px !important;}
.m-10  { margin: 10px !important;}
.m-15  { margin: 15px !important;}
.m-20  { margin: 20px !important;}
.ml-0  { margin-left: 0 !important;}
.ml-5  { margin-left: 5px !important;}
.ml-10 { margin-left: 10px !important;}
.mr-0  { margin-right: 0 !important;}
.mr-5  { margin-right: 5px !important;}
.mr-10 { margin-right: 10px !important;}
.mt-0  { margin-top: 0 !important;}
.mt-5  { margin-top: 5px !important;}
.mt-10 { margin-top: 10px !important;}
.mt-20 { margin-top: 20px !important;}
.mb-0  { margin-bottom: 0 !important;}
.mb-5  { margin-bottom: 5px !important;}
.mb-10 { margin-bottom: 10px !important;}
.mb-20 { margin-bottom: 20px !important;}

.font-11 { font-size: 1.1em; }

.no-border { border: none; }
.border { border: 1px solid #ddd; border-radius: 4px; }
.justifybetween { display: flex; justify-content: space-between; }

#article .article-inner .noheight { height: 0; }
.filtering { display: none; }
:focus,
#article .bootstrap-select > select.mobile-device:focus + .dropdown-toggle,
#article .bootstrap-select .dropdown-toggle:focus  {
    outline: none !important;
}


.flag { -webkit-box-shadow: 3px 3px 10px 3px rgba(0,0,0,0.3); -moz-box-shadow: 3px 3px 10px 3px rgba(0,0,0,0.3); box-shadow: 3px 3px 10px 3px rgba(0,0,0,0.3); }

/*----------END UL RIG GALLERIES -------------*/
#breadcrumb {
    font-family: 'Roboto', sans-serif;
    padding: 5px 0 5px 5%;
    margin: 0;
    min-height: 0;
    color: #ffffff;
    background: #628577;
    border-top: #d77525 2px solid;
    border-bottom: #d77525 2px solid;
}

#breadcrumb li {
    float: left;
    font-size: 0.8em;
    margin-top: -10px;
    padding: 0;
    text-transform: uppercase;
}

ul.breadcrumb {
    padding: 10px 16px;
    list-style: none;
    font-size: 17px;
}

ul.breadcrumb li {
    display: inline;
}

ul.breadcrumb li + li:before {
    padding: 8px;
    color: black;
    content: ">\00a0";
}

ul.breadcrumb li a {
    color: #c5c5c5;
    text-decoration: none;
}

ul.breadcrumb li a:hover {
    color: #01447e;
    text-decoration: underline;
}

#article {
    max-width: 88%;
    margin: 0 auto;
}

@media (max-width: 768px) {
    #article {
        margin-top: 52px;
    }
}


#article p img {
    margin: 0 6px 6px;
}

.article-inner {
    width: 100%;
    padding-top: 1%;
    text-align: center;
    margin: 0 auto;
}

.article-inner .preface {
    padding: 0.8% 0;
    font-weight: lighter;
    text-align: left;
}

.article-inner .preface {
    padding: 0.2% 0;
}

.article-inner .google-link {
    background-color: #638577;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: block;
    float: right;
    margin: 0 0 10px 4px;
    padding: 8px 28px;
    font-size: 1.4em;
    text-decoration: none;
}
.article-inner .read-more {
    background-color: #638577;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    float: right;
    margin: 0 0 10px 4px;
    padding: 8px 28px;
    font-size: 1.4em;
}

.article-inner .read-more::after {
    content: '\e9c9';
    font-family: 'icomoon';
    padding-left: 10px;
}

.article-inner .read-more.up::after {
    content: '\e9ca';
}

.article-inner .full-text {
    transition: height 1s;
    -webkit-transition: height 1s;
    height: auto;
    overflow: hidden;
}

@media (max-width: 768px) {
    .article-inner .full-text {
        clear: both;
    }
}

.article-inner p {
    padding: 0.4% 0;
}

.article-inner figure {
    margin: 0.8% 20px 20px;
}

.article-inner .full-text img[style="float:left"] {
    margin-right: 10px;
}

.article-inner .full-text img[style="float:right"] {
    margin-left: 10px;
}

.article-inner .full-text.collapse {
    height: 0;
    width: 100%;
}

.comments {
    background: url('../img/comments.png') 0 0 no-repeat;
    width: 32px;
    height: 32px;
    margin-left: 2px;
    float: right;
}

.external {
    background: url('../img/external.png') 0 0 no-repeat;
    width: 32px;
    height: 32px;
    margin-left: 2px;
    float: right;
    margin-top: -14px;
}

.printpage {
    background: url(../img/print.png) no-repeat center;
    width: 32px;
    height: 32px;
    margin-left: 2px;
    float: right;
}
.printpage:hover {
    opacity: 0.7;
}
.print-only {
    display: none;
}

.carousel.single {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

.carousel-caption h3 {
    text-align: left;
}

.carousel-caption .comments {
    margin-right: 0;
    margin-top: -14px;
}

img[style="float:left"] { margin-right: 10px; }
img[style="float:right"] { margin-left: 10px; }

.img-list {
    display: flex;
    flex-wrap: wrap;
}
.img-list li img {
    width: 100%;
}
.img-list li {
    margin: 10px;
    width: calc(25% - 20px);
}
@media (max-width: 1024px) {
    .img-list li {
        width: calc(50% - 20px);
    }
}
@media (max-width: 768px) {
    .img-list li {
        width: 100%;
    }
}

/*------ASIDE SETUP--------*/
/*-- MAIN COL --*/
article.main-col {
    float: left;
    max-width: 24%;
    min-width: 20%;
    margin-top: -15px;
    padding: 30px 0 10px 10px;
}

/*--- SIDEBAR ---*/
aside.sidebar {
    float: right;
    width: 73%;
    padding: 6px 0 10px 10px;
}

article.main-col h1 {
    font-size: 120%;
    margin-left: 6px;
}

#article table { width: 100% !important; }

@media (max-width: 1024px) {
    #article .table > thead > tr > th,
    #article .table > tbody > tr > th,
    #article .table > tfoot > tr > th,
    #article .table > thead > tr > td,
    #article .table > tbody > tr > td,
    #article .table > tfoot > tr > td {
        padding: 10px;
    }
}

@media (max-width: 768px) {
    #article .table > thead > tr > th,
    #article .table > tbody > tr > th,
    #article .table > tfoot > tr > th,
    #article .table > thead > tr > td,
    #article .table > tbody > tr > td,
    #article .table > tfoot > tr > td {
        padding: 4px 3px;
    }
}

.dark {
    padding: 15px;
    background: #628577;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
    border: #d77525 2px solid;
}

.bg-light-gray {
    background-color: #eee;
}

.sidemenyer {
    font-size: 120%;
    line-height: 140%;
    color: #fff;
}

.sidemenyer a {
    color: #fff;
    text-decoration: none;
}

.sidemenyer a:hover {
    color: lightgray;
}

.sidemenyer h1 {
    font-size: 160%;
    padding: 20px 0 20px 0;
}

#rederier {
    margin-left: 20px;
}

#rederier table, td, th {
    border: 1px solid #c9c9c9;
}

#rederier td, th {
    text-align: left;
}

#rederier #kolonne1 {
    width: 10%;
}

#rederier #kolonne2 {
    width: 10%;
}

#rederier th {
    background-color: #30415d;
    color: white;
}

#skip {
    width: 100%;
}

#skip {
    border-spacing: 0;
    margin-top: 15px;
    padding-bottom: 50px;
    margin-left: -50px;
}

#skip h1 {
    font-size: 150%;
}

#skip p {
    font-size: 120%;
    line-height: 140%;
    padding-top: 0;
}

#skip img {
    width: 200%;
}

#skip table, td, th {
    border: 1px solid #c9c9c9;

}

#skip th {
    background-color: #30415d;
    height: 30px;
    color: white;
}

#skip td {
    vertical-align: top;
}

#bilde {
    width: 40%;
}

#skipsdata {
    width: 100%;
}

/*---------TABS------------*/
div.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    border: 1px solid #ccc;
    border-top: none;
}

.tabcontent p {
    font-size: 110%;
    line-height: 140%;
}

/*-- For å sette bakgrunn på en av kolonnene --*/
/*-- Endre også evt. h1, p osv for å matche bg fargen --*/
/*-- Sett gjerne denne som en global selector om samme skal brukes flere steder--*/

/*--------END ASIDE---------------*/

footer {
    color: #ffffff;
    background-color: #628577;
    margin: 0 auto;
}

footer p {
    font-size: 110%;
    text-align: center;
}

/*------------Kart STYLING-------------*/

#kart {
    max-width: 90%;
    text-align: center;
    margin: 0 auto;
}

#kart img {

}

#toTop {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: red; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    z-index: 0;
}

#toTop:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}

#sosial-media {
    padding: 2% 0 3% 1%;
}

ul li.highlight { background-color: #FFEEDD; border: 2px solid #C64934; }

.img-box {
    min-height: 200px;
    width: 100%;
    position: relative;
}

.img-box-article {
    min-height: 120px;
    width: 100%;
    position: relative;
}

.img-box-slider {
    min-height: 720px;
    width: 50%;
    position: relative;
    float: left;
    margin-left: 5%;
    margin-top: 20px;
    display: block;
}
.img-box-slider.without {
    width: 90%;
    margin-right: 5%;
}

.img-box img,
.img-box-article img,
.img-box-slider img {
    bottom: 0;
    left: 0;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.img-box-slider img {
    border: 10px solid #ddd;
    border-radius: 4%;
    max-width: calc(100% - 20px);
}

/*--- FLIP ------------*/

.pdf-preview {
    margin: auto;
    width: 100%;
    height: 120px;
    display: block;
}
@media (max-width: 1024px) {
    .pdf-preview {
        height: 80px;
    }
}
@media (max-width: 768px) {
    .pdf-preview {
        height: 130px;
    }
}
@media (max-width: 600px) {
    .pdf-preview {
        height: auto;
    }
}
.pdf-linker {
    height: 100%;
    position: absolute;
    width: 100%;
}
.pdf-viewer {
    height: 80vh;
    width: 95%;
    margin: 20px auto;
    border: 2px solid gray;
    box-shadow: 0 0 5px gray;
}
.carousel-item .pdf-preview {
    height: 80vh;
}
.fullscreen {
    background-color: #333;
}

/*--- MEDIA------------*/

@media (max-width: 1024px) {
    .banner p {
        font-size: 140%;
    }
    .one-fifth {;
        width: 23%;
    }
}

@media (max-width: 768px) {
    h1 {
        font-size: 300%;
    }

    h2 {
        font-size: 150%;
    }

    h3 {
        font-size: 125%;
    }

    .banner p, p {
        font-size: 120%;
    }

    #menu-icon {
        display: inline-block;
    }

    .front {
        margin: 20px;
    }

    nav ul, nav:active ul {
        display: none;
        z-index: 1000;
        position: absolute;
        padding: 0;
        background: #628577;
        right: 0;
        top: 0;
        border: 1px solid #FFF;
        width: 50%;
    }

    nav:hover ul {
        display: block;
    }

    nav li {
        text-align: center;
        width: 100%;
        padding: 10px 0;
    }

    .one-fourth {
        width: 48%;
    }

    .one-fifth {
        width: 48%;
    }

    #breadcrumb {
        display: none;
    }

    ul.grid-nav li {
        display: block;
        margin: 0 0 5px;
    }

    ul.grid-nav li a {
        display: block;
    }

    ul.rig {
        margin-left: 0;
    }

    ul.rig.columns-4 li {
        width: calc(50% - 10px) !important; /* over-ride all li styles */
        margin: 0 0 20px 20px;
    }

    ul.rig.columns-4 li:nth-child(2n - 1) {
        margin-left: 0;
    }

    ul.rig.columns-6 li {
        width: calc(33.33% - 10px) !important; /* over-ride all li styles */
        margin: 0 0 10px 10px;
    }

    ul.rig.columns-6 li:nth-child(3n - 2) {
        margin-left: 0;
    }

    ul.rig-gallery {
        margin-left: 0;
    }

    ul.rig-gallery li {
        width: 33% !important; /* over-ride all li styles */
        margin: 0 0 20px;
    }

    .img-box img,
    .img-box-article img,
    .img-box-slider img {
        position: static;
    }
}

@media (max-width: 600px) {
    .banner p {
        font-size: 100%;
    }
    #logo {
        margin: 0 auto;
    }

    .breadcrumb-container {
        display: none;
    }

    h2 {
        font-size: 130%;
    }

    h3 {
        font-size: 115%;
    }

    p {
        font-size: 110%;
    }

    .one-fourth {
        width: 98%;
    }

    .one-fifth {;
        width: 98%;
    }

    ul.grid-nav li {
        display: block;
        margin: 0 0 5px;
    }

    ul.grid-nav li a {
        display: block;
    }

    ul.rig {
        margin-left: 0;
    }

    ul.rig.columns-4 li {
        width: 100% !important;
        margin: 0 0 20px 0;
        height: auto;
    }

    ul.rig.columns-4 a.link {
        height: auto;
    }

    ul.rig.columns-4 li img {
        height: auto;
        width: 100%;
        position: static;
    }

    ul.rig.columns-4 li img {
        height: auto;
        width: 100%;
        position: static;
    }


    ul.rig.columns-6.gallery li {
        width: 100% !important;
        margin: 0 0 20px 0;
        height: auto;
    }

    ul.rig li img {
        width: 100%;
    }

    ul.rig-gallery {
        margin-left: 0;
    }

    ul.rig-gallery li {
        width: 100% !important; /* over-ride all li styles */
        margin: 0 0 20px;
    }

    article.main-col {
        max-width: 100%;
        min-width: 20%;
        float: none;
    }

    .news-view img {
        height: auto;
        width: 100%;
    }

    /*--- SIDEBAR ---*/
    aside.sidebar {
        width: 100%;
        float: none;
    }

}

#disqus_thread {
    overflow: hidden;
}
#disqus_thread iframe {
    margin-bottom: -40px;
}

th { text-align: left; }
.table{width:100%;max-width:100%;margin-bottom:20px}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td,
.table > tbody > tr > td,.table > tfoot > tr > td{padding:12px 20px;line-height:1.5384616;vertical-align:top;border-top:1px solid #ddd}
.table > thead > tr > th{vertical-align:bottom;border-bottom:1px solid #ddd}
.table > caption + thead > tr:first-child > th,.table > colgroup + thead > tr:first-child > th,.table > thead:first-child > tr:first-child > th,.table > caption + thead > tr:first-child > td,.table > colgroup + thead > tr:first-child > td,.table > thead:first-child > tr:first-child > td{border-top:0}
.table > tbody + tbody{border-top:1px solid #ddd}
.table .table{background-color:#f5f5f5}
.table-condensed > thead > tr > th,.table-condensed > tbody > tr > th,.table-condensed > tfoot > tr > th,.table-condensed > thead > tr > td,.table-condensed > tbody > tr > td,.table-condensed > tfoot > tr > td{padding:8px 20px}
.table-bordered{border:1px solid #ddd}
.table-bordered > thead > tr > th,.table-bordered > tbody > tr > th,.table-bordered > tfoot > tr > th,.table-bordered > thead > tr > td,.table-bordered > tbody > tr > td,.table-bordered > tfoot > tr > td{border:1px solid #ddd}
.table-bordered > thead > tr > th,.table-bordered > thead > tr > td{border-bottom-width:2px}
.table-striped > tbody > tr:nth-of-type(odd){background-color:#fcfcfc}
.table-hover > tbody > tr:hover{background-color:#f8f8f8}
table col[class*="col-"]{position:static;float:none;display:table-column}
table td[class*="col-"],table th[class*="col-"]{position:static;float:none;display:table-cell}
.table > thead > tr > td.active,.table > tbody > tr > td.active,.table > tfoot > tr > td.active,.table > thead > tr > th.active,.table > tbody > tr > th.active,.table > tfoot > tr > th.active,.table > thead > tr.active > td,.table > tbody > tr.active > td,.table > tfoot > tr.active > td,.table > thead > tr.active > th,.table > tbody > tr.active > th,.table > tfoot > tr.active > th{background-color:#f8f8f8}
.table-hover > tbody > tr > td.active:hover,.table-hover > tbody > tr > th.active:hover,.table-hover > tbody > tr.active:hover > td,.table-hover > tbody > tr:hover > .active,.table-hover > tbody > tr.active:hover > th{background-color:#ebebeb}
.table > thead > tr > td.success,.table > tbody > tr > td.success,.table > tfoot > tr > td.success,.table > thead > tr > th.success,.table > tbody > tr > th.success,.table > tfoot > tr > th.success,.table > thead > tr.success > td,.table > tbody > tr.success > td,.table > tfoot > tr.success > td,.table > thead > tr.success > th,.table > tbody > tr.success > th,.table > tfoot > tr.success > th{background-color:#E8F5E9}
.table-hover > tbody > tr > td.success:hover,.table-hover > tbody > tr > th.success:hover,.table-hover > tbody > tr.success:hover > td,.table-hover > tbody > tr:hover > .success,.table-hover > tbody > tr.success:hover > th{background-color:#d6edd8}
.table > thead > tr > td.info,.table > tbody > tr > td.info,.table > tfoot > tr > td.info,.table > thead > tr > th.info,.table > tbody > tr > th.info,.table > tfoot > tr > th.info,.table > thead > tr.info > td,.table > tbody > tr.info > td,.table > tfoot > tr.info > td,.table > thead > tr.info > th,.table > tbody > tr.info > th,.table > tfoot > tr.info > th{background-color:#E0F7FA}
.table-hover > tbody > tr > td.info:hover,.table-hover > tbody > tr > th.info:hover,.table-hover > tbody > tr.info:hover > td,.table-hover > tbody > tr:hover > .info,.table-hover > tbody > tr.info:hover > th{background-color:#caf1f6}
.table > thead > tr > td.warning,.table > tbody > tr > td.warning,.table > tfoot > tr > td.warning,.table > thead > tr > th.warning,.table > tbody > tr > th.warning,.table > tfoot > tr > th.warning,.table > thead > tr.warning > td,.table > tbody > tr.warning > td,.table > tfoot > tr.warning > td,.table > thead > tr.warning > th,.table > tbody > tr.warning > th,.table > tfoot > tr.warning > th{background-color:#FFF3E0}
.table-hover > tbody > tr > td.warning:hover,.table-hover > tbody > tr > th.warning:hover,.table-hover > tbody > tr.warning:hover > td,.table-hover > tbody > tr:hover > .warning,.table-hover > tbody > tr.warning:hover > th{background-color:#ffe9c6}
.table > thead > tr > td.danger,.table > tbody > tr > td.danger,.table > tfoot > tr > td.danger,.table > thead > tr > th.danger,.table > tbody > tr > th.danger,.table > tfoot > tr > th.danger,.table > thead > tr.danger > td,.table > tbody > tr.danger > td,.table > tfoot > tr.danger > td,.table > thead > tr.danger > th,.table > tbody > tr.danger > th,.table > tfoot > tr.danger > th{background-color:#FBE9E7}
.table-hover > tbody > tr > td.danger:hover,.table-hover > tbody > tr > th.danger:hover,.table-hover > tbody > tr.danger:hover > td,.table-hover > tbody > tr:hover > .danger,.table-hover > tbody > tr.danger:hover > th{background-color:#f7d5d1}
.table-responsive{overflow-x:auto;min-height:.01%}
@media screen and (max-width: 768px){
    .table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}
    .table-responsive > .table{margin-bottom:0}
    .table-responsive > .table > thead > tr > th,.table-responsive > .table > tbody > tr > th,.table-responsive > .table > tfoot > tr > th,.table-responsive > .table > thead > tr > td,.table-responsive > .table > tbody > tr > td,.table-responsive > .table > tfoot > tr > td{white-space:nowrap}
    .table-responsive > .table-bordered{border:0}
    .table-responsive > .table-bordered > thead > tr > th:first-child,.table-responsive > .table-bordered > tbody > tr > th:first-child,.table-responsive > .table-bordered > tfoot > tr > th:first-child,.table-responsive > .table-bordered > thead > tr > td:first-child,.table-responsive > .table-bordered > tbody > tr > td:first-child,.table-responsive > .table-bordered > tfoot > tr > td:first-child{border-left:0}
    .table-responsive > .table-bordered > thead > tr > th:last-child,.table-responsive > .table-bordered > tbody > tr > th:last-child,.table-responsive > .table-bordered > tfoot > tr > th:last-child,.table-responsive > .table-bordered > thead > tr > td:last-child,.table-responsive > .table-bordered > tbody > tr > td:last-child,.table-responsive > .table-bordered > tfoot > tr > td:last-child{border-right:0}
    .table-responsive > .table-bordered > tbody > tr:last-child > th,.table-responsive > .table-bordered > tfoot > tr:last-child > th,.table-responsive > .table-bordered > tbody > tr:last-child > td,.table-responsive > .table-bordered > tfoot > tr:last-child > td{border-bottom:0}
}

.datatable-header {
    border-bottom: 1px solid #ddd;
}
.datatable-header, .datatable-footer {
    padding: 10px 10px 0;
}
.datatable-header:after, .datatable-footer:after {
    content: "";
    display: table;
    clear: both;
}
.dataTable th {
    position: relative;
}
.dataTables_paginate {
    margin: 0 0 10px 20px;
}


.bootstrap-select {
    position: relative;
}

.bs-searchbox .form-control {
    width: 92% !important;
}

.bootstrap-select .dropdown-menu {
    max-width: 100%;
}

.bootstrap-select button {
    height: 40px;
    padding: 0 10px;
}

table.dataTable thead th, table.dataTable thead td {
    border-color: #ddd;
}

select.bs-select-hidden,.bootstrap-select > select.bs-select-hidden,select.selectpicker{display:none!important}
.bootstrap-select{width:220px \0}
.bootstrap-select > .dropdown-toggle{position:relative;width:100%;z-index:1;text-align:right;white-space:nowrap}
.bootstrap-select > .dropdown-toggle.bs-placeholder,.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,.bootstrap-select > .dropdown-toggle.bs-placeholder:active{color:#999}
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary,.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary,.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success,.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger,.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info,.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark,.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover,.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover,.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover,.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover,.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover,.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover,.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus,.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus,.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus,.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus,.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus,.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus,.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active,.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active,.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active,.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active,.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active,.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active{color:rgba(255,255,255,0.5)}
.bootstrap-select > select{position:absolute!important;bottom:0;left:100%;display:block!important;width:.5px!important;height:100%!important;padding:0!important;opacity:0!important;border:none}
.bootstrap-select > select.mobile-device{top:0;left:0;display:block!important;width:100%!important;z-index:2}
.has-error .bootstrap-select .dropdown-toggle,.error .bootstrap-select .dropdown-toggle,.bootstrap-select.is-invalid .dropdown-toggle,.was-validated .bootstrap-select .selectpicker:invalid + .dropdown-toggle{border-color:#b94a48}
.bootstrap-select.is-valid .dropdown-toggle,.was-validated .bootstrap-select .selectpicker:valid + .dropdown-toggle{border-color:#28a745}
.bootstrap-select.fit-width{width:auto!important}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:220px}
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle,.bootstrap-select .dropdown-toggle:focus{outline:thin dotted #333333!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}
.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none}:not(.input-group) > .bootstrap-select.form-control:not([class*="col-"]){width:100%}
.bootstrap-select.form-control.input-group-btn{z-index:auto}
.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn{border-radius:0}
.bootstrap-select:not(.input-group-btn),.bootstrap-select[class*="col-"]{float:none;display:inline-block;margin-left:0}
.bootstrap-select.dropdown-menu-right,.bootstrap-select[class*="col-"].dropdown-menu-right,.row .bootstrap-select[class*="col-"].dropdown-menu-right{float:right}
.form-inline .bootstrap-select,.form-horizontal .bootstrap-select,.form-group .bootstrap-select{margin-bottom:0}
.form-group-lg .bootstrap-select.form-control,.form-group-sm .bootstrap-select.form-control{padding:0}
.form-group-lg .bootstrap-select.form-control .dropdown-toggle,.form-group-sm .bootstrap-select.form-control .dropdown-toggle{height:100%;font-size:inherit;line-height:inherit;border-radius:inherit}
.bootstrap-select.form-control-sm .dropdown-toggle,.bootstrap-select.form-control-lg .dropdown-toggle{font-size:inherit;line-height:inherit;border-radius:inherit}
.bootstrap-select.form-control-sm .dropdown-toggle{padding:.25rem .5rem}
.bootstrap-select.form-control-lg .dropdown-toggle{padding:.5rem 1rem}
.form-inline .bootstrap-select .form-control{width:100%}
.bootstrap-select.disabled,.bootstrap-select > .disabled{cursor:not-allowed}
.bootstrap-select.disabled:focus,.bootstrap-select > .disabled:focus{outline:none!important}
.bootstrap-select.bs-container{position:absolute;top:0;left:0;height:0!important;padding:0!important}
.bootstrap-select.bs-container .dropdown-menu{z-index:1060}
.bootstrap-select .dropdown-toggle:before{content:'';display:inline-block}
.bootstrap-select .dropdown-toggle .filter-option{position:absolute;top:26%;left:5px;height:100%;width:calc(100% - 10px);text-align:left;padding:inherit}
.bootstrap-select .dropdown-toggle .filter-option-inner{padding-right:inherit}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner{overflow:hidden}
.bootstrap-select .dropdown-toggle .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}
.input-group .bootstrap-select.form-control .dropdown-toggle{border-radius:inherit}
.bootstrap-select[class*="col-"] .dropdown-toggle{width:100%}
.bootstrap-select .dropdown-menu{min-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.bootstrap-select .dropdown-menu > .inner:focus{outline:none!important}
.bootstrap-select .dropdown-menu.inner{position:static;float:none;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}
.bootstrap-select .dropdown-menu li{position:relative}
.bootstrap-select .dropdown-menu li.active small{color:rgba(255,255,255,0.5)!important}
.bootstrap-select .dropdown-menu li.disabled a{cursor:not-allowed}
.bootstrap-select .dropdown-menu li a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.bootstrap-select .dropdown-menu li a.opt{position:relative;padding-left:2.25em}
.bootstrap-select .dropdown-menu li a span.check-mark{display:none}
.bootstrap-select .dropdown-menu li a span.text{display:inline-block}
.bootstrap-select .dropdown-menu li small{padding-left:.5em}
.bootstrap-select .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);pointer-events:none;opacity:.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.bootstrap-select .no-results{padding:3px;background:#f5f5f5;margin:0 5px;white-space:nowrap}
.bootstrap-select.fit-width .dropdown-toggle .filter-option{position:static;display:inline;padding:0}
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner,.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner{display:inline}
.bootstrap-select.fit-width .dropdown-toggle .caret{position:static;top:auto;margin-top:-1px}
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{position:absolute;display:inline-block;right:15px;top:5px}
.bootstrap-select.show-tick .dropdown-menu li a span.text{margin-right:34px}
.bootstrap-select .bs-ok-default:after{content:'';display:block;width:.5em;height:1em;border-style:solid;border-width:0 .26em .26em 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle,.bootstrap-select.show-menu-arrow.show > .dropdown-toggle{z-index:1061}
.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(204,204,204,0.2);position:absolute;bottom:-4px;left:9px;display:none}
.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white;position:absolute;bottom:-4px;left:10px;display:none}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before{bottom:auto;top:-4px;border-top:7px solid rgba(204,204,204,0.2);border-bottom:0}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after{bottom:auto;top:-4px;border-top:6px solid white;border-bottom:0}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before{right:12px;left:auto}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after{right:13px;left:auto}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before,.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:before,.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after,.bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after{display:block}
.bs-searchbox,.bs-actionsbox,.bs-donebutton{padding:4px 8px}
.bs-actionsbox{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.bs-actionsbox .btn-group button{width:50%}
.bs-donebutton{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.bs-donebutton .btn-group button{width:100%}
.bs-searchbox + .bs-actionsbox{padding:0 8px 4px}
.bs-searchbox .form-control{margin-bottom:0;width:100%;float:none}

.searchinput {
    border: none;
    font-size: 1em;
    font-weight: normal;
    height: 50px;
    width: 100%;
}

.searchclear {
    position: absolute;
    right: 10px;
    top: 14px;
    height: 18px;
    cursor: pointer;
    color: #f55;
    width: 18px;
}
.searchclear:after {
    content: "\ed6b";
    font-family: 'icomoon';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*
.multiselect-container{position:absolute;list-style-type:none;margin:0;padding:0}
.multiselect-container .input-group{margin:5px}
.multiselect-container>li{padding:0}
.multiselect-container>li>a.multiselect-all label{font-weight:700}
.multiselect-container>li.multiselect-group label{margin:0;padding:3px 20px 3px 20px;height:100%;font-weight:700}
.multiselect-container>li.multiselect-group-clickable label{cursor:pointer}
.multiselect-container>li>a{padding:0}
.multiselect-container>li>a>label{margin:0;height:100%;cursor:pointer;font-weight:400;padding:3px 20px 3px 40px}
.multiselect-container>li>a>label.radio,.multiselect-container>li>a>label.checkbox{margin:0}
.multiselect-container>li>a>label>input[type=checkbox]{margin-bottom:5px}
.btn-group>.btn-group:nth-child(2)>.multiselect.btn{border-top-left-radius:4px;border-bottom-left-radius:4px}
.form-inline .multiselect-container label.checkbox,.form-inline .multiselect-container label.radio{padding:3px 20px 3px 40px}
.form-inline .multiselect-container li a label.checkbox input[type=checkbox],.form-inline .multiselect-container li a label.radio input[type=radio]{margin-left:-20px;margin-right:0}

 */

#mc_embed_signup{
    background:#fff;
    clear:left;
    font:14px Helvetica,Arial,sans-serif;
    width: 100%;
}