div#QuickLinks.smakis #ul-quicklinks-new li:nth-child(3) > div > a {
	font-weight: bold;
}

#TopMenu, #TopMenuStart, #Footer {
	display: none !important;
}

#ul-quicklinks-new li:first-of-type {
	width: auto;
}

div#QuickLinks {
	background: #fff;
	display: none;
}

#ul-quicklinks-new li > div > a {
	padding: 30px 10px 10px 10px !important;
	font-size: 15px;
	color: #000;
	text-align: right;
}

#ul-quicklinks-new li > div > a:hover {
	background: #eee;
}

#ul-quicklinks-new li {
	border: 1px solid #ddd !important;
}

#ul-quicklinks-new {
	background: #fff;
}

.shortcuts-container, .bonus-container {
	display: none !important;
}

.giftcard-cart {
	border-radius: 4px;
	overflow: hidden;
	background: #f1f1f1;
	color: #222;
}

.giftcard-cart td,
.giftcard-cart th {
	padding: 8px 12px !important;
}

.quantity-table {
	margin: 25px auto 0px auto;
	width: 80%;
}

.quantity-table.disabled {
	opacity: 0.1;
}

.modify-quantity {

	display: inline-block;
	color: #fff;
	font-weight: bold;
	font-size: 24px;
	text-align: center;
	background: #046ab6;
	border-radius: 40px;
	width: 40px;
	height: 40px;
	line-height: 36px;
	padding-left: 1px;
	text-decoration: none;
}

.modify-quantity:hover {
	background: #167ac4;
	color: #fff;
		text-decoration: none;
}

.quantity-num {
	width: 70px;
	text-align: center;
	font-size: 24px;
	border-radius: 3px;
	border: 2px solid #ccc;
	margin: 0 30px;
	outline: none;
}

.quantity-table.disabled .quantity-num,
.quantity-table.disabled .modify-quantity {
	visibility: hidden;
}

.product-quantity {
	text-align: left;
}

.product-name {
	text-align: left;
}

.product-total-price {
	text-align: right;
}


.p-16 { font-size:16px; }
.p-16 p { font-size:16px; }
.p-17 { font-size:17px; }
.p-17 p { font-size:17px; }
.p-18 { font-size:18px; }
.p-18 p { font-size:18px; }
.p-19 { font-size:19px; }
.p-19 p { font-size:19px; }
.p-20 { font-size:20px; }
.p-20 p { font-size:20px; }
.p-21 { font-size:21px; }
.p-21 p { font-size:21px; }
.p-22 { font-size:22px; }
.p-22 p { font-size:22px; }

.filmstaden .hide-if-filmstaden {
	display: none !important;
}

.nordic-logo-container {
	position: relative;
	position: fixed;
	z-index: 999999999;
}

.onepager-container {
	margin: 0;
}



.nordic-logo {
	position: fixed;
	top: 30px;
	left: 30px;
	z-index: 9999999;
}

.big-thumb {
	font-size: 142px;
	margin: auto;
	text-align: center;
	color: #62d488;
	text-shadow: 0 31px 25px rgba(145, 145, 145, 0.16);
	margin-top: 20px;
}

.center-content {
	text-align: center;
}

div#QuickLinks.smakis #ul-quicklinks-new li > div > a.active .triangle {
	width: 0;
	height: 0;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-right: 30px solid rgb(215, 139, 0);
	position: absolute;
	rotate: 90deg;
	bottom: -39px;
	left: 50%;
	margin-left: -15px;
}

.gradient-divider {
	height: 300px;
	margin-top: -150px;
	margin-bottom: -150px;
	z-index: 999;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+15,ffffff+15,ffffff+25,ffffff+50,ffffff+85&0+0,1+50,0+100 */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 15%, rgba(255,255,255,0.5) 25%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.3) 85%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 15%,rgba(255,255,255,0.5) 25%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.3) 85%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 15%,rgba(255,255,255,0.5) 25%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.3) 85%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.gradient-divider-black {
	height: 300px;
	margin-top: -150px;
	margin-bottom: -150px;
	z-index: 999;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+15,ffffff+15,ffffff+25,ffffff+50,ffffff+85&0+0,1+50,0+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 15%, rgba(0,0,0,0.5) 25%, rgba(0,0,0,1) 50%, rgba(0,0,0,0.3) 85%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 15%,rgba(0,0,0,0.5) 25%,rgba(0,0,0,1) 50%,rgba(0,0,0,0.3) 85%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 15%,rgba(0,0,0,0.5) 25%,rgba(0,0,0,1) 50%,rgba(0,0,0,0.3) 85%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.form-content {
	position: relative;
}

.form-content .fa {
	position: absolute;
	top: -41px;
	right: 17px;
	font-size: 25px;
	color: #fff;
}


.opacity-background {
	display: block;
	width: 100% !important;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.4);
	max-width: 100% !important;
	z-index: 1;
}


.header-hero,
.hotelroom-hero,
.produkter-hero,
.spa-hero,
.food-hero,
.header-relax,
.sales-points-hero {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	max-width: 100% !important;
	min-height: 500px;
}


.nowrap {
	white-space: nowrap !important;
}

.sh-logo {
	position: absolute;
	bottom: 50px;
	left: 50%;
	margin-left: -100px;
	z-index: 99999;
}


.header-hero {
	/*background-image: url(/images/widgets/Strawberry/header.png);*/
	background-image: url(/images/widgets/Strawberry/hotel-room.png);
	min-height: 750px;
	position: relative;
	z-index: 2;
}

.hotelroom-hero {
	/*background-image: url(/images/widgets/Strawberry/header.png);*/
	background-image: url(/images/widgets/Strawberry/restaurant.png);
	min-height: 950px;
	position: relative;
	z-index: 1;
}


.hotelroom-hero a {
	color: #fff;
}

.filmstaden .header-hero {
	/*background-image: url(/images/widgets/Strawberry/header.png);*/
	background-image: url(/images/widgets/Strawberry/filmstaden/filmstaden-header.jpg);
	min-height: 750px;
	position: relative;
	z-index: 2;
}


.header-relax {
	/*background-image: url(/images/widgets/Strawberry/header.png);*/
	background-image: url(/images/widgets/Strawberry/header-relax.jpg);
	min-height: 750px;
	position: relative;
	z-index: 1;
	background-attachment: fixed;
}

.spa-hero {
	/*background-image: url(/images/widgets/Strawberry/header.png);*/
	background-image: url(/images/widgets/Strawberry/header-spa2.jpg);
	min-height: 750px;
	position: relative;
	z-index: 1;
}

.food-hero {
	/*background-image: url(/images/widgets/Strawberry/header.png);*/
	background-image: url(/images/widgets/Strawberry/header-food.jpg);
	min-height: 750px;
	position: relative;
	z-index: 1;
}



.numbers-hero {
	background-image: url(/images/widgets/Smakis/header/numbers.jpg);
	height: 100%;
	background-size: cover;
	background-position: center center;
}

.produkter-hero {
	background-image: url(/images/widgets/Smakis/header/rodbeta.jpg);
}

.sa-har-fungerar-det-hero {
	background-image: url(/images/widgets/Smakis/header/sa-fungerar-det-2.jpg);
	background-position: top center;
}

.sa-har-fungerar-det-hero .sales-points i {
	font-size: 41px;
	color: #f5c600;
	margin-bottom: 10px;
	text-shadow: 4px 3px 14px rgba(0, 0, 0, 0.54);
}

.sa-har-fungerar-det-hero .sales-points p {
	font-size: 19px !important;
}

.sa-har-fungerar-det .sales-points {
	padding: 0 !important;
	margin: 0;
}

div.onepager.sa-har-fungerar-det  .spotlight-box {
	margin: 20px auto;
}

.sales-points-hero {
	background-image: url(/images/widgets/Smakis/header/fruit-dark.png);
	height: auto;
	background-size: cover;
	background-position: center center;
}

.vanliga-fragor-hero {
	/*background-image: url(/images/widgets/Smakis/header/sa-har-fungerar-det.jpg);*/
	background-image: url(/images/widgets/Smakis/header/vanliga-fragor-header.jpg);

	min-height: 500px;
}

.kontakt-hero {
	background-image: url(/images/widgets/Smakis/header/kontakt.jpg);
}


.smakis .color-white {
	color: #fff;
}

.smakis .color-black {
	color: #111;
}

.smakis .section-title {
	font-size: 47px;
}

.fade-in,
.fade-in-after {
	display: none;
}

.top-pusher {
	margin-top: 0px;
}


.signup {
	margin: 5px 0;
	padding: 0 !important;
	list-style-type: none !important;
}

.signup li {
	margin-bottom: 2px !important;
	display: block;
}

.signup li > span {
	display: block;
	background: #1dc5ac;
	color: #fff;
	border-radius: 4px;
	padding: 15px 30px;
	font-size: 16px;
}

.signup li > span:hover {
	background: #21d9bd;
	text-shadow: 3px 3px 3px rgba(255,255,255,.0.3);
	cursor: pointer;
}

.signup li > div {
	padding: 20px 5px 40px 5px;
	display: none;
}











div.onepager .spotlight-box {
	padding: 20px;
	max-width: 620px;
	padding: 20px 30px 30px 30px ;
	margin: 60px auto 120px auto;
	position: relative;
	z-index: 999;
}

div.onepager .spotlight-box h2 {
	color: #fff !important;
	font-size: 54px;
	font-weight: bold;
}

div.onepager .spotlight-box.wants-dark h2 {
	color: #535353 !important;
}

div.onepager .spotlight-box p {
	color: rgb(255, 237, 212) !important;
	font-size: 27px;
	line-height: 1.3;
}

div.onepager .spotlight-box.wants-dark p {
	color: #fff !important;
	text-shadow: 2px 2px 2px rgba(4, 4, 4, 0.49);
}

div.onepager .spotlight-box h2, div.onepager .spotlight-box p {

}


div.onepager .customer-step {
	display: none;
	border: 1px solid #ddd;
	margin: 1px;
	padding: 30px 40px 40px 30px;
	border-radius: 10px;
	overflow: auto;
}

.text-shadow {
	text-shadow: 3px 3px 1px #000;
}

.size-25 {
	font-size:  25px !important;
}

.size-36 {
	font-size:  36px !important;
}

.size-50 {
	font-size:  50px !important;
}

.cta-btn {
	margin-top: 10px;
	display: inline-block;
	padding: 12px 20px;
	background: #046ab6;
	color: #fff;
	border-radius: 10px;
	font-size: 17px;
	text-decoration: none;
	text-shadow: none;
	box-shadow: 0 10px 10px -5px rgba(0,0,0,0.1);
	border: 2px solid transparent;
}

.center  {
	text-align: center !important;
}

.cta-btn:hover {
	color: inherit;
	color: #fff;
	text-decoration: none;
	background: #286bb3;
	cursor: pointer;
}

.cta-btn.selected {
	border-color: #eee;
	background: #017964;
}


.nice-shadow {
	box-shadow: 0 25px 10px -22px rgba(0, 0, 0, 0.17);
}



div.onepager ul.sales-points {
	display: flex;
    flex-flow: row wrap;
	width: 100%;
	list-style-type: none !important;
	padding: 20px 0;
}

.sales-points li {
	flex: 1 1 16%;
	padding: 25px;
	margin: 0 !important;
}

.sales-points i {
	font-size: 50px;
}

.sales-points li > div {
	background: #ffe091;
	background: #69a4d9;
	background: none;
	padding: 20px 30px 30px;
	padding: 0;
	box-sizing: border-box;
	height: 100%;
	position: relative;
	border-radius: 3px;
}

.sales-points li > div .diagonal-white,
.slider-area .diagonal-white,
.ul-products .diagonal-white {
	position: absolute;
	top: -21px;
	left: -4px;
	width: 107%;
	background: inherit;
	rotate: 2deg;
	height: 26px;
}

.sales-points li > div .diagonal-white.inverted,
.slider-area .diagonal-white.inverted,
.ul-products .diagonal-white.inverted {
	rotate: -2deg;
	left: initial;
	right: 0;
}

.sales-points li > div .diagonal-white.bottom,
.slider-area .diagonal-white.bottom,
.ul-products .diagonal-white.bottom {
	top: initial;
	bottom: 0;
}

.sales-points li:nth-child(odd) > div .diagonal-white {
	rotate: -2deg;
	left: initial;
	right: 0;
}

.sales-points li > div h4 {
	font-size: 19px;
	color: #222;
}

.sales-points li > div p {
	color: #000;
	font-size: 15px;
	text-align: center;
}





.how-to-1 .columns {
	padding: 20px 0;
	margin: 60px;
}

.how-to-1 .columns .column {
	width: 50%;
	margin: 0;
	padding: 20px !important;
	text-align: left;
}


.how-to-1 .columns .column p {
	font-size: 16px;
}

.how-to-1 .columns .column i {
	color: #f5c600;
	margin-right: 25px;
	margin-bottom: 25px;
	font-size: 49px;
	float: left;
}


.how-to-1 .columns.how-to-2 {
	text-align: center;
}

.how-to-1 .columns.how-to-2 .column {
	width: 45%;
	display: inline-block;
	margin: 20px 0 auto;
	padding: 10px !important;
	text-align: left;
	clear: both;
	float: initial;
}

.how-to-1 .columns.how-to-2 .column p {
	font-size: 16px;
}


.how-to-1 .columns.how-to-2 .column i {
	color: #e2a011;
	margin: 0 15px;
	font-size: 68px;
	/*
	border: 4px solid #e2a011;
	border-radius: 100px;
	*/
	padding: 10px 16px;
	float: initial;
	/* background: rgba(245, 198, 0, 0.13); */
}

.how-to-1 .columns.how-to-2 .column:nth-child(even) {
	text-align: left;
}

.how-to-1 .columns.how-to-2 .column:nth-child(odd) {
	text-align: right;
}






div.clearboth {
	clear: both;
}



div.onepager .onepager-container > div.slider-area {
	rotate: -1deg;
	margin: 40px auto !important;
	background: rgba(255, 255, 255, 0.9);
	padding: 40px;
	padding-bottom: 50px;
	box-shadow: inset 0 0 30px 20px #fff;
	box-shadow: 0 30px 30px 20px rgba(0,0,0,0.3);
	position: relative;
}

div.onepager .onepager-container > div.slider-area .vertical-thing {
	height: 100%;
	position: absolute;
	top: 0;
	left: -5px;
	width: 5px;
	height: 100%;
	background: #3c5e4d;
}



.slider-area > div {
	position: relative;
	margin-bottom: 25px;
	padding-bottom: 25px;
	display: block;
}

.slider-value {
	background: #42e387;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	width: 50px;
	text-align: center;
	margin-left: 0;
	border-radius: 9px;
	border: 0;
	font-size: 20px;
	padding: 4px 0;
	outline: none;
	position: relative;
	top: -7px;
	float: right;
}

#slide-1, #slide-2 {
	float: left;
	clear: left;
	width: 81%;
	margin: 0;
	box-sizing: border-box;
}

.slide .ui-slider-range { background: #2b9465 !important; }
.slide .ui-slider-handle { background: #206c4a !important; border: 0 !important; outline:none !important; border-radius: 20px; }
.slide .ui-slider-handle.ui-state-active { border: 0; background:#206c4a; outline:none !important; }

.ui-widget {
	font-size: 2em !important;
}

.big {
	font-size: 32px;
	display: block;
}

.big span {
	position: relative;
	top: 0;
	width: auto;
	padding: 7px 10px;
	min-width: 50px;
}

.big span#output-2 {
	font-size: 24px;
	top: -1px;
}



.ul-products {
	margin: 40px auto;
	padding: 20px 0 !important;
	max-width: 960px;
	display: table;
	overflow: auto;
	position: relative;
	z-index: 1;
}

.ul-products li {
	display: table-cell;
	width: 33%;
	padding: 0;
}

.ul-products.quotes li {
	width: 50%;
	padding: 0 20px;
}

.ul-products li {

}


.ul-products li > div {
	background: #fff;
	padding: 0;
	height: 100%;
	position: relative;
	border: 1px solid #ddd;
	margin: 0 5px;
}

.ul-products li:first-of-type > div {
	margin-left: 0;
}

.ul-products li:last > div {
	margin-right: 0;
}

.ul-products li > div .text-content {
	padding: 10px 25px 25px 25px;
}

.ul-products li > div .text-content h4 {
	font-size: 22px;
}

.ul-products li > div .text-content h4.cashback {
	font-size: 14px;
	color: #3faa84;
	margin-top: -12px;
}


.ul-products.quotes li > div {
	padding: 30px 40px;
	background: rgba(117, 154, 226, 0.55);
	border-radius: 6px;
	box-shadow: 0 10px 22px rgba(117, 154, 226, 0.85);
}

.ul-products li > div img {
	max-width: 100%;
}

.ul-products.quotes li > div img {
	margin-bottom: 20px;
}


.ul-products li .title {

}

.ul-products li p {
	text-align: left;
}

.ul-products.quotes li h4 {
	color: #fff;
	font-size: 30px;
}

.ul-products.quotes li p {
	color: #fff;
	font-style: italic;
	font-size: 16px;
}

.ul-products.quotes li p:first-of-type:before {
	content: open-quote;
}

.ul-products.quotes li p:first-of-type:after {
	content: close-quote;
}

.ul-products.quotes li p:last-of-type {
	font-style: normal;
	font-weight: bold;
}

.smiling-woman {
position: absolute;
bottom: 0;
left: 0;
margin-left: -175px;
z-index: 0;
}



/**
 * Footer
 */

div.onepager .footer h4 {
	text-transform: uppercase;
	font-size: 18px;
	color: #fff;
	margin-bottom: 30px;
	letter-spacing: 2px;
}

div.onepager .footer p {
	font-size: 15px;
	color: #ddd;
}

div.onepager .footer a {
	color: #7fb3d9;
}

div.onepager .footer a:hover {
	color: #96c7eb;
	text-decoration: none;
}

div.onepager .footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.onepager .footer ul li {
	color: #ddd;
	margin-bottom: 5px;
}



/**
 * Om oss
 */

.frame {
	border: 10px solid #f0f0f0;
	max-width: 100%;
	box-sizing: border-box;
}

.frame.with-shadow {
	box-shadow: 2px 21px 20px -18px rgba(0, 0, 0, 0.26);
}

.blurbs {
	margin-bottom: 20px;
}

.blurbs > div {
	padding: 20px;
	padding-left: 60px;
	position: relative;
}

.blurbs > div i {
	font-size: 50px;
	position: absolute;
	left: -24px;
	top: 36px;
	color: #94cdd3;
}

.blurbs > div h3 {
	font-size: 21px;
	margin-bottom: 4px;
}



/**
 * Så här fungerar det
 */
.gradient-brown {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5b404+0,ca8c1a+100 */
	background: #e5b404; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #e5b404 0%, #ca8c1a 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  #e5b404 0%,#ca8c1a 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  #e5b404 0%,#ca8c1a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5b404', endColorstr='#ca8c1a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.gradient-white {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f9fcf7+0,e3f2f2+100 */
background: rgb(249,252,247); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  rgba(249,252,247,1) 0%, rgba(227,242,242,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(249,252,247,1) 0%,rgba(227,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(249,252,247,1) 0%,rgba(227,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#e3f2f2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.gradient-yellow {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#feface+0,fcf299+100 */
	background: #feface; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #feface 0%, #e3a558 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  #feface 0%,#e3a558 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  #feface 0%,#e3a558 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feface', endColorstr='#e3a558',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.gradient-grey {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6e6b4+0,eaae64+100 */
background: #f6e6b4; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #f6e6b4 0%, #eaae64 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #f6e6b4 0%,#eaae64 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #f6e6b4 0%,#eaae64 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e6b4', endColorstr='#eaae64',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}


.explain {
	position: relative;
	padding: 50px 0;
	overflow: hidden;
}

/**
 * Products
 */

.product {
	margin-bottom: 20px;
}

.product img {
	max-width: 100%;
}

.product .column:last-of-type {
	padding: 10px 20px !important;
	margin-bottom: 50px;
}

.product .column b {
	font-size: 17px;
}


.product ul {
	list-style-type: none;
	padding: 0 0 0 20px !important
}
.product ul li {
	margin: 0 !important
}

.product .price {
	color: #94b39e;
	margin-top: 5px;
	display: block;
}


.accordion {
	background: #fff;
	color: #000;
	margin: 15px 0;
	position: relative;
	border: 1px dashed transparent;
	border-style: solid dashed dashed dashed;
}

.vanliga-fragor .accordion {
	width: 60%;
	float: right;
	margin: 3px 0;
}

.accordion.open {

}

.accordion .accordion-heading {
	padding: 10px 20px;
	background: #f1f1f1;
}

.accordion.open .accordion-heading {
	background: #eee;
}

.accordion .accordion-heading:hover {
	background: #eee;
	cursor: pointer;
}

.accordion .accordion-heading .fas {
	position: absolute;
	right: 16px;
	top: 12px;
	font-size: 20px;
	color: #f1ca3a;
}

.product:first-of-type .accordion .accordion-heading .fas {
	color: #6a064b;
}


.product:last-of-type .accordion .accordion-heading .fas {
	color: #930f19;
}

.accordion.closed .accordion-heading .fa-minus-circle {
	display: none;
}

.accordion.open .accordion-heading .fa-plus-circle {
	display: none;
}



.accordion .accordion-content {
	display: none;
	padding: 15px 20px 20px 20px;
}





/**
 * Box
 */
.explain > .box {
	position: relative;
	width: 40%;
	padding: 15px 25px 45px 25px;
	background: #fff5e3;
	color: #444;
	clear: both;
	border-radius: 10px;
	border: 6px solid #ffdea1;
	box-shadow: 0 25px 10px -15px rgba(0,0,0,0.2);
	margin: 40px 0;
}


.explain > .box:nth-child(even) {
	float: left;
}

.explain > .box:nth-child(odd) {
	float: right;
}

.explain > .box .title {
	color: #6a4e1b;
}

.smakis .explain > .box p {
	font-size: 16px;
}



/**
 * Line
 */
.explain > .box .line {
	display: block;
	height: 6px;
	width: 25%;
	position: absolute;
	margin-top: -3px;
	background: #ffdea1;
	top: 50%;
	box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
}

.explain > .box:nth-child(even) .line {
	right: -25%;
}

.explain > .box:nth-child(odd) .line {
	left: -25%;
}


/**
 * Line
 */
.explain > .box .ball {
	display: block;
	height: 50px;
	width: 50px;
	border-radius: 50px;
	position: absolute;
	margin-top: -25px;
	background: #fcaa13;
	top: 50%;
	border: 4px solid #ffdea1;
	box-shadow: inset 0 1px 17px 1px #ffdea1;
}


.explain > .box:nth-child(even) .ball {
	right: -25%;
	margin-right: -34px;

	border-radius: 50px 50px 0 50px;
	rotate: 136deg;
}

.explain > .box:nth-child(odd) .ball {
	left: -25%;
	margin-left: -34px;
	border-radius: 50px 50px 0 50px;
	rotate: -45deg;
}



span.clearboth {
	display: block;
	clear: both;
}


.explain .vertical-line {
	display: block;
	width: 6px;
	height: 1200px;
	max-width: 100%;
	position: absolute;
	margin-left: -3px;
	background: #fcaa13;
	left: 50%;
	top: 245px;
	box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
}



/**
 * Vanliga frågor
 */
.green-transparent-box {
	background: rgba(93, 120, 54, 0.55);
	padding: 30px 40px;
	display: block;
	margin: 30px auto;
	max-width: 800px;
	box-shadow: 0 10px 10px -5px rgba(0,0,0,0.3);
}

.green-transparent-box p {
	font-size: 18px;
}

.questions {
	margin: 60px 0;
}

.questions > div {
	margin-bottom: 60px;
}


.questions div.question-content {
	width: 50%;
	float: right;
	background: #fff;
	color: #000;
	padding: 15px 30px;
	margin: 10px;
	border-radius: 4px;
	box-shadow: 0 10px 5px -10px rgba(0,0,0,0.1);
	position: relative;
	border: 1px solid #ddd;
}

.questions .question-title {
	width: 40%;
	float: left;
}

.questions div.question-content:hover {
	cursor: pointer;
}

.questions div.question-content:hover .triangle {
	border-right-color: #888;
}

.smakis .questions div.question-content p {
	font-size: 14px;
	color: #222;
}

.questions .question {
	font-weight: bold;
	font-size: 14px !important;
}

.questions .answer {
	display: none;
	margin-top: 10px;
}

.questions .answer p {
	font-style: italic;
}


.questions div.question-content .triangle {
	width: 0;
	height: 0;
	border-top: 19px solid transparent;
	border-bottom: 19px solid transparent;
	border-right: 19px solid rgb(228, 228, 228);
	position: absolute;
	rotate: 45deg;
	top: -14px;
	left: -5px;
}


.calculator-container {
	margin: -35px -50px 0 -20px;
	border: 5px solid #444;
	padding: 15px 29px;
	border-radius: 25px;
	box-shadow: 0 19px 22px -14px rgba(0,0,0,0.4);
}





/**
 * Responsive stuff
 */


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

	.onepager-container > div {
		padding: 5px 20px;
	}

	.hide-on-mobile {
		display: none;
	}

	div.onepager ul.sales-points li,
	.ul-products li,
	.ul-products.quotes li {
		width: 100%;
		display: block;
		flex: none;
	}

	.ul-products {
		padding: 0 !important;
	}

	div.onepager ul.sales-points li h4 {
		font-size: 23px;
		font-weight: bold;
	}

	div.onepager .onepager-container.padding-top-more-more-more, div.onepager .columns .column.padding-top-more-more-more {
		padding-top: 30px;
	}

	div.onepager .onepager-container.padding-bottom-more-more-more, div.onepager .columns .column.padding-bottom-more-more-more {
		padding-bottom: 30px;
	}


	.calculator-container {
		margin: 0;
		padding: 15px;
		border-width: 5px 0;
		border-radius: 0;
	}


	.onepager .onepager-container .calculator-container h2 {
		font-size: 27px !important;
	}

	.onepager .onepager-container h3,
	.big span#output-2 {
		font-size: 18px;
	}

	.calculator-container #slide-1,
	.calculator-container #slide-2 {
		width: 75%;
	}

	.big span {
		top: -5px;
	}

	.calculator-container .slider-area > div {
		padding: 0 8px;
	}

	.ul-products.quotes li > div {
		padding: 20px 25px;
	}



	div#QuickLinks.smakis {
		background: rgba(255, 255, 255, 0.87);
		height: 100%;
		overflow: scroll;
	}

	div#QuickLinks.smakis li {
		float: right;
	}

	div#QuickLinks.smakis li:first-of-type {
		display: none;
	}

	div#QuickLinks.smakis li div a {
		font-size: 17px !important;
		padding: 20px;
	}

	.display-mobile-menu-btn {
		position: fixed;
		top: 19px;
		right: 21px;
		font-size: 40px;
		z-index: 999999999;
		box-shadow: 0 1px 20px 15px #fff;
		background: #fff;
	}

	.smakis-logo {
		position: absolute;
		top: 15px;
		left: 20px;
	}



	.onepager .onepager-container .columns.product .column:first-of-type {
		padding-bottom: 0;
		margin-bottom: 0 !important;
	}

	.onepager .onepager-container .columns.product .column:last-of-type{
		margin-top: -70px;
	}

	.product .column:last-of-type {
		padding: 10px 5px !important;
	}


	.nordic-logo-container {
		position: absolute;
	}
	.nordic-logo {
		position: absolute;
		top: 15px;
		left: 20px;
	}


	div.onepager .spotlight-box {
		padding: 20px 10px;
		margin: 20px auto 50px auto
	}

	div.onepager .onepager-container:first-of-type .spotlight-box {
		margin-top: 65px;
	}


	div.onepager .spotlight-box h2, div.onepager .spotlight-box p {

	}

	div.onepager .spotlight-box h2 {
		font-size: 26px;
	}

	div.onepager .spotlight-box p.size-36,
	div.onepager .spotlight-box p {
		font-size: 21px !important;
	}

	div.onepager .size-50 {
		font-size: 29px !important;
	}

	.header-hero,
	.produkter-hero,
	.spa-hero,
	.food-hero,
	.header-relax,
	.sales-points-hero {
		min-height: 425px;
	}

	.sh-logo {
		width: 100px;
		margin-left: -50px;
	}


}