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







html, body {background-color: #fff; font-family: "Cardo", Arial, Sans-serif; font-size: 18px; line-height: 1.9; letter-spacing: .3px; font-weight: 400; color: #575757 /* 70% Black */; overflow-x: hidden;} 

img {border: 0; max-width: 100%; vertical-align: middle !important;}

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

h1 {margin: 0; padding: 0; color: #000 /* 80% Black */; font-size: 3rem; line-height: 1.3; letter-spacing: 2px; text-transform: uppercase;}
h2 {margin: 0; padding: 0; color: #000 /* 80% Black */; font-size: 2.5rem; line-height: 1.3;}
h3 {margin: 0; padding: 0; color: #000 /* 80% Black */; font-size: 2rem; line-height: 1.3;}
h4 {margin: 0; padding: 0; color: #000 /* 80% Black */; font-size: 1.75rem; line-height: 1.4;}
h5 {margin: 0; padding: 0; color: #000 /* 80% Black */; font-size: 1.25rem; line-height: 1.6;}
h6 {margin: 0; padding: 0; color: #000 /* 80% Black */; font-size: .75rem; line-height: 1.9; letter-spacing: 2px; text-transform: uppercase;}

p {margin: 0; padding: 0;}

a {text-decoration: none; border-bottom: 1px solid transparent; color: #575757; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
a:hover {color: #575757; border-bottom: 1px solid #eb5900; text-decoration: none;}

a img {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: .5;}

h1 a, h2 a, h3 a, h4 a, h5 a {border: none !important; color: #575757;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {color: #eb5900;}

strong {font-weight: 700;} 

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

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

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

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

.btn {white-space: normal; border: none !important; font-size: .75rem; letter-spacing: 2px; text-transform: uppercase; padding: 20px 50px; border-radius: 5px; font-style: normal; display: inline-block; margin: 50px 0 0 0; text-decoration: none;}

.btn-primary {background-color: #eb5900; color: #fff !important;}
.btn-primary:hover {background: #000 /* 80% Black */;}

.btn-secondary {background-color: #eb5900; color: #fff !important;}
.btn-secondary:hover {background: #000 /* 80% Black */;}

.btn-info {background-color: #3C6EFF; color: #fff !important;}
.btn-info:hover {background-color: #000 /* 80% Black */;}

.btn-success {background-color: #00F08C; color: #fff !important;}
.btn-success:hover {background-color: #000 /* 80% Black */;}

.btn-warning {background-color: #FFEB00; color: #000 /* 80% Black */ !important;}
.btn-warning:hover {background-color: #000 /* 80% Black */; color: #fff !important;}

.btn-danger {background-color: #F03278; color: #fff !important;}
.btn-danger:hover {background-color: #000 /* 80% Black */;}

.btn-light {background-color: #fff; color: #000 /* 80% Black */ !important;}
.btn-light:hover {background-color: #000 /* 80% Black */; color: #fff !important;}

.btn-dark {background-color: #000 /* 80% Black */; color: #fff !important;}
.btn-dark:hover {background-color: #fff; color: #000 /* 80% Black */ !important;}

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

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

.border-col .block-columns .__col {border-width: 1px; border-style: solid;}
.border-top-col .block-columns .__col {border-top-width: 1px; border-top-style: solid;}
.border-bottom-col .block-columns .__col {border-bottom-width: 1px; border-bottom-style: solid;}
.border-left-col .block-columns .__col {border-left-width: 1px; border-left-style: solid;}
.border-right-col .block-columns .__col {border-right-width: 1px; 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: #eb5900 !important;}
.border-secondary {border-color: #eb5900;}

.border-dark {border-color: #000 /* 80% Black */;}
.border-light {border-color: #fff;}

.border-info {border-color: #3C6EFF;}
.border-success {border-color: #00F08C;}
.border-warning {border-color: #FFEB00;}
.border-danger {border-color: #F03278;}

.border-custom1 {border-color: #575757 /* 70% Black */;}
.border-custom2 {border-color: #8e8e8e /* 40% Black */;}
.border-custom3 {border-color: #b3b3b3 /* 30% Black */;}
.border-custom4 {border-color: #ccc /* 20% Black */;}
.border-custom5 {border-color: #ececec /* 10% Black */;}
.border-custom6 {border-color: #fafafa /* 5% Black */;}

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

.border-dark-col .block-columns .__col {border-color: #000 /* 80% Black */;}
.border-light-col .block-columns .__col {border-color: #fff;}

.border-info-col .block-columns .__col {border-color: #3C6EFF;}
.border-success-col .block-columns .__col {border-color: #00F08C;}
.border-warning-col .block-columns .__col {border-color: #FFEB00;}
.border-danger-col .block-columns .__col {border-color: #F03278;}

.border-custom1-col .block-columns .__col {border-color: #575757 /* 70% Black */;}
.border-custom2-col .block-columns .__col {border-color: #8e8e8e /* 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: #ececec /* 10% Black */;}
.border-custom6-col .block-columns .__col {border-color: #fafafa /* 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: 2px solid #fafafa /* 5% Black */; 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: 2px solid #fafafa /* 5% Black */;}
.block-list-group .list-group-item:hover {background: #fafafa /* 5% Black */;}
.block-list-group .list-group-item p {margin: 0 !important;}

.block-list-group.accordion .card {padding: 0; border: none; border-radius: 0; background: #fafafa /* 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; width: 100%; text-align: left; margin: 0; font-style: normal; text-transform: none; font-weight: 700; font-size: 1rem; line-height: 1.9; color: #575757; letter-spacing: .3px; display: block; border: none; text-decoration: none;}
.block-list-group.accordion .card .card-header h5 .btn:after {content: "\f0d7"; font-family: "Font Awesome 5 Free"; font-weight: 900; float: right; color: #eb5900;}
.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: #8e8e8e /* 40% Black */; font-weight: 700;}
.block-list-group.tabs .nav-tabs .nav-item.active {background: #fafafa /* 5% Black */;}
.block-list-group.tabs .nav-tabs .nav-item.active .nav-link {color: #575757;}
.block-list-group.tabs .nav-tabs .nav-item:hover .nav-link {color: #eb5900;}
.block-list-group.tabs .nav-tabs .nav-item:before {display: none;}
.block-list-group.tabs .tab-content {padding: 40px 60px; border: none; background: #fafafa /* 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 #fafafa /* 5% Black */ !important; border-radius: 0; background: transparent;}
.news .list-group-item:hover {background: #fafafa /* 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: #eb5900; color: #eb5900;}

.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: #000 /* 80% Black */; 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 .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 a.control-accept-cookies {padding: 0 0 0 10px; border: none;}
.cookies-container a.control-accept-cookies:before {content: "\f30b"; font-family: "Font Awesome 5 Free"; font-weight: 900; padding: 0 10px 0 0; color: #eb5900;}
.cookies-container a.control-accept-cookies:hover {border: none; color: #eb5900;}

/* ----- COOKIE BANNER STYLING ----- */
#modal-cc {background-color: rgba(26,26,26,.9); overflow: scroll;}
#modal-cc ::-webkit-scrollbar-thumb {background: #333; border-radius:0;}
#modal-cc ::-webkit-scrollbar-track {background:#333;}
#modal-cc .modal-dialog {background: #fff; overflow: scroll; position: fixed; margin: 0; bottom:0; max-width: 650px;}
#modal-cc .modal-content {box-shadow: none!important; border-bottom: none!important; height:100vh; border-radius: 0; background: #fff; color: #333;}
#modal-cc .modal-header {border-bottom:none; padding:3rem 3rem .5rem 3rem;}
#modal-cc .modal-header h4 {font-weight: 700; text-transform: uppercase;}
#modal-cc .modal-header .close {position: absolute; top: 1em; right: 1em;}
#modal-cc .modal-title {line-height:initial;}
#modal-cc .modal-body {font-size: 0.8em; padding: 1.5rem 3rem 3rem 3rem; overflow-y: auto;}
#modal-cc hr {margin: 30px auto 20px auto;}
#modal-cc #cc-buttons {display: flex; justify-content: space-between;}
#modal-cc #cc-buttons button {margin-right: 10px;}
#modal-cc #cc-buttons button:after {float: none; margin-left: 15px;}
#modal-cc #cc-buttons button:hover {background-color: #1a1a1a !important; color: #fff !important;}
#cc-settings-button {font-size: 1.5em; border-bottom: none; }

@media (max-width: 1920px) {
    #modal-cc .modal-dialog {max-width:570px;}
} @media (max-width: 1440px) {
    #modal-cc .modal-dialog {max-width:500px;}
} @media (max-width:767px) {
    #modal-cc .modal-content {height:80vh;}
}
/* ----- END: COOKIE BANNER STYLING ----- */
/***************** menu *********************/

.navbar {height: 100px; padding: 0 25px; background-color: #fafafa /* 5% Black */; border-bottom: 1px solid #ececec /* 10% Black */; 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: 200px;}
.navbar .navbar-toggler {font-size: 2.5rem;}
.navbar .navbar-nav .nav-link {margin: 0 25px; padding: 0; color: #b3b3b3 /* 30% Black */; font-size: .75rem; letter-spacing: 2px; text-transform: uppercase;}
.navbar .navbar-nav .nav-link:hover {color: #eb5900 !important;}
.navbar .navbar-nav .nav-item.active .nav-link {color: #eb5900;}
.navbar .navbar-nav .has_childs .nav-link:after {content: "\f0d7"; 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: "\f0d8"; 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;}
.navbar .navbar-nav .dropdown-menu .nav-link, .navbar-nav .nav-item.active .dropdown-menu .nav-link {border: none; border-radius: 0; background: #fff; border-left: 4px solid #ccc /* 20% Black */; white-space: nowrap; color: #b3b3b3 /* 30% Black */ !important; padding: 10px 40px 10px 30px; margin: 0;}
.navbar .navbar-nav .dropdown-menu .nav-link:hover, .navbar-nav .nav-item.active .dropdown-menu .nav-link:hover {background: #fff; color: #000 /* 80% Black */ !important; border: none; border-left: 4px solid #ccc /* 20% Black */;}
.navbar .navbar-nav .dropdown-menu .nav-item.active .nav-link {background: #fff; color: #000 /* 80% Black */ !important; border: none; border-left: 4px solid #eb5900;}

.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.no-bottom {padding-bottom: 0 !important;}

.block-section.bg-image {background-position: center center;}

.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-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 100px 130px 100px;}
.block-section.lg-box .block-columns .block-section {padding: 200px 200px 230px 200px;}

.block-section-container.sm-box {padding: 50px 50px 80px 50px; border-radius: 5px;}

.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 .block-section:first-child, .block-error-404 {margin-top: 100px;}

main p, main img {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; 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: #eb5900;}

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

.vh-25 {height: 25vh;}
.vh-50 {height: 50vh;}
.vh-75 {height: 75vh;}

.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%; -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;}

.personal h6 {margin-top: 5px !important; color: #eb5900;}
.personal img {margin-left: auto; margin-right: auto; width: 230px; display: block;}

.referenser img {margin-left: auto; margin-right: auto; width: 250px; display: block;}

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

footer .container-fluid {padding: 100px 0 130px 0;}
footer h6 {margin-top: 30px;}
footer .btn {margin: 0 !important;}

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

.block-form {margin-top: 30px !important;}
.block-form .form-control {border: none; background: #fafafa /* 5% Black */; border-left: 4px solid #ccc /* 20% Black */; color: #000 /* 80% Black */; padding: 15px; font-size: .75rem; 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: #fff; border-left: 4px solid #eb5900; color: #000 /* 80% Black */;}
.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 {margin-top: 0;}
.block-form .input-group-addon {border-radius: 0; padding: 15px; font-size: .75rem; line-height: 1.5; background-color: #ccc /* 20% Black */; color: #8e8e8e /* 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 h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light p, .text-light a, .text-light a:hover {color: #fff;}
.text-light hr {background-color: #fff; color: #fff;}

.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: #000 /* 80% Black */;}

.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: #eb5900;}
.text-secondary p, .text-secondary h1, .text-secondary h2, .text-secondary h3, .text-secondary h4, .text-secondary h5, .text-secondary h6, .text-secondary a, .text-secondary a:hover {color: #eb5900;}

.text-success p, .text-success h1, .text-success h2, .text-success h3, .text-success h4, .text-success h5, .text-success h6, .text-success a, .text-success a:hover {color: #00F08C;}
.text-danger p, .text-danger h1, .text-danger h2, .text-danger h3, .text-danger h4, .text-danger h5, .text-danger h6, .text-danger a, .text-danger a:hover {color: #F03278;}
.text-warning p, .text-warning h1, .text-warning h2, .text-warning h3, .text-warning h4, .text-warning h5, .text-warning h6, .text-warning a, .text-warning a:hover {color: #FFEB00;}
.text-info p, .text-info h1, .text-info h2, .text-info h3, .text-info h4, .text-info h5, .text-info h6, .text-info a, .text-info a:hover {color: #3C6EFF;}

.bg-primary {background-color: #eb5900;}
.bg-secondary {background-color: #eb5900;}

.bg-dark {background-color: #000 /* 80% Black */;}
.bg-light {background-color: #fff;}

.bg-info {background-color: #3C6EFF;}
.bg-success {background-color: #00F08C;}
.bg-danger {background-color: #F03278;}
.bg-warning {background-color: #FFEB00;}

.bg-custom1 {background-color: #575757 /* 70% Black */;}
.bg-custom2 {background-color: #8e8e8e /* 40% Black */;}
.bg-custom3 {background-color: #b3b3b3 /* 30% Black */;}
.bg-custom4 {background-color: #ccc /* 20% Black */;}
.bg-custom5 {background-color: #ececec /* 10% Black */;}
.bg-custom6 {background-color: #fafafa /* 5% Black */;}

.bg-custom6 p {color: #8e8e8e /* 40% Black */;}
.bg-custom6 hr {background-color: #fff; color: #fff;}
.bg-custom6 .block-list-group .list-group-item {border-color: #fff;}
.bg-custom6 .block-list-group .list-group-item:last-child {border-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: #fafafa /* 5% Black */;}
.bg-custom6 .block-list-group.tabs .nav-tabs .nav-item {background: #fafafa /* 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: #fafafa /* 5% Black */;}


@media (max-width: 1920px) {
    html, body {font-size: 14px;} 
    
    hr {margin: 45px auto 23px auto;}
    
    .btn {padding: 15px 38px; border-radius: 4px; margin: 38px 0 0 0;}

    .block-list-group {margin: 23px 0 0 0;}
    .block-list-group .list-group-item {padding: 11px 23px;}
    
    .block-list-group.accordion .card {margin-bottom: 4px;}
    .block-list-group.accordion .card .card-header h5 .btn {padding: 15px 23px; }
    .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 8px 0 0;}
    
    .navbar {padding: 0 19px;}
    .navbar .navbar-brand img {width: 150px;}
    .navbar .navbar-nav .nav-link {margin: 0 19px;}
    .navbar .navbar-nav .has_childs .nav-link:after {padding: 0 0 0 8px;}
    
    .navbar .navbar-nav .dropdown-menu .nav-link, .navbar-nav .nav-item.active .dropdown-menu .nav-link {padding: 8px 30px 8px 23px;}
    
    .container, .block-section > .block-section-container {max-width: 1050px;}

    .block-section, footer .container-fluid {padding: 75px 0 98px 0;}
    
    .block-section.xs-box .block-columns .block-section {padding: 0 11px 23px 11px;}
    .block-section.sm-box .block-columns .block-section {padding: 38px 38px 61px 38px;}
    .block-section.md-box .block-columns .block-section {padding: 75px 75px 98px 75px;}
    .block-section.lg-box .block-columns .block-section {padding: 150px 150px 173px 150px;}
    
    .block-section-container.sm-box {padding: 38px 38px 61px 38px; border-radius: 4px;}
    
    .block-section.banner .block-section-container {padding-bottom: 38px;}
    
    main .block-section:first-child, .block-error-404 {margin-top: 75px;}
    
    main p, main img {margin: 19px 0 0 0;}
    main h1, main h2, main h3, main h4, main h5, main h6, footer 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-slider .block-gallery .carousel .carousel-control {padding: 0 75px;}
    .main-slider .block-gallery .carousel .carousel-caption {padding: 75px;}

    .block-form {margin-top: 23px !important;}
    .block-form .form-control {padding: 11px;}
    .block-form .input-group-addon {padding: 11px; }
    .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: 1440px) {
    .navbar {height: 75px;}
    .navbar .navbar-brand img {width: 130px;}
}

@media (max-width: 1280px) {
    html, body {font-size: 12px;} 
    
    a {border-width: 1px;}
    a:hover {border-width: 1px;}
    
    hr {margin: 30px auto 15px auto;}
    
    .btn {padding: 10px 25px; border-radius: 3px; margin: 25px 0 0 0; letter-spacing: 1px;}
    
    .border, .border-top, .border-bottom, .border-left, .border-right {border-width: 1px;}

    .block-list-group {margin: 15px 0 0 0;}
    .block-list-group .list-group-item {padding: 8px 15px; border-width: 1px;}
    
    .block-list-group.accordion .card {margin-bottom: 3px;}
    .block-list-group.accordion .card .card-header h5 .btn {padding: 10px 15px; }
    .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-date {letter-spacing: 2px;}
    .news .list-group-item .list-content {margin: 15px 0 0 0;}

    #block-gallery-modal .caption-container {padding: 15px;}
    #block-gallery-modal p {padding: 5px 0 0 0 !important; letter-spacing: 2px;}

    .block-gallery .carousel {margin-top: 15px !important;}
    .block-gallery .carousel .carousel-control {padding: 0 25px;}
    .block-gallery .carousel .carousel-indicators li {border-width: 1px;}
    .block-gallery .carousel .carousel-caption {width: 480px; padding: 25px;}
    .block-gallery .carousel .carousel-caption > p {padding: 5px 0 0 0; letter-spacing: 2px;}
    .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 5px 0 0;}
    
    .navbar .navbar-nav .nav-item.active .nav-link {border-width: 1px;}
    
    .navbar .navbar-nav .dropdown-menu .nav-link, .navbar-nav .nav-item.active .dropdown-menu .nav-link {padding: 5px 20px 5px 15px; border-width: 2px;}
    .navbar .navbar-nav .dropdown-menu .nav-link:hover, .navbar-nav .nav-item.active .dropdown-menu .nav-link:hover {border-width: 2px;}
    .navbar .navbar-nav .dropdown-menu .nav-item.active .nav-link {border-width: 2px;}
    
    .container, .block-section > .block-section-container {max-width: 900px;}

    .block-section, footer .container-fluid {padding: 50px 0 65px 0;}
    
    .block-section.xs-box .block-columns .block-section {padding: 0 15px 15px 15px;}
    .block-section.sm-box .block-columns .block-section {padding: 25px 25px 40px 25px;}
    .block-section.md-box .block-columns .block-section {padding: 50px 50px 65px 50px;}
    .block-section.lg-box .block-columns .block-section {padding: 100px 100px 115px 100px;}
    
    .block-section-container.sm-box {padding: 25px 25px 40px 25px; border-radius: 3px;}
    
    .block-section.banner .block-section-container {padding-bottom: 25px;}

    main p, main img {margin: 13px 0 0 0;}
    main h1, main h2, main h3, main h4, main h5, main h6, footer 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-slider .block-gallery .carousel .carousel-control {padding: 0 50px;}
    .main-slider .block-gallery .carousel .carousel-caption {padding: 50px;}
    
    .personal img {width: 165px;}
    .referenser img {width: 200px;}
    
    .block-form {margin-top: 15px !important;}
    .block-form .form-control {padding: 8px; border-width: 2px;}
    .block-form .form-control:focus {border-width: 2px;}
    .block-form .input-group-addon {padding: 8px;}
    .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) {
    h1 {font-size: 2.5rem;}
    h2 {font-size: 2rem;}
    h3 {font-size: 2rem;}
    h4 {font-size: 1.6rem;}
    h5 {font-size: 1.2rem;}
    
    .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 {padding: 0 15px;}
    .navbar .navbar-nav .nav-link {margin: 0 15px;}
    
    .container, .block-section > .block-section-container {max-width: 100%;}

    .block-section, footer .container-fluid {padding: 50px 15px 75px 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;}
}

@media (max-width: 767px) {
    h1 {font-size: 2rem;}
    h2 {font-size: 2rem;}
    h3 {font-size: 1.7rem;}
    h4 {font-size: 1.3rem;}
    h5 {font-size: 1rem;}
    
    .border-left-col .block-columns .__col {border: none;}
    .border-right-col .block-columns .__col {border: none;}
    
    .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;}
    
    .navbar {padding: 0;}
    .navbar .navbar-nav {margin-top: 15px;}
    .navbar .navbar-brand img {margin-left: 15px;}
    .navbar .navbar-toggler {margin-right: 15px;}
    .navbar .navbar-nav .nav-link {margin: 0; padding: 15px 20px; font-size: 1.3rem; border-bottom: 1px solid #fafafa /* 5% Black */ !important; background: #fff; color: #000 /* 80% Black */ !important;}
    .navbar .navbar-nav .nav-item.active .nav-link {background: #eb5900; color: #fff !important;}
    
    .block-section, footer .container-fluid {padding: 25px 15px 40px 15px;}
    
    .block-section.xs-box .block-columns .block-section {padding: 0 15px 15px 15px;}
    .block-section.sm-box .block-columns .block-section {padding: 0 15px 15px 15px;}
    .block-section.md-box .block-columns .block-section {padding: 25px 15px 40px 15px;}
    .block-section.lg-box .block-columns .block-section {padding: 75px 15px 90px 15px;}
    
    .block-section-container.sm-box {padding: 0 15px 15px 15px;}
    
    .main-slider .block-gallery .carousel .carousel-caption > h3 {font-size: 3rem;}
    
    .personal img {width: 165px;}
    .referenser img {width: 150px;}
    
    table td {width: 100% !important; display: block;}
    
    footer .btn {margin: 15px 0 0 0 !important;}
    
}

@media (max-width: 320px) {
    h1 {font-size: 1.75rem;}
    h2 {font-size: 1.75rem;}
    h3 {font-size: 1.5rem;}
    
    .navbar .navbar-brand img {width: 110px;}

    .main-slider .block-gallery .carousel .carousel-caption > h3 {font-size: 2.5rem;}
}