/*------------------------ Global   -------------------------*/

html{

	overflow-x: hidden;
    margin-right: calc(-1 * (100vw - 100%));
	position: relative;
}

.subpage-wrap.elpriser h1 {
    position: absolute;
    bottom: 20px;
    left: 20px;
}

.subpage-wrap h1 {
    position: absolute;
    bottom: 20px;
    left: 20px;
}

.container h3 {
    margin: 1.5em 0 0 0;
}

.container .button {
    -webkit-appearance: none;
    border-radius: 0;
    background-color: rgb(44, 205, 134);
    align-items: inherit;
    border: 1px solid rgb(64, 205, 104);
    color: #fff;
    padding: 11px 30px 9px 30px;
    letter-spacing: 1px;
    border-radius: 4px;
    font-size: 1.2em;
    font-family: 'libelsuit', sans-serif;
    cursor: pointer;
    transition: 0.2s ease;
}

a.multiPageChoicesMenuselected, .paginate.paginate_current, .multiPageChoicesMenuselected {  /* Orange background on selected */
    color: #ffffff;
    background-color: #ff9933;
    padding: 3px 3px 5px 3px;
    cursor: pointer;
    display: inline-block;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -khtml-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

.container-row {
    /* padding-bottom: 40px; */
}

.container-row .site-width {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
}

.container-row img {
    display: block;
    margin: auto;
    width: 100%;
    height: auto;
}

.container-row img.nostyle {
    display: unset;
    margin: unset;
    width: unset;
    height: unset;
}

.full-width {
    padding: 0px 20px 0px 20px;
    flex: 1;
}

.one-third {
    flex: 1;
    min-width: 300px;
}
.pressrum .one-third {
    flex: none;
    min-width: auto;
}

.two-thirds {
    flex: 2;
}


p.details {
    padding: 15px;
    background-color: rgb(244, 238, 231);
    border-radius: 4px;
}

.dark {
    background-color: rgb(157, 157, 157);
}

.container-row #badrum, .container-row #kok, .container-row #vardagsrum, .container-row #ljusvarme, .container-row #energiskolan {
    opacity: 1;
    cursor: pointer;
    background-color: #eeeeeeff;
    transition: 0.2s ease;
    padding: 5px 10px;
    border-radius: 4px;
    margin-bottom: 10px;
}

.container-row #badrum:hover {
    background-color: #30ccde33;
}

.container-row #kok:hover {
    background-color: #de305033;
}

.container-row #vardagsrum:hover {
    background-color: #30dea133;
}

.container-row #ljusvarme:hover {
    background-color: #dede3033;
}

.container-row #energiskolan:hover {
    background-color: #ff993333;
}

.pages_table {display:table;border-collapse:separate;margin-left:-10px;border-spacing:10px;}
.pages_tablerow {display:table-row;}
.pages_cell {display:table-cell;vertical-align:middle;}

#energiskolan-quiz {
    width: 100%;
}

#energiskolan-quiz > form {
    width: 60%;
    margin-left: calc(20% - 20px);
    margin-top: 30px;
    display: flex;
    align-self: center;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    background-color: rgb(247, 235, 223);
    padding: 20px;
    -webkit-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.1);
}

#energiskolan-quiz > div {
    display: none;
    width: 60%;
    margin-left: calc(20% - 20px);
    margin-top: 30px;
    align-self: center;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    background-color: rgb(247, 235, 223);
    padding: 20px;
    -webkit-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.1);
}

#energiskolan-quiz > div > span {
    color: #1fa9b9;
    cursor: pointer;
}

#energiskolan-quiz.correct > form, #energiskolan-quiz.wrong > form, #energiskolan-quiz.facit > form {
    display: none;
}

#energiskolan-quiz.correct > div.correct {
    display: block;
}

#energiskolan-quiz.wrong > div.wrong {
    display: block;
}

#energiskolan-quiz.facit > div.facit {
    display: block;
}

#energiskolan-quiz input[type=text] {
    display: flex;
    flex-grow: 1;
    border: 0px;
    padding: 10px 20px;
    font-size: 20pt;
    text-align: right;
    margin-bottom: 10px;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid rgb(238, 223, 208);
    margin: 15px 0 25px 0;
}

#energiskolan-quiz button {
    width: 30%;
    align-self: flex-end;

}

.orange {color:#ff9933;}

/*------------------------ UX-items -------------------------*/
.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #eee;
    background-image: url(../img/general/background_pattern_white.svg);
    background-size: 8px;
    z-index: 10;
}

#loading-icon {
    position: absolute;
    left: calc(50% - 60px);
    top: 30%;
    z-index: 11;
    transform: rotate(-90deg);
}

#canvas-pie-chart {
    /* max-width: 300px; */
    /* max-height: 300px; */
}

#canvas-graph {
    margin-top: 50px;
}

.pill {
    text-align: center;
    padding: 30px 0 30px 0;
}
/*------------------------   404    -------------------------*/
.container-row img.error-guy {
    display: block;
    margin: 30px auto;
    width: 100px;
}

/*------------------------ Footer   -------------------------*/


#footer {
  width: 100%;
  position: relative;
}

#footer center {
  padding: 20px 0;
}

#footer .links {
  color: #777;
  background-color: rgb(249, 245, 241);
  background-image: url(/views/img/general/background_pattern_white.svg);
  background-size: 8px;
  /*margin-bottom: -5px;*/
}

#footer .links img {
    max-height: 30px;
    max-width: 40px;
    vertical-align: middle;
    margin: 0 20px;
    padding-top: 20px;
    transition: 0.1s ease-out;
}

#footer .links a:last-child img {
    margin: 0 15px;
}

#footer .links img:hover {
    border-bottom: 2px solid #1fa9b9ff;
}


#footer .links .site-width > div {
    width: calc((100% / 3) - 71px);
    vertical-align: top;
    display: inline-block;
    min-height: 120px;
    padding: 0px;
}


#footer .links .site-width > div:first-child {margin-right: 10px;border-right: 2px solid rgba(0,0,0,0.1);}
#footer .links .site-width > div:last-child {margin-left: 10px;border-left: 2px solid rgba(0,0,0,0.1);}

#footer .lower {
}

#footer .info {
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
    color: rgba(255,255,255,0.7);
    font-size: 11pt;
    flex-wrap: nowrap;
}

#footer .menu {
    flex-wrap: nowrap;

}

#footer .info p {
    margin: 0px;
}

#footer a {
    color: #fff;
}

#footer ul a {
    color: #666;
}

#footer canvas {
    display: block;
}

/*------------------------ Footer Crosssell  -------------------------*/

#footer .cross-sell {
  padding: 20px;
  background: #ff9933; /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(255, 130, 51, 1) 0%, rgba(255, 118, 51, 1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(255, 130, 51, 1) 0%,rgba(255, 118, 51, 1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to top,  rgba(255, 130, 51, 1) 0%,rgba(255, 118, 51, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8233', endColorstr='#ff7633',GradientType=0 ); /* IE6-9 */
  padding: 0 0 100px 0;
  text-align: center;
}

#footer .cross-sell .entries div {
  display: inline-block;
  max-width: 150px;
  cursor: pointer;
}

#footer .cross-sell .entries > div {
  margin: 10px 20px;
}

#footer .cross-sell .entries div img {
  width: 40px;
}

#footer .title {
  font-size: 18px;
  margin-bottom: 20px;
}

#footer .title p, #footer .title img {
  display: inline-block;
}

#footer .title img {
  height: 25px;
  margin: 0 5px 0 0;
}

#footer .title p::before {
  content: "-";
  margin: 0 12px 0 10px;
}

#footer p {
  margin: 0;
  color: #fff;
}

/*------------------------ Content  -------------------------*/
#infographics {
    background: url(../img/general/front_page_info_bg.svg);
    background-size: auto 100%;
    background-repeat: repeat;
    position: relative;
    overflow: hidden;
}

#infographic {
    width: 100%;
}

#infographics .site-width {
    max-width: 1400px;
    padding: 50px 0 50px 0;
}


#infographics img.cloud {
    position: absolute;
    width: 10%;
}

#infographics img.cloud:first-child {top: 100px;right:30%;}
#infographics img.cloud:nth-child(2) {width:15%;top: 100px;left:20%;}
#infographics img.cloud:nth-child(3) {width:7%;top: 150px;right:10%;}
#infographics img.cloud:nth-child(4) {width:7%;top: 120px;left:10%;}

#infographics .cord {
    position: absolute;
    right: 0;
    bottom: 20px;
    width: 600px;
    max-width: 50%;
}
#content {
    background-color: rgb(249, 245, 241);
    background-image: url(../img/general/background_pattern_white.svg);
    background-size: 8px;
    padding: 0 0 50px 0;
    -webkit-box-shadow: inset 0px 32px 9px -28px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px 32px 9px -28px rgba(0,0,0,0.1);
    box-shadow: inset 0px 32px 9px -28px rgba(0,0,0,0.1);
}

.feed {
    display: flex;
    flex-direction: row;
    margin: 50px 0 20px 0;
}

.feed > article {
    display: inline-block;
    width: calc(50% - 15px);
    vertical-align: top;
    overflow: hidden;
    border-radius: 5px;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: rgb(249, 245, 241);
    -webkit-box-shadow: 1px 3px 0px 1px rgba(0,0,0,0.03);
    -moz-box-shadow: 1px 3px 0px 1px rgba(0,0,0,0.03);
    box-shadow: 1px 3px 0px 1px rgba(0,0,0,0.03);
}

.feed > article:nth-child(2n-1) {
    margin-right: 5px;
}

.feed > article:nth-child(2n) {
    margin-left: 5px;
}

.feed_img {
    height: 200px;
    position: relative;
    overflow:hidden;
}

.feed_img img {
    position: absolute;
    top:-100%; left:-100%; right: -100%; bottom:-100%;
    margin: auto;
    min-width: 100%;
    max-width: 120%;
}

.feed_text a {
    text-decoration: none;
}

.feed_text p, .container .feed_text p {
    padding: 0 20px 0px 20px;
}

.feed_text b {
	color:#ff9933;
	text-transform: uppercase;
}

.feed_text h2 {
    border-bottom: 2px solid #ff913069;
    margin-bottom: 5px;
    margin-left: 20px;
    margin-right: 20px;
	margin-top:20px;
}

.read_more {
    margin: 0 0 20px 0;
    text-align: right;
}

.date {
    color: #888;
    font-weight: 300;
    margin: 0px;
}

.elskling_i_media ul {
    padding-left: 10px;
    margin: 10px 0 10px 0;
    font-size: 10pt;
    text-align: left;
}

.elskling_i_media ul li {
    text-align: left;
    margin-bottom: 5px;
}

.elskling_i_media ul li img {
    height: 30px;
    vertical-align: middle;
    margin-right: 10px;
}


/*------------------------ Canvas Decoration ----------------*/
.orange_content-decoration {
    display: flex;
    position: absolute;
    top: -10px;
    left: 0px;
    width: 100%;
    height: 20px;
    overflow: hidden;
    z-index: 3;
}

.orange_content-decoration > canvas {
    width: 100%;
    height: 20px;
}

/*---------- Popups & tooltips ---------*/
.popup {
    position: fixed;
    transform: translate(-50%, 0);
    left: 50%;
    top: 30%;
    background-color: rgb(249, 245, 241);
    padding: 60px 40px;
    border-radius: 4px;
    border-bottom: 2px solid #1fa9b9;
    z-index: 1001;
}

.tooltip-container {
    position: absolute;
    max-width: 300px;
    background-color: rgb(249, 245, 241);
    padding: 10px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2);
}

.tooltip-container > p {
    font-size: .8em;
    line-height: 1.2em;
}


.focus-tooltip {
    position: relative;
    background-color: #efefef;
    -webkit-box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.1);
    padding: 10px 15px;
    z-index: 10;
    border-bottom: 3px solid rgb(44, 205, 134);
    border-radius: 3px;
}

.focus-tooltip img {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 15px;
    cursor: pointer;
}

.focus-tooltip p {
    margin: 0px;
}

/*------------------------ Process avslutad   -------------------------*/
.session-expired {
    position: fixed;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    padding: 20px 60px;
    background-color: #fff;
    border-radius: 4px;
    border-bottom: 2px solid #ff9933;
    -webkit-box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 3px 9px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.1);
    z-index: 1001;
    top: 20%;
    transform: translate(-50%, 0);
    left: 50%;
}

.session-expired h3 {
    margin-bottom: 20px;
}

/*------------------------ Subpages          -------------------------*/

#subpage-content {
    position: relative;
    background-color: rgb(249, 245, 241);
    margin: 0 0 0 0;
    width: 100%;
    min-height: calc( 100vh - 300px );
    background-image: url(../img/general/background_pattern_white.svg);
    background-size: 8px;
    padding: 0 0 0 0;
}

#subpage-content.moving_page {background-color:rgb(226, 222, 219);background-image:none;}

.moving_page .question-box:not(.flyttHidden):nth-child(1) {padding-top:0;}
#top_wrap.moving_page #inputPropertyZipCode {border-radius:4px;border: 1px solid rgba(0,0,0,0.2);}
body.moving_page {background-color:rgb(226, 222, 219);
  counter-reset: section;}
.moving_page_content {margin-top:-20vh;position:relative;top:0;left:0;}
.moving_page div:not(.flyttHidden) .question-number:before {counter-increment: section;content:counter(section);}

#subpage-content.padding {
    padding: 30px 0 30px 0;
}

.container h2 + p,.container h3 + p {
    margin: 0 0 15px 0;
}
.container p {
    margin: 5px 0 15px 0;
    font-size: 1.2em;
    line-height: 1.7em;
}
.pressrum .container p {
	font-size:1em;
	line-height:1.3em;
}
.container p.ingress {
    font-weight: 600;
    font-size: 1.2em;
	color:#21737c;
}

.container p.quote {
    align-self: center;
    margin: 30px;
    font-size: 1.1em;
    padding-bottom: 10px;
    background-color: rgba(31, 169, 185,0.2);
    border-radius: 4px;
    padding: 15px;
}

.container p.disclaimer {
    font-size: 10pt;
    font-style: italic;
    padding: 0 40px;
    margin-bottom: 40px;
}

.container .image-container {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-bottom: 30px;
    width: 100%;
}

.container .text-image {
    display: inline;
    max-height: 200px;
    max-width: 300px;
    margin: 20px auto;
}

.container .image-row {
    margin: 30px 0;
    /* height: 100px; */
    width: 100%;
    display: flex;
    flex-direction: row;
}

.container .image-row center {
   width:100%;
}
.container .image-row img {
   display:inline-block;width:auto;
}

.container .orange-divider {
    border-bottom: 2px solid #ff9933;
    width: 100%;
    margin: 10px 0 10px 0;
}

.container .black-divider {
    border-bottom: 1px solid #444;
    width: 100%;
    margin: 10px 0 10px 0;
}

#subpage-content.anvisningspriser {
    height: inherit;
    min-height: inherit;
    max-height: inherit;
}

#anvisning_result {
    min-height: calc( 100vh - 500px );
    -webkit-box-shadow: inset 0px 14px 17px -13px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0px 14px 17px -13px rgba(0,0,0,0.2);
    box-shadow: inset 0px 14px 17px -13px rgba(0,0,0,0.2);
}

#subpage-content .section-image {
    width: 100%;
    height: 400px;
    background-image: url(../img/pressrum/elskling_elmopeder02.jpg);
    background-position-y: 30%;
    background-position-x: center;
    background-size: cover;
}

#subpage-content .section-image.koncernbolag {
    background-image: url(../img/pressrum/elskling_employees.png);
    background-position-y: 40%;
    height: 500px;
}

#subpage-content .section {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    background-color: rgb(249, 245, 241);
    margin: 10px 0;
    border-radius: 4px;
    -webkit-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.03);
    -moz-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.03);
    box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.03);
}

.section .info {
    padding: 10px 20px;
    margin: 20px;
    border-radius: 4px;
    background-color: rgba(255,255,255,0.8);
    border: 1px solid rgba(0,0,0,0.05);
}

.section .info ul {
    padding-left: 0px;
}

.section .info ul li {
    padding-left: 20px;
    background-image: url(../img/general/forward_arrow_orange.svg);
    background-repeat: no-repeat;
    background-size: 8px;
    background-position-y: 6px;
    margin-bottom: 10px;
}

.section .grow1 {
    flex: 1;
    max-width: 30%;
}

.section .grow2 {
    flex: 2;
}

.section .fullwidth {
    min-width: 100%;
}

#subpage-content .push {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: calc(100% - 80px);
    background-color: #ff9933;
    background: rgb(255,135,51); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(247,135,49,1) 0%, rgba(255,153,51,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(247,135,49,1) 0%,rgba(255,153,51,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(247,135,49,1) 0%,rgba(255,153,51,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f78731', endColorstr='#ff9933',GradientType=1 ); /* IE6-9 */
    padding: 20px 40px 15px 40px;
    text-align: right;
    cursor: pointer;
    transition: 0.1s ease;
}

#subpage-content .push  img {
    opacity: 1;
    height: 20px;
    margin-left: 10px;
}

#subpage-content .push  h2 {
    opacity: 1;
    transition: 0.1s ease;
}

#subpage-content .push  h2, #subpage-content .push  img {
    display: inline;
    vertical-align: baseline;
}

#subpage-content .push:hover > h2, #subpage-content .push:hover > img {
    opacity: 0.7;
}

.subpage-wrap {
    height: 300px;
    background-image:url(../img/topimages/using_elskling_horizontal_eid.png);
    background-size: cover;
    position: relative;
}

.subpage-wrap.koncernbolag {
    background-image:url(../img/pressrum/elskling_employees.png);
    background-position-y: 30%;
    background-position-x: center;
    height: 500px;
}

.subpage-wrap.koncernbolag h1 {
    color: #fefefe;
}

.subpage-wrap > .site-width {
    height: 100%;
}

#subpage-content.kvittens {
    padding-top: 30px;
}

.subpage-wrap.elpriser {
    background-image:url(../img/topimages/using_elskling_horizontal_eid.png);
}

.subpage-wrap.anvisningspriser {
    background-image:url(../img/topimages/using_elskling_horizontal_eid.png);
}

#subpage-content #orange-logo {
    max-width: 150px;
}

.container {
    display: flex;
    flex-direction: column;
    width: calc(100% - 80px);
    padding: 20px 40px 80px 40px;
    min-height: 300px;
}

.container ul:not(.vinnare, .formansavtal) > li, .faq-page ul ul:not(.vinnare, .formansavtal) > li {
    background-image: url(../img/general/forward_arrow_orange.svg);
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: center left;
    padding-left: 20px;
}
.container ul.formansavtal > li {
    position:relative;
}
.container ul.formansavtal > li::before {
    background-image: unset;
    position: absolute;
    left: -15px;
    top: 7px;
    width: 10px;
    content: url(../img/general/forward_arrow_orange.svg);
}

.container .social-buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.container .social-buttons > img {
    max-width: 150px;
}

.container ul.menu-list {
    font-size: 1.2em;
    padding: 0px;
	margin-top:20px;
    margin-right: 40px;
}
.pressrum .container ul.menu-list {
    font-size: 1.2em;
    padding: 0px;
    margin-right:0;
}
.pressItemOpen {font-size:1.2em;line-height:1.7em;}

.container ul.menu-list li {
    background-color: #f3efe9;
    color: #666666;
    margin-bottom: 10px;
    padding: 5px 15px;
    border-radius: 4px;
    background-image: none;
    opacity: 1;
    transition: 0.1s ease;
    cursor: pointer;
	border: 1px solid rgba(0,0,0,0.1);
	font-weight:300;
}

.container ul.menu-list li:hover {
	box-shadow: 0px 10px 33px -14px rgba(0,0,0,0.3);
	cursor: pointer;
	background-color: #f2e8df;
	text-decoration:none;
}
.container ul.menu-list a {
	text-decoration:none;
}

.container ul.menu-list li.chosen {
	cursor:default;
	background-color: #ffa500;
    border: 1px solid #ffbf49;
    color: #ffffff;
    box-shadow: 0px 10px 33px -14px rgba(0,0,0,0.20);
}

.container .image-text {
    color: #333;
}

.container p.image-text {
    font-size: 0.98em;
    font-style: italic;
}


.container img.offer {
    display: block;
    width: 200px;
}

.container table:not(.faktura) {
    width: 100%;
    margin: 0 auto;
}

.container table:not(.faktura) td {
    padding: 5px 20px;

}

.container table:not(.faktura) tr:first-child {
    background-color: #ff9933;
    color: #fff;
    font-family: 'libelsuit', sans-serif;
    font-size: 1.5em;
}

.container table:not(.faktura) tr:nth-child(2n+2) {
    background-color: #eee;
}

.container table:not(.faktura) tr:first-child td:first-child {
    border-top-left-radius: 6px;
}
.container table:not(.faktura) tr:first-child td:last-child {
    border-top-right-radius: 6px;
}

.text-left-of-image { float:left;max-width:60%; }
.image-right-of-text { max-width:36%;float:right; }
.image-and-text {clear:both;overflow:auto;}

.example-arrow {}
.example-arrow .arrow-down-content {
	max-width:50%;
	margin:0 auto;
	background-color:#ff9933;
	color:#ffffff;
	padding:20px 20px 0px 20px;
	text-align:center;
	font-weight:600;
}
.example-arrow .arrow-down {
  width: 0;
  height: 0;
  margin:0 auto;
  border-left: 270px solid transparent;
  border-right: 270px solid transparent;

  border-top: 50px solid #ff9933;
}
/*--------------------------      timpriser        ----------------------------*/
.mobile-app {
    padding: 15px;
    background-color: rgba(31, 169, 185,0.2);
    border-radius: 4px;
    margin: 0 20px;
}

.mobile-app h2 {
    margin-top: 0px;
}

.mobile-app ul {
    padding-left: 0px;
}

.mobile-app img {
    margin: 0 auto;
    padding: 10px;
	width:unset;
}

.mobile-app ul li {
    display: flex;
    flex-direction: row;
    padding-left: 0px;
    justify-content: space-between;
    background-image: none !important;
    border-bottom: 2px solid #f0f0f0;
    margin-bottom: 15px;
}

.mobile-app p {
    font-size: 11pt;
    margin-left: 0px;
}

#laddare							{ display:block;position:absolute;top:80px;left:290px;width:100px;height:20px; }
#grafCanvas							{ border-left:1px solid #ddd;border-bottom:1px solid #ddd;background-color:rgba(255,255,255,0.5); margin-left:20px;}
#hourlyShowGraph {display:block;max-width:790px;position:relative;top:0;left:0;margin:0 auto 30px auto;overflow:auto;padding-bottom:30px;}
#ovanCa								{ display:block;position:absolute;top:0;left:20px;height:210px;width:770px;overflow:show; }
#timmeVisning						{ display:none;position:absolute;background-color:#f93;border:1px solid #fff;padding:5px;top:0px;left:0px;font-family:Trebuchet MS, Arial, Helvetica;color:#fff;z-index:1100;line-height:120%; }
#timme0e0,#timme1e0,#timme2e0,#timme3e0,#timme4e0,#timme5e0,#timme6e0,#timme7e0,#timme8e0,#timme9e0,#timme10e0,#timme11e0,#timme12e0,#timme13e0,#timme14e0,#timme15e0,#timme16e0,#timme17e0,#timme18e0,#timme19e0,#timme20e0,#timme21e0,#timme22e0,#timme23e0,
#timme0e1,#timme1e1,#timme2e1,#timme3e1,#timme4e1,#timme5e1,#timme6e1,#timme7e1,#timme8e1,#timme9e1,#timme10e1,#timme11e1,#timme12e1,#timme13e1,#timme14e1,#timme15e1,#timme16e1,#timme17e1,#timme18e1,#timme19e1,#timme20e1,#timme21e1,#timme22e1,#timme23e1,
#timme0e2,#timme1e2,#timme2e2,#timme3e2,#timme4e2,#timme5e2,#timme6e2,#timme7e2,#timme8e2,#timme9e2,#timme10e2,#timme11e2,#timme12e2,#timme13e2,#timme14e2,#timme15e2,#timme16e2,#timme17e2,#timme18e2,#timme19e2,#timme20e2,#timme21e2,#timme22e2,#timme23e2,
#timme0e3,#timme1e3,#timme2e3,#timme3e3,#timme4e3,#timme5e3,#timme6e3,#timme7e3,#timme8e3,#timme9e3,#timme10e3,#timme11e3,#timme12e3,#timme13e3,#timme14e3,#timme15e3,#timme16e3,#timme17e3,#timme18e3,#timme19e3,#timme20e3,#timme21e3,#timme22e3,#timme23e3
									{ display:none;position:absolute;top:-10px;left:0px;width:10px;height:10px;cursor:pointer; }
#timme0e0,#timme1e0,#timme2e0,#timme3e0,#timme4e0,#timme5e0,#timme6e0,#timme7e0,#timme8e0,#timme9e0,#timme10e0,#timme11e0,#timme12e0,#timme13e0,#timme14e0,#timme15e0,#timme16e0,#timme17e0,#timme18e0,#timme19e0,#timme20e0,#timme21e0,#timme22e0,#timme23e0
									{ background: transparent url(../img/pages/graph_point_se0.png) no-repeat; }
#timme0e1,#timme1e1,#timme2e1,#timme3e1,#timme4e1,#timme5e1,#timme6e1,#timme7e1,#timme8e1,#timme9e1,#timme10e1,#timme11e1,#timme12e1,#timme13e1,#timme14e1,#timme15e1,#timme16e1,#timme17e1,#timme18e1,#timme19e1,#timme20e1,#timme21e1,#timme22e1,#timme23e1
									{ background: transparent url(../img/pages/graph_point_se1.png) no-repeat; }
#timme0e2,#timme1e2,#timme2e2,#timme3e2,#timme4e2,#timme5e2,#timme6e2,#timme7e2,#timme8e2,#timme9e2,#timme10e2,#timme11e2,#timme12e2,#timme13e2,#timme14e2,#timme15e2,#timme16e2,#timme17e2,#timme18e2,#timme19e2,#timme20e2,#timme21e2,#timme22e2,#timme23e2
									{ background: transparent url(../img/pages/graph_point_se2.png) no-repeat; }
#timme0e3,#timme1e3,#timme2e3,#timme3e3,#timme4e3,#timme5e3,#timme6e3,#timme7e3,#timme8e3,#timme9e3,#timme10e3,#timme11e3,#timme12e3,#timme13e3,#timme14e3,#timme15e3,#timme16e3,#timme17e3,#timme18e3,#timme19e3,#timme20e3,#timme21e3,#timme22e3,#timme23e3
									{ background: transparent url(../img/pages/graph_point_se3.png) no-repeat; }
.tVact0								{ background: transparent url(../img/pages/graph_point_act_se0.png) no-repeat !important; }
.tVact1								{ background: transparent url(../img/pages/graph_point_act_se1.png) no-repeat !important; }
.tVact2								{ background: transparent url(../img/pages/graph_point_act_se2.png) no-repeat !important; }
.tVact3								{ background: transparent url(../img/pages/graph_point_act_se3.png) no-repeat !important; }
#timdatum							{ color:#f93;display:block;margin:0px auto 15px auto;max-width: 790px;}
#timdatum span						{ color:#ffdab6; }
#timdatum img                       { width: unset;display:inline-block; }
#timdatum b                       { display:inline-block;background-color:#ffa64d;padding:2px;color:#fff; }
#timdatum a							{ color:#ffdab6;font-weight:normal;cursor:pointer;text-decoration:none; }
#timdatum a:hover					{ text-decoration:underline; }
#timdatum .elactive					{ color:#f93 !important; }
#timdatum .elactive:hover			{ text-decoration:none; }
#sePussel							{ display:block;position:absolute;top:3px;right:40px; }
#timAx0,#timAx1,#timAx2,#timAx3,#timAx4,#timAx5,#timAx6,#timAx7,#timAx8,#timAx9,#timAx10,#timAx11,#timAx12,#timAx13,#timAx14,#timAx15,#timAx16,#timAx17,#timAx18,#timAx19,#timAx20,#timAx21,#timAx22,#timAx23
									{ display:block;position:absolute;top:215px;left:0px;font-family:Trebuchet MS, Arial, Helvetica;font-size:10px;width:40px;z-index:10; }
#kwhAx0, #kwhAx1, #kwhAx2, #kwhAx3, #kwhAx4, #kwhAx5, #kwhAx6, #kwhAx7, #kwhAx8, #kwhAx10
									{ display:none;position:absolute;width:21px;left:-25px;font-family:Trebuchet MS, Arial, Helvetica;font-size:11px;text-align:right;top:193px; }
#kwhAx0								{ top:194px !important; }
#kwhAx10							{ top:22px !important; }
#vSaknas							{ display:none;position:absolute;top:100px;left:230px; }
.datumChange						{ cursor:pointer; }


.qr-box {
    display: flex;
    flex-direction: row;
}

.app-links {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.qr-box > div {
    display: flex;
    flex-direction: row;
    background-color: rgba(31, 169, 185,0.2);
    border-radius: 4px;
    padding: 10px;
    margin-right: 10px;
}

.qr-box p {
    max-width: 200px;
    font-style: 12pt;
}

.qr-box img {
    max-width: 80px;
}

/*------------------------------  Bolag            ----------------------------*/

.container.elbolag {
    padding-top: 50px;
}

.container.elbolag > .container-row:first-child > .site-width {
    max-width: 800px;
}

.container.elbolag > .container-row:first-child .one-third {
    padding: 0 20px;
    order: 1;
}

.container.elbolag > .container-row:first-child .two-thirds {
    padding: 0 20px;
    order: 2;
}

.container.elbolag > .container-row:first-child .one-third, .container.elbolag > .container-row:first-child .two-thirds {

}

#logoButtons {
    padding: 20px;
    border-radius: 4px;
    background-color: rgb(249, 245, 241);
    -webkit-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.03);
    -moz-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.03);
    box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.03);
}

#chart_div {

}

.site-width .providers {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background-color: rgb(249, 245, 241);
    padding: 40px 0;
    -webkit-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.03);
    -moz-box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.03);
    box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.03);
}

.site-width .providers > div {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 33%;
    align-content: center;
    min-width: 203px;
    margin-bottom: 30px;
}



.site-width .providers > div > div {
    display: flex;
    width: 203px;
    margin: 0 auto;
    justify-content: space-between;
}

.site-width .providers > div > a > img {
    width: 203px;
    height: 99px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 4px 6px -4px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 4px 6px -4px rgba(0,0,0,0.4);
    box-shadow: 0px 4px 6px -4px rgba(0,0,0,0.4);
    background-color: #fff;
    transition: 0.2s ease;
}

.site-width .providers > div:hover > a > img {
    -webkit-box-shadow: 0px 1px 6px -4px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 1px 6px -4px rgba(0,0,0,0.4);
    box-shadow: 0px 1px 6px -4px rgba(0,0,0,0.4);
}

.container-row .feedElsklingiMedia {
    padding: 20px;
    background-color: rgb(238, 235, 229);
}

.container-row .feedElsklingiMedia > div.mediaItem  {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 100%;
    justify-content: space-between;
    padding: 1.5em 1em;
    /* border-radius: 4px; */
    border-bottom: 2px solid #ddd;
    /* margin-bottom: 10px; */
}

.container-row .feedElsklingiMedia > div.mediaItem:last-child {
    border-bottom: 0px solid #ddd;
}

.container-row .feedElsklingiMedia > div.mediaItem .mediaTime {
    color: #aaa;
    font-size: 10pt;
    margin-bottom: 10px;
}

.container-row .mediaItem > span {
    max-width: calc(100% - 251px);
    display: flex;
    flex-grow: 1;
    flex-direction: column;
}

.container-row .mediaItem h2 {
    margin: 0px;
    font-size: 1.5em;
}

.container-row .paginate {
    margin: 2.5em 0;
    text-align: center;
    font-size: 0.9em;
}

.container-row .mediaItem img {
    display: flex;
    flex-grow: 0;
    width: 150px;
}

/*--------------------------      Pressrum      --------------------------------*/

.container .pressItem {
    display: flex;
    flex-direction: column;
    margin-bottom: 50px;
    padding: 20px;
    background-color: rgb(249, 245, 241);
    border-bottom: 2px solid #ff9933;
}

.container .pressItem .thumbnail {
    margin-bottom: 20px;
}

.container .press {
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
}

.container .press:nth-child(2n) {
    background-color: rgb(234, 241, 242);
    border-radius: 3px;
}

.container .pressFoton:nth-child(2n) {
    background-color: rgb(234, 241, 242);
    border-radius: 3px;
}

.container .pressFoton {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    display: flex;
    position: relative;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-content: flex-end;
    overflow: hidden;
    width: 100%;
    height: 300px;
    border-radius: 3px;
    margin-bottom: 20px;
}

.container .pressFoton > div {
    position: absolute;
    /* height: 100px; */
    width: 260px;
    top: 20px;
    right: -300px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    align-self: flex-end;
    padding: 40px 20px;
    background-color: rgba(255,255,255,0.6);
    transition: 0.25s ease-out;
}

.container .pressFoton:hover > div {
    right: 0px;
}

.container .press img {
    height: 200px;
    width: auto;
    border-radius: 3px;
}

.container .press.small img {
    width: 150px;
    height: auto;
}

.container .press div {
    padding: 20px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    font-size: 14pt;
}

.container .press div font {
    color: #888;
    font-size: 12pt;
    margin-bottom: 15px;
}

.container .pressItem .thumbnail img {
    width: 100%;
    height: auto;
}

.container .pressItemOpen {
    display: flex;
    flex-direction: column;
}

.container .pressItemOpen h2.extraTitle {
    flex: 1;
    margin: 0.7em 0 0 0;
    order: 2;
}

.container .pressItemOpen span {
    margin-bottom: 30px;
}

.container .pressItemOpen img {
    order: 1;
}

.container .pressItemOpen .mediaTime {
    color: #888;
    margin-bottom: 20px;
    order: 3;
}

.container .pressItemOpen .pressIngress {
    font-weight: 800;
    order: 4;
}

.container .pressItemOpen .pressNews {
    order: 5;
}

.container .pressItemOpen .pressFooter {
    order: 6;
}

#subpage-content.pressrum .pressMenu {
    display: block;
    text-align: center;
    margin-bottom: 20px;
}

#subpage-content.pressrum .container-row .site-width > div {
    flex-direction: row;
}

#subpage-content.pressrum .container-row .site-width > .two-thirds {
    padding-top: 20px;
    padding-left: 40px;
}

.pressrum .feed_img img {width:auto;}
.container p.star-info {font-size:.8em;margin-top:40px;}

#newsletter_loading {width:43px !important;height:43px !important;margin:auto;display:inline-block;transform: rotate(-90deg);}

/*------------------------------ Cta button -----------------------------------*/

.cta-button {
	position: relative;
	z-index: 1;
	background: linear-gradient(to right, #ff9933, #ff9933, #f06011);
	background: -webkit-linear-gradient(to right, #ff9933, #ff9933, #f06011);
    background: -moz-linear-gradient(to right, #ff9933, #ff9933, #f06011);
    background: -o-linear-gradient(to right, #ff9933, #ff9933, #f06011);
    background: linear-gradient(to right, #ff9933, #ff9933, #f06011);
    -webkit-transition: background .2s ease-out;
    -moz-transition: background .2s ease-out;
    -o-transition: background .2s ease-out;
    transition: background .2s ease-out;
	border: 2px solid #ff9933;
	border-radius: 2px;
	text-align: center;
	margin-bottom: 12px;
	display: block;
	opacity: 1;
}

.cta-button::before {
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(to left, #ff9933, #ff9933, #f06011);
	background: -webkit-linear-gradient(to left, #ff9933, #ff9933, #f06011);
    background: -moz-linear-gradient(to left, #ff9933, #ff9933, #f06011);
    background: -o-linear-gradient(to left, #ff9933, #ff9933, #f06011);
    background: linear-gradient(to left, #ff9933, #ff9933, #f06011);
	z-index: -1;
	transition: opacity 0.2s linear;
	opacity: 0;
}

.cta-button:hover::before {
	opacity: 1;
}

.cta-button a {
	color: #fff;
	display: block;
	padding: 10px 0;
	font-family: 'Open Sans', sans-serif, Arial, Verdana, Trebuchet, Helvetica;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}

.cta-button a:hover {
	cursor: pointer;
}

/*------------------------------       404      ----------------------------*/
#subpage-content.nopage {
    min-height: calc(100vh - 476px);
}

#subpage-content.nopage .container {
    padding: 0px 0px;
}

#subpage-content.nopage .full-width {
    padding-top: 50px;
}

#subpage-content.nopage ul a li {
    font-size: 18pt;
}

/*------------------------------       Kontakt      ----------------------------*/
.container-row .kontakt {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 2px solid #f0ece8;
}
#subpage-content.kontakt {
    min-height: unset;
}

#subpage-content.kontakt .container,
#subpage-content .jamfor-anvisningspris {
    padding-bottom: 20px;
}

#subpage-content.kontakt .container .kontakt-ruta {
    margin: 20px;
    background-color: #ff9933;
    border-radius: 4px;
    color: #fff;
    padding: 20px;
    font-size: 11pt;
    -webkit-box-shadow: 0px 0px 24px -1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 24px -1px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 24px -1px rgba(0,0,0,0.15);
    background: rgba(255,153,51,1);
    background: -moz-linear-gradient(top, rgba(255,153,51,1) 0%, rgba(235,112,5,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,153,51,1)), color-stop(100%, rgba(235,112,5,1)));
    background: -webkit-linear-gradient(top, rgba(255,153,51,1) 0%, rgba(235,112,5,1) 100%);
    background: -o-linear-gradient(top, rgba(255,153,51,1) 0%, rgba(235,112,5,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,153,51,1) 0%, rgba(235,112,5,1) 100%);
    background: linear-gradient(to bottom, rgba(255,153,51,1) 0%, rgba(235,112,5,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9933', endColorstr='#eb7005', GradientType=0 );
}

#subpage-content.kontakt .container .kontakt-ruta h2 {
    color: #fff;
    margin: 0.5em 0;
}

#subpage-content.kontakt .container .kontakt-ruta p {
    margin: 0px;
}

ul.rules {
    padding-left: 10px;
}

ul.rules li {
    margin-bottom: 10px;
}

ul.vinnare {
    padding-left: 0px;
    padding: 0px 20px;
}

ul.vinnare.ipad {
    margin-bottom: 50px;
}

ul.vinnare.ipad li {
    border-bottom: 1px dotted #ccc;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

ul.vinnare.ipad li div:first-child {
    font-weight: 600;
}

ul.vinnare.ipad li div:last-child {
    font-style: italic;
    text-align: right;
}

ul.vinnare li {
    display: flex;
    flex-direction: row;
}

ul.vinnare > li > div {
    width: 50%;
}


/*------------------------------legal     ----------------------------*/
#legal {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    align-content: center;
    justify-content: center;
}

#legal > div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width: 800px;
    padding: 0 20px;
    margin-bottom: 10px;
}

#legal input {
    width: 22px;
    height: 22px;
    margin: 0px;
}

#legal p {
    flex-grow: 2;
    margin: 0;
    margin-left: 10px;
    font-size: 12pt;
    line-height: 22px;
}

/*------------------------------Frågor och svar     ----------------------------*/

.faq-page {
    border-radius: 4px;
}

.faq-page .index ul {
    padding-left: 70px;
}

.faq-page .index ul li {
    margin-bottom: 5px;
}

.faq-page > ul > li > div {
    overflow: hidden;
    display: flex;
}

.faq-page > ul > li > div > div {
    padding-bottom: 20px;
    flex-wrap: nowrap;
    flex-direction: column;
}

.faq-page > ul {
    padding: 0 0 1.5em 0;
    border-radius: 4px;
    list-style-type: none;
}

.faq-page > ul > li {
    margin-bottom: 20px;
    background-image: none !important;
}

.faq-page > ul > li > div {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.faq-page > ul ul {
    list-style-type: none;
    padding: 20px 30px 20px 50px;
}

.faq-page > ul ul > li {
    margin-bottom: 16px;
    font-size: 13pt;
}

.faq-page h3 {
    color: #ff9933;
    padding: 15px 30px;
    margin: 0px;
    cursor: pointer;
    transition:0.2s ease;
}

.faq-page p {
    margin: 0px 0px 1em 0px;
    padding: 10px 30px;
    color: #444;
}

.faq-page img {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 400px;
    margin-bottom: 20px;
}

.faq-page .whFAQact {
    background-color: #ededed;
    border-radius: 4px;
}

/*------------------------------Tillsvidarepris     ----------------------------*/
a.button {
    display: flex;
    align-self: center;
    margin: 20px;
    background-color: rgb(44, 205, 134);
    padding: 10px;
    border-radius: 3px;
    border-bottom: 2px solid rgb(58, 198, 79);
    color: #fff;
}

.container-box {
    padding: 15px;
    background-color: rgb(242, 234, 226);
}

/*------------------------------Anvisningspriser    ----------------------------*/
#anvisning_result {
    padding: 30px 0 30px 0;
    background-color: rgb(249, 245, 241);
}

#anvisning_result .table-head {
    background-color: #ff9933;
    border-radius: 4px;
}

#anvisning_result ul {
    display: flex;
    flex-direction: column;
    margin: 0px;
    padding: 0px;
    border-radius: 4px;
}

#anvisning_result ul li {
    overflow: hidden;
}

#anvisning_result ul li p {
    margin: 0px;
    padding: 0 0 0 1em;
    font-size: 13pt;
    color: #555;
    font-weight: 600;
}

#anvisning_result ul li div:first-child, #anvisning_result .table-head div:first-child {flex: 0 0 50%;}
#anvisning_result ul li div:nth-child(2), #anvisning_result .table-head div:nth-child(2) {flex: 0 0 25%;}
#anvisning_result ul li div:last-child, #anvisning_result .table-head div:last-child {flex: 0 0 25%;}

#anvisning_result ul li div {
    height: 80%;
    width: 30%;
    overflow: hidden;
}

#anvisning_result ul li, #anvisning_result ul li div {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    vertical-align: middle;
    line-height: 80px;
}

#anvisning_result ul img {
    height: 80px;
}

#anvisning_result .table-head h2 {
    display: flex;
    color: #fff;
    padding: 0;
    font-size: 1.8em;
    margin: 0px;
    padding: 0.5em 0.5em;
}

#anvisning_result .table-head h2:first-child {flex: 0 0 calc(50% - 1em);}
#anvisning_result .table-head h2:nth-child(2) {flex: 0 0 calc(25% - 1em);}
#anvisning_result .table-head h2:last-child {flex: 0 0 calc(25% - 1em);}

#anvisning_result .table-head div:last-child {
    background-color: #ff7a33;
}

#anvisning_result .row:nth-child(2n) {
    background-color:rgb(235, 235, 230);
    border-radius: 4px;
}

#anvisning_result .row div:last-child {
    color: #ff9933;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}
#anvisning_result .row div:last-child p {
    font-size: 16pt;
    color: #ff9933;
}

#anvisning_result .row:last-child div {
    display: block;
    margin: 0 auto;
    flex: 1;
    width: 100%;
    text-align: center;
    background-color: rgba(255,255,255, 0.3);
}



/*------------------------ Kvittens          -------------------------*/
#kvittens {
    position: relative;
    max-width: 680px;
    padding: 30px 60px;
    margin: 0 auto;
    min-height: 800px;
    margin-bottom: 80px;
    background-color: rgb(249, 245, 241);
    -webkit-box-shadow: 0px 0px 24px -1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 24px -1px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 24px -1px rgba(0,0,0,0.15);
}

#kvittens h2 {
    border-bottom: 2px solid rgba(0,0,0,0.1);
}

#kvittens h3 {
    color: #ff9933;
    border-bottom: 2px solid rgba(0,0,0,0.1);
    margin-bottom: 20px;
}

#kvittens ul {
    padding-left: 0px;
    font-size: 11pt;
    margin: 0px;
}

#kvittens ul li {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom:5px;
    padding-right: 20px;
}

#kvittens #section-one > div, #kvittens #section-two > div, #kvittens #section-three > div  {
    width: calc(50%);
    vertical-align: top;
    padding-bottom: 40px;
    display: inline-block;
}


#kvittens #kvittens-border-top {
    position: absolute;
    top: -7px;
    left: 0;
}

#kvittens #kvittens-border-bottom {
    position: absolute;
    bottom: -7px;
    left: 0;
}

/*------------------------ Media specifics   -------------------------*/

/* Competition */
#competition {
    position: fixed;
    display: flex;
    flex-direction: column;
    text-align: center;
    bottom: -210px;
    left: 20px;
    height: 250px;
    width: 200px;
    padding: 0px 30px 0px 10px;
    background-color: #ff9933;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-image: none;
    z-index: 9;
    transition: 0.3s ease-out;
}

#competition.active {
    bottom:0px;
}

#competition p {
    cursor: pointer;
}

.competition img.ipad {
    display: flex;
    margin: 0 auto;
    height: 160px;
}

.competition img.close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 15px;
    cursor: pointer;
}

.competition a {
    color: #fff;
    text-decoration-line: underline;
}

.competition p.togglecomp {
    cursor: pointer;
}

.competition p {
    font-size: 17px;
    color: #fff;
    font-weight: 600;
    margin-right: 25px;
    margin-top: 25px;
    visibility: visible;
    line-height: 40px;
    margin: 0px;
}

.ipad .site-width > div {
    padding: 30px 20px;
}

.ipad .site-width .info p {
    font-size: 12pt;
}

.ipad .site-width .info h3 {
    margin: 5px 0 15px 0;
}

#contest_winner_top2 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 40px;
    border-top: dotted 2px #ccc;
    border-bottom: dotted 2px #ccc;
}

#contest_winner_top2 > div.contest_winner_bild {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 20px;

}

#contest_winner_top2 > div.contest_winner_bild p {
    margin: 0px;
}

#formLucky .question {
    display: flex;
    flex-direction: column;
    padding: 20px 20px 40px 20px;
    border-bottom: 1px dotted #666;
}

#formLucky .question label {
    border-radius: 2px;
    padding: 5px;
}

#formLucky .question label:nth-child(2n-1) {
    background-color: #66666622;
}

#formLucky .question label > input {
    margin-right: 10px;
}

#formLucky .question h3 {
    margin-top: 0px;
}

#formLucky .question h4 {
    color: #444;
}

#formLucky .form-footer {
    background-color: rgb(249, 245, 241);
    border-radius: 4px;
    margin-top: 20px;
    padding: 30px 20px;
    font-size: 12px;
    -webkit-box-shadow: 1px 3px 0px 1px rgba(0,0,0,0.03);
    -moz-box-shadow: 1px 3px 0px 1px rgba(0,0,0,0.03);
    box-shadow: 1px 3px 0px 1px rgba(0,0,0,0.03);
}

#formLucky .submit-field {
    text-align: center;
}

#formLucky .process-button {
    margin-bottom: 0px;
    margin-top: 20px;
}

#contest_winner_top2 > div.contest_winner_bild img {
    height: 200px;
    border: 4px solid #ff9933;
    width: auto;
    margin-bottom: 10px;
}

#tavling {
    display: flex;
    flex-direction: column;
}

#tavling input[type=text] {
    padding: 5px 15px;
    border: 1px solid #00000011;
    border-radius: 4px;
    font-size: 16pt;
    margin-bottom: 10px;
}

/*-----------    exempelfaktura    --------------*/
#faktura {
    background-color: #fff;
    padding: 40px;
    padding-top: 80px;
    margin: 0px auto 20px auto;
    border-radius: 3px;
    display: flex;
    flex-direction: column;
    -webkit-box-shadow: 0px 3px 0px 1px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 3px 0px 1px rgba(0,0,0,0.05);
    box-shadow: 0px 3px 0px 1px rgba(0,0,0,0.05);
}

#faktura .black-divider {
    margin-top: 20px;
    margin-bottom: 40px;
}

#faktura table {
    width: 100%;
}
#faktura table td {
    margin-right: 5px;
}

#faktura table td:last-child {
    margin-right: 0px;
}

#faktura .tooltip-hover {
    transition: 0.2s ease;
    border-radius: 4px;
    cursor: pointer;
}

#faktura .tooltip-hover:hover {
    background-color: #ff9933;
    color: #fff;
}

#faktura p {
    font-size: 11pt;
    margin: 0px;
}

#faktura ul {
    padding-left: 0px;
}

#faktura ul.horizontal {
    display: flex;
    flex-direction: row;
}

#faktura ul.horizontal li {
    display: flex;
    padding: 5px;
    border: 1px solid #aaa;
    border-right: 0px;
}

#faktura ul.horizontal li:last-child {
    border-right: 1px solid #aaa;
}

#faktura li {
    background-image: none;
    display: flex;
    flex-wrap: nowrap;
    padding-left: 0px;
}

#faktura .row {
    display: flex;
    flex-direction: row;
    margin-bottom: 30px;
}

#faktura .column {
    width: 50%;
}

#faktura .full-column {
    width: 100%;
}

#faktura .column span, #faktura .full-column span {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#faktura .faktura-bottom {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px dotted #aaa;
}

#faktura .statistik {
    padding-top: 30px;
    margin-top: 30px;
}

.toggle-side {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    width: 100%;
    margin-bottom: 10px;
}

.toggle-side > div {
    display: flex;
    justify-content: center;
    align-content: center;
    height: 70px;
    width: 50px;
    font-size: 9px;
    border-radius: 2px;
    background-color: #fff;
    margin-left: 10px;
    cursor: pointer;
    -webkit-box-shadow: 0px 3px 0px 1px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 3px 0px 1px rgba(0,0,0,0.05);
    box-shadow: 0px 3px 0px 1px rgba(0,0,0,0.05);
}

.toggle-side > div.active {
    background-color: #ff9933;
    color: #fff;
}

.toggle-side > div.active a {
    color: #fff;
}

.toggle-side > div:hover {
    -webkit-box-shadow: 0px 3px 0px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 3px 0px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 3px 0px 1px rgba(0,0,0,0.1);
}

#we_call_holder	{ display:block;position:fixed;height:330px;bottom:-330px;right:20px;width:234px;z-index:10000;
    transition: 0.2s ease;border-top:1px solid rgba(31,169,185,0.4);border-left:1px solid rgba(31,169,185,0.4);border-right:1px solid  rgba(31,169,185,0.4); }
#we_call_holder.we_call_you_background	{ bottom:0px;right:20px; }
#we_call_holder.weCallOut {background-color:rgba(31,169,185,0.6);}
#we_call_holder.weCallOut p {color:#ffffff;margin-left:4px;position:relative;top:-2px;left:0;}
#we_call_holder #call_guy {display:none;}

@media only screen and (max-width: 600px) {
    .subpage-wrap.elpriser, .subpage-wrap.anvisningspriser, .subpage-wrap {
        background: url('../img/topimages/using_elskling_horizontal_eid_small.png');
        background-size: cover;
    }
}

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

    .competition p {
        visibility: visible;
        line-height: 40px;
        margin: 0px;
    }
}


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

  /* cross sell footer */
  #footer .cross-sell .entries {
    position: relative;
    max-width: 350px;
    text-align: left;
    margin-left: calc(50% - 175px);
  }

  #footer .cross-sell .entries br {
    display: none;
  }
  #footer .cross-sell .entries div {
    max-width: 100%;
  }

  #footer .cross-sell .entries div img {
    width: 50px;
    display: inline-block;
    margin-bottom: 0px;
  }

  #footer .cross-sell .entries div p {
    vertical-align: top;
    height: 100%;
    margin-left: 15px;
    line-height: 50px;
    display: inline-block;
  }

  /* !cross sell footer */

    #contest_winner_top2 {
        flex-direction: column;
    }

    .faq-page h3 {
        padding: 15px 10px;
    }

    .faq-page > ul ul {
        padding: 10px 10px 10px 20px;
    }

    .faq-page > ul li {
        margin-bottom: 5px;
        padding-left: 0px;
    }

    .faq-page .index ul {
        padding-left: 10px;
    }

    .faq-page p {
        padding: 10px;
    }

    .popup {
        transform: translate(0, 0);
        width: calc(100% - 120px);
        left: 20px;
        top: 25%;
    }

    #subpage-content.pressrum .container-row .site-width > .two-thirds {
        padding-left: 10px;
    }

    .container ul.menu-list {
        margin: 0;
    }

    .container-row .feedElsklingiMedia > div.mediaItem img {
        margin-bottom: 20px;
    }

    .container-row .feedElsklingiMedia > div.mediaItem {
        flex-direction: column;
    }

    .container-row .mediaItem > span {
        width: 100%;
        max-width: 100%;
    }

    .container .competition {
        background-image: url(../img/general/vinn_ipad_horizontal.svg);
        height: 400px;
        background-size: 60%;
    }
    .container-row .site-width {
        flex-direction: column;
    }
    .container-row > div {
        max-width: 100%;
    }

    .feed {
		margin:0;
    }
    .feed > article {
        width: calc(100% - 40px);
    }

    .feed > article:nth-child(2n-1) {
        margin-right: 0px;
    }

    .feed > article:nth-child(2n) {
        margin-left: 15px;
    }

    .feed > article {
        width: calc(100% - 40px);
        margin-left: 15px;
    }
    .pressrum .feed > article {
        width: calc(100% - 10px);
        margin-left: 0;
    }

    #footer .links .site-width > div {
        width: calc((100%) - 71px);
    }

    #footer ul li {
        text-align: center;
    }

    #footer ul a {
        color: #666;
    }

    #footer .links .site-width > div:first-child {margin-right: 10px;border-right: none;}
    #footer .links .site-width > div:last-child {margin-left: 10px;border-left: none;}


    #subpage-content .push h2 {
        font-size: 1.5em;
    }

    .question {
        margin: 0 10px 0 10px;
        border-radius: 4px;
    }
	.moving_page .question {
        margin: 20px 0 0 0;
	}

    .feed {
        flex-direction: column;
    }

    .orange_content {
        padding-bottom: 0px;
    }

    .orange_content-decoration {
        top: -10px;
    }

    .app-links img {
        width: 40%;
        min-width: 200px;
    }

    .qr-box div {
        flex-direction: column;
    }
}

@media only screen and (max-width: 740px) {
	.example-arrow .arrow-down {
	  border-left: 200px solid transparent;
	  border-right: 200px solid transparent;

	  border-top: 40px solid #ff9933;
	}
}
@media only screen and (max-width: 650px) {
    #subpage-content.nopage .container {
        padding: 0px 0px;
    }

    .popup {
        width: calc(100% - 40px);
        padding: 60px 20px 40px 20px;
        left: 0;
        top: 0;
        height: calc(100% - 104px);
        border-bottom: 4px solid #ff9933;
        font-size: 16pt;
        overflow: scroll;
    }

    .popup img.close {
        width: 25px;
    }

    .container .competition {
        background-size: 80%;
    }

    .container .press {
        flex-direction: column;
        text-align: center;
    }
    .container {
        padding: 10px;
        width: calc(100% - 20px);
    }

    #footer .info {
        font-size: 9pt;
        bottom: 10px;
    }

    #competition { display: none; }
	#we_call_holder.weCallOut {right:-215px;}
	.weCallOut .dont_show_on_mobile{display:none;}
	#we_call_holder.weCallOut p {font-size:1.3em;}

	.text-left-of-image { float:none;max-width:100%; }
	.image-right-of-text { max-width:unset;float:none; }
	.image-right-of-text img { max-height:200px;width:auto;}
}
@media only screen and (max-width: 520px) {
	.example-arrow .arrow-down {
	  border-left: 150px solid transparent;
	  border-right: 150px solid transparent;

	  border-top: 40px solid #ff9933;
    }

    .session-expired {
        width: calc(100% - 140px);
        left: 10px;
        transform: translate(0, 0);
        text-align: center;
    }
}

@media only screen and (max-height: 850px) {
    #first_page_h1 {
        font-size: 5em;
    }

    .top_content_vertically_centered {
        padding: 5% 0 0 0;
    }
}