
div#QuickLinks,
.searchFieldContainer,
.shortcuts-container {
	display:none !important;
}

div#Footer {
	margin:0;
}

.position-relative {
	position:relative;
}

.display-none {
	display:none;
}

.mobile-stores > div {
	display:inline-block;
	margin-right:10px;
	margin-bottom: 5px;
}

div.onepager {
	overflow: initial;
}

div.onepager .section-hidden {
	display:none;
}

div.onepager p {
	font-size:16px;
}

div.onepager .small-text {
	font-size: 12px;
}

div.onepager .margin-top-plus {
	margin-top:15px;
}

div.onepager div.steps-container {
	background:#20527d;
	border: 1px solid #000;
	border-width: 1px 0;
	box-shadow: 0 6px 10px rgba(0, 0, 0, 0.3);
	z-index:999;
}

div.onepager ul.steps {
	list-style-type:none;
	padding:0;
	margin:0 auto;
	display:flex;
	flex-flow: row wrap;
  	justify-content: space-around;
}

div.onepager ul.steps li {
	display:inline-block;
	flex-grow: 1;
	margin:0 1px;
}

div.onepager ul.steps li a {
	text-align: center;
	background:#20527d;
	color:#fff;
	display:block;
	padding:10px;
	position:relative;
}

div.onepager ul.steps li a .num {
	position: absolute;
	left: 15px;
	color: #0e355a;
	font-size: 64px;
	font-weight: bold;
	line-height: 0.3;
	display: inline-block;
	margin: 0;
	text-shadow: 1px 1px 3px #13497d;
}

div.onepager ul.steps li:not(.current) a {
	opacity:0.7;
}

div.onepager ul.steps li a:hover {
	text-decoration: none;
	/*background:#1b67b0;*/
	cursor:default;
}

div.onepager ul.steps li.current a {
	font-weight: bold;
}

div.onepager ul.steps li.current a .num {
	color:#fff;
}

div.onepager ul.steps li.completed a {
	font-weight: bold;
	color: rgb(107, 255, 255);
	text-shadow: 0px 0px 17px #fff;
}

div.onepager ul.steps li.completed a .num {
	color: #fff;
	text-shadow: inherit;
}


.title-step-num {
	font-weight: bold;
	padding: 3px 13px;
	border-radius: 20px;
	text-align: center;
	margin-right: 10px;
	background: #1f527d;
	color: #fff;
}

div.onepager h2 {
	font-size: 27px;
}


div.onepager .columns .column.white,
div.onepager .columns .column.white p,
div.onepager .columns .column.white h1,
div.onepager .columns .column.white h2,
div.onepager .columns .column.white h3 {
	color:#fff;
}

div.onepager .columns .column.text-shadow,
div.onepager .columns .column.text-shadow p,
div.onepager .columns .column.text-shadow h1,
div.onepager .columns .column.text-shadow h2,
div.onepager .columns .column.text-shadow h3 {
	text-shadow: 1px 1px 2px #000;
}

div.onepager .columns .column.black,
div.onepager .columns .column.black p,
div.onepager .columns .column.black h1,
div.onepager .columns .column.black h2,
div.onepager .columns .column.black h3 {
	color: #000;
}

.nice-forms > div > label {
	text-shadow:none;
}

div.onepager ul.list li {
	font-size: 16px;
}

div.onepager ul.list > li {
	margin:0 5px;
}


iframe {
	margin:20px 0;
	border-radius: 8px;
	box-shadow: 0 15px 20px rgba(0,0,0,0.43);
}

.how-it-works-1,
.how-it-works-2,
.how-it-works-3 {
	width: 150px;
	height: 150px;
	margin: 0 30px 50px 0;
	float: left;
	background-size: 330% !important;
}

.how-it-works-1 {
	background: url("/images/widgets/Intro/bli-medlem/Ikoner_horisontel.png") 0 50%;
}

.how-it-works-2 {
	background: url("/images/widgets/Intro/bli-medlem/Ikoner_horisontel.png") -172px 50%;
}

.how-it-works-3 {
	background: url("/images/widgets/Intro/bli-medlem/Ikoner_horisontel.png") -344px 50%;
}

div.clear {
	clear: both;
}


/* Overlay */

.overlay {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	background: rgba(0,0,0,0.9);
	text-align: center;
	padding:0;
	margin:0;
	overflow:scroll;
	z-index: 99999;
}

.overlay-welcome {
	/*background-image:url(/images/widgets/Intro/dela-med-dig/bg.jpg);*/
	background-image:url(/images/widgets/Intro/passion.png);
	background-size: cover;
}

.overlay .content {
	background: rgba(255, 255, 255, 0.89);
	padding:30px 40px;
	margin:30px auto 60px auto;
	text-align: left;
	width:99%;
	max-width: 700px;
	border-radius: 10px;
	box-shadow: 0px 11px 45px rgba(0, 0, 0, 0.78);
	min-height: 300px;
	position:relative;
}

.overlay .content p {
	color:#222;
}

.overlay .content h4 {
	color:#666;
}

.overlay .content .close-btn {
	background: #000;
	border: 2px solid #FFF;
	padding: 3px 7px;
	margin: 0;
	position: absolute;
	font-size: 15px;
	top: -12px;
	right: -9px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	color: #fff;
	-webkit-box-shadow: 1px 1px 1px #444;
	-moz-box-shadow: 1px 1px 1px #444;
	box-shadow: 1px 1px 1px #444;
	cursor:pointer;
}

.overlay.hash-details .content .main {
	text-align: center;
	font-size: 18px;
	line-height: 1.5;
	padding:20px;
}

.biobiljetter {
	width:80%;
	margin:0 auto -20px auto;
}


.onepager-biobiljetter {
	position:absolute;
	top:-107px;
	z-index: 9999999;
}

.onepager-mobile {
	position:absolute;
	top:-102px;
	z-index: 9999999;
}



/* Shop */
.toggles-container {
	text-align: left;
}

.toggles-container > div {
	display:inline-block;
	margin-right:150px;
}

.toggles {
	display:inline-block;
	width: 60px;
	background:#ccc;
	height:31px;
	position:relative;
	text-align: center;
	border-radius: 50px;
	padding:1px;
	box-shadow: inset 2px 1px 1px #eee;
	margin-top:15px;
}

.toggles.on {
	background:#77c393 !important;
}

.toggles p {
	font-weight: bold;
}

.toggle-name {
	display: inline-block;
	font-weight: 100;
	position: absolute;
	top: 6px;
	left: 75px;
	width: 130px;
	text-align: left;
}

.toggles .runner {
	position:absolute;
	border-radius: 50%;
	background:#ffffff;
	display:inline-block;
	width:28px;
	height:29px;
	top: 1px;
	left: 2px;
}

.toggles.on .runner {
	left:30px;
}

.toggles .runner:hover {
	background:#f9f9f9;
}



.bethard-btn {
	border-radius:3px;
	padding:10px 20px;
	display:inline-block;
	background:#facf0c;
	color:#000;
	margin:10px 0;
}

.bethard-btn:hover {
	text-decoration: none;
	color:#000;
	background:#ffd30c;
}


.facebook-btn {
	border-radius:7px;
	padding: 20px 80px;
	font-size:18px;
	display:inline-block;
	background:#4367b2;
	color:#fff;
	margin:10px 0;
}


.get-started-btn,
.continue-btn {
	border-radius: 7px;
	padding: 14px 55px;
	display: inline-block;
	background: #019a96;
	color: #fff;
	margin: 20px auto;
	font-size:17px;
}

.get-started-btn:hover,
.continue-btn:hover {
	background:#01b9b5;
	color:#fff;
	text-decoration: none;
}

hr.short {
	width: 58%;
box-shadow: 0 3px 3px rgba(204, 204, 204, 0.65);
margin: 30px auto;
}


/*| Install Btns HS
**********************/
.hs-download-btns .install-btn {
	display: inline-block;
    border-radius: 4px;
    text-align: center;
    font-size: 17px;
    color: #ffffff;
    padding: 0;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.3);
    overflow:visible;
    min-width: 305px;
}

.hs-download-btns .install-btn .text {
	display:block;
    padding: 10px 45px;
}

.hs-download-btns .install-btn .text img {
	position: absolute;
	left: -8px;
	top:-9px
}

.hs-download-btns .install-btn .install-btn-details {
    background: #408c5b;
    padding: 5px 10px;
    display: block;
    text-align: right;
    clear: both;
    line-height: 1;
}

.hs-download-btns .install-btn .install-btn-details > span {
    font-size: 11px;
    position: relative;
    top: -1px;
}

.hs-download-btns .install-btn .install-btn-details img {
    width: 20px;
    height: 20px;
    margin:0;
}

.not-current-browser {
	display:none;
}

.help-box {
	padding: 19px 25px;
	background: rgba(147, 234, 241, 0.44);
	border-radius: 10px;
	margin: 25px 0px 25px -25px;
}

.help-box b {
	color: #04b0d7;
	font-size: 18px;
	padding-left:5px;
}


.interval-check, .step-action {
	text-align: center;
	padding: 30px 20px 30px 20px;
	border: 1px solid #ddd;
	border-radius: 20px;
	box-shadow: 0 15px 16px rgba(0, 0, 0, 0.12);
	background: #f1f1f1;
}

.interval-check .smaller, .step-action .smaller {
	font-size:13px;
	color:#999;
}

.interval-check.more-padding, .step-action.more-padding {
	padding: 30px 15px 30px 15px;
}

.step-action h4, .interval-check h4 {
	margin-top:0;
}

.interval-check .icon {
	font-size: 40px;
	color: rgba(255, 165, 0, 0.71);
	margin:0 0 10px 0;
}

.interval-check p {
	font-weight: bold;
	color:#777;
}

.interval-check p span {
	display:block;
	color:#999;
	font-size:12px;
	font-weight: normal;
}

.interval-check .success {
	display:none;
}

.interval-check .success .icon {
	color:green;
}

.interval-check .success p {
	color:#555;
}




div.onepager .already-panelist-form {
	margin:10px 0;
}

div.onepager .already-panelist-form p {

}



div.onepager .columns .column.transparent-background {
	padding:10px;
	border-radius: 6px;
	background:rgba(255,255,255,0.8);
	color:#000;
}


/* Complete */




.finish-steps-btn-p {
	display:none;
}

.reward-title {
	font-size:44px;
	font-weight: bold;
}

.rewards {
	text-align: center;
	margin-bottom:20px;
	padding-top: 20px;
}

.reward-p {
	padding:0 90px;
}

.rewards > div {
	text-align: center;
	margin:0;
	width:45%;
	display: inline-block;
	position: relative;

}

.rewards > div img {
	vertical-align: middle;
	max-width: 100%;
}

.rewards > div .fa {
	font-size: 230px;
	color: rgb(4, 185, 181);
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -100px;
	z-index: 10;
	text-shadow: 0 21px 15px rgba(0, 0, 0, 0.1);
	display: none;
}

.rewards > div p {
	font-size: 24px;
	text-align: center;
	color: #000 !important;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	position: relative;
	z-index: 15;
	padding: 0;
	line-height: 1.5;
}



div.onepager .welcome {
	text-align: center;
}

.welcome h1 {
	text-align: center;
	color:#222;
	font-weight: bold;
}

div.onepager .welcome .rewards {

}



.welcome .rewards .biobiljett {
	width: 140%;
	position:relative;
	top:-19px;
	left:-18px;
	max-width: 100%;
}

.welcome .rewards > div {
	min-height: initial;
}

.welcome .rewards > div p {
	color:#fff;
}


.welcome ul {
	text-align: center;
	margin:0;
}

.welcome ul li {
	text-align: center;
	display: block;
	font-size: 20px;
	color: #585858;
	font-weight: bold;
	margin: 8px 0;
}

.welcome ul li span {
	color:#ad0f1d;
}

.welcome .additional-info {
	display:none;
}

.welcome .additional-info > div {
	width:50%;
	display:inline-block;
	padding:0 20px 0 0;
	vertical-align: top;
	text-align: left;
}

.welcome .additional-info > div:last-of-type {
	padding:0 0 0 20px;
}

.welcome .the-movie {
	display:none;
}

.welcome .smaller {
	font-size:13px;
	color:#555;
	display:block;
	text-align:center;
}







/* for 700px or less */
@media screen and (max-width: 768px) {

	* {
		-webkit-overflow-scrolling: touch;
	}

	#TopMenu {
		position:relative;
		z-index: 99999;
	}

	.overlay-welcome {
		overflow: scroll;
	}

	.overlay .content {
		padding:20px 20px;
		margin:0 auto;
		width:100%;
		min-height: 100%;
		border-radius: 0;
	}

	.onepager-mobile {
		top:-110px;
	}

	.onepager-biobiljetter {
		top:-100px;
	}

	.rewards > div p {
		font-size: 16px;
		color: #333 !important;
		text-shadow: none;
		padding: 13px;
	}

	.overlay .content img {
		max-width: 54%;
		margin-top: -10px !important;
	}

	.rewards > div .fa {
		display: none;
	}
	.welcome .rewards > div:last-of-type {
		min-height: initial !important;
	}

	.welcome .rewards > div {
		width:100%;
		margin:5px 0;
	}

	.welcome .rewards > div:last-of-type {
		min-height: 215px;
	}

	.welcome .rewards .biobiljett {
		width: 80%;
		display:inline-block;
		margin: -20px auto;
		position:initial;
	}

	iframe#the-movie.the-movie {
		max-width:100%;
		height:auto;
	}


	.overlay-welcome ul {
		padding:0 10px;
		margin: 0;
	}

	.get-started-btn {
		border-radius: 6px;
		padding: 10px 20px;
		margin: 17px 0;
	}

	.overlay-welcome ul li {
		font-size: 20px;
		padding:0;
		margin: 2px 0;
	}

	.overlay-welcome .additional-info > div {
		display:block;
		width:100%;
		padding:0 20px;
	}

	.overlay-welcome .content ul li {
		font-size: 12px;
	}

	.onepager .overlay-welcome .content ul li.rewards > div .fa {
		font-size: 80px;
	}

}


/* for 480px or less */
@media screen and (max-width: 768px) {

	div.onepager .columns,
	div.onepager .column,
	div.onepager input,
	div.onepager button,
	div.onepager span,
	div.onepager image {
		max-width: 100% !important;
	}

	.how-it-works-1,
	.how-it-works-2,
	.how-it-works-3 {
		margin: 0 auto 25px auto;
		float: initial;
		display: block;
		background-size: 330% !important;
	}


	.columns > .column {
		margin-bottom: 20px;
	}

}






