/***************** variables *********************/








html, body {background-color: #fff; font-family: "futura-pt", Arial, Sans-serif; font-size: 16px; line-height: 25px; letter-spacing: .3px; font-weight: 400; color: #000066; overflow-x: hidden;} 

img {border: 0; max-width: 100%; vertical-align: middle !important;}
.block-section:not(.bg-news-cover) img {border-radius:30px;}

/***************** paragraphs *******************/

h1 {font-family: "adobe-caslon-pro", Times, Serif; margin: 0; padding: 0; color: #000066; font-size: 70px; line-height: 80px;}
h2 {font-family: "adobe-caslon-pro", Times, Serif; margin: 0; padding: 0; color: #000066; font-size: 50px; line-height: 60px;}
h3 {font-family: "adobe-caslon-pro", Times, Serif; margin: 0; padding: 0; color: #000066; font-size: 35px; line-height: 45px;}
h4 {font-family: "adobe-caslon-pro", Times, Serif; margin: 0; padding: 0; color: #000066; font-size: 25px; line-height: 45px;}
h5 {font-family: "adobe-caslon-pro", Times, Serif; margin: 0; padding: 0; color: #000066; font-size: 20px; line-height: 35px;}
h6 {margin: 0; padding: 0; color: #000066; font-size: 14px; line-height: 25px; font-weight: 600; letter-spacing: 3px; text-transform: uppercase;}

p {margin: 0; padding: 0;}

a {text-decoration: none; border-bottom: 2px solid #e6e6e6 /* 10% Black */; color: #000066; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
a:hover {color: #000066; border-bottom: 2px solid #cc0033; text-decoration: none;}

a img {border: none !important; opacity: 1; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
a img:hover {opacity: .8;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {border: none !important; color: #000066;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #cc0033;}

strong {font-weight: 700;} 

h1 strong {font-weight: 400; text-transform: uppercase; letter-spacing: 5px;}

h4 strong {padding: 60px 15px 0 0; font-weight: 400; font-size: 95px; line-height: 0; font-style: normal; display: inline-block; float: left;}

blockquote {font-style: normal; padding: 0;}

::-moz-selection {color: #fff; background: #cc0033;}
::selection {color: #fff; background: #cc0033;}

hr {width: 100%; margin: 60px 0 30px 0; height: 2px; background-color: #f0f0f0 /* 5% Black */; color: #f0f0f0 /* 5% Black */; border: 0;}

.spacer {height: 20px;}

/***************** buttons *********************/

.btn {white-space: normal; border: none !important; font-size: 14px; letter-spacing: 3px; font-weight: 600; text-transform: uppercase; padding: 20px 0; text-align: center; border-radius: 30px; font-style: normal; display: block; margin: 30px 0 0 0; text-decoration: none;}
.btn:after {content: "\00BB"; font-size: 20px; line-height: 0; padding: 0 0 0 10px; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
.btn:hover, .btn:active, .btn:focus {outline: none !important; border: none !important; outline-style: none !important; box-shadow: none !important; border-color: transparent !important;}

.btn-primary {background-color: #cc0033 !important; color: #fff !important;}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {background: #000066 !important; color: #fff !important;}

.btn-info {padding: 0 !important; background: transparent; color: #000066; display: inline-block;}
.btn-info:hover, .btn-info:active, .btn-info:focus {color: #cc0033 !important; background: transparent !important;}
.btn-info:hover:after {padding: 0 0 0 20px;}
.btn-info.btn-back {transition:.3s all; margin-bottom:2rem; margin-top: 0; border-bottom: 1px solid !important; border-radius: 0; width: 100%; text-align: left; padding-left:1.5rem !important; padding-bottom: 1rem !important;}
.btn-info.btn-back:hover {padding-left:2rem !important; }
.btn.btn-info.btn-back::after { position: absolute; transform: scale(-1); left: 1rem; top: .8rem;}

.btn-success {background-color: #000066 !important; color: #fff !important;}
.btn-success:hover, .btn-success:active, .btn-success:focus {background-color: #000066 !important; color: #cc0033 !important;}

.btn-warning {background-color: transparent !important; color: #000066 !important; border: 2px solid #000066 !important; padding: 18px 0;}
.btn-warning:hover, .btn-warning:active, .btn-warning:focus {background-color: #000066 !important; border: 2px solid #000066 !important; color: #fff !important;}

.btn-danger {background-color: #fff !important; color: #cc0033 !important;}
.btn-danger:hover, .btn-danger:active, .btn-danger:focus {background-color: #cc0033 !important; color: #fff !important;}

/***************** borders *********************/

.border, .border-top, .border-bottom, .border-left, .border-right {border-width: 2px;}

.border-col .block-columns .__col {border-width: 2px; border-style: solid;}
.border-top-col .block-columns .__col {border-top-width: 2px; border-top-style: solid;}
.border-bottom-col .block-columns .__col {border-bottom-width: 2px; border-bottom-style: solid;}
.border-left-col .block-columns .__col {border-left-width: 2px; border-left-style: solid;}
.border-right-col .block-columns .__col {border-right-width: 2px; border-right-style: solid;}

.border-left-col .block-columns .__col:first-child {border: none;}
.border-right-col .block-columns .__col:last-child {border: none;}

.border-primary {border-color: #cc0033 !important;}

.border-dark {border-color: #000066;}
.border-light {border-color: #fff;}

.border-custom1 {border-color: #4d4d4d /* 70% Black */;}
.border-custom2 {border-color: #999 /* 40% Black */;}
.border-custom3 {border-color: #b3b3b3 /* 30% Black */;}
.border-custom4 {border-color: #ccc /* 20% Black */;}
.border-custom5 {border-color: #e6e6e6 /* 10% Black */;}
.border-custom6 {border-color: #f0f0f0 /* 5% Black */;}

.border-primary-col .block-columns .__col {border-color: #cc0033;}

.border-dark-col .block-columns .__col {border-color: #000066;}
.border-light-col .block-columns .__col {border-color: #fff;}

.border-custom1-col .block-columns .__col {border-color: #4d4d4d /* 70% Black */;}
.border-custom2-col .block-columns .__col {border-color: #999 /* 40% Black */;}
.border-custom3-col .block-columns .__col {border-color: #b3b3b3 /* 30% Black */;}
.border-custom4-col .block-columns .__col {border-color: #ccc /* 20% Black */;}
.border-custom5-col .block-columns .__col {border-color: #e6e6e6 /* 10% Black */;}
.border-custom6-col .block-columns .__col {border-color: #f0f0f0 /* 5% Black */;}

table, tbody, tr, td {border: none;}

/***************** utilities *********************/

.block-list-group {margin: 30px 0 0 0;}
.block-list-group .list-group-item {background-color: transparent; padding: 15px 30px; border: 1px solid #000066; border-bottom: none; border-radius: 0; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
.block-list-group .list-group-item:last-child {border-bottom: 1px solid #000066;}
.block-list-group .list-group-item:hover {background: #f0f0f0 /* 5% Black */;}
.block-list-group .list-group-item p {margin: 0 !important; font-family: "adobe-caslon-pro", Times, Serif; font-size: 20px; line-height: 30px;}
.block-list-group .list-group-item strong {font-family: "futura-pt", Arial, Sans-serif; font-size: 16px; font-weight: 600; letter-spacing: 2px; font-style: normal; text-transform: uppercase; float: right;}

.block-list-group.accordion .card {padding: 0; border: none; border-radius: 0; background: #f0f0f0 /* 5% Black */; margin-bottom: 5px; -webkit-box-shadow: 0 0 0 rgba(0,0,0,0); box-shadow: 0 0 0 rgba(0,0,0,0); moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
.block-list-group.accordion .card:last-child {margin: 0;}
.block-list-group.accordion .card:hover {background: #fff;}
.block-list-group.accordion .card .card-header {padding: 0; border: none; background: transparent;}
.block-list-group.accordion .card .card-header h5 {margin: 0 !important;}
.block-list-group.accordion .card .card-header h5 .btn {padding: 20px 30px 15px 30px; width: 100%; text-align: left; margin: 0; font-style: normal; text-transform: none; font-size: 25px; line-height: 45px; font-weight: 400; letter-spacing: .3px; color: #000066; display: block; border: none; text-decoration: none;}
.block-list-group.accordion .card .card-header h5 .btn:after {content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: 900; float: right; font-size: inherit !important; padding: 20px 0 15px 0;}
.block-list-group.accordion .card .card-body {padding: 0 30px 20px 30px;}
.block-list-group.accordion .card .card-body p {margin: 0 !important;}

.block-list-group.tabs .nav-tabs {border: none; display: flex; flex-wrap: wrap;}
.block-list-group.tabs .nav-tabs .nav-item {background: #fff;}
.block-list-group.tabs .nav-tabs .nav-item .nav-link {padding: 20px 30px; border: none; background: transparent; margin: 0; border-radius: 0; color: #999 /* 40% Black */; font-weight: 700;}
.block-list-group.tabs .nav-tabs .nav-item.active {background: #f0f0f0 /* 5% Black */;}
.block-list-group.tabs .nav-tabs .nav-item.active .nav-link {color: #000066;}
.block-list-group.tabs .nav-tabs .nav-item:hover .nav-link {color: #cc0033;}
.block-list-group.tabs .nav-tabs .nav-item:before {display: none;}
.block-list-group.tabs .tab-content {padding: 40px 60px; border: none; background: #f0f0f0 /* 5% Black */;}
.block-list-group.tabs .tab-content p {margin: 0 !important;}

.news {margin: 0;}
.news .list-group-item {margin: 30px 0 0 0; padding: 40px 60px; border: 2px solid #f0f0f0 /* 5% Black */ !important; border-radius: 0; background: transparent;}
.news .list-group-item:hover {background: #f0f0f0 /* 5% Black */;}
.news .list-group-item .list-date {margin: 0; padding: 0; color: #b3b3b3 /* 30% Black */; font-size: .75rem; line-height: 1.9; letter-spacing: 3px; text-transform: uppercase;}
.news .list-group-item .list-header {font-size: 2rem; line-height: 1.4;}
.news .list-group-item .list-content {margin: 30px 0 0 0;}
.pager {margin: 0; width: 100%; justify-content: center; border-radius: 0;}
.pager li {margin: 0;}
.pager li:before {display: none;}
.pager li a {display: inline-block; padding: 0; font-size: 1px; margin: 0 10px !important; color: #ccc /* 20% Black */; background: #ccc /* 20% Black */; border: none; width: 16px; height: 16px; border-radius: 8px !important;}
.pager li a:hover, .pager li a.active {background: #cc0033; color: #cc0033;}

.block-gallery .gallery .gallery-item {margin-bottom: 0;}
.block-gallery .gallery .gallery-item .image-container {margin-bottom: 0;}
.block-gallery .gallery .gallery-item .image-container a {border: none !important;}
.block-gallery .gallery li:before {display: none;}

/*#block-gallery-modal .caption-container {position: relative; right: auto; bottom: 0; left: 0; padding: 30px; width: 100%; color: #fff; text-align: left; background: #000066; text-shadow: 0 0 0 rgba(0,0,0,0);}*/
/*#block-gallery-modal h3 {font-size: 2rem; line-height: 1.4; color: #fff;}*/
/*#block-gallery-modal p {font-size: .75rem; letter-spacing: 3px; text-transform: uppercase; color: #fff; padding: 10px 0 0 0 !important;}*/
/*#block-gallery-modal a.controls, #block-gallery-modal a.controls:visited, #block-gallery-modal a.controls:active, #block-gallery-modal a.controls:hover {text-shadow: 0 0 0 rgba(0,0,0,0); filter: alpha(opacity=0); border: none;}*/

#block-gallery-modal {inset:0; height:100vh !important; overflow:hidden !important;}
#block-gallery-modal a.controls {border:none; text-decoration:none; top:5rem !important; bottom:5rem !important; height:auto !important;}
#block-gallery-modal .modal-dialog {height: 100%; width: 100%; max-height: 100vh; max-width: 100vw; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) !important; margin: 0;}
#block-gallery-modal .modal-body, #block-gallery-modal .modal-content {height: 100%; background:transparent; border:none;}
#block-gallery-modal img {height: 100%; object-fit: contain; background:rgba(0,0,0,0.8);}
#block-gallery-modal .caption-container {position:absolute; z-index:100; text-align:left; font-size:0; transition:.3s all; inset:auto 0 -1px 0; display: flex; align-items: flex-start; padding: 2rem; flex-direction: column; background-color: rgba(0,0,0,0.8);  opacity:1; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); }
#block-gallery-modal img:hover ~ .caption-container {opacity:.2; }
#block-gallery-modal .caption-container h3 {color:white; font-size:1.5rem !important; margin-bottom:5px;} #block-gallery-modal .caption-container p {font-size:1rem !important;}
#block-gallery-modal .caption-container.hidden {display:none;}
#block-gallery-modal .control-close {right:3rem; top:3rem;}

.block-gallery .carousel {margin-top: 30px !important;}
.block-gallery .carousel .carousel-control-next, .block-gallery .carousel .carousel-control-prev {border: none !important;}
.block-gallery .carousel .carousel-control {width: auto; padding: 0 50px; text-shadow: 0 0 0 rgba(0,0,0,0); border: none !important;}
.block-gallery .carousel .carousel-indicators li {margin: 0 10px; background: transparent; opacity: 1; border: 2px solid #fff; width: 16px; height: 16px; border-radius: 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.block-gallery .carousel .carousel-indicators li.active {background: #fff;}
.block-gallery .carousel .carousel-caption {left: 0; top: auto; bottom: 0; right: auto; width: 800px; margin: 0; padding: 50px; background: rgba(0,0,0,0);}
.block-gallery .carousel .carousel-caption > h3 {padding: 0; color: #fff; font-size: 2rem; line-height: 1.4; text-shadow: 0 0 0 transparent; margin-bottom: 0;}
.block-gallery .carousel .carousel-caption > p {margin: 0; padding: 10px 0 0 0; color: #fff; font-size: .75rem; letter-spacing: 3px; text-transform: uppercase; text-shadow: 0 0 0 transparent;}
.block-gallery .carousel .carousel-caption > .btn {margin: 20px 0 0 0;}

/***************** cookies *********************/

.cookies-container {width: 100%; margin: 0; border-radius: 0; text-align: center; padding: 50px; position: fixed; bottom: 0; z-index: 250;}
.cookies-container p {font-family: "adobe-caslon-pro", Times, Serif; font-size: 1.6rem; line-height: 1.6;}
.cookies-container a.control-accept-cookies {padding: 0 0 0 10px; border: none !important;}
.cookies-container a.control-accept-cookies:before {content: "\00BB"; padding: 0 20px 0 0; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
.cookies-container a.control-accept-cookies:hover:before{ padding: 0 30px 0 0;}

/***************** menu *********************/

.navbar {height: 130px; padding: 0; background-color: #fff; z-index: 700 !important; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
.navbar a {border: none; padding: 0; text-transform: none;}
.navbar .navbar-brand img {width: 140px; opacity: 1 !important;}
.navbar .navbar-toggler {font-size: 2.5rem; color: #cc0033;}
.navbar .navbar-nav .nav-link {margin: 40px 30px 0 30px; padding: 0; color: #b3b3b3 /* 30% Black */; text-transform: uppercase; letter-spacing: 2px; font-weight: 700;}
.navbar .navbar-nav .nav-link:hover {color: #cc0033 !important;}
.navbar .navbar-nav .nav-item.parent .nav-link, .navbar .navbar-nav .nav-item.active .nav-link, .navbar .navbar-nav .nav-item.parent .nav-link {border-bottom: 3px solid #cc0033; color: #000066;}
.navbar .navbar-nav .has_childs .nav-link:after {content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: 900; padding: 0 0 0 10px; border: none; margin: 0; vertical-align: baseline;}
.navbar .navbar-nav .has_childs.show .nav-link:after {content: "\f106"; transform: rotate(0);}

.navbar .navbar-nav .dropdown-menu li a:after, .navbar .navbar-nav .nav-item.active .dropdown-menu .nav-link:after {display: none;}
.navbar .navbar-nav .dropdown-menu {min-width: 0; left: 30px; padding: 10px 0 0 0;}
.navbar .navbar-nav .dropdown-menu .nav-item:last-child .nav-link, .navbar .navbar-nav .dropdown-menu .nav-link, .navbar-nav .nav-item.active .dropdown-menu .nav-link, .navbar-nav .nav-item.parent .dropdown-menu .nav-link {font-family: "futura-pt", Arial, Sans-serif; border: none !important; font-size: 1rem; border-radius: 0 !important; text-transform: none; background: #fff; border-left: 2px solid #f0f0f0 /* 5% Black */ !important; white-space: nowrap; color: #000066 !important; font-weight: 400; padding: 15px 30px; margin: 0;}
.navbar .navbar-nav .dropdown-menu .nav-item:last-child.active .nav-link, .navbar .navbar-nav .dropdown-menu .nav-item.active .nav-link, .navbar .navbar-nav .dropdown-menu .nav-item.parent .nav-link {background: #fff; color: #cc0033 !important; border: none !important; border-left: 2px solid #cc0033 !important;}
.navbar .navbar-nav .dropdown-menu .nav-item:last-child .nav-link:hover, .navbar .navbar-nav .dropdown-menu .nav-link:hover, .navbar-nav .nav-item.active .dropdown-menu .nav-link:hover, .navbar-nav .nav-item.parent .dropdown-menu .nav-link:hover {background: #f0f0f0 /* 5% Black */; color: #000066 !important; border: none !important; border-left: 2px solid #f0f0f0 /* 5% Black */ !important;}

.navbar-nav .nav-level3 {margin-left: calc(100% - 30px); column-count: 2; column-gap: 0; margin-top: -55px; padding: 0 !important; background-color: #fff;}

.navbar.navbar-start {background-color: transparent;}
.navbar.navbar-start .navbar-nav .nav-link, .navbar.navbar-start .navbar-toggler {color: #fff;}
.navbar.navbar-start .navbar-nav .nav-item.active .nav-link {border-color: #fff;}


/***************** main *********************/

.container {max-width: 1400px; padding: 0;}
.container-fluid {padding: 0;}

.block-section > .block-section-container {padding: 0; width: 1400px;}
.block-section .block-section-container .block-columns .block-section-container {width: auto;}
.block-section {width: 100%; max-width: 100%; position: relative; padding: 100px 0 130px 0;}

.block-section.narrow .block-section-container {width: 1000px;}

.block-section.no-top {padding-top: 0 !important;}
.block-section.no-bottom {padding-bottom: 0 !important;}

.block-section.bg-image {background-position: center center; background-repeat: no-repeat;}
.block-section.bg-bottom {background-position: center bottom;}
.block-section.bg-top {background-position: center top;}
.block-section.bg-center {-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}

.block-section.d-flex-col .block-columns {display: flex !important;}
.block-section.d-flex-col .block-columns .block-section {height: 100%;}

.block-section.xs-box, .block-section.sm-box, .block-section.md-box, .block-section.lg-box {border: 10px solid #fff;}

.block-section.xs-box .block-columns .block-section {padding: 0 15px 30px 15px; border: 10px solid #fff;}
.block-section.sm-box .block-columns .block-section {padding: 50px 50px 80px 50px; border: 10px solid #fff;}
.block-section.md-box .block-columns .block-section {padding: 100px 100px 130px 100px; border: 10px solid #fff;}
.block-section.lg-box .block-columns .block-section {padding: 200px 200px 230px 200px; border: 10px solid #fff;}

.block-columns .block-section {padding: 0; margin: 0 !important;}

.full-width-all .row, .full-width-all .__content, .full-width-all .__col {margin: 0; padding: 0;}

main p, main img, main iframe {margin: 25px 0 0 0;}
main h1, main h2, main h3, main h4, main h5, main h6 {margin: 30px 0 0 0;}

main ul {margin: 20px 0 0 0; padding: 0; list-style: none;}
main ul li {margin: 5px 0;}
main ul li:before {content: "\f0da"; font-family: "Font Awesome 5 Free"; font-weight: 900; padding: 0 10px 0 0; color: #cc0033;}

main .oppettider ul li {font-family: "adobe-caslon-pro", Times, Serif; font-size: 20px; line-height: 30px; padding: 5px 0 0 0; border-bottom: 1px solid #e6e6e6 /* 10% Black */;}
main .oppettider ul li:before {display: none;}
main .oppettider ul li:last-child {border: none;}
main .oppettider ul li strong {font-family: "futura-pt", Arial, Sans-serif; font-size: 16px; font-weight: 600; letter-spacing: 2px; font-style: normal; text-transform: uppercase; float: right;}

.w-10 {width: 10%;}
.w-15 {width: 15%;}

.vh-5 {height: 5vh !important;}
.vh-10 {height: 10vh !important;}
.vh-15 {height: 15vh !important;}
.vh-20 {height: 20vh !important;}
.vh-25 {height: 25vh !important;}
.vh-30 {height: 30vh !important;}
.vh-35 {height: 35vh !important;}
.vh-40 {height: 40vh !important;}
.vh-45 {height: 45vh !important;}
.vh-50 {height: 50vh !important;}
.vh-55 {height: 55vh !important;}
.vh-60 {height: 60vh !important;}
.vh-65 {height: 65vh !important;}
.vh-70 {height: 70vh !important;}
.vh-75 {height: 75vh !important;}
.vh-80 {height: 80vh !important;}
.vh-85 {height: 85vh !important;}
.vh-90 {height: 90vh !important;}
.vh-95 {height: 95vh !important;}
.vh-100 {height: 100vh !important;}

.m0 h1, .m0 h2, .m0 h3, .m0 h4, .m0 h5, .m0 p, .m0 img {margin: 0 !important;}
.m10 h1, .m10 h2, .m10 h3, .m10 h4, .m10 h5, .m10 p, .m10 img {margin-top: 10px !important;}

.main-slider .block-section-container, .main-slider .block-gallery, .main-slider .__content, .main-slider .carousel, .main-slider .carousel-inner, .main-slider .item {height: 100%;}
.main-slider .carousel-item img {padding: 0; width: 100%; height: 100%; object-fit: cover;}
.main-slider .block-gallery .carousel {margin: 0 !important;}
.main-slider .block-gallery .carousel .carousel-control {padding: 0 100px;}
.main-slider .block-gallery .carousel .carousel-caption > h3 {font-size: 4rem; line-height: 1.3;}
.main-slider .block-gallery .carousel .carousel-caption {padding: 100px;}

.map-container .block-section-container, .map-container .row, .map-container .__content {height: 100%;}
.map-container iframe {opacity: .5; width: 100%; height: 100%; margin: 0 !important; -webkit-filter: grayscale(1); filter: grayscale(1); moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
.map-container iframe:hover {opacity: 1;}

.top-bar {width: 100%; padding: 0; margin: 0; background-color: #f0f0f0 /* 5% Black */;}
.top-bar ul.top {list-style: none; padding: 0; margin: 0;}
.top-bar ul.top li {font-size: 10px; text-transform: uppercase; letter-spacing: 2px; font-weight: 600; border-right: 1px solid #fff; float: left;}
.top-bar ul.top li.phone {padding: 10px 20px; background-color: #cc0033; color: #fff;}
.top-bar ul.top li:last-child {border: none;}
.top-bar ul.top li a {border: none !important; color: #b3b3b3 /* 30% Black */; padding: 10px 20px; display: block;}
.top-bar ul.top li a:hover {background-color: #e6e6e6 /* 10% Black */; color: #000066;}

#video-wrapper {position: absolute; left: 0; top: 0; width: 100% !important; height: 100% !important; overflow: hidden; z-index: 0;}
#bgvid {width: 100% !important; height: 100% !important;  object-fit: cover; overflow: hidden;}
.start .block-button {width: 50%; float: left; margin: 0 !important;}
.start .block-button .__content {padding: 0 !important;}
.start .btn {border-radius: 30px 0 0 0;}
.start .btn-success {border-radius: 0 30px 0 0 !important;}
.start .btn:hover {background-color: #fff !important; color: #cc0033 !important;}

.block-section.start-box, .block-section.start-box .block-columns .block-section {border: 10px solid #fff;}
.block-section.start-box .block-columns .block-section .block-section-container {padding: 130px 100px 160px 100px; height: 100%; border-top: 4px solid #e6e6e6 /* 10% Black */; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
.block-section.start-box .block-columns .block-section .block-section-container:hover {border-color: #cc0033;}
.block-section.start-box .block-columns .block-section.bild .block-section-container {border: none !important;}

.block-section.bilder, .block-section.bilder .block-columns .block-section {border: 10px solid #fff;}
.block-section.bilder .block-columns .block-section .block-section-container img {height: 500px; width: 100%; object-fit: cover; margin: 0 !important;}

.produkter .btn-info {margin-top: 50px;}
.produkter h4 {border-bottom: 1px solid #e6e6e6 /* 10% Black */; line-height: 1.05; margin-top: 20px; padding-bottom: 12px; float: left; width: 100%;}
.produkter h4 strong {font-family: "futura-pt", Arial, Sans-serif; color: #cc0033; font-size: 14px; line-height: 25px; font-weight: 600; letter-spacing: 2px; font-style: normal; text-transform: uppercase; padding: 0; float: right;}
.produkter p {margin-top: 15px;}
.produkter a {border: none !important;}
.produkter img {border: 1px solid #e6e6e6 /* 10% Black */ !important; height: 250px; width: 100% !important; object-fit: cover;}

.recept .btn-info {margin-top: 15px;}
.recept h5 {border-bottom: 1px solid #e6e6e6 /* 10% Black */; line-height: 1; margin-top: 20px; padding-bottom: 12px; float: left; width: 100%;}
.recept p {margin-top: 15px;}
.recept img {border: 1px solid #e6e6e6 /* 10% Black */ !important; height: 200px; width: 100%; object-fit: cover;}

.personal h3 {margin-top: 25px; line-height: 1;}
.personal p {margin-top: 15px;}
.personal h6 {border-bottom: 1px solid #e6e6e6 /* 10% Black */; margin-top: 0; font-weight: 400; padding-bottom: 10px; float: left; width: 100%;}
.personal img {border-bottom: 2px solid #cc0033 !important; height: 300px; width: 100%; object-fit: cover;}

.tidslinje hr {margin: 20px 0 0 0 !important; height: 1px !important;}

.khl {margin: 0 20px; width: calc(100% - 40px); padding: 130px 0; border-top: 4px solid #e6e6e6 /* 10% Black */; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
.khl:hover {border-color: #cc0033;}
.khl h4 {margin: 0 !important;}
.khl img {width: 230px; margin: 0 !important;}
.khl .__col:first-child {padding-right: 75px; border-right: 2px solid #e6e6e6 /* 10% Black */;}
.khl .__col:last-child {padding-left: 75px;}

.block-section .block-columns .block-section.page-slider {padding: 0 !important; height: 100%;}
.page-slider .block-section-container, .page-slider .block-gallery, .page-slider .__content, .page-slider .carousel, .page-slider .carousel-inner, .page-slider .item {height: 100%;}
.page-slider .block-gallery .carousel .carousel-caption {display: none !important;}
.page-slider .carousel-item img {margin: 0; width: 100%; background-color: #fff;}
.page-slider .block-gallery .carousel {margin: 0 !important;}

.puffar h3 {border-bottom: 1px solid #e6e6e6 /* 10% Black */; line-height: 1; margin-top: 25px; padding-bottom: 10px; float: left; width: 100%;}
.puffar .block-columns .block-section .block-section-container {height: 100%; display: flex; flex-direction: column;}
.puffar .block-columns .block-section .block-text {flex-grow: 1;}
.puffar p {margin-top: 15px;}
.puffar img {border-bottom: 2px solid #cc0033 !important; height: 250px; width: 100%; object-fit: cover;}

.contact .block-form form.hide {display: none;}
.contact .block-form form {margin-top: 30px !important;}
.contact .block-form {margin-top: 0 !important;}

.contact-filter {display: flex; margin: 0 !important; justify-content: space-evenly;}
.contact-filter li {background: none !important; padding: 0 !important; width: 100%;}
.contact-filter li:before {display: none}
.contact-filter li a {padding: 15px 0; border-radius: 30px 0 0 30px; font-size: 14px; letter-spacing: 3px; font-weight: 600; text-transform: uppercase; text-align: center; background-color: #e6e6e6 /* 10% Black */ !important; border: none; border-right: 2px solid #fff; width: 100%; display: block;}
.contact-filter li:last-child a {border-right: none !important; border-radius: 0 30px 30px 0;}
.contact-filter li a.open {background-color: #cc0033 !important; color: #fff;}
.contact-filter li a:hover {background-color: #000066 !important; color: #fff;}


/***************** footer *********************/

footer {padding: 115px 0 60px 0; border-top: 2px solid #f0f0f0 /* 5% Black */; background: url('../../files/banner_4.jpg') center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer img {padding: 15px 0 0 0;}
footer p {font-family: "adobe-caslon-pro", Times, Serif; font-size: 20px; line-height: 35px; padding: 5px 0 0 0;}
footer a {border: none !important;}
footer a:hover {color: #cc0033;}
footer a i {padding: 0 10px 0 0;}
footer img {width: 280px; float: right;}
footer hr {margin: 15px 0 10px 0; background-color: #cc0033; color: #cc0033;}
footer .spacer {height: 30px;}

footer ul.oppettider {padding: 5px 0; margin: 0; list-style: none;}
footer ul.oppettider li {font-family: "adobe-caslon-pro", Times, Serif; font-size: 20px; line-height: 30px; padding: 5px 0 0 0; border-bottom: 1px solid #e6e6e6 /* 10% Black */;}
footer ul.oppettider li:last-child {border: none;}
footer ul.oppettider li strong {font-family: "futura-pt", Arial, Sans-serif; font-size: 16px; font-weight: 600; letter-spacing: 2px; font-style: normal; text-transform: uppercase; float: right;}

footer ul.meny {padding: 5px 0 0 0; margin: 0; list-style: none;}
footer ul.meny li {font-family: "adobe-caslon-pro", Times, Serif; font-size: 20px; line-height: 35px;}

/***************** form *********************/

.block-form {margin-top: 30px !important;}
.block-form .form-control {border: none; background: transparent; border: 2px solid #000066; color: #000066; padding: 15px; font-size: 1rem; border-radius: 0; height: auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
.block-form .form-control:focus {background: transparent; border-color: #cc0033; color: #000066;}
.block-form .form-control::-webkit-input-placeholder {color: #ccc /* 20% Black */;}
.block-form .form-control:-moz-placeholder {color: #ccc /* 20% Black */;}
.block-form .form-control::-moz-placeholder {color: #ccc /* 20% Black */;}
.block-form .form-control:-ms-input-placeholder {color: #ccc /* 20% Black */;}
.block-form .btn-primary {padding: 0 !important; background: transparent !important; color: #000066 !important;}
.block-form .btn-primary:hover, .block-form .btn-primary:active, .block-form .btn-primary:focus {color: #cc0033 !important; background: transparent !important;}
.block-form .btn-primary:hover:after {padding: 0 0 0 20px;}
.block-form .input-group-addon {border-radius: 0; padding: 15px; font-size: .75rem; line-height: 1.5; background-color: #ccc /* 20% Black */; color: #999 /* 40% Black */; border: none;}
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {margin-right: 10px !important;}

/***************** styling *********************/

.text-light, .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6, .text-light p, .text-light a, .text-light a:hover {color: #fff;}
.text-light hr {background-color: #fff; color: #fff;}

.text-dark, .text-dark p, .text-dark h1, .text-dark h2, .text-dark h3, .text-dark h4, .text-dark h5, .text-dark h6, .text-dark a, .text-dark a:hover {color: #000066;}

.text-primary, .text-primary p, .text-primary h1, .text-primary h2, .text-primary h3, .text-primary h4, .text-primary h5, .text-primary h6, .text-primary a, .text-primary a:hover {color: #cc0033;}

.text-custom1, .text-custom1 p, .text-custom1 h1, .text-custom1 h2, .text-custom1 h3, .text-custom1 h4, .text-custom1 h5, .text-custom1 h6, .text-custom1 a, .text-custom1 a:hover {color: #4d4d4d /* 70% Black */;}
.text-custom2, .text-custom2 p, .text-custom2 h1, .text-custom2 h2, .text-custom2 h3, .text-custom2 h4, .text-custom2 h5, .text-custom2 h6, .text-custom2 a, .text-custom2 a:hover {color: #999 /* 40% Black */;}
.text-custom3, .text-custom3 p, .text-custom3 h1, .text-custom3 h2, .text-custom3 h3, .text-custom3 h4, .text-custom3 h5, .text-custom3 h6, .text-custom3 a, .text-custom3 a:hover {color: #b3b3b3 /* 30% Black */;}
.text-custom4, .text-custom4 p, .text-custom4 h1, .text-custom4 h2, .text-custom4 h3, .text-custom4 h4, .text-custom4 h5, .text-custom4 h6, .text-custom4 a, .text-custom4 a:hover {color: #ccc /* 20% Black */;}
.text-custom5, .text-custom5 p, .text-custom5 h1, .text-custom5 h2, .text-custom5 h3, .text-custom5 h4, .text-custom5 h5, .text-custom5 h6, .text-custom5 a, .text-custom5 a:hover {color: #e6e6e6 /* 10% Black */;}
.text-custom6, .text-custom6 p, .text-custom6 h1, .text-custom6 h2, .text-custom6 h3, .text-custom6 h4, .text-custom6 h5, .text-custom6 h6, .text-custom6 a, .text-custom6 a:hover {color: #f0f0f0 /* 5% Black */;}

.bg-primary {background-color: #cc0033;}

.bg-dark {background-color: #000066;}
.bg-light {background-color: #fff;}

.bg-custom1 {background-color: #4d4d4d /* 70% Black */;}
.bg-custom2 {background-color: #999 /* 40% Black */;}
.bg-custom3 {background-color: #b3b3b3 /* 30% Black */;}
.bg-custom4 {background-color: #ccc /* 20% Black */;}
.bg-custom5 {background-color: #e6e6e6 /* 10% Black */;}
.bg-custom6 {background-color: #f0f0f0 /* 5% Black */;}

.bg-custom6 hr {background-color: #fff; color: #fff;}
.bg-custom6 .block-list-group .list-group-item:hover {background: #fff;}
.bg-custom6 .block-list-group.accordion .card {background: #fff;}
.bg-custom6 .block-list-group.accordion .card:hover {background: #f0f0f0 /* 5% Black */;}
.bg-custom6 .block-list-group.tabs .nav-tabs .nav-item {background: #f0f0f0 /* 5% Black */;}
.bg-custom6 .block-list-group.tabs .nav-tabs .nav-item.active {background: #fff;}
.bg-custom6 .block-list-group.tabs .tab-content {background: #fff;}
.bg-custom6 .news .list-group-item {border-color: #fff !important;}
.bg-custom6 .news .list-group-item:hover {background: #fff;}
.bg-custom6 .block-form .form-control {background: #fff;}
.bg-custom6 .block-form .form-control:focus {background: #f0f0f0 /* 5% Black */;}


.fb-frame, .fb-frame * {transition:.3s all; overflow:hidden;}
.fb-frame {transition:.3s all; position:fixed !important; top:15rem; left:0; z-index:5000; border-radius: 0 15px 15px 0; box-shadow:.5rem .5rem 1rem rgba(0,0,0,0.2);}
.fb-frame.open iframe {max-width:340px;}
.fb-frame iframe {max-width:0;}
.fb-frame a {border-radius:0 calc(15px/2) calc(15px/2) 0; left: 0; top: 15rem; opacity:.5; width: 4rem; height: 12rem; cursor:pointer; background-color:#fff; display: block; position: fixed; z-index: 3; box-shadow:.5rem .5rem .8rem rgba(0,0,0,0.3); text-decoration: none; border: none;}
.fb-frame:hover a {opacity:1;}
.fb-frame.open a {background-image:none; height: 4rem; width:4rem !important; top: 16rem; border-radius: 50%; left: calc(340px - 5rem);}
.fb-frame a:before {transform: rotate(-90deg) scale(2.2); background:url("../../assets/images/ic-fb.png") 50% 50% / contain no-repeat scroll; transition:.3s all; opacity:1; content:""; font:600 1rem "Font Awesome 5 Free","Font Awesome 5 Brands"; display: flex; align-items: center; justify-content: center; align-content: center; height: 100%; width: 100%; font-size: 1.8rem; color:#000066;}
.fb-frame.open a:before {background-size:0px; transform:none; content:"\f00d"; opacity:1;}
.fb-frame.open a:hover:before {font-size: 1.4rem;}
.fb-frame.right.hide a {right:-5rem !important;}
.fb-frame.hide a {left:-5rem !important;}

.navbar.bx ~ .fb-frame.boka-btn a {max-width: 0px;}
.fb-frame.boka-btn, .fb-frame.boka-btn a {display:block; left:auto !important; right:0 !important; bottom: auto; top: calc(10rem + var(--navh));}
.fb-frame.boka-btn a {max-width:4rem; opacity:1; border-radius:calc(30px/2) 0  0  calc(30px/2) !important; background-color:#cc0033;}
.fb-frame.boka-btn a:before {background-image:url("../../files/icons/boka.png?v=1") !important;}

.fb-frame:has(a:empty) {display:none !important;}
.fb-frame a[href*='instagram.com']:before {background-image:url("../../assets/images/ic-ig.png");}
.fb-frame a[href*='linkedin.com']:before {background-image:url("../../assets/images/ic-li.png");}
.fb-frame + .fb-frame a {bottom:calc(5rem + 12.5rem);}
.fb-frame + .fb-frame + .fb-frame a {bottom:calc(5rem + 12.5rem + 12.5rem);}

.fb-frame.right {left:auto !important; right:0 !important;  border-radius: 15px 0 0 15px; }
.fb-frame.right a {left:auto !important; right:0 !important;  border-radius: calc(15px/2) 0 0 calc(15px/2); }
.fb-frame.right.open a {left:auto !important; right:calc(340px - 5rem) !important; border-radius: 50% !important;}

@media (max-width:2050px) {
    .fb-frame a {width: 3rem; height: 8rem;}
    .fb-frame + .fb-frame a {bottom:calc(5rem + 8.5rem);}
    .fb-frame + .fb-frame + .fb-frame a {bottom:calc(5rem + 8.5rem + 8.5rem);}
} @media(max-width:558px) { 
    .fb-frame, .fb-frame a {top:12rem;}
    .fb-frame.open a {top:13rem;}
    .fb-frame a { width: 2.5rem; height: 7rem;}
    .fb-frame iframe {max-height: 70vh;}
    .fb-frame + .fb-frame a {bottom:calc(5rem + 9.5rem);}
    .fb-frame + .fb-frame + .fb-frame a {bottom:calc(5rem + 9.5rem + 9.5rem);}
}


/*---------------------------RX-------------------------*/
.block-section-container .block-columns .__section-controls {top:20px !important;}

.hidden {opacity: 0; transition:.3s all;}
.__base .block-section.empty {display:block;}
.__base :is(.hidden) {max-height:50vh; overflow:hidden;}
.__base :is(.hidden, .d-md-none) {display: block !important; opacity:0.5 !important; visibility:visible !important; position:relative;}
.__base :is(.hidden, .d-md-none):before {content: ""; position: absolute; background-image: url('../../assets/images/hidden.png') !important;  left: 0; top: 0; width: 100% !important; height: 100%; background-size: 100px; z-index: 0;}
.__base .bg-dark .hidden:before {filter:invert(1); }

.d-hide {opacity:0; position:absolute !important; z-index:-100;}

.__base .div-loader {display:none !important;}
.div-loader.load {opacity:0;z-index:-1;}
.div-loader {transition:.5s all; background-image: url(""); background-size: cover; position: fixed; top:0; left:0; right:0; bottom: 0; background-color: white; z-index:1999;     display: flex !important; align-items: center; justify-content: center;}
.div-loader img.bg {width:500px; z-index:1; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%) !important; opacity:.1;}
.div-loader img.logo {transition:.3s all; width:120px; z-index:3;}

main > div.__base .d-none, .cms-none {display:block !important; opacity:.6 !important; background:rgba(0,0,0,0.2) !important; padding:1.5rem !important;}

.bg-fixed {background-attachment:fixed !important;}
.bg-top {background-position: 50% 20% !important;}
.bg-full-top {background-position: top !important;}
.bg-bottom {background-position: 50% 80% !important;}
.bg-full-bottom {background-position: bottom !important;}
.bg-right {background-position: 80% 50% !important;}
.bg-full-right {background-position: right !important;}
.bg-left {background-position: 20% 50% !important;}
.bg-full-left {background-position: left !important;}

.contact-filter.jobba li a img {margin-top:10px !important; height:60px; display:block; margin: 0 auto;}
.contact-filter.jobba li:first-child a.open img, .contact-filter.jobba li:first-child:hover a img {filter: saturate(0) grayscale(200%) invert(1);}

.nav-item.no-child:hover, .nav-item.no-child:hover .nav-link {background:none !important;}
.nav-item.no-child > ul, .nav-item.no-child > a:after {display:none;}

.row-gutter .row  .__col {padding: 15px  !important; }
.row-gutter-md .block-columns:not(:last-child) {padding-bottom: 30px;}
.row-center .row {justify-content: center !important;}
.text-left-center, .text-left-right {text-align: left;} 
.text-right-center, .text-right-left {text-align: right;}
.text-center-right, .text-center-left {text-align:center !important;}

.bg-news-cover {height:50vh;}
.bg-news-cover > .block-section-container {width:100% !important;}
.bg-news-cover, .bg-news-cover div:is(.row, .__content, .__col) {margin: 0 !important; padding: 0 !important;}
.bg-news-cover div:not(.__header) {height:100%;}
.bg-news-cover img {margin-top:0 !important; object-fit:cover; height:100%; width:100%;}
.bg-news-cover {overflow:hidden;}

.pull-middle-all .__col .block-section { height: 100%; }
.pull-middle-all .__col .block-section > .block-section-container { display: flex; flex-direction: column; justify-content: center; height: 100%; }

.img-media {margin:2rem 0 !important;}
.img-media .__content, .img-media img {padding:0; margin:0;}
.block-section.bg-news-cover .img-media .caption {border-radius:0;}
.img-media .caption {opacity:0; position: absolute; inset: 0; border-radius:30px; transition:.3s all; background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.5)); color: #fff; padding: 1.5rem; display: flex; align-items: flex-start; flex-direction: column; justify-content: flex-end;}
.img-media .caption small {line-height:normal; margin-top:10px;}
.img-media:hover .caption {opacity:1;}
:is(.img-media, .block-gallery.media, #block-gallery-modal .modal-body) .img-share {position: absolute; right: 2.5rem; top: 1.5rem; display: flex; grid-gap: 5px; z-index:5;}
:is(.img-media, .block-gallery.media, #block-gallery-modal .modal-body) .img-share a {background: #fff; transition:.3s all; display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: center; height: 40px; width: 40px; border: none; text-decoration: none; border-radius: 50%; font-size: 1.2rem;}
:is(.img-media, .block-gallery.media, #block-gallery-modal .modal-body) .img-share a:hover {background:#000066 !important; color:#fff !important;}
.block-gallery.media .gallery-item + .img-share {position: relative !important; margin: 2rem 0rem -3rem -3.4rem;}
#block-gallery-modal .caption-container + .img-share {bottom: 2rem; top: auto; z-index: 100;}
#block-gallery-modal:has(.img-share) .caption-container {    padding-right: 8rem; overflow-wrap: anywhere;}

@media (max-width:1280px) {
    .block-gallery.media .gallery-item + .img-share {margin-right:-3.8rem !important;}
}


.div-media {background-image:url('../../files/banner_3.jpg');}
.block-error-404 {text-align:center;}

main .__base .block-section:is(.media-list, .page-cover, .media-solo) {display:block;}
main .__base .block-section.media-solo, 
main .block-section:is(.media-list, .page-cover, .media-solo) {display:none;}
main .__base .media-list:before {content:"[AUTO-FILL function from news list. Do not alter.]"; float:left; margin-top:3rem; text-align:center; height:100%; width:100%; font-family:monospace; display:block;}
.media-solo-cc .__content * {margin-top:10px !important;}

.media-list .div-media-list {display: grid; flex-wrap: wrap; grid-gap: 30px; grid-template-columns: repeat(auto-fill,minmax(30%, 1fr));} 
.media-list-solo {border-radius:30px; position: relative; overflow: hidden; height: 300px; flex: 1 1 30%; margin:0 !important;}
.media-list-solo img {object-position:center; object-fit:cover; height:100%; width:100%;}


.btn.pdf {margin: 0; display: inline-block; padding: 6px 15px 5px 15px; margin-bottom:2rem;}
.btn.pdf:after {content:"\f56d"; font-family: "Font Awesome 5 Free"; font-size: inherit;}

.contact-card .block-columns .__col .block-section {background: linear-gradient(to bottom, #fff 190px, #ccc 190px); border:1px solid #e6e6e6 /* 10% Black */; border-radius:20px; transition:.3s all; padding:20px 15px 30px 15px; color:#fff !important;}
.contact-card .block-columns .__col .block-section .block-image a:hover img {transform: scale(1.1); box-shadow: 0 14px 28px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.10) !important; cursor:pointer;}
.contact-card .block-columns .__col .block-section .block-image img {border-radius: 50%; background: #fff; padding: 10px; width: 220px; height:220px; object-fit:cover; transition:.3s all; margin:0 auto; display:block;}

[class*="contact-"] .block-columns .__col .block-section ul,
[class*="contact-"] .block-columns .__col .block-section li,
[class*="contact-"] .block-columns .__col .block-section h6, 
[class*="contact-"] .block-columns .__col .block-section a {margin-top:0 !important; margin-bottom:0 !important; color:#fff;}
[class*="contact-"] .block-columns .__col .block-section .block-list-group {margin-top:15px;}
[class*="contact-"] .block-columns .__col .block-section .block-list-group.modal-list .list-group-item > h5 > .btn {background: transparent; color: #fff !important; padding: 2px;}
[class*="contact-"] .block-columns .__col .block-section .block-list-group.modal-list .list-group-item > h5 > .btn:hover {color: #000066 !important;}
[class*="contact-"] .block-columns .__col .block-section .block-list-group.modal-list .list-group-item > h5 > .btn:is(:hover, :focus, :active) {background: transparent !important;}
[class*="contact-"] .block-columns .__col .block-section .block-list-group.modal-list .modal {text-align:left;}
[class*="contact-"] .block-columns .__col .block-section .block-list-group.modal-list .modal-body > *:first-child {margin-top:0;}

main > div.__base .contact-box .block-columns .__col .block-section > .block-section-container .block-image {position:relative;}
main > div.__base .contact-box .block-columns .__col .block-section {height:auto !important; min-height:auto !important;}
.contact-box .block-columns .__col .block-section {background-color:#000066; color:#fff; min-height:450px; height:650px; display: flex; align-items: flex-end; background-position: 40% 50%;}
.contact-box .block-columns .__col .block-section:before {content:""; opacity:.6; position:absolute; left:0; right:0; top:0; bottom:0; background:linear-gradient(to left,transparent, #000066), linear-gradient(to bottom,transparent, #000066); z-index:0;}
.contact-box .block-columns .__col .block-section > .block-section-container {padding:1.5rem; width:100%; position:relative;     display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-end;}
.contact-box .block-columns .__col .block-section > .block-section-container .block-image {position:absolute; top: 0; left: 0; right: 0; bottom: 0;}
.contact-box .block-columns .__col .block-section > .block-section-container .block-image:before {position:absolute; content:""; left:0; top:0; right:0; bottom:0; background:linear-gradient(to bottom, transparent 50%, rgba(0,0,0,0.6) 75%); z-index:1;}
.contact-box .block-columns .__col .block-section > .block-section-container .block-image * { padding:0; object-fit: cover; height: 100%; object-position:center; transition:.3s all;}
.contact-box .block-columns .__col .block-section > .block-section-container .block:not(.block-image) { }
.contact-box .block-columns .__col .block-section:hover > .block-section-container .block-image img {opacity:0;}


.block-gallery .gallery .gallery-item video {object-fit:cover; border-radius:10px;}
.block-gallery .gallery .gallery-item.gallery-item-video a:before {border-radius:10px; content:""; position:absolute; inset:0; background-image:url('../../assets/images/video.png'); background-size:100px; background-position:center; background-repeat:no-repeat; background-color:rgba(0,0,0,0.3);}
.block-gallery.media .gallery .gallery-item .image-container {background-image:url('../../assets/images/loader.gif'); background-size:50px; background-position:center; background-repeat:no-repeat;}

.block-gallery img {margin:0;}
.block-gallery .gallery-item {margin-top:2rem !important; height:30vh;}
.block-gallery .gallery-item :is(.image-container, .image-container > a, img) {object-fit:cover; height:100%; width:100%;}
.block-gallery .gallery .gallery-item .image-container a {position:relative; display:flex;}
.block-gallery .caption {position: absolute; transition:.3s all; z-index: 2; inset: 0; background: transparent; border-radius: 10px; padding: 2rem; height: 100%; display: flex; flex-direction: column; justify-content: flex-end;}
.block-gallery .image-container:hover .caption {background: rgba(0,0,0,0.5);}
.block-gallery .caption p {margin:0;}
.block-gallery .caption * {color:#fff;}


/*---------------------------RX-------------------------*/


@media (max-width: 1920px) {
    .block-section.xs-box .block-columns .block-section {padding: 0 15px 30px 15px;}
    .block-section.sm-box .block-columns .block-section {padding: 50px 50px 80px 50px;}
    .block-section.md-box .block-columns .block-section {padding: 100px 75px 130px 75px;}
    .block-section.lg-box .block-columns .block-section {padding: 150px 100px 180px 100px;}
    
    .block-section.start-box .block-columns .block-section .block-section-container {padding: 130px 75px 160px 75px;}
    .contact-box .block-columns .__col .block-section {min-height:450px;}
}

@media (max-width: 1680px) {
    html, body {font-size: 12px; line-height: 19px;} 
    
    h1 {font-size: 53px; line-height: 60px;}
    h2 {font-size: 38px; line-height: 45px;}
    h3 {font-size: 26px; line-height: 34px;}
    h4 {font-size: 19px; line-height: 34px;}
    h5 {font-size: 15px; line-height: 26px;}
    h6 {font-size: 11px; line-height: 19px; letter-spacing: 2px;}
    
    h4 strong {padding: 45px 11px 0 0; font-size: 71px;}
    
    hr {margin: 45px 0 23px 0;}
    
    .spacer {height: 15px;}
    
    .btn {font-size: 11px; letter-spacing: 2px; padding: 15px 0; border-radius: 23px; margin: 23px 0 0 0;}
    .btn:after {font-size: 16px; padding: 0 0 0 8px;}

    .btn-info:hover:after {padding: 0 0 0 15px;}
    
    .btn-warning {padding: 13px 0;}

    .block-list-group {margin: 23px 0 0 0;}
    .block-list-group .list-group-item {padding: 11px 23px;}
    .block-list-group .list-group-item p {font-size: 15px; line-height: 23px;}
    .block-list-group .list-group-item strong {font-size: 12px;}

    .block-list-group.accordion .card {margin-bottom: 4px;}
    .block-list-group.accordion .card .card-header h5 .btn {padding: 15px 23px 11px 23px; font-size: 19px; line-height: 34px;}
    .block-list-group.accordion .card .card-header h5 .btn:after {padding: 15px 0 11px 0;}
    .block-list-group.accordion .card .card-body {padding: 0 23px 15px 23px;}

    .block-list-group.tabs .nav-tabs .nav-item .nav-link {padding: 15px 23px;}
    .block-list-group.tabs .tab-content {padding: 30px 45px;}

    .news .list-group-item {margin: 23px 0 0 0; padding: 30px 45px;}
    .news .list-group-item .list-content {margin: 23px 0 0 0;}
    .pager li a {margin: 0 8px !important; width: 12px; height: 12px; border-radius: 6px !important;}
    
    /*#block-gallery-modal .caption-container {padding: 23px;}*/
    /*#block-gallery-modal p {padding: 8px 0 0 0 !important;}*/

    .block-gallery .carousel {margin-top: 23px !important;}
    .block-gallery .carousel .carousel-control {padding: 0 38px;}
    .block-gallery .carousel .carousel-indicators li {margin: 0 8px; width: 12px; height: 12px; border-radius: 6px;}
    .block-gallery .carousel .carousel-caption {width: 600px; padding: 38px;}
    .block-gallery .carousel .carousel-caption > p {padding: 8px 0 0 0;}
    .block-gallery .carousel .carousel-caption > .btn {margin: 15px 0 0 0;}
    
    .cookies-container {padding: 38px;}
    .cookies-container a.control-accept-cookies {padding: 0 0 0 8px;}
    .cookies-container a.control-accept-cookies:before {padding: 0 15px 0 0;}
    .cookies-container a.control-accept-cookies:hover:before{ padding: 0 23px 0 0;}
    
    .navbar {height: 100px;}
    .navbar .navbar-brand img {width: 115px;}
    .navbar .navbar-nav .nav-link {margin: 30px 23px 0 23px;}
    .navbar .navbar-nav .nav-item.active .nav-link, .navbar .navbar-nav .nav-item.parent .nav-link {border-width: 2px;}
    .navbar .navbar-nav .has_childs .nav-link:after {padding: 0 0 0 8px;}
    
    .navbar .navbar-nav .dropdown-menu {left: 23px; padding: 8px 0 0 0;}
    .navbar .navbar-nav .dropdown-menu .nav-item:last-child .nav-link, .navbar .navbar-nav .dropdown-menu .nav-link, .navbar-nav .nav-item.active .dropdown-menu .nav-link, .navbar-nav .nav-item.parent .dropdown-menu .nav-link {padding: 11px 23px;}

    .navbar-nav .nav-level3 {margin-left: calc(100% - 23px); margin-top: -41px;}

    .container {max-width: 1050px;}

    .block-section > .block-section-container {width: 1050px;}
    .block-section {padding: 75px 0 98px 0;}
    
    .block-section.narrow .block-section-container {width: 750px;}
    
    .block-section.xs-box, .block-section.sm-box, .block-section.md-box, .block-section.lg-box {border-width: 8px;}
    
    .block-section.xs-box .block-columns .block-section {padding: 0 11px 23px 11px; border-width: 8px;}
    .block-section.sm-box .block-columns .block-section {padding: 38px 38px 61px 38px; border-width: 8px;}
    .block-section.md-box .block-columns .block-section {padding: 75px 75px 98px 75px; border-width: 8px;}
    .block-section.lg-box .block-columns .block-section {padding: 150px 150px 173px 150px; border-width: 8px;}
    
    main p, main img, main iframe {margin: 19px 0 0 0;}
    main h1, main h2, main h3, main h4, main h5, main h6 {margin: 23px 0 0 0;}
    
    main ul {margin: 15px 0 0 0;}
    main ul li {margin: 4px 0;}
    main ul li:before {padding: 0 8px 0 0;}
    
    main .oppettider ul li {font-size: 15px; line-height: 23px; padding: 4px 0 0 0;}
    main .oppettider ul li strong {font-size: 12px;}
    
    .m10 h1, .m10 h2, .m10 h3, .m10 h4, .m10 h5, .m10 p, .m10 img {margin-top: 8px !important;}
    
    .main-slider .block-gallery .carousel .carousel-control {padding: 0 75px;}
    .main-slider .block-gallery .carousel .carousel-caption {padding: 75px;}

    .top-bar ul.top li {font-size: 8px;}
    .top-bar ul.top li.phone {padding: 8px 15px;}
    .top-bar ul.top li a {padding: 8px 15px;}

    .start .btn {border-radius: 23px 0 0 0;}
    .start .btn-success {border-radius: 0 23px 0 0 !important;}
    
    .block-section.start-box, .block-section.start-box .block-columns .block-section {border-width: 8px;}
    .block-section.start-box .block-columns .block-section .block-section-container {padding: 98px 75px 121px 75px; border-width: 3px;}
    
    .block-section.bilder, .block-section.bilder .block-columns .block-section {border-width: 8px;}
    .block-section.bilder .block-columns .block-section .block-section-container img {height: 375px;}
    
    .produkter .btn-info {margin-top: 38px;}
    .produkter h4 {margin-top: 15px; padding-bottom: 9px;}
    .produkter h4 strong {font-size: 12px; line-height: 19px;}
    .produkter p {margin-top: 11px;}
    .produkter img {height: 188px;}
    
    .recept .btn-info {margin-top: 11px;}
    .recept h5 {margin-top: 15px; padding-bottom: 9px;}
    .recept p {margin-top: 11px;}
    .recept img {height: 150px;}
    
    .personal h3 {margin-top: 19px;}
    .personal p {margin-top: 11px;}
    .personal h6 {padding-bottom: 8px;}
    .personal img {height: 225px;}
    
    .tidslinje hr {margin: 15px 0 0 0 !important;}
    
    .puffar h3 {margin-top: 19px; padding-bottom: 8px;}
    .puffar p {margin-top: 11px;}
    .puffar img {height: 188px;}

    .khl {margin: 0 16px; width: calc(100% - 32px); padding: 98px 0; border-width: 3px;}
    .khl img {width: 173px; margin: 0 !important;}
    .khl .__col:first-child {padding-right: 56px;}
    .khl .__col:last-child {padding-left: 56px;}
    
    .contact .block-form form {margin-top: 23px !important;}
    .contact-filter li a {padding: 11px 0; border-radius: 23px 0 0 23px; font-size: 11px; letter-spacing: 2px;}
    .contact-filter li:last-child a {border-radius: 0 23px 23px 0;}
    
    footer {padding: 87px 0 45px 0;}
    footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer img {padding: 11px 0 0 0;}
    footer p {font-size: 15px; line-height: 26px; padding: 4px 0 0 0;}
    footer a i {padding: 0 8px 0 0;}
    footer img {width: 220px;}
    footer hr {margin: 11px 0 8px 0;}
    footer .spacer {height: 23px;}
    
    footer ul.oppettider {padding: 4px 0;}
    footer ul.oppettider li {font-size: 15px; line-height: 23px; padding: 4px 0 0 0;}
    footer ul.oppettider li strong {font-size: 12px;}
    
    footer ul.meny {padding: 4px 0 0 0;}
    footer ul.meny li {font-size: 15px; line-height: 26px;}

    .block-form {margin-top: 23px !important;}
    .block-form .form-control {padding: 11px;}
    .block-form .input-group-addon {padding: 11px;}
    .block-form .btn-primary:hover:after {padding: 0 0 0 15px;}
    .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {margin-right: 8px !important;}
}

@media (max-width: 1280px) {
    html, body {font-size: 14px; line-height: 22px;} 
    
    h1 {font-size: 35px; line-height: 42px;}
    h2 {font-size: 25px; line-height: 32px;}
    h3 {font-size: 18px; line-height: 28px;}
    h4 {font-size: 15px; line-height: 25px;}
    h5 {font-size: 15px; line-height: 22px;}
    h6 {font-size: 11px; line-height: 16px;}
    
    a {border-width: 1px;}
    a:hover {border-width: 1px;}
    
    h4 strong {padding: 30px 8px 0 0; font-size: 48px;}
    
    hr {margin: 30px 0 15px 0; height: 1px;}
    
    .spacer {height: 10px;}
    
    .btn {font-size: 9px; padding: 10px 0; border-radius: 20px; margin: 15px 0 0 0;}
    .btn:after {font-size: 13px; padding: 0 0 0 5px;}

    .btn-info:hover:after {padding: 0 0 0 10px;}
    
    .btn-warning {border-width: 1px !important; padding: 9px 0;}
    .btn-warning:hover, .btn-warning:active, .btn-warning:focus {border: 1px solid #000066 !important;}
    
    .border, .border-top, .border-bottom, .border-left, .border-right {border-width: 1px;}
    
    .border-col .block-columns .__col {border-width: 1px;}
    .border-top-col .block-columns .__col {border-top-width: 1px;}
    .border-bottom-col .block-columns .__col {border-bottom-width: 1px;}
    .border-left-col .block-columns .__col {border-left-width: 1px;}
    .border-right-col .block-columns .__col {border-right-width: 1px;}

    .block-list-group {margin: 15px 0 0 0;}
    .block-list-group .list-group-item {padding: 8px 15px;}
    .block-list-group .list-group-item p {font-size: 11px; line-height: 15px;}
    .block-list-group .list-group-item strong {font-size: 9px;}
    
    .block-list-group.accordion .card {margin-bottom: 3px;}
    .block-list-group.accordion .card .card-header h5 .btn {padding: 10px 15px 8px 15px; font-size: 13px; line-height: 23px;}
    .block-list-group.accordion .card .card-header h5 .btn:after {padding: 10px 0 8px 0;}
    .block-list-group.accordion .card .card-body {padding: 0 15px 10px 15px;}

    .block-list-group.tabs .nav-tabs .nav-item .nav-link {padding: 10px 15px;}
    .block-list-group.tabs .tab-content {padding: 20px 30px;}

    .news .list-group-item {margin: 15px 0 0 0; padding: 20px 30px; border-width: 1px !important;}
    .news .list-group-item .list-content {margin: 15px 0 0 0;}
    .pager li a {margin: 0 5px !important; width: 10px; height: 10px; border-radius: 5px !important;}
    
    /*#block-gallery-modal .caption-container {padding: 15px;}*/
    /*#block-gallery-modal p {padding: 5px 0 0 0 !important;}*/

    .block-gallery .carousel {margin-top: 15px !important;}
    .block-gallery .carousel .carousel-control {padding: 0 25px;}
    .block-gallery .carousel .carousel-indicators li {margin: 0 5px; border-width: 1px; width: 10px; height: 10px; border-radius: 5px;}
    .block-gallery .carousel .carousel-caption {width: 400px; padding: 25px;}
    .block-gallery .carousel .carousel-caption > p {padding: 5px 0 0 0;}
    .block-gallery .carousel .carousel-caption > .btn {margin: 10px 0 0 0;}
    
    .cookies-container {padding: 25px;}
    .cookies-container a.control-accept-cookies {padding: 0 0 0 5px;}
    .cookies-container a.control-accept-cookies:before {padding: 0 10px 0 0;}
    .cookies-container a.control-accept-cookies:hover:before{ padding: 0 15px 0 0;}
    
    .navbar {height: 85px;}
    .navbar .navbar-brand img {width: 100px;}
    .navbar .navbar-nav .nav-link {margin: 20px 15px 0 15px;}
    .navbar .navbar-nav .nav-item.active .nav-link, .navbar .navbar-nav .nav-item.parent .nav-link {border-width: 2px;}
    .navbar .navbar-nav .has_childs .nav-link:after {padding: 0 0 0 5px;}

    .navbar .navbar-nav .dropdown-menu {left: 15px; padding: 5px 0 0 0;}
    .navbar .navbar-nav .dropdown-menu .nav-item:last-child .nav-link, .navbar .navbar-nav .dropdown-menu .nav-link, .navbar-nav .nav-item.active .dropdown-menu .nav-link, .navbar-nav .nav-item.parent .dropdown-menu .nav-link {border-width: 1px !important; padding: 8px 15px;}
    .navbar .navbar-nav .dropdown-menu .nav-item:last-child.active .nav-link, .navbar .navbar-nav .dropdown-menu .nav-item.active .nav-link, .navbar .navbar-nav .dropdown-menu .nav-item.parent .nav-link {border-width: 1px !important;}
    .navbar .navbar-nav .dropdown-menu .nav-item:last-child .nav-link:hover, .navbar .navbar-nav .dropdown-menu .nav-link:hover, .navbar-nav .nav-item.active .dropdown-menu .nav-link:hover, .navbar-nav .nav-item.parent .dropdown-menu .nav-link:hover {border-width: 1px !important;}
    
    .navbar-nav .nav-level3 {margin-left: calc(100% - 15px); margin-top: -34px;}
    
    .container {max-width: 900px;}

    .block-section > .block-section-container {width: 900px;}
    .block-section {padding: 50px 0 65px 0;}
    
    .block-section.narrow .block-section-container {width: 500px;}
    
    .block-section.xs-box, .block-section.sm-box, .block-section.md-box, .block-section.lg-box {border-width: 5px;}
    
    .block-section.xs-box .block-columns .block-section {padding: 0 8px 15px 8px; border-width: 5px;}
    .block-section.sm-box .block-columns .block-section {padding: 25px 25px 40px 25px; border-width: 5px;}
    .block-section.md-box .block-columns .block-section {padding: 50px 50px 65px 50px; border-width: 5px;}
    .block-section.lg-box .block-columns .block-section {padding: 100px 100px 115px 100px; border-width: 5px;}
    
    main p, main img, main iframe {margin: 13px 0 0 0;}
    main h1, main h2, main h3, main h4, main h5, main h6 {margin: 15px 0 0 0;}
    
    main ul {margin: 10px 0 0 0;}
    main ul li {margin: 3px 0;}
    main ul li:before {padding: 0 5px 0 0;}
    
    main .oppettider ul li {font-size: 11px; line-height: 15px; padding: 3px 0 0 0;}
    main .oppettider ul li strong {font-size: 9px;}
    
    .m10 h1, .m10 h2, .m10 h3, .m10 h4, .m10 h5, .m10 p, .m10 img {margin-top: 5px !important;}
    
    .main-slider .block-gallery .carousel .carousel-control {padding: 0 50px;}
    .main-slider .block-gallery .carousel .carousel-caption {padding: 50px;}

    .top-bar ul.top li {font-size: 8px; letter-spacing: 1px;}
    .top-bar ul.top li.phone {padding: 5px 10px;}
    .top-bar ul.top li a {padding: 5px 10px;}

    .start .btn {border-radius: 15px 0 0 0;}
    .start .btn-success {border-radius: 0 15px 0 0 !important;}
    
    .block-section.start-box, .block-section.start-box .block-columns .block-section {border: 5px solid #fff;}
    .block-section.start-box .block-columns .block-section .block-section-container {padding: 65px 50px 80px 50px; border-width: 2px;}
    
    .block-section.bilder, .block-section.bilder .block-columns .block-section {border-width: 5px;}
    .block-section.bilder .block-columns .block-section .block-section-container img {height: 250px;}
    
    .produkter .btn-info {margin-top: 25px;}
    .produkter h4 {margin-top: 10px; font-size: 16px; padding-bottom: 6px;}
    .produkter h4 strong {font-size: 11px; line-height: 14px; letter-spacing: 1px;}
    .produkter p {margin-top: 6px;}
    .produkter img {height: 125px;}
    
    .recept .btn-info {margin-top: 8px;}
    .recept h5 {margin-top: 10px; padding-bottom: 6px;}
    .recept p {margin-top: 8px;}
    .recept img {height: 100px;}
    
    .personal h3 {margin-top: 13px;}
    .personal p {margin-top: 8px;}
    .personal h6 {padding-bottom: 5px;}
    .personal img {border-width: 1px !important; height: 150px;}
    
    .tidslinje hr {margin: 10px 0 0 0 !important;}
    
    .puffar h3 {margin-top: 13px; padding-bottom: 5px;}
    .puffar p {margin-top: 8px;}
    .puffar img {border-width: 1px !important; height: 125px;}
    
    .khl {margin: 0 10px; width: calc(100% - 20px); padding: 65px 0; border-width: 2px;}
    .khl img {width: 115px; margin: 0 !important;}
    .khl .__col:first-child {padding-right: 38px; border-width: 1px;}
    .khl .__col:last-child {padding-left: 38px;}
    
    .contact .block-form form {margin-top: 15px !important;}
    .contact-filter li a {padding: 8px 0; border-radius: 15px 0 0 15px; font-size: 9px; border-width: 1px;}
    .contact-filter li:last-child a {border-radius: 0 15px 15px 0;}
    
    footer {padding: 57px 0 30px 0; border-width: 1px;}
    footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer img {padding: 8px 0 0 0;}
    footer p {font-size: 11px; line-height: 18px; padding: 3px 0 0 0;}
    footer a i {padding: 0 5px 0 0;}
    footer img {width: 140px;}
    footer hr {margin: 8px 0 5px 0;}
    footer .spacer {height: 15px;}
    
    footer ul.oppettider {padding: 3px 0;}
    footer ul.oppettider li {font-size: 11px; line-height: 15px; padding: 3px 0 0 0;}
    footer ul.oppettider li strong {font-size: 9px;}
    
    footer ul.meny {padding: 3px 0 0 0;}
    footer ul.meny li {font-size: 11px; line-height: 18px;}

    .block-form {margin-top: 15px !important;}
    .block-form .form-control {padding: 8px; border-width: 1px;}
    .block-form .input-group-addon {padding: 8px;}
    .block-form .btn-primary:hover:after {padding: 0 0 0 10px;}
    .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {margin-right: 5px !important;}
}

@media (max-width: 992px) {

    .news .list-group-item .list-header {font-size: 1.6rem;}
    
    /*#block-gallery-modal h3 {font-size: 1.6rem;}*/
    
    .block-gallery .carousel .carousel-caption {width: 350px;}
    .block-gallery .carousel .carousel-caption > h3 {font-size: 1.6rem;}
    
    .navbar {height: 80px; padding: 0 12px;}
    .navbar .navbar-brand img {width: 90px;}
    .navbar .navbar-nav .nav-link {margin: 20px 13px 0 13px; letter-spacing: 1px;}
    .navbar .navbar-nav .dropdown-menu {left: 13px;}
    .navbar .navbar-nav .dropdown-menu .nav-item:last-child .nav-link, .navbar .navbar-nav .dropdown-menu .nav-link, .navbar-nav .nav-item.active .dropdown-menu .nav-link, .navbar-nav .nav-item.parent .dropdown-menu .nav-link {padding: 8px 10px;}
    .top-bar ul.top li a {padding: 5px 6px; letter-spacing:0;}
    .navbar-nav .nav-level3 {margin-left: calc(100% - 13px);}
    
    .container, .block-section > .block-section-container {max-width: 100%;}

    .block-section {padding: 50px 15px 65px 15px;}
    
    .main-slider .block-gallery .carousel .carousel-control {padding: 0 25px;}
    .main-slider .block-gallery .carousel .carousel-caption {padding: 25px;}
    .main-slider .block-gallery .carousel .carousel-caption > h3 {font-size: 3.5rem;}
    
    .block-section.xs-box, .block-section.sm-box, .block-section.md-box, .block-section.lg-box {border-width: 3px;}
    
    .block-section.xs-box .block-columns .block-section {border: 3px solid #fff;}
    .block-section.sm-box .block-columns .block-section {border: 3px solid #fff; padding: 15px 15px 30px 15px;}
    .block-section.md-box .block-columns .block-section {border: 3px solid #fff; padding: 25px 25px 40px 25px;}
    .block-section.lg-box .block-columns .block-section {border: 3px solid #fff; padding: 50px 50px 65px 50px;}
    
    .start .btn {border-radius: 0;}
    
    .block-section.start-box, .block-section.start-box .block-columns .block-section {border-width: 3px;}
    .block-section.start-box .block-columns .block-section .block-section-container {padding: 50px 50px 65px 50px; border-width: 3px;}
    
    .block-section.bilder, .block-section.bilder .block-columns .block-section {border-width: 3px;}

    .khl {margin: 0 6px; width: calc(100% - 12px);}
    
    footer {padding: 57px 15px 30px 15px;}
}

@media (max-width: 767px) {
    .btn {font-size: 11px; padding: 15px 0; border-radius: 23px;}
    .btn:after {font-size: 16px;}
    
    .border-left-col .block-columns .__col {border: none;}
    .border-right-col .block-columns .__col {border: none;}
    
    .block-list-group .list-group-item p {font-size: 15px; line-height: 23px;}
    .block-list-group .list-group-item strong {font-size: 12px;}
    
    .news .list-group-item .list-header {font-size: 1.3rem;}
    
    /*#block-gallery-modal h3 {font-size: 1.3rem;}*/
    
    .block-gallery .carousel .carousel-caption {width: 100%;}
    .block-gallery .carousel .carousel-caption > h3 {font-size: 1.3rem;}
    
    .cookies-container {padding: 15px;}
    
    .top-bar {display: none !important;}
    
    #navbar-1 .navbar-nav .nav-item {display: block !important;}
    #navbar-2 {display: none !important}
    
    .navbar {padding: 0;}
    .navbar .navbar-nav {margin-top: 15px;}
    .navbar .navbar-brand img {margin-left: 15px; width: 100px;}
    .navbar .navbar-toggler {margin-right: 15px;}
    .navbar .navbar-nav .nav-link {margin: 0; padding: 15px 20px; font-size: 1rem; border-bottom: 1px solid #f0f0f0 /* 5% Black */ !important; background: #fff !important; color: #000066 !important;}
    .navbar .navbar-nav .nav-item.active .nav-link {background: #cc0033 !important; color: #fff !important;}
    .navbar .navbar-nav .dropdown-menu {left: 0; padding: 0; border-bottom: 1px solid #f0f0f0 /* 5% Black */;}
    .navbar .navbar-nav .dropdown-menu .nav-item:last-child .nav-link, .navbar .navbar-nav .dropdown-menu .nav-link, .navbar-nav .nav-item.active .dropdown-menu .nav-link, .navbar-nav .nav-item.parent .dropdown-menu .nav-link {padding: 10px 30px; background-color: #fff !important; color: #000066 !important; font-size: 12px;}

    .navbar-nav .nav-level3 {margin-left: 0; margin-top: 0; border-top: 1px solid #f0f0f0 /* 5% Black */ !important;}
    
    .block-section {padding: 25px 15px 40px 15px;}
    
    .block-section.narrow .block-section-container {width: 100%;}
    
    .block-section.xs-box, .block-section.sm-box, .block-section.md-box, .block-section.lg-box {border: none;}
    
    .block-section.xs-box .block-columns .block-section {padding: 0 15px 15px 15px; border: none;}
    .block-section.sm-box .block-columns .block-section {padding: 0 15px 15px 15px; border: none;}
    .block-section.md-box .block-columns .block-section {padding: 25px 15px 40px 15px; border: none;}
    .block-section.lg-box .block-columns .block-section {padding: 75px 15px 90px 15px; border: none;}
    
    .start .block-button {width: 100%;}
    .start .btn {border-radius: 0;}
    .start .btn-success {border-radius: 0 !important; margin-top: 0 !important;}
    
    .block-section.start-box, .block-section.start-box .block-columns .block-section {border: none;}
    .block-section.start-box .block-columns .block-section .block-section-container {padding: 25px 15px 40px 15px; border: none;}
    
    .block-section.start-box .block-columns .block-section.bild, .block-section.xs-box .block-columns .block-section.bg-image, .block-section.sm-box .block-columns .block-section.bg-image, .block-section.md-box .block-columns .block-section.bg-image, .block-section.lg-box .block-columns .block-section.bg-image {min-height: 200px;}
    
    .block-section.bilder, .block-section.bilder .block-columns .block-section {border: none;}
    .block-section.bilder .block-columns .block-section .block-section-container img {height: 200px;}
    
    main .oppettider ul li {font-size: 15px; line-height: 23px;}
    main .oppettider ul li strong {font-size: 12px;}
    
    .page-slider {min-height: 200px;}
    
    .produkter .btn-info {margin-top: 0;}
    .produkter h4 strong {font-size: 12px;}
    .produkter img {height: 200px; margin-top: 30px;}
    
    .recept img {height: 200px;}
    .personal img {height: 200px;}
    .puffar img {height: 200px;}
    
    .khl {margin: 0; width: 100%;}
    .khl img {margin-top: 15px !important;}
    .khl .__col:first-child {padding-right: 15px;}
    .khl .__col:last-child {padding-left: 15px;}
    
    .contact-filter li a {border-radius: 23px 0 0 23px;}
    .contact-filter li:last-child a {border-radius: 0 23px 23px 0;}
    
    .main-slider .block-gallery .carousel .carousel-caption > h3 {font-size: 3rem;}
    
    footer {padding: 10px 15px 20px 15px; text-align: center !important;}
    footer h4 {margin-top: 15px;}
    footer p {font-size: 15px; line-height: 26px;}
    footer a i {padding: 0 8px 0 0;}
    footer ul.oppettider li {font-size: 15px; line-height: 23px;}
    footer ul.oppettider li strong {font-size: 12px;}
    footer ul.meny li {font-size: 15px; line-height: 26px;}
    footer img {width: 100px; float: none !important; margin-left: auto; margin-right: auto; margin-top: 15px;}
    
    footer ul.oppettider {text-align: left !important;}
    
    .vh-md-auto {height:auto !important;}
    .vh-md-100 {height:100vh !important;}
    .vh-md-75 {height:75vh !important;}
    .vh-md-50 {height:50vh !important;}
    .vh-md-25 {height:25vh !important;}
    
    .contact-filter.jobba li a img {height:40px; margin-bottom:5px;}
    
    .text-left-center, .text-right-center {text-align: center !important;}  
    .text-right-left, .text-center-left {text-align: left !important;}
    .text-left-right, .text-center-right {text-align: right !important;}
    
    .bg-news-cover {height:30vh;}
    .__col.order-1-md {order:1;}
    .__col.order-2-md {order:2;}
    
	.contact-card .block-columns .__col .block-section {background: linear-gradient(to bottom, #fff 135px, #ccc 135px);}
	.contact-box .block-columns .__col .block-section {background-size:cover !important; height:400px; background-position: 30% 50%;}
	.contact-box .block-columns .__col .block-section:before {background:linear-gradient(to bottom, transparent 70%, #000066);}

    .row-gutter-md .row  .__col, .row-gutter .row  .__col {padding: 15px !important;}
	.row-gutter-md .block-columns:not(:last-child) {padding-bottom: 0;}
}

@media (max-width:558px) {
    .div-loader img.bg {width:300px;}
    .div-loader img.logo {width:50px;}
}

@media (max-width: 375px) {
    h1 {font-size: 30px; line-height: 35px;}
}

@media (max-width: 320px) {
    .navbar .navbar-brand img {width: 90px;}
    h1 {font-size: 25px; line-height: 30px;}
    .main-slider .block-gallery .carousel .carousel-caption > h3 {font-size: 2.5rem;}
    .block-section.start-box .block-columns .block-section.bild, .block-section.xs-box .block-columns .block-section.bg-image, .block-section.sm-box .block-columns .block-section.bg-image, .block-section.md-box .block-columns .block-section.bg-image, .block-section.lg-box .block-columns .block-section.bg-image {min-height: 150px;}
    .produkter img {height: 150px;}
    .recept img {height: 150px;}
    .personal img {height: 150px;}
    .puffar img {height: 150px;}
    .page-slider {min-height: 150px;}
    .block-section.bilder .block-columns .block-section .block-section-container img {height: 150px;}
    .navbar .navbar-nav .nav-link {padding: 10px 10px;}
    .navbar .navbar-nav .dropdown-menu .nav-item:last-child .nav-link, .navbar .navbar-nav .dropdown-menu .nav-link, .navbar-nav .nav-item.active .dropdown-menu .nav-link, .navbar-nav .nav-item.parent .dropdown-menu .nav-link {padding: 5px 20px;}
}



/*----------------NEWS PLUGIN-------------------*/

.plug-news {margin-top:1rem; margin-bottom:1rem;}
.plug-news:not(.filled):before {content:"Hämtar data, vänta..."; min-height:280px; background-image:url('../../assets/images/loader.gif'); background-position:center; background-size:180px; background-repeat:no-repeat; display: flex; align-items: flex-end; justify-content: center;}  /* position:fixed; left:0; right:0; top:0; bottom:0; background-color:$customlight; z-index:10000; backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);} */
.__base .plug-news:before, .__base .share-news:before, .__base .show-news:before {content: "NEWS PLUGIN - DO NOT ALTER"; min-height:auto; position:unset; background-image:none; backdrop-filter:unset; -webkit-backdrop-filter:unset; text-align: center; display: block; font-size: 2rem;}
.__base .share-news:before {content: "SHARE NEWS PLUGIN - DO NOT ALTER";}
.__base .show-news:before {content: "SHOW NEWS PLUGIN - DO NOT ALTER";}
.plug-news.news-2 .news-item {flex: 1 1 40%;}
.plug-news.news-3 .news-item {flex: 1 1 30%;}
.plug-news.news-4 .news-item {flex: 1 1 20%;}
.plug-news .news-item {position:relative; background: #f2f2f2; overflow: hidden; border-radius: 30px; display:inline-block; width:100%; transition:.3s all;}
.plug-news .news-item:hover {cursor:pointer; box-shadow: 3px 3px 15px rgb(0 0 0 / 30%);}
.plug-news .news-inner {display:grid; flex-wrap: wrap; grid-gap:30px; grid-template-columns: repeat(auto-fill,minmax(30%, 1fr));}
.plug-news .news-item img {width:100%; height:300px; object-fit:cover; object-position:center; margin-top:0; background: rgba(0,0,0,.2); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);}
.plug-news .news-item img.front {object-fit:cover; position: absolute;  top:0; left: 50%; transform: translateX(-50%);}
.plug-news .news-item .news-content {padding:2rem; background-color:#f2f2f2;}
.plug-news .news-item .news-content hr {background-color:#e6e6e6 /* 10% Black */; margin:0 !important;}
.plug-news .news-item h6 {font-family:"futura-pt", Arial, Sans-serif;}
.plug-news .news-item strong, .plug-news .news-item h4, .plug-news .news-item h6 {margin-top:5px; font-weight:400 !important;}
.plug-news .news-item p { margin-top:1rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.plug-news .news-item small {display: block; /*margin-top: 15px;*/ font-style: italic;}
.plug-news .slick-track {display:flex; flex-wrap: wrap; height: 100%;}
.plug-news .slick-track .news-item.slick-slide {margin:0 !important;}
.plug-news .slick-track .news-item .news-content {height:100%;}
.plug-news .slick-slider .slick-arrow {transform:none; top:120px; background:$customdark; transition:.3s all; opacity:.2; border-radius: 50%; HEIGHT: 60PX; width: 60px; display: flex !important; justify-content: center; align-items: center;}
.plug-news .slick-slider .slick-arrow:before {font-size:25px;}
.plug-news .slick-slider .slick-arrow:hover {opacity:1;}

.share-news .share-inner.row {border-top:2px solid #cc0033; border-bottom:2px solid #cc0033;}
.share-news .share-inner.row > div:first-child {border-right:2px solid #cc0033; }
.share-news .share-inner a {background:transparent; border:2px solid #cc0033; height:60px; width:60px; border-radius:50%; display: inline-flex; justify-content: center; align-items: center; text-align:center; font-size:30px; margin:0 5px; text-decoration:none !important; transition: .3s all;}
.share-news .share-inner a:after {display:none;}
.share-news .share-inner a i {color:#cc0033;}
.share-news .share-inner a:hover {background:#000066;} .share-news .share-inner a:hover i {color:#fff;}

.show-news .show-inner a.back {text-transform:uppercase; color:#b3b3b3 /* 30% Black */ !important; text-decoration:none; border-bottom:1px dotted;}
.show-news .show-list ul {padding:0; list-style:none; display:flex; margin-top:30px !important;}
.show-news .show-list ul li:before {display:none;}
.show-news .show-list ul li a:before {content:""; background-color:#f2f2f2; background-image:url('../../assets/images/logo_primary.svg'); background-size:80px; background-position:center; background-repeat:no-repeat; height:100px; width:100%; border-radius: 20px 20px 0 0; display: block; margin-bottom:5px;}
.show-news .show-list ul li {display:none; width: -webkit-fill-available; text-align:center; padding:0 10px; line-height:normal; font-style:italic;}
.show-news .show-list ul li:hover a {border-bottom:0; color:#cc0033;}
.show-news .show-list ul li:nth-child(-n+4) {display:list-item;}


@media (max-width: 1280px) {
    .block-section:not(.full-width-all) .plug-news.news-3 .news-item, .block-section:not(.full-width-all) .plug-news.news-4 .news-item {flex: 1 1 40%;}
    .block-section.full-width-all .plug-news.news-4 .news-item {flex: 1 1 30%;}
    .plug-news .news-inner, .media-list .div-media-list {grid-template-columns: repeat(auto-fill,minmax(40%, 1fr));}
    .media-list-solo {height:250px;}
}
@media (max-width: 992px) {
    .block-section.full-width-all .plug-news.news-4 .news-item, .media-list-solo {flex: 1 1 40%;}
    .share-news .share-inner a {height:45px; width:45px; font-size:20px; margin:0 2px;}
    .media-list .div-media-list {grid-gap:20px;}
}
@media (max-width: 767px) {
    .plug-news .slick-slider .slick-arrow {top:80px;  HEIGHT: 40PX; width: 40px; opacity:.5;}
    .plug-news .slick-slider .slick-arrow:before {font-size:15px;}
    .plug-news .news-item img {height:200px;}
    .plug-news .news-item:not(.slick-slide), .media-list-solo {flex: 1 1 100% !important;}
    .share-news .share-inner.row > div:first-child {border:none;}
    .show-news .show-list ul li a:before {background-size:60px; height:60px;}
    .show-news .show-list ul li {font-size:10px; line-height:15px;}
    .show-news .show-list ul li:nth-child(3), .show-news .show-list ul li:nth-child(4) {display:none;}
    .img-media .caption, .media-list-solo .caption {opacity:1;}
    .plug-news .news-inner, .media-list .div-media-list {grid-template-columns: repeat(auto-fill,minmax(100%, 1fr));}
}
@media (max-width: 558px) {
    .show-news .show-list ul {flex-direction: column;}
    .show-news .show-list ul li {margin-bottom:20px !important;}
    .show-news .show-list ul li:nth-child(-n+4) {display:list-item !important;}
}