h1 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #333333; line-height: 20px; font-weight: 600; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #333333; line-height: 20px; font-weight: 400; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; line-height: 18px; font-weight: 600; }
p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 18px; font-weight: 400; }
li { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; line-height: 18px; font-weight: 400;  }body { background: #ffffff; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #333333; line-height: 18px; font-weight: 400; }
a:link { text-decoration: none; color: #000000; font-weight: 400; }
a:visited { text-decoration: none; color: #000000; font-weight: 400; }
a:active { text-decoration: none; color: #000000; font-weight: 400; }
a:hover { text-decoration: none; color: #000000; font-weight: 400; }
a:focus { text-decoration: none; color: #000000; font-weight: 400; }
.navbar-default li { font-family:Arial, Helvetica, sans-serif; font-size: 12px; text-transform:none; }
.navbar-default .navbar-toggle .glyphicon {color: #004eb5;}
.navbar-default .navbar-toggle .icon-bar {background-color: #004eb5;}.navbar-default .navbar-nav>li a { color:#004eb5; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li a:hover { color:#d90000; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li.active a:hover { color:#d90000; text-decoration:none; font-weight:400; }
.navbar-default .dropdown-menu>li a:hover { color:#d90000; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li a:focus { color:#d90000; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li.active a:focus { color:#d90000; text-decoration:none; font-weight:400; }
.navbar-default .dropdown-menu>li a:focus { color:#d90000; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>.active>a { color:#d90000; text-decoration:none; font-weight:400; }
.navbar-default .dropdown-menu>li.active a { color:#d90000; text-decoration:none; font-weight:400; }
.navbar { margin-bottom:0px; }
header { margin-bottom:0px; position:relative; }
#page .container { max-width:1170px; }
/* GDPR */
body #CybotCookiebotDialog {top: auto; width: 100%; height: auto; box-shadow: none; box-shadow: 0 -2px 5px #ccc; bottom: 0; padding: 10px 0 0;}
body #CybotCookiebotDialogBody {max-width: 1200px; width: 100%;}
body #CybotCookiebotDialogDetailBody {max-width: 1190px; width: 100%;}
body .CookieDeclarationTableCell {padding: 9px 5px;}
body #CybotCookiebotDialogPoweredbyLink {display: none;}
body #CybotCookiebotDialogBodyContent {float: left; padding: 5px 0 18px 5px;}
body .CookieDeclarationTypeDescription {font-size: 13px !important;}
body #CybotCookiebotDialogBodyButtons {float: right; padding-left: 20px; padding-top: 6px;}
body #CybotCookiebotDialogBodyButtonAccept {background-color: #006633; border: 1px solid #006633; font-weight: bold; border-radius: 20px; line-height: 1 !important; padding: 4px 10px 6px !important; float: right; font-size: 14px;}
body form.wpcf7-form .wpcf7-acceptance input[type="checkbox"] {width: auto !important; margin: 5px 10px 10px 0 !important;}
#page {overflow-x: hidden;}

#content ul {
   list-style: outside;
   margin-left: 2em;
   margin-bottom: 15px;
}


/* BODY */
body h1 {font-size:30px; line-height:34px; font-family: Rubik, sans-serif; font-weight:700; color:#000; }
body h2 {font-size:26px; line-height:30px; font-family: Rubik, sans-serif; font-weight:700; color:#000; }
body h3 {font-size:24px; line-height:30px; font-family: Rubik, sans-serif; font-weight:700; color:#000; }
body p, body li, body td, body dd, body label {font-size:16px; line-height:22px; font-family: Rubik, sans-serif; font-weight:400; color:#000; }
#page {overflow-x:hidden;}
a {transition: all 0.3s ease;}
html {scroll-behavior:smooth;}



#header {position: absolute; z-index: 10; left:0; right:0; margin: 0 auto; background: #fff; border-bottom: solid 9px #ffda00; }


#header .logoholder {padding: 15px 0px; }

#header ul#menu-main {float:right; padding: 30px 0px; }

#header ul#menu-main li a {font-size:16px; line-height:40px; padding:0; color:#333; font-weight:400; font-family: Rubik, sans-serif; position:relative; transition:0.3s; margin:0 1px; text-decoration:none; }
#header ul#menu-main li {padding:0 10px; }
#header ul#menu-main li a:after {content:""; position:absolute; bottom:-1px; left:0; right:0; margin:0 auto; text-align:center; height:2px; width:0%; background: #ffda00; opacity:0; transition:0.3s; }

#header ul#menu-main li a:hover {color:#ffda00; }
#header ul#menu-main li a:hover:after {opacity:1; width:100%; }
#header ul#menu-main li.active > a {color:#ffda00; }
#header ul#menu-main li.active > a:after {opacity:1; width:100%; }

#header ul#menu-main li.current-menu-ancestor > a {color:#ffda00; }
#header ul#menu-main li.current-menu-ancestor > a:after {opacity:1; width:100%; }

#header ul#menu-main ul {background:#fff; margin-top:1px; }
#header ul#menu-main ul li a:hover {background:none; }
#header ul#menu-main ul li.active a {background:none; }

.logoholder a img {width:240px; left:40px; position: absolute;}


.home #top, .page-id-258 #top, #top{display:none;}
#top {background: url("/files/schakt3-scaled.jpg") no-repeat center center fixed; background-size: cover; padding: 200px 15px 100px 15px; }
body:not(.home) #top {margin-bottom: 40px; }
#inside-content {    background-position: right !important;}
.white * {color:#fff;}
.white h1 {font-size:45px; line-height:45px;}
#hero-text {position:absolute!important; top:50%; left:0!important; transform: translateY(-50%);}
#herosection {position:relative; padding-top:0!important;}
#herosection .vc_column_container>.vc_column-inner {padding:0!important;}
#top .custom-html-widget {width: 50%; }
#top h2, #top p {color:#fff; }

#top a {font-size:16px; line-height:22px; font-family: Rubik, sans-serif; font-weight:400; color:#fff; background: #ffda00; text-decoration: none; text-transform: uppercase; padding: 15px 30px; display: inline-block; transition: 0.3s; }
#top a:hover {background: #eba90a; }
.vc_btn3.vc_btn3-size-md {font-size:16px; line-height:22px; font-family: Rubik, sans-serif; font-weight:400; color:#fff; background: #ffda00; text-decoration: none; text-transform: uppercase; padding: 15px 30px; display: inline-block; transition: 0.3s; background-image:none!important;}
.vc_btn3.vc_btn3-size-md:hover {background: #eba90a!important;}
#content ul {padding-left: 25px; }
#content ul.slides {padding-left:0!important;}
.entry-content {  margin-top: 106px;}
.color a {color:#000; text-decoration: none; }
.color a:hover {color: #ffda00; }


#maskiner img, #referenser img{max-width:120px;}
.container-video {width: 100%;
    overflow:hidden;
    display:block;
    height:auto;
max-height:100vh; position:relative;}

.page-id-359 .container-video { height: calc(100vh-106px);
    height: -webkit-calc(100vh - 106px);
    height: -moz-calc(100vh - 106px);
    height: -o-calc(100vh - 106px);
}

.image-wave {position:absolute; bottom:-1px; left:0;}
.image-wave img {width:100%; max-width:100%;}
/***hem3*/
.page-id-621 #header {border-bottom:0px solid transparent!important; background:transparent!important;}
.page-id-621 .entry-content {margin-top:0!important;}
.page-id-621 #header ul#menu-main li a {color:#fff;}
.page-id-621 #header ul#menu-main li.current-menu-ancestor > a {   color: #ffda00;}
.page-id-621 #header ul#menu-main ul {  background: rgba(0,0,0,0.5);}
.letters {letter-spacing:1px; text-transform:uppercase; }
.letters-2 {letter-spacing:1px; text-transform:uppercase; color:#fff!important;}
.page-id-621 .color a {color:#000; }


/**footer*/
#footer {background: #333333; padding: 60px 0 45px; }

#footer p {color: #fff;}
#footer a:hover {color: #fff;}
#footer a {color:#fff!important;}
#footer a.ctabtn {font-size:16px; line-height:22px; font-family: Rubik, sans-serif; font-weight:400; color:#000; background: #ffda00; text-decoration: none; text-transform: uppercase; padding: 15px 30px; display: inline-block; transition: 0.3s; text-align: center; }
#footer a.ctabtn:hover {background: #eba90a; }


.footer-2 {text-align: center; }

#footer i {font-size: 30px; margin: 0 15px 30px 0; }

#arrow .vc_icon_element-icon {
        animation-name: bounce-3;
        animation-timing-function: ease;
    animation-duration: 2s;
        animation-iteration-count: infinite;
transform:translateY(0);
    }
    @keyframes bounce-3 {
       0%   { transform: translateY(0); }
        12.5%  { transform: translateY(-20px); }
        25%  { transform: translateY(0); }
        37.5%  { transform: translateY(-20px); }
        50% { transform: translateY(0); }
        100% { transform: translateY(0); }
    }

/* Popup Fix */
.pp_top, .pp_bottom {display: none !important;}
body div.pp_default .pp_content_container .pp_left {background: transparent; padding: 0;}
body div.pp_default .pp_content_container .pp_right {background: transparent; padding: 0;}
body div.pp_default .pp_nav {display: none !important;}
body div.pp_default .pp_content {background: transparent;}
body div.pp_default .pp_description {font-size: 13px; color: #fff; line-height: 14px;}
body div.pp_default .pp_description {margin: 0;}
div.pp_default .pp_content_container .pp_details {margin: 0; position: absolute; top: -50px; background: transparent;}
div.pp_default .pp_content_container .pp_details .pp_description {display: none !important;}
div.pp_default .pp_content_container .pp_details a.pp_close {right: 0px !important; top: 18px !important;}
div.pp_default .pp_loaderIcon {display: none !important;}
.pp_gallery {display: none !important;}
body div.pp_default .pp_close  {background: url(/files/sprite.png) 2px 1px no-repeat;}
body div.pp_default .pp_next:hover {background: url(/files/sprite_next.png) center right no-repeat; filter: invert(100%);}
body div.pp_default .pp_previous:hover {background: url(/files/sprite_prev.png) center left no-repeat; filter: invert(100%);}





/* Mobile CSS */
@media all and (max-width: 1200px)  {
.logoholder a img {width:240px; left:unset; position:static;}
#header ul#menu-main li {padding: 0 5px; }
#header ul#menu-main li a {font-size: 14px; }

.color .vc_col-sm-2 {width: 100%; }
.color .vc_col-sm-10 {width: 100%; }
/*#hero-text .vc_col-sm-8 {width:100%!important;}*/
.white h1 {font-size:26px; line-height:26px;}
.page-id-359 .container-video {height:auto;}
}


@media all and (max-width: 991px)  {

#header .logoholder {float: none; text-align: center; }

#header ul#menu-main {padding: 10px 0; }
.menu-main-container {float:left; width:100%; }
#header ul#menu-main {text-align:center; display: table; float: none; margin: 0 auto; }
#header ul#menu-main > li {display: inline; float:left; }
#header ul#menu-main ul li {display:block; float:none;}
.entry-content {margin-top:166px;}
#hero-text {position:static!important; transform:none!important; padding:0 15px!important;}
#hero-text .white h1, #hero-text .white p,  #hero-text .white a{color:#000!important;}
#arrow {display:none;}

}




@media all and (max-width: 767px)  {

body #CybotCookiebotDialogBodyButtons {max-width: 35%;}
body #CybotCookiebotDialogBodyContent {max-width: 60%;}

.vc_row {margin-left: 0px !important; margin-right: 0px !important; }

.navbar-nav {margin: 0; }

.modal-content {position:relative; z-index:9999;}
.navbar-collapse {z-index:99;}
.navbar-collapse.in {overflow-y: unset;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color:transparent !important; padding-top:0; box-shadow:none; }

#header .navbar-collapse {padding-left:0; padding-right:0; min-height:100vh;     background: #fff;     position: absolute;
    top: 0;
    width: 100%;
    padding-top: 100px;
}
.navbar-toggle {margin-top:26px; margin-bottom:10px; position: absolute;  float: right;    top: 0; right:0; z-index:1000;} /*<- change - */
.navbar-toggle.modalinfo {margin-left:15px;}

#header .icon-bar {background-color:#000; } /*<- change - */
#header .navbar-toggle:hover .icon-bar {background-color:#000; }
#header .navbar-toggle:hover {background:transparent; } /*<- change - */
#header .navbar-toggle:focus .icon-bar {background-color:#000; }
#header .navbar-toggle:focus {background:transparent; } /*<- change - */
#header .navbar-toggle:hover .glyphicon {color:#000; }
#header .navbar-toggle:focus .glyphicon {color:#000 }
#header .navbar-toggle:last-child {padding: 13px 10px; }
#header {position:absolute;}
.page-id-621 .navbar-default .navbar-toggle {background:transparent;}
.page-id-621 .menu-main-container {background:#fff;}
.navbar-default .navbar-toggle {border-color:transparent; background:#fff; } /*<- change - */
.page-id-621 #header ul#menu-main ul {background:transparent;}
h4.modal-title {color:#000; } /*<- change - */
.page-id-621 #header ul#menu-main li a {color:#333;}
#header .logoholder {padding: 15px 0 15px 15px; float: left; }
#header {height:100px;}
#header ul#menu-main > li {
    display: block;
    float: none;
}

.logoholder a img {width:200px; position:absolute; z-index:1000;}
.container-video {width: 100%;
    overflow:hidden;
    display:block;
    height: auto; }

#header ul#menu-main {float: left; padding: 0; width: 100%; padding: 0; }
#header ul#menu-main li {padding: 0px 15px; }
#header ul#menu-main li a {text-align: left; font-size:16px; }
#header ul#menu-main li a:hover {color:#ffda00; }
#header ul#menu-main li a:hover:after {opacity:0; width:0; }
#header ul#menu-main li.active > a:after {opacity:0; width:0; }
#header ul#menu-main li.active > a {color:#ffda00; }
#header ul#menu-main li.current-menu-ancestor > a:after {opacity:0; width:0; }
#header ul#menu-main li.current-menu-ancestor > a {color:#ffda00; }
#header ul#menu-main ul {margin:0; padding:0; }

#top {padding: 100px 15px; background-attachment: scroll; }
#top .custom-html-widget {width: 100%; }


#invers, .invers {display: flex; flex-direction: column-reverse; }
#footer {text-align: center; }
#footer a.ctabtn {margin: 15px 0 30px; }
#footer i {margin: 0 15px 30px 15px; }

.vc_media_grid .vc_grid.vc_row .vc_grid-item.vc_visible-item {width:33.33%; float:left; }

#inside-content {padding-top:20px; background-position:center!important;}
.entry-content {    margin-top: 98px;}
.empty-200 {height:20px!important;}
.empty-space {display:none;}

/* Popup Fix Mobile */
div.pp_default .pp_content_container .pp_details a.pp_close {right: 0px !important; top: 32px !important;}
.pp_pic_holder.pp_default { width: 96%!important; margin-top:-100px !important; left: 2%!important; overflow: hidden; }
div.pp_default .pp_content_container .pp_left {padding-left: 0!important;}
div.pp_default .pp_content_container .pp_right {padding-right: 0!important;}
.pp_content {width: 100%!important; height: auto!important;}
.pp_fade {width: 100%!important; height: 100%!important;}
a.pp_expand, a.pp_contract, .pp_gallery, .pp_top, .pp_bottom { display: none !important;}
#pp_full_res img {width: 100%!important; height: auto!important; padding: 15px;}
.pp_details {box-sizing: border-box; width: 100%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important;}
a.pp_close {right: -10px!important; top: -10px!important;}
body .pp_hoverContainer {width: 100% !important; height: 100% !important;}

}