/*
Theme Name: Woody AF
Theme URI: http://www.jimdavislabs.se
Description: Ett tema av JimDavislabs
Author: Mirnes
Author URI: http://www.jimdavislabs.se
Version: 1.0

*/

@font-face {
  font-family: 'DINBold';
  src: url('font/DINBold.otf') format("opentype");
  src: url('font/DINBold.eot'); /* IE9 Compat Modes */
  src: url('font/DINBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/DINBold.woff2') format('woff2'), /* Super Modern Browsers */
       url('font/DINBold.woff') format('woff'), /* Pretty Modern Browsers */
       url('font/DINBold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('font/DINBold.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'DINRegular';
  src: url('font/DINRegular.otf') format("opentype");
  src: url('font/DINRegular.eot'); /* IE9 Compat Modes */
  src: url('font/DINRegular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/DINRegular.woff2') format('woff2'), /* Super Modern Browsers */
       url('font/DINRegular.woff') format('woff'), /* Pretty Modern Browsers */
       url('font/DINRegular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('font/DINRegular.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'DINMedium';
  src: url('font/DINMedium.otf') format("opentype");
  src: url('font/DINMedium.eot'); /* IE9 Compat Modes */
  src: url('font/DINMedium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/DINMedium.woff2') format('woff2'), /* Super Modern Browsers */
       url('font/DINMedium.woff') format('woff'), /* Pretty Modern Browsers */
       url('font/DINMedium.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('font/DINMedium.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'DINLight';
  src: url('font/DINLight.otf') format("opentype");
  src: url('font/DINLight.eot'); /* IE9 Compat Modes */
  src: url('font/DINLight.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('font/DINLight.woff2') format('woff2'), /* Super Modern Browsers */
       url('font/DINLight.woff') format('woff'), /* Pretty Modern Browsers */
       url('font/DINLight.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('font/DINLight.svg#svgFontName') format('svg'); /* Legacy iOS */
}


body {
	min-width: 300px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: white;

  font-family: 'DINRegular';
  font-weight: normal;
  background-attachment: fixed;
}
header {
	min-height: 150px;
}
#lokal-marknadsforing header, #print header, #digitalt header, #ovrigt header {
	min-height: 100px;
}
header .left {
  padding-top: 25px;
}
.container-fluid {
	padding-right: 0px;
	padding-left: 0px;
}
header {
	/* background-color: rgba(21, 81, 143, 0.9); */
}
.content-container, .footer-wrap {
	/* background-color: rgba(21, 81, 143, 0.9); */
}
.footer-wrap {
	border-top: 2px solid white;
	padding: 60px 0px;
}
#backing {
	vertical-align: middle;
	margin: 0;
	overflow: hidden;
}
#backing svg { 
	display: inline-block;
	position: absolute;
	top: 0; left: 0;
	width: 100% !important;
}
header .left h3.headertitle,
header .left a {
  display: inline-block;
}
h1.headertitle {
 position: absolute;
    top: 15px;
    left: 204px;
    font-size: 40px;
}
header .left img.logo {
	width: 100%;
	max-width: 150px;
}
header .left img.logo-right {
	width: 100%;
	max-width: 100px;
}
.left-div {
	float: left;
}
.right-div {
	float: right;
}

a {
  color: white;
  text-decoration: underline;
}

h1, h2, h3, h4, h5 {
  font-weight: bold;
}




h1 {
  font-size: 26px;
  font-family: 'DINBold';
}
h2 {
  font-size: 32px;
  text-transform: uppercase;
}
h3 {
  font-size: 14px;
}
h4 {
  font-weight:
}
h5 {

}
#desktop-menu {
}
.list-items-desktop {
}
.nav-row {
	margin-top: 350px;
}
#desktop-menu  .list-items-desktop a {
  display: inline-block;
  background-color: #db6629;
  color: white;
  font-weight: 500;
  padding: 5px 20px;
  margin: 0px 10px;
  text-decoration: none;
}
#desktop-menu  .list-items-desktop a.active {
  text-decoration: underline;
}
/* Navbar */
.navbar { margin-left:auto; margin-right:auto; font-size: 16px; color: #000; min-height: 125px; text-transform: uppercase; margin-bottom: 0px !important; background-color: #fff; font-family: 'DINRegular';, sans-serif; background-color: #fff}
	.navbar .navbar-inner { border-width:0 0 2px; border-color:#fff; }
		.navbar .navbar-inner .container { margin:0 auto; }
	.navbar .nav > .active > a,
	.navbar .nav > .active > a:hover { background:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; border-bottom:6px solid #fc4237; }
	.navbar .nav > li > a { border-bottom:6px solid transparent; padding-bottom:6px; color:#000}

	.nav > li > a{
	padding: 10px 8px !important;
	margin-top: 10px;
}

h1 {
  text-transform: uppercase;
}


.bgImgFull {
	width: 100%;
	height: 320px;
	background-size: cover;
}
.greenDiv {
	background-color: #d8e7bb;
	height: 130px;
}
/*------- SPECIALS ---------------*/

.white-txt{
	color: #fff !important;
}
.grey-txt{
	color: #444444 !important;
}
.text-center{
	text-align: center;
}
.no-padding{
	padding: 0px !important;
}
.no-top-margin {
	margin-top: 0px !important;
}
.uppercase{
	text-transform: uppercase;
}
.bold{
 font-weight: 700 !important;
}

/*------- END SPECIALS ---------------*/


/*------- INSPIRATIONSPORTAL ---------------*/
.specnav {
	margin-right: 15px;
	font-size: 18px;
}
#inspirationsportal .top {

  height: 360px;
}
#inspirationsportal .box {
  height: 500px;
}
#inspirationsportal .video {
  padding: 50px 0px;
}
#inspirationsportal .video .right a {
  display: inline-block;
  padding-left: 50px;
  color: white;
  font-size: 40px;
  max-width: 343px;
  line-height: 38px;
  text-decoration: none;
}
#inspirationsportal .video .right a::after {
  content: ">>";
  color: white;
  padding-left: 15px;
}
#inspirationsportal .video .right a:hover:after {
  text-decoration: none;
}
#inspirationsportal .video .right a:hover {
  text-decoration: none;
}
#inspirationsportal .video .right a,
#inspirationsportal .video .right img {
  display: inline-block;
}
.checklista a {
  color: white;
  text-decoration: none;
}
.checklista a::after {
  content: ">>";
  color: white;
}
/*------- END INSPIRATIONSPORTAL ---------------*/

/*------- NAVIGATION ---------------*/
#navigation .top-nav {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position:bottom;
  height: 450px;
}
#navigation .box {
  height: 500px;
}
.child-link {
	font-size: 26px;
    border: 2px solid #fff;
    padding: 10px 0px;
    background-color: #db6629;
    text-transform: uppercase;
    width: 200px;
    text-align: center;
}
.sub-titles {
	font-size: 22px;
	margin: 0px;
}
.sub-1 {
	margin-top: 70px;
	font-size: 22px;
}
/*------- END NAVIGATION ---------------*/
#material.top-nav {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: bottom;
  height: 450px;
}
/*------- SKAM ---------------*/

.dGreen {color: #007833;}
.videoClass{max-height: 180px;}

.fa-search{
    padding: 5px 10px;
    background-color: grey;
    color: #fff;
    position: absolute;
    bottom: 5px;
    right: 15px;
}

.featherlight .featherlight-content {
  padding: 0px !important;
  border-bottom: 0px !important;
}
#bestall-reklammaterial .wrapper{
	margin-bottom: 35px;
}
.wrapper {
	/* height: 110px; */
	overflow: hidden;
}
.wrapper > img.Logotyper {
	padding: 0px 30px;
}
.pdf-wrapper a:hover,
.pdf-wrapper a {
  text-decoration: none;
}
.pdf-wrapper .fa-search {
  bottom: -4px;
}
.pdf-wrapper .wrapper {
  margin-bottom: 20px;
}
/*------- END SKAM ---------------*/
/*------- FLIKAR -----------------*/

.panel {
	background-color: transparent;
	border: none;
	margin-bottom: 10px !important;
}
.panel-default>.panel-heading {
	background-image: none;
	background-repeat: no-repeat;
	background-color: #db6629;
	color: white;
	border-radius: 0px;
	padding: 12px 0px 12px 12px;
}
.panel-default>.panel-heading.child {
	background-image: none;
	background-repeat: no-repeat;
	background-color: #b3b3b1;
	color: black;
	border-radius: 0px;
	padding: 12px 0px 12px 12px;
}
.panel-right {
	float: right;
	margin-right: 20px;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: transparent;
}
.panel-body {
	padding: 15px 0px;
}
.panel-title {
	font-size: 20px;
    text-transform: uppercase;
}
.panel-title a {
	text-decoration: none;
	display: block;
}
.panel-title a[aria-expanded="true"]:after{
	content: url('img/arrow-down.png');
	float: right;
	margin-right: 20px;
	margin-top: 0px;
}
.panel-title a[aria-expanded="false"]:after{
	content: url('img/arrow-closed.png');
	float: right;
	margin-right: 20px;
	margin-top:0px;
}
.child .panel-title a[aria-expanded="true"]:after{
	content: url('img/arrow-down-black.png');
	float: right;
	margin-right: 20px;
	margin-top: 0px;
}
.child .panel-title a[aria-expanded="false"]:after{
	content: url('img/arrow-closed-black.png');
	float: right;
	margin-right: 20px;
	margin-top:0px;
}
.grid-sizer,.grid-item {
	width: 25%;
	height: auto;
}
.grid-sizer,.grid-item-child {
	width: 25%;
	height: auto;
}
.grid-item.grid-class-1 {
	width: 25%;
	height: auto;
	padding: 10px;
}
.grid-item.grid-class-2 {
	width: 50%;
	height: auto;
	padding: 10px;
}
.grid-item.grid-class-3 {
	width: 75%;
	height: auto;
	padding: 10px;
}
.grid-item.grid-class-4 {
	width: 100%;
	height: auto;
	padding: 10px;
}
.stars-aligned {
	height: 80px;
}
.stars {
	float:right;
	margin-bottom: 90px;
	margin-right: 15px;
}
.commentsWrap {
	float: left;
	width: 80%;
	margin-left: 15px;
}
.stars > img {
	margin-right: 5px;
}



/*------- PUFFAR ---------------*/

.puff_content {
  position: relative;
  margin-bottom: 20px;
}
.puff_content a {
  color: #000;
}
.puff_content a:hover {
  opacity: 1;
  text-decoration: none;
}
.puff_content .bgImgFull{
  box-shadow: none;
transition: box-shadow 0.25s;
}
.puff_content a:hover .bgImgFull {
  box-shadow: 1px 1px 4px 3px #ccc;
    -moz-box-shadow: 1px 1px 4px 3px #ccc;
    -webkit-box-shadow: 1px 1px 4px 3px #ccc;
}


.puff_content .greenDiv {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-left: 20px;
  padding-right: 50px;
}
.puff_content .greenDiv h3 {
  color: #007833;
}
.puff_content .greenDiv .puff_link {
  float: right;
  font-size: 50px;
  position: relative;
  bottom: 30px;
  right: -30px;
  color: #007833;
}
.puff_content .img_text {
  color: white;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 30px;
}
.puff_content .img_text h3 {
  text-transform: uppercase;
}
.links-content {
	display: inline-flex; 
	padding-top: 40px;
	padding-bottom: 50px;
}
.content-container .content {
	padding: 40px 0px 100px 0px;
}
.checklist-img {
	padding-top: 50px;
}
/*------- END PUFFAR ---------------*/


/*------- REGISTRERA ---------------*/

#registrera .col-xs-6 a img.img-responsive {
  position: relative;
  top: 20px;
  left: 20px;
}
#registrera p.explain_ {
  max-width: 900px;
  margin: 0 auto;
  padding-left: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}
#dina-uppgifter,
#registrera {
  background-image: url('img/woody_bg.jpg');
  background-repeat: no-repeat;
  background-position: center;
}
#dina-uppgifter .uppercase,
#registrera .text-info,
#registrera .form-submit,
#registrera .alert,
#registrera .uppercase {
  max-width: 900px;
  margin: 0 auto;
  padding-left: 0;
}
#dina-uppgifter .text-info,
#registrera .text-info {
  color: #fff;
  padding-top: 20px;
  font-weight: 400;
  font-size: 20px;
}
#dina-uppgifter .white-box,
#registrera .white-box {
  /*background-color: rgba(255, 255, 255, 0.72);*/
  padding-top: 50px;
  padding-bottom: 50px;
}

#registrera .wppb-form-field.wppb-send-credentials-checkbox {
  display: none;
}
#dina-uppgifter #select_user_to_edit_form {
  max-width: 900px;
  margin: 0 auto;
}
#dina-uppgifter #select_user_to_edit_form #wppb-user-to-edit {
  width: 30%;
  background-color: #e3e3e3;
  border: 1px solid #a1a1a0;
}

#dina-uppgifter .wppb-user-forms ul,
#registrera .wppb-user-forms ul {
  max-width: 900px;
  margin: 0 auto;
}
#dina-uppgifter .wppb-user-forms ul li,
#registrera .wppb-user-forms ul li {
  padding-bottom: 5px;
}
/* #dina-uppgifter #wppb-form-element-6,
#dina-uppgifter #wppb-form-element-18,
#registrera #wppb-form-element-16,
#registrera #wppb-form-element-18,
#registrera #wppb-form-element-16 {
  float: left;
  width: 30%;
} */

#wppb-form-element-25 select {
  color: black;
  background-color: #fff;
  height: 28px;
}

#dina-uppgifter .wppb-form-field.wppb-default-nickname,
#dina-uppgifter .wppb-form-field.wppb-default-first-name,
#registrera .wppb-form-field.wppb-default-nickname,
#registrera .wppb-form-field.wppb-default-first-name,
#wppb-form-element-21,
#wppb-form-element-23,
#wppb-form-element-15,
#wppb-form-element-25 {
  float: left;
  width: 50%;
}
#dina-uppgifter #select_user_to_edit_form label,
#dina-uppgifter #wppb-form-element-6 label,
#dina-uppgifter #wppb-form-element-19 label,
#dina-uppgifter #wppb-form-element-18 label,
#dina-uppgifter #wppb-form-element-17 label,
#dina-uppgifter #wppb-form-element-16 label,
#dina-uppgifter.wppb-form-field.wppb-default-nickname label,
#dina-uppgifter .wppb-form-field.wppb-default-website label,
#dina-uppgifter .wppb-form-field.wppb-default-last-name label,
#dina-uppgifter .wppb-form-field.wppb-default-first-name label,
#registrera #wppb-form-element-19 label,
#registrera #wppb-form-element-18 label,
#registrera #wppb-form-element-17 label,
#registrera #wppb-form-element-16 label,
#registrera .wppb-form-field.wppb-default-nickname label,
#registrera .wppb-form-field.wppb-default-website label,
#registrera .wppb-form-field.wppb-default-last-name label,
#registrera .wppb-form-field.wppb-default-first-name label,
#wppb-form-element-20 label,
#wppb-form-element-21 label,
#wppb-form-element-22 label,
#wppb-form-element-23 label,
#wppb-form-element-24 label,
#wppb-form-element-15 label,
#wppb-form-element-26 label,
#wppb-form-element-25 label,
#wppb-form-element-8 label {
  float: none;
  display: table;
  width: 100%;
}
#dina-uppgifter #wppb-form-element-6 .default_field_display-name,
#dina-uppgifter #wppb-form-element-6 .extra_field_input,
#dina-uppgifter #wppb-form-element-18 .extra_field_input,
#dina-uppgifter #wppb-form-element-16 .extra_field_input,
#dina-uppgifter .text-input.default_field_nickname,
#dina-uppgifter .text-input.default_field_firstname,
#registrera #wppb-form-element-18 .extra_field_input,
#registrera #wppb-form-element-16 .extra_field_input,
#registrera .text-input.default_field_nickname,
#registrera .text-input.default_field_firstname,
#wppb-form-element-20 input,
#wppb-form-element-21 input,
#wppb-form-element-22 input,
#wppb-form-element-23 input,
#wppb-form-element-24 input,
#wppb-form-element-15 input,
#wppb-form-element-26 input,
#wppb-form-element-8 input,
#wppb-form-element-25 select {
  width: 100%;
  float: left;
  background-color: #fff;
  border: 1px solid #a1a1a0;
}



#dina-uppgifter .wppb-form-field.wppb-default-website,
#dina-uppgifter .wppb-form-field.wppb-default-last-name,
#registrera .wppb-form-field.wppb-default-website,
#registrera .wppb-form-field.wppb-default-last-name,
#wppb-form-element-20,
#wppb-form-element-22,
#wppb-form-element-24,
#wppb-form-element-26,
#wppb-form-element-8 {
  width: 50%;
  float: right;
  padding-left: 10px;
}
#dina-uppgifter #wppb-form-element-19 .extra_field_input,
#dina-uppgifter #wppb-form-element-17 .extra_field_input,
#dina-uppgifter #wppb-form-element-15 .extra_field_input,
#dina-uppgifter .text-input.default_field_website,
#dina-uppgifter .text-input.default_field_lastname,
#registrera #wppb-form-element-19 .extra_field_input,
#registrera #wppb-form-element-17 .extra_field_input,
#registrera #wppb-form-element-15 .extra_field_input,
#registrera .text-input.default_field_website,
#registrera .text-input.default_field_lastname {
  width: 100%;
  float: right;
  background-color: #fff;
  border: 1px solid #a1a1a0;
}
#dina-uppgifter .wppb-form-field.wppb-default-repeat-password .text-input,
#dina-uppgifter .wppb-form-field.wppb-default-password .text-input,
#dina-uppgifter .text-input.default_field_email,
#registrera .wppb-form-field.wppb-default-repeat-password .text-input,
#registrera .wppb-form-field.wppb-default-password .text-input,
#registrera .text-input.default_field_email {
  width: 100%;
  background-color: #fff;
  border: 1px solid #a1a1a0;
}
#registrera .sign_in_div {
  max-width: 900px;
  margin: 0 auto;
}
#dina-uppgifter .sign_in_div input[type=submit],
#registrera .sign_in input[type=submit] {
  background-color: #db6629;
  color: white;
  border: 0;
  border-radius: 3px;
  float: left;
  padding: 10px 20px;
  margin-top: 10px;
}
#dina-uppgifter .form-submit input[type=submit],
#registrera .form-submit input[type=submit] {
  background-color: #db6629;
  color: white;
  border: 0;
  border-radius: 3px;
  float: right;
  margin-top: 10px;
  padding: 10px 20px;
}
#dina-uppgifter .sign_in_div,
#dina-uppgifter .form-submit {
  max-width: 900px;
  margin: 0 auto;
}

#registrera > div.shiftnav-wrap > div.container.white-box {
  margin-top: 6%;
}
#registrera p.alert#wppb_form_success_message {
  display: none;
}
/*------- END REGISTRERA ---------------*/

/*------- SHIFNAV ---------------*/
#shiftnav-toggle-main {
  background-color: transparent !important;
  z-index: 999 !important;
}
#shiftnav-toggle-main .shiftnav-main-toggle-content.shiftnav-toggle-main-block {
  display: none;
}
#shiftnav-toggle-main-button {
  float: right;
  background-color: black;
  padding: 0;
  position: relative;
}
#shiftnav-toggle-main-button .fa {
  font-size: 2rem;
  color: white;
}

.shiftnav-enabled .shiftnav.shiftnav-skin-standard-dark {
    background: #ececec;
    color: #000;
}
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target {
  display: block;
  color: #000;
  border-bottom: 0;
  border-top: 1px solid #313131;
  text-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}

.shiftnav-enabled .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.menu-item > .shiftnav-target {
    text-transform: uppercase;
    border-top-color: #ececec;
    background-color: #ececec;
    color: black;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0);
}
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target {
  background-color: black !important;
}

#shiftnav-toggle-main-button {transition: box-shadow 0.25s;}
#shiftnav-toggle-main-button:hover {
  box-shadow: 1px 1px 3px 1px #ccc;
    -moz-box-shadow: 1px 1px 3px 1px #ccc;
    -webkit-box-shadow: 1px 1px 3px 1px #ccc;
  }

@media (max-width: 768px) {
  #shiftnav-toggle-main-button {
    top: 20px;
    right: 10px;
  }
  .grid-sizer,.grid-item {
	width: 50%;
	height: auto;
	}
	.grid-item.grid-class-1 {
		width: 50%;
		height: auto;
		padding: 10px;
	}
	.grid-item.grid-class-2 {
		width: 50%;
		height: auto;
		padding: 10px;
	}
	.grid-item.grid-class-3 {
		width: 100%;
		height: auto;
		padding: 10px;
	}
	.grid-item.grid-class-4 {
		width: 100%;
		height: auto;
		padding: 10px;
	}
}
@media (min-width: 768px) {
  #shiftnav-toggle-main-button {
    top: 40px;
    right: 25px;
  }
}


/*------- END SHIFNAV ---------------*/



.form_white {
  background-color: #FFF;
  padding: 10px;
}
.form_white input {
  width: 100%;
}

.order_me {
  display: inline-block;
}
.order_me a {
  position: relative;
  top: 8px;
  color: #fff;
}
.no_padding {
  padding-left: 0;
  padding-right: 0;
}
.title_bestall p {
  color: #fff;
  font-family: 'DINLight';
  font-weight: 200;
}
.title_bestall h3 {
  color: #fff;
  font-family: 'DINLight';
  font-weight: 200;
  margin-top: 0px;
}

.content_on_page {
	padding: 30px 0px 50px 15px;
}

.emd_dl_red_darker {
  -moz-box-shadow: inset 0px 1px 0px 0px #f5978e !important;
  -webkit-box-shadow: inset 0px 1px 0px 0px rgba(245, 151, 142, 0) !important;
  box-shadow: inset 0px 1px 0px 0px rgba(245, 151, 142, 0) !important;
  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, rgba(242, 69, 55, 0)), color-stop(1, rgba(198, 45, 31, 0)) ) !important;
  background: -moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
  background-color: rgba(242, 69, 55, 0) !important;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-left-radius: 0px;
  text-indent: 0;
  border: 1px solid rgba(208, 39, 24, 0) !important;
  display: inline-block;
  color: #ffffff !important;
  font-family: inherit !important;
  font-size: 15px;
  font-weight: bold;
  font-style: normal;
  height: 41px;
  line-height: 25px !important;
  width: 153px;
  text-decoration: none;
  text-align: left !important;
  text-shadow: 0 0 0px rgba(129, 14, 5, 0) !important;
}
.emd_dl_red_darker:hover {
  text-decoration: none !important;
}
#bestall-reklammaterial .emd_dl_red_darker,
#senaste-nytt .emd_dl_red_darker,
#smorjmedelskampanj .emd_dl_red_darker {
  font-family: sans-serif !important;
  font-weight: bold !important;
}
.title_bestall h2 {
  font-family: 'DINBold';
  font-size: 15px;
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 5px;
}
.best_form input[type=submit] {
  background-color: #009941;
  color: #fff;
  border: 0;
  padding: 5px 25px;
}

#bestall-reklammaterial .col-sm-6.no_padding .row:last-child {
  padding-bottom: 50px;
}

#bestall-reklammaterial .emd_dl_red_darker, #senaste-nytt .emd_dl_red_darker, #bildbank-logotyper .emd_dl_red_darker, #smorjmedelskampanj .emd_dl_red_darker{
  -moz-box-shadow: inset 0px 0px 0px 0px #f5978e;
  -webkit-box-shadow: inset 0px 0px 0px 0px #f5978e;
  box-shadow: inset 0px 0px 0px 0px #f5978e;
  background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #f24537), color-stop(1, #c62d1f) );
  background: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgba(242, 69, 55, 0)), color-stop(1, rgba(198, 45, 31, 0)) );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
  background-color: transparent !important;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-left-radius: 0px;
  text-indent: 0;
  border: 0px solid #d02718;
  display: inline-block;
  color: #333 !important;
  text-shadow: none !important;
  font-size: 15px;
  font-weight: 100;
  font-style: normal;
  height: auto;
  line-height: 10px;
  width: auto;
  font-family: 'DINRegular';
  text-decoration: none;
  text-shadow: 0px 0px 0px #810e05;
}

.shiftnav-menu-title a {
  text-transform: uppercase;
}

/*PASSWORD PAGE*/
#password {
  background-image: url('img/woody_bg.jpg');
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
}
#password .white-box {
  /*background-color: rgba(255, 255, 255, 0.72);*/
  padding-top: 50px;
  padding-bottom: 50px;
}
#password .sign_in_div a.sign_in,
#password .form-submit #wppb-recover-password-button {
  background-color: #a50d12;
  color: white;
  border: 0;
  border-radius: 5px;
  padding: 5px 15px;
  text-transform: uppercase;
}

/* .PASSWORD PAGE*/
/*LOGIN PAGE*/

#login {
  background-image: url('img/woody_bg.jpg');
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
}

#login .white-box {
  /*background-color: rgba(255, 255, 255, 0.72);*/
  padding-top: 50px;
  padding-bottom: 50px;
}

#login .col-xs-6 a img.img-responsive,
#password .col-xs-6 a img.img-responsive {
  padding-top: 20px;
}
#login .login-remember {
  display: none;
}

#login #shiftnav-toggle-main-button{
	display: none !important;
}

#password #shiftnav-toggle-main-button{
	display: none !important;
}
#login .login-submit #wppb-submit {
  background-color: #db6629;
  border: 0;
  color: white;
  padding: 5px 10px;
  border-radius: 5px;
}

#login .sign_in_div .sign_in,
#login .sign_in_div .forgot_pas {
  color: white;
  text-decoration: underline;
  font-weight: 600;
  font-size: 14px;
}


#password form p:first-child {
    display: none;
}
.social {
	display: inline-flex;
}

@media (max-width:940px) and (min-width:768px) {
  #password .wppb-form-field.wppb-username-email {

    padding-left: 0px !important;

  }
}​
@media (max-width:1060px) and (min-width:960px) {
  #password .wppb-form-field.wppb-username-email {

        padding-left: 80px !important;

  }
}

@media (min-width: 1060px) {
  #password .wppb-form-field.wppb-username-email {

    margin: 0 auto;
    padding-left: 115px;
    width: 300px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {


  #password .wppb-form-field.wppb-username-email {

    margin: 0 auto;
    padding-left: 115px;
    width: 300px;
    margin: 0 auto;
  }
  #password .form-submit {
    width: 308px;
    margin: 0 auto;
  }
  #password .sign_in_div {
    width: 308px;
    margin: 0 auto;
    padding-top: 10px;
  }

  #password .wppb-form-field.wppb-username-email label{
    width: 100%;
  }
  #password #username_email {
    width: 400px;
    margin: 0 auto;
  }


  #password .password-p {
    text-align: center;
  }
  #password .password-p:first-child {
    padding-top: 20px;
  }
  #password .password-p:last-child {
    text-align: center;
    padding-bottom: 20px;
  }
  #password form p:first-child {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 50px;
  }
  #password h1.uppercase {
    text-align: center;
  }
  /*#password .wppb-form-field.wppb-username-email {
    max-width: 700px;
    margin: 0 auto;
    padding-left: 150px;
  }*/
  #password .white-box {
    margin-top: 6%;
  }
  #login h1.uppercase {
    text-align: center;
    padding-bottom: 50px;
    font-size: 41pt;
    font-family: 'DINRegular';
    line-height: 70px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
}

  #login #wppb-login-wrap {
    max-width: 900px;
    margin: 0 auto;
  }
  #login #loginform {
    display: -webkit-inline-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 50px;
  }
  #login #loginform .login-username label,
  #login #loginform .login-password label {
    margin-bottom: 0;
  }
  #login #loginform .login-username label,
  #login #loginform #user_login {
    width: 100%;
  }
  #login #loginform .login-password label,
  #login #loginform .login-password #user_pass {
    width: 100%;
  }
  #login #loginform #user_login,
  #login #loginform .login-password #user_pass {
    background-color: #e3e3e3;
    border: 1px solid rgba(0, 0, 0, 0.24);
  }
  #login .login-submit #wppb-submit {
    background-color: #db6629;
    border: 0;
    color: white;
    position: relative;
    top: 20px;
    margin-left: 10px;
    padding: 5px 10px;
    border-radius: 5px;
  }
  #login .sign_in_div {
    max-width: 900px;
    margin: 0 auto;
    position: relative;
    top: -13px;
  }
  #login .sign_in_div .sign_in {
    float: left;
    color: white;
    text-decoration: underline;
    padding-left: 50px;
    font-weight: 600;
    font-size: 14px;
  }
  #login .sign_in_div .forgot_pas {
    padding-left: 225px;
    color: white;
    text-decoration: underline;
    font-weight: 600;
    font-size: 14px;
  }
  #login .login-username,
  #login .login-password {
    width: 350px;
  }
  #login .login-password {
    margin-left: 10px;
  }
  #login .white-box {
    margin-top: 6%;
}
}
/*.LOGIN PAGE*/


/*SAFARI*/
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0)
{



  .login #nav a:first-child {
    right: 240px;
  }
  .login #nav a:last-child {
    left: -40px;
  }
  body.login div#login p#nav a {
    color: black;
    text-decoration: underline;
    display: none;
    font-weight: 500;

}
}
@media (min-width: 1350px) {
	.container {
	    width: 1170px;
	}
	.container.smaller {
		width: 970px;
	}
}
@media (max-width: 1390px) {
	.specnav {
		font-size: 16px;
	}
}
@media (max-width: 1349px) {
	.container {
	    width: 95%;
	}
}
@media (max-width: 1205px) { 
	.links-content {
		margin-left: 0px;
		padding-left: 40px;
	}
	.specnav {
		font-size: 15px;
		margin-right: 12px;
	}
}
@media (max-width: 1025px) { 
	.links-content {
		display: block;
		padding-left: 15px;
	}
	
}
@media (max-width: 969px) {
	.container {
	    width: 100%;
	}
	.container.smaller {
		width: 100%;
	}
	.content-container .content {
		padding: 40px 15px;
	}
	.specnav {
	margin-right: 0px;
	font-size: 18px;
	}
}

@media (min-width: 768px) {
  .best_form {
    padding-top: 84px;
    padding-bottom: 50px;
  }
}

@media (max-width: 1200px) {
/*.container {
    width: 970px !important;
  }*/
  #dina-uppgifter .container,
  #registrera .container,
  #login .container,
  #password .container {
    width: 100%;
  }

}

@media (max-width: 767px) {
	h1.headertitle {
    position: relative;
    top: 0px;
    left: 0px;
    font-size: 25px;
}
header .left img.logo-right {
    width: 100%;
    position: absolute;
    max-width: 100px;
    right: 10px;
   }

#navigation .top,
#inspirationsportal .top {
  background: none !important;
  padding: 0;
  margin: 10px 0px;
}
#mobile-nav {
  float: right;
  margin-top: 15px;
}
.menu-list-row {
  max-height: 0;
  transition: all 0.15s ease-out;
  background-color: #b1b3b4;
  overflow: hidden;
  padding: 0px 0px;
  border-top: 0px solid white;
  border-bottom: 0px solid white;
}
.menu-list-row.open {
  max-height: 300px;
  padding: 25px 0px;
  border-top: 2px solid white;
  border-bottom: 2px solid white;
  transition: all 0.25s ease-in;
}

.menu-list-row .list-items {
  display: inline-block;
  float: right;
  padding-right: 25px;
}
.menu-list-row .list-items a {
  color: black;
  font-weight: 500;
  text-decoration: none;
}
.menu-list-row .list-items a.active {
  text-decoration: underline;
}

h2 {
  font-size: 18px;
}
#inspirationsportal .top {
  height: auto;
}
#inspirationsportal .video .right {
  margin-top: 50px;
}

/* FOOTER */

.footer-content .footer-mobile p,
.footer-content .footer-mobile .social,
.footer-content .footer-mobile .social img
 {
  display: inline-block;
  border-top: 2px solid white;
}
.footer-content .footer-mobile p {
  text-align: right;
  font-size: 11px;
}
.footer-content .footer-mobile .social {
  float: right;
}
.footer-content {
  border-top: 1px solid white;
  padding-top: 15px;
  margin-top: 10px;
}
a.footer-link-child {
  padding-left: 15px;
}
.footer-wrap {
	background-color: rgba(21, 81, 143, 0.9);
	height: 440px;
	margin-top: 0px !important;
}
/* END FOOTER */
#login h1.uppercase {
  text-align: center;
  padding-bottom: 50px;
  font-size: 21pt;
  font-family: 'DINRegular';
  line-height: 26px;
  font-weight: 300;
  color: #fff;
  text-transform: uppercase;
}
#wpfid-table button {
  color: white !important;
}
.desktop-navigation .nav-box {
  margin: 25px 0px;
  text-align: center;
}
.desktop-navigation a {
    color: white;
    font-weight: bold;
    width: 100%;
    display: block;
}
.desktop-navigation a.allign-1 {
  padding-right: 14%;
}
.desktop-navigation a.allign-2 {
  padding-right: 32%;
}
.desktop-navigation a.allign-3 {
  padding-right: 43%;
}

@media (min-width: 769px) {
	 #navigation .box,
	 #inspirationsportal .box {
	   background: none !important;
	 }
	 header .left img.logo {
	   width: 100%;
	   max-width: 150px;
	 }
	 header .row {
	   position: relative;
	 }
	 .logout-right {
	   position: absolute;
	  right: 0;
	  top: 70px;
	 }
	 .logout-right  .btn-primary:active,
	 .logout-right  .btn-primary:focus,
	 .logout-right  .btn-primary:hover,
	 .logout-right  .btn-primary:visited,
	 .logout-right  .btn-primary {
	    background-image: -webkit-linear-gradient(top,rgba(36, 85, 128, 0) 0,rgba(36, 85, 128, 0) 0%);
	    background-image: -o-linear-gradient(top,rgba(36, 85, 128, 0) 0,rgba(36, 85, 128, 0) 0%);
	    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(36, 85, 128, 0)),to(rgba(36, 85, 128, 0)));
	    background-image: linear-gradient(to bottom,rgba(36, 85, 128, 0) 0,rgba(36, 85, 128, 0) 0%);
	    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(36, 85, 128, 0)', endColorstr='rgba(36, 85, 128, 0)', GradientType=0);
	    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	    background-repeat: repeat-x;
	    border-color: rgba(36, 85, 128, 0);
	    background-color: rgba(51, 122, 183, 0);
	    text-shadow: 0 0px 0 rgba(0,0,0,0);
	    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0), 0 0px 0px rgba(0,0,0,0);
	    box-shadow: inset 0 0px 0 rgba(255,255,255,0), 0 0px 0px rgba(0,0,0,0);
	}
	/* FOOTER */
	.footer-wrap {
	  border-top: 1px solid white;
	  padding-top: 30px;
	  margin-top: 30px;
	}
	.footer-content .footer-mobile .content {
	  float: right;
	}
	.footer-content .footer-mobile p,
	.footer-content .footer-mobile .social,
	.footer-content .footer-mobile .social img
	 {
	  display: inline-block;
	}
	.footer-content .footer-mobile p {
	  text-align: right;
	}
	.footer-content .footer-mobile .social {
	  position: relative;
	  top: -15px;
	  padding-left: 20px;
	}
	/* END FOOTER */
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
  #inspirationsportal .top {
    background: none !important;
    padding: 0;
    margin: 10px 0px;
  }
  #navigation .box,
  #inspirationsportal .box {
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
  }
  #navigation .top {
    padding: 0;
  }

 }
 .col-xs-12.col-sm-12.col-md-12.col-lg-12 h3 {
   margin-bottom: 0;
 }
 .material-item {
   margin-bottom: 25px;
 }
 .material-item .item-box {
  border-bottom: 1px solid white;
  padding-bottom: 20px;
 }
.share i {
  background-color: #3b5998;
  padding: 5px 7px;
  position: absolute;
  bottom: 5px;
  right: 55px;
}

#login #loginform .login-username label,
#login #loginform .login-password label,
{
  color: white;
  font-size: 14px;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
  font-weight: 100;
}
#login .sign_in_div .sign_in,
#login .sign_in_div .forgot_pas
{
  font-weight: 500 !important;
  color: white;
  font-size: 14px;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}


.grey-bg-section {
  background-color: #a3a3a3;
  padding-top: 50px;
  padding-bottom: 50px;
  margin-top: 50px;
  border-top: 3px solid white;
}