/* Layout grid
/*------------------------------------------------------ */

.wrapper { max-width: 1000px; margin: 0 auto; clear: both }
.col1 { width: 23.5% }
.col2 { width: 30.6% }
.col3 { width: 49% }
.col3b { width: 47% }
.col4 { width: 65.4% }
.col5 { width: 74.5% }


/* Floats and clears
/*------------------------------------------------------ */

.floatleft { float: left }
.floatright { float: right }
.clear { clear: both }
.clear0 { clear: both; height: 0 }


/* Margins
/*------------------------------------------------------ */

.marright20 { margin-right: 2% }
.marright30 { margin-right: 3% }
.marright40 { margin-right: 4% }
.marleft20 { margin-left: 2% }
.marleft40 { margin-left: 4% }
.martop20 { margin-top: 20px }
.martop40 { margin-top: 40px }
.marbot20 { margin-bottom: 20px }
.marbot40 { margin-bottom: 40px }

.martop60 { margin-top: 60px }
.marbot60 { margin-bottom: 60px }
.marright60 { margin-right: 6% }

.martop70 { margin-top: 50px }

.mar0 { margin: 0 !important }
.martop0 { margin-top: 0 !important }
.marright0 { margin-right: 0 !important }

.padtop40 { padding-top: 40px }
.padtop60 { padding-top: 60px }



/* TYPOGRAPHY */
/*------------------------------------------------------------------------------------------------------------ */

p { margin: 10px 0 }
strong { font-weight: 500; font-weight: bold }
b { font-weight: 500; font-weight: bold }

/* Headers
/*------------------------------------------------------ */

h1, h2, h3, h4, h5, h6 { color: #c2411d; line-height: 130%; font-weight: normal; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 200 }

h1 { font-size: 2.65em }
h2 { font-size: 2.65em; margin: 20px 0 5px 0 }
h3 { color: #4f4f4f; font-size: 1.55em; margin: 30px 0 10px 0}
h4 { color: #424242; font-size: 1.4em; margin: 35px 0 15px 0 }
h5 { color: #fff; font-size: 1.65em; margin: 0 0 20px 0 }
h6 { color: #3a3a3a; font-size: 1.35em; margin: 40px 0 10px 0 }


/* Font sizes
/*------------------------------------------------------ */

.header2em { font-size: 2.65em !important }
.largetext { font-size: 1.25em !important; line-height: 145% }


/* Colours
/*------------------------------------------------------ */

.textwhite { color: #fff !important }
.textred { color: #c2411d !important }
.textdarkgrey { color: #424242 }


/* FLEXSLIDER */
/*------------------------------------------------------------------------------------------------------------ */
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider { max-width: 1400px; height: 550px; overflow: hidden; margin: 20px auto 0 auto; padding: 0; border: 0; position: relative; zoom: 1 }
.flexslider .slides > li { height: 550px; display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flex-pauseplay span {text-transform: capitalize;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

/* Clearfix for the .slides element */
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
html[xmlns] .slides { display: block }
* html .slides { height: 1% }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child { display: block }


/* Captions */
span.flex-caption-start { display: block; position: absolute; bottom: 50px; right: 50%; margin-right: 75px; width: 350px; height: 130px; color: #fff; padding: 40px; background: #c2411d; line-height: 130%; font-weight: 300; font-size: 1.65em !important }


/* Control Nav */
.flex-control-nav { display: block; width: 150px; position: relative; bottom: 100px; left: 50%; margin-left: -475px; text-align: left; z-index: 999 }
.flex-control-nav li { margin: 0 4px; display: inline-block; zoom: 1; *display: inline }
.flex-control-paging li a {width: 12px; height: 11px; display: block; background: url(../images/flex-bullets.png) top no-repeat; cursor: pointer; text-indent: -9999px }
.flex-control-paging li a:hover { background-position: bottom }
.flex-control-paging li a.flex-active { background-position: bottom; cursor: default; }


/* FlexSlider single product
*********************************/
body.page-template-page-singleproduct-php .flexslider { max-width: 1000px; height: auto; overflow: hidden; margin: 0 auto; padding: 0; border: 0; position: relative; zoom: 1 }
body.page-template-page-singleproduct-php .flexslider .slides > li { height: auto; display: none; -webkit-backface-visibility: hidden;}

span.flex-caption-product { display: block; position: relative; bottom: 5px; left: 0; right: 0; color: #fff; padding: 15px; background: #c2411d; line-height: 130%; font-weight: 300; font-size: 1.25em !important }

body.page-template-page-singleproduct-php .flex-control-nav { left: auto; bottom: 37px; right: 0; width: 100px; text-align: right; margin-left: 88% }
body.page-template-page-singleproduct-php .flex-control-paging li a { text-indent: 9999px }

/* single product responsive -------------------------------- */
@media screen and (min-width: 0px) and (max-width: 1022px) {

body.page-template-page-singleproduct-php .flex-control-nav { bottom: 0px; left: 0; width: 100%; margin-top: 20px; text-align: center; margin-left: 0 }
body.page-template-page-singleproduct-php .flex-control-paging li a { text-indent: -9999px; background: url(../images/flex-bullets-red.png) top no-repeat }
body.page-template-page-singleproduct-php .flex-control-paging li a:hover { background-position: bottom }
body.page-template-page-singleproduct-php .flex-control-paging li a.flex-active { background-position: bottom; cursor: default; }

}


/* FlexSlider Services
*********************************/
body.page-template-page-services-php .flexslider { max-width: 1400px; height: 800px; overflow: hidden; margin: 20px auto 0 auto; padding: 0; border: 0; position: relative; zoom: 1 }
body.page-template-page-services-php .flexslider .slides > li { height: 800px; display: none; -webkit-backface-visibility: hidden;}
body.single-consultec_services .flexslider { max-width: 1400px; height: 800px; overflow: hidden; margin: 20px auto 0 auto; padding: 0; border: 0; position: relative; zoom: 1 }
body.single-consultec_services .flexslider .slides > li { height: 800px; display: none; -webkit-backface-visibility: hidden;}

span.flex-caption { display: block; position: absolute; bottom: 50px; width: 400px; height: 130px; left: 50%; margin-left: -240px; color: #fff; padding: 40px; background: #c2411d; line-height: 130%; font-size: 1.95em !important; text-align: center }

body.page-template-page-services-php .flex-control-nav { display: block; width: 100% !important; position: relative; bottom: 110px; margin-left: 0; left: 0 !important; text-align: center !important; z-index: 999 }
body.single-consultec_services .flex-control-nav { display: block; width: 100% !important; position: relative; bottom: 110px; margin-left: 0; left: 0 !important; text-align: center !important; z-index: 999 }

/* services responsive -------------------------------- */
@media screen and (max-width: 500px) { span.flex-caption { bottom: 25px; left: 20px; right: 20px; margin-left: 0; width: 78%; padding: 40px 5%; text-align: center } }


/* FlexSlider Om
*********************************/
body.page-template-page-om-php .flexslider { max-width: 1400px; height: 700px; overflow: hidden; margin: 20px auto 0 auto; padding: 0; border: 0; position: relative; zoom: 1 }
body.page-template-page-om-php .flexslider .slides > li { height: 700px; display: none; -webkit-backface-visibility: hidden;}

body.page-template-page-om-php .flex-control-nav { display: block; width: 100% !important; position: relative; bottom: 110px; margin-left: 0; left: 0 !important; text-align: center !important; z-index: 999 }
body.page-template-page-om-php .flex-control-nav { display: block; width: 100% !important; position: relative; bottom: 110px; margin-left: 0; left: 0 !important; text-align: center !important; z-index: 999 }


/* Smartphone
/*------------------------------------------------------ */

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

.sliderbox { display: none }
span.flex-caption-start { bottom: 25px; left: 20px; right: 20px; margin-right: 0; width: 78%; padding: 40px 5%; height: 170px; text-align: center }
.flex-control-nav { bottom: 65px; left: 0; width: 100%; text-align: center; margin-left: 0 }

}


/* Tablet mini and up
/*------------------------------------------------------ */

@media screen and (min-width:481px) and (max-width: 1045px) {

.sliderbox { left: 20px; right: auto; margin-right: 0 }
span.flex-caption-start { left: 20px; margin-right: 0 }
.flex-control-nav { bottom: 100px; left: 50px; margin-left: 0 }
body.page-template-page-startpage-php .flex-control-nav { bottom: 100px; left: 55px; margin-left: 0 }

}


/* Up to tablet horisontal
/*------------------------------------------------------ */

@media screen and (min-width: 0px) and (max-width: 1014px) {

.flexslider { margin: 20px auto }

}

/* -------------------------------------------------------------------- */

@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (-moz-min-device-pixel-ratio: 2),
       only screen and (-o-min-device-pixel-ratio: 2/1),
       only screen and (min-device-pixel-ratio: 2) {

.flex-control-paging li a { background: url(../images/flex-bullets-2x.png) top no-repeat; background-size: 12px 22px }
body.page-template-page-singleproduct-php .flex-control-paging li a { background: url(../images/flex-bullets-red-2x.png) top no-repeat; background-size: 12px 22px }

}

/* MOBILEMENU */
/*------------------------------------------------------------------------------------------------------------ */

#outer-wrap { position: relative; width: 100% }
#inner-wrap { position: relative; width: 100% }

.logo-mob { display: none }
.close-btn { display: none }
.no-svg .close-btn { background: url(../images/menubtn-close.png) center center no-repeat }

/* a.close-btn { display: none } */
a.nav-btn { display: none }
a.nav-btn-tab { display: none }

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

.logo { display: none }
.logo-mob { display: block !important; background: url(../images/logo-mob.png) center center no-repeat; width: 141px; height: 36px; overflow: hidden; z-index: 9999; white-space: nowrap; text-indent: 100%; position: absolute; left: 20px; top: 60px }
.logo-mob  a { display: block; width: 141px; height: 36px }

.nav-btn-tab { display: none }

.mainmenu { clear: both; display: block; float: none; width: 200px; padding: 10px 0; margin: 0 10%; border-top: 1px solid #b1b1b1; border-bottom: 1px solid #fff }
.mainmenu ul { list-style: none; display: block; padding: 0 }
.menu li { display: block; float: none; padding: 5px 0 }
.menu li a { text-decoration: none; color: #292929; margin: 0; display: block; font-size: 0.9em }
.menu li a:hover { color: #e40421 }
li.current-menu-item a { color: #e40421 }

.topmenu { clear: both; display: block; float: none; width: 200px; margin: 0 10%; padding: 10px 0; border-left: 0; border-top: 1px solid #b1b1b1 }
.topmenu ul { display: block; float: none; width: 100% }
.topmenu li { display: block; float: none; padding: 5px 0 }
.topmenu li a { margin: 0; font-size: 0.9em }

ul#languages { clear: both; float: none; width: 200px; padding: 85px 0 10px 0; margin: 0 10%; border-bottom: 1px solid #fff }
ul#languages li { float: none; padding: 5px 0; margin: 0 }
ul#languages li a { margin: 0 }

.nav-btn { display: block !important; border: 0; outline: none; width: 80px; height: 70px; background: url(../images/menubtn.png) center center no-repeat; overflow: hidden; z-index: 998; white-space: nowrap; text-indent: 100%; position: absolute; right: 0; top: 40px }
.no-svg .nav-btn { background: url(images/menubtn.png) center center no-repeat }

.close-btn { display: block !important; border: 0; outline: none; width: 80px; height: 70px; background: url(../images/menubtn-close.png) center center no-repeat; overflow: hidden; z-index: 998; white-space: nowrap; text-indent: 100%; position: absolute; right: 0; top: 40px }
.no-svg .close-btn { background: url(images/menubtn-close.png) center center no-repeat }

.nav-btn {
transition: background-color 0s;
-moz-transition: background-color 0s; /* Firefox 4 */
-webkit-transition: background-color 0s; /* Safari and Chrome */
-o-transition: background-color 0s; /* Opera */
background-color: transparent;
}

  #nav { position: absolute; top: 0 }
  #nav:not(:target) { z-index: 1; height: 0; overflow: hidden; padding: 0 }
  #nav:target .close-btn { display: block }
  #nav .close-btn { position: absolute }

  .js-ready #nav { height: 100%; width: 480px; background: #f1f1f1; margin-top: -60px; padding-bottom: 60px }
  .js-ready #nav .close-btn { display: block !important }
  .js-ready #nav { left: -480px }
  .js-ready #inner-wrap { left: 0 }
  .js-nav #inner-wrap { left: 100% }
  .js-nav #outer-wrap { overflow: hidden }

  .csstransforms3d.csstransitions.js-ready #nav {
    left: 0; overflow: visible;
   -webkit-transform: translate3d(-480px, 0, 0);
    -moz-transform: translate3d(-480px, 0, 0);
    -ms-transform: translate3d(-480px, 0, 0);
    -o-transform: translate3d(-480px, 0, 0);
    transform: translate3d(-480px, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .csstransforms3d.csstransitions.js-ready #inner-wrap {
    left: 0 !important;
    /*-webkit-transform: translate3d(0, 0, 0);  Causing the problem on iPhone for pages/categories not being visible */
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }

  .csstransforms3d.csstransitions.js-nav #inner-wrap {
    -webkit-transform: translate3d(480px, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(480px, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(480px, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(480px, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(480px, 0, 0) scale3d(1, 1, 1);
  }

  .csstransforms3d.csstransitions.js-ready #nav .block {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease;
    -webkit-transition-delay: ease, 0s;
    -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease;
    -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease;
    transition: opacity 300ms 100ms ease, transform 500ms ease;
    -webkit-transform: translate3d(75%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -moz-transform: translate3d(75%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -ms-transform: translate3d(75%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -o-transform: translate3d(75%, 0, 0) scale3d(0.9, 0.9, 0.9);
    transform: translate3d(75%, 0, 0) scale3d(0.9, 0.9, 0.9);
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }

  .csstransforms3d.csstransitions.js-nav #nav .block {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}


/* Retina
/*------------------------------------------------------ */

@media only screen and (-webkit-min-device-pixel-ratio: 2),
 only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width:480px) {

.no-svg .close-btn { background: url(../images/menubtn-close-2x.png) center center no-repeat; background-size: 21px 18px }
.logo-mob { background: url(../images/logo-mob-2x.png) center center no-repeat; background-size: 141px 36px }
.nav-btn { background: url(../images/menubtn-2x.png) center center no-repeat; background-size: 21px 18px }
.no-svg .nav-btn { background: url(images/menubtn-2x.png) center center no-repeat; background-size: 21px 18px }

.close-btn { background: url(../images/menubtn-close-2x.png) center center no-repeat; background-size: 21px 18px }
.no-svg .close-btn { background: url(images/menubtn-close-2x.png) center center no-repeat; background-size: 21px 18px }

}


/* RESPONSIVE */
/*------------------------------------------------------------------------------------------------------------ */

/* Smartphone
/*------------------------------------------------------ */

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

a.printbutton { display: none }

.col1 { width: 100% }
.col2 { width: 100% }
.col3 { width: 100% }
.col3b { width: 100% }
.col4 { width: 100% }
.col5 { width: 100% }

.floatleft { float: none }
.floatright { float: none }

.marright20 { margin-right: 0 }
.marright40 { margin-right: 0 }
.marleft20 { margin-left: 0 }
.marleft40 { margin-left: 0 }

.martop60 { margin-top: 30px }

.martop70 { margin-top: 70px }

.imghover span { display: none !important }

h1 { font-size: 2.25em }
h2 { font-size: 2.25em }
.header2em { font-size: 2.25em !important }

/* .searchform { display: none } */
.searchform { clear:both; float: none; width: 187px; margin: 0 0 0 50px; height: 57px; padding-top: 5px }
#mainsearch { float: none; border: 1px solid #d7d7d7 }

.wrapper { width: 90% }

.breadcrumbs { display: none }

.stairconstart .col4 { clear: both; padding-top: 20px }

.startnews h2 { margin: 30px 0 0 0 }
.startcase h2 { margin: 30px 0 0 0 }
.startnews h4 { margin: 15px 0 }
.startcase h4 { margin: 15px 0 }
.startreadmore { display: block }
.startreadmore a { display: block; text-align: right; text-transform: uppercase; color: #d4d4d4; padding-top: 10px; font: 0.7em; font-weight: bold }

.caselist { min-height: 0 !important; padding-bottom: 20px }
a.grey-readmore { text-align: left; margin: 5px 0 0 0 }

.sidebarnews { display: none }
.showmore { display: none }

.computer { width: 100%; float: none; margin-top: 40px }
.softwaremenu { display: none }

.productlist ul li { width: 100%; float: none; margin-right: 0 }
li.productempty { display: none !important }
.productlist ul li.prodline { width: 95% !important; margin-right: 0 }

body.page-template-page-singleproduct-php .col4 { float: none !important }
.modules { width: 85%; padding: 5px 20px; margin-bottom: 40px }
.modules ul { margin-top: 20px }
.modules li { margin-bottom: 5px }
span.modulename { font-size: 1.1em; margin: 0 }
.modules p { display: none }
.modules h4 { display: none }

.formcol { width: 100% }
input[type=submit] { margin-top: 20px }
.utbildningar .sbHolder { width: 100% }
.regcheckbox { padding-top: 20px }

.greybox { padding: 20px }

.utbildningar h3 { margin: 20px 0 0 0 }
.utb-btn { width: 275px; margin-top: 10px; background: url(../images/showmorebtn-2.png) no-repeat }
.utb-btn-list { width: 275px; margin-top: 10px; background: url(../images/showmorebtn-2.png) no-repeat }

.exhibition { width: 86%; padding: 7% }
.exhibition a { position: static; margin-top: 20px; text-align: left }

ul.gallerylist li { width: 50% }

ul.contactlist li { width: 95%; float: none; margin: 20px }

.overview { display: none }

#redfooter { padding: 20px 0 }
.footerpost { display: none }
.footerwidgets { display: none }
.footerbottom { padding-top: 20px }
.footerbottom-menu { width: 100%; float: none }
.footerbottom-menu li a { margin: 10px 10px 0 0; font-size: 0.85em }


}


/* Tablet even mini-er
/*------------------------------------------------------ */

@media screen and (min-width: 481px) and (max-width: 649px) {

a.printbutton { display: none }

.stairconstart .col2 { width: 49% }
.stairconstart .col4 { width: 100%; text-align: center; clear: both; padding-top: 40px; float: none }

.col1 { width: 100% }

.wrapper { width: 95% }

.logo { width: 141px !important }

.imghover span { display: none !important }

.caselist { min-height: 0 !important; padding-bottom: 40px }

.startnews h2 { margin: 30px 0 20px 0 }
.startcase h2 { margin: 0 0 20px 0 }
.startnews { width: 100%; float: none !important  }
.startnewsbox { margin-right: 2% !important }
.startcase { width:46.5%; float: right !important  }
.startnews .marleft40 { margin: 0}
.startcase .marleft40 { margin: 0 }
.startnews .newsheader { width: 100% !important; float: none !important }
.startnews .col2 { width: 48% }
.startcase .col2 { width: 100%; clear: both }
.startcase .floatleft { float: none }
.startnews h4 { margin-top: 0 }
.startcase h4 { margin-top: 0 }

.sidebarnews { display: none }

.overview h2 { text-align: center }
.overview .col1 { width: 48%; text-align: center }
.overview .marright20 { margin: 0 }

.showmore { display: none }
.software { padding-top: 1px }
.software .col4 { width: 100% }
.software .col2 { width: 46% }
.software .marright40 { margin-right: 0 }
.software .leftcol { margin-right: 6% }
.software-single .col2 { width: 100%; float: none }
.computer { width: 100%; float: none; margin-top: 40px }

.productlist ul li { width: 95%; margin-right: 2% }
li.productempty { display: none !important }
.productlist ul li.prodline { width: 44.3% !important; height: auto !important; margin-right: 2% }
.productlist ul:nth-child(2n+2) { margin-right: 0 !important }

.modules { width: 90%; padding: 5px 20px; margin-bottom: 40px }
body.page-template-page-singleproduct-php .col4 { width: 100%; float: none !important }
.modules h4 { display: none }
.modules ul { margin-top: 20px }

.formcol { width: 47% }
input[type=submit] { margin-top: 20px }
.regcheckbox { padding-top: 20px }

ul.gallerylist li { width: 50% }

.utbildningar h3 { margin: 20px 0 0 0 }
.utb-btn { width: 275px; background: url(../images/showmorebtn-2.png) no-repeat }
.utb-btn-list { width: 275px; background: url(../images/showmorebtn-2.png) no-repeat }

.exhibition { width: 86%; padding: 7% }
.exhibition a { position: static; margin-top: 20px; text-align: left }

body.page-template-page-contact-php .col2 { width: 100%; float: none }
body.page-template-page-contact-php .col4 { width: 100%; float: none }

h1 { font-size: 1.85em }
h2 { font-size: 1.85em }
.header2em { font-size: 1.85em !important }
h3.projekthant { margin-top: 30px }

.menu li a { margin: 0 20px 0 0 }
.menu li { float: left }
.topmenu { clear:both; float: none; width: 100%; padding-top: 20px; border-left: 0 }
.topmenu li { float: left }
.topmenu li a { margin: 0 10px 0 0 }
.mainmenu { clear:both; float: none; width: 100% }
.mainmenu ul { padding: 5px 0 0 0 }
.mainmenu li a { font-size: 1em }
ul#languages { float: left; border-left: 2px solid #9b9b9b }

.searchform { clear:both; float: none; width: 100%; height: 57px; padding-top: 10px }
#mainsearch { float: none }

#redfooter { padding: 20px 0 }
.footerbottom { padding-top: 20px }
.footerbottom-menu { width: 100%; float: none }
.footerbottom-menu li a { margin: 10px 10px 0 0 }
.footerpost { display: none }
.footerwidgets { display: none }


}


/* Tablet mini + tablet portrait
/*------------------------------------------------------ */

@media screen and (min-width:650px) and (max-width: 1014px) {

.stairconstart .col2 { width: 49% }
.stairconstart .col4 { width: 100%; text-align: center; clear: both; padding-top: 40px; float: none }

.startnews h2 { margin: 40px 0 20px 0 }
.startcase h2 { margin: 0 0 20px 0 }

.caselist { min-height: 275px !important }

.imghover span { display: none !important }

.startnews { width: 100%; clear: both; float: none !important  }

.startnews .marleft40 { margin: 0}
.startcase .marleft40 { margin: 0 }
.startnewsbox { margin-right: 2% !important }
.startnews .newsheader { width: 100% !important; float: none !important }
.startnews .col2 { width: 48% }
.startcase .col2 { width: 100%; clear: both }
.startcase .floatleft { float: none }
.startnews h4{ display: block; width:48%; float: right !important; margin-top: 0 }
.startcase h4 { display: block; width:48%; float: right !important; margin-top: 0 }
.startnews .imghover { width:48%; float: left !important; margin-bottom: 10px }
.startcase .imghover { width:48%; float: left !important; margin-bottom: 10px }

.productlist ul li { width: 95%; margin-right: 2% }
li.productempty { display: none !important }
.productlist ul li.prodline { width: 29% !important; margin-right: 2% }

.software { padding-top: 1px }
.software .col4 { width: 46% }
.software .col2 { width: 46% }
.software .marright40 { margin-right: 0 }
.software .leftcol { margin-right: 6% }

.overview h2 { text-align: center }
.overview .col1 { width: 48%; text-align: center }
.overview .marright20 { margin: 0 }
.overview .leftcol { margin-right: 2% }

.exhibition { width: 90%; padding: 5% }

.utbildningar h3 { margin: 20px 0 0 0 }
.utb-btn { width: 275px; background: url(../images/showmorebtn-2.png) no-repeat }
.utb-btn-list { width: 275px; background: url(../images/showmorebtn-2.png) no-repeat }

body.page-template-page-contact-php .col2 { width: 100%; float: none }
body.page-template-page-contact-php .col4 { width: 100%; float: none }

h1 { font-size: 1.95em }
h2 { font-size: 1.95em }
.header2em { font-size: 1.9em !important }

}

/* Tablet mini + tablet landscape
/*------------------------------------------------------ */

@media screen and (min-width:481px) and (max-width: 1023px) {

.servicemenu { margin: 0 20px }
.servicemenu li { width: 33% }


}


/* Tablet mini
/*------------------------------------------------------ */

@media screen and (min-width:650px) and (max-width: 710px) {



.wrapper { width: 95% }

.software-single .col2 { width: 100%; float: none }
.computer { width: 100%; float: none; margin-top: 40px }

.sidebarnews { display: none }

.mainmenu ul { padding: 5px 0 0 0 }
.mainmenu li a { font-size: 1.15em }
.footerpost { display: none }
.footerwidgets { display: none }

.formcol { width: 47% }

}


/* Tablet portrait
/*------------------------------------------------------ */

@media screen and (min-width:711px) and (max-width: 1014px) {

.wrapper { width: 95% }

.software-single .col2 { width: 30% }
.utb-btn { margin-top: 20px }



.mainmenu ul { padding: 15px 0 0 0 }
.mainmenu li a { font-size: 1em }
.footerpost { display: none }
.footerwidgets { display: none }

}


/* Tablet landscape/small laptop
/*------------------------------------------------------ */

@media screen and (min-width:1015px) and (max-width: 1045px) {

.wrapper { width: 95% }

.mainmenu ul { padding: 20px 0 0 0 }

h1 { font-size: 2.25em }
h2 { font-size: 2.25em }
.header2em { font-size: 2.25em !important }


}

/* Add-on modules
/*------------------------------------------------------ */

@media screen and (min-width:651px) {
.addonmenubtn { display: none }
}



/* Contact list of people
/*------------------------------------------------------ */

@media screen and (min-width:481px) and (max-width: 670px) {
ul.contactlist li { width: 46%; float: left; margin: 2% }
.contactlist li:nth-child(2n+2) { margin-right: 0 !important }
}

@media screen and (min-width: 0px ) and (max-width: 950px) {
ul.contactlist li img { float: none }
ul.contactlist span.contactinfo { display: block; width: 95%; float: none }

}



/* Utbildningar knapp
/*------------------------------------------------------ */

@media screen and (min-width:481px) and (max-width: 860px) { .utb-btn { float: right; margin-top: 10px } }

@media screen and (min-width: 0) and (max-width: 900px) {

.utbildningar label { width: 95%; margin-right: 0 }
.utbildningar input[type=text] { width: 95% }
.utbildningar textarea { width: 95% }
.utbildningar select { width: 95%; margin-bottom: 20px }
.utbildningar .sbHolder{ width: 97% }

}



/* Responsive tables
/*------------------------------------------------------ */
@media only screen and (max-width: 550px), (min-device-width: 551px) and (max-device-width: 760px)  {

.utb-table table, .utb-table th, .utb-table th, .utb-table tr, .utb-table td { display: block }
.th-border { border-bottom: 0 !important }

/* Hide table headers */
.utb-table th { position: absolute; top: -9999px; left: -9999px }
.utb-table tr { border-bottom: 1px solid #ccc }
.utb-table td { border: none; padding: 2% 2% 2% 48.5%; width: 49%; border: 1px solid #e8e8e8; position: relative }
.utb-table td:before { /* table header */ position: absolute; top: 6px; left: 6px; width: 47%; padding-right: 10px; font-weight: bold }

/* -- LABEL THE DATA -- */
.utb-table td:nth-of-type(1):before { content: "Kursnamn"; }
.utb-table td:nth-of-type(2):before { content: "Kurstyp"; }
.utb-table td:nth-of-type(3):before { content: "Plats"; }
.utb-table td:nth-of-type(4):before { content: "Datum"; }
.utb-table td:nth-of-type(5):before { content: "Sista anm.dag"; }

}/* End responsive table */


/* FLONK */
/*------------------------------------------------------------------------------------------------------------ */


/*  Consultec menu (Flonk!)
/*------------------------------------------------------ */
#consultecmenu { position: absolute; top: 0; left: 0; right: 0; background: #fff; z-index: 99999 }
.consultecmenudiv { display: none }
#consultecmenubtn { clear: both; padding: 8px 0; background: #c8102e; overflow: hidden; cursor: pointer }

#consultecmenubtn .flonklogo { background: url(../images/elecosoft_flonklogo.png) center left no-repeat; width: 87px; height: 16px; float: left }
#consultecmenubtn .flonkplus { background: url(../images/plus-white.png) center right no-repeat; width: 23px; height: 22px; float: right }

#consultecmenu .consultecmenu-mainmenu { display: block; float: right; width: 74.5% }
#consultecmenu .consultecmenu-mainmenu ul { list-style: none; display: block; padding: 20px 0 0 0 }
#consultecmenu .menu li { display: block; float: right }
#consultecmenu .menu li a { text-decoration: none; color: #292929; margin: 0 0 0 20px; display: block; font-size: 1.15em }
#consultecmenu .menu li a:hover { color: #C8102E }

#consultecmenu .consultecmenu-topmenu { display: block; float: right; padding-right: 10px }
#consultecmenu .consultecmenu-topmenu ul { display: block }
#consultecmenu .consultecmenu-topmenu li { display: block; float: right }
#consultecmenu .consultecmenu-topmenu li a { margin: 0 0 0 10px; font-size: 0.85em !important }

ul#consultecmenu-languages { list-style: none; display: block; float: right; width: 100px; border-left: 2px solid #9b9b9b }
ul#consultecmenu-languages li { display: block; float: right }
ul#consultecmenu-languages li a { margin: 0 0 0 10px; font-size: 0.85em; color: #292929 }
ul#consultecmenu-languages li a:hover { color: #C8102E }


/* Consultec menu responsive
/*------------------------------------------------------ */

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

#consultecmenu .logo { display: block; width: 141px !important; margin-bottom: -50px }
#consultecmenu .consultecmenu-mainmenu { clear: both; display: block; float: none; width: 72%; padding: 10px 0; margin: 0 8%; border-top: 1px solid #b1b1b1; border-bottom: 1px solid #fff }
#consultecmenu .consultecmenu-mainmenu ul { list-style: none; display: block; padding: 10px 0 0 0 }
#consultecmenu .menu li { display: block; float: none; padding: 5px 0 }
#consultecmenu .menu li a { text-decoration: none; color: #292929; margin: 0; display: block; font-size: 0.9em }
#consultecmenu .menu li a:hover { color: #e40421 }

#consultecmenu .consultecmenu-topmenu { clear: both; display: block; float: none; width: 72%; margin: 0 8%; padding: 10px 0; border-top: 1px solid #b1b1b1; border-bottom: 1px solid #fff }
#consultecmenu .consultecmenu-topmenu ul { display: block; float: none; width: 100% }
#consultecmenu .consultecmenu-topmenu li { display: block; float: none; padding: 5px 0 }
#consultecmenu .consultecmenu-topmenu li a { margin: 0; font-size: 0.9em }

ul#consultecmenu-languages { clear: both; float: none; width: 72%; padding: 65px 0 10px 0; margin: 0 8%; border-left: 0; border-bottom: 1px solid #fff }
ul#consultecmenu-languages li { float: none; padding: 5px 0 }
ul#consultecmenu-languages li a { margin: 0 }

}
@media screen and (min-width:481px) and (max-width: 809px) {

#consultecmenu .consultecmenu-mainmenu { width: 100%; float: none; clear: both }
#consultecmenu .consultecmenu-mainmenu ul { padding: 15px 0 0 0 }
#consultecmenu .consultecmenu-mainmenu .menu li { display: block; float: left }
#consultecmenu .consultecmenu-mainmenu .menu li a { margin: 0 20px 0 0; font-size: 1em }

}
@media screen and (min-width:810px) and (max-width: 1014px) {

#consultecmenu .consultecmenu-mainmenu { width: 74.5% }
#consultecmenu .consultecmenu-mainmenu ul { padding: 15px 0 0 0 }
#consultecmenu .menu li a { font-size: 1em }

}

/* Retina
/*------------------------------------------------------ */

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) and (max-width:480px) {

#consultecmenubtn .flonklogo { background: url(../images/elecosoft_flonklogo-2x.png) center left no-repeat; background-size: 87px 16px }
#consultecmenubtn .flonkplus { background: url(../images/plus-white-2x.png) center right no-repeat; background-size: 23px 22px }

}

/* cookie consent
/*------------------------------------------------------ */
.cookie-consent {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	background-color: rgba(194, 65, 29, 0.9);
	z-index: 99;
	padding: 20px;
	color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.cookie-consent a {
	color: #fff !important;
	text-decoration: underline !important;
}

.cookie-consent .cookie-consent-btn.btn-primary {
	margin-left: 10px;
	padding: 5px 10px;
	background-color: #333;
	color: #fff !important;
	text-decoration: none !important;
}

.cookie-consent .cookie-consent-btn.btn-primary:hover {
	background-color: #000;
}

.cookie-consent .cookie-consent-btn.btn-primary:after {
	display: none;
}

@media screen and (max-width: 768px) {
	.cookie-consent .cookie-consent-btn.btn-primary {
		display: block;
		margin: 10px auto 0;
		text-align: center;
		max-width: 100px;
	}
}

/* custom table styling
/*------------------------------------------------------ */
.table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}

.table tr:first-child th {
	border-bottom: 1px solid #000;
}

.table td,
.table th {
	vertical-align: top;
	padding: 10px 10px;
}

.table th {
	font-weight: bold;
}

.table tr:nth-child(odd) td {
	background-color: #fafafa;
}

.table tr:hover td {
	background-color: #f0f0f0;
}

/* Recaptcha badge hiding
/*------------------------------------------------------ */
.grecaptcha-badge {
opacity: 0;
}