@import url('https://fonts.googleapis.com/css?family=Merienda+One');

/*
LOCAL CSS STYLES & OVERWRITE CDN STYLES
*/
body{
	color:var(--brand-text-color);
	font-family:'Open Sans',sans-serif;
	font-size : 16px ;
	line-height : 1.5rem ;
}

h1,
h2,
h3,
h4,
h5,
h6{
	line-height:130%;
}

h1{
	/*font-size:3rem;*/
	font-size:1.5rem;
	/*font-weight:700;*/
	font-weight:600;
	/*line-height:3rem;*/
}

h2{
	font-size:1.25rem;
	font-weight:600;
	/*line-height:2rem;*/
	line-height:1.5rem;
	/* padding : var( --brand-padding-4 ) 0 ; */
	padding : var( --brand-padding-4 ) 0 var( --brand-padding-2 ) ;
	color:var(--brand-secondary-color);
}

	div h2:first-of-type ,
	section h2:first-of-type
	{
		padding-top : 0 ;
	}
	
	ul + h2
	{
		padding-top : var( --brand-padding-2 ) ;
	}

h3{
	font-weight:600;
	/*font-size:1.5rem;*/
	font-size:1rem;
	/*color:var(--alternate-text-color);*/
	color:var(--brand-primary-color);
	/*padding-bottom:var(--brand-padding-2);*/
	padding-bottom:var(--brand-padding-1);
	line-height:1.5rem;
}

h4{
	/*font-weight:400;*/
	font-weight:600;
	font-size:1rem;
	line-height:1.5rem;
	/*color:var(--brand-primary-color);*/
	color:#000;
	padding-bottom:var(--brand-padding-1);
}

h5{
	color:var(--alternate-text-color);
	font-size:1.5rem;
	font-weight:600;
	line-height:2rem;
	padding-bottom:var(--brand-padding-2);
}

a{color:var(--brand-secondary-color);}

	a:hover{color:var(--brand-primary-color);}

b,
strong{font-weight:600;}

ul > li > ul
{
	padding : 0 0 0 var( --brand-padding-3 ) ;
}

	ul > li > ul > li
	{
		list-style-type: decimal ;
	}

/*.wrapper{position:relative;}*/

	/* main navigations */
	#main-navigation{
		/*background-color:var(--brand-light-background-color);*/
		/*position:relative;*/
	}

		#main-navigation>.rl{}

		/* logo */
		.logo{}
		/* end logo */

		/* main menu */
		ul.main-menu{
			font-family:'Yanone Kaffeesatz',sans-serif;
			font-size:1.25rem;
			font-weight:600;
			padding:var(--brand-padding-2) 0;
			/*position:absolute;*/
			/*right:5%;*/
			/*text-align:right;*/
			/*top:0;*/
			/*width:100%;*/
			z-index:999999;
		}

			.main-menu>li:first-of-type{display:none;}

			.main-menu li{
				display:inline-block;
				list-style-type:none;
				padding-right:var(--brand-padding-2);
				text-align:center;
				/*position:relative;*/
			}

				.main-menu li:last-of-type{padding-right:0;}

				.main-menu li a{
					color:var(--brand-text-color);
					display:block;
					padding:var(--brand-padding-2) var(--brand-padding-2) var(--brand-padding-1) var(--brand-padding-2);
					text-decoration:none;
					transition:all ease 200ms;
					border-bottom:2px solid transparent;
				}

					.main-menu li a:hover,
					.main-menu li a.active,
					.main-menu li a.active:hover{
						color:var(--brand-secondary-color);
						border-color:var(--brand-secondary-color);
					}

					ul.main-menu div.standard-menu-links{
						z-index:999999;
						/*left:0;*/
						/*right:auto;*/
						position:static !important;
					}

					/*.main-menu li .submenu{
						background-color:var(--brand-alternate-text-color);
						display:none;
						font-size:90%;
						margin-top:-3px;
						padding:0 var(--brand-padding-1);
						position:absolute;
						top:100%;
					}

						.main-menu li .submenu a{
							color:var(--brand-primary-color);
							white-space:nowrap;
						}

					.main-menu li:hover .submenu{display:block;}

						.main-menu li:hover .submenu:hover{background-color:#fff;}*/

/* tablet devices portrait */
@media screen and (max-width:800px){
	body .main-menu li{
		text-align:left;
	}

	body .main-menu>li:first-of-type{display:block;}

	/* responsive menu */
	ul.main-menu li a.responsive-menu-icon,
	ul.main-menu li a.responsive-menu-icon:hover,
	ul.main-menu div.standard-menu-links>li a,
	ul.main-menu div.standard-menu-links>li a:hover{
		background-color:var(--base-color-white) !important;
		border-bottom:none;
		color:var(--brand-primary-color) !important;
		padding:var(--brand-padding-2) var(--brand-padding-3);
	}
	/* end: responsive menu */
}
/* end: tablet devices portrait */
		/* end main menu */
	/* end main navigations */
/* end main header */

/* main content */
/*#main-content{background-color:var(--brand-light-background-color);}*/

/* section */
.section-content,
.section-content.highlighted{
	padding:var(--brand-padding-4) 0;
	background-color:var(--base-color-white);
}

.section-content.highlighted{background-color:var(--brand-light-background-color);}

/* end section */
/* end main content */

/* copyright */
#copyright{
	background-color:var(--brand-dark-background-color);
	color:var(--base-color-white);
	font-size:.875rem;
	/*text-align:center;*/
}

	#copyright .rl{padding:var(--brand-padding-3) 0;}

	#copyright p{padding-bottom:var(--brand-padding-2);}

		#copyright p:last-of-type{padding-bottom:0;}

		#copyright a{
			color:var(--base-color-white);
			text-decoration:underline;
		}

			#copyright a:hover{text-decoration:none;}

	#copyright p span{padding-right:var(--brand-padding-3);}

		#copyright p span:last-of-type{padding-right:0;}
/* end copyright */



.imp{color:var(--brand-secondary-color);}

img.responsive-image{
	display:block;
	margin:0 auto;
	width:100%;
	border:var(--brand-padding-2) solid var(--brand-light-background-color);
	box-sizing:border-box;
}

/* responsive iframe */
.is--responsive-iframe-container{
	/* https://www.w3schools.com/howto/howto_css_responsive_iframes.asp */
	overflow:hidden;
	/*padding-top:100%;*/ /* 1:1 Aspect Ratio */
	padding-top:56.25%; /* 16:9 Aspect Ratio */
	/*padding-top:62.5%;*/ /* 8:5 Aspect Ratio */
	/*padding-top:66.66%;*/ /* 3:2 Aspect Ratio */
	/*padding-top:75%;*/ /* 4:3 Aspect Ratio */
	position:relative;
	width:100%;
}

	.is--responsive-iframe-container iframe,
	iframe.is--responsive-iframe{
		bottom:0;
		height:100%;
		left:0;
		position:absolute;
		right:0;
		top:0;
		width:100%;
	}

@media screen and (max-width:480px){
	body .is--responsive-iframe-container{padding-top:100%; /* 1:1 Aspect Ratio */}
}
/* end: responsive iframe */a.link-as-button,
input[type=button],
button{
	background-color:var(--brand-secondary-color);
	border:none;
	transition:all ease .3s;-moz-transition:all ease .3s;-o-transition:all ease .3s;-webkit-transition:all ease .3s;
	text-transform:none;
	/* overwrite default style */
	font-size:1rem;
	font-weight:600;
	padding:var(--brand-padding-2) var(--brand-padding-3);
	/* end: overwrite default style */
}

	a.link-as-button:hover,
	input[type=button]:hover,
	button:hover{
		background-color:var(--brand-dark-background-color);
		border:none;
		color:var(--base-color-white);
	}

	a.link-as-button.in-g-next-btn::after{
		content:'\f105'; /* https://fontawesome.com/icons/angle-right?style=solid */
		font-size:.875rem;
	}

/* style of inverse button */
a.link-as-button.inverse{
	/*background-color:var(--base-color-white);*/
	background-color:transparent;
	border-radius:var(--brand-border-radius);-moz-border-radius:var(--brand-border-radius);-webkit-border-radius:var(--brand-border-radius);
	border:2px solid var(--brand-primary-color);
	color:var(--brand-primary-color);
}

	a.link-as-button.inverse:hover{
		background-color:var(--brand-primary-color);
		border:2px solid var(--brand-primary-color);
		color:var(--base-color-white);
	}
/* end: style of inverse button */.is--cols,
.is-col-2,
.is-col-3,
.is-col-4,
.is-col-5,
.is-col-6,
.is-col-7,
.is-col-8,
.is-col-20-80,
.is-col-30-70{
	display:flex;
	flex-wrap:wrap;
}

	.is--col-box,
	.is-col-box{
		box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
		margin:0 auto;
	}

	/* col 2 width */
	.is-col-2 .is-col-box{width:50%;}

	/* col 3 width */
	.is-col-3 .is-col-box{width:33%;}

	/* col 4 width */
	.is-col-4 .is-col-box{width:25%;}

	/* col 5 width */
	.is-col-5 .is-col-box{width:18%;}

	/* col 6 width */
	.is-col-6 .is-col-box{width:16.6%;}

	/* col 30-70% width */
	.is-col-30-70 .is-col-box:nth-child(1){width:30%;}

	.is-col-30-70 .is-col-box:nth-child(2){width:70%;}

	/* col 20-8% width */
	.is-col-20-80 .is-col-box:nth-child(1){width:20%;}

	.is-col-20-80 .is-col-box:nth-child(2){width:80%;}

	/* col 60-40% width */
	.is--col-60-40 .is--col-box:nth-child(1){width:60%;}

	.is--col-60-40 .is--col-box:nth-child(2){width:40%;}

/* tablet devices portrait */
@media screen and ( max-width : 960px )
{
	body #main-footer .is-col-3 .is-col-box
	{
		width : 50% ;
		padding : 0 var(  --brand-padding-4 ) var(  --brand-padding-4 ) 0 ;
	}
	
	body #main-footer .is-col-3 .is-col-box:last-of-type
	{
		padding-bottom : 0 ;
	}

	body .mb--hero-featured-box.is-col-3 > .is-col-box
	{
		width : 50% ;
	}

	body .mb--hero-featured-box.is-col-3 .is-col-20-80 .is-col-box:nth-child( 2 )
	{
		padding-left : var( --brand-padding-2 ) ;
	}
	
	/* begin: news */	
	body #main-footer .is-col-3 .is-col-box ,
	body .news.is--cols.is-col-4  .is-col-box ,
	body .is-col-5 .is-col-box
	{
		width : 50% !important ;
		/*padding : 0 0 var( --brand-padding-4 ) 0 !important ;*/
	}
	/* end: news */
}
/* end: tablet devices portrait */

/* mobile devices portrait */
@media screen and ( max-width : 480px )
{
	body #main-footer .is-col-3 ,
	body .news.is--cols.is-col-4 ,
	body .is-col-5
	{
		display : block ;
	}
	
	body #main-footer .is-col-3 .is-col-box ,
	body .news.is--cols.is-col-4  .is-col-box ,
	body .is-col-5 .is-col-box
	{
		width : 100% !important ;
		padding : 0 0 var( --brand-padding-4 ) 0 !important ;
	}
	
	body .news.is--cols.is-col-4  .is-col-box .news-leader
	{
		margin : 0 !important ;
	}
	
		body #main-footer .is-col-3 .is-col-box:last-of-type ,
		body .news.is--cols.is-col-4  .is-col-box:last-of-type ,
		body .is-col-5 .is-col-box:last-of-type
		{
			padding-bottom : 0 ;
		}

	body .mb--hero-featured-box.is-col-3 > .is-col-box
	{
		width : 100% !important ;
	}

	body .mb--top-header-store-title ,
	body .mb--top-header-store-btn
	{
		display : none !important ;
	}
}
/* end: mobile devices portrait *//* css cdn */
.in-g--fa-icon-a::after,
.in-g--fa-icon-b::before,
.is--fa-icon-b::before{
	font-family:'Font Awesome 5 Pro';
	font-weight:900;
}

.in-g--fa-icon-a::after{padding-left:var(--brand-padding-1);}

.in-g--fa-icon-b::before,
.is--fa-icon-b::before{
	display:inline-block;
	padding-right:var(--brand-padding-1);
}

/* end: css cdn */

.fa-shopping-cart{content:'\f07a';}/*animations*/

/******************
* Bounce in right *
*******************/


.animated { 
    -webkit-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
} 
.slow{
     -webkit-animation-duration: 1.5s; 
    animation-duration: 1.5s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
}
.slower{
     -webkit-animation-duration: 2s; 
    animation-duration: 2s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
}
.slowest{
     -webkit-animation-duration: 3s; 
    animation-duration: 3s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
}

/* Added by Andy Meetan */
.delay-250 {
    -webkit-animation-delay:0.25s;
    -moz-animation-delay:0.25s;
    -o-animation-delay:0.25s;
    animation-delay:0.25s;
}
.delay-500 {
    -webkit-animation-delay:0.5s;
    -moz-animation-delay:0.5s;
    -o-animation-delay:0.5s;
    animation-delay:0.5s;
}
.delay-750 {
    -webkit-animation-delay:0.75s;
    -moz-animation-delay:0.75s;
    -o-animation-delay:0.75s;
    animation-delay:0.75s;
}
.delay-1000 {
    -webkit-animation-delay:1.0s;
    -moz-animation-delay:1.0s;
    -o-animation-delay:1.0s;
    animation-delay:1.0s;
}
.delay-1250 {
    -webkit-animation-delay:1.25s;
    -moz-animation-delay:1.25s;
    -o-animation-delay:1.25s;
    animation-delay:1.25s;
}
.delay-1500 {
    -webkit-animation-delay:1.5s;
    -moz-animation-delay:1.5s;
    -o-animation-delay:1.5s;
    animation-delay:1.5s;
}
.delay-1750 {
    -webkit-animation-delay:1.75s;
    -moz-animation-delay:1.75s;
    -o-animation-delay:1.75s;
    animation-delay:1.75s;
}
.delay-2000 {
    -webkit-animation-delay:2.0s;
    -moz-animation-delay:2.0s;
    -o-animation-delay:2.0s;
    animation-delay:2.0s;
}
.delay-2500 {
    -webkit-animation-delay:2.5s;
    -moz-animation-delay:2.5s;
    -o-animation-delay:2.5s;
    animation-delay:2.5s;
}
.delay-2000 {
    -webkit-animation-delay:2.0s;
    -moz-animation-delay:2.0s;
    -o-animation-delay:2.0s;
    animation-delay:2.0s;
}
.delay-2500 {
    -webkit-animation-delay:2.5s;
    -moz-animation-delay:2.5s;
    -o-animation-delay:2.5s;
    animation-delay:2.5s;
}
.delay-3000 {
    -webkit-animation-delay:3.0s;
    -moz-animation-delay:3.0s;
    -o-animation-delay:3.0s;
    animation-delay:3.0s;
}
.delay-3500 {
    -webkit-animation-delay:3.5s;
    -moz-animation-delay:3.5s;
    -o-animation-delay:3.5s;
    animation-delay:3.5s;
}

.bounceInRight, .bounceInLeft, .bounceInUp, .bounceInDown{
    opacity:0;
    -webkit-transform: translateX(400px); 
    transform: translateX(400px); 
}
.fadeInRight, .fadeInLeft, .fadeInUp, .fadeInDown{
    opacity:0;
    -webkit-transform: translateX(400px); 
    transform: translateX(400px); 
}

.flipInX, .flipInY, .rotateIn, .rotateInUpLeft, .rotateInUpRight, .rotateInDownLeft, .rotateDownUpRight, .rollIn{
    opacity:0;
}

.lightSpeedInRight, .lightSpeedInLeft{
    opacity:0;
    -webkit-transform: translateX(400px); 
    transform: translateX(400px); 
}

/***********
* bounceIn *
************/
@-webkit-keyframes bounceIn { 
    0% { 
        opacity: 0; 
        -webkit-transform: scale(.3); 
    } 

    50% { 
        opacity: 1; 
        -webkit-transform: scale(1.05); 
    } 

    70% { 
        -webkit-transform: scale(.9); 
    } 

    100% { 
         -webkit-transform: scale(1); 
    } 
} 

@keyframes bounceIn { 
    0% { 
        opacity: 0; 
        transform: scale(.3); 
    } 

    50% { 
        opacity: 1; 
        transform: scale(1.05); 
    } 

    70% { 
        transform: scale(.9); 
    } 

    100% { 
        transform: scale(1); 
    } 
} 

.bounceIn.go { 
    -webkit-animation-name: bounceIn; 
    animation-name: bounceIn; 
}

/****************
* bounceInRight *
****************/

@-webkit-keyframes bounceInRight { 
    0% { 
        opacity: 0; 
        
        -webkit-transform: translateX(400px); 
    } 
    60% { 
        
        -webkit-transform: translateX(-30px); 
    } 
    80% { 
        -webkit-transform: translateX(10px); 
    } 
    100% {
    opacity: 1;
     
        -webkit-transform: translateX(0); 
    } 
} 

@keyframes bounceInRight { 
    0% { 
        opacity: 0; 
        
        transform: translateX(400px); 
    } 
    60% { 
        
        transform: translateX(-30px); 
    } 
    80% { 
        transform: translateX(10px); 
    } 
    100% {
    opacity: 1;
     
        transform: translateX(0); 
    } 
} 


.bounceInRight.go { 
    -webkit-animation-name: bounceInRight; 
    animation-name: bounceInRight; 
}

/******************
* Bounce in left *
*******************/

@-webkit-keyframes bounceInLeft { 
    0% { 
        opacity: 0; 
        
        -webkit-transform: translateX(-400px); 
    } 
    60% { 
       
        -webkit-transform: translateX(30px); 
    } 
    80% { 
        -webkit-transform: translateX(-10px); 
    } 
    100% {
        opacity: 1;
         
        -webkit-transform: translateX(0); 
    } 
} 

@keyframes bounceInLeft { 
    0% { 
        opacity: 0; 
        
        transform: translateX(-400px); 
    } 
    60% { 
       
        transform: translateX(30px); 
    } 
    80% { 
        transform: translateX(-10px); 
    } 
    100% {
        opacity: 1;
         
        transform: translateX(0); 
    } 
} 

.bounceInLeft.go { 
    -webkit-animation-name: bounceInLeft; 
    animation-name: bounceInLeft; 
}

/******************
* Bounce in up *
*******************/

@-webkit-keyframes bounceInUp { 
    0% { 
        opacity: 0; 
        
        -webkit-transform: translateY(400px); 
    } 
    60% { 
       
        -webkit-transform: translateY(-30px); 
    } 
    80% { 
        -webkit-transform: translateY(10px); 
    } 
    100% {
        opacity: 1;
         
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes bounceInUp { 
    0% { 
        opacity: 0; 
        
        transform: translateY(400px); 
    } 
    60% { 
       
        transform: translateY(-30px); 
    } 
    80% { 
        transform: translateY(10px); 
    } 
    100% {
        opacity: 1;
         
        transform: translateY(0); 
    } 
} 

.bounceInUp.go { 
    -webkit-animation-name: bounceInUp; 
    animation-name: bounceInUp; 
}


/******************
* Bounce in down *
*******************/

@-webkit-keyframes bounceInDown { 
    0% { 
        opacity: 0; 
        
        -webkit-transform: translateY(-400px); 
    } 
    60% { 
       
        -webkit-transform: translateY(30px); 
    } 
    80% { 
        -webkit-transform: translateY(-10px); 
    } 
    100% {
        opacity: 1;
         
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes bounceInDown { 
    0% { 
        opacity: 0; 
        
        transform: translateY(-400px); 
    } 
    60% { 
       
        transform: translateY(30px); 
    } 
    80% { 
        transform: translateY(-10px); 
    } 
    100% {
        opacity: 1;
         
        transform: translateY(0); 
    } 
} 

.bounceInDown.go { 
    -webkit-animation-name: bounceInDown; 
    animation-name: bounceInDown; 
}


/**********
* Fade In *
**********/ 
@-webkit-keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;
        display:block;} 
} 
@keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;
        display:block;} 
}
.fadeIn{
    opacity:0;
}
.fadeIn.go { 
    -webkit-animation-name: fadeIn; 
    animation-name: fadeIn; 
}

/**********
* Grow in *
***********/

@-webkit-keyframes growIn { 
    0% { 
        -webkit-transform: scale(0.2); 
        opacity:0;
    } 
    50% { 
        -webkit-transform: scale(1.2); 
        
    } 
    100% { 
        -webkit-transform: scale(1); 
        opacity:1;
    } 
} 
@keyframes growIn { 
    0% { 
        transform: scale(0.2); 
        opacity:0;
    } 
    50% { 
        transform: scale(1.2); 
        
    } 
    100% { 
        transform: scale(1); 
        opacity:1;
    } 
} 
.growIn { 

    -webkit-transform: scale(0.2);
    transform: scale(0.2);
    opacity:0;
}
.growIn.go{
    -webkit-animation-name: growIn; 
    animation-name: growIn; 
}

/********
* Shake *
********/
@-webkit-keyframes shake { 
    0%, 100% {-webkit-transform: translateX(0);} 
    10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} 
    20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} 
} 
@keyframes shake { 
    0%, 100% {transform: translateX(0);} 
    10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} 
    20%, 40%, 60%, 80% {transform: translateX(10px);} 
} 
.shake.go { 
    -webkit-animation-name: shake; 
    animation-name: shake; 
}

/********
* ShakeUp *
********/
@-webkit-keyframes shakeUp { 
    0%, 100% {-webkit-transform: translateY(0);} 
    10%, 30%, 50%, 70%, 90% {-webkit-transform: translateY(-10px);} 
    20%, 40%, 60%, 80% {-webkit-transform: translateY(10px);} 
} 
@keyframes shakeUp { 
    0%, 100% {transform: translateY(0);} 
    10%, 30%, 50%, 70%, 90% {transform: translateY(-10px);} 
    20%, 40%, 60%, 80% {transform: translateY(10px);} 
} 
.shakeUp.go { 
    -webkit-animation-name: shakeUp; 
    animation-name: shakeUp; 
}

/*************
* FadeInLeft *
*************/

@-webkit-keyframes fadeInLeft { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(-400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
} 
@keyframes fadeInLeft { 
    0% { 
        opacity: 0; 
        transform: translateX(-400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
} 
.fadeInLeft{ 
    opacity: 0; 
    -webkit-transform: translateX(-400px); 
    transform: translateX(-400px);
}
.fadeInLeft.go { 
    -webkit-animation-name: fadeInLeft; 
    animation-name: fadeInLeft; 
}


/*************
* FadeInRight *
*************/

@-webkit-keyframes fadeInRight { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
} 
@keyframes fadeInRight { 
    0% { 
        opacity: 0; 
        transform: translateX(400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
} 
.fadeInRight{ 
    opacity: 0; 
    -webkit-transform: translateX(400px); 
    transform: translateX(400px);
}
.fadeInRight.go { 
    -webkit-animation-name: fadeInRight; 
    animation-name: fadeInRight; 
}

/*************
* FadeInUp *
*************/

@-webkit-keyframes fadeInUp { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 
@keyframes fadeInUp { 
    0% { 
        opacity: 0; 
        transform: translateY(400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 
.fadeInUp{ 
    opacity: 0; 
    -webkit-transform: translateY(400px); 
    transform: translateY(400px);
}
.fadeInUp.go { 
    -webkit-animation-name: fadeInUp; 
    animation-name: fadeInUp; 
}

/*************
* FadeInDown *
*************/

@-webkit-keyframes fadeInDown { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(-400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 
@keyframes fadeInDown { 
    0% { 
        opacity: 0; 
        transform: translateY(-400px); 
    } 
    50%{
       opacity: 0.3; 
    }
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 
.fadeInDown{ 
    opacity: 0; 
    -webkit-transform: translateY(-400px); 
    transform: translateY(-400px);
}
.fadeInDown.go { 
    -webkit-animation-name: fadeInDown; 
    animation-name: fadeInDown; 
}

/*****************
* rotateIn *
*****************/
@-webkit-keyframes rotateIn { 
    0% { 
        -webkit-transform-origin: center center; 
        -webkit-transform: rotate(-200deg); 
        opacity: 0; 
    } 
    100% { 
        -webkit-transform-origin: center center; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
} 
@keyframes rotateIn { 
    0% { 
        transform-origin: center center; 
        transform: rotate(-200deg); 
        opacity: 0; 
    } 
    100% { 
        transform-origin: center center; 
        transform: rotate(0); 
        opacity: 1; 
    } 
} 
.rotateIn.go { 
    -webkit-animation-name: rotateIn; 
    animation-name: rotateIn; 
}

/*****************
* rotateInUpLeft *
*****************/

@-webkit-keyframes rotateInUpLeft { 
    0% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(90deg); 
        opacity: 0; 
    } 
    100% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
} 
@keyframes rotateInUpLeft { 
    0% { 
        transform-origin: left bottom; 
        transform: rotate(90deg); 
        opacity: 0; 
    } 
    100% { 
        transform-origin: left bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
} 
.rotateInUpLeft.go { 
    -webkit-animation-name: rotateInUpLeft; 
    animation-name: rotateInUpLeft; 
}

/*******************
* rotateInDownLeft *
*******************/
@-webkit-keyframes rotateInDownLeft { 
    0% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(-90deg); 
        opacity: 0; 
    } 
    100% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
} 
@keyframes rotateInDownLeft { 
    0% { 
        transform-origin: left bottom; 
        transform: rotate(-90deg); 
        opacity: 0; 
    } 
    100% { 
        transform-origin: left bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
} 
.rotateInDownLeft.go { 
    -webkit-animation-name: rotateInDownLeft; 
    animation-name: rotateInDownLeft; 
}

/******************
* rotateInUpRight *
*******************/

@-webkit-keyframes rotateInUpRight { 
    0% { 
        -webkit-transform-origin: right bottom; 
        -webkit-transform: rotate(-90deg); 
        opacity: 0; 
    } 
    100% { 
        -webkit-transform-origin: right bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
} 
@keyframes rotateInUpRight { 
    0% { 
        transform-origin: right bottom; 
        transform: rotate(-90deg); 
        opacity: 0; 
    } 
    100% { 
        transform-origin: right bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
} 
.rotateInUpRight.go { 
    -webkit-animation-name: rotateInUpRight; 
    animation-name: rotateInUpRight; 
}

/********************
* rotateInDownRight *
********************/

@-webkit-keyframes rotateInDownRight { 
    0% { 
        -webkit-transform-origin: right bottom; 
        -webkit-transform: rotate(90deg); 
        opacity: 0; 
    } 
    100% { 
        -webkit-transform-origin: right bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
} 
@keyframes rotateInDownRight { 
    0% { 
        transform-origin: right bottom; 
        transform: rotate(90deg); 
        opacity: 0; 
    } 
    100% { 
        transform-origin: right bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
} 
.rotateInDownRight.go { 
    -webkit-animation-name: rotateInDownRight; 
    animation-name: rotateInDownRight; 
}

/*********
* rollIn *
**********/

@-webkit-keyframes rollIn { 
    0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 
    100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 
} 
@keyframes rollIn { 
    0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 
    100% { opacity: 1; transform: translateX(0px) rotate(0deg); } 
} 
.rollIn.go { 
    -webkit-animation-name: rollIn; 
    animation-name: rollIn; 
}

/*********
* wiggle *
**********/

@-webkit-keyframes wiggle { 
    0% { -webkit-transform: skewX(9deg); } 
    10% { -webkit-transform: skewX(-8deg); } 
    20% { -webkit-transform: skewX(7deg); } 
    30% { -webkit-transform: skewX(-6deg); } 
    40% { -webkit-transform: skewX(5deg); } 
    50% { -webkit-transform: skewX(-4deg); } 
    60% { -webkit-transform: skewX(3deg); } 
    70% { -webkit-transform: skewX(-2deg); } 
    80% { -webkit-transform: skewX(1deg); } 
    90% { -webkit-transform: skewX(0deg); } 
    100% { -webkit-transform: skewX(0deg); } 
} 
@keyframes wiggle { 
    0% { transform: skewX(9deg); } 
    10% { transform: skewX(-8deg); } 
    20% { transform: skewX(7deg); } 
    30% { transform: skewX(-6deg); } 
    40% { transform: skewX(5deg); } 
    50% { transform: skewX(-4deg); } 
    60% { transform: skewX(3deg); } 
    70% { transform: skewX(-2deg); } 
    80% { transform: skewX(1deg); } 
    90% { transform: skewX(0deg); } 
    100% { transform: skewX(0deg); } 
} 
.wiggle.go { 
    -webkit-animation-name: wiggle; 
    animation-name: wiggle; 
    -webkit-animation-timing-function: ease-in; 
    animation-timing-function: ease-in; 
} 

/********
* swing *
*********/

@-webkit-keyframes swing { 
    20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 
    20% { -webkit-transform: rotate(15deg); } 
    40% { -webkit-transform: rotate(-10deg); } 
    60% { -webkit-transform: rotate(5deg); } 
    80% { -webkit-transform: rotate(-5deg); } 
    100% { -webkit-transform: rotate(0deg); } 
} 
@keyframes swing { 
    20% { transform: rotate(15deg); } 
    40% { transform: rotate(-10deg); } 
    60% { transform: rotate(5deg); } 
    80% { transform: rotate(-5deg); } 
    100% { transform: rotate(0deg); } 
} 
.swing.go { 
    -webkit-transform-origin: top center; 
    transform-origin: top center; 
    -webkit-animation-name: swing; 
    animation-name: swing; 
}

/*******
* tada *
********/

@-webkit-keyframes tada { 
    0% {-webkit-transform: scale(1);} 
    10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} 
    30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} 
    40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} 
    100% {-webkit-transform: scale(1) rotate(0);} 
} 
@keyframes tada { 
    0% {transform: scale(1);} 
    10%, 20% {transform: scale(0.9) rotate(-3deg);} 
    30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} 
    40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} 
    100% {transform: scale(1) rotate(0);} 
} 
.tada.go { 
    -webkit-animation-name: tada; 
    animation-name: tada; 
}

/*********
* wobble *
**********/

@-webkit-keyframes wobble { 
  0% { -webkit-transform: translateX(0%); } 
  15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 
  30% { -webkit-transform: translateX(20%) rotate(3deg); } 
  45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 
  60% { -webkit-transform: translateX(10%) rotate(2deg); } 
  75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 
  100% { -webkit-transform: translateX(0%); } 
} 
@keyframes wobble { 
  0% { transform: translateX(0%); } 
  15% { transform: translateX(-25%) rotate(-5deg); } 
  30% { transform: translateX(20%) rotate(3deg); } 
  45% { transform: translateX(-15%) rotate(-3deg); } 
  60% { transform: translateX(10%) rotate(2deg); } 
  75% { transform: translateX(-5%) rotate(-1deg); } 
  100% { transform: translateX(0%); } 
} 
.wobble.go { 
    -webkit-animation-name: wobble; 
    animation-name: wobble; 
}

/********
* pulse *
*********/

@-webkit-keyframes pulse { 
    0% { -webkit-transform: scale(1); } 
    50% { -webkit-transform: scale(1.1); } 
    100% { -webkit-transform: scale(1); } 
} 
@keyframes pulse { 
    0% { transform: scale(1); } 
    50% { transform: scale(1.1); } 
    100% { transform: scale(1); } 
} 
.pulse.go { 
    -webkit-animation-name: pulse; 
    animation-name: pulse; 
}

/***************
* lightSpeedInRight *
****************/
@-webkit-keyframes lightSpeedInRight { 
   0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 
    60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 
    80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 
    100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
@keyframes lightSpeedInRight { 
    0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 
    60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 
    80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 
    100% { transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
.lightSpeedInRight.go { 
    -webkit-animation-name: lightSpeedInRight; 
    animation-name: lightSpeedInRight; 
    -webkit-animation-timing-function: ease-out; 
    animation-timing-function: ease-out; 
} 

/***************
* lightSpeedInLeft *
****************/
@-webkit-keyframes lightSpeedInLeft { 
   0% { -webkit-transform: translateX(-100%) skewX(30deg); opacity: 0; } 
    60% { -webkit-transform: translateX(20%) skewX(-30deg); opacity: 1; } 
    80% { -webkit-transform: translateX(0%) skewX(15deg); opacity: 1; } 
    100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
@keyframes lightSpeedInLeft { 
    0% { transform: translateX(-100%) skewX(30deg); opacity: 0; } 
    60% { transform: translateX(20%) skewX(-30deg); opacity: 1; } 
    80% { transform: translateX(0%) skewX(15deg); opacity: 1; } 
    100% { transform: translateX(0%) skewX(0deg); opacity: 1; } 
} 
.lightSpeedInLeft.go { 
    -webkit-animation-name: lightSpeedInLeft; 
    animation-name: lightSpeedInLeft; 
    -webkit-animation-timing-function: ease-out; 
    animation-timing-function: ease-out; 
} 


/*******
* Flip *
*******/
@-webkit-keyframes flip { 
    0% { 
        -webkit-transform: perspective(400px) rotateY(0); 
        -webkit-animation-timing-function: ease-out; 
    } 
    40% { 
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); 
        -webkit-animation-timing-function: ease-out; 
    } 
    50% { 
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); 
        -webkit-animation-timing-function: ease-in; 
    } 
    80% { 
        -webkit-transform: perspective(400px) rotateY(360deg) scale(.95); 
        -webkit-animation-timing-function: ease-in; 
    } 
    100% { 
        -webkit-transform: perspective(400px) scale(1); 
        -webkit-animation-timing-function: ease-in; 
    } 
}
@keyframes flip { 
    0% { 
        transform: perspective(400px) rotateY(0); 
        animation-timing-function: ease-out; 
    } 
    40% { 
        transform: perspective(400px) translateZ(150px) rotateY(170deg); 
        animation-timing-function: ease-out; 
    } 
    50% { 
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); 
        animation-timing-function: ease-in; 
    } 
    80% { 
        transform: perspective(400px) rotateY(360deg) scale(.95); 
        animation-timing-function: ease-in; 
    } 
    100% { 
        transform: perspective(400px) scale(1); 
        animation-timing-function: ease-in; 
    } 
} 
.flip.go { 
    -webkit-backface-visibility: visible !important; 
    -webkit-animation-name: flip; 
    backface-visibility: visible !important; 
    animation-name: flip; 
}

/**********
* flipInX *
**********/
@-webkit-keyframes flipInX { 
    0% { 
        -webkit-transform: perspective(400px) rotateX(90deg); 
        opacity: 0; 
    } 
    40% { 
        -webkit-transform: perspective(400px) rotateX(-10deg); 
    } 
    70% { 
        -webkit-transform: perspective(400px) rotateX(10deg); 
    } 
    100% { 
        -webkit-transform: perspective(400px) rotateX(0deg); 
        opacity: 1; 
    } 
} 
@keyframes flipInX { 
    0% { 
        transform: perspective(400px) rotateX(90deg); 
        opacity: 0; 
    } 
    40% { 
        transform: perspective(400px) rotateX(-10deg); 
    } 
    70% { 
        transform: perspective(400px) rotateX(10deg); 
    } 
    100% { 
        transform: perspective(400px) rotateX(0deg); 
        opacity: 1; 
    } 
} 
.flipInX.go { 
    -webkit-backface-visibility: visible !important; 
    -webkit-animation-name: flipInX; 
    backface-visibility: visible !important; 
    animation-name: flipInX; 
}

/**********
* flipInY *
**********/

@-webkit-keyframes flipInY { 
    0% { 
        -webkit-transform: perspective(400px) rotateY(90deg); 
        opacity: 0; 
    } 
    40% { 
        -webkit-transform: perspective(400px) rotateY(-10deg); 
    } 
    70% { 
        -webkit-transform: perspective(400px) rotateY(10deg); 
    } 
    100% { 
        -webkit-transform: perspective(400px) rotateY(0deg); 
        opacity: 1; 
    } 
} 
@keyframes flipInY { 
    0% { 
        transform: perspective(400px) rotateY(90deg); 
        opacity: 0; 
    } 
    40% { 
        transform: perspective(400px) rotateY(-10deg); 
    } 
    70% { 
        transform: perspective(400px) rotateY(10deg); 
    } 
    100% { 
        transform: perspective(400px) rotateY(0deg); 
        opacity: 1; 
    } 
} 
.flipInY.go { 
    -webkit-backface-visibility: visible !important; 
    -webkit-animation-name: flipInY; 
    backface-visibility: visible !important; 
    animation-name: flipInY; 
}

/*****************
* Out animations *
*****************/


/************
* bounceOut *
*************/
@-webkit-keyframes bounceOut { 
    0% { 
        -webkit-transform: scale(1); 
    } 
    25% { 
        -webkit-transform: scale(.95); 
    } 
    50% { 
        opacity: 1; 
        -webkit-transform: scale(1.1); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: scale(.3); 
    } 
} 
@keyframes bounceOut { 
    0% { 
        transform: scale(1); 
    } 
    25% { 
        transform: scale(.95); 
    } 
    50% { 
        opacity: 1; 
        transform: scale(1.1); 
    } 
    100% { 
        opacity: 0; 
        transform: scale(.3); 
    } 
} 
.bounceOut.goAway { 
    -webkit-animation-name: bounceOut; 
    animation-name: bounceOut; 
}

/************
* bounceOutUp *
*************/
@-webkit-keyframes bounceOutUp { 
    0% { 
        -webkit-transform: translateY(0); 
    } 
    20% { 
        opacity: 1; 
        -webkit-transform: translateY(20px); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateY(-2000px); 
    } 
} 
@keyframes bounceOutUp { 
    0% { 
        transform: translateY(0); 
    } 
    20% { 
        opacity: 1; 
        transform: translateY(20px); 
    } 
    100% { 
        opacity: 0; 
        transform: translateY(-2000px); 
    } 
} 
.bounceOutUp.goAway { 
    -webkit-animation-name: bounceOutUp; 
    animation-name: bounceOutUp; 
}

/************
* bounceOutDown *
*************/
@-webkit-keyframes bounceOutDown { 
    0% { 
        -webkit-transform: translateY(0); 
    } 
    20% { 
        opacity: 1; 
        -webkit-transform: translateY(-20px); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateY(2000px); 
    } 
} 
@keyframes bounceOutDown { 
    0% { 
        transform: translateY(0); 
    } 
    20% { 
        opacity: 1; 
        transform: translateY(-20px); 
    } 
    100% { 
        opacity: 0; 
        transform: translateY(2000px); 
    } 
} 
.bounceOutDown.goAway { 
    -webkit-animation-name: bounceOutDown; 
    animation-name: bounceOutDown; 
}


/************
* bounceOutLeft *
*************/
@-webkit-keyframes bounceOutLeft { 
    0% { 
        -webkit-transform: translateX(0); 
    } 
    20% { 
        opacity: 1; 
        -webkit-transform: translateX(20px); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateX(-2000px); 
    } 
} 
@keyframes bounceOutLeft { 
    0% { 
        transform: translateX(0); 
    } 
    20% { 
        opacity: 1; 
        transform: translateX(20px); 
    } 
    100% { 
        opacity: 0; 
        transform: translateX(-2000px); 
    } 
} 
.bounceOutLeft.goAway { 
    -webkit-animation-name: bounceOutLeft; 
    animation-name: bounceOutLeft; 
}

/************
* bounceOutRight *
*************/
@-webkit-keyframes bounceOutRight { 
    0% { 
        -webkit-transform: translateX(0); 
    } 
    20% { 
        opacity: 1; 
        -webkit-transform: translateX(-20px); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateX(2000px); 
    } 
} 
@keyframes bounceOutRight { 
    0% { 
        transform: translateX(0); 
    } 
    20% { 
        opacity: 1; 
        transform: translateX(-20px); 
    } 
    100% { 
        opacity: 0; 
        transform: translateX(2000px); 
    } 
} 
.bounceOutRight.goAway { 
    -webkit-animation-name: bounceOutRight; 
    animation-name: bounceOutRight; 
}

/************
* fadeOut *
*************/
@-webkit-keyframes fadeOut { 
    0% {opacity: 1;} 
    100% {opacity: 0;} 
} 
@keyframes fadeOut { 
    0% {opacity: 1;} 
    100% {opacity: 0;} 
} 
.fadeOut.goAway { 
    -webkit-animation-name: fadeOut; 
    animation-name: fadeOut; 
}

/************
* fadeOutUp *
*************/
@-webkit-keyframes fadeOutUp { 
    0% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateY(-2000px); 
    } 
} 
@keyframes fadeOutUp { 
    0% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
    100% { 
        opacity: 0; 
        transform: translateY(-2000px); 
    } 
} 
.fadeOutUp.goAway { 
    -webkit-animation-name: fadeOutUp; 
    animation-name: fadeOutUp; 
}

/************
* fadeOutDown *
*************/
@-webkit-keyframes fadeOutDown { 
    0% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateY(2000px); 
    } 
} 
@keyframes fadeOutDown { 
    0% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
    100% { 
        opacity: 0; 
        transform: translateY(2000px); 
    } 
} 
.fadeOutDown.goAway { 
    -webkit-animation-name: fadeOutDown; 
    animation-name: fadeOutDown; 
}

/************
* fadeOutLeft *
*************/
@-webkit-keyframes fadeOutLeft { 
    0% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateX(-2000px); 
    } 
} 
@keyframes fadeOutLeft { 
    0% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
    100% { 
        opacity: 0; 
        transform: translateX(-2000px); 
    } 
} 
.fadeOutLeft.goAway { 
    -webkit-animation-name: fadeOutLeft; 
    animation-name: fadeOutLeft; 
}

/************
* fadeOutRight *
*************/
@-webkit-keyframes fadeOutRight { 
    0% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateX(2000px); 
    } 
} 
@keyframes fadeOutRight { 
    0% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
    100% { 
        opacity: 0; 
        transform: translateX(2000px); 
    } 
} 
.fadeOutRight.goAway { 
    -webkit-animation-name: fadeOutRight; 
    animation-name: fadeOutRight; 
}
/************
* flipOutX *
*************/
@-webkit-keyframes flipOutX { 
    0% { 
        -webkit-transform: perspective(400px) rotateX(0deg); 
        opacity: 1; 
    } 
    100% { 
        -webkit-transform: perspective(400px) rotateX(90deg); 
        opacity: 0; 
    } 
} 
@keyframes flipOutX { 
    0% { 
        transform: perspective(400px) rotateX(0deg); 
        opacity: 1; 
    } 
    100% { 
        transform: perspective(400px) rotateX(90deg); 
        opacity: 0; 
    } 
} 
.flipOutX.goAway { 
    -webkit-animation-name: flipOutX; 
    -webkit-backface-visibility: visible !important; 
    animation-name: flipOutX; 
    backface-visibility: visible !important; 
}

/************
* flipOutY *
*************/
@-webkit-keyframes flipOutY { 
    0% { 
        -webkit-transform: perspective(400px) rotateY(0deg); 
        opacity: 1; 
    } 
    100% { 
        -webkit-transform: perspective(400px) rotateY(90deg); 
        opacity: 0; 
    } 
} 
@keyframes flipOutY { 
    0% { 
        transform: perspective(400px) rotateY(0deg); 
        opacity: 1; 
    } 
    100% { 
        transform: perspective(400px) rotateY(90deg); 
        opacity: 0; 
    } 
} 
.flipOutY { 
    -webkit-backface-visibility: visible !important; 
    -webkit-animation-name: flipOutY; 
    backface-visibility: visible !important; 
    animation-name: flipOutY; 
}

/************
* lightSpeedOutRight *
*************/
@-webkit-keyframes lightSpeedOutRight { 
    0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 
    100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 
} 
@keyframes lightSpeedOutRight { 
    0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 
    100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 
} 
.lightSpeedOutRight.goAway { 
    -webkit-animation-name: lightSpeedOutRight; 
    animation-name: lightSpeedOutRight; 
    -webkit-animation-timing-function: ease-in; 
    animation-timing-function: ease-in; 
} 


/************
* lightSpeedOutLeft *
*************/
@-webkit-keyframes lightSpeedOutLeft { 
    0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 
    100% { -webkit-transform: translateX(-100%) skewX(30deg); opacity: 0; } 
} 
@keyframes lightSpeedOutLeft { 
    0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 
    100% { transform: translateX(-100%) skewX(30deg); opacity: 0; } 
} 
.lightSpeedOutLeft.goAway { 
    -webkit-animation-name: lightSpeedOutLeft; 
    animation-name: lightSpeedOutLeft; 
    -webkit-animation-timing-function: ease-in; 
    animation-timing-function: ease-in; 

} 

/************
* rotateOut *
*************/
@-webkit-keyframes rotateOut { 
    0% { 
        -webkit-transform-origin: center center; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        -webkit-transform-origin: center center; 
        -webkit-transform: rotate(200deg); 
        opacity: 0; 
    } 
} 
@keyframes rotateOut { 
    0% { 
        transform-origin: center center; 
        transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        transform-origin: center center; 
        transform: rotate(200deg); 
        opacity: 0; 
    } 
} 
.rotateOut.goAway { 
    -webkit-animation-name: rotateOut; 
    animation-name: rotateOut; 
}


/************
* rotateOutUpLeft *
*************/
@-webkit-keyframes rotateOutUpLeft { 
    0% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(-90deg); 
        opacity: 0; 
    } 
} 
@keyframes rotateOutUpLeft { 
    0% { 
        transform-origin: left bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        -transform-origin: left bottom; 
        -transform: rotate(-90deg); 
        opacity: 0; 
    } 
} 
.rotateOutUpLeft.goAway { 
    -webkit-animation-name: rotateOutUpLeft; 
    animation-name: rotateOutUpLeft; 
}

/************
* rotateOutDownLeft *
*************/

@-webkit-keyframes rotateOutDownLeft { 
    0% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        -webkit-transform-origin: left bottom; 
        -webkit-transform: rotate(90deg); 
        opacity: 0; 
    } 
} 
@keyframes rotateOutDownLeft { 
    0% { 
        transform-origin: left bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        transform-origin: left bottom; 
        transform: rotate(90deg); 
        opacity: 0; 
    } 
} 
.rotateOutDownLeft.goAway { 
    -webkit-animation-name: rotateOutDownLeft; 
    animation-name: rotateOutDownLeft; 
}
/************
* rotateOutUpRight *
*************/

@-webkit-keyframes rotateOutUpRight { 
    0% { 
        -webkit-transform-origin: right bottom; 
        -webkit-transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        -webkit-transform-origin: right bottom; 
        -webkit-transform: rotate(90deg); 
        opacity: 0; 
    } 
} 
@keyframes rotateOutUpRight { 
    0% { 
        transform-origin: right bottom; 
        transform: rotate(0); 
        opacity: 1; 
    } 
    100% { 
        transform-origin: right bottom; 
        transform: rotate(90deg); 
        opacity: 0; 
    } 
} 
.rotateOutUpRight.goAway { 
    -webkit-animation-name: rotateOutUpRight; 
    animation-name: rotateOutUpRight; 
}

/************
* rollOut *
*************/
@-webkit-keyframes rollOut { 
    0% { 
        opacity: 1; 
        -webkit-transform: translateX(0px) rotate(0deg); 
    } 
    100% { 
        opacity: 0; 
        -webkit-transform: translateX(100%) rotate(120deg); 
    } 
} 
@keyframes rollOut { 
    0% { 
        opacity: 1; 
        transform: translateX(0px) rotate(0deg); 
    } 
    100% { 
        opacity: 0; 
        transform: translateX(100%) rotate(120deg); 
    } 
} 
.rollOut.goAway { 
    -webkit-animation-name: rollOut; 
    animation-name: rollOut; 
}
/*****************
* Short Animations
*******************/

/*********************
* fadeInUpShort
*********************/
@-webkit-keyframes fadeInUpShort { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(20px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes fadeInUpShort { 
    0% { 
        opacity: 0; 
        transform: translateY(20px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 
.fadeInUpShort{
    opacity: 0; 
    -webkit-transform: translateY(20px); 
    transform: translateY(20px); 
}
.fadeInUpShort.go { 
    -webkit-animation-name: fadeInUpShort; 
    animation-name: fadeInUpShort; 
}

/*********************
* fadeInDownShort
*********************/
@-webkit-keyframes fadeInDownShort { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(-20px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes fadeInDownShort { 
    0% { 
        opacity: 0; 
        transform: translateY(-20px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 
.fadeInDownShort{
    opacity: 0; 
    -webkit-transform: translateY(-20px); 
    transform: translateY(-20px); 
}
.fadeInDownShort.go { 
    -webkit-animation-name: fadeInDownShort; 
    animation-name: fadeInDownShort; 
}

/*********************
* fadeInRightShort 
*********************/
@-webkit-keyframes fadeInRightShort { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(20px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
} 
@keyframes fadeInRightShort { 
    0% { 
        opacity: 0; 
        transform: translateX(20px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
} 
.fadeInRightShort { 
    opacity: 0; 
    -webkit-transform: translateX(20px);  
    transform: translateX(20px); 
}
.fadeInRightShort.go { 
    -webkit-animation-name: fadeInRightShort; 
    animation-name: fadeInRightShort; 
}

/*********************
* fadeInLeftShort 
*********************/
@-webkit-keyframes fadeInLeftShort { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(-20px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
} 
@keyframes fadeInLeftShort { 
    0% { 
        opacity: 0; 
        transform: translateX(-20px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
} 
.fadeInLeftShort { 
    opacity: 0; 
    -webkit-transform: translateX(-20px);  
    transform: translateX(-20px); 
}
.fadeInLeftShort.go { 
    -webkit-animation-name: fadeInLeftShort; 
    animation-name: fadeInLeftShort; 
}
body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
  outline: none;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;

  /* Image border */
  border: 4px solid white;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;

  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../../../media/local/img/misc/lightbox-images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../../../media/local/img/misc/lightbox-images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../../../media/local/img/misc/lightbox-images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  /*font-size: 13px;*/
  /*font-size:1.25rem;*/
  font-size : 1rem ;
  font-weight: bold;
  /*line-height: 1em;*/
  /*line-height:1.5rem;*/
  line-height : 1.25rem ;
  padding-bottom:5px;
  display:block;
  font-weight : 700 ;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  /*font-size: 12px;*/
  font-size:.875rem;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../../../media/local/img/misc/lightbox-images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* Slider */
.slick-loading .slick-list{background:#fff url('../img/misc/slick/ajax-loader.gif') center center no-repeat;}

/* Icons */
@font-face{
    font-family:'slick';
    font-weight:normal;
    font-style:normal;
    src:url('third_party_styles/fonts/slick.eot');
    src:url('third_party_styles/fonts/slick.eot?#iefix') format('embedded-opentype'),url('third_party_styles/fonts/slick.woff') format('woff'),url('third_party_styles/fonts/slick.ttf') format('truetype'),url('third_party_styles/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next{
    background:transparent;
    border:none;
    color:transparent;
    cursor:pointer;
    display:block;
    font-size:0;
    height:30px;
    line-height:0;
    margin-top:-15px;
    outline:none;
    padding:0;
    position:absolute;
    top:50%;
    width:30px;
}

	.slick-prev:hover,
	.slick-prev:focus,
	.slick-next:hover,
	.slick-next:focus{
		background:transparent;
		color:transparent;
		outline:none;
	}

		.slick-prev:hover:before,
		.slick-prev:focus:before,
		.slick-next:hover:before,
		.slick-next:focus:before{opacity:1;}

			.slick-prev.slick-disabled:before,
			.slick-next.slick-disabled:before{opacity:.25;}

	.slick-prev:before,
	.slick-next:before{
		-moz-osx-font-smoothing:grayscale;
		-webkit-font-smoothing:antialiased;
		/*color:#cdd6dd;*/
		/*color:#e02820;*/
		color:#01376a;
		font-family:'slick';
		font-size:30px;
		line-height:1;
		opacity:.75;
	}

.slick-prev{
    /*left:-30px;*/
    left:-40px;
}

[dir='rtl'] .slick-prev{
    left:auto;
    /*right:-30px;*/
    right:-40px;
}

	.slick-prev:before{content:'←';}

[dir='rtl'] .slick-prev:before{content:'→';}

.slick-next{
    /*right:-30px;*/
    right:-40px;
}

[dir='rtl'] .slick-next{
    /*left:-30px;*/
    left:-40px;
    right:auto;
}

	.slick-next:before{content:'→';}

[dir='rtl'] .slick-next:before{content:'←';}

/* Dots */
.slick-slider{margin-bottom:30px;}

.slick-dots{
    /*bottom:-45px;*/
    display:block;
    list-style:none;
    padding:0;
    position:absolute;
    text-align:center;
    width:100%;
}

	.slick-dots li{
		cursor:pointer;
		display:inline-block;
		height:20px;
		margin:0 5px;
		padding:0;
		position:relative;
		width:20px;
	}

.slick-dots li button{
    background:transparent;
    border:0;
    color:transparent;
    cursor:pointer;
    display:block;
    font-size:0;
    height:20px;
    line-height:0;
    outline:none;
    padding:5px;
    width:20px;
}

.slick-dots li button:hover,
.slick-dots li button:focus{outline:none;}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before{opacity:1;}

.slick-dots li button:before{
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    /*color:#e02820;*/
    color:#01376a;
    content:'•';
    font-family:'slick';
    font-size:6px;
    height:20px;
    left:0;
    line-height:20px;
    opacity:.25;
    position:absolute;
    text-align:center;
    top:0;
    width:20px;
}

.slick-dots li.slick-active button:before{
    /*color:#e02820;*/
    color:#01376a;
    opacity:.75;
}/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}:root{
	/* colors */
	--brand-primary-color:#0053b2;
	--brand-secondary-color:#e02820;
	--brand-text-color:#000;
	--brand-alternate-text-color:#4f4e4e; /* !!! */
	--brand-light-background-color:#cfd8dc; /* !!! */
	--brand-dark-background-color:#01376a;
	--brand-border-color:#d7dde5; /* !!! */
	/*--brand-error-background-color:#333;*/
	/*--brand-error-color:#333;*/
	/*--brand-success-background-color:#333;*/
	/*--brand-success-color:#333;*/
	/*--brand-info-background-color:#e3cfa3;*/
	/*--brand-info-color:#825020;*/
	--base-color-white:#fff;
	/* paddings */
	--brand-padding-1:5px;
	--brand-padding-2:10px;
	--brand-padding-3:20px;
	--brand-padding-4:40px;
	--brand-padding-5:60px;
	/**/
	/*--brand-transition-animation:all ease 300ms;*/
	--brand-border-radius:5px;
}

::selection{
	background-color:var(--brand-primary-color);
	color:#fff;
}

::-moz-selection{
	background-color:var(--brand-primary-color);
	color:#fff;
}.mbd--hoh-images > div
{
	display : none ;
	padding-top : var( --brand-padding-3 ) ;
}

	.mbd--hoh-images  > div.state-active
	{
		display : block !important ;
	}

		.mbd--hoh-images .portrait .is-col-box
		{
			padding : 0 var( --brand-padding-2 ) ;
		}

		.mbd--hoh-images div img
		{
			max-width : 100% ;
			width : auto ;
		}

/*
Példa:
<div class="mbd--hoh-images">
	<div class="landscape">
		<p>
			<a href="img/hirek-rendezvenyek/2021/a-malompark-bevasarlokozpont-unnepi-nyitvatartasa-2021-1023-mp-1-landscape.jpg" title="Tekintse meg a Malompark Bevásárlóközpont ünnepi nyitvatartását!" data-lightbox="mbd_hoh_images" data-title="Tekintse meg a Malompark Bevásárlóközpont ünnepi nyitvatartását!">
				<img src="img/hirek-rendezvenyek/2021/a-malompark-bevasarlokozpont-unnepi-nyitvatartasa-2021-1023-mp-1-landscape.jpg" alt="Tekintse meg a Malompark Bevásárlóközpont ünnepi nyitvatartását!" />
			</a>
		</p>
		<p>
			<a href="img/hirek-rendezvenyek/2021/a-malompark-bevasarlokozpont-unnepi-nyitvatartasa-2021-1023-mp-2-landscape.jpg" title="Tekintse meg a Malompark Bevásárlóközpont ünnepi nyitvatartását!" data-lightbox="mbd_hoh_images" data-title="Tekintse meg a Malompark Bevásárlóközpont ünnepi nyitvatartását!">
				<img src="img/hirek-rendezvenyek/2021/a-malompark-bevasarlokozpont-unnepi-nyitvatartasa-2021-1023-mp-2-landscape.jpg" alt="Tekintse meg a Malompark Bevásárlóközpont ünnepi nyitvatartását!" />
			</a>
		</p>
	</div>
	<div class="portrait">
		<div class="is-col-2">
			<div class="is-col-box">
				<p>
					<a href="img/hirek-rendezvenyek/2021/a-malompark-bevasarlokozpont-unnepi-nyitvatartasa-2021-1023-mp-1-portrait.jpg" title="Tekintse meg a Malompark Bevásárlóközpont ünnepi nyitvatartását!" data-lightbox="mbd_hoh_images" data-title="Tekintse meg a Malompark Bevásárlóközpont ünnepi nyitvatartását!">
						<img src="img/hirek-rendezvenyek/2021/a-malompark-bevasarlokozpont-unnepi-nyitvatartasa-2021-1023-mp-1-portrait.jpg" alt="Tekintse meg a Malompark Bevásárlóközpont ünnepi nyitvatartását!" />
					</a>
				</p>
			</div>
			<div class="is-col-box">
				<p>
					<a href="img/hirek-rendezvenyek/2021/a-malompark-bevasarlokozpont-unnepi-nyitvatartasa-2021-1023-mp-2-portrait.jpg" title="Tekintse meg a Malompark Bevásárlóközpont ünnepi nyitvatartását!" data-lightbox="mbd_hoh_images" data-title="Tekintse meg a Malompark Bevásárlóközpont ünnepi nyitvatartását!">
						<img src="img/hirek-rendezvenyek/2021/a-malompark-bevasarlokozpont-unnepi-nyitvatartasa-2021-1023-mp-2-portrait.jpg" alt="Tekintse meg a Malompark Bevásárlóközpont ünnepi nyitvatartását!" />
					</a>
				</p>
			</div>
		</div>
	</div>
</div>
*/@media all and (max-width:800px){
	body .custom-page-wrapper{
		padding:0;
	}

		body .malompark-survey-form-wrapper{
			margin:0 auto;
			width:100%;
		}
}

/* custom page wrapper */
.custom-page-wrapper{
	background-color:#0053b2;
	counter-reset:section;
	padding:0 0 30px 0;
	/*min-width:770px;*/
	min-width:320px;
}

	/* malompark survey form wrapper */
	.malompark-survey-form-wrapper{
		background-color:#fff;
		box-shadow:0 0 18px rgba(0,0,0,.5);
		margin:0 auto;
		/*max-width:650px;*/
		max-width:800px;
		width:80%;
	}

		/* malompark survey header */
		.malompark-survey-header{width:100%;}

			.malompark-survey-header img{width:100%;}

		/* malompark survey content */
		.malompark-survey-content{padding:3% 5%;}

			.malompark-survey-content h1{
				color:#0053b2;
				line-height:130%;
				text-align:center;
				text-transform:uppercase;
			}
			
			.custom-page-subtitle{
				text-align:center;
				font-weight:bold;
				font-size:110%;
			}
			
			.survey-info-box{color:#0053b2;}
			
			.custom-page-info-box{
				color:#0053b2;
				text-align:center;
				font-weight:bold;
				font-size:140%;
				text-transform:uppercase;
				padding-top:30px;
			}

			span.section-title{
				display:block;
				font-size:110%;
				font-weight:bold;
				padding:0 0 4px 0;
			}

				span.section-title:before {
					content:counter(section) ". ";
					counter-increment:section;
				}

			span.subsection-title{
				display:block;
				font-weight:bold;
				padding:0 0 2px 0;
			}

			/* form and form elements */
			form#malompark_survey_form{max-width:none;}

				form#malompark_survey_form>div{margin:0 0 18px 0;}

			#malompark_survey_form input[type="text"],
			#malompark_survey_form textarea{
				background-color:#f4f4f4;
				border-color:#cdd6dd;
				padding:2%;
				transition:all ease 0.4s;
			}
			
			#malompark_survey_form input.small-input{width:50%;}

			#malompark_survey_form textarea{
				background-color:#f4f4f4;
				height:45px;
				margin:4px 0 0 0;
				overflow:auto;
			}

				#malompark_survey_form input[type="text"]:focus,
				#malompark_survey_form textarea:focus{background-color:rgba(0,83,178,.15);}

				#malompark_survey_form textarea.has-content,
				#malompark_survey_form textarea:focus{height:110px;}

			@media screen and (min-width:640px) {
				/* http://code.stephenmorley.org/html-and-css/styling-checkboxes-and-radio-buttons/ */
				#malompark_survey_form input[type="checkbox"],
				#malompark_survey_form input[type="radio"]{

					/*zoom: 1.1;*/
					-webkit-appearance: none;
				}
				#malompark_survey_form input[type="checkbox"]:not(old),
				#malompark_survey_form input[type="radio"]:not(old){
					margin:0;
					opacity:0;
					padding:0;
					width:28px;
				}

				/*#malompark_survey_form input[type="checkbox"]:hover,
				#malompark_survey_form input[type="radio"]:hover{cursor:pointer;}*/

				#malompark_survey_form input[type="checkbox"]:not(old)+label,
				#malompark_survey_form input[type="radio"]:not(old)+label{
					background:url('../img/misc/checks.png') no-repeat 0 0;
					display:inline-block;
					line-height:24px;
					margin-left:-35px;
					padding-left:28px;
				}

					/*#malompark_survey_form input[type="checkbox"]:not(old):checked+label{background-position:0 -24px;}*/
					#malompark_survey_form input[type="checkbox"]:checked+label{background-position:0 -24px;}

					/*#malompark_survey_form input[type="radio"]:not(old):checked+label{background-position:0 -48px;}*/
					#malompark_survey_form input[type="radio"]:checked+label{background-position:0 -48px;}
			}
				
			#malompark_survey_form input[type="button"]{background-color:#2e73b4;}
			
				#malompark_survey_form input[type="button"]:hover{background-color:#52b693;}

			#survey-form-infobar p{padding-bottom:0;}
			
			.newsletter-subscription-infos{display:none;}
			
			.malompark-survey-form-button-container{text-align:center;}

			/* malompark survey footer */
			.malompark-survey-footer{
				border-top:1px solid #cdd6dd;
				padding:18px 0 0 0;
			}

				.malompark-survey-footer>div{margin:0 0 18px 0;}

					.malompark-survey-footer>div:last-of-type{margin:0;}

			/* malompark survey copyright */
			.malompark-survey-copyright{
				font-size:90%;
				text-align:center;
			}

				.malompark-survey-copyright p{padding-bottom:0;}
	/* END malompark survey form wrapper */
/* END custom page wrapper */

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

img.hrse-logo{
	display:inline-block;
	width:100px;
	padding-top:10px;
}/* main footer */
#main-footer{
	background-color:var(--brand-primary-color);
	color:var(--base-color-white);
	padding:var(--brand-padding-3) 0;
	font-size:.875rem;
}

	#main-footer h5{
		color:var(--base-color-white);
		font-size:1.125rem;
		font-weight:600;
		padding-bottom:var(--brand-padding-2);
	}

	#main-footer a{color:var(--base-color-white);}

	/*#main-footer .is-col-3 .is-col-box:last-child{display:none;}*/

	/* footer menu */
	ul.footer-menu{}

		ul.footer-menu>li{
			display:block;
			list-style-type:none;
			padding-bottom:var(--brand-padding-1);
		}

			/*ul.footer-menu>li:last-of-type{padding-right:0;}*/
	/* end footer menu */
/* end main footer */

/* #main-footer */
@media screen and (max-width:480px){}/* main header */
#main-header
{
	position : relative ;
	padding-top : 70px ;
}

@media screen and ( max-width : 960px )
{

	/*body #main-header
	{
		padding-top : 0 ;
	}
	*/
	
	html[id="page:home"] body #main-header
	{
		padding-top : 0 ;
	}
}/* hero */
.hero{
	/*background-color:var(--brand-primary-color);*/
	background-color:#0053b2;
	border-bottom:5px solid var(--brand-text-color);
	padding-bottom:var(--brand-padding-3);
	display : none ;
}

html[id="page:home"] .hero
{
	display : block ;
}

.hero img{
	width:100%;
	display:block;
}

.mb--hero-featured-box.is-col-3
{
	/* margin:var(--brand-padding-4) auto var(--brand-padding-2) auto; */
	margin : var( --brand-padding-3 ) auto var( --brand-padding-2 ) auto ;
}

	.mb--hero-featured-box>.is-col-box{
		padding:0 var(--brand-padding-2) var(--brand-padding-4) var(--brand-padding-2);
	}

		.mb--hero-featured-box>.is-col-box>div{
			background-color:var(--base-color-white);
			border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
			border:5px solid var(--base-color-white);
			font-size:.875rem;
			/* padding:var(--brand-padding-2) var(--brand-padding-2) var(--brand-padding-4) var(--brand-padding-2); */
			padding : var(--brand-padding-2) var(--brand-padding-2) var(--brand-padding-3) var(--brand-padding-2);
			position:relative;
		}

	.mb--hero-featured-box img{
		/*background-color:#e8e8e8;*/
		display:block;
		width:100%;
		/*height:80px;*/
	}

	.mb--hero-featured-box-title
	{
		/* padding-bottom:var(--brand-padding-2); */
		border-bottom : 1px solid var(--brand-text-color) ;
		color : var(--brand-secondary-color) ;
		font-size : 1rem ;
		margin-bottom : var(--brand-padding-3) ;
		padding-bottom : var(--brand-padding-1) ;
	}

		.mb--hero-featured-box-title a
		{
			color : var(--brand-secondary-color) ;
		}

	div p.mb--hero-featured-box-title:last-of-type ,
	section p.mb--hero-featured-box-title:last-of-type
	{
		padding-bottom : var(--brand-padding-1) ;
	}

	.mb--hero-featured-box .is-col-20-80 .is-col-box:nth-child(1){
		padding-right:var(--brand-padding-2);
	}

	.mb--hero-featured-box
	{
		line-height : 1.125rem ;
	}

	.mb--hero-featured-box h3 ,
	.mb--hero-featured-box h3 a
	{
		color : var(--brand-primary-color) ;
		line-height : 1.25rem ;
	}

	.mb--hero-featured-box .link-as-button-container{
		left:50%;
		position:absolute;
		text-align:center;
		top:calc(100% - 5px);
		transform:translate(-50%,-50%);
		width:100%;
	}

	.hero a.link-as-button.inverse{
		border-color:var(--base-color-white);
		color:var(--base-color-white);
	}

		.hero a.link-as-button.inverse:hover{
			background-color:var(--base-color-white);
			color:var(--brand-primary-color);
		}
/* end hero */

@media screen and  (max-width : 800px )
{
	body .mb--hero-featured-box.is-col-3>.is-col-box
	{
		width : 50% ;
	}
}img.logo{
	display:inline-block;
	vertical-align:middle;
	padding-right:var(--brand-padding-2);
}ul#main_navigation_menu{
	/*padding:var(--brand-padding-2) var(--brand-padding-3);*/
	background-color:var(--brand-primary-color);
	color:var(--base-color-white);
	display:inline-block;
	margin-left:var(--brand-padding-2);
	position:relative;
	vertical-align:middle;
    border-radius:var(--brand-border-radius);-moz-border-radius: var(--brand-border-radius);-webkit-border-radius: var(--brand-border-radius);
    border:2px solid var(--brand-primary-color);
	padding-bottom:0;
}

	ul#main_navigation_menu li{list-style-type:none;}

	ul#main_navigation_menu>li{
		font-size:1.125rem;
		padding:var(--brand-padding-2) var(--brand-padding-3);
	}

		ul#main_navigation_menu>li:hover{cursor:pointer;}

	ul#main_navigation_menu>li>ul{
		display:none;
		position:absolute;
		top:var(--brand-padding-4);
		right:-2px;
		color:var(--base-color-white);
		background-color:var(--brand-dark-background-color);
		border:2px solid var(--brand-dark-background-color);
		z-index:999999;
		padding-bottom:0;
	}

	ul#main_navigation_menu>li:hover ul,
	ul.mb--top-header-navigation-submenu.active{display:block !important}

	ul#main_navigation_menu>li>ul li{white-space: nowrap;}

		ul#main_navigation_menu>li>ul li a{
			color:var(--base-color-white);
			display:block;
			font-size:.875rem;
			font-weight:600;
			line-height:1rem;
			padding:var(--brand-padding-2) var(--brand-padding-3);
		}/* top header */
.top-header{
	background-color:var(--base-color-white);
	border-top:5px solid var(--brand-text-color);
	font-size:.875rem;
	line-height:1.125rem;
	position:fixed;
	width:100%;
	z-index:9999;
	top : 0 ;
	left : 0 ;
}

	.top-header::after{
		background-color:var(--base-color-white);
		border-bottom-left-radius:50%;
		border-bottom-right-radius:50%;
		box-shadow:0 10px 10px 0 rgba(0,0,0,0.02);-moz-box-shadow:0 10px 10px 0 rgba(0,0,0,0.02);-webkit-box-shadow:0 10px 10px 0 rgba(0,0,0,0.02);
		content:' ';
		display:block;
		height:20px;
		position:absolute;
		width:100%;
	}

	.top-header .rl{padding:var(--brand-padding-2) 0 0 0;}

	.top-header .is-col-2 .is-col-box:nth-child(1) p{
		display:inline-block;
		vertical-align:middle;
	}

	.top-header .is-col-2 .is-col-box:nth-child(2){text-align:right;}

		.top-header .is-col-2 .is-col-box:nth-child(2) p{
			display:inline-block;
			vertical-align:middle;
		}.anniversary-logo
{
	left : -20px ;
	position : fixed ;
	/* top : 84px ; */
	top : 74px ;
	transition : all ease .3s ;
	z-index : 99999 ;
}

	.anniversary-logo img.anniversary-logo-img
	{
		display : block ;
		/* width : 200px ; */
		width : 150px ;
	}

	.anniversary-logo img.kinai-etelbar-img
	{
		display : block ;
		padding-left : 30px ;
		width : 150px ;
	}

@media only screen and ( max-width : 960px )
{
	body .anniversary-logo
	{
		left : -15px ;
	}

		body .anniversary-logo img
		{
			width : 150px ;
		}
}

/*
https://queirozf.com/entries/making-a-div-follow-scrolls-with-jquery-simple-example
https://plugins.jquery.com/simple-scroll-follow
*/.breadcrumbs{
	background:#f4f4f4 url('../../../img/misc/home-icon.png') 7px 50% no-repeat;
	border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;
	border:1px solid #cdd6dd;
	font-size:90%;
	margin:0 0 30px 0;
	padding:7px 7px 7px 30px;
}/*.fb-like-box{*/
.fb-page.fb_iframe_widget{
	background-color:#fff;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
	padding:8px;
	/*width:100%;*/
	/*display:block;
	width:auto;*/
}#guestbook-form{
	padding:0 0 54px 0;
}

	/* guestbook */
	.guestbook-items {
		padding:0 0 30px;
	}

	.guestbook-archive-items{
		display:none;
	}

	.guestbook-items div,
	.guestbook-archive-items>div{
		padding:30px;
		margin:0 0 30px 0;
		background-color:#fff;
		border:1px solid rgba(0,0,0,.17);
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		font-size:90%;
	}

		.guestbook-items div:nth-child(2n+1),
		.guestbook-archive-items>div:nth-child(2n+1){
			/*background-color:#f1f1f1;*/
			background-color:rgba(128,174,218,.15);
		}

		.guestbook-items div:last-of-type,
		.guestbook-archive-items>div:last-of-type{
			margin-bottom:0;
		}

		.guestbook-items div p:last-of-type,
		.guestbook-archive-items>div p:last-of-type{
			padding-bottom:0;
		}

		.guestbook-datetime{
			font-style:italic;
			font-size:90%;
		}

		.guestbook-answer{
			font-style:italic;
			color:#2e73b4;
			padding:0 0 0 15px;
			margin:15px 0 0 30px;
			border-left:6px solid #ced5dd;
		}

		.guestbook-archive-items>div{
			/*margin:0 3% 30px 0;
			display:inline-block;
			width:30%;
			vertical-align:top;*/
		}

		/*.guestbook-archive-items>div div.toggled{
			display:none;
			padding:15px;
			background-color:#f1f1f1;
		}*/

	/* END guestbook */	/* gallery */
	.images-gallery>div{
		padding:30px;
		margin:0 0 30px 0;
		/*background-color:#fff;*/
		background-color:rgba(128,174,218,.15);
		border:1px solid rgba(0,0,0,.17);
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		text-align:center;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		width:31%;
		display:inline-block;
		vertical-align:top;
	}

		.images-gallery>div:nth-child(3n+2){
			margin-right:3%;
			margin-left:3%;
		}

		.gallery-cover{
			max-height:178px;
			overflow:hidden;
		}

		.gallery-cover img{
			width:100%;
			/*border:1px solid rgba(0,0,0,.17);*/
		}

		.images-gallery>div h3{
			padding:15px 0 7px 0;
		}

		.images-gallery>div:last-of-type{
			margin-bottom:0;
		}

		.images-gallery>div p.link-as-button-container{
			padding-bottom:0;
			text-align:center;
		}

		.gallery-photos{}

		.gallery-photos a
		{
			box-sizing : border-box ;
			display : inline-block ;
			width : 25% ;
			padding : 0 var( --brand-padding-3 ) var( --brand-padding-3 ) 0 ;
		}
			
			.gallery-photos a img
			{
				/* width:23%; */
				/* box-sizing : border-box ; */
				display : block ;
				
				width : 100% ;
				/* padding:0 2% 2% 0; */
			}

		.sidebar-gallery-cover{
			padding:4%;
			margin:7px 0 15px 0;
			background-color:#fff;
			border:1px solid rgba(0,0,0,.17);
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
			border-radius:3px;
		}

			.sidebar-gallery-cover img{
				width:100%;
			}
	/* END gallery */
	

/**/
@media screen and ( max-width : 480px )
{

	body .gallery-photos a
	{
		width : 50% ;
	}
}
/**/.main-content{
	width:65%;
	padding:0 5% 0 0;
	float:left;
}

.sidebar{
	float:right;
	width:30%;
}

	.sidebar>div{
		padding:0 0 30px 0;
	}

		.sidebar>div h2{
			padding-bottom:15px;
		}

		.sidebar>div h3{
			padding-bottom:4px;
		}#map{
	height:400px;
	padding:0;
	width:100%;
}.special-offers a,
.news-item a{
	font-weight:600;
	text-decoration:underline;
}

	.special-offers a:hover,
	.news-item a:hover{text-decoration:none;}

.special-offer-item,
.news-item{
	background-color:rgba(128,174,218,.15);
	border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;
	border:1px solid rgba(0,0,0,.17);
	box-sizing:border-box;-moz-box-sizing:border-box;
	display:inline-block;
	margin:0 0 2% 0;
	padding:20px 15px 10px 15px;
	vertical-align:top;
	width:31%;
}

	.news-item{width:48%;}

	.news-item:nth-child(2n+1){margin-right:3%;}

	.news-item:nth-child(2n+2){margin-left:3px;}

	.special-offer-item:nth-child(3n+2){
		margin-left:3%;
		margin-right:3%;
	}

	.special-offer-item h3{padding:0 0 15px 0;}

	.news-item-image,
	.special-offer-item-image{
		box-sizing:border-box;-moz-box-sizing:border-box;
		float:left;
		padding:0 30px 15px 0;
		width:30%;
	}

		.news-item-image img,
		.special-offer-item-image img{width:100%;}

	.news-item-description,
	.special-offer-item-description{margin:0 0 0 30%;}

	.main-news{
		float:left;
		padding:0 5% 0 0;
		width:65%;
	}

		.main-news-image{
			/*
			float:left;
			padding:0 5% 3% 0;
			width:30%;
			*/
			padding-bottom : var( --brand-padding-4 ) ;
		}

			.main-news-image img{width:100%;}

		/*.main-news .fb-like{*/
		.fb-like{
			margin:0 0 30px 0;
			width:100%;
		}

		/*
		.main-news-content{margin:0 0 0 35%;}
		*/

			.main-news-content .n-description{padding-bottom:15px;}

	.other-news{
		float:right;
		width:30%;
	}

		.news-archive ul li,
		.other-news ul li,
		.archive-news ul li{padding:0 0 7px 0;}

	/* stores map */
	.stores-map{
		background-color:#f7f7f7;
		border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;
		border:1px solid rgba(0,0,0,.17);
		/*display:none;*/
		margin:0 0 30px 0;
		padding:30px;
	}

		.stores-map h2{padding:0 0 11px 0;}

		p.stores-map-oc-container{padding-bottom:0;}

		.stores-map-area{margin:22px 0 0 0;}

		.stores-map strong{
			display:inline-block;
			margin:0 7px 0 0;
		}

			.stores-map strong.two{margin-left:14px;}

		.stores-map .link-as-button{
			background:#fff url('../img/misc/check-icon.png') -29px 50% no-repeat;
			border:1px solid #cdd6dd;
			color:#1f2428;
			margin:0 7px 0 0;
			padding:9px 14px;
			text-shadow:none;
		}

			.stores-map .link-as-button:hover{
				background-color:#2e73b4;
				color:#fff;
			}

			.stores-map .link-as-button.active,
			.stores-map .link-as-button.active:hover{
				background:#2e73b4 url('../img/misc/check-icon.png') 7px 50% no-repeat;
				color:#fff;
				padding-left:34px;
			}

			.stores-map-active-content{padding:30px 0 0 0;}

				.stores-map-image,
				.stores-map-image-container{
					float:left;
					height:100%;
					overflow:hidden;
					/* padding:0 5% 0 0; */
					width:auto;
				}

				.stores-map-image-container
				{
					/* padding-bottom : var( --brand-padding-4 ) ; */
				}

				.stores-map-list-container
				{
					/* padding:0 0 0 552px; */
					float : left ;
					padding-left : var( --brand-padding-5 ) ;
				}

					.stores-map-list-container a.oo,
					.stores-map-list-container a.stores-map-link{
						color:#2e73b4;
						text-decoration:none;
						padding:0 0 0 14px;
					}

						.stores-map-list-container a.oo:hover,
						.stores-map-list-container a.stores-map-link:hover,
						.stores-map-list-container a.oo.active,
						.stores-map-list-container a.stores-map-link.active,
						.stores-map-list-container a.oo.active:hover,
						.stores-map-list-container a.stores-map-link.active:hover{
							background:url('../img/li.png') 0 50% no-repeat;
							color:#e02820;
						}

			.stores-map-list{display:none;}

				.stores-map-list.active{display:block;}
	/* end: stores map */

/**/
.malompark--privacy-policy-page{counter-reset:section;}

	.malompark--privacy-policy-page h2::before{
		content:counter(section)'. ';
		counter-increment:section;
	}

	.malompark--privacy-policy-page h2{counter-reset:subsection1;}

		.malompark--privacy-policy-page h3::before{
			content:counter(section)'.'counter(subsection1)'. ';
			counter-increment:subsection1;
		}

	.malompark--privacy-policy-page h3{counter-reset:subsection2;}

		.malompark--privacy-policy-page h4::before{
			content:counter(section)'.'counter(subsection1)'.'counter(subsection2)'. ';
			counter-increment:subsection2;
		}

	.malompark--privacy-policy-page h4{counter-reset:subsection3;}

		.malompark--privacy-policy-page h5::before{
			content:counter(section)'.'counter(subsection1)'.'counter(subsection2)'.'counter(subsection3)'. ';
			counter-increment:subsection3;
		}
/**/

/**/
.is-responsive-table{padding:10px 0 20px 0;}

.is-responsive-table.is-table-col-5 .is-table-header{
	background-color:#2e73b4;
	color:#fff;
	font-size:110%;
}

	.is-responsive-table.is-table-col-5 .is-table-content>p{background-color:rgba(244,244,244,.35);} /* #f4f4f4 */

	.is-responsive-table.is-table-col-5 .is-table-content>p:nth-child(2n+2){background-color:#f4f4f4;}

	.is-responsive-table.is-table-col-5 .is-table-content>p:last-child{border-bottom:2px solid #cdd6dd;}

	.is-responsive-table.is-table-col-5 .is-table-header>p,
	.is-responsive-table.is-table-col-5 .is-table-content>p>span{
		box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
		display:inline-block;
		padding:10px;
		text-align:center;
		vertical-align:middle;
		/*width:20%;*/
		width:19%;
	}

	.is-responsive-table.is-table-col-5 .is-table-header>p,
	.is-responsive-table.is-table-col-5 .is-table-content>p>span:nth-child(1){font-weight:600;}
/**/

			.u
			{
				/* height:95px; */
				/*padding:15px;*/
				background:url('../../../img/u2.png') 50% 50% no-repeat;
				background-size : contain ;
				height : 70px ;
				max-height : 70px ;
				overflow:hidden;
				text-align:center;
			}
				.u:hover{
					cursor:pointer;
				}

/**/
.mb--news-image-tn-container
{
	display : block ;
	height : 60px ;
	width : 60px ;
    /* overflow: hidden; */
	position : relative ;
}

	.mb--news-image-tn-container img
	{
		display : block ;
		left : 50% ;
		position : absolute ;
		top : 50% ;
		transform : translate( -50% , -50% ) ;
		width : 100% ;
	}
/**/






/**/
@media screen and ( max-width : 800px )
{

	body .section-content.mb--gallery .main-content ,
	html[id="page:guestbook"] body .main-content
	{
		float : none ;
		padding : 0 0 var( --brand-padding-5 ) 0 ;
		width : 100% ;
	}

	body .section-content.mb--gallery .sidebar ,
	html[id="page:guestbook"] body .sidebar
	{
		float : none ;
		width : 100% ;
	}

	/**/
	html[id="page:stores_map"] body .stores-map-image-container ,
	html[id="page:stores_for_rent"] body .stores-map-image-container
	{
		float : none ;
		padding : 0 0 var( --brand-padding-4 ) 0 ;
	}

		html[id="page:stores_map"] body .stores-map-image-container img ,
		html[id="page:stores_for_rent"] body .stores-map-image-container img
		{
			display : block ;
			width : 100% ;
		}

	html[id="page:stores_map"] body .stores-map-list-container ,
	html[id="page:stores_for_rent"] body .stores-map-list-container
	{
		float : none ;
		padding-left : 0 ;
	}
	/**/

	/**/
	html[id="page:stores_map"] body  .stores-map .link-as-button
	{
		display : block ;
		margin : var( --brand-padding-3 ) 0 ;
	}
	/**/
}
/**/

/* Cookie Consent */
.cc-banner{
	background-color:#01376a;
	bottom:0;
	color:#fff;
	display:none;
	/*font-size:90%;*/
	padding:20px;
	position:fixed;
	width:100%;
	box-sizing:border-box;
	border-top:1px solid #000;
}

	.cc-banner p{padding-bottom:0 !important;}

	.cc-banner p.cc-link-as-button-container{
		float:right;
		/*margin-left:20px;*/
		margin-left:40px;
	}

	.cc-banner a{
		color:#2e73b4;
		text-decoration:underline;
		transition:all ease 0.4s;
	}

		.cc-banner a:hover{
			text-decoration:none;
		}

	.cc-banner a.cc-link-as-button{
		text-decoration:none;
		color:#222;
		padding:11px 14px;
		background-color:#fff;
		/*font-weight:bold;*/
		font-weight:bold;
		display:inline-block;
		border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;
	}

		.cc-banner a.cc-link-as-button:hover{
			background-color:#2e73b4;
			color:#fff;
		}
/* END: Cookie Consent */

/* start: different-opening-hours */
.different-opening-hours{
	background-color:rgba(224,40,32,.25);
	border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;
	margin:7px 0 14px 0;
	padding:7px;
}

	.different-opening-hours>p{padding-bottom:0;}

		.different-opening-hours>p>b{text-transform:uppercase;}
/* end: different-opening-hours */


/**/
.highlighted
{
	background-color : rgba( 224 , 40 , 32 , .2 ) ;
	border : 1px solid rgba( 224 , 40 , 32 , .4 ) ;
	border-radius : 4px ; -moz-border-radius : 4px ; -webkit-border-radius : 4px ;
	margin-bottom : 16px ;
	padding : 8px !important ;
}

.mbd--top-announcement-bar
{
	background-color : rgba( 224 , 40 , 32 , .2 ) ;
	border-bottom : 1px solid rgba( 224 , 40 , 32 , .4 ) ;
	padding : 8px 0 !important ;
	text-align : center ;
}

	.mbd--top-announcement-bar p
	{
		padding : 0 !important ;
	}
/**/




/* *********** */
.imp-blinking
{
	/* animation : blinker 2s linear infinite ; */
	color : #fff ;
	padding : var( --brand-padding-2 ) var( --brand-padding-3 ) ;
	margin :0 0 var( --brand-padding-3 ) 0 ;
	border-radius :  var( --brand-padding-2 ) ;
	background-color : rgb( 224 , 40 , 32 ) ;
	font-weight : 700 ;
	font-size : 1.25rem ;
	line-height : 1.5rem ;
}

/*
@keyframes blinker {
  50% {
    opacity : 0 ;
  }
}
*/
/* *********** */.news-leader-image img{
	display:block;
	width:100%;
	margin:0 auto;
	padding:var(--brand-padding-2) 0;
}

/*
.news.is--col-60-40 .is--col-box:nth-child(1){padding-right:var(--brand-padding-5);}
*/

.news-leader{
	background-color:rgba(128,174,218,.15);
	border:1px solid rgba(0,0,0,.17);
	padding:var(--brand-padding-3);
	margin:var(--brand-padding-3) 0;
	border-radius:6px;
}

.news-archive ul{line-height:1.5rem;}

.news-formatted-date{
	padding-bottom:0;
	font-size:90%;
}

.is--cols.is-col-4.news .is-col-box
{
	padding : 0 var( --brand-padding-3) ;
}

@media screen and ( max-width : 960px )
{

	body .main-news{
		float : none ;
		padding : 0 0 var( --brand-padding-5 ) 0 !important ;
		width : 100% ;
	}
	
	body .other-news
	{
		float : none ;
		width : 100% ;
	}
}.partners{
	padding-top:var(--brand-padding-3);
	margin-top:var(--brand-padding-4);
	border-top:1px solid var(--base-color-white);
}

	.partners h2{
		color:var(--base-color-white);
		font-size:.875rem;
		padding:0 0 var(--brand-padding-2) 0;
	}

	.partners img{max-width:140px;}.malompark--services .is-col-4
{
	color : var(--brand-primary-color) ;
}

	.malompark--services .is-col-4 .is-col-box
	{
		/* padding-bottom : var(--brand-padding-4) ; */
		padding : var(--brand-padding-5) 0 ;
	}

	.malompark--services .is-col-4 i
	{
		font-size : 3rem ;
	}

@media screen and ( max-width : 480px )
{

	body .malompark--services .is-col-4 .is-col-box
	{
		padding : var( --brand-padding-4 ) 0 ;
		width : 50% ;
	}
}.malompark--slogan
{
	color:var(--brand-secondary-color);
	font-family:'Merienda One',cursive;
	font-size:1.125rem;
	line-height : 2rem ;
	padding-top:0;
}

	.malompark--slogan .rl{border-top:1px solid var(--brand-text-color);}

	.malompark--slogan p{padding-top:var(--brand-padding-4);}

	.malompark--slogan strong{font-weight:400;}

	.malompark--slogan em{font-style:normal;}/* stores */
/*.stores{padding:15px 0 0 0;}*/

.slick-slide div{
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding:0 7px;
}

	.slick-slide div a{
		color:#0053b2;
		text-decoration:none;
	}

		.slick-slide div a:hover{text-decoration:underline;}

	.slick-slide div a img{
		width:100%;
		background-color:#cdd6dd;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		margin:0 0 7px 0;
		border:1px solid rgba(0,0,0,.22);
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}

.slick-slide h4{font-weight:400;}
/* end: stores */

.stores-opening-hours{font-size:.875rem;}/* testmode */
.stores-filter-and-map{
	background-color:#0053b2;
	border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;
	color:#fff;
	font-weight:600;
	margin:0 0 30px 0;
	padding:7px 30px;
	transition:all ease 0.4s;-moz-transition:all ease 0.4s;-o-transition:all ease 0.4s;-webkit-transition:all ease 0.4s;
}

	.stores-filter-and-map p{
		display:inline-block;
		margin-right:30px;
		padding-bottom:0;
	}

		.stores-filter-and-map p a{
			color:#a7a7a7;
			display:block;
			padding:3px 0;
			text-decoration:none;
		}

			.stores-filter-and-map p a.stores-filter{
				background:url('../../../img/misc/checks.png') 0 0 no-repeat;
				/* padding:3px 0 3px 27px; */
				padding : 0 0 0 27px ;
				margin : 3px 0 ;
			}

				.stores-filter-and-map p a.stores-filter.filter-on{
					background-position:0 -24px;
					color:#fff;
				}

			.stores-filter-and-map p a.stores-map-link{
				background:url('../img/misc/map-location.png') 0 50% no-repeat;
				padding:3px 0 3px 22px;
			}

				.stores-filter-and-map p a.stores-map-link.map-open{color:#fff;}

			.stores-filter-and-map p a:hover{color:#fff;}
/*.stores-list div.hidden-store{display:none;}*/
/* END: testmode */

@media screen and ( max-width : 800px )
{
	body .stores-filter-and-map p
	{
		display : block ;
	}
}	/* stores list */
		.stores-list{
			border-top:1px solid #cdd6dd;
			padding:30px 0 0 0;
			/*transition:all 400ms ease;*/
		}

		.stores-list>div{
			/*background-color:rgba(128,174,218,.15);*/
			background-color:#f8f8f8;
			border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;
			border:1px solid rgba(0,0,0,.17);
			margin:0 0 30px 0;
			padding:30px;
			transition:all ease 600ms; -moz-transition:all ease 600ms; -o-transition:all ease 600ms; -webkit-transition:all ease 600ms;
		}

			/*.stores-list>div:nth-child(2n+2){background-color:#f8f8f8;}*/

			.stores-list>div.active,
			.stores-list>div.active:nth-child(2n+2){background-color:rgba(128,174,218,.5);}

			.stores-list>div h2{
				padding-bottom:11px;
			}

			.stores-item{
				float:left;
				width:70%;
				padding:0 3% 0 0;
				border-right:1px solid #ced5dd;
				border-bottom:none;
			}

				.stores-photo{
					padding:0 30px 15px 0;
					float:left;
					width:214px;
				}

					.stores-photo img{width:100%;}

				.stores-item .link-as-button-container{padding-bottom:0;}

			.stores-opening-hours{
				float:right;
				width:24%;
				padding-top:0;
			}

			.long-opening-hours{display:none;}

			/* stores details */
			.store-details-image{padding-bottom:30px;}

				.store-details-image img{
					border:1px solid #ced5dd;
					display:block;
					width:100%;
				}
			/* store-details-image */

					.havrics2 img{margin-top:8px;}

			/* store-details-box1 */
			.store-details-box1{
				float:left;
				padding:0 5% 0 0;
				width:65%;
			}

				.store-details-box1 h2{padding-bottom:7px;}

				.store-details-box1 h3{padding-top:15px;}
			/* store-details-box1 */

					.stores-details-introduction{padding-bottom:15px;}

			/* store-details-box2 */
			.store-details-box2{
				float:right;
				width:30%;
			}
			/* store-details-box2 */

			/* kispiac üzletei */
			.kispiac-uzletei{margin-top:30px;}

				.kispiac-uzletei-tablazat{padding-bottom:30px;}

					p.kispiac-tablazat-fejlec{
						background-color:#eee !important;
						border-bottom:1px solid #cdd6dd;
						font-weight:bold;
					}

					.kispiac-uzletei-tablazat p{
						background-color:#f4f4f4;
						padding-bottom:0;
					}

						.kispiac-uzletei-tablazat p:nth-child(2n+1){background-color:#fff;}

							.kispiac-uzletei-tablazat p>span{
								box-sizing:border-box;
								display:inline-block;
								padding:8px;
								vertical-align:top;
								width:33%;
							}

								/*span.kispiac-tablazat-nev{font-weight:bold;}*/
			/* kispiac üzletei */
	/* END stores list */
	
@media screen and ( max-width : 960px )
{
	body .stores-photo
	{
		float : none ;
		width : 100% ;
		padding : 0 0 var( --brand-padding-3 ) 0 !important ;
	}

	body .stores-item
	{
		float : none ;
		width : 100% ;
		padding : 0 0 var( --brand-padding-3 ) 0 !important ;
		border-right : none ;
		border-bottom : 1px solid #ced5dd ;
	}
	
	body .stores-opening-hours
	{
		float : none ;
		width : 100% ;
		padding : var( --brand-padding-3 ) 0 0 0 !important ;
	}
	
	body .store-details-box1
	{
		float : none ;
		width : 100% ;
		padding : 0 0 var( --brand-padding-3 ) 0 !important ;
	}
	
	body .store-details-box2
	{
		float : none ;
		width : 100% ;
	}
	
	/**/

	body .special-offer-item ,
	body .images-gallery > div
	{
		display : block ;
		margin : 0 0 var( --brand-padding-3 ) 0 !important ;
		width : 100% ;
	}
}