.sh-btn-turq {
	display: inline-block;
}

#TopMenu, #TopMenuStart {
	display: none;
}

.top-menu-logo {
	display: none !important;
}

.table td.no-wrap {
	white-space: nowrap;
}

.onepager-container.footer {
	margin-top: 80px;
}

.branding-filmstaden .onepager-container.footer {
	margin-top: 0;
}

div.onepager.branding-filmstaden .order-form p,
div.onepager.branding-filmstaden .on-order-success p {
	color: #ccc;
	font-size: 16px;
}

div.onepager.branding-filmstaden h1,
div.onepager.branding-filmstaden h2,
div.onepager.branding-filmstaden h4,
div.onepager.branding-filmstaden h4 {
	color: #ccc;
}


div.onepager.branding-filmstaden h3 {
	color: #cc1928;
}

div.onepager.branding-filmstaden .go-back-container span,
div.onepager.branding-filmstaden .go-back-container i {
	color: #fff;
}

div.onepager.branding-filmstaden .go-back-container span:hover,
div.onepager.branding-filmstaden .go-back-container i:hover {
	color: #eee;
}

div.onepager.branding-filmstaden .make-it-nice button.green {
	background: #cc1928;
}

div.onepager.branding-filmstaden .make-it-nice button.green:hover {
	background: #d4323f;
}

.branding-filmstaden .onepager-container.footer a {
	color: #cc1928;
}

.onepager-container.footer p,
.onepager-container.footer ol li {
	color: #ddd;
}

.onepager-container.footer ol {
	padding: 0;
	margin: 20px;
}

.onepager-container.footer ol li {
	margin-bottom: 20px;
}

.onepager-container.footer ol li > span {
	font-size: 17px;
	display: block;
	font-weight: bold;
}


div.onepager .spotlight-box {
	padding: 20px;
	max-width: 640px;
	padding: 10px;
	margin: 60px auto;
}

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

div.onepager .spotlight-box p {
	color: #fff !important;
	font-size: 37px;
	line-height: 1.3;
}

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

}

.shortcuts-container {
	display: none;
}


/**
 * Scoreboard for compeitions
 */
.rules-list {
	list-style-type: square;
	color: #fff;
	font-size: 18px;
}

.rules-list li {
	color: #fff !important;
}

.scoreboard-container {
	background: #fff;
	border-radius: 60px;
	padding: 40px 40px;
	width: 100%;
	box-shadow: 0 20px 30px -10px #000;
	border: 9px solid #7c122a;
	box-shadow: 0 0 97px -40px #fff;
}



div.onepager .scoreboard .columns {
	overflow: auto;
	padding: 10px 70px;
	margin-bottom: 20px;
}

div.onepager .scoreboard .columns .column {
	text-align: left;
}

div.onepager .columns > div:first-of-type {
	padding-right: 20px;
}

div.onepager .columns > div:last-of-type {
	padding-left: 20px;
}

.scoreboard-container table {
	color: #fff;
	width: 100%;
}

.scoreboard-container table tr {
	background: #fff
}

.scoreboard-container table tr:nth-child(even) {
	background: #f1f1f1;
}

.scoreboard-container table tr.own-club {
	font-weight: bold;
	background: #fff;
}

.scoreboard-container table th {
	font-weight: bold;
}

.scoreboard-container table th,
.scoreboard-container table td {
	color: #000 !important;
	padding: 10px 5px;
	font-size: 18px;
}

.scoreboard-container table tr .left {
	text-align: left;
}

.scoreboard-container table tr .center {
	text-align: center;
}

.scoreboard-container table tr .right {
	text-align: right;
}

.scoreboard-container table tr .pofs {
	padding: 1px;
	text-align: center;
	border-radius: 40px;
	min-width: 31px;
	min-height: 20px;
	background: #3d0c17;
	display: inline-block;
	color: #fff;
	font-size: 18px;
	position: relative;
}

.scoreboard-container .scroll-to  {
	display: none;
}

.scoreboard-container table td {
}


.scoreboard-preview {
	text-align: right;
}

.scoreboard-preview .scoreboard-container {
	display: inline-block;
	max-width: 450px;
	border-radius: 20px;
	padding: 10px 20px 0 20px;
	box-shadow: 0 20px 30px -10px #000;
	border: 0;
	background: rgba(255,255,255,0.9);
}

.scoreboard-preview .scoreboard-container table tr {
	background: transparent;
}

.scoreboard-preview .scoreboard-container table tr td,
.scoreboard-preview .scoreboard-container table tr th {
	padding: 5px 3px;
	font-size: 16px;
}



.scoreboard-preview .scroll-to {
	display: inline-block;
	background: #CC0028;
	color: #fff;
	font-size: 14px;
	border-radius: 12px;
	padding: 8px 16px;
	position: relative;
	top: -10px;
}

.scoreboard-preview .scroll-to:hover {
	background: #db2045;
	cursor: pointer;
	text-decoration: none;
}

.onepager .scoreboard-preview h2 {
	font-size: 18px !important;
	color: #333 !important;
	text-align: center;
}

.scoreboard-preview .scoreboard-container .own-club {
	display: none;
}








.communication-groups .right {
	padding-right: 0;
}

.choose-communicafte-group {
	background: #e3feff;
	color: #111;
	padding: 10px 20px;
	border-radius: 3px;
	border: 1px solid #ddd;
}

.choose-communicafte-group:hover {
	text-decoration: none;
}

.choose-communicafte-group.chosen {
	background: #7dfaff;
}


.fa.checkout-done {
	display: block;
	font-size: 29px;
	color: rgb(53, 175, 105);
	margin: 10px;
}


.go-back-container {
	margin: 10px 0;
}

.go-back-container a {
	color: #333;
	text-decoration: none !important;
}

.go-back-container a:hover i,
.go-back-container a:hover span {
	color: #666 !important;
	text-decoration: none;
}

.go-back-container i {
	font-size: 25px;
	margin-right: 5px;
}

.go-back-container span {
	font-size: 15px;
	color: #555;
	position: relative;
	top: -3px;
}


.menu {
	position: fixed;
	top: 10px;
	left: 0;
	border: 1px solid #ccc;
	border-left-width: 0;
	background: rgba(255, 255, 255, 0.84);
	padding: 14px;
	z-index: 99999;
	min-width: 225px;
	box-shadow: 0px 14px 19px 1px rgba(0,0,0,0.2);
	text-align: right;
	left: -215px;
}

.alter-club-btn {
	display: none;
	position: relative;
	left: 115px;
	top: 30px;
}

.alter-club-btn {

}

.menu .toggle-btn .hamburger {
	display: none;
}

.menu.display-by-cookie {

}

.menu ul > li > div > a,
.menu ul > li,
.menu ul,
.menu {
	border-radius: 4px;
}

.menu {
	border-radius: 0 4px 4px 0;
}

.menu h4 {
	padding-right: 10px;
}

.menu .toggle-btn {
	position: absolute;
	text-orientation: upright;
	background: rgb(0, 172, 164);
	color: #fff;
	padding: 7px;
	text-align: center;
	border-radius: 0 6px 6px 0;
	width: 27px;
	right: -28px;
	line-height: 1.2;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
}

.menu .toggle-btn:hover {
	background: rgb(0, 196, 187);
	cursor: pointer;
}

.menu ul {
	float: right;
	width: 95%;
	text-align: left;
	list-style-type: none;
	padding: 0;
	margin: 0 0 30px 0;
}

.menu ul > li {
	display: block;
	margin: 6px 0;
}

.menu ul > li > div {
	position: relative;
}

.menu ul > li > div > a {
	text-align: right;
	font-size: 14px;
	display: block;
	height: 100%;
	padding: 10px 20px;
	background: #fff;
	border: 1px solid #ccc;
	color: #494949;

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4f4f4+0,f7f7f7+50,f2f2f2+51,fcfcfc+100 */
	background: #f4f4f4; /* Old browsers */
	background: -moz-linear-gradient(top,  #f4f4f4 0%, #f7f7f7 50%, #f2f2f2 51%, #fcfcfc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f4f4f4 0%,#f7f7f7 50%,#f2f2f2 51%,#fcfcfc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f4f4f4 0%,#f7f7f7 50%,#f2f2f2 51%,#fcfcfc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-9 */
	position: relative;
	box-shadow: 1px 7px 8px -11px #000;
}

.menu ul > li > div > a:hover {
	color: inherit;
	text-decoration: none;

}

.menu ul > li > div > a .triangle {
	width: 0;
	height: 0;
	border-left: 10px solid rgba(0, 0, 0, 0);
	border-right: 0px solid transparent;
	border-bottom: 10px solid #aed9d7;
	position: absolute;
	right: -5px;
	top: 16px;
	rotate: 138deg;
	display: none;
}

.menu ul > li > div > a:hover .triangle {
	display: block;
}

.menu ul > li > div > a span.left {
	font-size: 28px;
	position: absolute;
	top: -1.6px;
	left: 42px;
	color: #a2a2a2;
}

.menu .margin-top {
	margin-top: 20px;
}

.menu .lock-menu-btn {
	position: relative;
	top: 1px;
	right: 11px;
	font-size: 17px;
	color: #ababab;
}

.menu .lock-menu-btn:hover {
	cursor: pointer;
	color: #333;
}

.menu .lock-menu-btn.locked {
	color: #333;
}


/**
 * Social media shares
 */
.social-icons {
	overflow: visible;
	position: relative;
}

.social-icons ul {
	position: absolute;
	top: -144px;
	list-style-type: none !important;
	right: 20px;
}

.social-icons ul li {
	display: inline-block;
	text-align: center;
}

.social-icons a {
	display: inline-block;
	margin: 0 5px;
	display: block;
	height: 100%;
}

.social-icons a .instagram-icon {
	height: 45px;
	width: 45px;
	margin-bottom: 5px;
}

.social-icons img {
	width: 50px;
	height: 50px;
}

.social-icons span {
	font-size: 11px;
	display: block;
	color: #fff;
}





.editable-field, .editable-value {
	width: 200px;
	display: inline-block;
}

.editable-field {
	display: none;
	padding: 1px 3px;
	position: relative;
	top: -1px;
	left: -4px;
	border: none;
	border-radius: 2px;
	background: rgb(94, 175, 167) !important;
	color: #fff;
	outline: none;
}

.editable-value:hover {
	color: rgb(91, 196, 186);
	cursor: pointer;
}



.table.orders {
	font-size: 14px;
}

.table .right {
	text-align: right;
}

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

.table .left {
	text-align: left;
}


.orders .fa {
	font-size: 15px;
}

.icon-orange {
	color: rgb(241, 198, 119);
}

.icon-green {
	color: rgb(53, 158, 94);
}

.table.orders tr:nth-child(odd) {
	background: #fff;
}

.table.orders tr:nth-child(even) {
	background: #f4f4f4;
}

.table.orders ul {
	margin: 0;
	padding: 0 20px;
	list-style-type: square;
}

.table.orders ul li {
	margin: 0;
	color: #333;
}

.table.orders .table.order-products {
	border: 0;
}

.table.orders .table.order-products td {
	padding: 2px 4px;
	border: 0;
	background: #dafffd;
	border-bottom: 1px solid #fff;
}


.table.employee {
	border-radius: 6px;
	overflow: hidden;
	margin-bottom: 33px;
}

.table.employee tr td:first-of-type {
	width: 100px;
}

.table.employee tr:first-of-type td {
	font-weight: bold;
	background: #666;
	color: #fff;
}

.table-with-dropshadow {
	box-shadow: 0 26px 48px -47px rgba(0, 0, 0, 0.53);
}



/*
div.top-pusher {
	width: 100%;
	margin-top: 75px;
}

.top-header {
	color: #000;
	border-bottom: 3px solid #333;
	position: fixed !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 75px;
	z-index: 99999;
	background: #fff;
	overflow: visible !important;
}
.top-header .logos {

}

.top-header .logos img {
	margin-right: 10px;
	margin-right: 10px;
	max-height: 60px;
	float: initial;
}

.top-header .logos img:first-of-type {
	position: relative;
	top: 10px;
}

.top-header .logos img.header-logo {
	border-radius: 50px;
	top: 8px;
}


.top-header-logo {
	margin-top: 20px;
}

.header-logo {
	position: absolute;
	top: 35px;
	box-shadow: 0 32px 25px -5px rgba(0, 0, 0, 0.3);
}
*/
.onepager.branding-filmstaden .header-logo {
	max-width: 141px;
	max-height: 80px;
	position: absolute;
	top: 8px;
}

.header-logo.no-shadow {
	box-shadow: none !important;
}

div.onepager h2.header-h2 {
	color: #222;
	position: absolute;
	font-size: 20px;
	margin-left: 170px;
	top: 5px;
}

.onepager.branding-filmstaden .top-movies div {
	width: 20%;
	margin: 0px;
	float: left;
	padding: 7px;
}

.onepager.branding-filmstaden .top-movies div img {
	width: 100%;
	border: 1px solid #444;
	max-height: 253px !important;
}

.onepager.branding-filmstaden .top-movies div span {
	font-size: 31px;
	color: #fff;
	display: block;
	text-align: center;
	font-weight: bold;
	margin: 10px;
}

.onepager.branding-filmstaden .top-movies div .movie-title {
	font-size:15px;
	color:#b92143;
	display:block;
	text-align: center;
}

div.onepager .home-hero {
	background-image: url(/images/widgets/Strawberry/header.png);
	min-height: 640px;
	background-size: cover;
	text-align: center;
	padding: 20px 30px;
	background-position-y: -120px;
}

div.onepager.branding-filmstaden .home-hero {
	background-position-y: initial;
	background-image: url(/images/shop/misc/filmstaden/hero-1.jpg);
	background-size: cover;
}

div.onepager .home-hero h1,
div.onepager .home-hero h2,
div.onepager .home-hero p {
	color: #fff;
	text-shadow: 4px 3px 2px #000;
}


div.onepager.branding-filmstaden .home-hero h2,
div.onepager.branding-filmstaden .home-hero p {
	text-shadow: none !important;
}

div.onepager.branding-filmstaden .home-hero h2 {

}

div.onepager.branding-filmstaden .home-hero p {
	font-size: 40px;
}


div.onepager .onepager-container.sticky > div {

}


div.onepager .cart-container {
    min-width: 420px;
    max-width: 420px !important;
    margin: 10px auto;
    background: #fff;
    position: sticky;
    top: 10px;
    border: 2px solid #000;
    /* top: 15px; */
    border-radius: 6px;
    box-shadow: 0 1px 16px -5px rgba(0,0,0,0.6);
    padding: 7px 9px 7px 7px;
    vertical-align: top;
    z-index: 99;
}


.blink {
	animation:1s blinker linear 2;
	-webkit-animation:1s blinker linear 2;
	-moz-animation:1s blinker linear 2;
}

@-moz-keyframes blinker {
	 0% { opacity: 1.0; }
	 50% { opacity: 0.0; }
	 100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}

@keyframes blinker {
	0% { opacity: 1.0; }
	50% { opacity: 0.0; }
	100% { opacity: 1.0; }
}




.shop-fronts {
	min-height: 400px;
	width: 100%;
}

.shop-fronts .column p {
	background: #fff;
	padding: 10px 15px;
	font-size: 22px;
	color: #000;
	line-height: 1.3;
}

.shop-fronts .column .logo {
	display: block;
	display: block;
	margin: 25px auto;
	max-height: 65px;
}

.shop-fronts .column .logo.white-background {
	padding: 10px;
	background: #fff;
}


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: 0;
	left: 0;
	width: 100%;
	background: inherit;
	rotate: 2deg;
	height: 20px;
	border-radius: 15px;
}

.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: 24px;
	color: #222;
}

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

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

}



div.onepager  .cart-container .cart-toggle-btn {
	display: inline-block;
	margin: 0 auto;
	font-size: 14px;
	color: #fff;
	background: rgb(0, 172, 164);
	padding: 0px 6px 0px 6px;
	position: absolute;
	bottom: -23px;
	left: 50%;
	width: 140px;
	margin-left: -70px;
	text-align: center;
	border-radius: 0px 0px 8px 8px;
	box-shadow: 0 1px 16px -5px rgba(0,0,0,0.4);
	border: 2px solid rgba(255,255,255,0.9);
	border-top-width: 0;
}

div.onepager  .cart-container .cart-toggle-btn:hover {
	background: rgb(0, 196, 187);
	cursor: pointer;
}

div.onepager.branding-filmstaden  .cart-container .cart-toggle-btn {
	background: #cc1928;
}

div.onepager  .cart-container .empty-cart-btn {
	padding: 8px;
	float: left;
	color: #afafaf;
	font-size: 13px;
	text-decoration: none !important;
}
div.onepager  .cart-container .empty-cart-btn:hover {
	color: #888;
}

div.onepager  .cart-container .checkout-btn {
	display: inline-block;
	background: #555;
	color: #fff;
	padding: 4px 14px;
	text-align: center;
	border-radius: 5px;
	margin: 3px;
	font-size: 13px;
	margin-bottom: 5px;
	text-decoration: none !important;
}

div.onepager  .cart-container .checkout-btn:hover {
	background: #666;
}

table.cart {
	margin: 0;
	padding: 0;
	width: 100%;
}

table.cart tr:first-of-type td {
	font-weight: bold;
}

table.cart tr:first-of-type td:last-of-type {
	font-weight: bold;
	padding-right: 2px;
}

table.cart tr td {
	padding: 5px 3px;
	vertical-align: top;
	text-align: left;
}

table.cart tr td:first-of-type {
	text-align: left;
}

table.cart tr td:last-of-type {
	text-align: right;
}

table.cart tr.cart-product {
	display: none;
}

table.cart tr.cart-product td.center {
	text-align: center;
}

table.cart tr.cart-product td.narrow {
	width: 20px;
}

table.cart tr.cart-product .decrease-quantity,
table.cart tr.cart-product .increase-quantity {
	background: rgb(0, 172, 164);
	color: #fff;
	border-radius: 3px;
	font-size: 13px;
	font-weight: bold;
	padding: 0;
	width: 14px;
	height: 14px;
	display: inline-block;
	line-height: 1;
	text-align: center;
	position: relative;
	top: -1px;
	text-decoration: none !important;
}

.onepager.branding-filmstaden table.cart tr.cart-product .decrease-quantity,
.onepager.branding-filmstaden table.cart tr.cart-product .increase-quantity {
	background: #cc1928;
}

.title-unit {
	white-space: nowrap;
	display: block;
}


table.cart tr td.font-weight-normal {
	font-weight: normal;
}



/**
 * Checkout Cart
 */

div.onepager.checkout  .cart-container {
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
	right: initial;
	border: 0;
	box-shadow: none;
}

div.onepager.checkout table.cart tr:first-of-type,
div.onepager.checkout .cart-toggle-btn {
	display: none !important;
}

div.onepager.checkout table.cart tr:last-of-type td {
	background: #eee;
	border-top: 2px solid #999;
}

div.onepager.checkout table.cart .cart-product {
	display: table-row;
}

div.onepager.checkout table.cart tr td {
	font-size: 15px;
	padding: 10px 15px;
}

div.onepager.checkout table.cart tr td.narrow {
	padding: 10px 5px;
}

div.onepager.checkout table.cart tr td.narrow:first-of-type {
	padding-left: 15px;
}

.sh-btn {
	position: relative;
	top: -30px;
}


.payment-options {
	padding: 10px;
}

.payment-options > div {
	margin: 5px;
}

.payment-options > div p {
	display: inline-block;
	margin-left: 10px;
}





.products {
	text-align: center;
}

.products-container {
	display: flex;
	flex-flow: row wrap;
  	justify-content: flex-start;
  	margin: 0 -15px;
}

.product {
	position: relative;
	border: 0;
	border-radius: 4px;
	box-shadow: 0 19px 15px -15px rgba(0,0,0,0.2);
	display: inline-block;
	margin: 25px 15px;
	float: left;
	width: 30%;
	min-height: 450px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 2px 55px 0px rgba(139, 139, 139, 0.75);
}



.product.w-overlay {
	z-index: 99999999;
	box-shadow: 0 15px 68px -12px rgba(0,0,0,0.25);
	border: 0;
	position: absolute;
	top: 25px;
	left: 50%;
	width: 400px;
	margin-left: -200px;
	margin-bottom: 150px;
	min-height: 300px;
}

.branding-filmstaden .product.w-overlay {
	box-shadow: 0 5px 62px 24px rgba(139, 139, 139, 0.75);
}



.product .data-container {
	display: none;
}

.product.w-overlay .data-container {
	display: block;
	position: absolute;
	top: 345px;
	padding: 8px;
	left: 0;
	width: 100%;
}

.product.w-overlay .data-container b {
	display: block;
	background: rgb(231, 231, 231);
	padding: 5px 8px;
	margin: 20px -5px 10px -5px;
	border-radius: 3px;
	box-shadow: 0 5px 10px -7px rgba(0, 0, 0, 0.33);
	border: 1px solid #ddd;
}

.product.w-overlay .description {
	max-height: none;
	overflow: hidden;
	display: inline-block;
	padding: 30px 40px;
	line-height: 1.7;
	margin-bottom: 55px;
}

.product p+p {
	margin: 0;
}






.product .title,
.product .image,
.product .description,
.product .footer {
	padding: 5px 15px;
	vertical-align: top;
}

.product.in-stock {

}

.product.out-of-stock {
	box-shadow: none;
}

.product.out-of-stock .image,
.product.out-of-stock .title,
.product.out-of-stock .description {
}



.product .image {
	margin: 0;
	padding: ;
	min-height: 180px;
	background-color: #fff;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.product.w-overlay .image {
	min-height: 240px;
}

.product .title {
	font-size: 18px;
	font-weight: bold;
	background: #eee;
	color: #222;
	padding: 10px 20px;
	text-align: center;
	line-height: 1.2;
}

.product.w-overlay .title {
	font-size: 18px;
	background: none;
	color: #222;
	padding: 0px 10px;
}

.product .title .price-tag {
	margin-left: 3px;
	font-weight: normal;
	float: right;
}

.product .title .price-tag-fancy {
	display: block;
	background: rgb(222, 62, 62);
	clear: both;
	text-align: center;
	position: absolute;
	top: -9px;
	right: 4px;
	color: #eee;
	padding: 5px 9px;
	border-radius: 2px;
	box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.39);
	transform: rotate(5deg);
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.33);
	border: 1px solid rgba(102, 102, 102, 0.42);
}

.product .title .unit-name {
	font-weight: normal;
	float: left;
}

.product .title .unit-name .price-each {
	display: none !important;
	padding-left: 13px;
	font-weight: italic;
	color: #b5b5b5;
	font-size: 15px;
}


.product .title .row {
	display: block;
	clear: both;
	margin: 0;
	font-style: italic;
	font-size: 16px;
	color: #cc1928;
	padding: 5px 10px;
}

.branding-filmstaden .product.w-overlay .title .row {
	padding: 5px 30px 0 30px;
}

.product .splash {
	font-size: 13px;
	color: #555;
	margin-top: -10px;
	font-weight: bold;
	padding: 0 25px;
}


.product .description {
	font-size: 14px;

	max-height: 200px;
	overflow: hidden;
	background: #fff;
	padding: 15px 25px;
}

.product .footer {
	background: #f1f1f1;
	text-align: right;
	min-height: 55px;
	padding-top: 10px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	border-radius: 0 0 2px 2px;
	margin: 0;
}

.branding-filmstaden .product.w-overlay .footer {
	position: fixed;
}

.product.w-overlay .splash {
	margin-top: 10px;
	text-align: center;
	max-width: 100%;
}



/**
 * Block products, 2 per row
 */
.onepager.branding-filmstaden .product-section-title {
	color: #fff;
	width: 100%;
	font-size: 25px;
	display: block;
	clear: both;
	border-bottom: 2px solid #2d2d2d;
	padding: 15px 15px;
}

.onepager.branding-filmstaden .product {
	border-radius: 2px;
	display: inline-block;
	margin: 20px;
	width: 300px;
	float: initial;
	min-height: initial;
	box-shadow: none;
	background: #fff;
	border: 1px solid #fff;
}

.onepager.branding-filmstaden .product .image {
	background-repeat: no-repeat;
	width: 100%;
	margin: -6px 0 0 0;
}

.onepager.branding-filmstaden .product .title {
	text-align: center;
	/* background: transparent; */
	margin-top: 0px;
	position: relative;
}

.onepager.branding-filmstaden .product .description {
	max-height: 145px;
	position: relative;
	background: transparent;
}



/**
 * Horizontal products, 1 each row
 */
.onepager.branding-filmstaden .horizontal-view .product {
	border-radius: 20px;
	display: block;
	margin: 20px 0;
	width: 100%;
	float: initial;
	min-height: initial;
	box-shadow: none;
	background: #fff;
	border: 2px solid #fff;
}

.onepager.branding-filmstaden .horizontal-view .product .image {
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	width: 260px;
	margin: 0 15px;
}

.onepager.branding-filmstaden .horizontal-view .product .title,
.onepager.branding-filmstaden .horizontal-view .product .description,
.onepager.branding-filmstaden .horizontal-view .product .splash {
	padding-left: 300px;
}

.onepager.branding-filmstaden .horizontal-view .product .title {
	text-align: left;
	background: transparent;
	margin-top: 25px;
	position: relative;
}

.onepager.branding-filmstaden .horizontal-view .product .description {
	max-height: 145px;
	position: relative;
	background: transparent;
}





.onepager.branding-filmstaden h3.products-title {
	display: none;
}

.onepager.branding-filmstaden .horizontal-view .product .footer {
	background: #383838;
	box-shadow: 0 -16px 20px -2px #fff;
	width: 101%;
	margin-left: -1px;
}

.onepager.branding-filmstaden .product .footer a.read-more {
	background: #FFE6EB;
}


.onepager.branding-filmstaden .filmstaden-faq {
	background: #f1f1f1;
}

.onepager.branding-filmstaden .filmstaden-faq h2 {
	text-align: center;
	color: #555;
	line-height: 1.7;
}

.onepager.branding-filmstaden .filmstaden-faq h2 span {
	color: #3d0c17;
}

.onepager.branding-filmstaden .filmstaden-faq h2 span:hover {
	color: #4e111e;
	cursor: pointer;
}

.onepager.branding-filmstaden .filmstaden-faq .faq-container {
	display: none;
}


.onepager.branding-filmstaden .filmstaden-faq .columns {
	padding: 0 0 30px 0;
	overflow: hidden;
}

.onepager.branding-filmstaden .filmstaden-faq .columns:nth-child(odd) {
	background: #ececec;
}

.onepager.branding-filmstaden .filmstaden-faq .columns .column {

	padding: 20px;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
}

.onepager.branding-filmstaden .filmstaden-faq h3 {
	color: #3d0c17;
	padding: 0;
}

.onepager.branding-filmstaden .filmstaden-faq p {
	color: #333;
	font-size: 16px;
	margin-top: 15px;
}


.filmstaden-woosh {
	background: #3d0c17;
}

.filmstaden-woosh > div {
	text-align: center;
}

.filmstaden-woosh > div > img {
	display: block;
	text-align: center;
	margin: 100px auto;
}

.onepager.branding-filmstaden .filmstaden-woosh h2 {
	font-size: 40px;
	color: #fff;
	font-weight: bold;
}

.onepager.branding-filmstaden .filmstaden-woosh p {
	color: #c3c3c3;
	font-size: 18px;
	font-style: italic;
}


.product .footer a {
	background: #eee;
	color: #fff;
	padding: 6px 14px;
	text-align: center;
	border-radius: 5px;
	margin: 3px;
	font-size: 13px;
}

.product .footer .left {
	float: left;
}

.product .footer .right {
	float: right;
}

.product .footer a:hover {
	text-decoration: none;
}

.product .footer a.add-to-cart {
	background: rgb(0, 172, 164);
	border-radius: 21px;
}

.branding-filmstaden .product .footer a.add-to-cart,
.branding-filmstaden .product .footer a.remove-from-cart {
	background: #CC0028;
}

.product .footer a.remove-from-cart {
	background: rgb(0, 172, 164);
}

.product .footer span.out-of-stock-btn {
	padding: 6px 14px;
	text-align: center;
	border-radius: 5px;
	margin: 3px;
	font-size: 13px;
	background: #555;
	color: #fff;
}

.product .footer .product-quantity {
	font-weight: bold;
	font-size: 16px;
	padding: 7px;
}

.onepager.branding-filmstaden .product .footer .product-quantity {
	color: #000;
}

.product .alter-cart-container {
	position: absolute;
	right: 15px;
}

.product .alter-cart-container.cart-has-product a {
	border-radius: 31px;
	font-size: 19px;
	font-weight: bold;
	padding: 0;
	position: relative;
	top: -1px;
	width: 31px;
	height: 31px;
}

.product .footer a.read-more {
	background: rgb(224, 224, 224);
	color: #655;
}






.payment-pending > div {
	margin: 20px auto;
	background: rgba(255,255,255,.95);
	width: 100%;
	max-width: 500px;
	padding: 30px 60px;
	box-shadow: 0 20px 20px -10px rgba(0,0,0,0.5);
	border-radius: 10px;
}

.payment-pending > div > img {
	display: block;
	margin: auto;
}

.payment-pending > div ol {
	margin: 15px 0;
}

.payment-pending > div .ajax-loader-container,
.payment-pending > div .ajax-result {
	display: block;
	text-align: center;
	margin-top: 10px;
}

.payment-pending > div .ajax-result {
	display: none;
}

.payment-pending > div .ajax-loader-container .ajax-loader {
	font-size: 26px;
	color: #54bcec;
	margin: 10px;
	display: inline-block;
}

.payment-pending-order-ref {
	font-size: 22px;
}

.cancel-swish-payment {

}

.display-when-done {
	display: none;
	text-align: center;
}



.overlay, .payment-pending {
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	background: rgba(255,255,255,0.95);
	height: 100%;
	z-index: 999999;
	width: 100%;
}

.overlay.branding-filmstaden {
	background: rgba(61, 12, 23, 0.98);
}

.payment-pending {
	background: rgba(0,0,0,0.8);
	/*display: block;*/
}



.shop-btn {
	display: inline-block;
	background: #afeae8;
	color: #1a5750;
	padding: 8px 15px;
	border-radius: 4px;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #afeae8;
}

.shop-btn:hover {
	color: #1a5750;
	background: #abedeb;
	border-color: #50c9c5;
	text-decoration: none;
}

.my-10 {
	margin: 10px 0;
}

.my-20 {
	margin: 20px 0;
}


.products-help-ol {
	padding: 5px 25px;

}

.products-help-ol li {
	margin-bottom: 15px;
	padding: 5px 10px;
	background: #ffffff;
	box-shadow: 0 7px 9px -8px rgba(0,0,0,0.4);
	border: 1px solid #ccc;
	border-radius: 2px;
}



.shop-admin-product {
	background: #fff;
	border-radius: 3px;
	display: block;
	padding: 5px;
	box-shadow: 0 5px 11px -4px rgba(0,0,0,0.5);
}

.shop-admin-product tbody,
.shop-admin-product tr,
.shop-admin-product tr td:nth-child(2) {
	width: 100%;
}

.shop-admin-product tr td {
	border: 0 !important;
}

.shop-admin-product img {
	max-height: 85px;
}


.shop-admin-product .num-sold,
.shop-admin-product .num-in-stock {

}

.shop-admin-product .num-sold {  }
.shop-admin-product .num-in-stock {  }

.shop-admin-product .ui-widget-header {
	border: 1px solid #dddddd;
	background: #21e0e9;
	color: #333333;
	font-weight: bold;
}

.shop-admin-product .for-product-3 .ui-widget-header { background:#7a0b5b; }
.shop-admin-product .for-product-4 .ui-widget-header { background:#fbbb01; }
.shop-admin-product .for-product-6 .ui-widget-header { background:#b4151d; }

.shop-admin-product .ajax-loader-num-total {
	display: none;
}


.shop-admin-product .num-table,
.shop-admin-product .num-table tbody,
.shop-admin-product .num-table tr {
	border: 0;
	width:  100%
}

.shop-admin-product .num-table {
	margin-top: 10px !important;
}

.shop-admin-product .num-table tr td{
	border: 0;
}
.shop-admin-product .num-table tr:first-of-type td {
	width: 50%;
}

.shop-admin-product .num-table tr td {
	border: 0;
}

.shop-admin-product .num-table tr td span {
	font-weight: bold;
}




.table.stock {

}

.table.stock thead {
	background: #fff;
	color: #000;
}

.table.stock > thead > tr > th {
	border-bottom: 1px solid #009e99;
}

.table.stock tr td,
.table.stock tr th {
	text-align: right;
}

.table.stock tr td:first-of-type,
.table.stock tr th:first-of-type {
	width: 50px;
	text-align: left;
}

.table.stock tr td:nth-child(2) {
	text-align: left;
}



/**
 * Responsive
 */
@media screen and (max-width: 768px), screen (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3), screen (device-width : 375px) and (device-height : 667px) and (-webkit-device-pixel-ratio : 2) {


	div.onepager .scoreboard .columns {
		padding: 10px;
	}

	div.onepager .scoreboard .columns .column {
		padding: 0;
		text-align: left !important;
	}

	div.onepager .scoreboard h2 {
		font-size: 25px !important;
		text-align: left;
	}

	div.onepager .scoreboard .columns .column+.column {
		margin-top: 10px;
	}

	div.onepager .scoreboard .scoreboard-container {
		border-radius: 10px;
		padding: 10px;
	}

	.onepager.branding-filmstaden .product-section-title {
		padding-left: 20px;
		width: 85%;
		margin: 0 auto;
	}



	div.onepager .onepager-container > div.top-movies {
		padding: 0 20px;
	}


	.onepager.branding-filmstaden .filmstaden-faq p {
		margin-top: -45px;
	}

	.onepager.branding-filmstaden .filmstaden-woosh p {
		font-size: 20px;
	}

	.onepager.branding-filmstaden .filmstaden-woosh p,
	.onepager.branding-filmstaden .filmstaden-woosh h2 {
		padding: 0 40px;
	}


	.onepager.branding-filmstaden .top-movies div {
		padding: 15px;
		width: 50%;
	}

	.onepager.branding-filmstaden .product {
		margin: 20px auto;
		width: 310px;
	}

	.onepager.branding-filmstaden .product .image {
		position: relative;
		top: initial;
		left: initial;
		display: block;
		width: 100%;
		position: relative;
	}

	.onepager.branding-filmstaden .product .title,
	.onepager.branding-filmstaden .product .splash,
	.onepager.branding-filmstaden .product .description {
		padding: 20px;
	}

	.onepager.branding-filmstaden .product .splash {
		padding: 0 20px;
		margin-top: -20px;
	}

	.onepager.branding-filmstaden .product .title {
		display: block;
		text-align: center;
		font-size: 23px;
		margin-top: 0;
	}

	.overlay.branding-filmstaden .product.w-overlay .footer {
		position: fixed;
	}

	.filmstaden-woosh > div > img {
		max-width: 70%;
	}

	.onepager.branding-filmstaden .header-logo {
		display: none;
	}


	.onepager.branding-filmstaden .top-movies div img {
		max-height: 200px !important;
	}



	.onepager .onepager-container h3 {
		padding-left: 15px;
	}

	.onepager.checkout .onepager-container h3 {
		padding: 0;
	}

	.product {
		max-width: 100%;
		margin-bottom: 25px;
	}

	.product.w-overlay {
		width: 100%;
		top: 0;
		left: 0;
		margin: 0;
	}

	.product.w-overlay .description {
		position: relative;
		overflow: auto;
		left: initial;
		top: initial;
		padding: 15px;
		width: 100%;
	}

	.product.w-overlay .data-container {
		top: initial;
		position: relative;
		padding: 15px;
		left: initial;
	}



	.top-header-logo {
		margin-top: 20px;
		width: 84px;
		top: -9px;
		position: absolute;
		left: 10px;
	}

	.menu {
		margin-left: -10px;
		background: rgba(255, 255, 255, 0.96);
		padding-top: 5px;
	}



	.menu .toggle-btn {
		position: fixed;
		top: 10px;
		right: 10px;
		border-radius: 1px;
		box-shadow: 0 10px 10px rgba(255,255,255,0.7);
		width: auto;
		padding: 6px 9px;
	}

	.menu .lock-menu-btn {
		display: none;
	}

	.menu .toggle-btn .text {
		display: none;
	}

	.menu .toggle-btn .hamburger {
		display: block;
		font-size: 20px;
	}


	div.onepager  .cart-container {

		min-width: 100%;
		border: 0;
		border-radius: 1px;
		border-bottom: 2px solid #000;
		padding: 5px 15px;
		box-shadow: 0 4px 11px -5px rgba(0,0,0,0.6);
		top: -94px;
	}

	.support-btn-fixed {
		display: none;
	}


	div.onepager .columns {
		padding:  0 25px
	}

	div.onepager .spotlight-box {
		max-width: 100%;
		padding: 10px 15px 15px 15px;
		margin: 15px auto;
	}

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

	div.onepager .spotlight-box p {
		font-size: 23px;
	}

	div.onepager .columns > div, div.onepager .columns > div.column {
		padding: 0 5px;
	}


	div.onepager h2.header-h2 {
		display: none;
	}

	.header-logo {
		top: 0;
		border: 0;
	}


	div.onepager .home-hero {
		min-height: 450px;
		background-position: center center;
		padding: 10px 20px;
	}


}