/*

	READ ME

The bootstrap.css is generated to fit a 1200px grid with a 10px gutter.
Use the bootstrap.config.json to generate the the custom bootstrap.css on http://getbootstrap.com/customize

the bootstrap.config.json will alter:
- @grid-gutter-width -> 20px
- @container-large-desktop -> 1160px

Only custom override in this file regarding grid is below (change gutter on extra small device to 5px)
*/

/* Change the gutter to 5px on extra small devices (bootstrap override) */
@media (max-width: 767px) {
	div[class^="col"] {
		padding-left: 5px;
		padding-right: 5px;
	}
	.row {
		margin-left: -5px;
		margin-right: -5px;
	}
	.container {
		padding-left: 5px;
		padding-right: 5px;
	}
}

[ng\:cloak], [ng-cloak], .ng-cloak { display: none !important; }

body {
	font-weight: normal;
	font-style: normal;
	font-family: "embCenturyGothic","Century Gothic",CenturyGothic,AppleGothic,sans-serif;
	font-size: 16px;
	word-wrap: break-word;
	color: #222222;
	background-color: #ebe8e3;
	background: url('data:image/gif;base64,R0lGODlhMgAyALMAAAAAAP////j18Pf07/bz7vXy7fTx7PPw6/Lv6vHu6fDt6O/s5////wAAAAAAAAAAACH5BAEAAAwALAAAAAAyADIAAAT/0JwzUkIEKbROUsVgCEZpXVhCbIcwCNRAJPKMeEdRGEk+IIICx6AgHXggQaK0MBCImwJhtVMNDk2JQEE0Ij6xwuZ5KykOCBGCmCgkSCFFZrG4rQTP52Ag7BD4E19EOSNFCyFAfBuHPD5AfV0SSAVKRAYDXFcWfxcGCzQzIAtnRxJyBWg7VxQ0CiwERwhVQj0aGCNirmhFOhhBVj0Lf1KIMCMnOwcruzM0FE0YlAJBIrALMMp7PUR7N2dLmlMyRQQhQuV8GFOeFqg46Tx4PAbeXPa8O05psqArX2USDrjaImFfGBAvXCH40mRKC2UKarg50e1HqEtKMGC4UmJYMhGX/2AJ6DAGpJAREoTxQQfkiJJ2EsoVoMMjA6CTa/iQeDLhAiVxRDJoGNBh2qEQOicINBCixRpxLoi4qdRJTgVuT7jQo3Rr4iUeIlBlkBqinYB/LzDdGDIzwacKS8p1oLdEwQIZe4I4kaHhErhLExR84CFlS6wjbWaWC6Ui1rqFEfv2kOP2JRY0V4Co+GN3xpPBh0hsWOLhrLIWd5xRW8MVDyy3TLkI5HOJBdtPQm+0cSLXSQcNblB5quPiMwc0wsTsC9VizwptLJw4OSNLKQkXomdO+DNFyAZ6nCyMUCrwiMA2eJlKeTLiSRBUPf4Q/ZLvBiZJC916AJGm2R4nLSAi2P8opdyA2wRusCKHZTs0BIUsU4BQ0xVZtGBPEDCcccVYkblSV4Ob2bDBWWT8wMdRBNDxBzsyoCLHKG994J4KLqQwGCZiYILGfu1gYM95i0zxmwzsYNbTJgECcQY9AkmRhmV8uOVKFBFdA0I5TFGgkSw7cJfGVXNFNgNtYJ13wR4artDRGyBcEMt4woiopAZ/tFCCEM4dsZJwl4yiRIJTyvCGkDMpcYaTushWwwo8rafDc3Ml5UpAcGm0yH4hFKLMBz+IQUQ0KTChZqMCXVkODd71IEQafVTQHAzO9eOmquPJIkEPFWTWw1m1vaiBDz+AlZhewLkhAUcU/DkkjVtwOsX/DExhEmKTn3qgCAiCZWcSQmhY4sQFrhCplSwkMiUeAX/KwdMqPmkTmjkERdFRKEWAMNEi1bgHIz81jAZQYPUW9MNBIWyxAUO8PQTLgrJU4CgIFIgllkBBfOHPKGIIkcM1LtbSXzemafDNBXflMkMvmWkjxA5aHRyQBx+09Q0hMNj6jjNfONVrir8ildMRZ5AhXiM2w+LfYGcglFKKwn1wDTrPEdXGQs+NsG+OVhKTpUUL6bCXTbliwmuKMS21xUJ4IMViOQKlaBcNMh6DrkXiXTA3ZTkg5QEdMjThQcMVvKuTPbby9kG9OliAL29+4gHOU0/o8MNCGPu0KthLRZTD3AqqElLNNBVMsc8+KTtsa8sLvay4zGd56NYhbcjRbXCIcM3l11/SIPZTfi9cCNos9RLRio9+sQQ2gZknWAjEr1eCPO/hIF8duzF5nxmULOGJdAqtJ6EVWJRgYReUlLfhGh0K9mk+Uxy+ReIfcJBv49AG+9wE9DCEaX8oqB7zJ0UQmQXoEBzZsSYxPwjgilziozv0BUcRoQ6PpqampMUvTkN6wieMBLPGUMM2TWhLbjzQpd6kaBfBOQIdEmGc3yRnETOJyBJQ4Qa6ncEF44BOGfJAHXfYCTtS6cABIgAAOw==') repeat;
}

.lock-position {
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: fixed;
}

h1 {
	font-family: "embCenturyGothic";
	text-transform: uppercase;
	font-size: 50px;
	color: #222222;
	margin-top: 0px;
}

h2 {
	font-family: "embCenturyGothic-Bold";
	text-transform: uppercase;
	font-size: 35px;
	line-height: 35px;
	color: #d60080;
}

h3 {
	font-family: "embCenturyGothic";
	text-transform: uppercase;
	font-size: 30px;
	color: #222222;
}

h4 {
	font-family: "embCenturyGothic";
	font-size: 20px;
	line-height: 23px;
	color: #222222;
}

p {
	font-family: "embCenturyGothic";
	font-size: 16px;
	line-height: 21px;
	color: #222222;
	margin-bottom: 20px;
}

a,
a:hover,
a:active,
a:focus{
	color:#d60080;
}

p.cta-text{
	margin:0;
	padding:0;
}

a:focus{
	outline: 0;
}
button:focus{
	outline: 0;
}

a:hover{
	text-decoration: none;
}

label {
	font-weight: normal;
}

textarea {
	resize: vertical;
}

.wunHideMe /*Is used to hide elements*/
{
	display:none;
}

.receipt-frame {
	width: 290px;
	border: 0;
}
.receiptframe {
	border: none;
	max-width:400px;
	min-width:230px;
	width:100%;
	height:570px;
	display:none;
	margin-left:auto;
	margin-right:auto
}
@media (min-width: 768px) {
	.receipt-frame {
		width: 420px;
	}
}


.disclaimer{
	font-family: "embCenturyGothic";
	font-size: 12px;
	color: #7c7c7c;
	line-height: 14px;
	display: block;
}

.header {
	background-color: #ffffff;
	border-top: 1px solid #e8e5e0;
	border-bottom: 1px solid #e8e5e0;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 1000;
}

.mobile-logo .logo {
	width: 120px;
	margin-top: 5px;
	margin-left: 5px;
}
.mobile-logo .mobile-nav-icons {
	display: inline-block;
	float: right;
}
.mobile-logo .mobile-nav-icons .mobile-nav-icon {
	display: inline-block;
	width: 46px;
	height: 46px;
	border-radius:23px;
	background-color: #d50080;
	margin-left: 10px;
	position: relative;
}
.mobile-logo .mobile-nav-icons .mobile-nav-icon a {
	display: block;
	position: relative;
	height: 46px;
}
.mobile-logo .mobile-nav-icons .mobile-nav-icon.points span {
	position: relative;
	display: block;
	top: 14px;
	left: 0px;
	z-index: 1;
	line-height: 18px;
	color: #fff;
	font-size: 18px;
	text-align: center;
}
.mobile-logo .mobile-nav-icons .mobile-nav-icon.points span {
	position: relative;
	display: block;
	top: 14px;
	left: 0px;
	z-index: 1;
	line-height: 18px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
.mobile-logo .mobile-nav-icons .mobile-nav-icon.points.digits_4 span {
	font-size: 16px;
}
.mobile-logo .mobile-nav-icons .mobile-nav-icon.points.digits_5 span {
	font-size: 13px;
}

.mobile-logo .mobile-nav-icons .mobile-nav-icon.stripes {
	background-color: #f7ecf3;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50px auto;
}
.mobile-logo .mobile-nav-icons .mobile-nav-icon.stripes_0 { background-image: url(https://media.matas.dk/cmassets/web/images/icons/cm_icon_striber0.png); }
.mobile-logo .mobile-nav-icons .mobile-nav-icon.stripes_1 { background-image: url(https://media.matas.dk/cmassets/web/images/icons/cm_icon_striber1.png); }
.mobile-logo .mobile-nav-icons .mobile-nav-icon.stripes_2 { background-image: url(https://media.matas.dk/cmassets/web/images/icons/cm_icon_striber2.png); }
.mobile-logo .mobile-nav-icons .mobile-nav-icon.stripes_3 { background-image: url(https://media.matas.dk/cmassets/web/images/icons/cm_icon_striber3.png); }
.mobile-logo .mobile-nav-icons .mobile-nav-icon.stripes_4 { background-image: url(https://media.matas.dk/cmassets/web/images/icons/cm_icon_striber4.png); }
.mobile-logo .mobile-nav-icons .mobile-nav-icon.stripes_5 { background-image: url(https://media.matas.dk/cmassets/web/images/icons/cm_icon_striber5.png); }
.mobile-logo .mobile-nav-icons .mobile-nav-icon.stripes_6 { background-image: url(https://media.matas.dk/cmassets/web/images/icons/cm_icon_striber6.png); }

.mobile-logo .mobile-nav-icons .mobile-nav-icon.favs {
	background-color: #ffffff;
	border: 1px #f7ecf3 solid;
	background-image: url(https://media.matas.dk/cmassets/web/images/icons/cm_icon_favoritter.png);
	background-repeat: no-repeat;
	background-size: cover;

}
.mobile-logo .mobile-nav-icons .mobile-nav-icon.favs span {
	position: relative;
	display: block;
	top: 14px;
	left: 0px;
	z-index: 1;
	line-height: 18px;
	color: #fff;

	text-align: center;
	font-size: 11px;
	font-weight: bold;
}

.mobile-logo .mobile-nav-icons .mobile-nav-icon.favs.digits_3 span {
	font-size: 12px;
}


.scrollable-menu {
	height: auto;
	max-height: 300px;
	overflow-x: hidden;
}

.gradient-bg{
	background: url(https://media.matas.dk/cmassets/web/images/bg-inspiration-gradient.png) repeat-x;
	padding-top:15px;
}

.standard-list{
	list-style: none;
	padding:0 0 0 15px;
}

.standard-list li{
	background: url(https://media.matas.dk/cmassets/web/images/bullet.png) no-repeat left 7px;
	vertical-align: 2px;
	padding-left: 20px;
}

/* Masonry grid */
#explorative-grid {
}
#explorative-grid .grid-tile {
	text-align: center;

}

/* Propositions */
.proposition {
	text-align: left;
	padding-bottom: 10px;
	position: relative;
	background-color: #fff;
	margin-bottom: 20px;
}
.proposition hr {
	margin: 0px 20px 10px 20px;
	border-top: 1px solid #f9f7f4;
}
.proposition img {
	display: inline-block;
	max-width: 100%;
	height: auto;
}
.proposition-image{
	overflow: hidden;
}
.proposition-image img{
	transition: all .15s ease-in-out;
}
.proposition h1,
.proposition h4,
.proposition p,
.proposition a {
	padding: 0 20px;
}
.proposition a.inline-link {
	padding: 0;
	color:#d60080;
}
.proposition h4 {
	margin-top: 20px;
}
.proposition:hover .cta-icon.icon-arrow-right:before {
	content: "\e601";
	color: rgb(214, 0, 128);
}
.proposition:hover .cta-text {
	font-weight: bold;
}
.proposition:hover .proposition-image img {
	transform: scale(1.05);
}
.proposition .cta-icon {
	float: right;
	margin-top: -5px;
}
.proposition .cta-text {
	padding-top: 0px;
	color: #d60080;
	text-transform: uppercase;
	display: block;
	line-height: 24px;
	text-decoration: none;
}

/* regular proposition */
.regular-proposition h1 {
	padding-top: 30px;
}

.regular-proposition .label-voucher {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
}

.regular-proposition .label-voucher img{
	width:65px;
}

/* price proposition */
.price-proposition div.proposition-image {

	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row; /* works with row or column */
	flex-direction: row;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.price-proposition div.proposition-image img {
	height: 207px;
}
@media (max-width: 767px) {
	.price-proposition div.proposition-image img {
		height: 133px;
	}
}
.price-proposition .label-voucher {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
}

.price-proposition .label-voucher img{
	width:65px;
}

/* tip propositon */
.tip-proposition {
	padding-top: 30px;
	background: rgba(255,255,255,0.7);
}
/* competition proposition */
.competition-proposition p{
	height: 85px;
	overflow:hidden;
}
.competition-proposition h4 {
	margin-top: 20px;
	/*text-overflow: ellipsis;
	white-space: nowrap;*/
	overflow: hidden;
	height: 46px;
}
.competition-proposition .participate{
	font-family:'embCenturyGothic-Bold';
	position: absolute;
	bottom: -1px;
	left: 0;
	padding:5px 20px;
	background: rgba(255, 255, 255, 0.9);
}
/* clubpartner proposition*/
.clubpartner-proposition p{
	height: 45px;
	overflow:hidden;
}
.clubpartner-proposition h4 {
	margin-top: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-transform: uppercase;
}
/* favorite proposition*/
.favorite-proposition p{
	height: 45px;
	overflow:hidden;
}
.favorite-proposition h4 {
	margin-top: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
/* video proposition */
.video-proposition p{
	height: 85px;
	overflow:hidden;
}
.video-proposition h4 {
	margin-top: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.video-proposition:hover .icon-play {
	font-size: 108px;
}
/* product proposition */
.offer-proposition h4 {
	text-align: center;
	height: 46px;
	overflow: hidden;
}
.offer-proposition .bonuspoint-info {
	color:#D60080;
	font-size: 12px;
	text-align: center;
	margin:-5px 0 0 0;
	padding:0;
}
/* activity proposition*/
.activity-proposition p{
	height: 105px;
	overflow:hidden;
}
.activity-proposition h4 {
	margin-top: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
/* price proposition*/
.price-proposition p{
	height: 56px;
	overflow:hidden;
	line-height: 19px;
}
.price-proposition h4 {
	font-family:'embCenturyGothic-Bold';
	margin-top: 20px;
	height: 46px;
	overflow:hidden;
}
.price-proposition .point-ribbon{
	background-color: #fbfaf7;
	padding:10px 20px;
	font-family:'embCenturyGothic-Bold';
	line-height: 22px;
}
.price-proposition .point-ribbon .missing-points{
	font-size: 12px;
	color: #222222;
	float: right;
	font-family:'embCenturyGothic';
}
/* article proposition*/
.article-proposition p{
	height: 125px;
	overflow:hidden;
}
.article-proposition h4 {
	margin-top: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
/* newproduct proposition */
.newproduct-proposition h4 {
	height: 46px;
	overflow: hidden;
}
.newproduct-proposition p{
	height: 105px;
	overflow:hidden;
}
/* fixed proposition */
.fixed-proposition p{
	height: 85px;
	overflow:hidden;
}
.fixed-proposition h4 {
	margin-top: 20px;
	text-overflow: ellipsis;
	/*white-space: nowrap; */
	overflow: hidden;
	height: 46px;
}

/* Checkboxes */


/*input[type=checkbox] {
	display: none;
}

input[type=checkbox] + label:before
{
	content: '';
	background: url(https://media.matas.dk/cmassets/web/images/checkbox_unchecked.jpg);
	width: 30px;
	height: 30px;
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 0;
}

input[type=checkbox]:checked + label:before
{
	content: '';
	background: url(https://media.matas.dk/cmassets/web/images/checkbox_checked.jpg);
}

label{
	cursor: pointer;
	display: inline-block;
	position: relative;
	padding: 4px 0 0 40px;
}*/

input[type=checkbox].error + label{
	color: #d60080;
}

label{
	cursor: pointer;
	display: inline-block;
	position: relative;
	padding: 4px 0 0 8px;
}

/* Radio */
.custom-radio input[type=radio] {
	display:none;
}

.custom-radio input[type=radio] + label:before
{
	content: '';
	background: url(https://media.matas.dk/cmassets/web/images/radiobutton_unselected.png);
	height: 20px;
	width: 20px;
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 0;
}

.custom-radio input[type=radio]:checked + label:before
{
	content: '';
	background: url(https://media.matas.dk/cmassets/web/images/radiobutton_selected.png);
}

.custom-radio label{
	cursor: pointer;
	display: inline-block;
	position: relative;
	padding: 0 0 0 30px;
	line-height: 20px;
	margin-bottom: 5px;
	font-weight: bold;
}
.custom-radio-inline{
	display: inline-block;
	margin-right:20px;
	padding-top:4px;
}
.custom-radio-vertical{
	margin-top:5px;
}

.custom-radio2 input[type=radio] {
	display:none;
}

.custom-radio2 input[type=radio] + label:before
{
	content: '';
	background: url(https://media.matas.dk/cmassets/web/images/radiobutton_unselected.png);
	height: 20px;
	width: 20px;
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 0;
}

.custom-radio2 input[type=radio]:checked + label:before
{
	content: '';
	background: url(https://media.matas.dk/cmassets/web/images/radiobutton_selected.png);
}

.custom-radio2 label{
	cursor: pointer;
	display: inline-block;
	position: relative;
	padding: 0 0 0 30px;
	line-height: 20px;
	margin-bottom: 5px;
	font-weight: bold;
}
.custom-radio2-inline{
	display: inline-block;
	margin-right:20px;
	padding-top:4px;
}
.custom-radio2-vertical{
	margin-top:5px;
}
.point-balance-tabs .pdf-recipe a,
.point-balance-tabs .pdf-recipe a:hover,
.point-balance-tabs .pdf-recipe a:active,
.point-balance-tabs .pdf-recipe a:focus{
	color:#D60080;
	vertical-align: bottom;
	text-decoration: underline;
}

.point-balance-tabs .pdf-recipe a.btn-pink{
	border: none;
	background-color: #d60080;
	color: #ffffff;
	font-size: 15px;
	text-transform: uppercase;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	text-decoration: none;
	margin-bottom: 0;
	cursor: pointer;

}

.point-balance-tabs .pdf-recipe a.btn-pink:hover,
.point-balance-tabs .pdf-recipe a.btn-pink:active,
.point-balance-tabs .pdf-recipe a.btn-pink:focus {
	border: none;
	color: #ffffff;
	text-decoration: none;
	background-color: #F769AF;
}

.point-balance-tabs .pdf-recipe img{
	vertical-align: top;
	margin-right: 5px;
	padding-top: 2px;
}
/* put a span with this class within a a-tag to expand the link to the parent div that has position:relative; */
.link-expander {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left: 0;
	z-index: 1;
}
.link-expander .circle{
	background: #d60080;
	color: white;
	border-radius: 100%;
	text-align: center;
	position: relative;
	float: right;
	height: 15px;
	width: 15px;
	line-height: 15px;
	font-size: smaller;
	margin: 5px;
}
.cta-two-column {
	margin: 20px 10px 10px 10px;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
	justify-content: center;
}
.cta-price {
	font-size: 20px;
	line-height: 28px;
	padding: 1px 10px;
	background-color: #e7ebf0;
	color: #222222;
	height: 30px;
	white-space: nowrap;
}
.small-super {
	font-size: 10px;
	line-height: 20px;
	vertical-align: super;
}

.image-overlay {
	position: relative;
}

.image-overlay-icon {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	font-size: 100px;

	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;

	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;

	align-items: center;
}
.image-overlay-icon span.icon-play {
	display: inline-block;
	margin: 0 auto;
}

.image-label {
	position: absolute;
	right: 0px;
	left: 0px;
	height: 35px;
	background: rgba(40,40,40,0.7);
	color: #ffffff;
	text-transform: uppercase;
	line-height: 35px;
	padding-left: 20px;
	z-index: 2;
}

.textFill {
	margin-bottom: 30px;
}

.btn,
.btn:active,
.btn:focus
{
	border-radius: 0px;
	font-size: 14px;
	font-family: 'embCenturyGothic-Bold';
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
	padding-top: 5px 9px;
	transition: background-color 100ms;
}

button.btn-pink,
a.btn-pink {
	border: none;
	background-color: #d60080;
	color: #ffffff;
	font-size: 15px;
	font-family: "embCenturyGothic-Bold";
	text-transform: uppercase;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
	display: inline-block;
}

button.btn-pink2,
a.btn-pink2 {
	border: none;
	background-color: #d60080;
	color: #ffffff;
	font-size: 15px;
	font-family: "embCenturyGothic-Bold";
	text-transform: uppercase;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
}

button.btn-pink3,
a.btn-pink3 {
	border: none;
	background-color: #d60080;
	color: #ffffff;
	font-size: 15px;
	font-family: "embCenturyGothic-Bold";
	text-transform: uppercase;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
}

button.btn-pink:hover,
button.btn-pink:active,
button.btn-pink:focus,
a.btn-pink:hover,
a.btn-pink:active,
a.btn-pink:focus {
	border: none;
	color: #ffffff;
	text-decoration: none;
	background-color: #F769AF;
}

button.btn-pink2:hover,
button.btn-pink2:active,
button.btn-pink2:focus,
a.btn-pink2:hover,
a.btn-pink2:active,
a.btn-pink2:focus {
	border: none;
	color: #ffffff;
	text-decoration: none;
	background-color: #F769AF;
}

button.btn-pink3:hover,
button.btn-pink3:active,
button.btn-pink3:focus,
a.btn-pink3:hover,
a.btn-pink3:active,
a.btn-pink3:focus {
	border: none;
	color: #ffffff;
	text-decoration: none;
	background-color: #F769AF;
}

a.btn-black {
	background-color: #000;
	color: #ffffff;
	font-size: 15px;
	font-family: "embCenturyGothic-Bold";
	text-transform: uppercase;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
}
a.btn-black:hover,
a.btn-black:active,
a.btn-black:focus {
	color: #ffffff;
	text-decoration: none;
	background-color: #555555;
}

/* Filter menu */
.check-container{
	padding:10px;
	margin:5px;
	background-color: #f8f5f0;
	display: inline-block;
}
.select-container{
	padding:10px;
	margin:5px;
	display: inline-block;
}
.check-container p{
	margin:0;
}
.check-container.active,
.check-container:hover{
	background-color: #fff;
}

.filter {
	background: url(https://media.matas.dk/cmassets/web/images/bg-inspiration-gradient.png) repeat-x;
	padding: 16px;
}

.filter ul {
	display: table;
	border-spacing: 2px;
	width: 100%;
	padding: 0;
	margin: 0;
}

.filter li {
	display: table-cell;
	background-color: #f8f5f0;
	height: 50px;
	width: 155px;
	text-align: center;
	vertical-align: middle;
	position: relative;
}

.filter li a {
	color: #222222;
	text-decoration: none;
}

.filter li:hover {
	background-color: #ffffff;
}

.filter .active,
.filter .active a{
	font-family:'embCenturyGothic-Bold';
	background-color: #ffffff;
}

.filter .icon-chevron-down:before,
.filter .icon-chevron-up:before{
	vertical-align: 1px;
}

.filter .container-dropdown {
	position: absolute;
	z-index: 90;
	overflow: hidden;
	left: 0;
	right: 0;
}

.filter-dropdown li {
	display: block;
	width: 100%;
	padding-top:14px;
	border-top: 1px solid #e8e5e0;
}

.filter-mobile {
	position: relative;
}

.animate-arrow{
	display: inline-block;
}

.filter .check-container{
	display: block;
	margin:0;
	border-top: 1px solid #e8e5e0;
}

.filter .select-container{
	display: block;
	margin:0;
	border-top: 1px solid #e8e5e0;
	background-color: #f8f5f0;
}

.filter-close-container{
	padding:20px 20px;
	background-color: #f8f5f0;
	border-top: 1px solid #e8e5e0;
}

.filter-close-btn{
	display: block;
	background-color: #222;
	color: #fff;
	text-align: center;
	line-height: 30px;
	cursor: pointer;
}

.filter-close-btn:hover,
.filter-close-btn:active,
.filter-close-btn:focus{
	color: #fff;
	text-decoration: none;
}

/* Side menu */
.side-menu{
	margin:20px 0 0 0;
	padding:0;
	list-style: none;
}
.side-menu a{
	color:#222;
	text-decoration: none;
}
.side-menu a:hover,
.side-menu a:active{
	color:#D60080;
	text-decoration: none;
}

.side-menu li{
	font-size: 20px;
}

.side-menu li:before {
	font-family: 'icomoon';
	content: "\e604";
	font-size: 8px;
	padding-right: 11px;
	vertical-align: 3px;
}

.side-menu .active:before {
	content: "\e603";
	padding-right: 11px;
}

.sidemenu-unfold{
	margin:0;
	padding:2px 0 2px 25px;
}
.sidemenu-unfold li{
	list-style: none;
	font-size: 15px;
	font-family:'embCenturyGothic';
	padding:2px 0;
}
.sidemenu-unfold li:before{
	content: "";
}

.side-menu li.active{
	font-family: 'embCenturyGothic-Bold';
}

.side-menu-container-dropdown {
	position: absolute;
	z-index: 10;
	overflow: hidden;
	left: 0;
	right: 0;
	padding:0 16px;
}

.side-menu-dropdown li {
	position: relative;
}

.side-menu-dropdown li {
	display: block;
	position: relative;
	width: 100%;
	border-top: 1px solid #e8e5e0;
	background-color: #f8f5f0;
	border-right:none;
}

.side-menu-mobile {
	background: url(https://media.matas.dk/cmassets/web/images/bg-inspiration-gradient.png) repeat-x;
	padding: 16px;
}

.side-menu-mobile ul {
	position: relative;
	background-color: #f8f5f0;
	line-height: 50px;
	text-align: center;
	list-style: none;
	margin:0;
	padding:0;
}

.side-menu-mobile {
	position: relative;
	text-transform: uppercase;
}

.side-menu-mobile .active,
.side-menu-mobile .active a {
	font-family: 'embCenturyGothic-Bold';
	background-color: #ffffff;
}

.side-menu-mobile a,
.side-menu-mobile a:hover,
.side-menu-mobile a:active {
	color: #222;
	text-decoration: none;
}

.side-menu-mobile li:hover {
	background-color: #fff;
}
.side-menu-back{
	display: block;
	padding-bottom: 16px;
}

/* Navigation mobile */
.navigation-mobile{
	position: relative;
	height: 60px;
}

.navigation-mobile li a {
	color: #222222;
	text-decoration: none;
}

.navigation-mobile ul {
	padding: 0;
	margin: 0;
	margin-right: 130px;
}

.navigation-mobile li {
	display: inline-block;
	height: 60px;
	line-height: 60px;
	padding:0 10px;
	text-align: center;
	vertical-align: middle;
	position: relative;
	border-right: 1px solid #e8e5e0;
}

.navigation-mobile .float-right {
	position: absolute;
	top: 8px;
	right: 10px;
}
.navigation-mobile .menu-main-mobile li {
	float: left;
}


.navigation-mobile .menu-main-mobile li:last-child {
	border-right:none;
	position: absolute;
}


.navigation-mobile li:hover {
	background-color: #f8f5f0;
}

.my-points {
	background-color: #d60080;
	padding: 0 5px 0 3px;
	display: inline-block;
	text-decoration: none;
	font-weight: bold;
	height: 37px;
	line-height: 37px;
	color: #ffffff;
	border-radius: 30px;
	min-width:37px;
	text-align: center;
}
.navigation li a .my-points.digits_3 {
	font-size: 11px;
}
.navigation li a .my-points.digits_4 {
	font-size: 10px;
}
.navigation li a .my-points.digits_5 {
	font-size: 9px;
}
.my-favs {
	padding: 0 5px 0 3px;
	display: inline-block;
	text-decoration: none;
	font-weight: bold;
	height: 37px;
	line-height: 39px;
	color: #ffffff;
	border-radius: 30px;
	min-width:37px;
	text-align: center;
	font-size: 10px;
	background-image: url(https://media.matas.dk/cmassets/web/images/icons/cm_icon_favoritter.png);
	background-repeat: no-repeat;
	background-position: 10px 0px;
}
.my-stripes {
	padding: 0 5px 0 3px;
	display: inline-block;
	text-decoration: none;
	font-weight: bold;
	height: 40px;
	line-height: 37px;
	color: #ffffff;
	background-repeat: no-repeat;
	width:80px;
	text-align: center;
	background-size: contain;
	margin-top: 29px;
}
.navigation .nav-icon .my-favs {
	width: 60px;
}
.my-stripes.stripes_0 { background-image: url(https://media.matas.dk/cmassets/web/images/icons/cm_icon_striber0.png); }
.my-stripes.stripes_1 { background-image: url(https://media.matas.dk/cmassets/web/images/icons/cm_icon_striber1.png); }
.my-stripes.stripes_2 { background-image: url(https://media.matas.dk/cmassets/web/images/icons/cm_icon_striber2.png); }
.my-stripes.stripes_3 { background-image: url(https://media.matas.dk/cmassets/web/images/icons/cm_icon_striber3.png); }
.my-stripes.stripes_4 { background-image: url(https://media.matas.dk/cmassets/web/images/icons/cm_icon_striber4.png); }
.my-stripes.stripes_5 { background-image: url(https://media.matas.dk/cmassets/web/images/icons/cm_icon_striber5.png); }
.my-stripes.stripes_6 { background-image: url(https://media.matas.dk/cmassets/web/images/icons/cm_icon_striber6.png); }



.navigation-mobile .container-dropdown {
	position: absolute;
	z-index: 10;
	overflow: hidden;
	left: 0;
	right: 0;
	margin-top:-3px;
}

.container-dropdown .menu-dropdown-mobile{
	width: 100%;
}

.navigation-mobile .container-dropdown {
	z-index: 11;
}

.menu-dropdown-mobile{
	border-left: 1px solid #e8e5e0;
	border-right: 1px solid #e8e5e0;
}

.menu-dropdown-mobile li{
	display: block;
	width: 100%;
	border-bottom: 1px solid #e8e5e0;
	background-color: #f8f5f0;
	border-right:none;
	text-align: left;
	height: 55px;
	line-height: 55px;
}

.navigation-mobile .active{
	background-color: #f8f5f0;
	font-family:'embCenturyGothic-Bold';
}

.mobile-logo{
	border-top: 1px solid #e8e5e0;
	background-color: #fcfbfa;
	padding:10px 0;
	z-index: 1000;
	position: relative;
}

.menu-omni-mobile{
	display: table;
	border-spacing: 10px;
	width: 100%;
	padding: 0;
	margin: 0;
	background-color: #fff;
	border-bottom: 1px solid #dbdbdb;
	border-left: 1px solid #e8e5e0;
	border-right: 1px solid #e8e5e0;
}

.menu-omni-mobile li{
	display: table-cell;
	background-color: #faf8f6;
	width: 20%;
	height: auto;
	line-height: normal;
	text-align: center;
	vertical-align: top;
	position: relative;
	border:none;
	padding:0;
}

.menu-omni-mobile img{
	padding-top:8px;
	height: 30px;
}

.menu-omni-mobile p{
	font-family: "embCenturyGothic-Bold","Century Gothic",CenturyGothic,AppleGothic,sans-serif;
	font-size: 10px;
	line-height: 12px;
	color:#7c7c7c;
	text-transform: uppercase;
	padding:8px;
	margin:0;
}

.menu-omni-cart{
	background-color: #00244f;
	margin-top:8px;
	padding: 0 8px;
	display: inline-block;
	text-decoration: none;
	font-weight: bold;
	height: 22px;
	line-height: 22px;
	color: #ffffff;
	font-size: 11px;
	border-radius: 23px;
}

.menu-shadow{
	height: 12px;
}

.menu-sticky-mobile{
	background-color: #fff;
	z-index: 9999;
}

.menu-sticky-mobile a {
	font-size: 13px;
}
.menu-sticky-mobile span:before {
	font-size: 10px;
}

.menu-main-mobile{
	overflow: hidden;
	height: 60px;
	display: inline-block;
}

/* Footer */
.footer {
	background-color: #fff;
	border-top: 2px solid #e8e5e0;
	padding: 30px 0;
	margin-top:60px;
}

.footer-headline{
	display: inline-block;
	font-family: "embCenturyGothic-Bold";
	text-transform: uppercase;
	font-size: 14px;
	color: #222222;
	margin-bottom: 20px;
}

.footer ul{
	margin:0;
	padding:0;
	list-style: none;
	background-color: #fff;
}

.footer li{
	font-family: "embCenturyGothic";
	font-size: 14px;
	color: #222222;
	margin-bottom: 12px;
}

.footer-col{
	border-right: 1px solid #f0f0f0;
	display: table-cell;
	float: none;
}

.footer-col:last-child{
	border-right: none;
}

.footer a {
	color: #222222;
	text-decoration: none;
}
.footer a:hover {
	color: #D60080;
	text-decoration: none;
}

/* Footer Mobile */
.footer-mobile {
	background-color: #fff;
	border-top: 2px solid #e8e5e0;
	padding: 0;
	margin-top:40px;
}

.footer-headline-mobile{
	display: block;
	background-color: #fbfaf8;
	height: 50px;
	line-height: 50px;
	position: relative;
	padding:0 20px;
	margin:0;
	border-bottom: 1px solid #e8e5e0;
	font-family: "embCenturyGothic","Century Gothic",CenturyGothic,AppleGothic,sans-serif;
	position: relative;
	z-index: 10;
}

.footer-dropdown-mobile {
	overflow: hidden;
	display: block;
	width: 100%;
	z-index: 12;
	margin-top:-1px;
	max-height: 0;
	-webkit-transition: max-height 0.5s ease-in;
	-moz-transition: max-height 0.5s ease-in;
	transition: max-height 0.5s ease-in;
}

.f-open.footer-dropdown-mobile{
	max-height: 250px;
	overflow: hidden;
	-webkit-transition: max-height 0.5s ease-out;
	-moz-transition: max-height 0.5s ease-out;
	transition: max-height 0.5s ease-out;
}

.footer-dropdown-mobile {
	overflow: hidden;
	display: block;
	width: 100%;
	z-index: 12;
	margin-top:-1px;
}

.footer-mobile ul{
	margin:0;
	padding:0;
	list-style: none;
	background-color: #fff;
}

.footer-mobile li{
	font-family: "embCenturyGothic";
	font-size: 14px;
	color: #222222;
	display: block;
	background-color: #f8f5f0;
	text-align: left;
	border-bottom: 1px solid #e8e5e0;
	height: 50px;
	line-height: 50px;
	padding:0 20px;

}

.footer-col-mobile{
	border-right: 1px solid #f0f0f0;
	border-right: none;
	display: block;
}

.footer-col-mobile:last-child{
	border-right: none;
}

.footer-mobile a {
	color: #222222;
	text-decoration: none;
}

.footer-headline-mobile .icon-chevron-down:before{
	line-height: 50px;
}

.footer-end{
	padding: 15px 0;
}

.creditcard-container img{
	margin-right: 10px;
	height: 15px;
}

.quicklink-container{
	float: right;
}

.quicklink-container a {
	color:#222;
	font-size: 12px;
	text-decoration: none;
	font-family: "embCenturyGothic","Century Gothic",CenturyGothic,AppleGothic,sans-serif;
	padding: 0 5px;
	border-right: 1px solid #e0e2e4;
	float: left;
	margin-top:6px;
}
.quicklink-container a:hover{
	color:#D60080;
}
.quicklink-container .no-border{
	border-right:none;
}

.logo-small{
	padding-left: 15px;
	float: left;
	margin-top:4px;
}

.footer-end .logo{
	padding:25px 0 20px 0;
	margin:0 auto;
}

.omnibar .left-bg-color {
	position: absolute;
	background-color: #ededed;
	height: 50px;
	left: 0;
	width: 50%;
}
.omnibar .right-bg-color {
	position: absolute;
	background-color: #f6f6f6;
	height: 50px;
	right: 0;
	width: 50%;
}
.omnibar .greetings-container {
	height: 50px;
	max-width: 220px;
	display: inline-block;
	line-height: 50px;
	font-size: 18px;
	font-family: "embCenturyGothic-Italic";
	vertical-align: middle;
	float: left;
	color: #7c7c7c;
}
.omnibar .links-container {
	font-family: "embCenturyGothic-Bold";
	font-size: 12px;
	text-transform: uppercase;
	width: 770px;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	float: right;
	background: #f6f6f6 url(https://media.matas.dk/cmassets/web/images/omnibar-divider.gif) no-repeat left center;
}
.omnibar .links-container a,
.omnibar .links-container a:hover {
	color: #7c7c7c;
	text-decoration: none;
}
.omnibar .links-container a span.animate-arrow:before {
	font-size: 8px;
}
.omnibar .links-container .omnibar-link {
	display: block;
	position: relative;
	padding:0 15px;
	float: right;
}
.omnibar .links-container .omnibar-link:hover,
.omnibar .links-container .omnibar-link.active {
	background-color: #282828;
}
.omnibar .links-container .omnibar-link:hover a,
.omnibar .links-container .omnibar-link.active a{
	color:#fff;
}
.omnibar .links-container .basket-items {
	color: #ffffff;
	font-size: 12px;
	background-color: #00244f;
	border-radius: 12px;
	padding: 0 8px;
	display: inline-block;
	line-height: 22px;
}
.container-omnibar-dropdown {
	position: absolute;
	z-index: 1001;
	top:50px;
	overflow: hidden;
	right:0;
}
.omnibar-dropdown{
	background-color: #fff;
	border-top: 3px solid #282828;
	padding: 20px 34px;
}
.omnibar-dropdown p{
	text-transform: none;
	font-size: 15px;
}

.omnibar-dropdown a.omnibar-btn, button.omnibar-btn{
	position: relative;
	background-color:#282828;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	font-family:'embCenturyGothic-Bold';
	font-size: 15px;
	width:220px;
	height: 40px;
	text-align:center;
	display: inline-block;
	line-height: 40px;
	border:none
}

.omnibar-dropdown a.omnibar-btn-close, button.omnibar-btn-close{
	position: relative;
	background-color:#282828;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	font-family:'embCenturyGothic-Bold';
	font-size: 15px;
	padding:0 20px;
	height: 40px;
	text-align:center;
	display: inline-block;
	line-height: 40px;
	border:none
}
.omnibar-dropdown a.omnibar-btn:hover,button.omnibar-btn:hover,
.omnibar-dropdown a.omnibar-btn-close:hover, button.omnibar-btn-close:hover{
	color: #fff;
	background-color:#555555;
}
.omnibar-dropdown hr {
	margin: 14px 0 23px 0;
	border-top: 2px solid #e9e9e9;
}
.omnibar-dropdown .omnibar-logout {
	position:absolute;
	right:30px;
}
.omnibar-dropdown .omnibar-logout a {
	text-decoration: underline
}
.container-omnibar-dropdown.shop {
	right:403px;
}
.omnibar-dropdown.shop {
	width:350px;
	text-align:center;
}
.container-omnibar-dropdown.profile {
	right:183px;
}
.omnibar-dropdown.profile {
	width:500px;
	text-align:center;
}
.container-omnibar-dropdown.help {
	right:87px;
}
.omnibar-dropdown.help {
	width:460px;
	text-align:center;
}
.omnibar-dropdown.help p{
	line-height: 25px;
}
.omnibar-dropdown.help a{
	color: #222222;;
}
.omnibar-dropdown.help .icon-chevron-right{
	padding: 0 0 0 5px;
}
.omnibar-dropdown.help .row .leftborder{
	border-left: 2px solid #e9e9e9;
	padding:0 0 0 30px;
}
.container-omnibar-dropdown.social {
	right:0px;
}
.omnibar-dropdown.social {
	width:618px;
	text-align:center;
}
.omnibar-dropdown.social hr {
	margin:13px 0;
}
.omnibar-dropdown.social .rightpadding {
	padding-right:10px;
}
.container-omnibar-dropdown.storelocator {
	right:0px;
}
.omnibar-dropdown.storelocator {
	width:500px;
	text-align:center;
}
.omnibar-dropdown.storelocator input {
	display:inline;
	width: 70%;
}
.navigation {
	list-style: none;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 80px;
}
.navigation li {
	float: right;
	position: relative; /* in order to make the .link-expander work */
}
.navigation li.logo {
	float: left;
	padding-top: 15px;
}
.navigation li.logo img.logo {
	width:164px;
}
.navigation li.logo img.logo {
	width: 140px;
}
.navigation li a {
	padding: 0 7px;
	display: block;
	font-size: 15px;
	text-decoration: none;
	border-left: 1px solid #e8e5e0;
	height: 80px;
	line-height: 80px;
	color: #222222;
}
.navigation li a:hover,
.navigation li a.active {
	background-color: #f8f5f0;
}

.navigation li a .my-points{
	background-color: #d60080;
	padding: 0 5px 0 5px;
	display: inline-block;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	height: 37px;
	line-height: 37px;
	color: #ffffff;
	border-radius: 30px;
	min-width:37px;
	text-align: center;
}

.navigation-bottom {
	background-color: #f3f5f6;
	height: 40px;
}


/* Favoritter */
.headline-heart.icon-hjerte:before{
	color: #d60080;
	font-size: 22px;
	vertical-align: 2px;
	padding-right: 10px;
}

/* Favoritter sub page */
.favo-status {
	padding: 0 20px;
}
.favo-status{
	height: 206px;
}
.favo-status{
	background: url(https://media.matas.dk/cmassets/web/images/favo_satus_bg.jpg) repeat-x left bottom;
	border-bottom: 1px solid #f9f6f1;
	padding-top:50px;
}
.favo-status img{
	display: inline-block;
	vertical-align: top;
}
.favo-status h4{
	display: inline-block;
	padding:0 0 0 10px;
	margin:0;
}
.favo-progressbar{
	height: 20px;
	width: 100%;
	background-color: #e8e5e0;
	margin-top:35px;
}
.favo-progress{
	height: 20px;
	background-color: #d60080;
}
.favo-border{
	border-right: 1px solid #e8e8e8;
}
.favo-topbanner{
	margin-bottom: 20px;
}


/* Article page */

.flowBar{
	display: none;
}

.article-divider{
	width: 60px;
	height: 3px;
	background-color: #282828;
	margin-bottom:25px;
}
.article{
	background-color: #fff;
}
.article a{
	text-decoration: underline;
	color: #d60080;
}
.article a:hover{
	text-decoration: none;
}
.article .btn-pink{
	text-decoration: none;
	color: #fff;
	display: inline-block;
	margin-bottom: 40px;
}
.article .btn-pink2{
	text-decoration: none;
	color: #fff;
	display: inline-block;
	margin-right: 20px;
}
.article .btn-pink3{
	text-decoration: none;
	color: #fff;
	display: block;
	margin-bottom: 40px;
	margin: 15px auto;
}
.article-container{
	padding:5px 20px 10px 35px;
}

.article-container-comp{
	padding:0px 20px 0px 35px;
}
.article-videoWrapper {
	position: relative;
	padding-bottom: 56.85%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom: 20px;
}
.article-videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.article-image{
	float:left;
	width:50%;
	margin-right: 20px;
}

.offer-see-all h3,
.offer-see-all h4{
	display: inline-block;
}
.offer-see-all h4{
	text-decoration: underline;
	padding-left:5px;
	cursor: pointer;
}
.offer-see-all a h4{
	margin-top: -5px;
}

/* Konkurencer */
.table-winner{
	margin:20px 0;
	width: 100%;
}

/* Offer page */
.offer-sorted-content{
	overflow: hidden;
}
.offer-sorted-content-open{
	height: auto !important;
}

/* info page */
.form-contact label{
	text-align: left;
}

.form-contact .checkbox label{
	cursor: pointer;
	display: inline-block;
	position: relative;
	vertical-align: top;
	padding: 4px 0 0 40px;
}
.form-control{
	border: 1px solid #d6d3cf;
	border-radius: 0;
	box-shadow: none;
	height: 35px;
	padding: 6px 12px 6px 12px;
}
.form-group input[type="text"]{
	-webkit-appearance: none;
	-moz-appearance: none;
}
.form-control:focus {
	/*border-color: rgba(214, 0, 128, 0.8);*/
	border-color: #222;
	box-shadow: none;
	outline: 0 none;
}
.form-control.error {
	border-color: rgba(214, 0, 128, 0.8);
	border-width: 1px;
}
.form-group select{
	margin-bottom: 10px;
	padding: 6px 6px 6px 8px;
}
.error-msg{
	color:#d60080;
}
.faq .faq-headline,
.faq .faq-headline:hover,
.faq .faq-headline:active,
.faq .faq-headline:focus{
	text-decoration: none;
	color: #222222;
	display: block;
}
.faq .icon-chevron-up:before,
.faq .icon-chevron-down:before{
	padding-right: 5px;
	vertical-align: 1px;
}
.faq-element{
	margin-bottom: 10px;
}
.faq .panel-title a{
	color: #222222;
	text-decoration: none;
	font-family:'embCenturyGothic-Bold';
}
.faq .panel-group{
	margin-bottom: inherit;
}
.faq .panel-default {
	border:none;
}
.faq .panel-default > .panel-heading {
	color: #222;
	background-color: #fff;
	padding:0;
}
.faq .panel-body {
	padding: 5px 0 0 0;
}
.faq .panel-group .panel {
	margin-bottom: 10px;
	border-radius: 0;
	box-shadow: none;
}
/* Cookies */
.cookie-iframe{
	border:1px solid #edeae6;
	padding:2px 2px 0 2px;
}
.cookie-iframe iframe{
	border:none;
}

/* carousel */
.carousel{
	position: relative;
	margin-bottom: 20px;
}
.carousel-main{
	position: relative;
	overflow: hidden;
}
.carousel h2{
	margin-top:0;
}
.carousel h4{
	margin:20px 0;
}
.carousel-message{
	/*background: url(https://media.matas.dk/cmassets/web/images/carousel_bubbles.png) no-repeat right bottom rgba(255, 255, 255, 0.8);*/
	position: absolute;
	height: 100%;
	width: 34%;
	top: 0;
	bottom: 0;
	right: 0;
	padding:40px;
}
.carousel-message:hover .link-expander{
	background: rgba(255, 255, 255, .3);
}
.carousel-message:hover .cta-icon.icon-arrow-right:before {
	content: "\e601";
	color: rgb(214, 0, 128);
}
.carousel-message:hover .cta-text {
	font-weight: bold;
}

.carousel-image img{
	width:100%;
	position: absolute;
	cursor: pointer;
}
.carousel-nav{
	position: absolute;
	left:0;
	bottom:0;
	z-index: 10;
	background-color: #fff;
	padding:10px 5px;

}
.carousel-nav a{
	width: 10px;
	height: 10px;
	display: inline-block;
	float: left;
	margin:0 5px;
}
.carousel-nav .circle.pause{
	background: url(https://media.matas.dk/cmassets/web/images/carousel_control_pause.png) no-repeat;
	border:none;
	border-radius: 0;
	background-color: #fff !important;
}
.carousel-nav .circle.circle-active{
	background-color: #d60080;
}
.carousel-nav .circle{
	border:1px solid #d60080;
	border-radius: 10px;
	background-color: #fff;
}
.carousel-nav .circle:hover{
	background-color: #d60080;
}
.carousel .cta-text {
	padding-top: 0px;
	color: #d60080;
	text-transform: uppercase;
	display: block;
	line-height: 24px;
	text-decoration: none;
}
.carousel .cta-icon {
	vertical-align: -9px;
	padding-left:2px;
}

/* Profil */
.profile-checkbox .chechbox label {
	cursor: pointer;
	display: inline-block;
	position: relative;
	vertical-align: top;
	padding: 4px 0 0 40px;
}
.profile-favo-listitem{
	padding:20px 0;
	border-top:1px solid #eeeeee;
}
.profile-favo-listitem h4{
	padding-top:3px;
}
.profile-favo-listitem:last-child{
	border-bottom:1px solid #eeeeee;
	margin-bottom: 20px;
}
.profile-favo-listitem .btn-pink{
	float: right;
}
.my-store{
	padding-bottom: 20px;
}
.my-store table td{
	vertical-align: top;
	width: 50%;
}
.my-store table td:last-child{
	width: 50%;
}
.profile-interests .profile-checkbox{
	margin-bottom:15px;
}

.profile-interests .profile-checkbox a{
	font-family:'embCenturyGothic-Bold';
	text-decoration: none;
}

.profile-infobox{
	background-color: #fff;
	padding: 10px;
	border: 1px solid #eee;
}

.popover{
	box-shadow: none;
	border:1px solid #edeae6;
}
.popover.top > .arrow {
	border-top-color: rgba(0, 0, 0, 0.15);
}

/* Bonus savings*/
.bonus-saving{
	padding:20px;
	background-color: #fff;
	margin-bottom: 20px;
}
.bonus-saving .icon-chevron-down,
.bonus-saving .icon-chevron-up{
	padding-right: 5px;
	vertical-align: 2px;
}
.bonus-saving h4{
	margin:0 0 20px 0;
}
.bonus-saving table{
	border-bottom: 1px solid #edeae6;
}
.bonus-saving a,
.bonus-saving a:hover,
.bonus-saving a:active,
.bonus-saving a:focus{
	color: #222222;
	text-decoration: none;
}
.bonus-saving .table th {
	border-top: none;
	font-weight: normal;
	background-color: #f8f5f0;
	color: #222;
}
.bonus-saving .table td {
	border-top: 1px solid #edeae6;
}
.bonus-saving .table td:first-child,
.bonus-saving .table th:first-child {
	border-left: 1px solid #edeae6;
}
.bonus-saving .table td:last-child,
.bonus-saving .table th:last-child {
	border-right: 1px solid #edeae6;
}
.bonus-saving .table td:last-child{
	background-color: #f9f7f4;
}
.bonus-saving .nav-tabs > li.active > a,
.bonus-saving .nav-tabs > li.active > a:hover,
.bonus-saving .nav-tabs > li.active > a:focus {
	color: #222;
	background-color: #f8f5f0;
	border: 1px solid #edeae6;
	border-bottom-color: transparent;
	cursor: default;
	font-weight: bold;
}
.bonus-saving .nav-tabs{
	border-bottom: 1px solid #edeae6;
}
.bonus-saving .nav-tabs > li > a:hover {
	border-color: #edeae6 #edeae6 #edeae6;
}
.bonus-saving .nav > li > a:hover {
	text-decoration: none;
	background-color: #fff;
}
.bonus-saving .nav > li > a:focus {
	text-decoration: none;
	background-color: #fff;
}
.bonus-saving .panel{
	box-shadow: none;
}
.bonus-saving .panel-group{
	margin-bottom: inherit;
}
.bonus-saving .panel-default {
	border:none;
}
.bonus-saving .panel-default > .panel-heading {
	color: #222;
	background-color: #fff;
	padding:0;
}
.bonus-saving .panel-body {
	padding: 5px 0 0 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
	border: none;
}

/* Point balance*/
.point-balance-tabs .icon-chevron-down,
.point-balance-tabs .icon-chevron-up{
	padding-right: 5px;
	vertical-align: 1px;
}
.point-balance-tabs a,
.point-balance-tabs a:hover,
.point-balance-tabs a:active,
.point-balance-tabsa:focus{
	color: #222222;
	text-decoration: none;
}
a.question-popup{
	font-family: 'embCenturyGothic-Bold';
	text-decoration: none;
	text-decoration: none;
}
.point-balance-tabs table{
	border-bottom: 1px solid #edeae6;
}
.point-balance-tabs .table tr:first-child td{
	border-top: none;
}
.point-balance-tabs .table td {
	border-top: 1px solid #edeae6;
}
.point-balance-tabs .table td:first-child,
.point-balance-tabs .table th:first-child {
	border-left: 1px solid #edeae6;
}
.point-balance-tabs .table td:last-child,
.point-balance-tabs .table th:last-child {
	border-right: 1px solid #edeae6;
}
.point-balance-tabs .table td:last-child{
	background-color: #f9f7f4;
	text-align: right;
	width:20%;
}
.point-balance-tabs .nav-tabs > li.active > a,
.point-balance-tabs .nav-tabs > li.active > a:hover,
.point-balance-tabs .nav-tabs > li.active > a:focus {
	color: #222;
	background-color: #f8f5f0;
	border: 1px solid #edeae6;
	border-bottom-color: transparent;
	cursor: default;
	font-weight: bold;
}
.point-balance-tabs .nav-tabs{
	border-bottom: 1px solid #edeae6;
}
.point-balance-tabs .nav-tabs > li > a:hover {
	border-color: #edeae6 #edeae6 #edeae6;
}
.point-balance-tabs .nav > li > a:hover {
	text-decoration: none;
	background-color: #fff;
}
.point-balance-tabs .nav > li > a:focus {
	text-decoration: none;
	background-color: #fff;
}
.point-balance-tabs .panel{
	box-shadow: none;
}
.point-balance-tabs .panel-group{
	margin-bottom: inherit;
}
.point-balance-tabs .panel-default {
	border:none;
}
.point-balance-tabs .panel-default > .panel-heading {
	color: #222;
	background-color: #fff;
	padding:0;
}
.point-balance-tabs .active-td{
	background-color: #f9f7f4;
}
.point-balance-tabs .date-transfers .panel-body{
	padding:5px 0 0 0;
}
.point-balance-tabs .date-transfers,
.point-balance-tabs .date-transfers .panel-title{
	font-size: 14px;
}
.point-balance-tabs td.date-transfers{
	border-top: none;
}
.point-balance-tabs .date-transfers table{
	margin-bottom: 0;
}
.point-balance-tabs .date-transfers td:first-child{
	width:15%;
}
.point-balance-tabs .date-transfers td,
.point-balance-tabs .date-transfers td:last-child{
	background-color: #fff;
	text-align: left;
	width: 80%;
}
.point-balance-tabs .date-transfers .table > thead > tr > th,
.point-balance-tabs .date-transfers .table > tbody > tr > th,
.point-balance-tabs .date-transfers .table > tfoot > tr > th,
.point-balance-tabs .date-transfers .table > thead > tr > td,
.point-balance-tabs .date-transfers .table > tbody > tr > td,
.point-balance-tabs .date-transfers .table > tfoot > tr > td {
	border-top:1px solid #edeae6;
}
.panel-heading .panel-title span.point-highlight {
	background-color: #ebeef1;
	font-size: 12px;
	padding: 3px 5px 3px 5px;
	font-weight: bold;
	margin: 5px 3px 5px 0;
	display: inline-block;
	text-indent: 0;
}

.panel-heading .panel-title span.point-highlight-no-background {
	font-size: 12px;
	padding: 3px 0 3px 0;
	font-weight: bold;
	margin: 5px 0 5px 0;
	display: inline-block;
	text-indent: 0;
}

.c-pointer td {
	width: 50%;
}
/* Mine striber */
.stripes_0 .hide-if-6-stripes,
.stripes_1 .hide-if-6-stripes,
.stripes_2 .hide-if-6-stripes,
.stripes_3 .hide-if-6-stripes,
.stripes_4 .hide-if-6-stripes,
.stripes_5 .hide-if-6-stripes {
	display: inherit;
}
.stripes_6 .hide-if-6-stripes {
	display: none;
}
.stripes_0 .show-if-6-stripes,
.stripes_1 .show-if-6-stripes,
.stripes_2 .show-if-6-stripes,
.stripes_3 .show-if-6-stripes,
.stripes_4 .show-if-6-stripes,
.stripes_5 .show-if-6-stripes {
	display: none;
}
.stripes_6 .show {
	display: inherit;
}


h3.mystripes_headline  {
	display: inline-block;
	width: 70%;
	padding-top: 18px;
	padding-bottom: 18px;
	border-top: 1px solid #e0e3e5;
	border-bottom: 1px solid #e0e3e5;
	font-family: "embCenturyGothic-Bold", "Century Gothic Bold", CenturyGothic, AppleGothic, sans-serif;
	font-weight: bold;
}
h3.mystripes_headline em {
	color: #d41380;
	font-style: normal;
}
.mystripes_headline_6_stripes .calendar {
	position: absolute;
	right: 0px;
	top: 25px;
	width: 200px;
	height: 60px;
}
.mystripes_headline_6_stripes .calendar p{
	display: inline-block;
	float: right;
	margin-right: 55px;
	text-align: right;
	font-size: 14px;
	line-height: 16px;
	padding-top: 15px;
}
.mystripes_headline_6_stripes .calendar .days{
	background-image: url(https://media.matas.dk/cmassets/web/images/mine_striber/icon_calendar.png);
	position: absolute;
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	right: 0px;
	top: 0px;
}
.mystripes_headline_6_stripes .calendar .days .number{
	display: block;
	position: absolute;
	top: 14px;
	text-align: center;
	width: 50px;
	font-weight: bold;
	font-size: 18px;
	font-family: "embCenturyGothic-Bold", "Century Gothic Bold", CenturyGothic, AppleGothic, sans-serif;
}
.mystripes_headline_6_stripes .calendar .days .text{
	display: block;
	position: absolute;
	top: 30px;
	text-align: center;
	width: 50px;
	font-size: 10px;
	font-style: italic;
}
.mystripes_headline_6_stripes .calendar.days_1 .days .text .one_day{
	display: none;
}

.mystripes_headline_6_stripes h3  {
	display: inline-block;
	width: 62%;
	padding-top: 12px;
	padding-bottom: 12px;
	text-transform: uppercase;
	font-family: "embCenturyGothic-Bold", "Century Gothic Bold", CenturyGothic, AppleGothic, sans-serif;
	font-weight: bold;
	background-color: #fdbb49;
	background-image: url(https://media.matas.dk/cmassets/web/images/mine_striber/6stripes_banner_left.png),url(https://media.matas.dk/cmassets/web/images/mine_striber/6stripes_banner_right.png);
	background-repeat: no-repeat;
	background-position: left top, right top;
}
.mystripes_splitbox {
	height: 250px;
}
.mystripes_splitbox.box1 {
	background-color: #fdf8fb;
	position: relative;
}
.mystripes_splitbox.box1 p {
	font-size: 20px;
	font-style: italic;
	line-height: 30px;
	position: relative;
	top: 85px;
	left: 25px;
}
.mystripes_splitbox.box1 p.expiry {
	font-size:16px;
}
.mystripes_splitbox.box1 p em {
	font-style: normal;
	font-size: 45px;
	text-transform: uppercase;
	font-weight: bold;
	color: #d41380;
	font-family: "embCenturyGothic-Bold", "Century Gothic Bold", CenturyGothic, AppleGothic, sans-serif;
}
.mystripes_splitbox.box1 .box1stripes {
	position: absolute;
	left: 286px;
	top: 80px;
	white-space: nowrap;
}
.mystripes_splitbox.box1 .box1stripes img {
	height: 65px;
	width: auto;
}

@keyframes animatedStripes {
	0% {
		opacity:0.15;
		transform:  scaleY(1) translate(0px, 0px);
	}
	50% {
		transform: scaleY(1.2) translate(0px, -6px);
		opacity: .6;
		rotation: 4deg;
	}
	100% {
		opacity:1;
		transform:  scaleY(1) translate(0px, 0px);
	}
}

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

@-webkit-keyframes fadeOut { from { opacity:1; } to { opacity:0; } }
@-moz-keyframes fadeOut { from { opacity:1; } to { opacity:0; } }
@keyframes fadeOut { from { opacity:1; } to { opacity:0; } }


.mystripes_frontpage .stripes_all .animatedStripe,
.mystripes_frontpage .stripes_slots .animatedStripe {
	margin-right: -18px;
}
.stripes_all {
	margin-top: -70px;
}
.mystripes_frontpage .stripes_all .animatedStripe,
.mystripes_frontpage .stripes_all .animatedCheck {
	opacity:0;  /* make things invisible upon start */
}
.mystripes_frontpage .stripes_all .animatedStripe {
	animation:animatedStripes ease-in 1;
	animation-fill-mode:forwards;
	animation-duration:800ms;
}
.mystripes_frontpage .stripes_all .animatedCheck {
	height: 50px;
	margin-left: 20px;

	-webkit-animation:fadeIn ease-in 1;
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;

	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}
.mystripes_frontpage #intro-text {
	-webkit-animation:fadeOut ease-in 1;
	-moz-animation:fadeOut ease-in 1;
	animation:fadeOut ease-in 1;

	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}
.mystripes_frontpage #end-text {
	opacity:0;
	position: absolute;
	top: 0;

	-webkit-animation:fadeIn ease-in 1;
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;

	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}


.mystripes_frontpage .stripes_all #stripe1 { animation-delay: 1s; }
.mystripes_frontpage .stripes_all #stripe2 { animation-delay: 1.2s; }
.mystripes_frontpage .stripes_all #stripe3 { animation-delay: 1.4s; }
.mystripes_frontpage .stripes_all #stripe4 { animation-delay: 1.6s; }
.mystripes_frontpage .stripes_all #stripe5 { animation-delay: 1.8s; }
.mystripes_frontpage .stripes_all #stripe6 { animation-delay: 2s; }
.mystripes_frontpage .stripes_all #check { animation-delay: 3s; }
.mystripes_frontpage  #intro-text { animation-delay: 3.5s; }
.mystripes_frontpage  #end-text { animation-delay: 3.5s; }



.mystripes_splitbox.box1 .box1stripes .animatedStripe {
	opacity:0.15;  /* make things invisible upon start */
}

/* stripe 1 */
.mystripes_splitbox.box1 .box1stripes.stripes_1 #stripe1,
.mystripes_splitbox.box1 .box1stripes.stripes_2 #stripe1,
.mystripes_splitbox.box1 .box1stripes.stripes_3 #stripe1,
.mystripes_splitbox.box1 .box1stripes.stripes_4 #stripe1,
.mystripes_splitbox.box1 .box1stripes.stripes_5 #stripe1,
.mystripes_splitbox.box1 .box1stripes.stripes_6 #stripe1 {
	animation:animatedStripes ease-in 1;
	animation-fill-mode:forwards;
	animation-duration:800ms;
	animation-delay: 1s;
}
/* stripe 2 */
.mystripes_splitbox.box1 .box1stripes.stripes_2 #stripe2,
.mystripes_splitbox.box1 .box1stripes.stripes_3 #stripe2,
.mystripes_splitbox.box1 .box1stripes.stripes_4 #stripe2,
.mystripes_splitbox.box1 .box1stripes.stripes_5 #stripe2,
.mystripes_splitbox.box1 .box1stripes.stripes_6 #stripe2 {
	animation:animatedStripes ease-in 1;
	animation-fill-mode:forwards;
	animation-duration:800ms;
	animation-delay: 1.2s;
}

/* stripe 3 */
.mystripes_splitbox.box1 .box1stripes.stripes_3 #stripe3,
.mystripes_splitbox.box1 .box1stripes.stripes_4 #stripe3,
.mystripes_splitbox.box1 .box1stripes.stripes_5 #stripe3,
.mystripes_splitbox.box1 .box1stripes.stripes_6 #stripe3 {
	animation:animatedStripes ease-in 1;
	animation-fill-mode:forwards;
	animation-duration:800ms;
	animation-delay: 1.4s;
}

/* stripe4 */
.mystripes_splitbox.box1 .box1stripes.stripes_4 #stripe4,
.mystripes_splitbox.box1 .box1stripes.stripes_5 #stripe4,
.mystripes_splitbox.box1 .box1stripes.stripes_6 #stripe4 {
	animation:animatedStripes ease-in 1;
	animation-fill-mode:forwards;
	animation-duration:800ms;
	animation-delay: 1.6s;
}

/* stripe 5 */
.mystripes_splitbox.box1 .box1stripes.stripes_5 #stripe5,
.mystripes_splitbox.box1 .box1stripes.stripes_6 #stripe5 {
	animation:animatedStripes ease-in 1;
	animation-fill-mode:forwards;
	animation-duration:800ms;
	animation-delay: 1.8s;
}

/* stripe 6 */
.mystripes_splitbox.box1 .box1stripes.stripes_6 #stripe6 {
	animation:animatedStripes ease-in 1;
	animation-fill-mode:forwards;
	animation-duration:800ms;
	animation-delay: 2s;
}



.mystripes_splitbox.box1 .box1stripes img {
	margin-right: -18px;
}




.mystripes_splitbox.box2 {
	background: rgb(210,234,240);
	background-image: url(https://media.matas.dk/cmassets/web/images/mine_striber/club_matas_model.png);
	background: url(https://media.matas.dk/cmassets/web/images/mine_striber/club_matas_model.png),
	url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZWFmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iI2MxZTJlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMWUyZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: url(https://media.matas.dk/cmassets/web/images/mine_striber/club_matas_model.png),
	-moz-linear-gradient(top,  rgb(210,234,240) 0%, rgb(193,226,234) 33%, rgb(193,226,235) 100%);
	background: url(https://media.matas.dk/cmassets/web/images/mine_striber/club_matas_model.png),
	-webkit-linear-gradient(top,  rgb(210,234,240) 0%,rgb(193,226,234) 33%,rgb(193,226,235) 100%);
	background: url(https://media.matas.dk/cmassets/web/images/mine_striber/club_matas_model.png),
	linear-gradient(to bottom,  rgb(210,234,240) 0%,rgb(193,226,234) 33%,rgb(193,226,235) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2eaf0', endColorstr='#c1e2eb',GradientType=0 );

	background-color: #cce7ee;
	background-position: calc(100% + 29px) calc(100% + 125px), top left;

	background-repeat: no-repeat;
}
.mystripes_splitbox.box2 h4 {
	font-weight: bold;
	font-family: "embCenturyGothic-Bold", "Century Gothic Bold", CenturyGothic, AppleGothic, sans-serif;
	color: #02244e;
	font-size: 35px;
	padding-left: 30px;
	margin-top: 65px;
	text-transform: uppercase;
	letter-spacing: -1px;
}
.mystripes_splitbox.box2 p {
	font-weight: normal;
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	color: #02244e;
	font-size: 20px;
	padding-left: 30px;
	padding-top: 10px;
	margin:0;
	width: 60%;
}
.mystripes_splitbox.box2 div.stripe_btn {
	font-weight: bold;
	font-family: "embCenturyGothic-Bold", "Century Gothic Bold", CenturyGothic, AppleGothic, sans-serif;
	color: #fff;
	font-size: 20px;
	padding-left: 30px;
	margin:0;
	margin-top: 30px;
}
.mystripes_splitbox.box2 div.stripe_btn a {
	font-weight: bold;
	font-family: "embCenturyGothic-Bold", "Century Gothic Bold", CenturyGothic, AppleGothic, sans-serif;
	color: #fff;
	font-size: 20px;
	padding: 5px 15px;
	margin:0;
	text-transform: uppercase;
	background-color: #d41380;
	display: inline-block;
}

.mystripes_splitbox.box3.advantage {
	background: rgb(245,247,248);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjdmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2YwZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(245,247,248,1) 0%, rgba(236,240,243,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(245,247,248,1) 0%,rgba(236,240,243,1) 100%);
	background: linear-gradient(to bottom,  rgba(245,247,248,1) 0%,rgba(236,240,243,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f7f8', endColorstr='#ecf0f3',GradientType=0 );

	padding: 10px;
}
.mystripes_splitbox.box3.advantage .innerBox {
	border: 2px dashed #02244e;
	height: 100%;
	padding: 20px 30px;
	background-image: url(https://media.matas.dk/cmassets/web/images/icons/cm_icon_174x153_kr.png);
	background-repeat: no-repeat;
	background-position: 370px center;
	background-size: 150px auto;
}

.mystripes_splitbox.box3.advantage .innerBox.icon_1 {background-image: url(https://media.matas.dk/cmassets/web/images/icons/cm_icon_174x153_1.png);}
.mystripes_splitbox.box3.advantage .innerBox.icon_2 {background-image: url(https://media.matas.dk/cmassets/web/images/icons/cm_icon_174x153_2.png);}
.mystripes_splitbox.box3.advantage .innerBox.icon_3 {background-image: url(https://media.matas.dk/cmassets/web/images/icons/cm_icon_174x153_3.png);}
.mystripes_splitbox.box3.advantage .innerBox.icon_4 {background-image: url(https://media.matas.dk/cmassets/web/images/icons/cm_icon_174x153_4.png);}
.mystripes_splitbox.box3.advantage .innerBox.icon_5 {background-image: url(https://media.matas.dk/cmassets/web/images/icons/cm_icon_174x153_5.png);}

.mystripes_splitbox.box3.advantage .innerBox h5 {
	color: #d41380;
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	font-family: "embCenturyGothic-Bold", "Century Gothic Bold", CenturyGothic, AppleGothic, sans-serif;
}
.mystripes_splitbox.box3.advantage .innerBox p {
	color: #02244e;
	line-height: 26px;
	font-weight: normal;
	font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	margin: 0;
	width: 67%;
	font-size: 24px;
}
.mystripes_splitbox.box3.advantage .innerBox p strong {
	font-weight: bold;
	font-family: "embCenturyGothic-Bold", "Century Gothic Bold", CenturyGothic, AppleGothic, sans-serif;
}
.mystripes_splitbox.box3.advantage .innerBox p.expiry {
	font-size: 18px;
	width: 100%;
	margin-top: 10px;
	font-style: italic;
}
.mystripes_splitbox.box3.advantage .innerBox .stripe_btn {
	padding-top: 10px;
}
.mystripes_splitbox.box3.advantage .innerBox .stripe_btn a {
	display: inline-block;
	width: 145px;
	height: 42px;
	font-size: 20px;
	text-align: center;
	text-transform: uppercase;
	background-color: #d41380;
	color: #ffffff;
	padding: 7px 10px;
	font-weight: bold;
	font-family: "embCenturyGothic-Bold", "Century Gothic Bold", CenturyGothic, AppleGothic, sans-serif;
}

.mystripes_3_col .chooseAdvantage {
	border: 0;
	display: inline-block;
	width: 145px;
	height: 42px;
	font-size: 20px;
	text-align: center;
	text-transform: uppercase;
	background-color: #d41380;
	color: #ffffff;
	padding: 7px 10px;
	font-weight: bold;
	font-family: "embCenturyGothic-Bold", "Century Gothic Bold", CenturyGothic, AppleGothic, sans-serif;
}

.mystripes_3_col {
	padding: 0;
	margin: 0;
}
.mystripes_3rd_box {
	background: #f7f9fb;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7f9fb), to(#ffffff));
	background: -webkit-linear-gradient(top, #f7f9fb, #ffffff);
	background: -moz-linear-gradient(top, #f7f9fb, #ffffff);
	background: -ms-linear-gradient(top, #f7f9fb, #ffffff);
	background: -o-linear-gradient(top, #f7f9fb, #ffffff);
	width: 32%;
	display: inline-block;
	text-align: center;
	position: relative;

}
.mystripes_3rd_box .bg-striber-corner {
	position: absolute;
	z-index: 100;
	right: 0;
	bottom: 0;
}
.mystripes_3rd_box div.icon {
	margin-top: 20px;
}
.mystripes_3rd_box h4 {
	font-size: 25px;
	color: #02244e;
	margin-top: 15px;
	min-height: 60px;
	line-height: 27px;
	padding: 0 35px;
}
.mystripes_3rd_box h4 strong {
	font-weight: bold;
	font-family: "embCenturyGothic-Bold", "Century Gothic Bold", CenturyGothic, AppleGothic, sans-serif;
}

.mystripes_3rd_box img.imgResize {
	width: 100%;
}
.mystripes_3rd_box p {
	top: 200px;
	padding: 35px;
	text-align: left;
}

.mystripes_3rd_box:first-child {
	float: left;
}
.mystripes_3rd_box:last-child {
	float: right;
}


a.mystripes_btn {
	background-color: #02244e;
	width: 250px;
	height: 55px;
	display: inline-block;
	padding-top: 15px;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
}
.stribesConfirm-btn {
	background-color: #02244e;
	width: 48%;
	height: 45px;
	display: inline-block;
	padding-top: 11px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffffff;
	text-align: center;
	box-sizing: border-box;
	border:0;
	border-radius: 0;
}
.stribesConfirm-btn.pinkcolor {
	background-color: #d41380;
	border:0;
}
/*
.mystripes_readmore {
	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMmUzZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(194,227,235,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(194,227,235,1) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(194,227,235,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c2e3eb',GradientType=1 );
	position: relative;
	height: 250px;
}
.mystripes_readmore p {
	padding-left: 20px;
	padding-top: 20px;
	margin: 0;
	width: 50%;
	font-size: smaller;
}
*/
.mystripes_readmore .btns {
	position: absolute;
	top: 150px;
	left: 500px;
	z-index: 2;
}

.mystripes_readmore .faq_btn {
	display: inline-block;
	padding: 5px 10px;
	background-color: #d41380;
	color: #fff;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
}
.mystripes_readmore .legal_btn {
	display: inline-block;
	color: #000;
	text-decoration: underline;
	margin-top: 10px;
}

.mystripes_readmore .model {
	position: absolute;
	width: 200px;
	height: 250px;
	top: 0px;
	right: 0px;
	z-index: 1;
	background-image: url(https://media.matas.dk/cmassets/web/images/mine_striber/club_matas_model.png);
	background-size: 90% auto;
	background-repeat: no-repeat;
	background-position: bottom right;
}


.mystripes_frontpage {
	background: rgb(210,234,240);
	background-image: url(https://media.matas.dk/cmassets/web/images/mine_striber/club_matas_model.png);
	background: url(https://media.matas.dk/cmassets/web/images/mine_striber/club_matas_model.png),
	url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZWFmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iI2MxZTJlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMWUyZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: url(https://media.matas.dk/cmassets/web/images/mine_striber/club_matas_model.png),
	-moz-linear-gradient(top,  rgb(210,234,240) 0%, rgb(193,226,234) 33%, rgb(193,226,235) 100%);
	background: url(https://media.matas.dk/cmassets/web/images/mine_striber/club_matas_model.png),
	-webkit-linear-gradient(top,  rgb(210,234,240) 0%,rgb(193,226,234) 33%,rgb(193,226,235) 100%);
	background: url(https://media.matas.dk/cmassets/web/images/mine_striber/club_matas_model.png),
	linear-gradient(to bottom,  rgb(210,234,240) 0%,rgb(193,226,234) 33%,rgb(193,226,235) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2eaf0', endColorstr='#c1e2eb',GradientType=0 );

	background-color: #cce7ee;
	background-size: auto 400px;
	background-position: right 130px;
	background-repeat: no-repeat;
	padding-left: 60px;
}

@media (min-width: 1200px) {
	.mystripes_frontpage {
		background-position: right 50px;
	}
}

.mystripes_frontpage h4 {
	font-weight: bold;
	font-family: "embCenturyGothic-Bold", "Century Gothic Bold", CenturyGothic, AppleGothic, sans-serif;
	color: #02244e;
	font-size: 75px;
	line-height: 100%;
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
	letter-spacing: -1px;
}
.mystripes_frontpage p {
	font-size: 30px;
	line-height: 120%;
}
.mystripes_frontpage a {
	font-weight: bold;
	font-family: "embCenturyGothic-Bold", "Century Gothic Bold", CenturyGothic, AppleGothic, sans-serif;
	color: #fff;
	font-size: 20px;
	padding: 10px 35px;
	margin: 0;
	text-transform: uppercase;
	background-color: #d41380;
	display: inline-block;
}
.stripes_modal_headline{
	font-family: "embCenturyGothic-Bold", "Century Gothic Bold", CenturyGothic, AppleGothic, sans-serif;
	font-size: 25px;
	color: #02244e;
	line-height: 27px;
	margin-bottom: 15px;
	text-align: center;
}
.stripes_modal_body{
	font-family: "embCenturyGothic-Bold", "Century Gothic Bold", CenturyGothic, AppleGothic, sans-serif;
	font-size: 16px;
	line-height: 21px;
	color: #222222;
	margin-bottom: 25px;
	font-weight: bold;
	text-align: center;
}
.stripes_modal_body_blue{
	font-family: "embCenturyGothic", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #02244e;
	margin-top: 25px;
	margin-bottom: 0;
}

.modal-body.no-padding-change{
	padding:30px 40px 40px 40px;
}

.stribes-fullwidth-img{
	margin-left:-30px;
	width: calc(100% + 60px);
}
.modal-sm{
	max-width: 300px;
	margin: 30px auto;
}
.stribes-notification-box{
	width: 300px;
	height: 70px;
	padding:22px 15px 0 0;
	position: absolute;
	bottom:-71px;
	right:0;
	background: #fdbb49 url("https://media.matas.dk/cmassets/web/images/mine_striber/stripes-check-icon.png") no-repeat left 12px center;
}
.stribes-notification-box-mobile{
	width: 100%;
	height: 70px;
	padding:22px 15px 0 0;
	background: #fdbb49 url("https://media.matas.dk/cmassets/web/images/mine_striber/stripes-check-icon.png") no-repeat left 12px center;

}
.stribes-notification-triangle{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 7px 5px 7px;
	border-color: transparent transparent #fdbb49 transparent;
	top:-5px;
	left:calc(50% - 7px);
	margin-left:auto;
	margin-right:auto;
	position: absolute;
}
.stribes-notification-text{
	font-family: "embCenturyGothic-Bold", "Century Gothic Bold", CenturyGothic, AppleGothic, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding-left: 65px;
	color:#000000;
	font-weight: bold;
	display: inline-block;
}

.stribes-notification-box .icon-chevron-right{
	padding-top:2px;
}
.stribes-readmore-box{
	margin-top:-20px;
}
.stripes-readmore-headline{
	padding-top: 20px;
	margin-left: -20px;
	font-size: 26px;
	line-height: 34px;
	width: 80%;
	font-weight: bold;
	font-family: "embCenturyGothic-Bold","Century Gothic Bold", CenturyGothic, AppleGothic, sans-serif;
	color: #02244e;
	padding-left: 30px;
	margin-top: 35px;
	text-transform: uppercase;
	letter-spacing: -1px;
	font-size: 35px;
}
/* / mine striber */






/* Frontpage */
.container-login{
	position: relative;
}
.login-form,
.forgot-pw-form{
	width:60%;
	margin:0 auto;
}
.login-box{
	position: absolute;
	background: url(https://media.matas.dk/cmassets/web/images/login-box-bg.png) repeat-x;
	position: absolute;
	height: 100%;
	width:41%;
	top:0;
	right:0;
}
.login-box h3{
	margin: 0;
	padding:35px 0 25px 0;
}

.login-box .button-box{
	width: 100%;
}

.login-box .button-box .button-outer{
	display: table;
	margin: 0 auto;
}

.login-box .button-box .button-outer .btn-pink{
	margin: 10px auto;
	display: block;
	width: 120px;
	text-align: center;
}

.login-form .form-control,
.forgot-pw-form .form-control{
	height: 36px;
	margin-bottom: 10px;
	font-size: 16px;
}
.login-form label{
	font-size: 12px;
	color: #7c7c7c;
	padding: 2px 0 0 30px;
}
.login-form input[type=checkbox] + label:before
{
	background: url(https://media.matas.dk/cmassets/web/images/checkbox_unchecked.jpg);
	background-size: 20px 20px;
	width: 20px;
	height: 20px;
}
.login-form input[type=checkbox]:checked + label:before
{
	content: '';
	background: url(https://media.matas.dk/cmassets/web/images/checkbox_checked.jpg);
	background-size: 20px 20px;
}
.login-form .btn-pink,
.forgot-pw-form .btn-pink{
	margin:15px auto;
	display: block;
	width:120px;
	text-align: center;
}
a.small-pink-link{
	color: #d60080;
	text-decoration: underline;
	font-size: 12px;
}
a.small-pink-link:hover,
a.small-pink-link:active,
a.small-pink-link:focus{
	text-decoration: none;
}

a.normal-pink-link{
	color: #d60080;
	text-decoration: underline;
}
a.normal-pink-link:hover,
a.normal-pink-link:active,
a.normal-pink-link:focus{
	text-decoration: none;
}
.login-text{
	padding:0 35px;
}
.login-text p{
	color: #7c7c7c;
}
.login-text hr{
	margin:35px 10px 25px 10px;
}
.frontpage-header{
	border-top: 1px solid #e8e5e0;
	background-color: #fcfbfa;
	padding: 15px 0;
}

/* Pointshop */
.select-container .form-control{
	display: inline-block;
}
.menu-headline{
	display: inline-block;
	padding-left:20px;
}
.pointshop-carousel{
	margin-bottom: 20px;
}
.pointshop-carousel-left{
	position: relative;
	float: left;
	width: 66.1%;
}
.pointshop-carousel-left a:hover .image-overlay-icon{
	font-size: 108px;
}
.pointshop-carousel-right{
	overflow: hidden;
	position: relative;
	width: 33.9%;
	float: left;
}
.pointshop-carousel-right-mobile{
	overflow: hidden;
	position: relative;
	width: 100%;
	border-top: 1px solid #edeae6;
}
.pointshop-carousel-right img,
.pointshop-carousel-right-mobile img{
	position: absolute;
}
.pointshop-carousel-left-btn{
	position: absolute;
	left:20px;
	bottom:0;
	z-index: 1;
}
.pointshop-carousel-left-btn .btn-pink{
	display: block;
	font-size: 12px;
	height: 45px;
	line-height: 45px;
	padding: 0 10px 0 0;
	float: left;
}
.pointshop-carousel-left-btn .btn-black{
	display: block;
	font-size: 12px;
	height: 45px;
	line-height: 45px;
	padding: 0 10px;
	float: left;
	margin-left: 10px;
}
.pointshop-carousel-left-btn .questionmark-box{
	font-size: 25px;
	height: 45px;
	color: #d60080;
	background-color: #d2cfcf;
	font-family:'embCenturyGothic-Bold';
	float: left;
	padding:0 12px;
	margin-right: 10px;
}
.pointshop-carousel-left-btn .btn-pink .icon-chevron-right:before,
.pointshop-carousel-left-btn .btn-black .icon-chevron-right:before{
	vertical-align: 1px;
	font-size: 8px;
	padding-left:6px;
}

/* Pointshop subpage*/
.pointshop-subpage{
	background-color: #fff;
	padding:60px 20px;
}
.pointshop-spacer{
	margin-bottom: 40px;
}
.pointshop-subpage-rightcol{
	background-color: #fff;
	padding:60px 20px 30px 20px;
	margin-bottom: 20px;
}
.pointshop-subpage h3{
	text-transform: none;
	margin-top: 0;
}

.pointshop-subpage a{
	text-decoration: underline;
	color: #d60080;
}
.pointshop-subpage a:hover{
	text-decoration: none;
}

.pointshop-divider{
	width: 60px;
	height: 3px;
	background-color: #282828;
	margin:25px 0;
}
.pointshop-subpage-rightcol h3{
	font-size: 25px;
	color: #222222;
	font-family:'embCenturyGothic-Bold';
	margin:0 0 2px 0;
}
.pointshop-subpage-rightcol .order-btn{
	position: relative;
	background-color: #d60080;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	font-family:'embCenturyGothic-Bold';
	font-size: 20px;
	padding:18px 60px;
	display: inline-block;
	border:none;
}
.pointshop-subpage-rightcol .order-btn:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #d60080;
	margin-left: -10px;
}
.pointshop-subpage-rightcol .order-btn:disabled{
	background-color: #d2cfcf;
}
.pointshop-subpage-rightcol .order-btn:disabled:after{
	border-top: 10px solid #d2cfcf;
}

.pointshop-subpage-rightcol .store-locator-btn{
	position: relative;
	background:url(https://media.matas.dk/cmassets/web/images/store-locator-icon.png) left 10px center no-repeat #000;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	font-family:'embCenturyGothic-Bold';
	font-size: 15px;
	padding:5px 12px 5px 28px;
	display: inline-block;
}
.pointshop-subpage-rightcol .store-locator-btn:hover{
	background:url(https://media.matas.dk/cmassets/web/images/store-locator-icon.png) left 10px center no-repeat #555555;
}
.pointshop-subpage-readmorebox-btn{
	position: absolute;
	bottom:10px;
	width: 100%;
	text-align: center;
}
.pointshop-subpage-readmorebox-btn .btn-pink{
	display: inline-block;
	font-size: 12px;
	height: 35px;
	line-height: 35px;
	padding: 0 10px 0 0;
}
.pointshop-subpage-readmorebox-btn .questionmark-box{
	font-size: 25px;
	height: 35px;
	color: #d60080;
	background-color: #d2cfcf;
	font-family:'embCenturyGothic-Bold';
	float: left;
	padding:0 8px;
	margin-right: 10px;
}
.pointshop-subpage-readmorebox-btn .btn-pink .icon-chevron-right:before{
	vertical-align: 1px;
	font-size: 8px;
	padding-left:6px;
}
.pointshop-modal-box{
	background-color: #fff;
	text-align: center;
	padding: 25px;
	height: 430px;
	margin-bottom:20px;
}
.pointshop-modal-box h2{
	color:#222222;
	font-size: 40px;
	margin-top:0;
}
.pointshop-modal-box h4{
	text-transform: uppercase;
}
.order-form label{
	padding: 0 0 0 30px;
}
.order-form input[type=checkbox] + label:before
{
	background: url(https://media.matas.dk/cmassets/web/images/checkbox_unchecked.jpg);
	background-size: 20px 20px;
	width: 20px;
	height: 20px;
}
.order-form input[type=checkbox]:checked + label:before
{
	content: '';
	background: url(https://media.matas.dk/cmassets/web/images/checkbox_checked.jpg);
	background-size: 20px 20px;
}
.order-form .btn-pink{
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 5px;
}
.pointshopgallery-main-image img{
	margin: 0 auto;
}
.pointshopgallery-thumb-images{
	padding:10px 0;
	margin-top:20px;
	margin-bottom:40px;
	border-top:1px solid #e8e8e8;
	border-bottom:1px solid #e8e8e8;
	text-align: center;
}
.pointshopgallery-thumb-images img{
	border: 1px solid #e8e8e8;
	border-radius: 2px;
	margin:0 4px;
	cursor: pointer;
	width: 20%;
	max-width: 80px;
}
.pointshopvideo-thumb-images .thumb{
	position: relative;
	display: inline-block;
	margin-bottom:15px;
	width: 49%;
	text-decoration: none;
	max-width: 200px;
	padding:2px;
}
.pointshopvideo-thumb-images .thumb .image-overlay-icon{
	font-size: 55px;
}
.pointshopvideo-thumb-images .thumb:hover .image-overlay-icon{
	font-size: 60px;
}
.pointshopvideo-thumb-images .thumb img{
	border: 1px solid #e8e8e8;
	border-radius: 2px;
	cursor: pointer;
	width: 100%;
}
.pointshopvideo-thumb-images .thumb p{
	font-size: 12px;
	line-height: 15px;
	margin:5px 0;
}
.videooverlay-thumbs a{
	text-decoration: none;
	display: inline-block;
}
.videooverlay-thumbs img{
	border: 1px solid #e8e8e8;
	border-radius: 2px;
	width: 100%;
}
.videooverlay-thumbs p{
	font-size: 12px;
	line-height: 15px;
	margin:5px 0 10px 0;
}
.galleryoverlay-thumbs a{
	text-decoration: none;
}
.galleryoverlay-thumbs img{
	width: 100%;
	border: 1px solid #e8e8e8;
	border-radius: 2px;
	margin-bottom:15px;
}
.galleryoverlay-main-image img{
	width: 100%;
}
.morepoints-banner img{
	width: 49%;
	max-width: 200px;
	padding:2px;
}

/* find store map */
.findstore-map-wrp{
	width: 100%;
}

.findstore-map-ifrm{
	width: 662px;
	height: 662px;
}

/*Omni mobile popup*/
.omni-mobile-popup .container-omnibar-dropdown{
	position: absolute;
	right: 0;
	left:0;
	top:0;
}
.omni-mobile-popup .omnibar-dropdown {
	width: 100%;
	text-align: center;
	padding: 20px 15px;
}
.omni-mobile-popup{
	width:100%;
}

.omni-mobile-popup .omni-mobile-socail{
	display: inline-block;
	margin-bottom: 4px;
}

.omnibar-dropdown a,
.omnibar-dropdown a:hover,
.omnibar-dropdown a:active,
.omnibar-dropdown a:focus {
	color: #222222;
	text-decoration: none;
}

@media (max-width: 1199px) {
	.findstore-map-ifrm{
		width: 525px;
		height: 525px;
	}
}

@media (max-width: 991px) {
	.findstore-map-ifrm{
		width: 490px;
		height: 490px;
	}
	.hide-when-portrait {
		display: none;
	}
}

@media (max-width: 767px) {
	.findstore-map-ifrm{
		width: 100%;
	}
}

.findstore-input-wrp > div{
	float: left;
}

.findstore-lbl{
	padding: 0;
	width: 100%;
	margin-top: 6px;
	margin-right: 10px;
}

.findstore-typeahead-wrp{
	position: relative;
	display: inline-block;
	width: 50%;
}

.findstore-typeahead-wrp.full-width{
	width: 100%;
}

.findstore-typeahead-wrp a{
	text-decoration: none;
	cursor: pointer;
}

.findstore-typeahead-wrp a > span{
	text-decoration: underline;
}

.findstore-typeahead-wrp a strong{
	font-weight: normal;
}

.findstore-tooltip{

}

.findstore-tooltip a{
	text-decoration: none;
	line-height: 34px;
	margin-left: 4px;
}

.dropdown-menu{
	width: 100%;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{
	background-color: #f8f5f0;
	color: #000;
}

/* Modal */
.modal-lg{
	width: 960px;
}
.modal-content{
	border-radius: 0;
}
.modal-body{
	background-color: #f8f5f0;
	padding: 30px 40px 40px 40px;
}
.modal-header {
	border-bottom: none;
}
.modal-header h4{
	width:85%;
	text-transform: uppercase;
}
.modal-close-btn{
	position: absolute;
	right:15px;
	top:15px;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.85%;
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.checkboxLabel{
	margin-left: 25px;
}

/*test*/
input[type=checkbox].checkboxInput{
	margin-left: -25px;
	margin-right: 10px;
}


/* Helper classes */

.spacer-102 { margin-top: 102px; }
.spacer-90 { margin-top: 90px; }
.spacer-80 { margin-top: 80px; }
.spacer-82 { margin-top: 82px; }
.spacer-70 { margin-top: 70px; }
.spacer-60 { margin-top: 60px; }
.spacer-55 { margin-top: 55px; }
.spacer-40 { margin-top: 40px; }
.spacer-30 { margin-top: 30px; }
.spacer-20 { margin-top: 20px; }
.spacer-15 { margin-top: 15px; }
.spacer-10 { margin-top: 10px; }
.spacer-5 { margin-top: 5px; }
.spacer-1 { margin-top: 1px; }
.spacer-15-right{margin-right:15px;}
.bot-spacer-40 { margin-bottom: 40px; }
.bot-spacer-20 { margin-bottom: 20px; }
.bot-spacer-15 { margin-bottom: 15px; }
.text-bold { font-family: 'embCenturyGothic-Bold'; }
.text-normal { font-weight: normal; }
.text-italic { font-family:'embCenturyGothic-Italic'; }
.text-underline {text-decoration: underline;}
.color-pink{ color: #d60080; }
.shadow-bottom {box-shadow: 0 12px 10px -6px rgba(0,0,0,0.1);}
.padding-left-10{padding-left:10px;}
.padding-right-5{padding-right:5px;}
.padding-0{padding:0;}
.inline-block{display: inline-block;}
.reset-bot-margin{margin-bottom: 0;}
.reset-margin,
.reset-margin.btn-pink{margin:0;}
.c-pointer{cursor: pointer;}
.pos-rel{position: relative;}
.normal-link{color: #d60080; text-decoration: underline;}
.normal-link:hover,
.normal-link:active,
.normal-link:focus{text-decoration: none; color: #d60080;}
.text-center {text-align: center; margin: 0 auto;}
.image-center {text-align: center; margin-left:auto; margin-right:auto; display: block;}

/*resets all bootstrap paddings */
.reset-bootstrap-padding{
	padding:0;
}

.reset-bootstrap-padding .row{
	margin:0;
}

.reset-bootstrap-padding div[class^="col"] {
	padding-left: 0;
	padding-right: 0;
}

/**/
.panel-collapse .panel-body{
	padding-left:17px;
}
.panel-group .panel-title{
	position: relative;
}
.panel-group .panel-title span{
	padding-left:17px;
	display: inline-block;
}
.panel-group .panel-title a:first-child .icon-chevron-down,
.panel-group .panel-title a:first-child .icon-chevron-up{
	position: absolute;
	padding-left:0;
}

/* alert box */
.alert-box{
	text-align: left;
	background:url(https://media.matas.dk/cmassets/web/images/alert_icon.png) 8px center no-repeat #ffbd46;
	min-height:50px;
	width:100%;
	padding:17px 8px 17px 55px;
}

.alert-box p{
	font-size: 15px;
	color:#222222;
	margin:0;
	line-height: 15px;
}

a.mystripes_link{
	color:#00234f;
	text-decoration: underline;
	font-size: 13px;
}

/* Mobile styles */
@media (max-width: 1199px) {
	.fixed-proposition .cta-text {
		font-size: 12px;
	}
	.favorite-proposition .cta-text {
		font-size: 15px;
	}
	.propostition-right-col .cta-icon{
		display: none;
	}
	.carousel-message{
		padding:20px;
	}
	.carousel h2{
		font-size: 23px;
		line-height: 28px;
	}
	.carousel h4{
		font-size: 18px;
		line-height: 20px;
	}
	.login-box h3{
		font-size: 25px;
		padding:15px 0 15px 0;
	}
	.login-box{
		width: 45%;
	}
	.login-text hr {
		margin: 15px 10px 15px 10px;
	}
	.login-text h4{
		font-size: 16px;
		line-height: 23px;
	}
	.login-text p{
		font-size: 14px;
		line-height: 16px;
	}
	.login-form .form-control,
	.forgot-pw-form .form-control {
		font-size: 14px;
	}

	/* mine striber side */
	.mystripes_splitbox.box1 p {
		font-size: 20px;
		font-style: italic;
		line-height: 30px;
		position: relative;
		top: 85px;
		left: 25px;
	}
	.mystripes_splitbox.box1 p em {
		font-style: normal;
		font-size: 40px;
		text-transform: uppercase;
		font-weight: bold;
		color: #d41380;
		font-family: "embCenturyGothic-Bold", "Century Gothic Bold", CenturyGothic, AppleGothic, sans-serif;
	}
	.mystripes_splitbox.box1 .box1stripes {
		position: absolute;
		left: 260px;
		top: 94px;
		white-space: nowrap;
	}
	.mystripes_splitbox.box1 .box1stripes img {
		height: 50px;
		width: auto;
		margin-right: -16px;
	}

	/* mine striber "Nye fordele til dig" */

	.mystripes_splitbox.box2 {
		background-size: auto 321px, auto auto;
		background-position: 269px 34px, top left;
	}
	.mystripes_splitbox.box2 h4 {
		font-weight: bold;
		font-family: "embCenturyGothic-Bold","Century Gothic Bold", CenturyGothic, AppleGothic, sans-serif;
		color: #02244e;
		font-size: 35px;
		padding-left: 30px;
		margin-top: 35px;
		text-transform: uppercase;
		letter-spacing: -1px;
		width: 70%;
		line-height: 36px;
	}
	.mystripes_splitbox.box2 p {
		font-weight: normal;
		font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
		color: #02244e;
		font-size: 20px;
		padding-left: 30px;
		padding-top: 00px;
		margin:0;
		width: 65%;
	}
	.mystripes_splitbox.box2 div.stripe_btn{
		font-weight: bold;
		font-family: "embCenturyGothic-Bold", "Century Gothic Bold", CenturyGothic, AppleGothic, sans-serif;
		color: #fff;
		font-size: 20px;
		padding-left: 30px;
		margin: 0;
		margin-top: 25px;
	}

	.mystripes_splitbox.box3.advantage .innerBox {
		background-position: 300px center;
		background-size: 150px auto;
	}
	.mystripes_splitbox.box3.advantage .innerBox p {
		font-size: 24px;
		line-height: 26px;
	}

}

@media (max-width: 991px) {

	.md-text-center{text-align: center;}
	.modal-lg{
		width: 700px;
	}
	.footer-headline{font-size:12px;}
	.footer li{font-size:11px;}
	.side-menu li{
		font-size: 16px;
	}
	.fixed-proposition .cta-text {
		font-size: 16px;
	}
	.sidemenu-unfold li{
		font-size: 13px;
	}
	.carousel-message{
		padding:10px;
		background-size: 50%;
	}
	.carousel h4{
		font-size: 16px;
		line-height: 18px;
		margin:10px 0;
	}
	.login-box{
		width:100%;
		display: block;
		position: relative;
		background-color: #fff;
		padding: 0 10px 30px 10px;
	}
	.article-container{
		padding:5px 20px 20px 25px;
	}
	.article-container-comp{
		padding:0px 20px 0px 25px;
	}
	.pointshop-subpage-rightcol .order-btn {
		font-size: 20px;
		padding: 10px 32px 12px 32px;
	}
	.pointshop-subpage-readmorebox-btn .btn-pink {
		width: 100%;
	}
	.pointshop-subpage{
		padding:30px 20px;
	}
	.pointshop-subpage-rightcol{
		padding:30px 20px 30px 20px;
	}
	.pointshop-modal-box{
		height: auto;
	}
	.videooverlay-thumbs p {
		font-size: 10px;
		line-height: 13px;
	}



}

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

.omni-mobile-popup-close{
	padding-top: 10px;
	display: inline-block;
}

@media (min-width: 768px) and (max-width: 991px) {
	.pull-right-sm {
		float: right;
	}

	.navigation li.nav-icon a {
		font-size: 12px;
		padding: 0 20px;
		position: relative;
	}
	.navigation li.nav-icon a span.nav-icon-text {
		position: absolute;
		top: 30px;
		left: 0;
		width: 100%;
		display: block;
		text-align: center;
		padding: 0px 5px 0px 5px;
		font-family: "embCenturyGothic", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
		white-space: nowrap;
	}

	.mystripes_headline_6_stripes h3 {
		width: 55%;
	}
	.mystripes_headline_6_stripes .calendar p{
		font-size: 11px;
	}

	/* mine striber side */
	.mystripes_splitbox.box1 p {
		font-size: 20px;
		font-style: italic;
		line-height: 30px;
		position: relative;
		top: 65px;
		left: 25px;
	}
	.mystripes_splitbox.box1 p.expiry {
		font-size: 14px;
		padding-top: 50px;
		font-style: italic;
	}
	.mystripes_splitbox.box1 p em {
		font-style: normal;
		font-size: 45px;
		text-transform: uppercase;
		font-weight: bold;
		color: #d41380;
		font-family: "embCenturyGothic-Bold", "Century Gothic Bold", CenturyGothic, AppleGothic, sans-serif;
	}
	.mystripes_splitbox.box1 .box1stripes {
		position: absolute;
		left: 30px;
		top: 143px;
		white-space: nowrap;
	}
	.mystripes_splitbox.box1 .box1stripes img {
		height: 50px;
		width: auto;
		margin-right: -16px;
	}

	/* mine striber "Nye fordele til dig" */

	.mystripes_splitbox.box2 {
		background-size: auto 305px, auto auto;
		background-position: 183px 57px, top left;
	}
	.mystripes_splitbox.box2 h4 {
		font-weight: bold;
		font-family: "embCenturyGothic-Bold", "Century Gothic Bold", CenturyGothic, AppleGothic, sans-serif;
		color: #02244e;
		font-size: 35px;
		padding-left: 30px;
		margin-top: 25px;
		text-transform: uppercase;
		letter-spacing: -1px;
		width: 80%;
		line-height: 36px;
	}
	.mystripes_splitbox.box2 p {
		font-weight: normal;
		font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
		color: #02244e;
		font-size: 20px;
		padding-left: 30px;
		padding-top: 00px;
		margin:0;
		width: 70%;
	}
	.mystripes_splitbox.box2 div.stripe_btn {
		font-weight: bold;
		font-family: "embCenturyGothic-Bold", "Century Gothic Bold", CenturyGothic, AppleGothic, sans-serif;
		color: #fff;
		font-size: 20px;
		padding-left: 30px;
		margin: 0;
		margin-top: 15px;
	}

	.mystripes_splitbox.box3.advantage .innerBox {
		background-position: 240px 40px;
		background-size: 100px auto;
	}
	.mystripes_splitbox.box3.advantage .innerBox p {
		font-size: 18px;
		line-height: 20px;
	}
	.mystripes_splitbox.box3.advantage .innerBox p.expiry {
		margin-top: 15px;
	}

}

@media (max-width: 767px) {
	.stribes-fullwidth-img {
		margin-left: -30px;
		width: calc(100% + 65px);
	}
	.footer-end{
		padding: 0;
	}
	.modal-lg{
		width: auto;
	}
	.text-center-mobile{text-align: center;}
	.mobile-text-right{text-align: right;}
	.mobile-spacer-15{margin-top:15px;}
	.mobile-spacer-10{margin-top:10px;}
	.mobile-spacer-5{margin-top:5px;}

	.proposition {
		margin-bottom: 10px;
	}
	.proposition .cta-text{
		line-height: 15px;
	}
	.proposition hr {
		margin: 0px 10px 10px 10px;
	}
	.proposition h1,
	.proposition h4,
	.proposition p,
	.proposition a{
		padding: 0 10px;
	}
	.proposition h4 {
		margin-top: 10px;
	}
	.fixed-proposition .cta-text{
		font-size: 13px;
	}
	.fixed-proposition a{
		white-space: nowrap;
		overflow: hidden;
		text-overflow:ellipsis;
	}
	.fixed-proposition p {
		height: 90px;
	}
	.competition-proposition p {
		height: 90px;
	}
	.competition-proposition .participate{
		padding: 5px 10px;
	}
	.offer-proposition h4 {
		height: 39px;
	}
	.video-proposition p {
		height: 90px;
	}
	.clubpartner-proposition p {
		height: 55px;
	}
	.favorite-proposition p {
		height: 55px;
	}
	.activity-proposition p {
		height: 145px;
	}
	.price-proposition p{
		height: 75px;
	}
	.price-proposition h4 {
		height: 38px;
	}
	.price-proposition .point-ribbon{
		text-align: center;
		padding:8px 10px;
		line-height: 16px;
	}
	.price-proposition .point-ribbon .missing-points{
		float: none;
		font-size: 10px;
		display: block;
	}
	.article-proposition p{
		height: 162px;
	}
	.newproduct-proposition h4 {
		height: 39px;
	}
	.newproduct-proposition p {
		height: 142px;
	}
	.filter ul{
		border-spacing: 0;
	}
	.creditcard-container{
		text-align: center;
		padding: 10px 0 20px 0;
	}
	.creditcard-container img{
		margin-right: 10px;
		height: 25px;
	}
	.quicklink-container a{
		display: block;
		width: 100%;
		text-align: center;
		font-size: 13px;
		text-decoration: underline;
		padding: 5px 0;
		border:none;
	}
	.quicklink-container{
		float: none;
	}

	body {font-size: 13px;}
	h1 {font-size: 40px;}
	h2 {font-size: 25px;}
	h3 {font-size: 25px;}
	h4 {
		font-size: 16px;
		line-height: 18px;
	}
	p {
		font-size: 13px;
		line-height: 18px;
		margin-bottom: 10px;
	}
	.disclaimer{
		font-size: 10px;
		line-height: 10px;
	}
	a.btn-pink {
		font-size: 13px;
		line-height: 30px;
	}
	.cta-price {
		font-size: 16px;
		line-height: 20px;
		height: 30px;
	}
	.image-label {
		padding-left: 10px;
		font-size: 12px;
	}
	.image-label .icon-hjerte:before{
		font-size: 10px;
	}
	.image-label .icon-partner-icon:before{
		font-size: 20px;
	}
	.my-points {
		height: 37px;
		line-height: 37px;
		padding:0 7px;
		min-width: 37px;
		display: none;
	}
	.headline-heart.icon-hjerte:before{
		font-size: 18px;
		vertical-align: 1px;
	}
	.mobile-text-center{
		text-align: center;
	}
	.favo-border{
		border-right: none;
	}
	.favo-status{
		padding: 20px 10px 0px 10px;
	}
	.favo-progressbar{
		margin-top:15px;
	}
	.favo-topbanner{
		margin-bottom: 10px;
	}
	.article{
		margin-bottom: 10px;
	}
	.article-container{
		padding:0 10px 10px 10px;
	}

	.article-container-comp{
		padding:10px 10px 0px 10px;
	}
	.article-image{
		width:100%;
		margin:0;
		padding:0;
		margin-bottom: 10px;
	}
	.article-divider{
		margin:20px 0;
	}
	.standard-list li{
		background: url(https://media.matas.dk/cmassets/web/images/bullet.png) no-repeat left 6px;
		padding-left: 15px;
	}
	.standard-list{
		padding:0 0 0 5px;
	}
	.form-horizontal .form-group {
		margin-left:0;
		margin-right:0;
	}
	.form-contact [class^="col"] {
		padding-left: 0;
		padding-right: 0;
	}
	.faq .icon-chevron-up:before,
	.faq .icon-chevron-down:before{
		vertical-align: 0;
	}
	.faq p{
		padding-left:0;
	}
	.carousel{
		margin-bottom: 10px;
	}
	.carousel h4,
	.carousel .cta-text {
		font-size: 16px;
		line-height: 21px;
	}
	.carousel-message{
		position: relative;
		display: block;
		width: 100%;
		background-color: #fff;
		background-size: 125px 48px;
		border-top:1px solid #edeae6;
		padding-bottom: 20px;
	}
	.carousel-image.carousel-crop img{
		width: 150%;
	}
	.profile-favo-listitem{
		padding:15px 0;
	}
	.profile-favo-listitem h4{
		width: 100%;
		padding-bottom: 5px;
		padding-top: 0;
		display: block;
	}
	.profile-favo-listitem .btn-pink{
		display: block;
	}
	.form-profile [class^="col"] {
		padding-left: 0;
		padding-right: 0;
	}
	.panel-title{
		font-size: 13px;
	}
	.panel-group .panel-title a:first-child .icon-chevron-down,
	.panel-group .panel-title a:first-child .icon-chevron-up{
		top:2px;
	}
	.bonus-saving .icon-chevron-down,
	.bonus-saving .icon-chevron-up{
		padding-right: 5px;
		vertical-align: 0;
	}
	.point-balance-tabs .table td:last-child{
		/*width: 22%;*/
	}
	.point-balance-tabs .icon-chevron-down,
	.point-balance-tabs .icon-chevron-up{
		padding-right: 5px;
		vertical-align: 0;
	}
	.point-balance-tabs .tab-points{
		display: block;
		font-size: 10px;
	}
	.point-balance-tabs .nav-tabs > li {
		text-align: center;
	}
	.point-balance-tabs .date-transfers,
	.point-balance-tabs .date-transfers .panel-title{
		font-size: 11px;
		line-height: 14px;
	}
	.login-form,
	.forgot-pw-form{
		width: 100%;
	}
	.login-text{
		padding:0 10px;
	}
	.pointshop-carousel-left{
		width: 100%;
	}
	.pointshop-carousel-left-btn{
		position: relative;
		left:0;
	}
	.pointshop-carousel-left-btn .btn-pink,
	.pointshop-carousel-left-btn .btn-black{
		width: 100%;
		margin-left: 0;
	}
	.pointshop-carousel-left-btn .questionmark-box{
		margin-left:0;
	}
	.pointshop-carousel-left .image-overlay-icon {
		bottom: 70px;
		font-size: 80px;
	}
	.modal-close-btn{
		right:10px;
		top:10px;
	}
	.modal-body{
		padding: 10px;
	}
	.modal-body.no-padding{
		padding: 0px;
	}
	.pointshop-subpage {
		margin-bottom: 10px;
		padding: 30px 10px;
	}
	.pointshop-spacer{
		margin-bottom: 10px;
	}
	.pointshop-subpage-rightcol {
		margin-bottom: 10px;
	}
	.pointshop-subpage-readmorebox-btn {
		position: relative;
	}
	.pointshop-modal-box {
		margin-bottom: 10px;
	}
	.pointshopvideo-thumb-images .thumb p{
		font-size: 10px;
		line-height: 12px;
	}
	.pointshopgallery-thumb-images {
		margin-bottom: 20px;
	}
	.videooverlay-thumbs a {
		width: 24%;
	}
	.videooverlay-thumbs{
		margin-top:10px;
		text-align: center;
	}
	.galleryoverlay-thumbs{
		margin-top:10px;
		text-align: center;
	}
	.galleryoverlay-thumbs img{
		margin-bottom:0;
		width: 24%;
	}

	.icon-menu {
		background-color: #fff;
		position: relative;
		width: 100%;
	}
	.icon-menu .my-points {
		display: inline-block;
	}
	.icon-menu .my-favs {
		display: inline-block;
		background-color: #fff;
		background-image: url(https://media.matas.dk/cmassets/web/images/icons/cm_icon_favoritter.png);
		background-repeat: no-repeat;
		background-position: center center;
		font-size: 10px;
		padding-top: 1px;
		text-align: center;
	}
	.icon-menu .my-favs.digits_3 {
		font-size: 8px;
	}
	.icon-menu ul {
		width: 100%;
		padding: 0;
		margin: 0;
		text-align: center;
	}
	.icon-menu li {
		width: 32.5%;
		height: 80px;
		padding: 0;
		margin: 0;
		background-color: #f2f3f6;
		border: 0;
	}
	.icon-menu.favs_0 li {
		width: 50%;
		height: 80px;
		padding: 0;
		margin: 0;
		background-color: #f2f3f6;
		border: 0;
	}
	.icon-menu li:first-child {
		float: left;
	}
	.icon-menu li:last-child {
		float: right;
	}
	.icon-menu li.nav-icon a {
		width: 100%;
		font-size: 12px;
		padding: 0 10px 0 10px;
		position: relative;
		font-family: "embCenturyGothic", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
		display: inline-block;
		border: 0;
	}
	.icon-menu li.nav-icon a span.nav-icon-text {
		position: absolute;
		top: 30px;
		left: 0;
		width: 100%;
		display: inline-block;
		text-align: center;
		font-family: "embCenturyGothic", "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
		white-space: nowrap;
	}

	.mystripes_readmore {
		background-color: #ffffff;
	}
	.mystripes_readmore_mobile.mystripes_whitebg {
		background-color: #ffffff;
	}
	.mystripes_readmore p{
		padding: 20px;
	}
	.mystripes_readmore_mobile {
		height: 50px;
		text-align: center;
		padding-top: 12px;
		background-color: #fdf8fb;
		border-top: 1px solid #f2dbeb;

	}
	.mystripes_readmore_mobile p {
		color: #d60080;
		font-size: 16px;
		text-transform: uppercase;
	}
	.mystripes_readmore_mobile p span{
		color: #d60080;
		border: 1px solid #d60080;
		width: 26px;
		height: 26px;
		border-radius: 13px;
		display: inline-block;
		padding-top: 2px;
		text-align: center;
		margin-left: 5px;
	}
	.mystripes_readmore_mobile p span:before {
		content: "+";
		font-size: 20px;

		font-family: Times, TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
	}
	.mystripes_readmore_mobile p span.open{

	}
	.mystripes_readmore_mobile p span.open:before {
		content: "_";
		position: relative;
		top: -10px;
	}

	.mystripes_3rd_box {
		width: 100%;
		display: block;
		margin-bottom: 0px;
		float: none;
		border-bottom: 1px solid #dde0e2;
		/*position: relative;*/
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f7f9fb));
		background: -webkit-linear-gradient(top, #ffffff, #f7f9fb);
		background: -moz-linear-gradient(top, #ffffff, #f7f9fb);
		background: -ms-linear-gradient(top, #ffffff, #f7f9fb);
		background: -o-linear-gradient(top, #ffffff, #f7f9fb);
	}
	.mystripes_3rd_box:first-child, .mystripes_3rd_box:last-child{
		float: none;
	}
	.mystripes_3rd_box:last-child{
		border: 0;
	}
	.mystripes_3rd_box .bg-striber-corner {
		display: none;
	}
	.mystripes_3rd_box .headerWrapper {
		position: relative;
		display: block;
		min-height: 100px;
	}
	.mystripes_3rd_box .contentWrapper {
		overflow-y: hidden;
		height: 0px; /* approximate max height */

	}
	.mystripes_3rd_box .contentWrapper.open {
		height: auto; /* approximate max height */

	}
	.mystripes_3rd_box .headerWrapper .accordionIcon {
		width: 49px;
		height: 49px;
		position: absolute;
		top: 25px;
		right: 15px;
		border: 1px solid #00234f;
		border-radius: 50%;
		padding-top: 24px;
	}
	.mystripes_3rd_box .headerWrapper .accordionIcon::before {
		content: "+";
		color: #00234f;
		font-size: 40px;
		font-weight: 100;
		line-height: 0;
		font-family: Times, TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif
	}
	.mystripes_3rd_box .headerWrapper .accordionIcon.open {
		padding-top: 2px;
	}
	.mystripes_3rd_box .headerWrapper .accordionIcon.open::before {
		content: "_";
	}
	.mystripes_3rd_box .icon {
		position: absolute;
		top: 0px;
		left: 10px;
	}
	.mystripes_3rd_box .icon img {
		width: 60px;
		height: auto;

	}
	.mystripes_3rd_box h4 {
		font-size: 14px;
		line-height: 16px;
		text-align: left;
		position: absolute;
		left: 50px;
		width: 70%;
		margin-top: 0;
		top: 50%;
		height: auto !important;
		transform: translateY(-50%);
	}
	/*.mystripes_3rd_box .image {
		width: 100%;
		position: absolute;
		top: 50px;
		margin-top: 0px;
	}*/


	.mystripes_headline_container {
		margin-top: 0px;
		padding: 0;
	}
	.mystripes_3_col {
		padding: 0;
	}
	h3.mystripes_headline  {
		display: block;
		width: 100%;
		font-size: 18px;
		padding-top: 18px;
		padding-bottom: 18px;
		padding-left: 10%;
		padding-right: 10%;
		margin: 0;
		border-top: 1px solid #e0e3e5;
		border-bottom: 1px solid #e0e3e5;
		font-family: "embCenturyGothic-Bold", "Century Gothic Bold", CenturyGothic, AppleGothic, sans-serif;
		font-weight: bold;
		background: rgb(253,253,254);
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY3ZmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top, rgb(253,253,254) 0%, rgb(245,247,250) 100%);
		background: -webkit-linear-gradient(top, rgb(253,253,254) 0%,rgb(245,247,250) 100%);
		background: linear-gradient(to bottom, rgb(253,253,254) 0%,rgb(245,247,250) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfe', endColorstr='#f5f7fa',GradientType=0 );
	}

	.mystripes_headline_6_stripes {
		background-color: #fdbb49;
		min-height: 65px;
	}

	.mystripes_headline_6_stripes h3 {
		background-image: none;
		padding: 0;
		margin: 14px 0px 0px 0px;
		font-size: 20px;
	}
	.mystripes_headline_6_stripes p.before-date {
		margin: 0 0 10px 0;

	}
	.mystripes_headline_6_stripes .calendar {
		right: 10px;
		top: 8px;
	}
	.mystripes_headline_6_stripes .calendar .days {
		/*background-image: url(https://media.matas.dk/cmassets/web/images/mine_striber/icon_calendar_white.png);
		background-size: contain;
		color: #fff;*/
	}

	/* mine striber side */
	.mystripes_splitbox.box1 {
		height: 125px;
	}
	.mystripes_splitbox.box1 p {
		font-size: 20px;
		font-style: italic;
		line-height: 30px;
		position: relative;
		top: 32px;
		left: 15px;
	}
	.mystripes_splitbox.box1 p em {
		font-style: normal;
		font-size: 30px;
		text-transform: uppercase;
		font-weight: bold;
		color: #d41380;
	}
	.mystripes_splitbox.box1 .box1stripes {
		position: absolute;
		left: 180px;
		top: 57px;
		white-space: nowrap;
	}

	.mystripes_splitbox.box1 .box1stripes img {
		height: 30px;
		width: auto;
		margin-left:7px;
	}

	.mystripes_splitbox.box2 {
		height: 175px;
		background-size: auto 301px, auto auto;
		background-position: calc(100% + 33px) 12px, top left;
	}
	.mystripes_splitbox.box2 h4 {
		padding-top: 20px;
		margin-left: -20px;
		font-size: 26px;
		line-height: 30px;
		width: 80%;
	}

	.mystripes_splitbox.box2 p {
		display: none;
	}
	.mystripes_splitbox.box2 div.stripe_btn {
		margin-left: -20px;
		font-size: 26px;
	}

	.mystripes_splitbox.box3.advantage .innerBox {
		background-position: calc(100% - 10px) 40px;
		background-size: 80px auto;
	}
	.mystripes_splitbox.box3.advantage .innerBox p {
		font-size: 18px;
		line-height: 20px;
	}
	.mystripes_splitbox.box3.advantage .innerBox p.expiry {
		margin-top: 20px;
		font-style: italic;
	}


	/* Frontpage */
	.mystripes_frontpage .stripes_all .animatedStripe,
	.mystripes_frontpage .stripes_slots .animatedStripe {
		margin-right: -12px;
		height: 42px;
	}

	.stripes_all {
		margin-top: -42px;
	}

	.mystripes_frontpage .stripes_all .animatedCheck {
		height: 28px;
		margin-left: 10px;
	}

	.mystripes_frontpage {
		background-size: 50% auto;
		background-size: 190px auto;
		background-position: 110% 110%;
		background-repeat: no-repeat;
		height: 310px;
		padding-left: 20px;
	}

	.mystripes_frontpage h4 {
		font-weight: bold;
		font-family: "embCenturyGothic-Bold", "Century Gothic Bold", CenturyGothic, AppleGothic, sans-serif;
		color: #02244e;
		font-size:30px;
		padding: 0px;
		margin: 0px;
		text-transform: uppercase;
		letter-spacing: -1px;
	}
	.mystripes_frontpage p {
		font-size: 20px;
		line-height: 120%;
	}
	.mystripes_frontpage a {
		font-weight: bold;
		font-family: "embCenturyGothic-Bold", "Century Gothic Bold", CenturyGothic, AppleGothic, sans-serif;
		color: #fff;
		font-size: 17px;
		padding: 6px 12px;
		margin: 0;
		text-transform: uppercase;
		background-color: #d41380;
		display: inline-block;
	}

}

@media (min-width: 992px) {
	.navigation li.logo img.logo {
		width: 164px;
	}
	.navigation li a {
		font-size: 16px;
		padding: 0 20px;
	}
	.navigation li.nav-icon  {
		border: 0;
	}
	.navigation li.nav-icon a {
		font-size: 12px;
		padding: 0 20px;
		position: relative;
	}
	.navigation li.nav-icon a span.nav-icon-text {
		position: absolute;
		top: 30px;
		left: 0;
		width: 100%;
		display: block;
		text-align: center;
	}
}

@media (max-width: 375px) {
	.small-super {
		font-size: 7px;
	}
	.cta-price {
		font-size: 13px;
		line-height: 20px;
		padding: 2px 20px 3px 10px;
	}
	a.btn-pink {
		font-size: 11px;
	}
}


@font-face {
	font-family:'embCenturyGothic';
	src:url(https://media.matas.dk/cmassets/web/fonts/CenturyGothic.eot?#iefix) format('embedded-opentype'),
	url(https://media.matas.dk/cmassets/web/fonts/CenturyGothic.woff) format('woff'),
	url(https://media.matas.dk/cmassets/web/fonts/CenturyGothic.ttf) format('truetype'),
	url(https://media.matas.dk/cmassets/web/fonts/CenturyGothic.svg#CenturyGothic) format('svg');
	font-weight:normal;
	font-style:normal
}
@font-face {
	font-family:'embCenturyGothic-Bold';
	src:url(https://media.matas.dk/cmassets/web/fonts/CenturyGothic-Bold.eot?#iefix) format('embedded-opentype'),
	url(https://media.matas.dk/cmassets/web/fonts/CenturyGothic-Bold.woff) format('woff'),
	url(https://media.matas.dk/cmassets/web/fonts/CenturyGothic-Bold.ttf) format('truetype'),
	url(https://media.matas.dk/cmassets/web/fonts/CenturyGothic-Bold.svg#CenturyGothic-Bold) format('svg');
	font-weight:normal;
	font-style:normal
}
@font-face {
	font-family:'embCenturyGothic-Italic';
	src:url(https://media.matas.dk/cmassets/web/fonts/CenturyGothic-Italic.eot?#iefix) format('embedded-opentype'),
	url(https://media.matas.dk/cmassets/web/fonts/CenturyGothic-Italic.woff) format('woff'),
	url(https://media.matas.dk/cmassets/web/fonts/CenturyGothic-Italic.ttf) format('truetype'),
	url(https://media.matas.dk/cmassets/web/fonts/CenturyGothic-Italic.svg#CenturyGothic-Italic) format('svg');
	font-weight:normal;
	font-style:normal
}
@font-face {
	font-family:'embCenturyGothic-BoldItalic';
	src:url(/fontsItalic/CenturyGothic-BoldItalic.eot?#iefix) format('embedded-opentype'),
	url(https://media.matas.dk/cmassets/web/fontsItalic/CenturyGothic-BoldItalic.woff) format('woff'),
	url(https://media.matas.dk/cmassets/web/fontsItalic/CenturyGothic-BoldItalic.ttf) format('truetype'),
	url(https://media.matas.dk/cmassets/web/fontsItalic/CenturyGothic-BoldItalic.svg#CenturyGothic-BoldItalic) format('svg');
	font-weight:normal;
	font-style:normal
}
@font-face {
	font-family:'embGaramondPremrPro-It';
	src:url(/fonts/GaramondPremrPro-It.eot?#iefix) format('embedded-opentype'),
	url(https://media.matas.dk/cmassets/web/fonts/GaramondPremrPro-It.otf) format('opentype'),
	url(https://media.matas.dk/cmassets/web/fonts/GaramondPremrPro-It.woff) format('woff'),
	url(https://media.matas.dk/cmassets/web/fonts/GaramondPremrPro-It.ttf) format('truetype'),
	url(https://media.matas.dk/cmassets/web/fonts/GaramondPremrPro-It.svg#GaramondPremrPro-It) format('svg');
	font-weight:normal;
	font-style:normal
}


.card{
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 rgba(191,211,231,0.4);
	margin-bottom: 20px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 20px;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	color: #002643;
	justify-content: space-between;
}
.interests {
	background-color: #F2F6FA;
	padding: 12px;
}
.interest-icon {
	width: 33px;
	height: 27px;
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	margin-right: 12px;
}

.card div {
	display: flex;
	align-items: center;
}

.card > .checked {
	background-repeat: no-repeat;
	background-size: contain;
	width: 33px;
	height: 27px;
	background-image: url(https://media.matas.dk/cmassets/web/images/icons/advisor/icon_benefits.png);
}
.card > .unchecked {
	background-repeat: no-repeat;
	background-size: contain;
	width: 33px;
	height: 27px;
	background-image: url(https://media.matas.dk/cmassets/web/images/icons/advisor/icon_benefits_nocheckmark.png);
}

.card div .interestFacecare {
	background-image: url(https://media.matas.dk/cmassets/web/images/icons/advisor/ansigtpleje_Lg.png);
}
.card div .interestHealth {
	background-image: url(https://media.matas.dk/cmassets/web/images/icons/advisor/helse_Lg.png);
}
.card div .interestBodycare {
	background-image: url(https://media.matas.dk/cmassets/web/images/icons/advisor/kropspleje_Lg.png);
}
.card div .interestHaircare {
	background-image: url(https://media.matas.dk/cmassets/web/images/icons/advisor/haar_Lg.png);
}
.card div .interestFragrance {
	background-image: url(https://media.matas.dk/cmassets/web/images/icons/advisor/dufte_Lg.png);
}
.card div .interestFitness {
	background-image: url(https://media.matas.dk/cmassets/web/images/icons/advisor/traening_Lg.png);
}
.card div .interestMakeup {
	background-image: url(https://media.matas.dk/cmassets/web/images/icons/advisor/makeup_Lg.png);
}
.card div .interestHomeLifeStyle {
	background-image: url(https://media.matas.dk/cmassets/web/images/icons/advisor/bolig_Lg.png);
}