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: underline; color: #ffffff; font-weight: 400; }
a:visited { text-decoration: underline; color: #ffffff; font-weight: 400; }
a:active { text-decoration: none; color: #666666; font-weight: 400; }
a:hover { text-decoration: none; color: #666666; font-weight: 400; }
a:focus { text-decoration: none; color: #666666; font-weight: 400; }
.navbar-default li { font-family:Arial, Helvetica, sans-serif; font-size: 12px; text-transform:none; }
.navbar-default .navbar-toggle .glyphicon {color: #ffffff;}
.navbar-default .navbar-toggle .icon-bar {background-color: #ffffff;}.navbar-default .navbar-nav>li a { color:#ffffff; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li a:hover { color:#666666; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li.active a:hover { color:#666666; text-decoration:none; font-weight:400; }
.navbar-default .dropdown-menu>li a:hover { color:#666666; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li a:focus { color:#666666; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>li.active a:focus { color:#666666; text-decoration:none; font-weight:400; }
.navbar-default .dropdown-menu>li a:focus { color:#666666; text-decoration:none; font-weight:400; }
.navbar-default .navbar-nav>.active>a { color:#666666; text-decoration:none; font-weight:400; }
.navbar-default .dropdown-menu>li.active a { color:#666666; text-decoration:none; font-weight:400; }
.navbar { margin-bottom:0px; }
header { margin-bottom:0px; position:relative; }
body { margin-bottom:200px; }
html { position:relative; min-height:100%; }
div#footer { min-height:200px; position:absolute; bottom:0; width:100%; }
#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;
}


.cms-icons {font-size: 14px; display: none}

.med {background-color: #2287d1; padding: 20px;}
.med p {color: #fff;}

#butiksslide .metaslider {display: block; margin-left: auto; margin-right: auto;}
.caption {
    text-align: center!important;
}
.sommarinfo table {
    width: 20%;
    position: relative;
    left: 40%;
}
#footer .col-sm-3.footer-1 {
    position: relative;
    min-height: 1px;
    padding-right: 15px!important;
    padding-left: 15px!important;
    width: 33%!important;
}
#footer .footer-4 #custom_html-2 i {
  font-size: 25px;
  margin-right: 10px;
}



.logos .wpb_single_image {border: 5px solid #fe4600; padding: 15px; transform: skew(-10deg);}
.logos img {transform: skew(10deg) !important; width: 70%; margin-left: 15%;}

#header .container {position: relative;}
#text-9 {position: absolute; right: 0px; top: 30px;}

#content table.prislista tr:nth-child(even) td {
    background: #f6f6f6; padding: 3px;
}
#content table.prislista tr:nth-child(odd) td {
    padding: 3px;
}
#content table.prislista tr td h3 {
    margin: 0 0 5px !important;
}
#content table.prislista tr td:nth-child(even) {
    width: 100px;
}

#content table.prislista tr td:nth-child(1) { width: 40%;}
#content table.prislista tr td:nth-child(2) { width: 20%;}
#content table.prislista tr td:nth-child(3) { width: 20%;}
#content table.prislista tr td:nth-child(4) { width: 20%;}

/* fist page animations */

@keyframes justopac{
0% { opacity:0;}
100% {opacity:1;}
}
@keyframes pikaboo{
0% { transform:scale(0);opacity:0;}
60% { transform:scale(1.03);opacity:1;}
80% { transform:scale(0.97);}
100% { transform:scale(1);}
}


.page-id-44 #header .logoholder { animation-name:justopac;animation-delay:0.8s;animation-duration:0.8s;animation-fill-mode:backwards;animation-timing-function:ease-out; }
.page-id-44  #top #text-7 { animation-name:pikaboo;animation-delay:1s;animation-duration:0.8s;animation-fill-mode:backwards;animation-timing-function:ease-out; }



.aligncenter, div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto; }
img.alignleft {
    padding: 3px;
    margin: 0 10px 2px 0;
    display: inline;
}

.alignleft {
    float: left;
}

img.alignright {
    padding: 3px;
    margin: 0 0 2px 15px;
    display: inline;
}

.alignright {
    float: right;
}

body p, body li, body td, body dd, body label {font-size:16px; line-height:22px;font-family: Roboto, sans-serif;color:#000;font-weight:300;}
body label { width: 100%;}
body h1 { font-size:36px ; line-height:42px ;font-family: Roboto, sans-serif;font-weight:300;color:#000;}
body h2 { font-size:28px ; line-height:34px ;font-family: Roboto, sans-serif;font-weight:300;color:#000;clear:both}
body h3 { font-size:22px ; line-height:26px ;font-family: Roboto, sans-serif;font-weight:300;color:#000;margin-bottom:10px;}
body h4 { font-size:17px ; line-height:22px ;font-family: Roboto, sans-serif;font-weight:400;color:#000;margin-bottom:10px;}
a:link, a:visited { color:#666666; text-decoration:none;}

#page { overflow-x:hidden;}

#some i {font-size: 50px; margin: 67px 25px 0 0;}
#some i:hover {color: #2287d1}
/* Header */
#header .logoholder.logo-left {width: 333px; height: auto;}



#header .logoholder { margin:35px 15px 15px;}

#header .widget_sp_image { margin:35px 15px;float:right;}

#header .menu { float:right;margin-top:20px;margin-bottom:10px; margin-right: 90px;}
#header .menu ul li a { font-size:16px;line-height:60px;padding:0 4px;font-family: Roboto, sans-serif;position:relative;border-bottom:3px solid transparent;transition:0.5s; color: #111;}
#header .menu ul li a:after { position:absolute;content:"";background:#666;height:3px; width:100%;opacity:0;left:0;right:0;margin:0 auto;bottom:-30px;transition:0.5s;}
#header .menu ul li a:hover { color:#666;}
#header .menu ul li a:hover:after{ bottom:-3px;opacity:1}


#header .menu ul li { margin:0 12px;}


#header .menu ul li.current_page_item > a:after { display:none;}
#header .menu ul li.current_page_item > a {color:#fe4600;border-bottom:3px solid #666;}






/* Top */

#top { position:relative;}
#text-7 { position:absolute;left:0;right:0;margin:0 auto;top:45%;text-align:center;z-index:100;}
#text-7 h2 a { color:#fff;font-size:60px;padding:10px 20px;border:2px solid #fff;text-decoration:none;font-weight:300;background:rgba(0,0,0,0.2);transition:0.2s;}

#text-7 h2 a:hover { color:#d1d1d1;border-color:#d1d1d1;}



/* Content */
h1 { margin-top:25px;}
.page-id-44 h1 { margin-top:40px;}

body img { max-width:100%;height:auto!important;}

#content {box-sizing:border-box;min-height:600px}

#textcenter { text-align:center;}
#blackrow { background:#000;padding-top:30px;margin-bottom:30px;}
#blackrow h3 {margin-bottom: 30px;}
#blackrow h3 a { color:#fff;text-decoration:none; font-weight: bold;}


.linkbox  img  { border: 5px solid #fff;opacity:0.85 ;transition:0.2s;}
.linkbox:hover img { opacity:1;border:none;transform:scale(1.05);}
.linkbox:hover h3 { letter-spacing:1px;}
.linkbox h3 { transition:0.3s;}

form.wpcf7-form input[type="submit"] {  border: none;   padding: 15px 0;   color: #fff;   font-size: 16px; font-weight: 400;   background: #666;}
form.wpcf7-form input[type="submit"]:hover {  background: #2a2a2a;}

.padtop { padding-top:40px}

.logosimg { padding-top:30px;border-top:1px solid #dbdbdb;;}


/* widgets */


.wpb_widgetised_column { padding:0 4px;box-sizing:border-box;}
.wpb_widgetised_column .widget {margin-bottom:25px;box-sizing:border-box;}
.wpb_widgetised_column .widget_text { min-height:174px;}


/*#text-2 { margin-top:25px;background:url("/files/bokaimg.jpg") no-repeat right bottom #000;padding:70px 12px;}
#text-2 h2 a { color:#fff;text-decoration:none;padding:5px 8px;border:1px solid #fff;}
#text-2 h2  { margin:0;}
#text-2 h2 a:hover { color:#9f9f9f;border-color:#9f9f9f;}
#text-2 h2 a:focus { color:#fff;}

#text-10 { margin-top:10px; display: block; float: left; width: 100%; background:url("/files/rightimg.jpg") no-repeat right bottom #000;padding:70px 12px;}
#text-10 h2 a { color:#fff;text-decoration:none;padding:5px 8px;border:1px solid #fff; background: rgba(0, 0, 0, 0.7);}
#text-10 h2  { margin:0;}
#text-10 h2 a:hover { color:#9f9f9f;border-color:#9f9f9f;}
#text-10 h2 a:focus { color:#fff;}*/



.vc_col-sm-4 .vc_single_image-wrapper { padding:0 4px;}




/* personal */


#persrow .vc_col-sm-3 {width:20%;margin:1% 2.25%!important;}
#persrow .vc_col-sm-4 {width:20%;margin:1% 2.25%; margin-left: auto; margin-right: auto;}

#persrow  .vc_column_container>.vc_column-inner { padding:0;}
.pers .hidetext { opacity:0;transition:0.5s;position:absolute;left:-right:0;margin:0 auto;bottom:0;padding:10px 5px;font-size:14px;width:100%}
.pers { position:relative;}
.pers:before { content:"";width:100%;height:0%;bottom:0;transition:0.5s;left:0;right:0;margin:0 auto;opacity:0;position:absolute;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+53,000000+100&0.6+0,0.6+54,0.7+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.6) 0%, rgba(0,0,0,0.6) 53%, rgba(0,0,0,0.6) 54%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(0,0,0,0.6) 53%,rgba(0,0,0,0.6) 54%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.6) 0%,rgba(0,0,0,0.6) 53%,rgba(0,0,0,0.6) 54%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#99ffffff\', endColorstr=\'#b3000000\',GradientType=0 ); /* IE6-9 */





}
.pers:hover:before { height:100%;opacity:1;}
.imgtext { position:absolute;bottom:0px;left:0;right:0;margin:0 auto;transition:0.5s;text-align:center; }
.imgtext  h3 { color:#fff;background:rgba(0,0,0,0.5);transition:0.5s;margin-bottom:0;line-height:40px;}
.pers:hover .imgtext  h3 {transform:translateY(-300px);;background:none;color:#000!important;}
.pers:hover .imgtext  h3,.pers:hover .imgtext  p { color:#fff;}
.pers:hover .hidetext { opacity:1}



.pers2:hover .imgtext  h3 {transform:translateY(-170px);;background:none;color:#000!important;}
.pers2:hover .imgtext  h3,.pers:hover .imgtext  p { color:#fff;}
.pers2:hover .hidetext { opacity:1}



.pers2 { position:relative;}
.pers2:before { content:"";width:100%;height:0%;bottom:0;transition:0.5s;left:0;right:0;margin:0 auto;opacity:0;position:absolute;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,000000+53,000000+100&0.6+0,0.6+54,0.7+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0.6) 0%, rgba(0,0,0,0.6) 53%, rgba(0,0,0,0.6) 54%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(0,0,0,0.6) 53%,rgba(0,0,0,0.6) 54%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0.6) 0%,rgba(0,0,0,0.6) 53%,rgba(0,0,0,0.6) 54%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=\'#99ffffff\', endColorstr=\'#b3000000\',GradientType=0 ); /* IE6-9 */





}
.pers2 { max-width:540px;}
.pers2 img { width:100%;height:auto;}
#persrow2  .vc_column_container>.vc_column-inner { padding:0;}
.pers2:hover:before { height:100%;opacity:1;}
#persrow2 .vc_col-sm-6 { width:45%;margin:0 2%;}






/* Footer */




#footer { min-height:200px;background:#000;  width: 100%;}
#footer p,#footer a,#footer h3,#footer td, #footer ul li { color:#fff;font-size:14px;font-weight:400}
#footer h3 { font-size:16px;}
#footer .widget_text { margin-top:30px;}


div#footer {bottom: -150px;}
div#footer a {color: #fe4600;}
#footer a.footerbutton {width: 100%; text-align: center; display: block; padding: 10px; background-color: #fe4600; color: #000 !important; font-weight: bold; font-size: 15px !important; line-height: 25px; transform: skew(-10deg);}
div#footer a:hover {color: #ff6a32;}
#footer a.footerbutton:hover {background-color: #ff6a32; color: #000 !important}

table.oppet { width:50%;}

.cms-icons {
    font-size: 14px;
    padding: 0 15px; color:#fff;margin:15px 0;}

.cms-icons small { font-family:Roboto,sans-serif;font-size:14px;color:#fff}




.full_logo { float:left;width:100%;text-align:center;}


#footer  .col-sm-3.footer-1{ float:left;width:100%;padding:0}
.home #blackrow { margin-bottom:0;}



/* Media queries */

@media only screen and (max-width: 1400px) {


}

@media only screen and (max-width: 1200px) {
#butiksslide .metaslider {width: 75%!important;}

#header .menu ul li { margin:0 9px;}
#header .menu ul li a { font-size:14px;}


.pers {
    left: 0;
    margin: 0 auto;
    position: relative;
    right: 0;
    width: 247px;
}


#persrow .vc_col-sm-3 { width:24%;margin-right:1.33%;margin-left:0;}
#persrow .vc_col-sm-3:nth-child(4n) { margin-right:0;}

#persrow2 .vc_col-sm-6:nth-child(2n) { margin-right:0;}
#persrow2 .vc_col-sm-6 {
    width: 48%;
    margin: 0 1%;
}
.pers2 { max-width:inherit;}

.pers2:hover .imgtext  h3 {transform:translateY(-260px);}

}

@media only screen and (max-width: 992px) {
.col-sm-3.footer-2, .col-sm-3, .dub-footer {
width: 100%!important;
text-align: center;
}

.page-id-70 #content img.alignright { max-width:200px;height:auto;}


#header .menu { float:left;} 
#header .menu ul li { margin:0 12px;}
#header .menu ul li a { font-size:16px;}


/*#text-3 .textwidget { width:90%;background:rgba(0,0,0,0.5)}
#text-3 .textwidget td { color:#fff;}
#text-3 .textwidget h3 { color:#fff;}*/

.linkbox h3 { font-size:17px;}

#persrow .vc_col-sm-3 { margin-right: 6.75%;float:left;margin-left: 6.75%;
    width: 36.5%;}
#persrow .vc_col-sm-3:nth-child(2n) { margin-right:0;}
.page-id-78 h1 { text-align:center;}




#persrow2 .vc_col-sm-6 {
    width: 100%;margin:0;
 
}
.pers2 { max-width:540px;lefT:0;right:0;margin:0 auto}

.page-id-70 #content  h3 img.alignright { max-width:100px;}
#footer .col-sm-3 { width:33%;}

}
@media only screen and (width: 810px) {
#menu-item-103 { display:none;}
#header .widget_sp_image { display:none;} 


#footer p,#footer td ,#footer h3 { text-align:left;}
#footer #text-8 p { text-align:center;}

#footer table.oppet td { display: block;
    float: left;
    width: 50%;}
 #footer table.oppet { width:100%;}
}

/* @media (min-width: 768px)

.col-sm-3 {
    width: 33%!important;
} */


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

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

#butiksslide .metaslider {width: 100%!important;}
#persrow .vc_col-sm-4 {width: 100%;}

body {margin-bottom:345px;}
footer {height:345px;}

#footer .col-sm-3 { width:33%;float:left;text-align:left;}
#socialrow { text-align:center;}
#socialrow h2 a {text-transform: uppercase;}
#text-9 { right:80px;}

.navbar-default .navbar-nav > li a {color: #000000!important;}

#header .navbar-default .navbar-collapse, .navbar-default .navbar-form  { border-color: transparent!important;}
#header .navbar-nav { float:left;margin-bottom:15px;box-shadow:none;}
#header .navbar-nav li { float:left;width:100%;}

#header .menu ul li a{ line-height:40px; border-bottom:2px solid transparent; color: #000!important;  text-decoration: none;}
#header .menu ul li a:after { display:none;}
#header .menu ul li  a:hover { border-bottom:3px solid #666;}




.navbar-toggle { margin-top: 20px;}
.navbar-toggle.modalsearch {margin-left:15px;}
.navbar-default .navbar-toggle .glyphicon { color:#000;}

#content { padding:0 15px;box-sizing:border-box;}
.navbar-default .navbar-toggle .icon-bar { color:#000;}

.navbar-collapse.in { overflow-y: unset;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color:transparent!important;padding-top:0;bordeR:none;box-shadow:none;}
#header .icon-bar { background-color:#000;}
#header  .navbar-toggle:hover .icon-bar{  background-color:#000; }
#header  .navbar-toggle:hover { background:#;}
#header  .navbar-toggle:focus .icon-bar{  background-color:#000; }
#header  .navbar-toggle:focus { background:#fff;}
#header  .navbar-toggle:hover .glyphicon {  color:#000; }
#header .navbar-toggle:last-child {;padding: 13px 10px;}


#text-7 h2 a { font-size:30px;}
.padtop { padding-top:0;}



.linkbox h3 { font-size:22px;}


/*#text-3 .textwidget { width:200px;background:none}
#text-3 .textwidget td { color:#000;}
#text-3 .textwidget h3 { color:#000;}*/


.pers {
    left: 0;
    margin: 0 auto;
    position: relative;
    right: 0;
    width: 247px;
}





@media only screen and (max-width: 640px) {
#footer p,#footer td ,#footer h3 { text-align:center;}
#footer .col-sm-3 { width:100%;text-align:center;}

#text-9 {
    position: absolute;
    right: 66px;
    top: 25px;
}

	#persrow .vc_col-sm-3 {
    float: left;
    margin-left: 2%;
    margin-right: 2%;
    width: 46%; } 
.pers {
    left: 0;
    margin: 0 auto;
    position: relative;
    right: 0;
    width: 247px;
}

.pers:hover .imgtext  h3 {transform:translateY(-260px); }

#header .logoholder img { max-width:160px!important;height:auto;}


}

@media only screen and (max-width: 480px) {
.page-id-70 #content img.alignright { max-width:160px;height:auto;}
	#text-7 h2 a { font-size:20px;}
#text-7 { top:33%;}

.page-id-70 #content h3 img.alignright { clear:both;}


.pers {
    left: 0;
    margin: 0 auto;
    position: relative;
    right: 0;
    width: 247px;
}
	#persrow .vc_col-sm-3 {
    float: left;
    margin-left: 0%;
    margin-right: 0%;
    width: 100% } 

#header .logoholder img { max-width:100px!important;height:auto;}
#header .widget_sp_image { display:none;}

}

@media only screen and (max-width: 380px) {
.page-id-70 #content img.alignright { max-width:140px;height:auto;}


#footer #text-8 img:not(.redken)  {
    max-height: 25px;
    width: auto!important;
    margin-right: 5px; }

#text-7 { top:23%;}
#text-7 h2 a { font-size:14px;}


}
@media only screen and (max-width: 370px) {
.page-id-70 #content h3 img.alignright {
    clear: none; 
    text-align: center;
    float: none; }



@media only screen and (max-width: 320px) {
.page-id-70 #content img.alignright { max-width:100px;height:auto;}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {

}