h1 { font-family: Arial, Helvetica, sans-serif; font-size: 30px; color: #297d2e; line-height: 35px; font-weight: 600; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #ffffff; line-height: 24px; font-weight: 400; }
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #ffffff; line-height: 22px; font-weight: 600; }
p { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #ffffff; line-height: 22px; font-weight: 400; }
li { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #ffffff; line-height: 22px; font-weight: 400;  }a:link { text-decoration: underline; color: #297d2e; font-weight: bold; }
a:visited { text-decoration: underline; color: #297d2e; font-weight: bold; }
a:active { text-decoration: underline; color: #297d2e; font-weight: bold; }
a:hover { text-decoration: none; color: #297d2e; font-weight: bold; }
a:focus { text-decoration: none; color: #297d2e; font-weight: bold; }
.navbar-default li { font-family:Arial, Helvetica, sans-serif; font-size: 16px; text-transform:uppercase; }
.navbar-default .navbar-nav>li a { text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li a:hover { text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li.active a:hover { text-decoration:none; font-weight:400; }
.navbar-default .dropdown-menu>li a:hover { text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li a:focus { text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li.active a:focus { text-decoration:none; font-weight:400; }
.navbar-default .dropdown-menu>li a:focus { text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>.active>a { text-decoration:none; font-weight:400; }
.navbar-default .dropdown-menu>li.active a { text-decoration:none; font-weight:400; }
.navbar { margin-bottom:0px; }
header { margin-bottom:0px; position:relative; }
div#footer { background-color:#000000 }
#page .container { max-width:1140px; }
.foreningsformular form.wpcf7-form label {width: 100%; padding: 10px;}
.foreningsformular form.wpcf7-form input {width: 100%;}
.foreningsformular form.wpcf7-form .halva label {width: 50%; float: left;}

.wpcf7-response-output {color: #fff;}

p.foreningsstod {position: absolute; right: 200px; top: 50px;}
a.foreningsknapp img {height: 80px; position: absolute; top: 10px; right: 0; margin: 10px;}
a.foreningsknapp img.sif {right: 50px;}
a.foreningsknapp img.sifs {right: 100px; top: 5px;}

.grecaptcha-badge {
transform: scale(0.7);
width: 70px !important;
overflow: hidden !important;
transition: all 0.3s ease !important;
left: 4px !important;
}

.grecaptcha-badge:hover {
width: 256px !important;
}

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

body {background: #131313 url(/files/bg1.jpg) no-repeat center 130px;} 

h2 {text-transform:uppercase;  }

h1, h3,h4,h5, p, td, ul li, a  {font-family: Lato, sans-serif; }

table.red-table td {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    border-bottom: 1px dotted #ff0000;
    padding: 2px 10px;
    color: #ff0000;
}

#content ol {    list-style-type: numbers !important;    margin: 0 0 0 0;}

#header {background:#000000; border-bottom:1px solid #262626;}
#header .logo-center {margin:10px auto;}

#header .navbar-header {    float: none;}

#header .menu {width:100%;}
#header .menu ul {width:100%; text-align:center;}
#header .menu ul li {display:inline-block; float:none;}
#header .menu ul li a {background:none!important; color:#fff;}
#header .menu ul li ul {background:#000; width:auto!important; text-align:left;}
#header .menu ul li ul li {display:block;  width:100%;}


#header .menu ul li a:hover    {color:#297d2e!important;}
#header .menu ul li.active > a  {color:#297d2e!important;}
#header .menu ul li.current_page_item > a  {color:#297d2e!important;}

#header .menu ul li.current_page_parent > a  {color:#297d2e;}



/* Privatkunder*/
.page-id-44 #navbar-collapse-2 { display:none!important; } 
.page-id-72  #navbar-collapse-2  { display:none!important; } 
.page-id-118 #navbar-collapse-2  { display:none!important; } 
.page-id-562 #navbar-collapse-2  { display:none!important; } 
.parent-pageid-118  #navbar-collapse-2 { display:none!important; } 
.parent-pageid-177  #navbar-collapse-2 { display:none!important; } 
.parent-pageid-252 #navbar-collapse-2 { display:none!important; } 
.parent-pageid-489 #navbar-collapse-2 { display:none!important; } 
.parent-pageid-44 #navbar-collapse-2 { display:none!important; } 

.page-id-658 #navbar-collapse-2  { display:none!important; } 
.page-id-660 #navbar-collapse-2  { display:none!important; } 
.page-id-662 #navbar-collapse-2  { display:none!important; } 
.page-id-664 #navbar-collapse-2  { display:none!important; } 

.page-id-252 #navbar-collapse-2 { display:none!important; }  /* Företaget */
.page-id-263 #navbar-collapse-2 { display:none!important; }  /* Kontakt */
.page-id-489 #navbar-collapse-2 { display:none!important; }  /* Policies */
.page-id-562 #navbar-collapse-2 { display:none!important; }  /* Jobba hos oss */

.page-id-44 #text-8 { display:none; } 
.page-id-72 #text-8 { display:none; } 
.page-id-118 #text-8 { display:none; } 
.page-id-252 #text-8 { display:none; } 
.page-id-263 #text-8 { display:none; } 
.page-id-489 #text-8 { display:none; } 
.page-id-562 #text-8 { display:none; } 

.page-id-658 #text-8 { display:none; } 
.page-id-660 #text-8 { display:none; } 
.page-id-662 #text-8 { display:none; } 
.page-id-664 #text-8 { display:none; } 

.parent-pageid-118 #text-8 { display:none; } 
.parent-pageid-177  #text-8 { display:none; } 
.parent-pageid-252 #text-8 { display:none; }
.parent-pageid-44 #text-8 { display:none; } 

/* Privatkunder delete slide*/
.page-id-44 #metaslider_widget-3 { display:none!important; } 
.page-id-72  #metaslider_widget-3 { display:none!important; } 
.page-id-118 #metaslider_widget-3 { display:none!important; } 
.page-id-562 #metaslider_widget-3 { display:none!important; } 

.page-id-658 #metaslider_widget-3 { display:none!important; } 
.page-id-660 #metaslider_widget-3 { display:none!important; } 
.page-id-662 #metaslider_widget-3 { display:none!important; } 
.page-id-664 #metaslider_widget-3 { display:none!important; } 

.parent-pageid-118  #metaslider_widget-3 { display:none!important; } 
.parent-pageid-177  #metaslider_widget-3 { display:none!important; } 
.parent-pageid-252 #metaslider_widget-3  { display:none!important; } 
.parent-pageid-44 #metaslider_widget-3  { display:none!important; } 

.page-id-252 #metaslider_widget-3 { display:none!important; }  /* Företaget */
.page-id-263 #metaslider_widget-3 { display:none!important; }  /* Kontakt */
.page-id-489 #metaslider_widget-3 { display:none!important; }  /* Kontakt */
.page-id-562 #metaslider_widget-3 { display:none!important; }  /* Jobba hos oss */


/* Företagskunder*/
.page-id-280 #navbar-collapse-1 { display:none!important; } 
.page-id-287 #navbar-collapse-1 { display:none!important; } 
.page-id-232 #navbar-collapse-1 { display:none!important; } 
.parent-pageid-232 #navbar-collapse-1 { display:none!important; }
.page-id-566 #navbar-collapse-1 { display:none!important; } 
.page-id-595 #navbar-collapse-1 { display:none!important; } 
.page-id-602 #navbar-collapse-1 { display:none!important; } 

.page-id-302 #navbar-collapse-1 { display:none!important; }  /* Kontakt  */
.page-id-306 #navbar-collapse-1 { display:none!important; }  /* Företaget  */
.page-id-494 #navbar-collapse-1 { display:none!important; }  /* Policies  */

/* Företagskunder delete slide*/
.page-id-280 #metaslider_widget-2 { display:none; } 
.page-id-287 #metaslider_widget-2 { display:none; } 
.page-id-232 #metaslider_widget-2 { display:none; } 
.page-id-566 #metaslider_widget-2 { display:none; } 
.parent-pageid-232 #metaslider_widget-2 { display:none; }
.page-id-595 #metaslider_widget-2 { display:none; } 
.page-id-602 #metaslider_widget-2 { display:none; }  

.page-id-302 #metaslider_widget-2 { display:none; }  /* Kontakt  */
.page-id-306 #metaslider_widget-2{ display:none; }  /* Företaget  */
.page-id-494 #metaslider_widget-2{ display:none; }  /* Företaget  */
.page-id-566 #metaslider_widget-2{ display:none; }  /* Jobba hos oss  */

.page-id-280 #text-7 { display:none; } 
.page-id-287 #text-7 { display:none; } 
.page-id-232 #text-7 { display:none; } 
.page-id-302 #text-7 { display:none; } 
.page-id-306 #text-7 { display:none; } 
.page-id-494 #text-7 { display:none; }
.page-id-566 #text-7 { display:none; } 
.page-id-595 #text-7 { display:none; }
.page-id-602 #text-7 { display:none; } 

.parent-pageid-232 #text-7 { display:none; } 
.parent-pageid-302 #text-7 { display:none; } 
.parent-pageid-306 #text-7 { display:none; } 
.parent-pageid-494 #text-7 { display:none; } 

.page-id-737 #navbar-collapse-2  { display:none!important; } 
.page-id-737 #text-8 { display:none; } 
.page-id-737 #metaslider_widget-3 { display:none!important; } 

.page-id-814 #navbar-collapse-2  { display:none!important; } 
.page-id-814 #text-8 { display:none; } 
.page-id-814 #metaslider_widget-3 { display:none!important; } 


#top .container {background:#000; margin-top:20px;}
#top #metaslider_widget-2 {float:left; margin:0 30px 0 0;}
#top #metaslider_widget-3 {float:left; margin:0 30px 0 0;}

#top .widget_text {padding:20px; float:left;}
#top .widget_text h3 {margin-bottom:15px;font-size:22px;}
#top .widget_text h2 {text-transform:none; font-size:30px;}
#top .widget_text img {-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;}

#top .metaslider .caption {    padding: 15px 10px;    word-wrap: break-word;    font-size: 24px;    text-transform: uppercase;    font-weight: bold; color:#297d2e;}

/* intro page */
body.page-id-283 {background:#000; margin:0;}

.page-id-283 #top {display:none;}
.page-id-283 #footer {display:none; height:0;}

.page-id-283 #header {border:none;}
.page-id-283  #header .logo-center {    margin: 25px auto;}
.page-id-283 .navbar-default {display:none;}

.page-id-283 .wpb_content_element {margin:0;}

.hovereffect p {width:100%; height:87vh; overflow:hidden;}

.hovereffect {width:100%;height:87vh; float:left;overflow:hidden;position:relative;text-align:center;cursor:default;}

.hovereffect .overlay {width:100%; height:87vh; position:absolute; overflow:hidden; top:0; left:0; opacity:0;
background-color:rgba(0,0,0,0.8); -webkit-transition:all .4s ease-in-out; transition:all .4s ease-in-out}

.hovereffect img { width:auto; height:87vh; display:block; position:relative; -webkit-transition:all .4s linear; transition:all .4s linear;}

.hovereffect a.info {text-decoration:none; display:inline-block; text-transform:uppercase; font-size:48px; color:#fff;  position:relative; top:40%;  font-weight:800; line-height:48px; background-color:transparent; opacity:0; filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;  transition:all .2s ease-in-out;  margin:50px 0 0; padding:7px 14px;
}
.hovereffect a.info span {font-weight:300;}


.hovereffect:hover img { -ms-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1); -webkit-filter: blur(5px);
-moz-filter: blur(5px);-o-filter: blur(5px);-ms-filter: blur(5px);filter: blur(5px); }

.hovereffect:hover .overlay { opacity:1; filter:alpha(opacity=100); }

.hovereffect:hover a.info { opacity:1; filter:alpha(opacity=100); -ms-transform:translatey(0); -webkit-transform:translatey(0);
transform:translatey(0); }

.hovereffect:hover a.info { -webkit-transition-delay:.2s; transition-delay:.2s; }


.page-id-283 #content .entry-content {background:#000; padding:0;}

.page-id-283 .wpb_single_image .vc_single_image-wrapper { max-width: none;  width: 100%;}
.page-id-283 .wpb_single_image .vc_figure { max-width: none;  width: 100%;}
.page-id-283 .wpb_single_image img {    height: auto;    max-width: none;  width: 100%;}

.page-id-44 h1 {color:#fff;} 

#content .entry-content { padding:20px; background:#0c0c0c ; min-height:350px; }

#content h2 {border-bottom:1px solid #333; padding-bottom:20px;}

#content ul {list-style-type:none; margin-bottom:30px;}
#content ul li::before {content:"▶";font-size: 12px; margin-left:10px;  position:relative; margin-right:3px; color:#297d2e;} 

#content .fa::before {margin-right:5px;}

body .las_mer {background:#297d2e; margin:10px 10px 0 0;display:inline-block ;text-transform:uppercase; text-decoration:none; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; padding:10px 20px; color:#fff; -webkit-transition: all 0.35s ease;-moz-transition: all 0.35s ease;-ms-transition: all 0.35s ease;-o-transition: all 0.35s ease;transition: all 0.35s ease;}
body .las_mer:hover {background:#349b3a; padding:10px 30px; }


p.grey {background:#333; padding:7px 10px;}

.wpcf7-form-control-wrap select {color:#000;}
form.wpcf7-form input[type="submit"] {    background: #297d2e;}
form.wpcf7-form input[type="submit"]:hover {    background: #2d9633;}

form.wpcf7-form input {    padding: 5px;   border: 1px solid #333;    font-size: 13px;    line-height: 1.2;    margin-top: 5px;    color: #222;    float: left;    width: 48%;    background: #222;    color: #fff;    margin: 0 2% 1% 0;}

form.wpcf7-form textarea { padding: 5px;    width: 100%;    border: 1px solid #333;    font-size: 13px;    line-height: 1.2;    margin-top: 5px;    color: #222;        background: #222;    color: #fff;    }

.side_right .las_mer { width:100%; padding:10px 15px; text-transform:none; margin-bottom:5px; text-align:center;}
.side_right .las_mer:hover {background:#2d8b32; width:95%; padding:10px 15px;}

@media only screen and (min-width: 768px) {

#footer {  height:340px;  position: absolute;  left: 0;  right:0;  bottom: 0;  width: 100%; }
body {    margin: 0 0 340px; /* bottom = footer height */}
}

#footer .container {padding:20px 0;}
#footer p {color:#fff;}
#footer h2 {color:#fff;  font-size:16px; text-transform:uppercase;}


#footer #text-5  {text-align:center;}

#footer .fa {color:#609f3d;}
#footer .fa-mobile {font-size:20px;}

#footer .cms-icons {    float: left;  text-align:left;  width: 100%;   padding-left:10px; color: #fff;    font-size: 14px; border-top:1px solid #333; padding-top:15px;}

#footer img {max-width: 45%; height:auto; margin-bottom:10px;}

.facebook #header .fb_badge {display:none!important;}
.facebook .cms-FB {display:none!important;}


/* Mobile CSS */


@media (min-width: 2500px) and (max-width:2600px) {

.hovereffect p {height:91.5vh; }
.hovereffect {height:91.5vh; }
.hovereffect .overlay {height:91.5vh; }
.hovereffect img {  height:91.5vh; }

}

@media (min-width: 1920px) and (max-width:2500px) {

.hovereffect p {height:92vh; }
.hovereffect {height:92vh; }
.hovereffect .overlay {height:92vh; }
.hovereffect img {  height:92vh; }

}

@media (min-width: 992px) and (max-width:1200px) {

#top #metaslider_widget-2 {    float: left;    margin: 0 15px 0 0;    float: left;    width: 67%;}
#top #metaslider_widget-3 {    float: left;    margin: 0 15px 0 0;    float: left;    width: 67%;}

#top #text-7 {    padding: 7px 20px;    float: left;}
#top #text-7 h3 {    margin-bottom: 0;    font-size: 18px;}
#top #text-7 h2 {    margin-bottom: 0;    font-size: 24px}

.page-id-44 h1 {    color: #fff;    font-size: 26px;    line-height: 26px;}

.hovereffect a.info {top:30%;}
.hovereffect p {height:85vh; }
.hovereffect {height:85vh; }
.hovereffect .overlay {height:85vh; }
.hovereffect img {  height:85vh; }
.hovereffect .overlay {height:100%; opacity:1; }
.hovereffect a.info { opacity:1; filter:alpha(opacity=1); font-size: 40px;}
}

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

#top #metaslider_widget-2  {margin:0;}
#top #metaslider_widget-3  {margin:0;}

#top #text-7 {    padding: 20px;    float: left;    width: 100%;}
#top #text-7 .textwidget  {display:flex; justify-content:center; align-items: center;}
#top #text-7 .textwidget div:nth-child(2) {    padding: 0 20px;    width: 56%;    text-align: center;}
#top #text-7 .textwidget div:first-child{ width:20%; }
#top #text-7 .textwidget div:last-child{ width:20%; }

#header .menu ul li a {    background: none !important;    padding: 15px 9px;    font-size: 14px;}
#header .menu ul li ul li a {padding:10px 9px;}



.hovereffect a.info {top:30%; font-size:35px; line-height:35px;}
.hovereffect p {height:60vh; }
.hovereffect {height:60vh; }
.hovereffect .overlay {height:60vh; }
.hovereffect img {  height:60vh; width:auto; }

.hovereffect .overlay {height:100%; opacity:1; }
.hovereffect a.info { opacity:1; filter:alpha(opacity=1); }

}



@media all and (max-width: 767px)  {
p.foreningsstod {right: 5px; top: 5px; font-size: 10px;}
a.foreningsknapp img {height: 30px;}
a.foreningsknapp img.sif {right: 25px; margin-top: 11px;}
a.foreningsknapp img.sifs {right: 50px; margin-top: 13px;}

.container {    width: 97%;}

#header .menu {     border: 1px solid #000;    float: left;   width: 100%;    margin: 0 0px 10px;    text-align: left;    }

#header .menu ul {    margin: 0;    padding: 0px 0;    width: 100%;  }
#header .menu ul li {    display: block;    float: left;    width: 100%;}
#header .menu ul li a { line-height:30px;  text-align:left; padding:0px 10px; font-size:16px; margin:0px 0 2px; }
#header .menu ul li ul {box-shadow:none!important; }
#header .menu ul li ul li a{padding-left:25px;}
#header .menu ul li ul li ul li a{padding-left:45px;}

#header .menu ul li.menu-item-has-children > a{    background: none; }

.navbar-collapse {    z-index: 99;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {    border: medium none;}
.navbar-default .navbar-toggle {    border-color: #fff;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {    background-color: #297d2e; color:#fff;}
.navbar-default .navbar-toggle .icon-bar {    background-color: #fff;}

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

.navbar-toggle { margin: 0px 15px 10px 0; padding: 12px 8px; border:1px solid #fff; position: relative;   }
.navbar-toggle:first-child {    float: right;    margin: 0px 10px 0 15px;    padding: 10px 10px 10px;    position: relative;   }
.navbar-toggle.modalinfo {margin: 0px 10px 10px 0; padding: 10px 10px 10px; }

.navbar-toggle.modalinfo .glyphicon {color: #fff; font-size:16px;}
.navbar-toggle.modalinfo:hover .glyphicon {color: #fff;}
.navbar-toggle.modalinfo:focus .glyphicon {color: #fff;}

.navbar-toggle:first-child .glyphicon {color: #fff; font-size:16px;}
.navbar-toggle:first-child:hover .glyphicon {color: #fff;}
.navbar-toggle:first-child:focus .glyphicon {color: #fff;}


#top #metaslider_widget-2  {margin:0;}
#top #metaslider_widget-3  {margin:0;}

#top #text-7 {    padding: 20px;    float: left;    width: 100%;}
#top #text-7 .textwidget  {display:flex; justify-content:center; align-items: center;}
#top #text-7 .textwidget div:nth-child(2) {    padding: 0 20px;    width: 56%;    text-align: center;}
#top #text-7 .textwidget div:first-child{ width:20%; }
#top #text-7 .textwidget div:last-child{ width:20%; }

#top #text-7 h3 {margin-bottom:5px;font-size:18px; line-height:20px;}
#top #text-7 h2 {text-transform:none; font-size:22px; line-height:20px;}

.hovereffect a.info {top:30%; font-size:35px; line-height:35px;}

.hovereffect p {height:100%; margin-bottom:0; }
.hovereffect {height:100%; }
.hovereffect .overlay {height:100%; opacity:1; }
.hovereffect img {  height:auto; width:100%; }
.hovereffect a.info { opacity:1; filter:alpha(opacity=1); }


.entry-content {padding:0 15px;}
h2 {      font-size: 17px;}


#footer .container {    padding-left: 0px; text-align:center;}
#footer .col-sm-3 {       float: left;    width: 50%; min-height:180px;  text-align: left;}

#footer .cms-icons {    float: left;  text-align:center;  width: 100%;   padding-left:10px; ;    font-size: 14px; border-top:1px solid #333; padding-top:15px;}


}


@media all and (max-width: 600px)  {
.bokaknappen {display: block !important; text-align: center;}

#top #text-7 {    padding: 20px;    float: left;    width: 100%;}
#top #text-7 .textwidget  {display:block; justify-content:center; align-items: top;}
#top #text-7 .textwidget div:nth-child(2) {    padding: 0 20px;    width: 100%;    text-align: center;}
#top #text-7 .textwidget div:first-child{ width:100%;text-align: center }
#top #text-7 .textwidget div:last-child{ width:100%; text-align: center}


form.wpcf7-form input {    padding: 5px;    width: 100%;   }

h1 {font-size:24px;}


}

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

.hovereffect a.info {top:15%; font-size:25px; line-height:25px;}
.hovereffect p {height:100%; margin-bottom:0; }
.hovereffect {height:100%; }
.hovereffect .overlay {height:100%; }
.hovereffect img {  height:auto; width:100%; }

#content .wpb_image_grid .wpb_image_grid_ul .isotope-item {     width: 40%;}
img.alignright {    float: none;    height: auto;    margin: 0 0 10px 0px;    max-width: 100%;}

#footer .col-sm-3 {       float: left;    width: 100%; min-height:auto;  text-align: center;}

}