/*
Pink = DC016B
Gray = 646569
LighterGray = 747579
Yellow = FCE91E
*/



/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {3601

	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

#container{
	margin-left: auto;
	margin-right: auto;
/*	max-width: 1000px;*/
	padding-bottom: 1.188em;
	width: 100%;
	overflow-x: hidden;
}



html{
	width: 100%;
	height: 100%;
	font-size: 1em; 
	-webkit-text-size-adjust: 1em; 
	-ms-text-size-adjust: 1em;
	}

body
{
	margin:0;
	padding:0;
	color:#646569;
	font-family: Arial, Verdana;
	background-color: #ffffff;
/*	overflow: visible !important;*/
	width: 100%;
	height: 100%;
/*	overflow-x: hidden;*/
	
	
}

/*#my-menu{
	display: none;
}*/

table {
font-size: 1em;
width: 100%;
}

._cadeaukaart .content table{
	width: 96% !important;
}

strong{
	font-weight: bold;
}

.cf {
	margin: 5px;
}

a
{
	color:#4a4a4a;
	text-decoration: none;
}

h1
{
	font-size:1.4em;
	line-height:1.5em;
	color:#DC016B;
	font-weight: bold;
}

h2
{
	font-size:1.2em;
	color:#000000;
	margin: 3px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}

p
{
	margin: 0px 5px 0px 0px;
	font-size: 0.8em;
}



p:first-letter
{
}

select
{
	width: 80%;
	border: 1px solid #aeaeae;
	background-color: #f5f5f5;
	font-size: 1em;
	padding: 5px 3px;
	border-radius: 0.3em;
	margin-bottom: 10px;
}

.content p
{
	margin-top: 5px;
}

.content p:first-letter
{
}

.MsoNormal {
	font-size:100%;
}


#top {
	/*background-color: #f8f6f6;*/
	background-color:  #FFF;
	}
	
.search_container {
		background-color: #DC016B;
		padding: 2%;
	}

#search
{
	clear:both;
	position:relative;
	/*height:2.2em;*/
	border-radius: 0.3em;
	shape-renderingmargin: 5px;
	margin: 0 5px;
	background-color: #fff;
	}


#searchicon
{
	float:left;
	width: 2.2em;
	height: 2.2em;
background: url('/images/images_mobiel/search_icon.png') no-repeat;
	margin: 0 0 0 1%;
}

#searchbox
{
	overflow:hidden;
	margin: 1px 6px 0px 0px;
	background-color: #fff;
/*	padding-top: 4px;*/
}

#searchbox input{
	font-size: 1em;
	height: 26px !important;
}



.TBZoek
{
	border:0px solid #FFFFFF;
	width: 90%;
}

#BTNZoek
{
	border:0px;
	width:22px;
	height:16px;
	/*background-image:url('/images/layout/search_button.png');*/
	margin: 3px 2px 3px 2px;
	cursor:pointer;
	background-color:transparent;
}

#BTNZoek:hover
{
	cursor:pointer;
}

#searchbutton
{
	display: none; /*hide mobiel*/
}

.hr
{
	margin: 0px 0px;
	clear:both;
	/*background-color:#DC016B;*/
	border: 0px;
	color:#DC016B;
	height:1px;
}

#home-button
{
    width:148px;
    height:93px;
    margin: 20px 0px 0px 0px;
    border:solid #646569 1px;
    overflow:hidden;
}



#folder
{
    width:148px;
    height:273px;
    margin: 20px 0px 0px 0px;
    border:solid #646569 1px;
    overflow:hidden;
}

#folder > a.title-button {
	position: relative;
}

#folder img
{
}

#folder_groot
{
	text-align:center;
	width: 100%;
	margin-top: 20px;
    position: relative;
}
#folder_groot img{
	width: 80% ;
}

#folder_groot input[type="image"]
{
	border: 1px solid #DC016B !important;
	max-width:100%;
}

    #folder_groot .DownloadFolder {
        position: absolute;
        left: 0px; 
        bottom: 0px;
        text-align: left;
        width: 30%;
        display: none;
    }

        #folder_groot .DownloadFolder a img {
            border: none;
            margin: 8px 0 0 0;
        }

.DownloadFolder{
	display: none;
}


#mainnavigation
{
/*	float:left;
	width:760px;
	height:60px;
	margin: 20px 0px 0px 40px; 
	
	hide mobiel*/
}

#hoofdmenu
{
	/*float:left;
	width:760px;
	height:20px;
	line-height:20px;
	margin-bottom:20px;
	
	hide mobiel*/
}

#kruimelpad
{
	float:left;
	color: #646569;
	min-height:17px;
	line-height:26px;
	padding: 3px 0px 0px 0px;
	width: 100%;
	margin-left: 5px;
}


#carousel
{
	/*width:760px;
	height:275px;
	/* background-color:#DC016B; *!/
	margin: 0px 0px 20px 0px;
	overflow:hidden;*/
	clear: both;
	/*touch-action: none;*/
	/*width: 100%;*/
	
}

.slidesjs-control{
	/*width: 100% !important;
	height: auto !important;*/
}

.slidesjs-control img{
	width: 100% !important;
    height: 100% !important;
}

#homepage
{
	margin-left:-20px;
}

.HomeImageContainer{
	display: none;
}

/* Styles voor menu met ID 1 (zie Masterpage)  */
ul#menu1
{
	float:left;
	width:150px;
	margin: 23px 0px 10px 0px;
	list-style:none;
	padding-left:0px;
	font-size:1.1em;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing: 0px;

}

#menu1 .menuselected a
{
	color: #000000;
}

ul#menu1 li
{
	background-color: #ffffff;
	width: 150px;
	margin: 0px;
	padding: 0px;
	display: inline;
}


ul#menu1 a
{
	display:block;
	text-decoration: none;
	padding: 5px 5px 5px 10px;
	background-color: #fff;
	text-align:right;
	color:#646569;
}

ul#menu1>li:first-child>a
{
    color:#DC016B;
/*	border-bottom:solid #DC016B 1px;*/
}


ul#menu1 a:hover
{
	/* text-decoration: underline; */
}

ul#menu1 .IE7clear
{
	background-color:transparent;
	border:none;
	margin-bottom: 0px;
}

li.menuheader
{
	color: #FCE91E;
	font-weight: bold;
	display: inline;
	margin-left:20px;
	margin-right:20px;
	font-size:1em !important;
}



.seperator
{
	margin: 0 10px 0 10px;
}
/* einde menu's */

#leftcolumn
{
    display:block;
	float:left;
	width:150px;
	display: none; /* hide mobiel */
}




#fbpage {
/*	overflow: hidden;*/
	float:left;
	width:760px;
	min-height:650px;
	}

#bottom {
	width:98%;
	z-index: 999;
	clear:both;
	margin-top: 5px;
	margin: 5% auto 0 auto;
}

.ContentHeading
{
	height:20px;
	padding:0px 0px 9px 0px;
	border-bottom:#DC016B solid 1px;
	margin-bottom:20px;
}

/* Product */
.producttitle
{
/*	font-size:1.2em;*/
	margin-top: 5px;
	color:#000000;
	font-weight:bold;
	overflow:hidden;
	min-height: 27px;
	line-height: 13px;
}

.ProductDetails .producttitle {
	display: none;
}

.producttitle>a
{
	color: #000000 !important;
	text-decoration:none;
}

.producttitle>a:hover
{
	color: #DC016B !important;
	text-decoration:none;
}


.prijs
{
	color:#000000;
	float:right;
	font-size: 1.3em;
	font-weight: bold;
	line-height:24px;
	text-align: right;
}

.PrijsImage {
    position: absolute;
    margin: 0px 0 0 5px;
    z-index: 3;
}

   .ImageSmall .PrijsImage>img, .PrijsImage>img {
        width: 60%;
        height: 60%;
    }

/* Product lijst */
.ProductLijst
{
	height:178px;
	width:98%;
	margin-bottom:0px;
	padding:18px 0px 20px 0px;
	border-bottom:#DC016B solid 1px;
}

.ProductLijstContainer
{
	float:left;
	height:178px;
	width:98%;
	margin-left:20px;
}

.ProductLijstText
{
/*	height:122px;*/
	border-top:#646569 solid 1px;
	padding:8px 0px 0px 0px;
	overflow:hidden;
	margin-top: 9px;
}

#Overzicht
{
	margin: 5px 0px 0px 0px;
	width: 100%;
	display: block;
	float: left;
}

.ProductCategorie
{
	float:left;
/*	height:200px;*/
	width:240px;
	margin: 0px 0px 20px 20px;
}

/* Product Overzicht */
.ProductOverzichtInhoud, .WebactieOverzichtInhoud, .ActieOverzichtInhoud, .NieuwOverzichtInhoud
{
	float:left;
	height: 64px;
	width:100%;
	margin-top: 2%;
}

#Overzicht > p
{
	margin-left: 10px;
}

.ProductOverzicht, .WebactieOverzicht, .ActieOverzicht, .NieuwOverzicht
{
	float:left;
	width:46%;
	margin:  0px 0px 1.5em 3%;
}

.ProductOverzichtBody, .WebactieOverzichtBody, .ActieOverzichtBody, .NieuwOverzichtBody
{
	float:left;
	width:240px;
	overflow:hidden;
	margin-bottom:22px;
	display: none;
}

.ProductOverzichtPrijsSocialmedia, .WebactieOverzichtPrijsSocialmedia, .ActieOverzichtPrijsSocialmedia, .NieuwOverzichtPrijsSocialmedia
{
	float:left;
	/*height:20px;
	line-height:24px;
	width:240px;*/
/*	padding-bottom:9px;*/
	/*border-bottom: #000 solid 1px;*/
	/*display: none;*/	/*hide mobiel*/
}

.ProductOverzichtPrijsSocialmedia, .ActieOverzichtPrijsSocialmedia {
	display: block;
	width: auto;
	border: none;
}

.ProductOverzichtPrijsSocialmedia .socialmedia, .ActieOverzichtPrijsSocialmedia .socialmedia{
	display: none;
	width: auto;
	border: none;
}

.BekijkProduct, .BekijkWebactie, .BekijkActie, .BekijkNieuw
{
	float:right;
	height:20px;
	line-height:24px;
	background-image:url(../images/layout/pijl.png);
	background-position:right 6px;
	background-repeat:no-repeat;
	padding-left:10px;
	padding-right: 10px;
	color:#DC016B;
	/*margin-top:10px;*/
	width: auto;
}

.BekijkProduct a, .BekijkWebactie a, .BekijkActie a, .BekijkNieuw a
{
	text-decoration:none;
}


.CategorieOverzichtInhoud
{
    float:left;
    height:42px;
    width:100%;
}

.CategorieOverzicht
{
   float: left;
       margin: 0 0 0.5em 3%;
       width: 46%;
       word-wrap: break-word;
}


.BekijkCategorie
{
	float:left;
	height:20px;
/*	line-height:24px;*/
/*	width:60%;*/
	background-image:url(../images/layout/pijl.png);
	background-position:left 3px;
	background-repeat:no-repeat;
	padding-left:10px;
	color:#DC016B;
	margin-top:10px;
}

.WebactieExclusiefInset,
.WebactieOverzichtExclusief {
	position:absolute;
	margin: 1px 0px 0px 1px;
	background-repeat: no-repeat;

}

.WebactieOverzichtExclusief {
	background-image:url(../images/layout/exclusief-inset-small.png);
	width:85px;
	height:81px;
}

.WebactieExclusiefInset
{
	background-image:url(../images/layout/exclusief-inset-large.png);
	width:167px;
	height:167px;
	z-index: 5;
}

.BekijkCategorie a
{
	line-height: 10px;
	text-decoration:none;
	word-wrap: break-word;
	font-weight: normal;
	font-style: normal;
	text-transform: none;
	font-variant: normal;
	text-align: left;
}

/* Product Detail */

.ProductDetailText
{
/*	min-height: 20px !important;*/
	float: left;
	margin-top: 6px;
	margin-left: 5px;
}

.ProductDetailActie
{
	width: 100%;
	float: left;
	/*margin-left: 5px;*/
	margin-top: 6px;
    font-size: 0.8em;
}

/* Knoppen & Afbeeldingen */
.HomeImage {
    float:left;
    background-color:#DC016B;
    border:solid #999999 1px;
    overflow:hidden;
	margin: 20px 0px 0px 20px;
}

.HomeImageLeft {
    float:left;
    background-color:#DC016B;
    border:solid #999999 1px;
    overflow:hidden;
	margin: 20px 0px 0px 0px;
    padding: 0;
    }


.HomeImageSmall_l, .HomeImageSmall_m, .HomeImageSmall_r{
    float:left;
    width:238px;
    height:148px;
    background-color:#DC016B;
    border:solid #999999 1px;
    overflow:hidden;
}
.HomeImageSmall_l {
	margin: 20px 20px 0px 0px;
}

.HomeImageSmall_m {
	margin: 20px 0px 0px 0px;
}

.HomeImageSmall_r {
	margin: 20px 0px 0px 20px;
}

.HomeImageMedium_l, .HomeImageMedium_r{
 /*   float:left;*/
    width:368px;
    height:228px;
    background-color:#DC016B;
    border:solid #999999 1px;
    overflow:hidden;
}

.uitgelicht{
	/*float:left;
	width:370px;
	height:230px;*/
	margin: 0px 20px 20px 0px;
}

.uitgelicht img75

{
	border:1px solid #DC016B !important;
}


.HomeImageMedium_l {
	margin: 20px 20px 0px 0px;
}

.HomeImageMedium_r {
	margin: 20px 0px 0px 0px;
}

.OtherImageMedium_r
{
	float:left;
	width:370px;
	height:230px;
	margin: 0px 0px 20px 0px;
}


.ImageLarge, .ImageMedium, .ImageSmall
{
/*	float:left;*/
}

.ImageLarge {
	width:100%;
	height:100%;
	border: 0px solid #DC016B;
	margin: 0px 0px 0px 0px;
	position: relative;
}

#ctl00_CPH01_PNLProdDetailText{
	min-height: 100% !important;
}

.ImageLarge  img {
	border: 1px solid #999999;
}
.ImageMedium {
	width:275px;
	height:240px;
	background-color:#DC016B;
	margin: 0px 0px 0px 0px;
}

.PrijsOverlay {
    position: absolute;
    left: 30px;
    top: 30px;
    z-index: 100;
}

.PrijsOverlay2
{
    position: absolute;
    left: 30px;
    top: 60%;
    z-index: 100;
}

   .PrijsOverlay img, .PrijsOverlay2 img
    {
        width: 90px;
        height: 90px;
        border: none;
    }

.ImageSmall {
	width:100%;
/*	height:176px;*/
	border: 1px solid #999999;
}

.ImageSmall img{
	width: 100%;
	height: auto;
	display: block;
}

.CadeauImageSmall_l, .CadeauImageSmall_m, .CadeauImageSmall_r{
	float:left;
	width:46%;
/*	height:150px;*/
	background-color:#DC016B;
}
.CadeauImageSmall_l {
	margin: 0px 20px 20px 0px;
}

.CadeauImageSmall_m {
	margin: 0px 0px 20px 0px;
}

.CadeauImageSmall_r {
	margin: 0px 0px 20px 20px;
}

/* social media */
.facebook, .hyves, .rss, .twitter, .print, .email, .pdf, .pinterest
{
	width:19px;
	height:20px;
	float: none !important;
	margin: 0px 0px 0px 10px;
}
.facebook img, .hyves img, .rss img, .twitter img, .print img, .email img, .pdf img, .pinterest img
{
	width: 30px;
	height: 30px;
	
}

.fblike
{
	width:130px;
}

.disclaimer a {
	color: #646569;
	text-decoration:none;
}

.disclaimer a:hover {
	/*text-decoration:underline;  */
}

.footer a {
	color: #646569;
}

/* Breadcrumb */
ul.breadcrumb
{
	list-style					: none;
	padding-left				: 0px;
	clear						: both;
	width						: 98%;
	margin						: 0px 0px 0px 0px;
	padding-top					: 0px;
}

ul.breadcrumb li
{
		 float:left;
		 margin-top:0px;
		 padding-top:0px;
}

ul.breadcrumb li a {
		 color: #646569;
		 margin-top:0px;
		 padding-top:0px;
		 text-decoration: underline;
}

.tbdefault
	{
	padding                     : 5px 0px 5px 0px;
	border                      : solid 1px #aeaeae;
	background-color            : #f5f5f5;
	font-size                   : 1em;
	font-family                 : Arial, Verdana;
	color                       : #646569;
	border-radius: 0.3em;
	width: 80% !important;
	margin-bottom: 10px;
	-webkit-appearance: none;
	-webkit-border-radius: 0.3em;
	}

.ddldefault
	{
	font-size                   : 1em;
	font-family                 : Arial, Verdana;
	color                       : #646569;
	}

.btndefault, .btn_open_saldo_check, input.rubine-red[type="submit"]
	{
	font-size                   : 1.2em;
	font-family                 : Arial, Verdana;
	color                       : #fff;
	font-weight                 : bold;
	padding                     : 0.6em;
	border-radius: 0.3em;
	text-transform: uppercase;
	border: 0px;
/*	float: right;*/
	margin-right: 5%;
	background-color: #DC016B;
	-webkit-appearance: none;
	-webkit-border-radius: 0.3em;
}
.zoekwinkel h2{
	width: 100%;
	float: left;
}

.listbox
	{
	width                       : 180px;
	height                      : 200px;
	border-color                : Silver;
	border-width                : 1px;
	font-size                   : 1em;
	font-family                 : Verdana, Arial, Helvetica;
	}

/* ============ Onderstaande styles zijn nodig voor de custom paging =========== */
#page>#content>ul:first-child{
	display: none;
}

.paging
	{
	width: 100%;
	/*float:left;*/
	text-align: right;
	z-index: 200;
	
	/*border: solid 0px #000000;
	height: 20px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 12px;*/
	}

.paging li
   {
	   margin-right:0px;
	   list-style:none;
	   display:inline;
	   }

.paging a
   {
	   width:24px;
	   text-decoration:none;
	   display:inline-block;
	   text-align:center;
	   padding: 4px 0;
	  /* background-color: #F8F6F6;*/
	  background-color: #FFF;
	   margin: 0 -3px;
	   color: #DC016B;

}

.paging .next a{
	padding-left: 5px;
}

.paging .prev a{
	padding-right: 5px;
}

.detailPrev
   {
	   display:inline;
   }

.pageAmount
   {
	   clear:both;
	   float:left;
	   display:none;
	   padding: 4px 0;
   }

.detailNext
	{
		float:right;
	}

.pagingDetail a
   {
	   color: #ffffff;
   }

.pagingDetail ul
   {
	   clear:both;
	   height:10px;
	   list-style:none;
	   padding-left:0px;
   }

.paging span, .paging .disabled
   {
	color: #ffffff;
	background-color: #DC016B;
	
	display:inline-block;
	text-align:center;
padding: 4px 0;
    width: 24px;
    margin: 0 -2px;
    
       }

#RP_notitle
	{
	clear:both;
	float:left;
	padding-bottom:5px;
	width: 100%;
	position: relative;
}

.pages
	{
	margin: 0px 0px 4px 0px;
	padding:0px 0px 0px 0px;
	text-align:right;
	font-size:0.9em;
	font-weight:normal;
	color:#646569;
	border: solid 0px #000000;
	}

a.paging
	{
	color:#646569;
	font-size:0.9em;
	/* text-decoration:underline; */
	}

a.pages
	{
	color:#646569;
	font-size:0.9em;
	text-decoration:none;
	background-color: #FFFFFF;
	padding: 0px 4px 0px 4px;
	margin: 0px 2px 0px 2px;
	border: solid 1px #646569;
	}

.pagina
	{
	padding: 0px 0px 0px 0px;
	margin: 0px 4px 0px 10px;
	}


.current
	{
	font-size:0.9em;
	line-height:11px;
	font-weight:bold;
	color:#a3c62a;
	background-color: #DC016B;
	padding: 0px 2px 0px 2px;
	margin: 0px 2px 0px 2px;
	}

.prev
	{
	color:#646569;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
/*	margin: 0px -7px 0px 5px;*/
	/*background-color: #F8F6F6;*/
	background-color: #FFF;
/*	font-size: 1.2em;*/
	
	}

.next
	{
	color:#646569;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
/*	margin: 0px 0px 0px 0px !important;*/
	height:20px;
	/*background-color: #F8F6F6;*/
	background-color: #FFF;
	}

 .otherButton
	{
/*	background-color: #DC016B !important;*/
	font-weight:bold;
	padding-top: 0px;
	}

 #first
	{
	font-weight:normal;
	}

 .ddlPaging
	{
	font-size                   : 11px;
	font-family                 : Arial, Verdana;
	color                       : #646569;
	margin                      : 3px 0px 0px 0px;
	}

 .rblPaging
	{
	font-size                   : 11px;
	font-family                 : Arial, Verdana;
	color                       : #646569;
	}

.perpagina
	{
	float: right;
	font-size: 0.9em;
	height: 27px;
	border: solid 0px #000000;
	}

.sortering
	{
	float:right;
	font-size: 0.9em;
	text-align: right;
	height: 27px;
	border: solid 0px #000000;
	text-align: right;
	}

.ascdesc
	{
	float:right;
	width:100px;
	border: solid 0px #000000;
	}

.counter
	{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:right;
	color:#717174;
	font-size: 0.9em;
	border: solid 0px #000000;
	}

.paginaimage
	{
/*	padding:0px 0px 0px 15px;*/
	margin: 0px 0px 0px 0px;
	float: right;
	border: solid 0px #000000;
/*	text-align: right;*/
text-align: center;
width: 100%;
border: solid 1px #DC016B;
	}

	.paginaimage img
	{
	}

.movies
	{
	padding:0px 0px 0px 0px;
	margin: 15px 0px 20px 0px;
	width:760px;
	float:left;
	border: solid 0px #000000;
	}

.movies div
	{
	margin:10px 0px 20px 0px;
	}

.movies span
	{
	font-size: 1em;
	font-weight:bold;
	margin: 4px 0px 4px 0px;
	}

.showimages
	{
	padding:0px 0px 0px 0px;
	margin: 20px 0px 20px 0px;
	width:760px;
	float:left;
	border: solid 0px #000000;
	}

.showimages span
	{
	font-size: 1em;
	font-weight:bold;
	margin: 4px 0px 4px 0px;
	}

	.showimages a
	{
	margin-right:15px;
	}

.showimages a img
	{
	margin:2px 5px 2px 2px;
	}

.showimages a img:hover
	{
	margin:2px 5px 2px 2px;
	}

	.img_row
	{
		margin-top: 15px;
	}

	.img_row img
	{
		border: 1px solid #DC016B;
		margin-bottom: 15px;
	}

.showfiles
	{
	padding:0px 0px 0px 0px;
	margin: 20px 0px 20px 0px;
	width:760px;
	float:left;
	border: solid 0px #000000;
	}

.bijlage
{
	width:760px;
	float:left;
	vertical-align:middle;
}

.bijlage p
{
	margin-top:10px;
	display:inline-block;
}

.showfiles span
	{
	font-size: 1em;
	font-weight:bold;
	margin: 4px 0px 4px 0px;
	float:left;
	margin-bottom:15px;
	width:760px;
	}

.showfiles div a
	{
	/* text-decoration: underline; */
	float:left;
	}

.showfiles div a img
	{
	vertical-align: middle;
	padding: 2px 7px 8px 2px;
	border:none;
	float:left;
	}

/* rp_items */
.rp_item:nth-child(even), .rpitemvac:nth-child(even)
{
	background-color: #fafafa;
}
.rp_item, .rpitemvac
{
	float:left;
/*	padding:10px 0px;*/
	padding:5px;
	width:98%;
	border-bottom: 1px solid #DC016B;
	}
.rp_item a, .rpitemvac a{
	color: #DC016B;
	line-height: 1.5em;
}




.rp_item_img
{
	float:right;
	margin-left:10px;
	padding:5px 0px 0px 0px;
	width:28%;
}

.rp_item_img img
{
	border: solid 1px #DC016B !important;
	margin-top: 5px;
	max-width: 100%;
}

.rp_item_text_noimg
{
	float:left;
	width: auto;
}

.rp_item_text
{
	float:left;
	width:67%;
}

.rp_item_text h4
{
	margin:0px;
	padding:0px;
}

.rp_item_link
{
 font-weight:bold;
 float:left;
 text-decoration: none;
}

a.rp_item_link {
 /*color: #4a4a4a;*/
}

.recept_item_link
{
 font-weight:bold;
 text-decoration: none;

}
.Vestigingsinformatie a{
	float: right;
}

.disclaimer
{
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	position:relative;
/*	width:950px;*/
	text-align:center;
	font-size:10px;
	color:#7A7A7A;
}

.footer
{
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	position:relative;
/*	width:950px;*/
	text-align:right;
	font-size:10px;
	color:#7A7A7A;
}

.repeaterdatum
{
	font-style:italic;
	margin:0px;
}

#detheadsoc
{
	border-bottom: 1px solid #DC016B;
	margin-bottom:20px;
}

#detheadsoc h1
{
	border-bottom: 0px solid #ffffff;
	margin-bottom: 0px;
}

#nieuwsdatum
{
	font-style:italic;
}

#nieuwstext a, #content a{
	color: #DC016B;
}

.item_cat>a:hover{
	color: #FFFFFF;
}

#nieuwstext a:hover, #content a:hover{
	color: #000000;
}

#nieuwstext, #publicatietext, #vacaturetext, #functietext
{
	margin-top:0px;
	padding-top:0px;
}
#functietext{margin-bottom: 10px;}

.noContent
{
	text-align:center;
}

.login_form td
{
	padding-left:0px;
}

.validationsummary
	{
	background-color: #fdb0b0;
	border: solid 1px red;
	color: Red;
	padding: 6px 4px 6px 28px;
	margin: 10px 0px 10px 0px;
	font-weight: bold;
	background-image: url('/images/layout/icon_error.gif');
	background-position: left top;
	background-repeat: no-repeat;
	text-align: left;
	float:left;
	line-height: 18px;
	width: 85% !important;
	}

	.validationsummaryvacs
	{
	background-color: #fdb0b0;
	border: solid 1px red;
	color: Red;
	padding: 6px 4px 6px 28px;
	margin: 10px 0px 10px 0px;
	font-weight: bold;
	background-image: url('/images/layout/icon_error.gif');
	background-position: left top;
	background-repeat: no-repeat;
	text-align: left;
	float:left;
	line-height: 18px;
	width:298px;
	}

.tbrequired
{
	padding                     : 5px 0px 5px 0px;
	margin                      : 0px 0px 10px 0px;
	border                      : solid 1px #aeaeae;
	background-color            : #f5f5f5;
	font-size                   : 1em;
	font-family                 : Arial, Verdana;
/*	background-image            : url('/images/layout/required.gif');*/
	background-repeat           : no-repeat;
	background-position         : right center;
	color:#646569;
	border-radius				:0.3em;
	width: 80% !important;
	-webkit-appearance: none;
	-webkit-border-radius: 0.3em;
}

.formulier span {
	display: none;
}


textarea {
/*overflow: auto;*/
}

textarea.tbrequired {
background-position: 240px 10px;

}
.ProductDetails span{
	color: #000;
}
.socialmedia
{
/*	float:right;*/
/*display: none;*/ 
	padding-bottom:3px;
	width: 98%;
	margin: 10px auto 0;
	text-align: center;
	float: left;
}


.socialmedia_products
{
/*	float:right;*/
/*display: none;*/
	padding-bottom:3px;
	width: 98%;
	margin: 10px auto 0;
	text-align: center;
	float: left;
}
#RP_notitle .socdetail{
	display: none;
}


.socdetailtitel
{
	width: 98%;
}

.socialmedia a
{
	float:none !important;
}

.socialmedia_np
{
	float:right;
}

.socialmedia_np a
{
	float:left;
}


/*Styling repeaters met categoriën FAQ */
.item_cat
{
	/*float:left;
	margin: 0 0 20px 0px;
    width: 190px;*/
}

.dl_cat,
.dl_cat_noimg
{
	margin-top:5px;
	margin-bottom:5px;
	float:left;
}

.dl_cat_img
{
/*	border: 1px solid #DC016B; */
}

.dl_cat_titel
{
	font-weight:bold;
	display:block;
    width: 148px;
	font-size: 1.7em;
	color: #DC016B;
    text-align:center;
}

#item_list
{
	float:left;
	height:100%;
	width:580px;
}

#item_list ul
{
	padding-left: 15px;
	padding-top:10px;
	margin:0px;
	list-style: none;
}

#item_list li
{
	margin-bottom:5px;
	background-image:url(/images/layout/pijl.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:10px;

}

/*Einde styling repeaters met categoriën*/

/* Start Zoek winkels, koopzondag, vacature  */

#map
{
	float:right;
	width:100%;
	height:300px;
	border:1px solid #ccc;
	z-index:1;
	margin-top: 20px;
	margin-bottom: 10px;
}


display: none;

#mapvacature
{
	float:right;
	width:100%;
	height:375px;
	border:1px solid #ccc;
	z-index:1;
	margin-top: 20px;
}
.zoekwinkel
{
	float: left;
	width: 98%;
	min-height: 50px;
	margin-right: 0px;
	margin-top: 20px;
}

.zoekvacature
{
	float: left;
	width: 100%;
	min-height: 50px;
	margin-right: 20px;
	margin-top: 20px;
}

.koopzondag
{
	float:left;
	width:100%;
	margin-right: 20px;
}
.zoekzondag
{
	float: left;
	width: 100%;
	min-height: 50px;
	margin-top: 20px;
}

#showzondaglocaties
{
	clear:both;
	float:left;
	width: 100%;
	margin-top: 20px;
    margin-bottom: 5%;
}

.kooptop
{
	float:left
}

.formulier
{
	margin-top:20px;
}

.formulier td
{
	padding-left: 0px;
	vertical-align: top;
}

.formulier td:first-child
{
	width: 30% ;
}

.leftlocaties
{
	float:left;
	width: 40%;
/*	margin: 0 0 15px 0;*/
	padding-right: 15px;
}

.rightlocaties
{
	float:right;
	width: 54%;
	margin-bottom: 5px;
	
}

._filialen-bij-jou-in-de-buurt p {
/*	display: none;*/
}


._filialen-bij-jou-in-de-buurt #map {
/*	display: none;*/
}



._filialen-bij-jou-in-de-buurt .content tr td{
	border-bottom: 1px solid #DC016B;
	line-height: 1.5em;
	
}

._filialen-bij-jou-in-de-buurt .content tr td:first-child{
	width: 55%;	
}

._filialen-bij-jou-in-de-buurt .content tr td:last-child{
	/*text-align: right;*/
}

._filialen-bij-jou-in-de-buurt .content table{
	width: 100%;	
}

/* Einde Zoek winkels  */

.vacformulier
{
	width: 100%;
	 float:left;
}


#zoeken p
{
	margin-top:10px;
}

#RecenteTips,
#RecenteRecepten
{
	padding: 30px 0px 0px 0px;
	margin-top: 0px;
	/*float:right;
	width:370px;
	
	*/
}
#RecenteTips>ul,
#RecenteRecepten>ul
{
	list-style-type:none;
	padding: 0px;
	margin-top: 0px;
}

.blocks4
{
	/*float:left;
	width:300px;
	margin-bottom:20px;*/
}

.blocks4 img
{
	border:1px solid #999999;
	width: 100%;
}

.blocks5
{
	float:left;
	width:45%;
}

.blocks6
{
	float:left;
	width:45%;
/*	margin-left:10px;*/
}

.blocks7
{
	float:left;
	width:100%; /* 400px */
	margin-top: 2%;
}

.blocks8
{
	float:left;
	width:290px;
	margin-bottom:20px;
	padding-right:10px;
}

.Instructies 
{
    float: left;
    width: auto; 
    margin: 25px 0 0 0;
}


/************************************************/
/********************* SHOP *********************/
/************************************************/

a>img
{
	border:0px;
}

.menu li a.selected
{
	font-weight:bold;
}

div#shopcontent {
	padding: 10px;
	margin: 0px auto 0px auto;
	width: 780px;
	overflow: hidden;
	border: solid 0px #000000;
	float:left;
	background-color:Yellow;
}

div#shopcontent .paging{
	float:right;
}

div#visual, .visual
{
	width:760px;
	height: 300px;
	background-color: #DC016B;
	margin-bottom: 10px;
}

div.products
{
	position:relative;
	left:-20px;
	width:800px;
	clear:both;
}

div.products div.product
{
	float:left;
	height:350px;
	width:240px;
	margin: 0px 0px 20px 20px;
}

div.products div.product div.titel
{
	height:36px;
	overflow:hidden;
	font-weight:bold;
	line-height:18px;
}

div.products div.product div.titel a
{
	text-decoration:none;
	font-size: 1.3em;
}

div.products div.product div.titel a:hover
{
/*	/* text-decoration:underline; */
}

div.products div.product img
{
	margin: 0px auto 10px auto;
/*	*margin-bottom:5px;*/
}

div.products div.product div.omschrijving
{
	width:155px;
	float:left;
	margin:10px 0px 5px 0px;

}

div.products div.product div.meerinfo
{
	clear:both;
	margin-bottom:5px;
}

div.products div.product div.prijs
{
	font-weight:bold;
	font-size:16px;
	float:left;
	margin-top:5px;
}

div.prijs span.prijs_oud
{
	font-size: 0.8em;
	text-decoration:line-through;
	margin-right: 10px;
	font-weight: normal;
	font-style: normal;
}

div.products div.product a.koopnu
{
	float:right;
	*margin-top:-18px;
}

div.product h1
{
	font-size: 1.3em;
	line-height:20px;
	margin:0px 0px 6px 0px;
	padding:0px;
	color: #000000;
}

div.product div.images
{
	float:left;
	width:370px;
	background-color: #DC016B;
	height:275px;
	text-align:center;
	vertical-align:middle;
}

div.product div.hoofdimage
{
	width:360px;
	margin-bottom:10px;
}

div.ProductDetailContainer div.subimages
{
	width:375px;
	position:relative;
	left:-1px;
	display: none;
}

div.ProductDetailContainer div.subimages img
{
	margin: 10px 1px 0px 1px;
	padding:0px;
	border:1px solid #646569;
	float:left;
}

div.ProductDetailContainer div.subimages a:hover img
{
	margin: 10px 1px 0px 1px;
	padding:0px;
	border:1px solid #DC016B;
	float:left;
}

div.ProductDetailContainer div.subimages div, div.subimages div
{
	width: 122px;
	text-align:center;
	display: inline;
	padding:0px;
}

div.subimage 
{
    width: 120px !important;
    height: 88px !important;
    border: 1px solid #999999;
    display: inline-block !important;
}


div.product div.description
{
	padding:0px;
	float:right;
	width:370px;
	min-height:275px;
}

div.product div.description strong
{
	font-size: 1em;
	width:200px;
}

div.product div.description div.prijs
{
	font-weight:bold;
	font-size:16px;
	margin-bottom:18px;
	vertical-align:bottom;
}

div.product div.description div.prijs strong
{
	 font-size:16px;
}

div.product div.description div.prijs span.prijs_oud
{
	font-size: 1em;
	text-decoration:line-through;
}

div.product div.description div.prijs i
{
	font-weight:normal;
	font-size: 1em;
}

.GeenProducten, GeenCategorien
{
	margin-left:20px;
}

div.clear
{
	clear:both;
	*height:0px;
}

div#logo /*mobiel*/
{
	background: url('/images/images_mobiel/logo_mobiel.png') right no-repeat;
	float: right;
	height: 100%;
	position: relative;
	width: 30%;
	right:5px;
}

#logo img {
	max-height: 90px;
	width: 100%;
}


/* Product Details Tab */

/* Item Info
omschrijving	=	item01
details			=	item02
foto			=	item03
fotos			=	items03
plattegrond		=	item04
plattegronden	=	items04
kaart			=	item05
*/

.productdetailtab
{
	float:left;
	margin: 0px 0px 0px 0px;
	z-index:0;
}

.productdetailtab>ul
{
	list-style:none;
	width:780px;
	padding-left: 0px;
	margin-top: 12px;
	margin-left:0px;
	margin-bottom:0px;
}

.productdetailtab>ul>li
{
	height:30px;
	line-height:30px;
	font-size: 1em;
	font-weight:bold;
	padding: 0px 25px 0px 25px;
	margin: 0px 0px 0px 0px;
	float:left;
	display:block;
}

.productdetailtab>ul>li:hover
{
	cursor:pointer;
}

.productdetailtab>ul>li.item01, .productdetailtab>ul>li.item02, .productdetailtab>ul>li.item03, .productdetailtab>ul>li.item04, .productdetailtab>ul>li.item05
{
	width:auto;
	background-image:url(../images/layout/product/tab_right_corner.png);
	background-position:left;
	background-repeat:no-repeat;
	color:#DC016B;
	margin-left:-15px;
}

.productdetailtab>ul>li.item01_active, .productdetailtab>ul>li.item02_active, .productdetailtab>ul>li.item03_active, .productdetailtab>ul>li.item04_active, .productdetailtab>ul>li.item05_active
{
	width:auto;
	background-image:url(../images/layout/product/tab_right_corner_active.png);
	background-position:left;
	background-repeat:no-repeat;
	color:#FFFFFF;
	margin-left:-15px;
}

.productdetailtab>ul>li.item01
{
		border-left:solid #DC016B 1px !important;
		margin-left:0px;
		background-position:right !important;
		padding: 0px 25px 0px 10px;
}

.productdetailtab>ul>li.item01_active
{
		border-left:solid #DC016B 1px !important;
		margin-left:0px;
		background-position:right !important;
		padding: 0px 25px 0px 10px;
}

.productdetailtab>ul>li.item02
{
}

.productdetailtab>ul>li.item02_active
{
}

.productdetailtab>ul>li.item03
{
}

.productdetailtab>ul>li.item03_active
{
}

.productdetailtab>ul>li.item04
{
}

.productdetailtab>ul>li.item04_active
{
}

.productdetailtab>ul>li.item05
{
}

.productdetailtab>ul>li.item05_active
{
}

.productdetailtab>ul>li.item_end
{
	width:15px;
	background-image:url(../images/layout/product/tab_right_corner_end.png);
	background-position:left;
	background-repeat:no-repeat;
	color:#DC016B;
	margin-left:-15px;
	padding: 0px 0px 0px 0px;
	z-index: 0;
}

.ProductDetailMoreInfo
{
	float:left;
	width:738px;
	height:180px;
	border:solid #DC016B 1px;
	margin: 0px 0px 20px 0px;
	padding: 10px 10px 10px 10px;
}

/* ============ Begin ModelPopup =========== */
.modalBackground {
	background-color:#D7D7D7;
	filter:alpha(opacity=90);
	opacity:0.9;
}

.modalPopup {
	background-color:#ffffff;
	border-width:1px;
	border-style:solid;
	padding:5px;
	z-index: 1000;
}
.modelBorder {
	border: solid 1px black;
}
/* ============ Eind ModelPopup =========== */

/***** recepten & stylingtips *****/


.STTLeftColumn 
{
   /* float: left;
    width: 300px;*/
}

.STTRightColumn 
{
   /* float: left;
    width: 410px;*/
}

.Recepttitle
{
	font-size:0.85em;
	height:28px;
	color:#000000;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	word-wrap: break-word;
}

.Recepttitle  a
{
	color: #000000;
	text-decoration:none;
	word-wrap: break-word;
}

.ReceptOverzicht
{
	/*float:left;
	height:250px;
	width:240px;
	margin: 0px 0px 20px 20px;
	background-color:#FFAAAA;*/
}

.StylingTipsLijstContainer
{
	/*float:left;
	height:178px;
	width:500px;
	margin-left:20px;*/
}

.StylingTipSocialMedia
{
	float:right;
}

.StylingTipsLijstText
{
	/*min-height:122px;
	border-top:#646569 solid 1px;
	padding:8px 0px 0px 0px;
	overflow:hidden;
	clear:both;*/
}

.StylingTipsLijstText .text
{
	/*float:left;
	width:500px;
	min-height: 128px;*/
}

.StylingTipsLijstText .link
{
}


.StylingTiptitle
{
	font-size:13px;
	height:20px;
	line-height:26px;
	color:#000000;
	font-weight:bold;
	padding:0px 0px 6px 0px;
	overflow:hidden;
}

.StylingTiptitle  a
{
	color: #000000;
	text-decoration:none;
}

#Opstuurtekst, #Maandtip
{
	float:left;
	width:370px;
}

#Maandtip
{
	margin-right:20px;
}

#Opstuurtekst div, #Maandtip div
{
	float:none;
}



/* END STYLINGTIPS */

/****** 101% Xenos ******/
#content div.hundredandonepercent-background-image {
	float: right;
	position: relative;
	top: 25px;
	z-index: 99;
}

/****** carrousel ******/
.etalage
{
	float:left;
/*	width:760px;*/
	height:275px;
	display:block;
	padding:0px 0px 0px 0px;
	position:relative;
	z-index:10;
	font-size: 1em;
	width: 990px;
}

.etalage>ul
{
	position:absolute;
	z-index:20;
	top:0px;
	left:444px;
	list-style:none;
	float:right;
	width:276px;
	height:275px;
	margin-top: 0px;
	padding-top:0px;
	display: none; /* hide mobiel */
	}

.etalage>ul>li
{
	width:247px;
	height:46px;
	background-image:url('/images/layout/etalage/item.png');
	padding: 5px 0px 4px 29px;
	margin: 0px 0px 0px 0px;
	line-height: 16px !important;
}

.etalage>ul>li.active
{
	background-image:url('/images/layout/etalage/item_active.png');
}

.etalage>ul>li:hover
{
	cursor:pointer;
}


.etalage>ul>li.active:hover
{
	cursor:auto;
}

.etalage>ul>li>a>h3
{
   /*color:#646569;*/
   color:#747579;
   font-weight:bold;
   font-size: 1em;
   margin: 0px 0px 4px 0px;
}

.etalage>ul>li.active>h3
{
   color:#DC016B;
}
.etalage>ul>li.active>p
{
color: #333
}
.etalage>ul>li>p
{
   color:#666;
   font-size: 1em;
   padding-top:0px;
}

.etalage>div {
	position:relative;
	width:990px;
	height:275px;
	overflow:hidden;
}

.etalage>img
{
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
}

.etalage>div>img {
	position:absolute;
	top:0px;
	left:0px;
	width: 990px;
}

.etalage>div>img.active {
	position:absolute;
	top:0px;
	left:0px;
}

.etalage>a
{
	position:absolute;
	z-index:10;
	top: 220px;
	left:31px;
	width:128px;
	height:35px;
	display:block;
	margin:0px;
	padding:0px;
	border:0px;
	background-image:url('/images/layout/etalage/meer_info.png');
	display:none;
}

.etalage>a.visible
{
	display:inline;
}

.etalage>#BTNMeerInfo:hover
{
	cursor:pointer;
}


/* ***** eind carrousel ***** */

.Nieuwsbrief
{
	float:left;
	width:370px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.ImageNieuwsbrief
{
	float:right;
	/*width:350px;*/
	/*height:500px;*/
	margin: 0px 0px 20px 20px;
	width: 100%;
}
.ImageNieuwsbrief p
{
	margin-top: 0;
	margin-bottom: 16px;
	font-size:0.9em;
}
.ImageNieuwsbrief img
{
	border: 1px solid #DC016B;
	max-width:348px;
	max-height:498px;
}

#menutitel
{
	display: block;
	text-decoration: none;
	padding: 5px 5px 5px 10px;
	border-bottom: 1px solid #DC016B;
	text-align: right;
	color: #DC016B;
	width:135px;
}

#nwsbriframe
{
	/*float:left;
	height:300px;*/
    height: 180px;
    width: 100%;
}

#mainnavigation
{
    z-index:150;
}

#hoofdmenu
{
    z-index:175;
}




.topsep
{
    z-index:303 !important;
    width:1px;
    padding-top:5px;
    background-color:transparent !important;
}



#AssortimentMenu>li:first-child>a
{
/*    color: #DC016B !important;*/
/*    font-weight: bold;*/
/*    margin-right: 25px !important;*/
}

.aanbieding
{
    color:#000000;
    margin-top:20px;
    display:block;
}

.small
{
    font-size:10px;
}

/*======FAQ=======*/

.faq_overzicht
{
    float:left;
    margin-top:20px;
}

.Faq_Item
{
    margin-bottom:20px;
}

.FaqTitel
{
    cursor:pointer;
    font-weight:bold;
    color:#DC016B;
    
}

/*================*/

/*******************************************************
*******************CSS voor printer*********************
*******************************************************/
.ProductPrintContainer
{
	display: none;
}



ul.woonplaats_alternatives
{
    list-style: none;
    padding: 0px 0px 0px 0px;
    margin: 20px 0px 20px 0px;
    }

ul.woonplaats_alternatives li	
{	
	text-transform: capitalize;
}


/* Contain floats: h5bp.com/q */
.cf:before, .cf:after, .clearfix:before, .clearfix:after { 
	content: ""; 
	display: table; }
.cf:after, .clearfix:after { 
	clear: both; }
.cf, .clearfix { 
	zoom: 1; }

a.filmpjes img {
	border: 1px solid #646569;}
a.filmpjes:hover img {
	border: 1px solid #dc016b;}

div.CookieBanner {
	width: 100%; 
	font-weight: bold; 
	line-height: 1.5em; 
	color: #FFF; 
	position: fixed; 
	clear: both; 
	bottom: 0px; 
	padding:0 5px; 
	margin: 0 ; 
/*	height: 40px; */
	border: none; 
	text-align: left; 
	left: 0px; 
	z-index:9999; 
	background-image: url('/images/layout/cookiebanner.png');
}
div.CookieBanner span.CookieInfo {
	margin: 0 0 0 40px;}
	
div.CookieBanner span.CookieInfo a {
	color: #FFF; 
	text-decoration: underline;}

div.CookiePanel {
border: 1px solid #CECECE; 
margin: 30px 0 0 0; 
padding: 10px;}

span.btnAkkoord {
margin: 0 0 0 40px;}

#testdiv {
	width:600px; 
	margin:0 auto; 
	border:1px solid #ccc; 
	padding:20px 25px; 
	background:#fff
	}

#tinybox {
	position:absolute; 
	display:none; 
	padding:10px; 
	background:#fff url(/images/popup/preload.gif) no-repeat 50% 50%; 
	border:10px solid #e3e3e3; 
	z-index:2000
	}
#tinymask {
	position:absolute; 
	display:none; 
	top:0; 
	left:0; 
	height:1%; 
	width:1%; 
	background:#000; 
	z-index:1500
	}
#tinycontent {background:#fff}

.tinybutton {
	font:14px Georgia,Verdana; 
	margin-bottom:10px; 
	padding:8px 10px 9px; 
	border:1px solid #ccc; 
	background:#eee; 
	cursor:pointer;
	}
	
.tinybutton:hover {
	border:1px solid #bbb; 
	background:#e3e3e3;
	}

/*.tbox {position:absolute; display:none; padding:14px 17px; z-index:900}*/
.tbox {
	position:fixed !important; 
	left: 3px !important; 
	bottom: 12px !important; 
	top: auto !important; 
	padding: 14px 5px !important; 
	z-index:30000 !important;
}

.tinner {
	padding:15px; 
	-moz-border-radius:5px; 
	border-radius:5px; 
	background:#fff url(/images/popup/preload.gif) no-repeat 50% 50%; 
	border-right:1px solid #333; 
	border-bottom:1px solid #333; 
	border-top:1px solid #333; 
	border-left:1px solid #333;
	}

.tmask {
	position:absolute; 
	display:none !important; 
	top:0px; 
	left:0px; 
	height:auto; 
	width:auto; 
	background:#000; 
	z-index:800
}

.tclose {
	position:absolute; 
	top:0px; 
	right:0px; 
	width:30px; 
	height:30px; 
	cursor:pointer; 
	background:url(/images/popup/close.png) no-repeat !important;
	}
	
.tclose:hover {background-position:0 -30px}

#error {
	background:#ff6969; color:#fff; 
	text-shadow:1px 1px #cf5454; 
	border-right:1px solid #000; 
	border-bottom:1px solid #000; 
	padding:0}
	
#error .tcontent {
	padding:10px 14px 11px; 
	border:1px solid #ffb8b8; 
	-moz-border-radius:5px; 
	border-radius:5px
	}
	
#success {
	background:#2ea125; 
	color:#fff; 
	text-shadow:1px 1px #1b6116; 
	border-right:1px solid #000; 
	border-bottom:1px solid #000; 	
	padding:10px; 
	-moz-border-radius:0; 
	border-radius:0}

#bluemask {background:#4195aa}
#frameless {padding:0}
#frameless .tclose {
	left:6px
	}

.Shorttextview {
    position: relative; 
    top: 35px; 
    left: 0px; 
    background-color: #DC016B; 
    width: 500px; 
    font-family: Arial; 
    font-size: 1.7em; 
    text-align: center; 
    color: #ffffff; 
    height: 20px; 
    padding-top: 5px; 
    margin-bottom: 5px; 
    z-index: 10;
}

.lblShorttextview
{
position: relative; top: -28px;
z-index: 11;
}

/* Rubine Red Button */
ul.rubine-red {
	padding: 5px;
	margin: 10px 0 10px -13px;
	list-style: none;
	background-color: #fff;
	float: left;
	clear: left;
}

ul.rubine-red li {
	float: left;
	display: inline; /*For ignore double margin in IE6*/
	margin: 0 25px 0 5px;
	background: url(http://www.xenos.nl/Images/layout/buttons/rubine-red.png) no-repeat top left;
}

ul.rubine-red li a {
	text-decoration: none;
	float:left;
	color: #fff;
	cursor: pointer;
	margin: 0 -20px 0 10px;
	padding: 0 25px 0 5px;
	font: 600 12px/33px "Arial", Helvetica;
	background: url(http://www.xenos.nl/Images/layout/buttons/rubine-red.png) no-repeat top right;
}

ul.rubine-red li a span {
	margin: 0 10px 0 -10px;
	padding: 1px 10px 5px 20px;
	position: relative; /*To fix IE6 problem (not displaying)*/
	float:left;
}

ul.rubine-red li a:hover {
 	color: #fff;
	background: url(http://www.xenos.nl/Images/layout/buttons/rubine-red.png) no-repeat top right;
}

ul.rubine-red li a:hover span {
	background: url(http://www.xenos.nl/Images/layout/buttons/rubine-red.png) no-repeat top left;
}

ul.rubine-red li a.current {
	background: url(http://www.xenos.nl/Images/layout/buttons/rubine-red.png) no-repeat top right;
 	color: #fff;	
}

ul.rubine-red li a.current span {
	background: url(http://www.xenos.nl/Images/layout/buttons/rubine-red.png) no-repeat top left;
}

.blog_items {
    float:left;
}

.blog_itemscontent{
	margin-right: 100px;
	display: block;
}

.blog_links {
	position: absolute;
	right: 0px;
}

.blog_links img{
	width: 120px;
}

.blogitem{
	display: inline-block;
	margin-bottom: 10px;
	margin-right: 100px;
}

ul.bloglinks {
    margin: 0;
    padding: 0;
    list-style-type: disc;
    list-style-position: inside;
    display: none;
}

    ul.bloglinks li {
        color: #DC016B;
        border-bottom: 1px solid #DC016B;
        padding: 0 0 5px 0;
        margin: 0 0 15px 0;
    }

    ul.bloglinks li a {
        text-decoration: none;
        color: #DC016B;
    }

        ul.bloglinks li a .Titel {
            font-weight: bold;
            padding: 0 0 0 15px;
        }

.rp_blog {
    width: 100%;
    border-bottom: 1px solid #DC016B;
    padding: 0 0 15px 0;
    margin: 0 0 28px 0;
}

    .rp_blog h2 {
        font-size: 20px;
        margin: 0 0 10px 0;
        padding: 0;
        color: #DC016B;
        font-weight: bold;
    }
	
.ProductOverzichtPanel, .WebactieOverzichtPanel, .ActieOverzichtPanel, .NieuwOverzichtPanel
{
	float: left;
	margin: 0 0 1.5em 2%;
	width: 45%;
}

.ProductOverzichtBodyPanel, .WebactieOverzichtBodyPanel, .ActieOverzichtBodyPanel, .NieuwOverzichtBodyPanel
{
	display: none; /*hide mobiel*/
	float:left;
	height:37px;
	width:100%;
	overflow:hidden;
	margin-bottom:22px;
}	
	
.prijspanel
{
	float:left;
	font-size:24px;
	line-height:24px;
    padding: 30px 20px 0px 17px;
	height:90px;
	width:355px;
	color:#fff;
    background: url(/images/layout/prijsblokBoven.png) no-repeat;
 }

.prijspanelfolder
{
	float:left;
	font-size:24px;
	line-height:24px;
    padding: 30px 20px 0px 17px;
	height:90px;
	width:70px;
	color:#fff;
    background: url(/images/layout/prijsblokBoven.png) no-repeat;
 }

.prijspanelfolder1
{
	
	font-size:24px;
	line-height:24px;
    padding: 30px 20px 0px 17px;
    margin: -60px 0 0 -10px;
	height:90px;
	width:70px;
	color:#fff;
    background: url(/images/layout/prijsblokBoven.png) no-repeat;
 }	

/* Rubine Red Button Left*/
ul.rubine-red-left {
	padding: 5px;
	margin: 10px -10px 10px -13px;
	list-style: none;
	background-color: #fff;
	float: right;
	clear: left;
}

ul.rubine-red-left li {
	float: left;
	display: inline; /*For ignore double margin in IE6*/
	margin: 0 25px 0 25px;
	background: url(http://www.xenos.nl/Images/layout/buttons/rubine-red-left.png) no-repeat top left;
}

ul.rubine-red-left li a {
	text-decoration: none;
	float:right;
	color: #fff;
	cursor: pointer;
	margin: 0 -10px 0 20px;
	padding: 0 15px 0 5px;
	font: 600 12px/33px "Arial", Helvetica;
	background: url(http://www.xenos.nl/Images/layout/buttons/rubine-red-left.png) no-repeat top right;
}

ul.rubine-red-left li a span {
	margin: 0 10px 0 -10px;
	padding: 1px 10px 5px 20px;
	position: relative; /*To fix IE6 problem (not displaying)*/
	float:left;
}

ul.rubine-red-left li a:hover {
 	color: #fff;
	background: url(http://www.xenos.nl/Images/layout/buttons/rubine-red-left.png) no-repeat top right;
}

ul.rubine-red-left li a:hover span {
	background: url(http://www.xenos.nl/Images/layout/buttons/rubine-red-left.png) no-repeat top left;
}

ul.rubine-red-left li a.current {
	background: url(http://www.xenos.nl/Images/layout/buttons/rubine-red-left.png) no-repeat top right;
 	color: #fff;	
}

ul.rubine-red-left li a.current span {
	background: url(http://www.xenos.nl/Images/layout/buttons/rubine-red-left.png) no-repeat top left;
}

/* Rubine Red Fixed Button */
ul.rubine-red-fixed {
	padding: 5px;
	margin: 10px 0 10px -13px;
	list-style: none;
	background-color: #fff;
	float: left;
	clear: left;
}

ul.rubine-red-fixed li {
	float: left;
	display: inline; /*For ignore double margin in IE6*/
	margin: 0 25px 0 5px;
	background: url(http://www.xenos.nl/Images/layout/buttons/rubine-red.png) no-repeat top left;
}

ul.rubine-red-fixed li a {
	text-decoration: none;
	width:170px;
	float:left;
	color: #fff;
	cursor: pointer;
	margin: 0 -20px 0 10px;
	padding: 0 25px 0 5px;
	font: 600 12px/33px "Arial", Helvetica;
	background: url(http://www.xenos.nl/Images/layout/buttons/rubine-red.png) no-repeat top right;
}

ul.rubine-red-fixed li a span {
	margin: 0 10px 0 -10px;
	padding: 1px 10px 5px 20px;
	position: relative; /*To fix IE6 problem (not displaying)*/
	float:left;
}

ul.rubine-red-fixed li a:hover {
 	color: #fff;
	background: url(http://www.xenos.nl/Images/layout/buttons/rubine-red.png) no-repeat top right;
}

ul.rubine-red-fixed li a:hover span {
	background: url(http://www.xenos.nl/Images/layout/buttons/rubine-red.png) no-repeat top left;
}

ul.rubine-red li-fixed a.current {
	background: url(http://www.xenos.nl/Images/layout/buttons/rubine-red.png) no-repeat top right;
 	color: #fff;	
}

ul.rubine-red-fixed li a.current span {
	background: url(http://www.xenos.nl/Images/layout/buttons/rubine-red.png) no-repeat top left;
}

.loupe { background-color:#555; background:rgba(0, 0, 0, 0.25); border:5px solid rgba(0, 0, 0, 0); width: 600px !important; height: 400px !important; }


/*form*/

form {
	width: 100% !important;
	height: 100%;
	
}
#ctl00_CPH01_RFVPostcodePlaats{
	height: 1px;
}

/* General styles for all menus */

.menu {
	background: #fff;
/*	position: fixed;*/
	/*z-index: 999;*/
}

.menu h3 {
	font-size: 1.9em;
	padding: 20px;
	margin: 0;
	font-weight: 300;
}

.menu a {
	display: block;
	color: #646569;
	font-weight: 300;
}
.menu a:hover, menu a:active {
	color: #646569;
}


/* Orientation-dependent styles for the content of the menu */

.menu-vertical {
	/*width: 240px;*/
/*	height: 100%;*/
	/*top: 0;
	z-index: 1000;*/
	-webkit-box-shadow: -1em 0 0.5em -1.1em  #000000 inset;
	   -moz-box-shadow: -1em 0 0.5em -1.1em  #000000 inset;
	        box-shadow:-1em 0 0.5em -1.1em  #000000 inset;
}


			
.menu-vertical>ul.menu20>li {
	/*position:relative;*/
	display:block;
	background-color: #FFFFFF;
	background-repeat:no-repeat;
	background-position:0px 10px;
	min-height:0;
	border-bottom: 1px solid #DC016B;
	background: url('/images/images_mobiel/nav_arrow.png') no-repeat 96% top;
	line-height: 1.3em;
	padding: 0.7em;
	cursor: pointer;
	}
	
	
	.menu-vertical>ul.menu20>li:active, .menu-vertical>ul.menu20>li:hover {
		background: /*#DC016B*/ url('/images/images_mobiel/nav_arrow_os.png') no-repeat right top;
		color: #DC016B;
		}
		
/*		.menu-vertical>ul.menu20>li:active ul, .menu-vertical>ul.menu20>li:hover ul {
			display:  block;
		}*/
	
.menu-vertical>ul.menu20 {
	/*padding: 0 0.7em 0 0.7em;*/
}
	
	
/*	.menu-vertical>ul>li>ul>li:hover {
		color: #fff;
/*		background: #DC016B url('/images/images_mobiel/nav_arrow_o.png') no-repeat right center;*!/
		
		}*/

	.menu-vertical li:hover ul li a {
		z-index:500;
		position:relative;/*
		list-style:none;*/
		/*padding: 0 ;
		margin: 0px;*/
		top: 0px !important;
		width: auto;
/*		background: none;*/
		}
		
		
	.menu-vertical li:hover ul li a:hover {
		color: #DC016B;
	}


.menu-vertical li{/*
	list-style: none;*/
	display: block;
}


.menu-vertical ul li ul{/*
	list-style: none;*/
	display: none;         
	background: none;
	margin-top: 10px;
	pointer-events: none;
}

.menu-vertical ul li:hover ul{/*
	list-style: none;*/
	display: block;         
	background: none;
	margin-top: 10px;
	pointer-events: all;
}


/*.menu-vertical ul li:after {
  visibility: hidden;
  display: block;
    clear: both;
  
}

* html .menu-vertical ul li{
  height: 1%;
}*/

/*.menu-vertical ul li ul>li:first-child{
	display: none;
}*/

.menu-vertical ul li ul>li>a{
	background-color: #FFFFFF;
	background-repeat:no-repeat;
	background-position:0px 10px;
	border-bottom: 1px solid #DC016B;
/*	background: url('/images/images_mobiel/nav_arrow_n.png') no-repeat right top;*/
	padding: 0.5em 0.7em 0.5em 0.5em;
	line-height: 1.5em;
	font-size: 0.9em;	
}

/*.menu-vertical a:hover {
	color: #DC016B;
}*/

.menu-vertical ul li ul>li:last-child>a{
	border-bottom: none;
	padding: 0.5em 0.7em 0em 0.5em;
	
}

.menu-vertical ul li ul>li:first-child>a{
	border-top: 1px solid #DC016B;
	
	
}



.menu-vertical li:hover ul {
	list-style: none;
	display: block;
}

.menu-vertical > ul{
	list-style: none;
	padding: 0px;
/*	margin:5px 5px 5px 5px;*/
}

.menu-horizontal {
	width: 100%;
	height: 150px;
	left: 0;
	z-index: 1000;
/*	overflow: hidden;*/
}

.menu-horizontal h3 {
	height: 100%;
	width: 20%;
	float: left;
}

.menu-horizontal a {
	float: left;
	width: 20%;
	padding: 0.8em;
	border-left: 1px solid #258ecd;
}




/*.menu-vertical a,
.menu-vertical a:link {
  
  display: block;
  
}

.menu-vertical li:hover > ul {
  display: block;
}
.menu-vertical ul ul {
  display: none;
  }*/





/* Vertical menu that slides from the left or right */

.menu-push-toright #container {
	/*overflow: hidden;	
	position: fixed;*/
	margin-left: 240px;
	width: 100%;
	height: 100%;
	-webkit-box-shadow: 0 0 0.5em -0.1em  #000000;
	-moz-box-shadow: 0 0 0.5em -0.1em  #000000;        	
	box-shadow:0 0 0.5em -0.1em  #000000;
	/*display: block;
	z-index: 900;*/
}

.menu-push-toright #menu_containe{
	width: 240px;
}
.menu-push-toright #menu_outer_container{
	/*height: 100%;
	left: 0;
    position: absolute;
    width: 240px;*/
}

#menu_container{
/*height: 100%;*/
overflow: auto;
top: 0;
left: 0;
position: absolute;
margin: 0;
padding: 0;
width: 240px;
z-index: 800;
}

.menu-push #menu_container{
	display: none;
	visibility: hidden;
}

.menu-push-toright #menu_container{
	/*width: 240px;*/
	display: block;
	overflow-y: auto;
	visibility: visible;
	height: 100%;
}
		


/*.menu-left {
	left: -240px;
	position: absolute;
	overflow-y: hidden;
}

.menu-right {
	right: -240px;
	position: absolute;
}*/



.menu-right.menu-open {
	right: 0px;
}

/* Horizontal menu that slides from the top or bottom */

.menu-top {
	top: -150px;
}

.menu-bottom {
	bottom: -150px;
}

.menu-top.menu-open {
	top: 0px;
}

.menu-bottom.menu-open {
	bottom: 0px;
}

/* Push classes applied to the body */

.menu-push {
/*	overflow-x: hidden;*/
	position: relative;
/*	left: 0;*/
}

.menu-push-toright {
/*	left: 240px;*/
	overflow-x: hidden;
		/*position: relative;*/
	position: fixed;
}

.menu-push-toleft {
	left: -240px;
}

/* Transitions */

.menu,
.menu-push {
	-webkit-transition: all;
	-moz-transition: all;
	transition: all ;

}

/* Example media queries */

/*@media screen and (max-width: 55.1875em){

	.menu-horizontal {
		font-size: 75%;
		height: 110px;
	}

	/*.menu-top {
		top: -110px;
	}

	.menu-bottom {
		bottom: -110px;
	}*!/
	
	.menu-push-toright #container {
	
		margin-left: 110px;
		
	}
	.menu-push-toright .menu-left {
	width: 110px;}
	
}*/

@media screen and (max-height: 26.375em){

	.menu-vertical {
		font-size: 90%;
		width: 190px;
	}

	/*.menu-left,
	.menu-push-toleft {
		left: -190px;
	}

	.menu-right {
		right: -190px;
	}

	.menu-push-toright {
		left: 190px;
	}*/
	
.menu-push-toright #container {

	margin-left: 190px;
	
}
.menu-push-toright .menu-left {
width: 190px;}


	}

/*header*/

#mobile-header{
	margin: 4% 2%  4% 2%;
	color: #DC016B;
}

#mobile-header a{
	color: #DC016B;
}


#mobile-header #responsive-menu-button{

	border: none;
	color: rgba(255, 255, 255, 0);	
	padding: 0px;
	
	}

#responsive-menu-button-close{
/*	background: url('/Images/images_mobiel/terug_icon.png') no-repeat left top;
	border: none;
	background-size: 30%;
	-moz-background-size: 30%;
	-webkit-background-size: 30%;
	color: rgba(255, 255, 255, 0);	
	height: 2.4em;
	padding: 0px;
	float: right;
	margin-top: 5px;*/
	display: none;
}

.title-button-logo {
	float: right;
	display: block;
	
}

#ctl00_CPH01_TBToevoeging{
	float: right;
}

#ctl00_CPH01_RBLGeslacht_0{
	width: 20px;
}

#ctl00_CPH01_RBLGeslacht_1{
	width: 20px;
}

/*footer*/


#linkDesktop{
	border-top: 1px solid #DC016B;
	    margin-bottom: 1em;
	    padding-top: 1em;
	    text-align: center;
	    width: 100%;}

#linkBottom{
	width: 100%;
	text-align: center;
	font-weight: bold;
	padding-bottom: 1em;
	color: #DC016B;
}

#linkDesktop a.title-button{
	font-size: 1em;
	margin-bottom: 2em;
	color: #646569;
}

#linkBottom a.title-button{
	font-size: 0.8em;
	color: #646569;
	
}





/*Nav menu20a*/

#navigation #menu20a {
	background-color: #fff;
}

#navigation #menu20a ul.menu21>li:first-child
{
   
     background: url('/images/images_mobiel/nav_arrow.png') no-repeat right center;
    
}

#navigation #menu20a ul.menu21>li, .faq_link
{
    position:relative;
    display:block;
    z-index:300;
    background-color: #FFFFFF;
    margin:5px 0 5px 0;
    background-repeat:no-repeat;
    background-position:0px 10px;
    min-height:0;
    border-radius: 0.3em;
    border: 1px solid #DC016B;
    background: url('/images/images_mobiel/nav_arrow.png') no-repeat right center;
}
.faq_link_Kaartje, .faq_link_Kleding{
	display: none;
}




#navigation #menu20a ul.menu21>li:hover, .faq_link:hover
{
    background: #DC016B url('/images/images_mobiel/nav_arrow_ol.png') no-repeat right center;
    z-index:308;
}


#navigation #menu20a ul.menu21>li>a, .faq_link a
{
    display: block;
	font-weight: bold;
    font-size: 1em;
/*    width: 70%;*/
}

#navigation #menu20a ul.menu21>li:hover a, .faq_link:hover a
{
    color: #FFFFFF !important;
}

#navigation #menu20a ul.menu21>li>ul
{
    z-index:500;
    display:none;
    position:relative;
    list-style:none;
    padding:4px 5px 4px 5px;
    margin:0 -1px -2px -1px;
    background-color:#FFFFFF !important;
    border-left: 1px solid #DC016B;
    border-right: 1px solid #DC016B;
    border-bottom: 1px solid #DC016B;
    top: 0px !important;
    width: auto;
  border-bottom-left-radius:0.3em;
  border-bottom-right-radius: 0.3em;
  -webkit-border-bottom-left-radius:0.3em;
  -webkit-border-bottom-right-radius: 0.3em;
  -moz-border-bottom-left-radius:0.3em;
  -moz-border-bottom-right-radius: 0.3em;
}

#navigation #menu20a ul.menu21>li>ul
{
    background-color: #FFFFFF;
    z-index:500;
}

#navigation #menu20a ul.menu21>li>ul>li a
{
    line-height:2.5em;
    text-decoration:none;
    color:#646569 !important;
    padding:0px 0px 0px 10px !important;
    background-repeat:no-repeat;
    background-position:6px 9px;
    margin:0px;
    z-index:500;
    height:auto;
	font-size: 1em;
       
}

#navigation #menu20a ul.menu21>li>ul>li{
	border-bottom: 1px solid #DC016B;
	background: url('/images/images_mobiel/nav_arrow.png') no-repeat right center;
}

#navigation #menu20a ul.menu21>li>ul>li:last-child {
	border-bottom: 0px solid #DC016B;
}

#navigation #menu20a ul.menu21>li>ul>li>a:hover
{
    background-color:transparent !important;
    z-index:500;
}

/*vervolg menu*/

.NavTitel{
		line-height:1.5em;
		color: #DC016B;
		padding:0px 0px 0px 40px !important;
			border-bottom: 1px solid #DC016B;
		line-height: 2.5em;	
	
		
}



.default-menu_167 .NavTitel{
	background: url('/images/images_mobiel/filialen_icon.png') no-repeat left center;
	background-size: 2em;
	
}

.default-menu_168 .NavTitel{
	background: url('/images/images_mobiel/folder_icon.png') no-repeat left center;
	background-size: 2em;
	
}
.default-menu_200 .NavTitel{
	background: url('/images/images_mobiel/aanbiedingen_icon.png') no-repeat left center;
	background-size: 2em;
}
.default-menu_203 .NavTitel{
	background: url('/images/images_mobiel/assortiment_icon.png') no-repeat left center;
	background-size: 2em;
	
}

.default-menu_204 .NavTitel{
	background: url('/images/images_mobiel/cadeaukaart_icon.png') no-repeat left center;
	background-size: 2em;
	
}

.default-menu_205 .NavTitel{
	background: url('/images/images_mobiel/postwebshop_icon.png') no-repeat left center;
	background-size: 2em;
	
}

.default-menu_206 .NavTitel{
	background: url('/images/images_mobiel/inspiratie_icon.png') no-repeat left center;
	background-size: 2em;
	
}

.default-menu_207 .NavTitel{
	background: url('/images/images_mobiel/klantenservice_icon.png') no-repeat left center;
	background-size: 2em;
	
}



#ctl00_CPH01_menu20a{
    padding:4px 5px 4px 5px;
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-moz-border-radius:0.3em;
	border: 1px solid #DC016B;
/*	background: url('/images/images_mobiel/nav_arrow_ol.png') right top / 40px no-repeat scroll;*/
/*	background: url('/images/images_mobiel/nav_arrow_os.png') right 0.8em / 40px no-repeat scroll;*/
		
}

.algemeen_container {
    padding:4px 5px 4px 5px;
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-moz-border-radius:0.3em;
	border: 1px solid #DC016B;
/*	background: url('/images/images_mobiel/nav_arrow_ol.png') right top / 40px no-repeat scroll;*/
/*	background: url('/images/images_mobiel/nav_arrow_os.png') right 0.8em / 40px no-repeat scroll;*/
		
}




#navigation #ctl00_CPH01_menu20a ul>li> a
{
    line-height:2.5em;
    text-decoration:none;
    color:#646569 !important;
    background-repeat:no-repeat;
    background-position:6px 9px;
    margin:0px;
    z-index:500;
    height:auto;
	font-size: 1em;
	display: block;
       
}

.Algemeen_list>li>a
{
    line-height:2.5em;
    text-decoration:none;
    color:#646569 !important;
    background-repeat:no-repeat;
    background-position:6px 9px;
    margin:0px;
    z-index:500;
    height:auto;
	font-size: 1em;
	display: block;
       
}

#navigation #ctl00_CPH01_menu20a a:active, #navigation #ctl00_CPH01_menu20a a:hover{
	color: #DC016B !important;
}

#navigation #ctl00_CPH01_menu20a ul>li{
	border-bottom: 1px solid #DC016B;
	background: url('/images/images_mobiel/nav_arrow.png') no-repeat right center;
	
}

#navigation #ctl00_CPH01_menu20a ul > li:last-child{
		border-bottom: 0px solid #DC016B;
}

.Algemeen_list>li{
    border-bottom: 1px solid #DC016B;
	background: url('/images/images_mobiel/nav_arrow.png') no-repeat right center;
}

.Algemeen_list>li:last-child{
    border-bottom: none;
	background: url('/images/images_mobiel/nav_arrow.png') no-repeat right center;
}


/* end vervolg menu*/

#navigation .menu21 img{
	width: 2.5em;
	float: left;
    margin-top: -0.7em;
    margin-right: 3px;
}


.faq_img{
	display: inline-block;
	    float: left;
	    margin-top: -0.9em;
	    width: 3em;
}


/*zoek*/

._zoeken tr {
	height: 15px !important;
	line-height: 1.5em;
}
._zoeken tr td{
	padding: 1%;
}

._zoeken tr th{
	padding: 1%;
}

._zoeken .content div {
	margin-top: 5px;
}




.imgcadeaukaart{
width: 100%;
	
}

#IMGEtalage{
	width: 100% !important;
	height: 100% !important;
}


/*Cadeaukaart*/

._cadeaukaart .content>p>img, .cadeaukaarten{
	width: 98%;
	
}



._cadeaukaart tr>th{
	width: 35% !important;
	font-size: 1em;
}

._cadeaukaart tr>td:first-child{
	width: 35% !important;
	font-size: 1em;
}




._cadeaukaart tr>th{
	width: 80%;
	font-size: 1em;
}
._cadeaukaart tr>th:last-child{
	width: 10%;
	
}
._cadeaukaart tr input {
	width: 100%;
}


/*Inspiratie*/

ul#inspiratie>li{
	border: 1px solid #646569;
	border-radius: 10px;
	background: url('http://xenosnlmobiel.eseeonline.nl/Images/images_mobiel/nav_arrow.png') no-repeat right center;
	list-style: none;
	height: 80px;
		margin-bottom: 20px;
	
}

ul#inspiratie>li a{
	font-size: 1em;
	font-family: arial;
	font-weight: bold;
	color: #646569;
	text-decoration: none;
}

ul#inspiratie>li a:hover{

	color: #DC016B;
}
	
ul#inspiratie>li img	{
	float: left;
	display: block;
	border-right: 1px solid #646569;
	border-radius: 10px 0 0 10px;
	width: auto;
	height: 80px;
}

ul#inspiratie > li .tekstinspiratie {
    display: block;
    float: left;
    margin: 20px 0 0 20px;
    width: 50%;
}


/* Media queries */

/* ---------------------------- Cadeaukaarten    */

ul.omslagen
{
    margin: 2% 0 0 0;
    padding: 0;
    list-style-type: none;
}

    ul.omslagen li
    {
        float: left;
        text-align: center;
    }

        ul.omslagen li label img
        {
            height: 35px;
        }

.HeaderRow, .OrderRow, .VerzendkostenRow, .TotaalRow
{
    width: 100%;
    clear: both;
    display: block;
    position: relative; 
}

    .HeaderRow .Product
    {
       
        font-weight: bold;
        float: left;
        display: block;
        position: relative; 
    }

    .HeaderRow .Omslag
    {
/*        width: 365px;*/
        font-weight: bold;
        float: left;
        display: block;
        position: relative; 
    }

.OrderRow .Product, .VerzendkostenRow .Product, .TotaalRow .Product
{
/*    width: 130px;*/
    float: left;
    display: block;
    position: relative; 
}

.OrderRow .Error
{
    color: #FF0000;
    clear: both;
}

    .OrderRow .Omslag
    {
/*        width: 365px;*/
        float: left;
        display: block;
        position: relative; 
    }

.HeaderRow .Aantal, .HeaderRow .Bedrag, .HeaderRow .Totaal
{
/*    width: 75px;*/
	margin: 0 5px;
    font-weight: bold;
    float: left;
    display: block;
    position: relative; 
}
.Product{
	margin-right: 10px;
}
.OrderRow .Aantal, .OrderRow .Bedrag, .OrderRow .Totaal, .TotaalRow .Aantal, .TotaalRow .Bedrag, .TotaalRow .Totaal, .VerzendkostenRow .Aantal, .VerzendkostenRow .Bedrag, .VerzendkostenRow .Totaal
{
/*    width: 55px;*/
    float: left;
    display: block;
    position: relative; 
    margin: 0 10px 0 0;
/*    padding: 0 10px 0 0;*/
}

    .OrderRow .Totaal, .VerzendkostenRow .Totaal, .TotaalRow .Totaal
    {
        text-align: right;
        float: right;
        
    }
	
	.Totaal{
		width: 20%;
	}

    .VerzendkostenRow .Totaal
    {
        border-bottom: 1px solid #000000;
    }

.OrderRow .Verwijderen
{
    clear: both;
    top: -30px;
    left: 0px;
    position: relative;
}

.VerzendkostenRow
{
    margin: 20px 0 0 0;
}

/*li.rubine-red {
    background: url("http://www.xenos.nl/Images/layout/buttons/rubine-red.png") no-repeat scroll left top transparent;
    display: inline;
    float: left;
    height: 35px;
    margin: 0 10px 0 0;
    width: 150px;
}*/

/*input.rubine-red[type="submit"] {
    background: url("http://www.xenos.nl/Images/layout/buttons/rubine-red.png") no-repeat scroll right top transparent;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font: 600 12px/33px "Arial",Helvetica;
    height: 35px;
    margin: 0 -10px 0 10px;
    padding: 0 10px 0 0;
    text-decoration: none;
/*    width: 150px;*!/
}*/

h2.cadeaukaarten
{
    font-size: 22px;
    line-height: 22px;
    color: #DC016B;
    padding: 20px 0 10px 0;
}

#CBAlgemenevoorwaarden, #ctl00_CPH01_CBBezorgadres, #ctl00_CPH01_CBNieuwsbrief{
	float: left;
	width: 20px;
}

label#CBAlgemenevoorwaarden{
	width: 80%;
	
}

.Omslag{
	float: left;
	display: block;
/*	width: 100%;*/
	margin-top: 10px;
}
/* ---------------------------- End Cadeaukaarten    */


a.printbon{
	display: none;
}


/* ----------------------------  Enquete       */

.EnqueteButtons table{
	width: auto;
}


.btnpreviousnext{
    background-color: #DC016B;
    border: 0 none;
    border-radius: 0.3em;
    color: #FFFFFF;
    font-family: Arial,Verdana;
    font-size: 1.2em;
    font-weight: bold;
    margin-right: 5%;
    padding: 0.6em;
    text-transform: uppercase;
}


/* max-width */
@media screen and (max-width: 600px) {
			#mobile-header #responsive-menu-button img{
				
				width: 1.8em;
				float: left;
				margin-top: -2px;
				margin-right: 5px;
							
			}
			
			#mobile-header{
				font-size-adjust: 0.8em;
			}
			
			#mobile-header a{
				font-size: 0.8em;
			}
			
			.title-button-logo{
				width: 30%;
			}
				
			.title-button-logo img{
				width:100%;
				float: right;
				margin-top: -4px;
			}
					
			#container {
				max-width: 590px;
				
			}
			
			#content{
				/*font-size: 1em;*/
				/*line-height: 1.5em;*/
			}
			
			#kruimelpad {
				float:left;
				color: #646569;
				font-size: 0.7em;
			}
			
			#Overzicht, #Overzicht a{
				font-size: 0.9em;
			}
			
			#page{
				font-size: 1em;
				line-height: 1.2em;
			}
			
			#navigation #menu20a ul.menu21>li>a	{
				    padding: 0.8em 1em 0.8em 0em;
				}
				
				.faq_link a				{
					    padding: 0.8em 1em 0.8em 0em;
					}
				
			
			.paginaimage{
				width: 100%;
				display: block;
			}
			
			.slidesjs-container {
				/*width: 100% !important;
				height: 176px !important;*/
			}
					
}

/* min-width */
@media screen and (min-width: 900px) {
			#mobile-header #responsive-menu-button img{
				width: 1.2em;
				float: left;
				margin-top: 15px;
				margin-right: 5px;
			}
			
			#mobile-header{
				font-size: 2.2em;
				line-height: 2em;
			}
			
			#kruimelpad {
				float:left;
				color: #646569;
				font-size: 1em;
			}

			
			#mobile-header a{
			}

			.title-button-logo{
				width: 30%;
			}
	
			.title-button-logo img{
				width:100%;
				float: right;
				margin-top: -4px;
			}
				
			#container {
			    max-width: 1000px;
			}
			#content{
				/*font-size: 0,8em;*/
				/*line-height: 1.2em;*/
			}
			
			#Overzicht, #Overzicht a{
				font-size: 0.9em;
			}
			
			#page{
				font-size: 1.2em;
				line-height: 1.3em;
			}
			
			#navigation #menu20a ul.menu21>li>a	{
				    padding: 0.5em 1em 0.4em 0em;
				}
				
				.faq_link a
					{
					    padding: 0.5em 1em 0.4em 0em;
					}
				
				
				.slidesjs-container {
					width: 100% !important;
					height: 539px !important;
				}
				
				#ctl00_CPH01_menu20a{
				 
				}
		
}

/* min-width & max-width */
@media screen and (min-width: 600px) and (max-width: 900px) {
			#mobile-header #responsive-menu-button img{
				width: 1.2em;
				float: left;
				margin-top: 8px;
				margin-right: 5px;
				
			}
			
			#mobile-header{
				font-size: 1.4em;
				line-height: 2em;
			}
			
			#mobile-header a{
			}
			
			#kruimelpad {
				float:left;
				color: #646569;
				font-size: 0.7em;
			}

			
			.title-button-logo{
				width: 30%;
			}
				
			.title-button-logo img{
				width:100%;
				float: right;
				margin-top: -4px;
			}
				
			#container {
			    max-width: 900px;
			   	
			}
			
			#content{
				/*font-size: 1em;*/
				/*line-height: 1.2em;*/
			}
			
			#Overzicht, #Overzicht a{
				font-size: 1em;
			}
			
			#page{
				font-size: 1em;
			}
			
			#navigation #menu20a ul.menu21>li>a {
				padding: 0.8em 1em 0.8em 0em;
			}
			
			.faq_link a {
				padding: 0.8em 1em 0.8em 0em;
			}
			
			
			.slidesjs-container {
				/*width: 100% !important;
				height: 300px !important;*/
			}
			
				
}
/* max device width */
@media screen and (min-width: 250px) and (max-width: 269px) {
			#mobile-header #responsive-menu-button img{
				width: 2em;	
				float: left;
				margin-top: -2px;			
				margin-right: 5px;
			}
			
			#mobile-header{
				font-size-adjust: 0.7em;
			}
					
			#mobile-header a{
				font-size: 0.7em;
                width: 14%;
                margin-top: 1em;
			}
			
			#kruimelpad {
				float:left;
				color: #646569;
				font-size: 0.7em;
			}
			
			.title-button-logo{
				width: 30%;
			}
			
			.title-button-logo img{
				width:100%;
				float: right;
				margin-top: -4px;
			}
				
			#container {
			  
			    max-width: 475px;
			   
			}
			
			#content{
				/*font-size: 0.5em;*/
				/*line-height: 1.2em;*/
			}
			
			#Overzicht, #Overzicht a{
				font-size: 0.9em;
			}
			
			#page{
				font-size: 0.9em;
			}
			
			#navigation #menu20a ul.menu21>li>a{
			    padding: 0.8em 1em 0.8em 0em;
			}
			
			.faq_link a{
			    padding: 0.8em 1em 0.8em 0em;
			}
						
			.paginaimage{
				width: 100%;
				display: block;
			}
			
			/*.slidesjs-container {
				width: 100% !important;
				height: 259px !important;
			}*/
			
} 


/* max device width */
@media screen and (min-width: 269px) and (max-width: 330px) {
			#mobile-header #responsive-menu-button img{
				width: 2em;		
				float: left;
				margin-top: -2px;	
				margin-right: 5px;	
			}
			
			#mobile-header{
				font-size-adjust: 0.7em;
			}
					
			#mobile-header a{
				font-size: 0.7em;
                width: 20%;
                margin-top: 0.8em;
			}
			
			#kruimelpad {
				float:left;
				color: #646569;
				font-size: 0.7em;
			}
			
			.title-button-logo{
				width: 30%;
			}
			
			.title-button-logo img{
				width:100%;
				float: right;
				margin-top: -4px;
			}
				
			#container {
			  
			    max-width: 475px;
			   
			}
			
			#content{
				/*font-size: 0.5em;*/
				/*line-height: 1.2em;*/
			}
			
			#Overzicht, #Overzicht a{
				font-size: 0.9em;
			}
			
			#page{
				font-size: 0.9em;
			}
			
			#navigation #menu20a ul.menu21>li>a{
			    padding: 0.8em 1em 0.8em 0em;
			}
			
			.faq_link a{
			    padding: 0.8em 1em 0.8em 0em;
			}
			
			
			.paginaimage{
				width: 100%;
				display: block;
			}
			
			/*.slidesjs-container {
				width: 100% !important;
				height: 259px !important;
			}*/
			
} 

/* max device width */
@media screen and (min-width: 330px) and (max-width: 480px) {
			#mobile-header #responsive-menu-button img{
				width: 2em;
				float: left;
				margin-top: -2px;
				margin-right: 5px;
			}
			
			#mobile-header{
				font-size-adjust: 0.7em;
			}
					
			#mobile-header a{
				font-size: 0.7em;
			}
			
			#kruimelpad {
				float:left;
				color: #646569;
				font-size: 0.7em;
			}
			
			.title-button-logo{
				width: 30%;
			}
			
			.title-button-logo img{
				width:100%;
				float: right;
				margin-top: -4px;
			}
				
			#container {
			  
			    max-width: 475px;
			   
			}
			
			#content{
				/*font-size: 0.5em;*/
				/*line-height: 1.2em;*/
			}
			
			#Overzicht, #Overzicht a{
				font-size: 0.9em;
			}
			
			#page{
				font-size: 0.9em;
			}
			
			#navigation #menu20a ul.menu21>li>a{
			    padding: 0.8em 1em 0.8em 0em;
			}
			
			.faq_link a{
			    padding: 0.8em 1em 0.8em 0em;
			}
			
			
			.paginaimage{
				width: 100%;
				display: block;
			}
			
			/*.slidesjs-container {
				width: 100% !important;
				height: 259px !important;
			}*/
			
} 


@media screen and (-webkit-min-device-pixel-ratio: 2) {

			#mobile-header #responsive-menu-button img{
				width: 2em;
				float: left;
				margin-top: -2px;
				margin-right: 5px;
			}
			
			#mobile-header{
				font-size-adjust: 0.7em;
			}
					
			#mobile-header a{
				font-size: 0.7em;
			}
			#kruimelpad {
				float:left;
				color: #646569;
				font-size: 0.7em;
				}
			
			
			.title-button-logo{
				width: 30%;
				
			}
			
			.title-button-logo img{
				width:100%;
				float: right;
				margin-top: -4px;
			}
				
			#container {
			  
			    max-width: 1000px;
			   
			}
			
			#Overzicht, #Overzicht a{
				font-size: 0.9em;
			}
			
			
			
			#content{
				/*font-size: 0.5em;
				line-height: 1.5em;*/
			}

			#page{
				font-size: 0.9em;
			}
			
			#navigation #menu20a ul.menu21>li>a
				{
				    padding: 0.8em 1em 0.8em 0em;
				}
				
			.faq_link a
				{
				    padding: 0.8em 1em 0.8em 0em;
				}
				
				
			#showzondaglocaties
				{
					font-size: 0.7em;
				}
				
			.paginaimage{
				width: 100%;
				display: block;
			}
			
			.slidesjs-container {
				width: 100% !important;
				height: 275px !important;
			}

}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { /* STYLES GO HERE */

.slidesjs-container {
	width: 100% !important;
	height: 310px !important;
}

html {
    font-size: 0.8em;
}



.title-button-logo{
	width: 28% !important;
	
}

#mobile-header #responsive-menu-button img{
	width: 2.4em !important;
	}

#navigation .menu21 img {
    
    margin-top: -0.4em !important;
   
}

}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { /* STYLES GO HERE */ 
.slidesjs-container {
	width: 100% !important;
	height: 175px !important;
}


._cadeaukaart #container{
	overflow-x: scroll !important;
}
#check_saldo{
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.title-button-logo{
	width: 32% !important;
	margin-top: -0px !important;
}

}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : landscape) { /* STYLES GO HERE */
.slidesjs-container {
	width: 100% !important;
	height: 262px !important;
}

html {
    font-size: 0.8em;
}



.title-button-logo{
	width: 26% !important;
}

#mobile-header #responsive-menu-button img{
	width: 2.4em !important;
	}
	
	#navigation .menu21 img {
	    
	    margin-top: -0.4em !important;
	   
	}

}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) { /* STYLES GO HERE */ 
.slidesjs-container {
	
	width: 100% !important;
	height: 175px !important;
}



._cadeaukaart #container{
	overflow-x: scroll !important;
}



#check_saldo{
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.title-button-logo{
	width: 29% !important;
	margin-top: 0.2em !important;
}

}


}


.SocialMediaContainer
{
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4%;
}

.SocialMediaContainer a {
	display: block;
}


.facebook_container
{
    width: 33%;
    float: left;
}

.facebook_img
{
    width: 50%;
    position: relative;
    margin-left: 26%;
}

.text_facebook_container
{
    position: relative;
    text-align: center;
    color:  #3c5998;
}

.twitter_container
{
    width: 33%;
    float: left;
}

.twitter_img
{
    width: 50%;
    position: relative;
    margin-left: 27%;
}

.text_twitter_container
{
    position: relative;
    text-align: center;
    color: #00acee;
}

.nieuwsbrief_container
{
    width: 33%;
    float: left;
}

.nieuwsbrief_img
{
    width: 50%;
    position: relative;
    margin-left: 26%;
}

.text_nieuwsbrief_container
{
    position: relative;
    text-align: center;
}

.cadeaukaart_container ul
{
    margin-left: 2em;
    margin-top: 0.8em;
    margin-bottom: 0.8em;
    list-style-type: disc;
    display:block;
}

.cadeaukaart_container ul li
{
    text-align: -webkit-match-parent;
    display:list-item;
}

/*******************************************************************************************************************/
/* styling menu
/*******************************************************************************************************************/

/*
	jQuery.mmenu CSS
*/
html.mm-opened .mm-page,
html.mm-opened #mm-blocker,
html.mm-opened .mm-fixed-top,
html.mm-opened .mm-fixed-bottom,
html.mm-opened .mm-menu.mm-horizontal > .mm-panel {
  -webkit-transition: none 0.4s none;
  -moz-transition: none 0.4s none;
  -ms-transition: none 0.4s none;
  -o-transition: none 0.4s none;
  transition: none 0.4s none;
  -webkit-transition-property: top, right, bottom, left, border;
  -moz-transition-property: top, right, bottom, left, border;
  -ms-transition-property: top, right, bottom, left, border;
  -o-transition-property: top, right, bottom, left, border;
  transition-property: top, right, bottom, left, border; }
html.mm-opened .mm-page,
html.mm-opened #mm-blocker {
  left: 0%;
  top: 0;
  margin: 0;
  border: 0px solid rgba(0, 0, 0, 0); }
html.mm-opened.mm-opening .mm-page,
html.mm-opened.mm-opening #mm-blocker {
  border: 0px solid rgba(100, 100, 100, 0); }

.mm-menu .mm-hidden {
  display: none; }

.mm-fixed-top,
.mm-fixed-bottom {
  position: fixed;
  left: 0; }

.mm-fixed-top {
  top: 0; }

.mm-fixed-bottom {
  bottom: 0; }

html.mm-opened .mm-page,
.mm-menu > .mm-panel {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

html.mm-opened,
html.mm-opened body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative; }

html.mm-opened .mm-page {
  height: 100%;
  overflow: hidden;
  position: absolute; }

html.mm-background .mm-page {
  background: inherit; }

#mm-blocker {
  background: #fff;
  opacity: 0;
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 999999; }

html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker {
  display: block; }

.mm-menu.mm-current {
  display: block; }

.mm-menu {
  background: inherit;
  display: none;
  overflow: hidden;
  height: 100%;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0; }
  .mm-menu > .mm-panel {
    background: inherit;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    padding: 20px;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 0; }
    .mm-menu > .mm-panel.mm-opened {
      left: 0%; }
    .mm-menu > .mm-panel.mm-subopened {
      left: -40%; }
    .mm-menu > .mm-panel.mm-highest {
      z-index: 1; }
    .mm-menu > .mm-panel.mm-hidden {
      display: block;
      visibility: hidden; }

.mm-menu .mm-list {
  padding: 20px 0; }
.mm-menu > .mm-list {
  padding: 20px 0 40px 0; }

.mm-panel > .mm-list {
  margin-left: -20px;
  margin-right: -20px; }
  .mm-panel > .mm-list:first-child {
    padding-top: 0; }

.mm-list,
.mm-list > li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0; }

.mm-list {
  font: inherit;
  font-size: 14px; }
  .mm-list a,
  .mm-list a:hover {
    text-decoration: none; }
  .mm-list > li {
    position: relative; }
    .mm-list > li > a,
    .mm-list > li > span {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      color: #DC016B;
      line-height: 20px;
      display: block;
      padding: 10px 10px 10px 10px;
      font-weight: bold;
      font-size: 1.2em;
      margin: 0; }
  .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults)::after {
    content: '';
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0; }
  .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after {
    width: auto;
    position: relative;
    left: auto; }
  .mm-list a.mm-subopen {
    width: 40px;
    height: 100%;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2; }
    .mm-list a.mm-subopen::before {
      content: '';
      border-left-width: 1px;
      border-left-style: solid;
      display: block;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0; }
    .mm-list a.mm-subopen.mm-fullsubopen {
      width: 100%; }
      .mm-list a.mm-subopen.mm-fullsubopen:before {
        border-left: none; }
    .mm-list a.mm-subopen + a,
    .mm-list a.mm-subopen + span {
      padding-right: 5px;
      margin-right: 40px; }
  .mm-list > li.mm-selected > a.mm-subopen {
    background: transparent; }
  .mm-list > li.mm-selected > a.mm-fullsubopen + a,
  .mm-list > li.mm-selected > a.mm-fullsubopen + span {
    padding-right: 45px;
    margin-right: 0; }
  .mm-list a.mm-subclose {
    text-indent: 20px;
    padding-top: 30px;
    margin-top: -20px; }
  .mm-list > li.mm-label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 25px;
    padding-right: 5px; }
  .mm-list > li.mm-spacer {
    padding-top: 40px; }
    .mm-list > li.mm-spacer.mm-label {
      padding-top: 25px; }
  .mm-list a.mm-subopen:after,
  .mm-list a.mm-subclose:before {
    content: '';
    border: 2px solid transparent;
    display: block;
    width: 7px;
    height: 7px;
    margin-bottom: -5px;
    position: absolute;
    bottom: 50%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .mm-list a.mm-subopen:after {
    border-top: none;
    border-left: none;
    right: 18px; }
  .mm-list a.mm-subclose:before {
    border-right: none;
    border-bottom: none;
    margin-bottom: -15px;
    left: 22px; }

.mm-menu.mm-vertical .mm-list .mm-panel {
  display: none;
  padding: 10px 0 10px 10px; }
  .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
    border-color: transparent; }
.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel {
  display: block; }
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen {
  height: 40px; }
  .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 16px;
    right: 16px; }

html.mm-opened .mm-page {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }

.mm-ismenu {
  background: #FFFFFF; }

.mm-menu {
  color: rgba(255, 255, 255, 0.6); }
  .mm-menu .mm-list > li:after {
    border-color: #DC016B; margin-right: 1.2em;}
  .mm-menu .mm-list > li > a.mm-subclose {
    background: rgba(0, 0, 0, 0.1);
    color: rgba(255, 255, 255, 0.3); }
  .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
    border-color: rgba(255, 255, 255, 0.3); }
  .mm-menu .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, 0.15); }
  .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu .mm-list > li.mm-selected > span {
    background: #DC016B; color:#FFFFFF; margin-right: 1em;}
  .mm-menu .mm-list > li.mm-label {
    background: rgba(255, 255, 255, 0.05); }
  .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(255, 255, 255, 0.05); }

html.mm-opened.mm-opening .mm-page,
html.mm-opened.mm-opening #mm-blocker,
html.mm-opened.mm-opening .mm-fixed-top,
html.mm-opened.mm-opening .mm-fixed-bottom {
  left: 55%; }

.mm-menu {
  width: 55%; }

@media all and (max-width: 175px) {
  .mm-menu {
    width: 140px; }

  html.mm-opened.mm-opening .mm-page,
  html.mm-opened.mm-opening #mm-blocker,
  html.mm-opened.mm-opening .mm-fixed-top,
  html.mm-opened.mm-opening .mm-fixed-bottom {
    left: 140px; } }
@media all and (min-width: 550px) {
  .mm-menu {
    width: 268px; }

  html.mm-opened.mm-opening .mm-page,
  html.mm-opened.mm-opening #mm-blocker,
  html.mm-opened.mm-opening .mm-fixed-top,
  html.mm-opened.mm-opening .mm-fixed-bottom {
    left: 268px; } }
html.mm-nooverflowscrolling.mm-opened {
  height: auto;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: scroll; }
  html.mm-nooverflowscrolling.mm-opened body {
    overflow: auto; }
  html.mm-nooverflowscrolling.mm-opened .mm-page {
    min-height: 1000px;
    position: fixed; }
  html.mm-nooverflowscrolling.mm-opened .mm-menu {
    height: auto;
    min-height: 1000px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    left: auto;
    top: auto; }
  html.mm-nooverflowscrolling.mm-opened > .mm-panel {
    position: relative;
    height: auto;
    display: none;
    left: 0; }
    html.mm-nooverflowscrolling.mm-opened > .mm-panel.mm-current {
      display: block; }

/*
	jQuery.mmenu counters addon CSS
*/
em.mm-counter {
  font: inherit;
  font-size: 14px;
  font-style: normal;
  text-indent: 0;
  line-height: 20px;
  display: block;
  margin-top: -10px;
  position: absolute;
  right: 40px;
  top: 50%; }
  em.mm-counter + a.mm-subopen {
    padding-left: 40px; }
    em.mm-counter + a.mm-subopen + a,
    em.mm-counter + a.mm-subopen + span {
      margin-right: 80px; }
  em.mm-counter + a.mm-fullsubopen {
    padding-left: 0; }

.mm-vertical em.mm-counter {
  top: 12px;
  margin-top: 0; }

.mm-nosubresults > em.mm-counter {
  display: none; }

.mm-menu em.mm-counter {
  color: rgba(255, 255, 255, 0.3); }

/*
	jQuery.mmenu dragOpen addon CSS
*/
html.mm-opened.mm-dragging .mm-menu,
html.mm-opened.mm-dragging .mm-page,
html.mm-opened.mm-dragging .mm-fixed-top,
html.mm-opened.mm-dragging .mm-fixed-bottom,
html.mm-opened.mm-dragging #mm-blocker {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s; }

/*
	jQuery.mmenu header addon CSS
*/
.mm-header {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  background: inherit;
  border-bottom: 1px solid transparent;
  text-align: center;
  line-height: 20px;
  width: 100%;
  height: 60px;
  padding: 30px 40px 0 40px;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0; }
  .mm-header .mm-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 1; }
  .mm-header .mm-prev,
  .mm-header .mm-next {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    display: block;
    width: 40px;
    height: 100%;
    position: absolute;
    bottom: 0; }
    .mm-header .mm-prev:before,
    .mm-header .mm-next:before {
      content: '';
      border: 2px solid transparent;
      display: block;
      width: 7px;
      height: 7px;
      margin-bottom: -5px;
      position: absolute;
      bottom: 50%;
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
      margin-bottom: -15px; }
  .mm-header .mm-prev {
    left: 0; }
    .mm-header .mm-prev:before {
      border-right: none;
      border-bottom: none;
      left: 22px; }
  .mm-header .mm-next {
    right: 0; }
    .mm-header .mm-next:before {
      border-top: none;
      border-left: none;
      right: 18px; }

.mm-menu.mm-hassearch .mm-header {
  height: 50px;
  padding-top: 20px;
  top: 50px; }
  .mm-menu.mm-hassearch .mm-header .mm-prev:before,
  .mm-menu.mm-hassearch .mm-header .mm-mext:before {
    margin-bottom: -10px; }

.mm-menu.mm-hasheader li.mm-subtitle {
  display: none; }
.mm-menu.mm-hasheader .mm-panel {
  padding-top: 80px; }
.mm-menu.mm-hasheader.mm-hassearch > .mm-panel {
  padding-top: 120px; }
.mm-menu.mm-hasheader.mm-ismenu > .mm-panel {
  padding-top: 60px; }
.mm-menu.mm-hasheader.mm-ismenu.mm-hassearch > .mm-panel {
  padding-top: 100px; }

.mm-menu .mm-header {
  border-color: rgba(0, 0, 0, 0.15);
  color: rgba(255, 255, 255, 0.3); }
  .mm-menu .mm-header a:before {
    border-color: rgba(255, 255, 255, 0.3); }

/*
	jQuery.mmenu labels addon CSS
*/
.mm-menu.mm-fixedlabels .mm-list {
  background: inherit; }
  .mm-menu.mm-fixedlabels .mm-list > li.mm-label {
    background: inherit !important;
    opacity: 0.97;
    height: 25px;
    overflow: visible;
    position: relative;
    z-index: 1; }
    .mm-menu.mm-fixedlabels .mm-list > li.mm-label > div {
      background: inherit;
      width: 100%;
      position: absolute;
      left: 0; }
      .mm-menu.mm-fixedlabels .mm-list > li.mm-label > div > div {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
    .mm-menu.mm-fixedlabels .mm-list > li.mm-label.mm-spacer > div > div {
      padding-top: 25px; }

.mm-list > li.mm-label > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0; }
.mm-list > li.mm-label.mm-opened a.mm-subopen:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 17px; }
.mm-list > li.mm-collapsed {
  display: none; }

.mm-menu .mm-list li.mm-label > div > div {
  background: rgba(255, 255, 255, 0.05); }

/*
	jQuery.mmenu searchfield addon CSS
*/
.mm-search,
.mm-search input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.mm-search {
  background: inherit;
  width: 100%;
  height: 50px;
  padding: 10px;
  position: relative;
  top: 0;
  z-index: 2; }
  .mm-search input {
    border: none;
    border-radius: 15px;
    font: inherit;
    font-size: 14px;
    line-height: 30px;
    outline: none;
    display: block;
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0 10px; }

.mm-menu li.mm-nosubresults > a.mm-subopen {
  display: none; }
  .mm-menu li.mm-nosubresults > a.mm-subopen + a,
  .mm-menu li.mm-nosubresults > a.mm-subopen + span {
    padding-right: 10px; }
.mm-menu li.mm-noresults {
  text-align: center;
  font-size: 21px;
  display: none;
  padding-top: 80px; }
  .mm-menu li.mm-noresults:after {
    border: none; }
.mm-menu.mm-noresults li.mm-noresults {
  display: block; }
.mm-menu.mm-hassearch > .mm-panel {
  padding-top: 60px; }

.mm-menu .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6); }
.mm-menu li.mm-noresults {
  color: rgba(255, 255, 255, 0.3); }

/*
	jQuery.mmenu effects extension CSS
*/
html.mm-slide .mm-menu {
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease; }
html.mm-slide.mm-opened .mm-menu {
  -webkit-transform: translateX(-40%);
  -moz-transform: translateX(-40%);
  -ms-transform: translateX(-40%);
  -o-transform: translateX(-40%);
  transform: translateX(-40%); }
html.mm-slide.mm-opening .mm-menu {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%); }
html.mm-slide.mm-right.mm-opened .mm-menu {
  -webkit-transform: translateX(40%);
  -moz-transform: translateX(40%);
  -ms-transform: translateX(40%);
  -o-transform: translateX(40%);
  transform: translateX(40%); }
html.mm-slide.mm-right.mm-opening .mm-menu {
  -webkit-transform: translateX(0%);
  -moz-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -o-transform: translateX(0%);
  transform: translateX(0%); }
html.mm-slide.mm-top.mm-opened .mm-menu {
  -webkit-transform: translateY(-40%);
  -moz-transform: translateY(-40%);
  -ms-transform: translateY(-40%);
  -o-transform: translateY(-40%);
  transform: translateY(-40%); }
html.mm-slide.mm-top.mm-opening .mm-menu {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%); }
html.mm-slide.mm-bottom.mm-opened .mm-menu {
  -webkit-transform: translateY(40%);
  -moz-transform: translateY(40%);
  -ms-transform: translateY(40%);
  -o-transform: translateY(40%);
  transform: translateY(40%); }
html.mm-slide.mm-bottom.mm-opening .mm-menu {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%); }

html.mm-zoom-menu .mm-menu {
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease; }
html.mm-zoom-menu.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateX(-40%);
  -moz-transform: scale(0.7, 0.7) translateX(-40%);
  -ms-transform: scale(0.7, 0.7) translateX(-40%);
  -o-transform: scale(0.7, 0.7) translateX(-40%);
  transform: scale(0.7, 0.7) translateX(-40%);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center; }
html.mm-zoom-menu.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateX(0%);
  -moz-transform: scale(1, 1) translateX(0%);
  -ms-transform: scale(1, 1) translateX(0%);
  -o-transform: scale(1, 1) translateX(0%);
  transform: scale(1, 1) translateX(0%); }
html.mm-zoom-menu.mm-right.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateX(40%);
  -moz-transform: scale(0.7, 0.7) translateX(40%);
  -ms-transform: scale(0.7, 0.7) translateX(40%);
  -o-transform: scale(0.7, 0.7) translateX(40%);
  transform: scale(0.7, 0.7) translateX(40%);
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center; }
html.mm-zoom-menu.mm-right.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateX(0%);
  -moz-transform: scale(1, 1) translateX(0%);
  -ms-transform: scale(1, 1) translateX(0%);
  -o-transform: scale(1, 1) translateX(0%);
  transform: scale(1, 1) translateX(0%); }
html.mm-zoom-menu.mm-top.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateY(-40%);
  -moz-transform: scale(0.7, 0.7) translateY(-40%);
  -ms-transform: scale(0.7, 0.7) translateY(-40%);
  -o-transform: scale(0.7, 0.7) translateY(-40%);
  transform: scale(0.7, 0.7) translateY(-40%);
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;
  transform-origin: center top; }
html.mm-zoom-menu.mm-top.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateY(0%);
  -moz-transform: scale(1, 1) translateY(0%);
  -ms-transform: scale(1, 1) translateY(0%);
  -o-transform: scale(1, 1) translateY(0%);
  transform: scale(1, 1) translateY(0%); }
html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu {
  -webkit-transform: scale(0.7, 0.7) translateY(40%);
  -moz-transform: scale(0.7, 0.7) translateY(40%);
  -ms-transform: scale(0.7, 0.7) translateY(40%);
  -o-transform: scale(0.7, 0.7) translateY(40%);
  transform: scale(0.7, 0.7) translateY(40%);
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  transform-origin: center bottom; }
html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu {
  -webkit-transform: scale(1, 1) translateY(0%);
  -moz-transform: scale(1, 1) translateY(0%);
  -ms-transform: scale(1, 1) translateY(0%);
  -o-transform: scale(1, 1) translateY(0%);
  transform: scale(1, 1) translateY(0%); }

html.mm-zoom-page.mm-opened .mm-page {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center; }
html.mm-zoom-page.mm-opening .mm-page {
  -webkit-transform: scale(1.5, 1.5);
  -moz-transform: scale(1.5, 1.5);
  -ms-transform: scale(1.5, 1.5);
  -o-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5); }
html.mm-zoom-page.mm-right.mm-opened .mm-page {
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -o-transform-origin: right center;
  transform-origin: right center; }
html.mm-zoom-page.mm-top.mm-opened .mm-page {
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;
  transform-origin: center top; }
html.mm-zoom-page.mm-bottom.mm-opened .mm-page {
  -webkit-transform-origin: center bottom;
  -moz-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  -o-transform-origin: center bottom;
  transform-origin: center bottom; }

html.mm-zoom-panels .mm-panel {
  -webkit-transform: scale(1.5, 1.5);
  -moz-transform: scale(1.5, 1.5);
  -ms-transform: scale(1.5, 1.5);
  -o-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center; }
  html.mm-zoom-panels .mm-panel.mm-opened {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }
    html.mm-zoom-panels .mm-panel.mm-opened.mm-subopened {
      -webkit-transform: scale(0.7, 0.7);
      -moz-transform: scale(0.7, 0.7);
      -ms-transform: scale(0.7, 0.7);
      -o-transform: scale(0.7, 0.7);
      transform: scale(0.7, 0.7); }

/*
	jQuery.mmenu fullscreen extension CSS
*/
html.mm-opened.mm-opening.mm-fullscreen .mm-page,
html.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top,
html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
  left: 100%; }

.mm-menu.mm-fullscreen {
  width: 100%; }

@media all and (max-width: 140px) {
  .mm-menu.mm-fullscreen {
    width: 140px; }

  html.mm-opened.mm-opening.mm-fullscreen .mm-page,
  html.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top,
  html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
    left: 140px; } }
@media all and (min-width: 10000px) {
  .mm-menu.mm-fullscreen {
    width: 10000px; }

  html.mm-opened.mm-opening.mm-fullscreen .mm-page,
  html.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top,
  html.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
    left: 10000px; } }
.mm-menu.mm-top.mm-fullscreen {
  height: 100%; }

html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-page,
html.mm-top.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top {
  top: 100%; }
html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
  bottom: -100%; }

@media all and (max-height: 140px) {
  .mm-menu.mm-top.mm-fullscreen {
    height: 140px; }

  html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-page,
  html.mm-top.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top {
    top: 140px; }
  html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
    bottom: -140px; } }
@media all and (min-height: 10000px) {
  .mm-menu.mm-top.mm-fullscreen {
    height: 10000px; }

  html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-page,
  html.mm-top.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top {
    top: 10000px; }
  html.mm-top.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
    bottom: -10000px; } }
.mm-menu.mm-right.mm-fullscreen {
  width: 100%; }

html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-page,
html.mm-right.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top,
html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
  right: 100%; }

@media all and (max-width: 140px) {
  .mm-menu.mm-right.mm-fullscreen {
    width: 140px; }

  html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-page,
  html.mm-right.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top,
  html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
    right: 140px; } }
@media all and (min-width: 10000px) {
  .mm-menu.mm-right.mm-fullscreen {
    width: 10000px; }

  html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-page,
  html.mm-right.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top,
  html.mm-right.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
    right: 10000px; } }
.mm-menu.mm-bottom.mm-fullscreen {
  height: 100%; }

html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-page,
html.mm-bottom.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
  bottom: 100%; }
html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top {
  top: -100%; }

@media all and (max-height: 140px) {
  .mm-menu.mm-bottom.mm-fullscreen {
    height: 140px; }

  html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-page,
  html.mm-bottom.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
    bottom: 140px; }
  html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top {
    top: -140px; } }
@media all and (min-height: 10000px) {
  .mm-menu.mm-bottom.mm-fullscreen {
    height: 10000px; }

  html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-page,
  html.mm-bottom.mm-opened.mm-opening.mm-fullscreen #mm-blocker,
  html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-bottom {
    bottom: 10000px; }
  html.mm-bottom.mm-opened.mm-opening.mm-fullscreen .mm-fixed-top {
    top: -10000px; } }
.mm-menu.mm-fullscreen.mm-front, .mm-menu.mm-fullscreen.mm-next {
  left: -100%; }

@media all and (max-width: 140px) {
  .mm-menu.mm-fullscreen.mm-front, .mm-menu.mm-fullscreen.mm-next {
    left: -140px; } }
@media all and (min-width: 10000px) {
  .mm-menu.mm-fullscreen.mm-front, .mm-menu.mm-fullscreen.mm-next {
    left: -10000px; } }
.mm-menu.mm-top.mm-fullscreen.mm-front, .mm-menu.mm-top.mm-fullscreen.mm-next {
  top: -100%; }

@media all and (max-height: 140px) {
  .mm-menu.mm-top.mm-fullscreen.mm-front, .mm-menu.mm-top.mm-fullscreen.mm-next {
    top: -140px; } }
@media all and (min-height: 10000px) {
  .mm-menu.mm-top.mm-fullscreen.mm-front, .mm-menu.mm-top.mm-fullscreen.mm-next {
    top: -10000px; } }
.mm-menu.mm-right.mm-fullscreen.mm-front, .mm-menu.mm-right.mm-fullscreen.mm-next {
  right: -100%; }

@media all and (max-width: 140px) {
  .mm-menu.mm-right.mm-fullscreen.mm-front, .mm-menu.mm-right.mm-fullscreen.mm-next {
    right: -140px; } }
@media all and (min-width: 10000px) {
  .mm-menu.mm-right.mm-fullscreen.mm-front, .mm-menu.mm-right.mm-fullscreen.mm-next {
    right: -10000px; } }
.mm-menu.mm-bottom.mm-fullscreen.mm-front, .mm-menu.mm-bottom.mm-fullscreen.mm-next {
  bottom: -100%; }

@media all and (max-height: 140px) {
  .mm-menu.mm-bottom.mm-fullscreen.mm-front, .mm-menu.mm-bottom.mm-fullscreen.mm-next {
    bottom: -140px; } }
@media all and (min-height: 10000px) {
  .mm-menu.mm-bottom.mm-fullscreen.mm-front, .mm-menu.mm-bottom.mm-fullscreen.mm-next {
    bottom: -10000px; } }
html.mm-opened.mm-front .mm-fixed-top,
html.mm-opened.mm-front .mm-fixed-bottom,
html.mm-opened.mm-opening.mm-front .mm-fixed-top,
html.mm-opened.mm-opening.mm-front .mm-fixed-bottom {
  left: 0;
  right: auto; }
html.mm-opened.mm-front .mm-fixed-top,
html.mm-opened.mm-opening.mm-front .mm-fixed-top {
  top: 0; }
html.mm-opened.mm-front .mm-fixed-bottom,
html.mm-opened.mm-opening.mm-front .mm-fixed-bottom {
  bottom: 0; }

html.mm-opened.mm-fullscreen .mm-page {
  box-shadow: none !important; }

/*
	jQuery.mmenu position extension CSS
*/
.mm-menu.mm-top {
  width: 100%; }

html.mm-top.mm-opened .mm-page,
html.mm-top.mm-opened #mm-blocker {
  top: 0%; }

html.mm-top.mm-opened.mm-opening .mm-page,
html.mm-top.mm-opened.mm-opening #mm-blocker,
html.mm-top.mm-opened.mm-opening .mm-fixed-top,
html.mm-top.mm-opened.mm-opening .mm-fixed-bottom {
  left: 0; }

.mm-menu.mm-right {
  left: auto;
  right: 0; }

html.mm-right.mm-opened .mm-page,
html.mm-right.mm-opened #mm-blocker,
html.mm-right.mm-opened .mm-fixed-top,
html.mm-right.mm-opened .mm-fixed-bottom {
  left: auto;
  right: 0%; }

html.mm-right.mm-opened.mm-opening .mm-page,
html.mm-right.mm-opened.mm-opening #mm-blocker,
html.mm-right.mm-opened.mm-opening .mm-fixed-top,
html.mm-right.mm-opened.mm-opening .mm-fixed-bottom {
  left: auto; }

.mm-menu.mm-bottom {
  width: 100%;
  top: auto;
  bottom: 0; }

html.mm-bottom.mm-opened .mm-page,
html.mm-bottom.mm-opened #mm-blocker {
  bottom: 0%;
  top: auto; }

html.mm-bottom.mm-opened.mm-opening .mm-page,
html.mm-bottom.mm-opened.mm-opening #mm-blocker,
html.mm-bottom.mm-opened.mm-opening .mm-fixed-top,
html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom {
  top: auto;
  left: 0; }

.mm-menu.mm-top {
  height: 80%; }

html.mm-top.mm-opened.mm-opening .mm-page,
html.mm-top.mm-opened.mm-opening #mm-blocker,
html.mm-top.mm-opened.mm-opening .mm-fixed-top {
  top: 80%; }
html.mm-top.mm-opened.mm-opening .mm-fixed-bottom {
  bottom: -80%; }

@media all and (max-height: 175px) {
  .mm-menu.mm-top {
    height: 140px; }

  html.mm-top.mm-opened.mm-opening .mm-page,
  html.mm-top.mm-opened.mm-opening #mm-blocker,
  html.mm-top.mm-opened.mm-opening .mm-fixed-top {
    top: 140px; }
  html.mm-top.mm-opened.mm-opening .mm-fixed-bottom {
    bottom: -140px; } }
@media all and (min-height: 1100px) {
  .mm-menu.mm-top {
    height: 880px; }

  html.mm-top.mm-opened.mm-opening .mm-page,
  html.mm-top.mm-opened.mm-opening #mm-blocker,
  html.mm-top.mm-opened.mm-opening .mm-fixed-top {
    top: 880px; }
  html.mm-top.mm-opened.mm-opening .mm-fixed-bottom {
    bottom: -880px; } }
.mm-menu.mm-right {
  width: 80%; }

html.mm-right.mm-opened.mm-opening .mm-page,
html.mm-right.mm-opened.mm-opening #mm-blocker,
html.mm-right.mm-opened.mm-opening .mm-fixed-top,
html.mm-right.mm-opened.mm-opening .mm-fixed-bottom {
  right: 80%; }

@media all and (max-width: 175px) {
  .mm-menu.mm-right {
    width: 140px; }

  html.mm-right.mm-opened.mm-opening .mm-page,
  html.mm-right.mm-opened.mm-opening #mm-blocker,
  html.mm-right.mm-opened.mm-opening .mm-fixed-top,
  html.mm-right.mm-opened.mm-opening .mm-fixed-bottom {
    right: 140px; } }
@media all and (min-width: 550px) {
  .mm-menu.mm-right {
    width: 440px; }

  html.mm-right.mm-opened.mm-opening .mm-page,
  html.mm-right.mm-opened.mm-opening #mm-blocker,
  html.mm-right.mm-opened.mm-opening .mm-fixed-top,
  html.mm-right.mm-opened.mm-opening .mm-fixed-bottom {
    right: 440px; } }
.mm-menu.mm-bottom {
  height: 80%; }

html.mm-bottom.mm-opened.mm-opening .mm-page,
html.mm-bottom.mm-opened.mm-opening #mm-blocker,
html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom {
  bottom: 80%; }
html.mm-bottom.mm-opened.mm-opening .mm-fixed-top {
  top: -80%; }

@media all and (max-height: 175px) {
  .mm-menu.mm-bottom {
    height: 140px; }

  html.mm-bottom.mm-opened.mm-opening .mm-page,
  html.mm-bottom.mm-opened.mm-opening #mm-blocker,
  html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom {
    bottom: 140px; }
  html.mm-bottom.mm-opened.mm-opening .mm-fixed-top {
    top: -140px; } }
@media all and (min-height: 1100px) {
  .mm-menu.mm-bottom {
    height: 880px; }

  html.mm-bottom.mm-opened.mm-opening .mm-page,
  html.mm-bottom.mm-opened.mm-opening #mm-blocker,
  html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom {
    bottom: 880px; }
  html.mm-bottom.mm-opened.mm-opening .mm-fixed-top {
    top: -880px; } }
/*
	jQuery.mmenu z-position extension CSS
*/
html.mm-front.mm-opened .mm-page {
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important; }

.mm-menu.mm-front,
.mm-menu.mm-next {
  -webkit-transition: none 0.4s ease;
  -moz-transition: none 0.4s ease;
  -ms-transition: none 0.4s ease;
  -o-transition: none 0.4s ease;
  transition: none 0.4s ease;
  -webkit-transition-property: top, right, bottom, left, -webkit-transform;
  -moz-transition-property: top, right, bottom, left, -moz-transform;
  -ms-transition-property: top, right, bottom, left, -o-transform;
  -o-transition-property: top, right, bottom, left, -o-transform;
  transition-property: top, right, bottom, left, transform; }

html.mm-front .mm-page,
html.mm-front #mm-blocker {
  z-index: 0; }

.mm-menu.mm-front {
  z-index: 1;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); }

html.mm-opened.mm-next .mm-page {
  box-shadow: none; }

html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
  left: 0%; }

.mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {
  left: 0; }

html.mm-opening .mm-menu.mm-top.mm-front, html.mm-opening .mm-menu.mm-top.mm-next {
  left: 0;
  top: 0%; }

.mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {
  left: auto; }

html.mm-opening .mm-menu.mm-right.mm-front, html.mm-opening .mm-menu.mm-right.mm-next {
  left: auto;
  right: 0%; }

.mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {
  top: auto;
  left: 0; }

html.mm-opening .mm-menu.mm-bottom.mm-front, html.mm-opening .mm-menu.mm-bottom.mm-next {
  left: 0;
  bottom: 0%; }

.mm-menu.mm-front, .mm-menu.mm-next {
  left: -80%; }

@media all and (max-width: 175px) {
  .mm-menu.mm-front, .mm-menu.mm-next {
    left: -140px; } }
@media all and (min-width: 550px) {
  .mm-menu.mm-front, .mm-menu.mm-next {
    left: -440px; } }
.mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {
  top: -80%; }

@media all and (max-height: 175px) {
  .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {
    top: -140px; } }
@media all and (min-height: 1100px) {
  .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {
    top: -880px; } }
.mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {
  right: -80%; }

@media all and (max-width: 175px) {
  .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {
    right: -140px; } }
@media all and (min-width: 550px) {
  .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {
    right: -440px; } }
.mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {
  bottom: -80%; }

@media all and (max-height: 175px) {
  .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {
    bottom: -140px; } }
@media all and (min-height: 1100px) {
  .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {
    bottom: -880px; } }
html.mm-opened.mm-front .mm-fixed-top,
html.mm-opened.mm-front .mm-fixed-bottom,
html.mm-opened.mm-opening.mm-front .mm-fixed-top,
html.mm-opened.mm-opening.mm-front .mm-fixed-bottom {
  left: 0;
  right: auto; }
html.mm-opened.mm-front .mm-fixed-top,
html.mm-opened.mm-opening.mm-front .mm-fixed-top {
  top: 0; }
html.mm-opened.mm-front .mm-fixed-bottom,
html.mm-opened.mm-opening.mm-front .mm-fixed-bottom {
  bottom: 0; }

/*
	jQuery.mmenu themes extension CSS
*/
html.mm-opened.mm-light .mm-page {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.mm-ismenu.mm-light {
  background: #f3f3f3; }

.mm-menu.mm-light {
  color: rgba(0, 0, 0, 0.6); }
  .mm-menu.mm-light .mm-list > li:after {
    border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-light .mm-list > li > a.mm-subclose {
    background: rgba(255, 255, 255, 0.6);
    color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before {
    border-color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-light .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu.mm-light .mm-list > li.mm-selected > span {
    background: rgba(255, 255, 255, 0.6); }
  .mm-menu.mm-light .mm-list > li.mm-label {
    background: rgba(0, 0, 0, 0.03); }
  .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-light .mm-search input {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-light li.mm-noresults {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light em.mm-counter {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-light .mm-list li.mm-label > div > div {
  background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-light .mm-header {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-light .mm-header a:before {
    border-color: rgba(0, 0, 0, 0.3); }

html.mm-opened.mm-white .mm-page {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.mm-ismenu.mm-white {
  background: white; }

.mm-menu.mm-white {
  color: rgba(0, 0, 0, 0.6); }
  .mm-menu.mm-white .mm-list > li:after {
    border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-white .mm-list > li > a.mm-subclose {
    background: rgba(0, 0, 0, 0.08);
    color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before {
    border-color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-white .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, 0.1); }
  .mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu.mm-white .mm-list > li.mm-selected > span {
    background: rgba(0, 0, 0, 0.08); }
  .mm-menu.mm-white .mm-list > li.mm-label {
    background: rgba(0, 0, 0, 0.03); }
  .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-white .mm-search input {
  background: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.6); }
.mm-menu.mm-white li.mm-noresults {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white em.mm-counter {
  color: rgba(0, 0, 0, 0.3); }

.mm-menu.mm-white .mm-list li.mm-label > div > div {
  background: rgba(0, 0, 0, 0.03); }

.mm-menu.mm-white .mm-header {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3); }
  .mm-menu.mm-white .mm-header a:before {
    border-color: rgba(0, 0, 0, 0.3); }

html.mm-opened.mm-black .mm-page {
  box-shadow: none; }

.mm-ismenu.mm-black {
  background: black; }

.mm-menu.mm-black {
  color: rgba(255, 255, 255, 0.6); }
  .mm-menu.mm-black .mm-list > li:after {
    border-color: rgba(255, 255, 255, 0.2); }
  .mm-menu.mm-black .mm-list > li > a.mm-subclose {
    background: rgba(255, 255, 255, 0.25);
    color: rgba(255, 255, 255, 0.3); }
  .mm-menu.mm-black .mm-list > li > a.mm-subopen:after, .mm-menu.mm-black .mm-list > li > a.mm-subclose:before {
    border-color: rgba(255, 255, 255, 0.3); }
  .mm-menu.mm-black .mm-list > li > a.mm-subopen:before {
    border-color: rgba(255, 255, 255, 0.2); }
  .mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen),
  .mm-menu.mm-black .mm-list > li.mm-selected > span {
    background: rgba(255, 255, 255, 0.25); }
  .mm-menu.mm-black .mm-list > li.mm-label {
    background: rgba(255, 255, 255, 0.15); }
  .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
  .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(255, 255, 255, 0.15); }

.mm-menu.mm-black .mm-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.6); }
.mm-menu.mm-black li.mm-noresults {
  color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black em.mm-counter {
  color: rgba(255, 255, 255, 0.3); }

.mm-menu.mm-black .mm-list li.mm-label > div > div {
  background: rgba(255, 255, 255, 0.15); }

.mm-menu.mm-black .mm-header {
  border-color: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.3); }
  .mm-menu.mm-black .mm-header a:before {
    border-color: rgba(255, 255, 255, 0.3); }