body                                  {color:#000; font-size:1em; font-weight: 400;font-family: Gudea, arial; -webkit-text-size-adjust: 100%; -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} 
html                                  {}

h1, h2, h3, h4, .h1, .h2, .h3, .h4    {word-wrap:break-word; line-height: 1.2em;}
h1, .h1                               {font-size: 50px; font-weight: 700; color:#D30536; margin-bottom: 25px;}
h2, .h2                               {font-size: 30px; font-weight: 700; color:#D30536; margin-bottom: 15px;}
h3, .h3                               {font-size: 30px; font-weight: 700; color:#D30536; margin-bottom: 15px;}

a                                     {outline:0; cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}
a:link, a:visited, a:active           {}
a:hover                               {}
 
strong                                {color:#D30536; font-weight: 700;}
em                                    {font-style: italic;}

::-moz-selection { /* Code for Firefox */
    background: rgba(18, 161, 154, 0.6);
}

::selection {
    background: rgba(18, 161, 154, 0.6);
}

#container		{max-width: 1280px; margin:0px auto;}

/* top */
#top {margin:20px 40px 20px 40px; display: flex; position: relative; align-items: flex-end; background-color: #fff;}
	#logo {height:122px;}
	#logo img {height: 100%; display: block;}
	#top-right nav {bottom:2px; left: 2px; position:absolute; }
		#slogan {border-bottom:2px solid #D30536; color:#D30536; float:right; font-family:Gudea; font-weight:700; font-size: 17px; padding-bottom:10px; position: absolute; top:10px; right:0; }
		
		.social-media-buttons {display: flex;} 
		#top .social-media-buttons {margin-left: auto;}

		.social-media-buttons a {margin-left: 5px; } 
		.social-media-buttons a img {height: 22px; width:22px; display: block; }
		.slider {position: relative;}
		#overlayIcon {position: absolute; bottom: 0; background: url('/images/style/icon-overlay.png') no-repeat; width: 59px; height: 26px; z-index: 999; background-size: contain; left: 50%; margin-left: -30px;}
/* end top */


/* home buttons */
#buttons 						{margin-top: 30px; display: flex; flex-wrap: wrap; padding-left: 20px; padding-right: 20px; padding-bottom: 10px;}
#buttons li 					{margin:0px 20px 20px 20px; flex: 1 1 auto; }
#buttons li a 					{color:#D20536; display:block; font-family:Gudea; font-size:19px; height:100%; padding:19px 15px; text-align:center; text-decoration:none; width:100%; transition:0.1s; border:1px solid #D30536; border-radius:20px; }
#buttons li a:hover, #buttons li.selected a {background-color:#D30536; color: #fff; }
/* end home buttons */


#content				 		{background-image: url(/images/style/background-content.jpg); padding:40px; padding-bottom: 1px;}
#content.home, #content.specials {display: flex;}
#content.portfolio 				{}
#content.dictionary 			{background-image: none;}

#content.contact   				{display: flex; flex-wrap: wrap;}

#content.pakketten				{background-image: none;}
#content.office-background		{padding-bottom: 40%; background-size: cover; background-image: url(/images/style/office-background.jpg); }


#content.blog 					{padding-bottom: 1px;}

#content.news 					{padding-bottom: 1px;}
#content.news h1 				{color: #12a19a;}


.pakketten .view-heading {
	text-align: center;
	font-size:35px;
	font-weight: bold
}


#content.pakketten.view-content{
	padding-left: 0px;
}



/* pakketten */
.pakketten .partContentFileImageGallery.single img {width: 100%;margin-bottom: 30px;border-radius: 14px;}
.pakketten .partContentFileImageGallery.single  {}



/*.block{width:  calc(33.33% - 30px); display: block; padding-bottom:15px;border:1px solid #CDE3E1 ;border-radius: 14px;padding:20px;}
.block span {background: #12a19a;color:#fff;padding:5px; text-align: center;display: block;font-weight: bold;margin-bottom: 30px;font-size: 20px;}
.block h2 {text-align: left;color:#000;}
*/

.pakketten h1 {font-weight: 700; color: #D30536; margin-bottom: 40px; text-align: center;}

.flexContainer 	{display: flex; flex-wrap: wrap; width: calc(100% + 40px); margin-left: -20px; margin-right: -20px;}

	.usp .block {width:  calc(33.33% - 40px); display: block; margin-left: 20px; margin-right: 20px; margin-bottom: 40px; border:1px solid #CDE3E1 ;border-radius: 14px;padding:20px;}
	.usp h2 {color:#D30536; color:#000; font-size: 22px; margin-bottom: 20px;}
	.usp ul					{padding-left: 1em; line-height: 1.4em;}
	.usp ul li				{}
	.usp ul li:before 		{content:'\2022'; color: #D30536; display: inline-block; width: 1em; margin-left: -1em;}



.pricing .block 					{border:1px solid #CDE3E1; width:calc(33.3333333333% - 40px); margin-left: 20px; margin-right: 20px; border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; margin-bottom: 40px;}
.pricing .block:nth-child(2)     	{background: #f5f9f9; position: relative;}
.pricing .block:nth-child(2):after 	{content: 'Meest gekozen';position: absolute;top:-15px;right:-20px; background: #12a19a;line-height: 1.4em;border-radius: 50%;color:#fff;padding:15px; padding-top: 18px; height:90px;width: 90px;font-weight: bold;transform: rotate(10deg);text-align: center;border:2px solid #fff;}

	.pricing .price 		{margin-bottom: 15px;background: #D30536;padding:20px; display: block; color: #fff; font-weight: 700; font-size: 22px;}
	.pricing .duration 		{background: none;color:#000; padding:20px; padding-top: 10px; font-weight: 700; font-size: 18px; text-align: center; display: block;}



.pricing .block h2 {text-align: center;}
.pricing .partContentText {padding:0 20px;}

.pricing .block ul  		{list-style-type:none; margin-left: 0px; padding-left: 0px;}
.pricing .block .partContentText ul li:before {display: none;}

.pricing ul li 				{display: block;margin-bottom:10px;}
.pricing ul li em 			{display: block;padding-left:25px;background-image: url(/images/style/check.svg);background-size: 16px 16px;background-repeat: no-repeat;background-position: left top 5px;font-style: normal}
.pricing ul li strong 		{display: block;padding-left:25px;background-image: url(/images/style/min.svg);background-size: 14px 14px;background-repeat: no-repeat;background-position: left top 5px;font-weight: normal;}




.pricing  h2 {color:#D30536;margin-bottom: 0px;font-size: 35px;}



#ctaButtonBestelformulier  {background:#12a19a; font-weight: 700; text-align: center;color:#fff; padding:15px; max-width: 300px; margin:0 auto;display: block;font-size: 22px; border-radius: 20px; margin-bottom: 40px;}


div.partPagination											{}
div.partPagination ul										{display: flex; justify-content: center; font-weight: 700; padding-bottom: 30px;}
div.partPagination ul li									{margin:0px 5px 10px 5px;}
div.partPagination ul li a									{padding: 10px 15px 10px 15px; display: block; text-decoration:none; color: #12a19a; background-color: rgba(255,255,255,0.5); border-radius: 3px;}
div.partPagination ul li a:hover, .pagination a:active		{color: #000; background-color: rgba(255,255,255,1);}
div.partPagination ul li a.previous							{}
div.partPagination ul li a.next								{}
div.partPagination ul li.selected a							{background-color: rgba(255,255,255,1); color: #D30536;}

#content-left {
	width: 70%;
	padding-right: 40px;
}

#content-right {
	width: 30%;
}

.row {
	margin-bottom:40px;
}

.small-row{
	margin-bottom:40px;
}

.content-block 				{background-color:#FFF; border-bottom:2px solid #D30536; border-top:2px solid #D30536; padding:40px; padding-bottom: 20px;}
.content-block.partContentText {text-align: center; font-size: 18px;}

/* home references */
.content-block.references	{text-align: center; }
.references span 			{text-align: left; display: block; color: #D30536; font-weight: 700; margin-bottom:20px; font-size: 22px;}
.content-block .reference 	{display:inline-block; margin-bottom:1px; text-align:center; padding-bottom: 3px; border-bottom: 3px solid #d30536; color: #D30536; font-weight: 700; margin-bottom: 20px; text-decoration: none;}
/* end home references */

/* home news */
.blog-block 										{display: flex; flex-wrap: wrap;}
.blog-block h1 										{width: 100%;}

.blog-block .partContentText 						{width: 60%; padding-right: 40px;}
	.blog-block .partContentText h2 a 				{background: none; color: #12a19a; text-decoration: none; transition: color 0.3s ease;}
	.blog-block .partContentText h2 a:hover 		{color: #D30536;}
.blog-block .partContentFileImageGallery.single 		{width: 40%; margin-bottom: 20px;}



/* taaldictiee */
.dict 								{display: block; padding-bottom: 57.0921985816%; background :url(/images/style/background-woordenboek.png) no-repeat center; background-size: contain; text-decoration: none; color: #fff; position: relative;}
.dict span.dict-title 				{position: absolute; top:20%; left: 0; width: 100%; height: 35%;  font-family: Lato; font-size: 30px; text-transform: uppercase; font-weight: 700; display: flex; align-items: center; justify-content: center;}
.dict span.dict-subtitle 			{position: absolute; bottom: 19%; left: 0; width: 100%; height: 24%; font-size: 24px; display: flex; align-items: center; justify-content: center; font-weight: 700;}
/* end taaldictiee */

/* gratis quickscan */
.alert 												{background-color: #FFF; border: 6px solid #D30536; border-radius: 20px; padding: 20px 20px; text-align: center;}
.alert h1 											{text-transform: uppercase; font-weight: 700; text-align: center; font-size: 22px; margin-bottom: 20px; }
.alert p 											{color: #D30536; line-height: 1.4em; font-size: 18px; letter-spacing: 0.2px; margin-bottom: 20px;}
.alert .alert-images 								{margin: 0px auto; text-align: center;}
.alert .alert-images a, .alert .alert-images span 	{display: inline-block; vertical-align: top; margin-top:4px;}

.alert .alert-images a#quickscanMail img 			{width: 20px; margin-right: 5px; }
.alert .alert-images span#quickscanTel 				{line-height: 17px; color:#d30536; }
/* end gratis quickscan */

.news-row .news-left {width: 70%; padding-right: 40px;}
.news-row .news-left .news-message {width: 100%; padding-right: 20px;}

.news-right {width: 30%;}
.news-row .related-news-messages .partContentFileImageGallery {width: 100%; margin-left: 0px;}
.news-row .related-news-messages .partContentFileImageGallery img {width: calc(100% - 30px);}


.strong-message{
	margin-top: 40px;
}

.strong-message a{
	font-family: Lato;
	font-size: 22px;
	font-weight: 700;
	text-align: center;
	color: #D30536;
	margin: 0;
	display: block;
	text-decoration: underline;
}

.strong-message a:hover {color: #12a19a;}



/* news */
#content .news 					{position: relative; margin-bottom: 60px;}
#content .news .news-layer 		{border-radius:20px; box-shadow:3px 3px 14px 0 rgba(0,0,0,0.4); position:relative; z-index: 2; background-color: #fff; overflow: hidden;}
#content .news .layer-1, #content .news .layer-2 {background-color:#FFF; border-top:50px solid #118984; position: absolute; height:100%; width: 100%; }
#content .news .layer-1 {left: -10px; top: 15px; z-index:0; transform:rotate(1deg); }
#content .news .layer-2 {transform:rotate(-4deg); left: -10px; top: 10px; z-index:1; }

#content .news h1 							{background-color:#12a19a; color:#FFF; font-size:22px; padding:15px 0px; text-align:center; text-transform:uppercase; margin-bottom: 0px;}
#content .news ul 							{padding: 20px 20px 0 20px; }
#content .news ul li 						{border-top:1px solid #12a19a; display: flex; align-items: center; padding:15px 0px 15px 0px;}

	#content .date 							{background-color:#12a19a; border-radius:8px; width:56px; padding:5px; text-align: center; font-family: Lato; font-weight: 700; flex: 0 0 auto;}
	#content .date .month, .date .day 		{color:#FFF; display:block; text-transform:uppercase;}
	#content .date .month 					{font-size:16px; text-align: center; }
	#content .date .day 					{font-size:30px; }
 
 	#content .news ul li a 				{font-size:18px; text-decoration:none; color: #000; padding-left: 15px;}
	#content .news ul li.readmore 		{}
	#content .news ul li.readmore a 	{color:#12a19a; display:block; text-align:center; padding-left: 0px; letter-spacing: 0.3px; width: 100%; transition: color 0.2s; font-weight: 700;}
	#content .news ul li.readmore a:hover {color: #D30536;}
/* end news */


/* right side home */
#content .widget				{margin-bottom: 40px; overflow: hidden; border-radius: 20px; border: 1px solid #D30536; background-color: white; text-align: center; display: block; text-decoration: none; color: #D30536; transition: 0.3s;}
#content .widget h1 			{text-align: center; background-color: #D30536; color: white; font-size: 22px; text-transform: uppercase; padding: 15px 0px; margin-bottom: 0px; transition: 0.3s;}
#content .widget img 			{}
#content .widget .bottom		{border-top: 1px solid #D30536; padding:15px; font-weight: 700; transition: 0.3s;}

#content .widget:hover 			{color: #12A19A; border-color: #12A19A; box-shadow: 3px 3px 14px 0 rgba(0,0,0,0.2);}
#content .widget:hover h1 		{background-color: #12A19A;}
#content .widget:hover .bottom	{border-color: #12A19A;}

/* endright side home */



footer {background-color:#D30536; display: flex; padding:40px; padding-bottom: 20px;}
footer p {color: #fff; font-size: 14px; line-height: 1.4em; margin-bottom: 20px; }
footer p a {color: #fff; text-decoration: none; }
footer p a:hover {text-decoration: underline; }



#footer-left										{width: 70%; padding-right: 40px; display: flex; }
#footer-left .col									{margin-left: 20px; flex: 1 1 auto; }
#footer-left .col:first-child 						{margin-left: 0px;}
#footer-left .col a.footer-link 					{border-radius: 14px; padding:10px 10px; text-align: center; display: block; text-decoration: none; margin-bottom: 20px; }
#footer-left .col:nth-child(odd) a.footer-link 		{color: white; background-color: #12a19a; }
#footer-left .col:nth-child(even) a.footer-link 	{color: #12a19a; background-color: white; }


#footer-right										{width: 30%;}

#searchContainer				{margin-bottom: 20px;}
#searchContainer form			{display: flex;}
/* #footer-right input 			{width: calc(100% - 80px); font-size:100%; font-family: Gudea, arial; border:none; outline: 0; -webkit-appearance: none; border-radius:0; height: 36px; padding:0px 10px;}
#footer-right a#searchButton 	{border: 1px solid white; background-color: #D30536; color: white; font-weight: 700; width: 100px; text-align: center; width: 80px; height: 36px; float: right; line-height: 34px;} */
#footer-right img.member-of 	{width: 80px; margin-top: 5px; }


/* footer */
.disclaimer				{background-color: #CDE3E1; display: flex; padding: 10px 40px 0px 20px;}
.disclaimer a 			{color: #12A19A; margin-left: 20px; margin-bottom: 10px; font-size: 12px; text-decoration: none;}
.disclaimer a:hover 	{text-decoration: underline;}


/* news */
.news-row 												{display: flex; margin-bottom: 40px;}
	.news-row .news-message									{background-color: #fff; display: flex; flex-direction: column; position: relative; border-top: 3px solid #12a19a; border-bottom: 3px solid #12a19a; padding: 20px; padding-bottom: 0px; padding-right: 95px; width: calc(50% - 10px); margin-right: 10px;}
		.news-row .news-message h2 								{}
		.news-row .news-message h2 a 							{color: #12a19a; text-decoration: none; transition: color 0.3s ease;}
		.news-row .news-message h2 a:hover 						{color: #D30536;}

		.news-row .news-message .date 							{position: absolute; top: 20px; right: 20px;}
		.news-row .news-message .author							{margin-top: auto; color: #12a19a; font-size: 14px; margin-bottom: 20px;}
	
	.news-row .partContentFileImageGallery.single 			{width: calc(50% - 10px); margin-left: 10px;}
/*		.news-row .partContentFileImageGallery.single a 			{display: block; height: 100%;}
			.news-row .partContentFileImageGallery.single img 		{height: 100%; object-fit: cover;}*/
		


.news-row .news-message .readmore{
	font-weight: 700;
}



.related-news-messages .partContentFileImageGallery {margin-top:0px;}

/*news-row .news-image, 
.related-news-messages img{
	width: 430px;
	height: 275px;
	margin-top: 28px;
	margin-left:0px;
}

.related-news-messages img:first-child {margin-top: 17px;}

.related-news-messages{
	float: right;
	border: none;
	width: 465px;
}

.view-news-message .news-message{
	height: auto;
	display: block;
	float: left;
}*/

.news-message-share 			{display: flex; flex-wrap: wrap; align-items: center; border-top:solid 2px #12a191; margin-top: 20px; padding-top: 20px;}
	.news-message-share .share			{		text-transform: uppercase; font-size: 14px; color: #12a191; margin-bottom: 20px; margin-right: 10px;}
	.news-message-share .social-media-buttons 	{margin-bottom: 20px;}


.back-to-news {
    background-color: #12a191;
    color: #fff;
    border-radius: 14px;
    padding: 10px 10px;
    text-align: center;
    display: block;
    text-decoration: none;
    margin-bottom: 20px;
    margin-left: auto;
}

a.back-to-news 												{color: #fff;}

/* wat zeggen onze klanten */

#paperWithLines 					{max-width: 650px; background-color: #fff; margin: 0px auto 40px auto; padding: 40px; padding-bottom: 25px; box-shadow: 3px 3px 14px 0 rgba(0,0,0,0.2); position: relative;}
#paperWithLines:after 				{content: ''; position: absolute; height: 100%; width: 100%; left: 0; top:0; z-index: -1; background-color: #fff; box-shadow: 3px 3px 14px 0 rgba(0,0,0,0.2); transform: rotate(-4deg);}

	#paperWithLines h1 					{font-size: 20px; font-weight: 700; margin-top: 2px; color: #d30536; font-family: Gudea; padding: 0px; margin: 0px 0px 10px 0px; }
	#paperWithLines .partContentText p 	{margin: 0px; line-height: 1.4em;}

.customerItem	{margin-bottom: 20px;}
.customerCompany	{display: block; color: #d30536; margin-top: 2px;}

/* Portfolio */
#portfolioContainer {display: flex; flex-wrap: wrap; margin-left: -20px; margin-right: -20px; width: calc(100% + 40px);}

	.portfolioItem 		{width: calc(33.3333333333% - 40px); margin:0px 20px 40px 20px; border: 2px solid #D30536; border-radius: 22px; background-color: #fff;	overflow: hidden; transition: box-shadow 0.3s; color: inherit; text-decoration: none;}
	.portfolioItem:hover {box-shadow: 3px 3px 14px 0 rgba(0,0,0,0.2); border-color: #12a19a;}
	.portfolioItem:hover .spanImage {border-color: #12a19a;}
	.portfolioItem:hover .spanTitle  {color: #12a19a;}

		.spanImage	 	{border-bottom: 2px solid #D30536; display: block; padding:20px;}
		.spanImage img 	{width: 100%; display: block;}

		.spanTitle  		{font-size: 20px; font-weight: 700; color: #D30536; line-height: 1.3em; margin:15px 20px 0px 20px; display: block;}
		.spanOpdrachtgever 	{line-height: 1.3em;  margin:0px 20px 20px 20px; display: block;}


#portfolioContainerDetail 						{display: flex; align-items: flex-start;}
	#portfolioContainerDetail .partContentText	{padding: 0px 20px 20px 20px;}

.portfolioCurrent 	{width: calc(69% - 40px); margin-right: 40px; border: 2px solid #D30536; border-radius: 22px; background-color: #fff; overflow: hidden; margin-bottom: 40px;}
.portfolioCurrent img {width: 100%; display: block;}

	#spanPortfolioItemTitle 	{font-size: 30px; font-weight: 700; color: #D30536; display: block; line-height: 1.3em; margin:20px 20px 5px 20px;} 
	#spanPortfolioItemClient 	{font-size: 20px; font-weight: 700; color: #000; display: block; line-height: 1.3em; margin:0px 20px 20px 20px;}

.portfolioRelated 					{width: 31%;}
.portfolioRelated .portfolioItem 	{width: 100%; display: block; margin:0px; margin-bottom: 40px;}

/*.view-portfolio-item .portfolioCurrent{
	width: 578px;
	background-color: white;
	float: left;
	border: 2px solid #d30536;
	border-radius: 25px;
	overflow: hidden;
	height: 640px;
}

.view-portfolio-item .related{
    float: right;
    width: 311px;
}
.view-portfolio-item .portfolioCurrent img{
	border-bottom: 2px solid #D30536;
	height: 547px;
}

.view-portfolio-item .portfolioCurrent .left{
	float: left;
}

.view-portfolio-item .portfolioCurrent .right{
	float: right;
	width: 287px;
	border-left: 2px solid #D30536;
	height: 100%;
	margin-top: -5px;
	padding: 10px 14px 14px 14px;
}

.view-portfolio-item .portfolioCurrent .right p { margin-top:0px; margin-bottom:20px; }

.view-portfolio-item .portfolioCurrent .left span{
	color: black;
	display: block;
	width: 229px;
	margin-left: 15px;
	margin-top: 2px;
	padding-bottom: 9px;
}

#spanPortfolioItemTitle	{border-bottom: 2px solid #d30536; margin-bottom: 5px;}*/

/* Woordenboek */
#content.dictionary			{background-image: none; background-color: #DFEEED;}


.dictionary .dictionary-top	{width: 100%; margin:0px auto 40px auto; max-width: 360px;}

#dictionaryContainer 		{display: flex; padding-bottom: 20px;}


.dictionary .dict			{}


.dictionary ul li 			{margin-bottom: 20px; position: relative;}
.dictionary ul li h3 		{color: #12a19a; margin-bottom: 0px;}


	.letter 			{width: 60px; height: 60px; background-color: #12a19a; text-align: center; border-radius: 3px; padding:5px; position: absolute;}
	.letter span 		{border-top: 2px solid white; height: 50px; border-bottom: 2px solid white; display: block; color: white; font-size: 30px; display: flex; align-items: center; justify-content: center; font-weight: 700;}

	.meaning 			{background-color: white; display: block; border-top: 2px solid #12a19a; border-bottom: 2px solid #12a19a; height: 100%; padding: 10px; flex: 1 1 auto;}
	.meaning p 			{margin-bottom: 0px;}

.dictionary-left .letter 	{left: 0;}
.dictionary-left .meaning   {margin-left: 80px;}
.dictionary-right .letter 	{right:0;}
.dictionary-right .meaning  {margin-right: 80px;}

.dictionary-left{
	width: 50%; padding-right: 20px;
}



.dictionary-right{
    width: 50%; padding-left: 20px;
}



/* social */
.socialShareIcon			{width: 23px; height: 23px; float: left; background-repeat: no-repeat; margin:0px 5px; position: relative; overflow: hidden;}
.socialShareIcon iframe		{opacity: 0;}
.socialShareIconEmail		{background: url('/images/style/icon-email.png') no-repeat; background-size: contain;}
.socialShareIconEmail a 	{height: 23px; width: 23px; display: block;}
.socialShareIconTwitter		{background: url('/images/style/icon-twitter.png') no-repeat; background-size: contain;}
.socialShareIconFacebook	{background: url('/images/style/icon-facebook.png') no-repeat; background-size: contain;}
.socialShareIconLinkedin	{background: url('/images/style/icon-linkedin.png') no-repeat; background-size: contain;}


.landingspage .news-message { border-color:#d30536}
.landingspage .news-message h1{color:#d30536; }
.landingspage .news-message h2{color:#d30536; min-height:20px; padding-right: 0px;}
.landingspage .news-message a {color:#d30536; }


/***********************************************
Mobile toggle menu
***********************************************/

body.mobileMenuToggleActive                               {position: fixed; /* prevents scrolling bug at the bottom of the screen  */ }

#mobileMenuToggle                                         {
	font-size: 18px;
	font-weight:700;
	position:relative;
	z-index: 1002; 
	display:none; 
	align-items:center; 
	cursor: pointer; 
    background-color: transparent;
    text-decoration: none;
    outline: 0;
    -webkit-appearance: none;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    border: none;
    padding:0px;
    margin-left: 20px;
}

#mobileMenuToggle .mobileMenuButtonLabel                        {margin-left:5px;}
#mobileMenuToggle .mobileMenuButtonHamburger 					{width: 20px; height:20px; display:flex; flex-direction:column; justify-content:center;}
#mobileMenuToggle .mobileMenuButtonHamburger span 				{width: 20px; height: 2px; background-color: #000; margin: 2px 0px; transition: all 0.3s ease-in-out;}
#mobileMenuToggle .mobileMenuButtonHamburger span:nth-child(2) 	{width: 15px;}

#mobileMenuToggle.active .mobileMenuButtonHamburger span 				      {background-color: #D30536;}
#mobileMenuToggle.active .mobileMenuButtonHamburger span:nth-child(1) {transform: translateY(6px) rotate(45deg);}
#mobileMenuToggle.active .mobileMenuButtonHamburger span:nth-child(2) {opacity: 0;}
#mobileMenuToggle.active .mobileMenuButtonHamburger span:nth-child(3) {transform: translateY(-6px) rotate(-45deg);}

/* Menu overlay */
#mobileMenuToggleContainer 			{left: 0%; top: 100px; width: 100%; height: 100%; opacity: 0; visibility: hidden; position: fixed; background-color:#fff; z-index: 1002; transition:0.3s;}
body.mobileMenuToggleActive #mobileMenuToggleContainer 	{opacity: 1; visibility: visible;} 

#mobileMenuToggleContainerScroll                      {overflow-y: auto; height: calc(100% - 100px);}

@media (max-width: 667px){
  #mobileMenuToggleContainerScroll {overflow-y:scroll; -webkit-overflow-scrolling: touch;}
}