/* FAQ */
.faq-index-index .section.faq {
	padding: 20px 0;
}
.faq-index-index .breadcrumbs {
	display: none;
}
.faq-search {
	text-align: center;	
	color: #484848;
}
.faq-search .page-title, .faq-questions-featured .page-title, .faq-footer .page-title, .faq-list .page-title {
	color: #484848;
	font-family: 'Source Sans Pro';
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 32px;
	margin-top: 20px;
}
.faq-categories {
	list-style: none !important;
	/* float: left;
	padding-left: 30px; */
	padding-left: 10px;
	width: 90%;
	margin: auto;
	margin-top: 40px;
}
.faq-categories li {
    /* width: 350px; */
    width: 28.92%;
    float: left;
    height: 190px;
    text-align: center;
    background: #f5f5f5;
    cursor: pointer;  
    margin-left: 0px !important;
   /*  margin-left: 4em !important; */ 
    margin-right: 5em !important;
    margin-bottom: 4em;
	border: 1px solid gray;
}
.faq-categories li:nth-child(3n) {
	margin-right: 0px !important;
}
/* .faq-categories li:first-child, .faq-categories li:nth-child(4n),  {
	margin-left: 0px !important;
} */ 
.faq-categories li:hover {
	background: #83196e;
	color: #fff;
	border: 1px solid #606060;
}
.faq-categories li.category img {
	margin: auto;
	width: 42px;
}
.faq-categories li.category[data-category="dinordre"] img {
	height: 32px;
}
.faq-categories li.category[data-category="betalingsmetoder-rabatkoder"] img, .faq-categories li.category[data-category="reklamation"] img {
	width: 36px;
}
.faq-categories li.category[data-category="prisgaranti-prismatch"] img { 
	width: 37px;
}
.faq-categories li.category[data-category="returnering-gratisbytte"] img {
	width: 28px;
}
.faq-categories li.category[data-category="tilfredshedsgaranti"] img {
	width: 31px;
}
.faq-categories li.category[data-category="dinoenskeliste"] img {
	width: 35px;
}
.faq-categories li.category[data-category="vilkaar-handelsbetingelser"] img {
	width: 35px;
}
.faq-categories li.category h3 {
	font-family: 'Source Sans Pro';
	font-weight: bold;
	text-transform: uppercase;
	font-size: 19px;
    height: 40px;
    padding: 10px 25px 0 25px;
}
.faq-categories li.category img, .faq-categories li.category h3 {
  top: 36%;
  position: relative;
  transform: translateY(-50%);
  margin-bottom: 10px;
  color: #000;
}
.faq-categories li.category:hover h3 {
	color: #fff;
}
.faqbottom {
    display: block;
    width: 100%;
    border-top: 1px solid #000;
    max-width: 88.5%;
    padding: 0;
    clear: both;
    margin: auto;
    text-align: center;
    padding: 25px 0;

}
.faqbottom h2 {
	font-weight: bold;
    text-transform: uppercase;
    font-size: 33px;
    margin-top: 20px;
}
.faqbottom .btn {
	float: right;
	margin: 0;
}
.faqbottom .left {
    float: left;
    text-align: left;
    font-size: 18px;
    width: 20%;
    background: #f5f5f5;
    padding: 25px;
    border: 1px solid #ddd;
    border-right: 0;
    min-height: 304px;
}
.faqbottom .left h3 {
	font-size: 21px;
    color: #83196e;
    font-weight: bold;
}
.faqbottom .left a {
	text-decoration: underline;
}
.faqbottom .right {
	float: left;
	width: 80%;
	border: 1px solid #ddd;
	padding: 20px 35px;
	margin-bottom: 30px;
}
@media only screen and (max-width: 1100px) {
	.faqbottom .left {
		width: 33.33%;
	}
	.faqbottom .right {
		width: 66.66%;
	}
}
@media only screen and (max-width: 771px) {
	.faqbottom .left {
		width: 100%;
		float: none;
		border-right: 1px solid #ddd;
		min-height: auto;
		text-align: center;
	}
	.faqbottom .right {
		width: 100%;
	}
}
@media only screen and (max-width: 1440px){
	.faq-categories li {	
		margin-right: 4em !important;
	}
	.faq-categories li.category h3 {
		padding: 10px 10px;
	}
}
@media only screen and (max-width: 1115px) {
	.faq-categories li {	
		margin-right: 3em !important;
	} 
	.faq-categories li.category h3 {
		padding: 10px 0px;
	}
}
@media only screen and (max-width: 860px) {
	.faq-categories li {	
		margin-right: 2em !important;
	} 
	.faq-categories li.category h3 {
		padding: 10px 0px;
		font-size: 13px;
	}
}
@media only screen and (max-width: 771px) {
	.faq-search .page-title, .faq-questions-featured .page-title, .faq-footer .page-title, .faq-list .page-title {
		font-size: 20px;
		margin-top: 10px;
	}
	.faq-categories {
		width: 100%;
		padding-left: 0px;
		margin-top: 30px;
	}
	.faq-categories li {
		float: left;
	    width: 100%;
	    margin-bottom: 0px;
	    background: white;
	    margin-right: 0px;
	    text-align: left;
	    max-height: 85px;
	    border: 0px;
	    border-top: 1px solid #cdcdcc;
	    position: relative;
	}
	.faq-categories li:hover {
		border: 0px;
		border-top: 1px solid #cdcdcc;
		background: #f5f5f5;
	}
	.faq-categories li:after {
		content: '';
	    position: absolute;
	    right: 15px;
	    top: 40%;
	    height: 20px;
	    width: 10px;
	    background: url('../images/slider-arrow-right.svg');
	    background-repeat: no-repeat;
	    background-size: 7px;	
	 }
	.faq-categories li.category h3 {
		font-size: 17px;
		float: left;
		position: absolute !important;
		left: 70px;
	}
	.faq-categories li:last-child {
		border-bottom: 1px solid #cdcdcc;
	}
	.faq-categories li.category img {
	   margin: 0px 0px 0px 10px; 
	    float: left;
	}
	.faq-categories li.category img, .faq-categories li.category h3 {
		top: 50%;
	    position: relative;
	    transform: translateY(-50%);
	    margin-bottom: 10px;
	}
}
@media only screen and (max-width: 500px) {
	.faq-categories li.category h3 {
		font-size: 14px;
	}
	.faq-categories li.category img {
		/* margin: 0px 25px 25px 5px; */ 
	}
}
@media only screen and (max-width: 410px) {
	.faq-categories li.category h3 {
		padding-right: 25px;
	}
	.faq-search .page-title, .faq-questions-featured .page-title, .faq-footer .page-title, .faq-list .page-title {
		font-size: 18px;
	}
}

/* FAQ Featured */ 
.faq-questions-featured {
	clear: both;
    width: 75%;
    margin: auto;
}
.faq-questions-featured .featured-wrapper {
	margin-top: 30px;
	border-bottom: 1px solid #e2e2e1;
}
.faq-questions-featured .featured-wrapper.open {
	height: 100% !important;
	overflow: visible;
}
.faq-questions-featured .faq-featured-headline {
	text-align: center;
    font-size: 25px;
    font-family: 'Lato Light';
    border-top: 1px solid #e2e2e1;
    padding: 25px 0px 25px 0px;
    position: relative;
    cursor: pointer;
}
.faq-questions-featured .faq-featured-headline:hover {
	/* background: #f9f9f9; */ 
}
.faq-questions-featured .faq-featured-headline:after {
	background: url('../images/arrow-down.svg');
    background-size: 20px;
    height: 10px;
    background-repeat: no-repeat;
    width: 20px;
    display: block;
    float: right;
    content: "";
    position: absolute;
    right: 35px;
    top: 45%;
    -moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
    -moz-transform: rotate(360deg);
	-webkit-transform:rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}
.faq-questions-featured .faq-featured-headline.expanded:after {
	background: url('../images/arrow-down.svg');
    background-size: 20px;
    height: 10px;
    background-repeat: no-repeat;
    width: 20px;
    display: block;
    float: right;
    content: "";
    position: absolute;
    right: 35px;
    top: 45%;
	-moz-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease; 
	transition: all 0.2s ease;
    -moz-transform: rotate(180deg);
	-webkit-transform:rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.faq-questions-featured .faq-featured-answer {
	display: none;
	font-family: 'Lato Light';
	font-size: 20px;
	padding: 10px 0 30px 0;
}
.faq-questions-featured .faq-featured-answer ul{
	margin-top: 25px;
}
.faq-questions-featured .faq-featured-answer a{
	color: #383838;
	font-weight: bold;
	text-decoration: underline;
}
.faq-questions-featured .featured-more {
	background: #fff;
    text-transform: uppercase;
    color: #494849;
    font-size: 20px;
    display: block;
    max-width: 225px;
    line-height: 54px;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #494849;
    position: relative;
    margin-top: 40px;
    margin-bottom: 30px;
}

/* FAQ Footer */ 
.faq-footer {
	margin-top: 80px;
}
.faq-footer-inner {
	background: #f4f3f3;
	display: table;
	table-layout: fixed;
	width: 95%;
	margin: auto;
	margin-top: 35px;
}
.faq-footer-inner .faq-footer-block {
	display: table-cell;
	text-align: center;
	padding: 55px 55px 10px 55px;
	vertical-align: middle;
	font-size: 18px;
}
.faq-footer-inner .faq-footer-block p {
	margin-bottom: 20px;
}
.faq-footer-inner .faq-footer-block .faq-img img{
	position: relative;
	width: 59px;
	margin: auto 0px !important;
	top: 50%;
	transform: translateY(-50%);
}
.faq-footer-inner .faq-footer-block .faq-img{
    width: 100px;
    height: 100px;
    text-align: center;
    padding: 20px;
    position: relative;
    background: white;
    left: 0px;
    border-radius: 50%;
    margin: auto;
    margin-bottom: 15px !important;
}

/* FAQ Chats */
.faq-chats {
	width: 100%;
	margin: 20px 0px;
}
.faq-chats .faq-chats-inner {
	width: 95%;
	margin: auto;
}
.faq-chats .faq-chats-inner .faq-chat {
	display: inline-block;
	width: 100%;
	background: #fff;
    text-transform: uppercase;
    color: #494849;
    font-size: 18px;
    line-height: 80px;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #494849;
    position: relative;
    margin-top: 15px;
    min-height: 80px;
    margin-bottom: 30px;
    font-family: 'Lato Bold';
    cursor: pointer;
}
.faq-chats .faq-chats-inner .faq-chat:hover {
	background: #f9f9f9;
}
.faq-chats .faq-chats-inner .faq-chat.chat:before {
	background: url('../icons/chat-icon.svg');
    background-size: 30px;
    height: 31px;
    background-repeat: no-repeat;
    width: 35px;
    display: block;
    float: left;
    content: "";
    position: absolute;
    left: 25px;
    top: 35%;
}
.faq-chats .faq-chats-inner .faq-chat.messenger:before {
	background: url('../icons/messenger-icon.svg');
    background-size: 30px;
    height: 30px;
    background-repeat: no-repeat;
    width: 30px;
    display: inline-block;
    vertical-align: middle;
    content: "";
    margin-right: 16px;
}
.faq-chats .faq-chats-inner .faq-chat.sms:before {
	background: url('../icons/sms-icon.svg');
    background-size: 30px;
    height: 36px;
    background-repeat: no-repeat;
    width: 31px;
    display: block;
    float: left;
    content: "";
    position: absolute;
    left: 25px;
    top: 30%;
}
.faq-chats .faq-chats-inner .faq-chat:first-child, .faq-chats .faq-chats-inner .faq-chat:nth-child(2) {
	margin-right: 60px;
}
.faq-list {
	width: 100%;
	margin-left: 0px !important;
	padding: 0px 25px;
	background: white;
	list-style: none !important;
	z-index: 10;
	width: 100%;
	display: inline-block;
}
.faq-list .group {
	list-style: none !important;
}
.faq-list .group li.item {
	margin-bottom: 50px;
	margin-left: 10px;
}
.faq-list .faq-list-group {
	width: 60%;
	float: left;
	margin-top: 40px;
}
.faq-list .group li.item .item-wrap .item-question {
	font-family: 'Source Sans Pro';
	font-weight: bold;
	font-size: 17px;
	margin-bottom: 10px;
}
.faq-list .faq-list-categories {
	width: 30%;
    float: right;
    margin-right: 15px;
    background: #f5f5f5;
    padding: 40px 15px;
    margin-top: 40px;
}
.faq-list .faq-list-categories h3 {
	font-family: 'Source Sans Pro';
	
	font-size: 25px;
	text-transform: uppercase;
	padding-left: 30px;
}

.faq-categories.moved {
	display: none;
}
.categorylist .faq-categories.moved {
	display: block !important;
}
.faq-categories.moved li {
	background: transparent;
	border: 0;
}

@media only screen and (min-width: 771px) {
	.categorylist .faq-categories.moved li.category:hover {
		background: transparent;
	}
	.categorylist .faq-categories.moved li.category {
		width: 100%;
		float: none;
		text-align: left !important;
		margin-left: 0px !important;
		margin-bottom: 0px !important;
		height: auto !important;
		cursor: default;
	}
	.categorylist .faq-categories.moved li.category h3 {
		position: initial !important;
		padding: 0px !important;
		height: auto !important;
		top: auto !important;
		transform: none !important;
		margin-bottom: 30px;
		cursor: pointer;
		color: #000;
		background: transparent;	
	}
	.categorylist .faq-categories.moved li.category img {
		display: none;
	}
}
.categorylist .faq-categories.moved li.active h3 {
	text-decoration: underline;
	color: #84196f;
}
.categorylist .faq-categories.moved li.category h3:hover {
	text-decoration: underline;
	color: #84196f;
}

.item-answer {
	font-family: 'Source Sans Pro';
}
.item-answer a{
	color: #383838;
	font-weight: bold;
	text-decoration: underline;
	font-family: 'Source Sans Pro';
	font-weight: bold;
}
.close-faq {
	display: block;
	position: absolute;
    top: 45px;
    left: 35px;
}
@media only screen and (min-width: 771px) {
	.close-faq img {
		width: 20px;
	}
}
@media only screen and (max-width: 771px) {
	.close-faq {
	    position: absolute;
	    top: 50px;
	    left: 75px;
	    width: 100px;
	    text-align: left;
	    vertical-align: bottom;
	    font-size: 13px;
	    display: inline-block;
	    line-height: 2.45em;
	    color: #494849;
	    text-decoration: none;
	    overflow: hidden;
	}
	.close-faq img {
	    margin: auto;
	    display: block;
	    float: left;
	    padding-right: 10px;
	    height: 30px;
	}	
}
#faq_message input[type="text"] {
	font-size: 13px;
    height: 37px;
    width: 100%;
    border: 1px solid #b6b6b6;
    font-family: 'Source Sans Pro';
    margin-bottom: 5px;
}
#faq_message .form-group {
	float: left;
    margin-right: 15px;
    width: 32%;
}
#faq_message .form-group:nth-of-type(3) {
	margin-right: 0px;
}
#faq_message textarea {
	height: 100px;
	border: 1px solid #b6b6b6;
    font-family: 'Source Sans Pro';
    margin-bottom: 5px;
	font-size: 13px;
	margin-top: 15px;
	width: 100%;
	max-width: 100%;

}
#faq_message .btn {
	background: #83196e;
    width: 140px;
    height: 50px;
    color: white;
    font-family: 'Source Sans Pro';
    color: #fff;
    font-weight: bold;
    
    text-transform: uppercase;
    border: 0px;
    margin-top: 15px;
    display: block;
    margin: auto;
}
#faq_message h3 {
	text-align: left;
	margin-bottom: 25px;
	text-transform: uppercase;
	font-family: 'Source Sans Pro';
	font-weight: bold;
}
.faq-contact .contact-form {
	padding-left: 10px;
}
@media only screen and (max-width: 1440px) {
	.faq-chats .faq-chats-inner {
		display: table;
		table-layout: fixed;
		border-spacing: 20px;
	}
	.faq-chats .faq-chats-inner .faq-chat {
		display: table-cell;
	}
	.faq-chats .faq-chats-inner .faq-chat:first-child, .faq-chats .faq-chats-inner .faq-chat:nth-child(2) {
		margin-right: 35px;
	}
/*
	.faq-chats .faq-chats-inner .faq-chat.messenger:before {
		left: 10px;
	}
*/
}
@media only screen and (max-width: 1180px) {
	.faq-footer-inner .faq-footer-block {
		padding: 25px;
	}
	.faq-chats .faq-chats-inner .faq-chat:first-child, .faq-chats .faq-chats-inner .faq-chat:nth-child(2) {
		margin-right: 45px;
	}
	.faq-chats .faq-chats-inner .faq-chat {
		font-size: 14px;
	}
	#faq_message .form-group {
		width: 31.2%;
	}
}
@media only screen and (max-width: 1000px) {
	.faq-chats .faq-chats-inner .faq-chat {
		display: block;
		width: 100%;
		font-size: 17px;
	}
	.faq-chats .faq-chats-inner {
		border-spacing: 0px;
	}
	#faq_message .form-group {
		width: 29.9%;
	}
}
@media only screen and (max-width: 771px) {
	.faq-chats .faq-chats-inner {
		width: 100%;
	}
	.faq-footer {
		float: left;
		margin-top: 30px;
	}
	.faq-footer .page-title {
		display: block !important;
	}
	.faq-footer-inner {
		width: 100%;
	}
	.faq-footer-inner .faq-footer-block {
		display: block;
		padding: 30px 0px;
		border-bottom: 1px solid #cdcdcc;
		margin: 0px 20px;
	}
	.faq-footer-inner .faq-footer-block:last-child {
		border-bottom: 0px;
	}
	.faq-chats .faq-chats-inner .faq-chat {
		width: 100%; 
		margin-right: 0px !important;
		margin-bottom: 10px;
	}
	.faq-questions-featured {
		margin-top: 30px;
		width: 100%;
		text-align: left;
	}
	.faq-questions-featured .faq-featured-headline {
		text-align: left;
		padding-left: 10px;
		width: 100%;
		padding-right: 45px;
		font-size: 19px;
	}
	.faq-questions-featured .faq-featured-headline:after {
		right: 20px;
	}
	.faq-questions-featured .faq-featured-answer {
		font-size: 17px;
		padding: 20px 10px;
	}
	.faq-questions-featured .featured-more {
		max-width: 90%;
	}
	.faq-chats .faq-chats-inner .faq-chat {
		min-height: 70px;
		height: 70px;
		line-height: 70px;
	}
	
	/* FAQ List */
	.faq-list {
		padding: 0px;
	}
	.close-faq {
		top: 30px;
		left: 30px;
		text-indent: -9999px;
	}
	.faq-list .faq-list-group {
		width: 100%;
		margin-bottom: 15px !important;
	}
	.faq-list .group li.item {
		margin-bottom: 35px;
	}
	.faq-list .faq-list-categories {
		width: 100%;
		margin-top: 0px;
		padding: 0px 0px;
		margin-right: 0px;
		background: white;
	}
	.faq-list-categories h3:not(.legend) {
		display: none;
	}
	.categorylist .faq-categories.moved {
		display: inline-block !important;
	}
	.faq-categories {
		margin-top: 0px !important;
	}
	.categorylist .faq-categories.moved {
		margin-bottom: 0px !important;
	}

}
@media only screen and (max-width: 475px) {
	.faq-chats .faq-chats-inner .faq-chat {
		font-size: 13px;
	}
	.faq-chats .faq-chats-inner .faq-chat.messenger:before, .faq-chats .faq-chats-inner .faq-chat.chat:before, .faq-chats .faq-chats-inner .faq-chat.sms:before {
		left: 15px;
	}
	#faq_message .form-group {
		width: 100%;
	}
}


/* FAQ Reklamation */ 
.faq-complaint input[type="text"] {
	height: 50px !important;
}
.faq-complaint textarea {
	margin-top: 0px !important;
	height: 175px !important;
}
.faq-complaint .form-group {
	margin-bottom: 10px;
	position: relative;
}
.faq-complaint input[type="text"], .faq-complaint textarea {
	border: 1px solid #606060 !important;
}
.faq-complaint label {
	font-family: 'Source Sans Pro';
	font-size: 14px;
	margin-bottom: 4px;
}
.faq-complaint .form-group.large {
	width: 100% !important;
}
.faq-complaint .inputfile {
	width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.faq-complaint .inputfile + label {
	max-width: 100%;
    font-size: 1.25rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    text-align: center;
    margin-top: 5px;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
    background: #ebebeb;
    font-family: 'Source Sans Pro';
    font-size: 14px;
    color: #484848;
    border: 1px solid #cdcdcd;
}
.faq-complaint .inputfile + label:hover {
	background: #cdcdcd;
}
.faq-complaint .clear {
	clear: both;
}
.faq-complaint .radio-group {
	display: table;
	margin-bottom: 10px;
}
.faq-complaint .form-group.m20 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.faq-complaint .form-group .singlelabel {
	margin-bottom: 10px;
} 
.faq-complaint .radio-group input[type="radio"], .faq-complaint .radio-group input[type="checkbox"] {
	display: none;
}
.faq-complaint .radio-group label {
	display: table-cell;
	vertical-align: middle;
	cursor: pointer;
}
.faq-complaint .radio-group label.radiolabel:before {
	height: 15px;
    width: 15px;
    margin-right: 10px;
    margin-top: -3px;
    display: inline-block;
    vertical-align: middle;
    clear: both;
    border: 1px solid #000;
    border-radius: 50%;
    content: '';
    text-align: center;
    font-size: 11px;
    color: #00a651;
    line-height: 14px;
}
.faq-complaint .radio-group label.checklabel:before {
	height: 15px;
    width: 15px;
    margin-right: 10px;
    margin-top: -3px;
    display: inline-block;
    vertical-align: middle;
    clear: both;
    border: 1px solid #000;
    border-radius: 3px;
    content: '';
    text-align: center;
    font-size: 11px;
    color: #00a651;
    line-height: 14px;
}
.faq-complaint .radio-group input[type="radio"]:checked + label:before, .faq-complaint .radio-group input[type="checkbox"]:checked + label:before {
	border-color: #00a651;
    content:  "\2713 ";
}
.faq-complaint .radio-group input[type="radio"]:checked + label, .faq-complaint .radio-group input[type="checkbox"]:checked + label {
	font-family: 'Lato Bold';
}
.requiredstar {
	color: #f0432a;
}
.requiredfields {
	float: right;
    font-size: 12px;
    text-transform: none;
    font-family: 'Source Sans Pro';
    vertical-align: middle;
    display: table-cell;
    margin-top: 5px;
}
.tooltip-info {
	margin-left: 10px;
    /* padding: 3px; */
    width: 18px;
    text-align: center;
    position: relative;
    color: #ffffff;
    line-height: 18px;
    display: inline-block;
    background: #484848;
    border-radius: 50%;
    height: 18px;
    cursor: pointer;
    position: relative;
    font-size: 11px;
}
.tooltipimg {
	display: none;
	position: absolute;
    bottom: 73px;
}
.faq-list p,
.faq-list span,
.faq-list {
	font-family: 'Source Sans Pro' !important;
    font-size: 15px !important;
    color: #000 !important;
    font-weight: 400;
}