/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/
/** UITJEREET.NL **/

html {
	overflow: hidden !important;
}
.mmf-cat-menu {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	gap: 40px;
}
.mmf-bg-layer {
	pointer-events: none !important;
}
.mmf-menu-tile {
	align-self: center;	
}
.mmf-scroll-cats {
	max-height: calc((25vw *2) + 25px) !important;
	height: calc((25vw *2) + 25px) !important;
	overflow: hidden !important;	
}
.mmf-tempsession {
	position: fixed;
	padding: 30px 30px;
	font-size: 15px;
	border-radius: 0 10px 0 0;
	bottom: 200px;
	left: 0;
	background-color: rgba(0,0,0,1);
	opacity: 0.01;
	z-index: 90000;
}
.mmf-tempappvariables {
	position: fixed;
	padding: 30px 30px;
	font-size: 15px;
	border-radius: 10px 0 0 0;
	bottom: 200px;
	right: 0;
	background-color: rgba(0,0,0,1);
	opacity: 0.01;
	z-index: 90000;
}
.mmf-tempappvariables a {
	background-color: #404049;
	color: #fff;
	padding: 4px 20px;
	border-radius: 3px 3px;
	margin-bottom: 10px;
}
.mmf-tempappvariables a:hover {
	background-color: #fff;
	color: #404049;
}
.mmf-tempsession:hover, .mmf-tempappvariables:hover {
	opacity: 1;
}
.mmf-tst-btn-hldr {
	margin-top: 30px;
}
xxxa#mmf-btn-aesdana {
	display:inline-block;
	float: right;
	border-radius: 3px 3px;
	padding: 0 20px;
	font-weight: 900;
	color: #fff;
	text-shadow: 2px 2px 0 #000;
	height: 60px;
	line-height: 60px;
	background-color: #BF0F12;
	transition: all .4s ease-in;
}
xxxxa#mmf-btn-aesdana:hover {
	color: #000;
	background-color: #fff;
	text-shadow: 2px 2px 0 #fff;
	transition: all .4s ease-in;
}
a#mmf-btn-close-sb {
	display:inline-block;
	float: left;
	border-radius: 3px 3px;
	font-weight: 900;
	color: #fff;
	height: 60px;
	width: 60px;
	text-align: center;
	min-width: 60px;
	min-height: 60px;
	line-height: 60px;
	background-color: rgba(255,255,255,0.15);
	transition: all .4s ease-in;
}
a#mmf-btn-close-sb i::before {
	color: #1E1E1E !important;
	font-size: 30px;
	line-height: 60px;
}
a#mmf-btn-close-sb:hover i::before {
	color: #fff !important;
}
#holder { /* ribbons*/
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	opacity: 0;
	z-index: -100 !important;
}
#holder.hide { 
	opacity: 0 !important;
	transition: all 1s ease-in;
}
#holder.show { 
	opacity: 1 !important;
	transition: all 1s ease-in;
}
#shroom { /* shroom*/
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	opacity: 0;
	z-index: 4 !important;
}

.fusion-header .fusion-row {
	background-color: rgba(0,0,0,0) !important;
}
.mmf-max800 {
    max-width: 800px !important;
    display: block;
    margin: 0 auto !important;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
@-webkit-keyframes moveInFromLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes moveInFromLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes moveOutToLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@keyframes moveOutToLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@-webkit-keyframes moveInFromRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes moveInFromRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes moveOutToRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
    }
}

@keyframes moveOutToRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
    }
}
.sceneElement {
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    transition-timing-function: ease-in;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.is-exiting .sceneElement {
    transition-timing-function: ease-out;
}

#mainState[data-transition=fade] .sceneElement {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

#mainState[data-transition=fade].is-exiting .sceneElement {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}
#mainState[data-transition=fadeinup] .sceneElement {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

#mainState[data-transition=fadeinup].is-exiting .sceneElement {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}
#mainState[data-transition=moveleft] .sceneElement {
    -webkit-animation-name: moveInFromLeft;
    animation-name: moveInFromLeft;
}

#mainState[data-transition=moveleft].is-exiting .sceneElement {
    -webkit-animation-name: moveOutToRight;
    animation-name: moveOutToRight;
}

#mainState[data-transition=moveright] .sceneElement {
    -webkit-animation-name: moveInFromRight;
    animation-name: moveInFromRight;
}

#mainState[data-transition=moveright].is-exiting .sceneElement {
    -webkit-animation-name: moveOutToLeft;
    animation-name: moveOutToLeft;
}
/* -------- pincode ------------------------------------------------------------- */
xxx.mmf-login-holder { /*362px width*/
	position: fixed;
	right: -362px;
	top: 110px;
	z-index: 99999 !important;
	transition: all .4s ease-in;
}
xxx.mmf-login-holder.show { 
	right: -10px;
	transition: all .4s ease-in;
}
.mmf-numpad {
	position: relative;
	display: block;
	margin: auto;
	padding: 20px 20px;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 362px;
	background-color: #000000;
	border-radius: 25px 25px;
	border: 2px solid #161616;
	z-index: 99999 !important;
}
.mmf-numpad::after {
	content: "";
	display: table;
	clear: both;
}
.mmf-numdigit, .mmf-numback, .mmf-numenter, .mmf-numdigit.mmf-ison {
	text-align: center;
	float: left;
	width: 100px;
	height: 100px !important;
	line-height: 100px !important;
	margin: 3px 3px;
	border: 2px solid #666;
	background: #000;
	color: #fff;
	font-weight: bold;
	font-size: 1.5em !important;
	transition: all 0.75s ease-in !important;
	cursor: pointer;
	overflow: hidden;
	-moz-user-focus: ignore;
	border-radius: 5px 5px;
}

.mmf-numdigit:hover, .mmf-numback:hover, .mmf-numenter:hover {
	border: 2px solid #298762 !important;
	background: #298762 !important;
	transition: all .2s !important;
}
.mmf-display input[type=password] {
	text-align: center;
	letter-spacing: 15px;
	font-size: 50px !important;	
	padding: 25px 0;
	border: 2px solid #666;
	border-radius: 15px 15px 0 0;
	background-color: #262626;
	box-shadow: inset 2px 5px 5px rgba(0,0,0,0.5);
	height: 100px !important;
}
.mmf-display {
	text-align: center;
	float: left;
	width: 312px;
	height: 100px !important;
	margin: 3px 3px 0 3px;
	
	border-radius: 15px 15px 5px 5px;
	font-weight: bold;
	background: transparent;
	color: #fff;
	transition: all 0.75s ease-in !important;
}
.mmf-loginmsg {
	float: left;
	opacity: 0;
	margin: 0 3px;
	width: 312px;
	height: 5px !important;
	line-height: 40px !important;
	color: #731819;
	font-weight: 700;
	text-align: center;
	border-left: 2px solid #666;
	border-right: 2px solid #666;
	transition: all .3s ease-in;
}
.mmf-loginmsg.success {
	color: #298762;
}
.mmf-loginmsg.fail {
	color: #ff0000;
}
.mmf-loginmsg.show {
	opacity: 1;
	height: 40px !important;
	transition: all .3s ease-in;
}
.mmf-numback {
	border-radius: 5px 5px 5px 15px;
}
.mmf-numenter {
	border-radius: 5px 5px 15px 5px;
}
.mmf-numback i::before {
	content: "\f30a";
	font-family: 'Font Awesome 5 Free';
	color: #ffffff;
	font-weight: 900;
}
.mmf-numenter i::before {
	content: "\f3be";
	font-family: 'Font Awesome 5 Free';
	color: #ffffff;
	font-weight: 900;
	transform: rotate(-90deg);
}
.mmf-numenter.mmf-ison i::before, .mmf-numback.mmf-ison i::before {  
	color: #fff;
}
.mmf-numenter.mmf-ison, .mmf-numback.mmf-ison {
	border: 1px solid #666;
	background: #000;
	color: #fff;
}
.mmf-numenter.mmf-ison {
	position: relative;
	background-color: #298762 !important; 
	border: 2px solid #298762 !important;
}
.mmf-numenter.mmf-isoff, .mmf-numenter.mmf-isoff i::before, .mmf-numback.mmf-isoff, .mmf-numback.mmf-isoff i::before {
	color: #373737 !important;
	cursor: not-allowed;
}
.mmf-numenter.mmf-isoff .pin-val {
	cursor: not-allowed;
}
.mmf-numdigit.mmf-isoff {
	background-color: #000 !important; 
	border-color: #666 !important;
	color: #373737 !important;
	cursor: not-allowed;
}
.mmf-numback.mmf-isoff:hover, .mmf-numenter.mmf-isoff:hover {
	background-color: #000 !important; 
	border-color: #666 !important;
	color: #373737 !important;
}
.mmf-numdigit.d1 {
	border-radius: 0 5px 5px 5px;
	margin: 0 3px 3px 3px;
}
.mmf-numdigit.d2 {
	margin: 0 3px 3px 3px;
}
.mmf-numdigit.d3 {
	border-radius: 5px 0 5px 5px;
	margin: 0 3px 3px 3px;
}
.mmf-trigger-numpad {
	background-color: rgba(0,0,0,0.9);
	text-align: center;
	width: 80px;
	line-height: 80px;
	font-size: 40px;
	position: absolute;
	right: 0;
	top: 120px;
	border-radius: 8px 0 0 8px;
	z-index: 10000;
}
.mmf-trigger-numpad a {
	color: #fff !important;
}
.mmf-open-settings {
	display: inline-block;
	width: 100%;
	/*margin-top: 20px;*/
	line-height: 50px;
	color: #ffffff;
	border: 2px solid #808080;
	border-radius: 5px 5px;
	text-align: center;
	margin-left: 2000px !important;
}
.mmf-open-settings.show {
	margin-left: 0 !important;
}
/* --------------------------------------------------------------------- */
html {
	background-color: #000000 !important;
	overflow: hidden;
}
body {
    background-attachment: fixed !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: cover !important;
}
body {
	width: 100%; 
	height: 100%; 
	min-height: 100%;
	overflow: hidden; 
	margin: 0;
}
body#steel { background-image: url("https://uitjereet.nl/wp-content/uploads/2019/12/app-steel.jpg") !important;}
body#forest { background-image: url("https://uitjereet.nl/wp-content/uploads/2025/02/app-forest.jpg") !important;}
body#wood {	background-image: url("https://uitjereet.nl/wp-content/uploads/2019/12/app-wood.jpg") !important;}
body#hexagon { background-image: url("https://uitjereet.nl/wp-content/uploads/2019/08/appBackground2.jpg") !important;}
body#skies { background-image: url("https://uitjereet.nl/wp-content/uploads/2019/12/app-skies.jpg") !important;}
body#paper { background-image: url("https://uitjereet.nl/wp-content/uploads/2019/12/app-paper.jpg") !important;}
body#universe {	background-image: url("https://uitjereet.nl/wp-content/uploads/2019/12/app-universe.jpg") !important;}

#mmf-effectLayer {
	display: block;
	position: fixed;
	margin: 0;
	width: 100%;
	height: 100vh;
	background: linear-gradient(-45deg, #4da0b0, #d39d38, #ee7752, #e73c7e, #23a6d5, #23d5ab, #ff5f6d, #ffc371);
	background: linear-gradient(135deg, #ffd194, #ee7752, #e73c7e, #c779d0, #6441a5, #23a6d5, #00c6ff, #23d5ab, #52c234, #24fe41, #fdfc47);
	background-size: 1000% 1000%;
	animation: gradientBG 60s ease infinite;
	overflow: hidden;
	opacity: 0;
	z-index: 2;
}
#mmf-effectLayer.hide {
	opacity: 0;
}
@keyframes gradientBG {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
#mmf-maskLayer {
	display: block;
	position: fixed;
	width: 100%;
	height: 100%;
	overflow: hidden;
	opacity: 1;
	z-index: 5 !important;
}
#mmf-maskLayer.hide {
	display: none !important;
	opacity: 0 !important;
}
#mmf-maskLayer.waves { background-image: url("https://uitjereet.nl/wp-content/uploads/2020/01/appMaskWaves.png") !important;}
#mmf-maskLayer.mesh {	
	background-image: url("https://uitjereet.nl/wp-content/uploads/2020/01/appMaskRooster.png") !important;
	background-size: cover !important;
}
#mmf-maskLayer.hexagon { background-image: url("https://uitjereet.nl/wp-content/uploads/2020/01/appMaskHexagons.png") !important;}
#mmf-maskLayer.lines { background-image: url("https://uitjereet.nl/wp-content/uploads/2020/01/appMaskLines.png") !important;}
#mmf-maskLayer.squares { background-image: url("https://uitjereet.nl/wp-content/uploads/2020/01/appMaskSquares.png") !important;}
#mmf-maskLayer.off {	background-image: none !important;}

#mmf-blackdimmer {
	display: block;
	position: fixed;
	top: 0 !important;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	background-color: #000000;
	opacity: 0.6;
	z-index: 6 !important;
	transition: opacity .5s ease-in;
}
#mmf-blackdimmer.hide {
	opacity: 0;
	transition: opacity .5s ease-in;
} 
#mainState {
	z-index: 11;
}
#main {
	z-index: 10;
}
.fusion-header, .fusion-header .fusion-row {
    padding-left: 0px;
	padding-right: 0px;
	overflow: hidden !important;
	max-height: 100px !important;
}
xxx.fusion-logo {
	width: 366px !important;
	padding-top: 12px !important;
	height: 100px !important;
	position: absolute;
	z-index: 100 !important;
	margin-left: 30px;
}
xxx.fusion-logo .fusion-logo-link {
	margin-left: 66px; 
	/*background-color: #000000;*/
}
xxx.a.fusion-logo-link {
	color: #000000 !important;
}
xxx.fusion-logo.mmf-audiooff::before {
    content: url("https://uitjereet.nl/wp-content/uploads/2020/01/audio-off.jpg");
	position: absolute;
}
xxx.fusion-logo.mmf-audioon::before {
    content: "\f028";/*url("https://uitjereet.nl/wp-content/uploads/2020/01/audio-on.jpg");*/
	font-family: "Font Awesome 5 Free";
	font-weight: 700;
	color: green;
	position: absolute;
}
xxx.fusion-main-menu {
	z-index: 80 !important;
	display: absolute !important;
}
xxx.fusion-main-menu li.mmf-filler-left  {
	background-color: #000000;
	width: calc(100vw - 800px);
	height: 100px;
	transition: all .3s ease-in !important;
}
.fusion-main-menu li  {
	/*background-image: url('https://uitjereet.nl/wp-content/uploads/2020/03/menuIconBG.png');*/
	width: 100px;
	height: 100px;
}
xx.fusion-main-menu li.mmf-filler-right  {
	background-color: #000000;
	padding-right: 30px !important;
	width: 30px !important;
	min-width: 30px !important;
	height: 100px;
}
.mmf-startlogo-holder {
	position: absolute;
	display: block;
	top: calc(50vh - 200px);
	margin-left: auto;
	margin-right: auto;
	left: 50px;
	right: 0;
	width: 400px;
	height: 400px;
	z-index: 1000;
}
.mmf-start-ring {
	position: relative;
	opacity: 0;
	-webkit-filter: drop-shadow(5px 5px 5px #0f0f0f);
  	filter: drop-shadow(5px 5px 5px #0f0f0f);
}
.mmf-startlogo {
	z-index: 10 !important;
}
.mmf-start-ring:hover {
	opacity: 1;
	transition: opacity 0.4s;
}
.page-id-1062 #main, .page-id-54 #main {
	width: 100% !important;
	min-height: calc(100% - 80px) !important;
}
.page-id-1062 #main .fusion-row, .page-id-54 #main .fusion-row {
	width: 100% !important;
	max-width: 100% !important;
}
.page-id-1062 #main .fusion-row article{
	display: inline-block !important;
	padding: 30px 30px !important;
}
xxx.page-id-1062 #main .mmf-scroll-container {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
xxx.fusion-blog-layout-grid.fusion-blog-layout-grid-4 .products {
	width: 25% !important;
	display: inline-block !important;
	float: left !important;
}
.mmf-product-title a {
	border: 2px solid rgba(0,0,0,0);
	border-radius: 40px 40px;
    background-color: rgba(0, 0, 0, 0.5) !important;
	color: #ffffff !important;
	padding: 8px 16px;
}
.mmf-product-title p {
	margin-top: -220px !important;
	
}
.mmf-product-title {
	z-index: 9999999 !important;
}

/*
.archive #main{
	max-width: 100% !important;
	min-height: 100vh;
}
.archive #main .fusion-row {
	padding-top: 150px !important;
	min-height: 100vh;
	max-width: 100% !important;
}
.archive .fusion-post-content-wrapper {
	display: none !important;
	visibility: hidden !important;
}
*/
/* ------------------------------ temp animation todo: animate it css classes --------------------------------------------------- */
.animated {
  -webkit-animation-duration: 1s !important;
  animation-duration: 1s !important;
  -webkit-animation-fill-mode: both !important;
  animation-fill-mode: both !important;
}
.animated.delay-30s {
  -webkit-animation-delay: 10s !important;
  animation-delay: 10s !important;
}
.mmf-product-prijs {
	display: block;
	position: absolute;
	padding: 0 10px 10px;
	right: 30px;
	bottom: 40px;
	margin-top: 30px; 
	font-weight: 900;
	font-size: 50px;
	border: 4px solid #535353;
	background-color: #000000;
	border-radius: 20px 20px;
	min-width: 130px;
	height: auto;
	line-height: 104px;
	text-align: center;
}
.mmf-product-prijs sup {
	font-size: .6em !important;
}
.mmf-product-prijs span {
	margin-right: 8px;
}

/* ----- scroll-container -------------------------------------------------------------------------- */
xxx.mmf-scroll-container article, xxx.fusion-posts-container article {
	height: 513px !important;
} 
/* ------------------------------ loading progressbar --------------------------------------------------- */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.pace-inactive {
  display: none;
}
.pace-progress {
	background: #298762 !important;
	position: fixed;
	z-index: 500;
	top: 1px;
	right: 100%;
	width: 100%;
	height: 3px;
	/*border-right: 3px solid #ffffff;*/
}
#mmf-paceprogress{
	position: absolute;
	display: inline-block !important;
	background-color: rgba(0,0,0,0.5);
	border-radius: 8px 0 0 8px;
	padding: 6px 0;
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	top: 106px;
	text-align: center;
	min-width: 80px;
	z-index: 100;
}
.pace-progress-inner, .pace-progress, .mmf-voortgang {
	background: #298762 !important;
}
/* --------------------------------------- notification area --------------------------------------------------------- */
.notifyjs-corner {
	width: 600px !important;
	z-index: 20000 !important;
	margin-left: -300px !important;
	top: 0px;
	left: 50% !important;	
}
.notifyjs-corner .title {
	font-size: 18px !important;
	color: #535353 !important;
}
.notifyjs-corner .text {
	font-size: 14px !important;
	color: #535353 !important;
}
.notifyjs-corner img {
	opacity: 0.5;
}
.notifyjs-metro-base.notifyjs-metro-black {
	background-color: #0E0E0E !important;
	border-radius: 3px 3px !important;
}
/* -------------------------------------------- effect select -------------------------------------------------------------------------------*/
.mmf-effectscroller .gform_wrapper form {
    text-align: center !important;;
}
#gform_wrapper_2.gform_wrapper {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.mmf-up, .mmf-down {
	display: block;
	width: 100%;
}
#input_2_1 {
	font-size: 42px !important;
	height: 50px;
	background-color: transparent !important;
	color: #ffffff !important;
	opacity: 0;
}
.mmf-effectoption {
	display: inline-block;
	width: 100%;
}
.mmf-effectoption .mmf-effect-1 {
	height: 150px;
    text-align: left;
    display: inline-block !important;
    vertical-align:middle;
}
.mmf-effect-1 {
	position: relative;
	width: 150px !important;
	height: 150px !important;
	display: inline-block !important;
	float: left;
}
.mmf-effect-2 {
	position: relative;
	width: calc(100% - 300px - 0.2em) !important;
	height: 150px !important;
	display: inline-block !important;
	float: left;
}
.mmf-effect-3 {
	position: relative;
	width: 150px !important;
	height: 150px !important;
	display: inline-block !important;
	float: left;
}
.mmf-effect-3::after {
	clear: both;
}
.mmf-effectstart {
	line-height: 150px;
}
.mmf-effecth3 {
	display: block;
	font-size: 34px !important;
	padding-bottom: 20px !important;
	width: 100%;
}
.mmf-effect-3 .mmf-effectbtn {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin-top: auto;
	margin-bottom: auto;
	width: 85px;
	height: 85px;
	text-align: center;
	opacity: 0.5;
	transition: opacity .3s ease-in;
}
.mmf-effect-3 .mmf-effectbtn:hover {
	opacity: 1;
	transition: opacity .3s ease-in;
}
.drum-viewport {
  cursor: pointer;
  font-family: sans-serif;
}
.drum-item {
	padding: 0.3em;
}
.drum {
	margin: 30px;
}
.drum-2.drum-viewport {
	background-color: transparent;
	font-size: 3em !important;
	height: 185px !important;
	overflow: hidden !important;
}
.drum-2 .drum-drum {
  margin: 0 .75em;
}
.drum-2 .drum-item {
	background: rgba(0,0,0,0.25);
	color:#373737;
	text-align: center;
	font-weight: bold;
	margin: 10px 0;
}
.drum-2 .drum-item.drum-item-current, .drum-2 .drum-item.drum-item-current i::before {
	color: #ffffff;
}
.drum-2.drum-viewport .drum-item .mmf-effectdescr {
	font-size: 18px !important;
	line-height: 30px !important;
	display: inline-block;
}
#gform_submit_button_2 {
	opacity: 0 !important;
	pointer-events: none !important;
}
.gform_wrapper #gform_2 .gform_footer {
	max-height: 0px !important;
}
#gform_2 .ginput_container_select {
	position: relative;
}
.gform_wrapper#gform_wrapper_3 {
    margin-bottom: 6px !important;
    margin-top: 6px !important;
}
.gform_wrapper ul li.field_description_below div.ginput_container_radio {
    margin-top: 10px !important;
}
#gform_wrapper_2 .gform_required_legend {
	display: none !important;
}
#gform_submit_button_3 {
	border: 1px solid #535353;
}
/* -------------------------------------------- idle pop up  -----------------------------------------------------------------*/
#mmf-idle-wrapper{
	display: block;
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	background-color: rgba(0,0,0,0.5);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 5000;
}
#mmf-idle-wrapper.fadeout {
	background-color: rgba(0,0,0,1);
	transition: all 3.5s ease-in !important;
}
#mmf-idle-div {
	display: block;
	position: absolute;
	min-width: 700px;
	min-height: 300px;
	padding: 30px 30px;
	width: 500px;
	height: 300px;
	background-color: #000;
	border-radius: 10px 10px;
	margin: auto auto;
	text-align: center;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
#mmf-idle-wrapper.offscreen {
	margin-top: -100% !important;
}
#mmf-idle-wrapper.hide {
	opacity: 0;
	pointer-events: none;
	transition: opacity 1s ease-in;
}
#mmf-idle-wrapper.onscreen {
	margin-top: 0 !important;	
}
#mmf-idle-wrapper.show {
	opacity: 1;
	pointer-events:auto;
	transition: opacity .4s ease-in;
}
.mmf-idle-text{
	display: inline-block;
	text-align: center;
	font-size: 30px;
	color: #ffffff;
	margin-bottom: 30px;
}
.mmf-idle-count{
	display: inline-block;
	width: 100%;
	font-weight: bold;
	text-align: center;
	font-size: 60px;
	color: #ffffff;
}
#mmf-idle-div a {
	display: inline-block;
	margin-top: 30px;
	padding: 8px 20px;	
}
/* -------------------------------------------- nieuwsbrief formulier -----------------------------------------------------------------*/
xxxx#mmf-newsoverlay {
	display: block !important;
	background-color: rgba(0,0,0,0.97) !important;
	position: absolute !important;
	left: 0;
	top: 0;
	righ: 0;
	bottom: 0;
	width: 100% !important;
	height: 100% !important;
	min-width: 100% !important;
	min-height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	z-index: 13000 !important;
	opacity: 1;
}
xxx#mmf-newsoverlay.offScreen {
	margin-top: -100% !important;
}
xxx#mmf-newsoverlay.hide, #mmf-closeform.hide, .mmf-down-placeholder.hide {
	opacity: 0;
	transition: opacity 1s ease-in;
}
xxx#mmf-newsoverlay.onScreen {
	margin-top: 0 !important;	
}
xxx#mmf-newsoverlay.show, #mmf-closeform.show, .mmf-down-placeholder.show {
	opacity: 1;
	transition: opacity .4s ease-in;
}
.mmf-newsform {
	display: block;
	position: absolute;
	left: 0; 
 	right: 0;
	text-align: center !important;
	padding: 30px 30px;
	margin: 0 auto !important;
	margin-top: 80px !important;
	background-color: rgba(0,0,0,1);
	width: 800px;
	min-width: 800px;
	max-height: 340px;
}
.mmf-newsform h2.h2-newsform {
	color: #ffffff !important;
}
a.h2-closeform {
	height: 40px;
	width: 200px;
	line-height: 40px;
	border-radius: 3px 3px ;
	display: block !important;
	text-align: center !important;	
	margin-left: auto;
	margin-right: auto;
	color: #535353;
	background-color: transparent;
}
a.h2-closeform:hover {
	color: #f00;
	transition: all .4s ease-in;
}
.mmf-virtual-keyboard {
	display: none !important;
}
.mmf-virtual-keyboard .mmf-formcolumn {
	display: block;
	margin: 0 auto !important;
	max-width: 1000px;
	padding: 0 50px 50px 50px;
	background-color: #000000;
	border: 1px solid #535353;
	border-radius: 10px 10px;
}
.h2-newsform {
	text-align: center !important;
	font-size: 38px !important;
}
.mmf-mail-input {
	text-align: center !important;
}
.ui-keyboard {
	margin-top: 100px;
}
.ui-keyboard-keyset.ui-keyboard-keyset-normal {
	margin-top: 40px;
	margin-left: calc((100vw - 1280px) / 2) !important;
}
#input_1_11, .ui-keyboard-preview-wrapper input {
	background-color: #000000;
	border: 1px solid #535353;
	font-size: 20px !important;
	height: 50px !important;
	line-height: 50px !important;
	border-radius: 3px 3px!important;
	font-family: Montserrat, Verdana, Geneva, sans-serif;
	font-weight: 700;
	color: #fff;
	width: 50%;
	max-width: 1280px;
	margin: 20px auto !important;
}
.ui-keyboard-preview-wrapper input {
	width: 80%;	
	margin-left: calc((100vw - 1280px) / 2) !important;
}
#input_1_11_keyboard.ui-widget-content {
	border: none !important;
	background: transparent;
}
.ui-keyboard-keyset.ui-keyboard-keyset-normal, .ui-keyboard-keyset.ui-keyboard-keyset-meta1 {
	border: 1px solid #535353;
	background-color: #000000;
	padding: 20px 20px;
	border-radius: 10px 10px;
}
ul#gform_fields_1 {
	list-style: none !important;
	padding-left: 0 !important;
}
.mmf-thankyou {
	font-size:30px;
	font-weight: 800;
	margin: 50px 0;
}
/* ------ header ------------------------------------------------------------------------------------ */
.fusion-header.fusion-sticky-shadow {
	box-shadow: 0 10px 20px rgba(255,255,255,0.15) !important;
}
/* -----Gravity Forms -------------------------------------------------------------------------- */
.gform_wrapper li.gfield.gfield_error {
	background-color: transparent !important;
	margin-bottom: 6px !important;
	border-top: none !important;
	border-bottom: none !important;
	padding-bottom: 6px;
	padding-top: 8px;
}
.gform_wrapper div.validation_error {
    color: #e20613 !important;
	border-top: none !important;
	border-bottom:  none !important;
}
.gform_wrapper .validation_message {
    color: #e20613 !important;
}
.hundred-percent-height.mmf-virtual-keyboard, .mmf-virtual-keyboard {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;	
}
#mmf-mailadres_keyboard .ui-keyboard-preview-wrapper .ui-widget-content.ui-keyboard-preview {
	height: 80px;
	lineheight: 80px;
	padding: 20px 20px;
	font-size: 60px;
}
#mmf-mailadres_keyboard {
	top: 200px !important;
	margin-left: 10% !important;
	display: block !important;
	width: 80% !important;
}
#gform_submit_button_1 {
	opacity: 0;
	pointer-events: none !important;
}
.mmf-form-newsletter input[type="text"], #input_1_1 {
	height: 50px;
	line-height: 50px;
	border-radius : 6px;
}
.ui-keyboard-button {
    height: 120px !important;
    min-width: 120px !important;
    margin: 2px !important;
    line-height: 120px !important;
}
.ui-widget button {
    font-family: Segoe UI,Arial,sans-serif;
    font-size: 1.5em !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #666;
	background: #000000 !important;
	font-weight: bold;
	color: #ffffff !important;
	transition: all 0.75s ease-in !important;
}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus {
	border:1px solid #298762 !important;
	background: #298762 !important;
	font-weight:bold;
	color:#fff;
	transition: all .2s !important;
}
.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{
	color:#fff;
	text-decoration:none
}
.ui-keyboard-actionkey.ui-keyboard-accept {
	background-color: #298762 !important;
	border: 2px solid #298762 !important;
}
.ui-keyboard-actionkey.ui-keyboard-accept:hover {
	background-color: #000 !important;
	color: #f60 !important;
	border: 2px solid #298762 !important;
}
.ui-keyboard-actionkey.ui-keyboard-accept.geblokkeerd {
	background-color: #646464 !important;
	border-color: #646464 !important;
	color: #373737 !important;
}
.mmf-right-column, .mmf-full-height-container {
	height: calc(100vh - 80px) !important;
	height: 100vh !important;
}
.mmf-right-column .glitch-wrapper h1{
	font-size: 60px;
	line-height: 60px;
}
.mmf-right-column .fusion-title {
	margin-bottom: 10px !important;
}
.mmf-right-column .fusion-title-1 h2{
	font-size: 30px !important;
}
.fusion-header, .fusion-header.fusion-sticky-shadow {
	/*box-shadow: 0 10px 20px  rgba(255,255,255,0.15); */
}
.mmf_product_column .pagination  {
	display: none !important;
}
xxx.mmf-producten .fusion-column .content-box-wrapper {
	min-height: 360px !important;
	transition: all .3s ease-in;
}
xxx.mmf-producten .fusion-column .content-box-wrapper:hover {
	transition: all .3s ease-in;
}
xxx.mmf-producten .content-box-column {
    min-height: 360px !important;
}
.mmf-producten .content-box-column img {
	opacity: 0.75 !important;
	transition: all .3s ease-in;
}
.mmf-producten .content-box-column img:hover {
	opacity: 1 !important;
	transition: all .3s ease-in;
}
.mmf-productinfo tr td:first-child{
	padding: 4px 20px 4px 4px;
	max-width: 50px !important;
}
.mmf-productinfo{
	font-size: 30px;
	font-weight: bold;
}
.hundred-percent-height-center-content, .hundred-percent-height {
	min-height: 100vh !important;
	height: 100vh  !important;
}
.mmf-fullheight, .mmf-fullheight.fusion-column-no-min-height, .fusion-column-no-min-height .fusion-column-content-centered, .fusion-column-no-min-height .fusion-column-wrapper, .mmf-fullheight  .fusion-column-wrapper{
	min-height: 100vh !important;
	height: 100vh !important;
}
.fusion_builder_column_1_2.mmf-fullheight .fusion-column-wrapper img.attachment-full.size-full {
	max-height: 1200px !important;
	height: 100% !important;
}
xxx.fusion_builder_column_1_2.fusion-builder-column-2 {
	padding-top: 80px;
}
h2.title-heading-right.mmf-categorie-naam {
	text-transform: uppercase !important;
}
.fusion-title {
	text-align: right !important;
}
.mmf-upper {
	text-transform: uppercase !important;
}
.mmf-tabel tr > td.mmf-smalletd{
	max-width: 30px !important;
}
.mmf-tabel tr > td:first-child{
	padding: 4px 4px !important;
}
.fusion-button-wrapper.mmf-discl-wrapper {
	display: block;
	margin-top: 30px !important;
}
.mmf-table-product-left {
	position: absolute !important;
	bottom: 30px !important;
	left: 30px !important;
	background-color: rgba(0,0,0,0.2) !important;
	padding: 10px 10px;
	border-radius: 5px 5px;
	z-index: 2;
}
.mmf-table-product-left table, .mmf-table-product-left table tr, .mmf-table-product-left table tr td {
	border-radius: 3px 3px !important;
	border: 1px solid transparent !important;
	background-color: rgba(0,0,0,0.5) !important;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.08),inset 0 0 0 1px rgba(255,255,255,.5);
	box-shadow: 0 1px 3px rgba(0,0,0,.08),inset 0 0 0 1px rgba(255,255,255,.5);
}
.mmf-table-product-left tr td {
	padding: 5px 10px !important;
	border: 1px solid #232323 !important;
}
.mmf-table-product-left tr td:first-child {
	padding: 4px 4px !important;
	text-align: center !important;
}
.mmf-table-product-left tr td .fontawesome-icon {
	float: none !important;
	margin: 0 10px
}
.fusion-grid-colum {
	position: relative;
}
.fusion-blog-layout-grid .fusion-post-grid, .fusion-gallery .fusion-gallery-column {
	display: block !important;
}
/*
.fusion-blog-layout-grid .fusion-post-grid, .fusion-blog-layout-grid article,
.fusion-grid-column{
	float: left !important;
	width: 25% !important;
} 
*/
.fusion-gallery-container .fusion-grid-column {
	float: left !important;
	/*width: 20% !important;*/
}
.mmf-cat-nav {
	pointer-events: none !important;
}
.mmf-product-cats {
	text-align: center !important;
}
.mmf-product-cats img.img-responsive {
	margin-top: 0px ;
	margin-left: 0px;
	/*clip-path: circle(40%);*/
	opacity: 1;
	transition: all .3s ease-in;
}
xxx.mmf-product-cats .fusion-gallery-image:hover img.img-responsive {
	/*filter: invert(100%) hue-rotate(180deg) saturate(100%) contrast(100%);*/
	background-image: radial-gradient(black, red); 
	background-size: cover !important;
	opacity: 0.8;
}
xxx.mmf-product-cats .fusion-gallery-image:hover img.img-responsive::after {
	position: absolute;
	content: "";
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background-image: radial-gradient(black, red); 
	background-size: cover !important;
	opacity: 1;
}
.mmf-product-cats .fusion-gallery-image {
	position: relative;
	z-index: 30000 !important;
	opacity: 1;
}
.mmf-product-cats .fusion-gallery-image a{
	pointer-events: all !important; 
	cursor: pointer !important;
	display: inline-block;
	width: 100%;
	height: 100%;
}
xxx.mmf-menu-tile {
	position: relative;
}
xxx.mmf-menu-tile a:hover img {
	opacity: 0.5;
}
xxx.mmf-menu-tile:hover::after {
	opacity: 0.5;
}
xxx.mmf-menu-tile:hover::before {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
	height: 100%;
	max-width: 365px;
    max-height: 365px;
	background-image: url("https://uitjereet.nl/wp-content/uploads/2025/03/menuCatHoverOverlay.png") !important;
}
xxx.mmf-menu-tile::after {
	pointer-events: none !important;
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
	height: 100%;
	max-width: 365px;
    max-height: 365px;
	background-image: url("https://uitjereet.nl/wp-content/uploads/2025/03/menuCatOverlay.png") !important;	
	background-size: cover !important;
	opacity: 1;
}
.mmf-product-cats .fusion-gallery-image img,
.mmf-cats-products .fusion-gallery-image img,
.mmf-menu-tile img {
	clip-path: circle(40%);	
}

.mmf-product-cats .fusion-gallery-image::after,
.mmf-cats-products .fusion-gallery-image::after,
.mmf-menu-tile::after {
	position: absolute;
	pointer-events: none !important;
	content: "";
	top: 0;
	bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
	height: 100%;
	/*max-width: 500px;
    max-height: 500px;*/
	background-image: url("https://uitjereet.nl/wp-content/uploads/2025/05/menuTileAfter.webp") !important;
	background-image: url("https://uitjereet.nl/wp-content/uploads/2020/01/asProductOverlayChrome.png") !important;
	background-image: url("https://uitjereet.nl/wp-content/uploads/2025/05/asProductOverlayChromeGlass70.webp") !important;
	background-size: cover !important;
	opacity: 0.8;
}
.mmf-product-cats .fusion-gallery-image:hover::after,
.mmf-cats-products .fusion-gallery-image:hover::after,
.mmf-menu-tile:hover::after {
	background-image: url("https://uitjereet.nl/wp-content/uploads/2025/05/asProductOverlayChromeGlass50.webp") !important;
}
xxxx.fusion-post-cards-grid-column .fusion-image-element {
	opacity: 1;
}
xxx.fusion-post-cards-grid-column .fusion-image-element:hover {
	opacity: 1 !important;
}
.fusion-grid-posts-cards .fusion-imageframe {
	max-width: 450px !important;
	max-height: 450px !important;
}
.fusion-grid-column .fusion-imageframe::after {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
	height: 100%;
	/*max-width: 500px;
    max-height: 500px;*/
	/*background-image: url("https://uitjereet.nl/wp-content/uploads/2025/02/altered-state-POS-overlay.webp") !important;*/
	background-image: url("https://uitjereet.nl/wp-content/uploads/2025/05/menuTileAfter.webp") !important;
	background-image: url("https://uitjereet.nl/wp-content/uploads/2020/01/asProductOverlayChrome.png") !important;
	background-image: url("https://uitjereet.nl/wp-content/uploads/2025/05/asProductOverlayChromeGlass70.webp") !important;
	background-size: cover !important;
	opacity: 1;
}
xxx.fusion-grid-column .fusion-imageframe:hover::after {
	opacity: 0.5;
}
.fusion-imageframe:not(.mmf-no-img-overlay) {
	clip-path: circle(42%);
}
.fusion-imageframe.mmf-no-img-overlay.mmf-swipe-indicator.hide {
	opacity: 0;
	transition: all .8s ease-in;
}	

.mmf-left-column .fusion-imageframe {
	min-width: 450px !important;
	min-height: 450px !important;
	max-width: 450px !important;
	max-height: 450px !important;
	clip-path: circle(40%);
}
.mmf-left-column .fusion-imageframe::after {
	max-width: 500px;
    max-height: 500px;
	background-image: url("https://uitjereet.nl/wp-content/uploads/2020/01/asProductOverlayChrome.png") !important;
	background-size: cover !important;
}

xxx.mmf-product-cats .fusion-gallery-image:hover::after {
	opacity: .75;
}
.fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-rollover-title a {
	font-weight: 900 !important;
	border: 10px solid #fff !important;
	height: 80px !important;
	border-radius: 40px 40px !important;
}

.productcategory-happy-caps .fusion-image-wrapper img.attachment-full, 
.productcategory-kanna .fusion-image-wrapper img.attachment-full, 
.productcategory-cannabis-seeds .fusion-image-wrapper img.attachment-full, 
.productcategory-erotica .fusion-image-wrapper img.attachment-full { 
	clip-path: circle(40%);
}
.productcategory-happy-caps .fusion-image-wrapper .fusion-rollover, 
.productcategory-kanna .fusion-image-wrapper .fusion-rollover, 
.productcategory-cannabis-seeds .fusion-image-wrapper .fusion-rollover, 
.productcategory-erotica .fusion-image-wrapper .fusion-rollover { 
	background-image: url("https://uitjereet.nl/wp-content/uploads/2020/01/asProductOverlayChrome.png") !important;
	background-size: cover !important;
	opacity: 1;
}
.products-template-default .productcategory-cannabis-seeds .fusion-imageframe img.attachment-medium {
	clip-path: circle(45%);
}
.products-template-default .productcategory-cannabis-seeds .fusion-imageframe.mmf-img-product-left::before,
.products-template-default .productcategory-vaporizers .fusion-imageframe.mmf-img-product-left::before {
	position: absolute !important;
	min-width: 300px !important;
	min-height: 300px !important;
	z-index: 30000 !important;
	background-image: url("https://uitjereet.nl/wp-content/uploads/2020/01/asProductOverlayChrome.png") !important;
	background-size: cover !important;
	opacity: 1;
} 
.productcategory-happy-caps .fusion-image-wrapper .fusion-rollover,
.productcategory-cbd-products .fusion-image-wrapper .fusion-rollover, 
.productcategory-kanna .fusion-image-wrapper .fusion-rollover, 
.productcategory-truffels .fusion-image-wrapper .fusion-rollover, 
.productcategory-cannabis-seeds .fusion-image-wrapper .fusion-rollover,
.productcategory-vaporizers .fusion-image-wrapper .fusion-rollover, 
.productcategory-hotg .fusion-image-wrapper .fusion-rollover, 
.productcategory-sotg .fusion-image-wrapper .fusion-rollover, 
.productcategory-erotica .fusion-image-wrapper.fusion-rollover, 
.productcategory-vaporizers .fusion-image-wrapper .fusion-rollover { 
	opacity: 1;
}
.productcategory-happy-caps .fusion-image-wrapper:hover,
.productcategory-cbd .fusion-image-wrapper:hover,
.productcategory-kanna .fusion-image-wrapper:hover,
.productcategory-truffels .fusion-image-wrapper:hover, 
.productcategory-cannabis-seeds .fusion-image-wrapper:hover, 
.productcategory-kratom .fusion-image-wrapper:hover, 
.productcategory-hotg .fusion-image-wrapper:hover, 
.productcategory-sotg .fusion-image-wrapper:hover, 
.productcategory-erotica .fusion-image-wrapper:hover, 
.productcategory-vaporizers .fusion-image-wrapper:hover {
	-webkit-filter: drop-shadow(0 0 5px rgba(226,6,19, 0.95));
     filter: drop-shadow(0 0 5px rgba(226,6,19, 0.95));
	transition: all .3s ease-in;
}
.productcategory-happy-caps .fusion-image-wrapper:hover .fusion-rollover .fusion-rollover-title a,
.productcategory-cbd .fusion-image-wrapper:hover .fusion-rollover .fusion-rollover-title a,
.productcategory-kanna .fusion-image-wrapper:hover .fusion-rollover .fusion-rollover-title a, 
.productcategory-truffels .fusion-image-wrapper:hover .fusion-rollover .fusion-rollover-title a, 
.productcategory-cannabis-seeds .fusion-image-wrapper:hover .fusion-rollover .fusion-rollover-title a, 
.productcategory-kratom .fusion-image-wrapper:hover .fusion-rollover .fusion-rollover-title a, 
.productcategory-hotg .fusion-image-wrapper:hover .fusion-rollover .fusion-rollover-title a,
.productcategory-sotg .fusion-image-wrapper:hover .fusion-rollover .fusion-rollover-title a, 
.productcategory-erotica .fusion-image-wrapper:hover .fusion-rollover .fusion-rollover-title a, 
.productcategory-vaporizers .fusion-image-wrapper:hover .fusion-rollover .fusion-rollover-title a {
	border-color: #e20613;
	background-color: #e20613;
	color: #ffffff !important;
	font-weight: 900;
	transition: all .3s ease-in;
}
/* ----------- content ---------------------------------------------------------------------------------------------------------------------------------*/
.mmf-left-column {
	
}
.mmf-right-column {
	box-shadow: inset 100px 0 100px rgba(0,0,0,0);
	transition: all .4s ease-in;
}
#main .post-content .fusion-border-below-title h1.mmf-product-naam {
	margin-bottom: 10px !important;
}
.fusion-content-boxes.content-boxes-icon-on-side .heading-with-icon img, .fusion-content-boxes.content-boxes-icon-with-title .heading-with-icon img {
    margin-right: 10px !important;
	margin-left: 10px !important;
}
.fusion-content-boxes.content-boxes-clean-horizontal .col {
    padding: 0 !important;
}
.mmf-img-product-left {
	position: absolute !important;
	bottom: 40px !important;
    right: 0px !important;
}
.mmf-backcontainer, .mmf-downcontainer  {
	z-index: 2000 !important;
}
#mmf-products-updown-placeholder , #mmf-updown-placeholder {
	display: inline-block;
	text-align: center;
	position: fixed;
	left: calc(50vw - 50px) !important;
	bottom: 10px;
	max-height: 180px;
	min-height: 95px;
	min-width: 95px;
	width: 95px;
	max-width: 95px;
	padding: 1px 1px;
	background-color: rgba(0,0,0,0.6);
	border-radius: 48px 48px;
	border: 4px solid #7F7F7F;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
	transition: all .3s ease-in;
	z-index: 5000 !important;
}
#mmf-updown-placeholder.open, #mmf-products-updown-placeholder.open {
	max-height: 185px;
	height: 185px;
}
#mmf-updown-placeholder.closed, #mmf-products-updown-placeholder.closed {
	max-height: 95px;
	height: 95px;
}
#mmf-up-navigation.hide, #mmf-products-up-navigation.hide {
	opacity: 0;
	display: none;
	transition: all .3s all;
	height: 0px;
}
#mmf-down-navigation.hide, #mmf-products-down-navigation.hide {
	opacity: 0;
	display: none;
	transition: all .3s all;
	height: 0px;
}
#mmf-up-navigation.show, #mmf-products-up-navigation.show {
	opacity: 1;
	display: inline-block;
	transition: all .3s all;
	height: 85px;
	width: 85px;
}
#mmf-down-navigation.show,#mmf-products-down-navigation.show {
	opacity: 1;
	display: inline-block;
	transition: all .3s all;
	height: 85px;
	width: 85px;
}
#mmf-back-placeholder {
	display: inline-block;
	position: fixed;
	left: 0;
	top: calc(50vh - 50px);
	min-height: 95px;
	max-width: 130px;
	width: 110px;
	padding: 6px 6px;
	background-color: rgba(0,0,0,0.75);
	border-radius: 0 50% 50% 0;
	border: 4px solid #707070;
	opacity: 1;
	border-left: none;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
	transition: all .3s ease-in;
	z-index: 5000 !important;
}
#mmf-back-link {
	display: inline-block !important; 
	width: 100%;
	height: 100%;
	min-width: 85px;
	min-height: 85px;
	margin-left: 30px;
	opacity: .25;
}
#mmf-back-link .fa-level-down::before {
	content: "\f3be";
	transform: rotate(90deg);
	font-size: 40px;
	line-height: 85px;
}
#mmf-back-link .fa-level-down {
	transform: rotate(90deg);
}
#mmf-back-placeholder:hover {
	background-color: rgba(0,0,0,1);
	border: 4px solid #ffffff;
	border-left: none;
	opacity: 1;
	transition: all .3s ease-in;
}
#mmf-down-placeholder, .fusion-load-more-button {
	display: inline-block;
	position: fixed;
	left: calc(50vw - 50px) !important;
	bottom: 0;
	max-height: 130px;
	min-width: 95px;
	padding: 5px 5px;
	background-color: rgba(0,0,0,0.6);
	border-radius: 50% 50% 0 0;
	border: 4px solid #ffffff;
	border: 4px solid #7F7F7F;
	border-bottom : none;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
	transition: all .3s ease-in;
	z-index: 5000 !important;
}
#mmf-back-placeholder img, 
#mmf-back-placeholder #mmf-back-link img, 
.mmf-down-placeholder img, 
#mmf-updown-placeholder #mmf-up-navigation img, 
#mmf-updown-placeholder #mmf-down-navigation img, 
.fusion-load-more-button {
	opacity: 0.3;
	transition: all .5s ease-in;
}
#mmf-back-placeholder #mmf-back-link img {
	opacity: 0.6;
}
#mmf-back-placeholder:hover img, 
#mmf-back-placeholder #mmf-back-link:hover img, 
.mmf-down-placeholder:hover img, 
#mmf-updown-placeholder:hover img , 
.fusion-load-more-button:hover, 
#mmf-updown-placeholder #mmf-up-navigation:hover img, 
#mmf-updown-placeholder #mmf-down-navigation:hover img, 
#mmf-back-placeholder #mmf-back-link:hover img {
	opacity: 1;
	transition: all .5s ease-in;
}
#mmf-updown-placeholder #mmf-down-navigation,  #mmf-updown-placeholder #mmf-up-navigation {
	border-radius: 50% 50%;
	transition: all .4s ease-in;
}
#mmf-updown-placeholder #mmf-down-navigation:hover,  #mmf-updown-placeholder #mmf-up-navigation:hover {
	transition: all .4s ease-in;
}
.button-default {
	font-weight: 700 !important;
	border-width: 1px !important; 
	transition: all .5s ease-in;
	border-radius: 5px 5px !important;
}
.button-default:hover {
	border-color: #ffffff !important; 
	border-width: 1px !important; 
	background: #23232e !important;
	transition: all .5s ease-in;
}
.button-default span {
	text-shadow: 1px 1px 0 #000000 !important;
}
/* -------------------------------------------- product prev/next navigation -----------------------------------------------------------------*/
.single-navigation {
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 30px !important;
	z-index: 12000 !important;
}
.single-navigation {
    height: 80px;
    line-height: 80px;
	margin-top: 10px !important;
    border-top: none !important;
	border-bottom: none !important;
    margin-bottom: 0 !important;
    text-align: center;
}
.single-navigation a[rel="prev"] {
	margin-left: 0 !important;
    margin-right: 0 !important;
	min-width: 100px !important;
	border: 4px solid #ffffff !important;
	border-right: none !important;
	border-radius: 50% 0 0 50% !important;
	color: transparent !important;
	font-size: 50px;
	opacity: .25;
	background-color: rgba(0,0,0,0.5);
	transition: all .5s ease-in;
}
.single-navigation a[rel="next"] {
    margin-left: 0 !important;
    margin-right: 0 !important;
	min-width: 100px !important;
	/*padding: 6px 6px;*/
	border: 4px solid #ffffff !important;
	border-left: none !important;
	border-radius: 0 50% 50% 0 !important;
	color: transparent !important;
	opacity: .25;
	font-size: 50px;
	background-color: rgba(0,0,0,0.5);
	transition: all .5s ease-in;
}
.single-navigation a[rel="prev"]::before {
	font-family: 'Font Awesome 5 Free' !important;
	font-weight: 900 !important;
	content: "\f104" !important;
	font-size: 50px !important;
	line-height: 80px !important;
	color: #ffffff !important;
	transform: translateY(0%);
	transform: translateX(-60%);
	position: absolute;
	left: 0;
	top: 0;
	width: 80px;
	height: 80px;
	margin-left: 60px;
}
.single-navigation a[rel="next"]::before {
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900 !important;
	content: "\f105";
	font-size: 50px !important;
	line-height: 80px !important;
	color: #ffffff !important;
	position: absolute;
	left: 0;
	top: 0;
	width: 80px;
	height: 80px;
}
.single-navigation a[rel="prev"]:hover, .single-navigation a[rel="next"]:hover {
	background-color: rgba(0,0,0,0.85) !important;
	border-color: #ffffff !important;
	transition: all .5s ease-in;
	opacity: 1 !important;
}
.single-navigation a:hover img {
	opacity: 1 !important;
	transition: all .5s ease-in;
}
.single-navigation a[rel="next"]::after {
	content : '' !important;
}

.single-navigation a[rel="prev"].disabled {
	background-color: rgba(0,0,0,0.75) !important;
	border-radius: 8px 0 0 8px !important;
}
.single-navigation a[rel="next"].disabled {
	background-color: rgba(0,0,0,0.75) !important;
	border-radius: 0 8px 8px 0 !important;
}
body.modal-open , .fusion-modal, .modal, .modal.fade {
	outline: hidden !important;
}
.modal-content.fusion-modal-content {
	z-index: 999999999;	
}
.fusion-modal .modal-header .close {
	position: absolute;
    right: 10px;
	width: 40px !important;
	height: 40px !important;
	background-color: transparent !important; 
	color: #ff0000 !important; 
	border: 1px solid #ff0000 !important;
}
.fusion-modal .modal-header .close:hover {
	color: #222222 !important; 
	border: 1px solid #ff0000 !important;
	background-color: #ff0000 !important; 
	cursor: pointer;
}

.mmf-right-column h2, .modal h2, .mmf-right-column h3 {
	color: #298762 !important;
	display: inline-block;
	text-transform: uppercase !important;
	background-color: rgba(0,0,0,0.5);
	font-size: 16px !important;
	font-weight: 700 !important;
	padding: 3px 12px !important;
	border: 2px solid #ffffff;
	border-radius: 30px 30px;
	margin-bottom: 15px;
}
.mmf-happycaps-sum .content-box-column {
	min-height: 400px !important;	
}
.single-products .fusion-row {
	max-width: 100% !important;
}
.products-template-default .fusion-column-wrapper .mmf-extra-bg-div{
	min-width: 100% !important;
	min-height: 100vh !important;
	z-index: 1 !important;
	position: absolute;
	display: block;
	opacity: 0;
	transition: opacity .2s ease-in;
}
.mmf-right-column.mmf-gradient-left {
	box-shadow: inset 100px 0 100px rgba(0,0,0,1);
	transition: box-shadow 2.4s ease-in;
}
.products-template-default .fusion-column-wrapper .mmf-extra-bg-div.show {
	opacity: 0.95;
	transition: opacity 2s ease-in;
}
.single-products #main {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.modal-dialog {
	margin-top: 120px !important;
}
.modal{
	overflow-y: hidden !important;
	width: calc(100% - 20px) !important;
}
.modal-open {
	padding-right: 0px !important;
}
.modal-title {
	color: #ffffff !important;
}
.modal-content.fusion-modal-content {
	background-color: #171717 !important;
	border: 10px solid #4A4A4A !important;
	box-shadow: inset -6px -6px 6px rgba(0,0,0,0.25);
}
.mmf-modal-trigger {
	background-color: #298762 !important;
	border-color: #298762 !important;
}
.post {
	margin-bottom: 0 !important;
}
#main .post h2 a {
	color: #3eb036 !important;
}
#wrapper #main .fusion-post-content > .blog-shortcode-post-title{
	color: #3eb036 !important;
	text-align: center !important;
	width: 100% !important;
}
.fusion-posts-container .fusion-post-wrapper {
	border: none !important;
    border-bottom-width: 0 !important;
}
.fusion-blog-layout-grid .fusion-post-slideshow, .fusion-blog-layout-timeline .fusion-post-slideshow {
    border-bottom: none !important;
}
.fusion-image-wrapper .fusion-rollover .fusion-rollover-content .fusion-rollover-title a {
	font-family: Montserrat, Verdana, Geneva, sans-serif !important; 
	font-size: 20px;
	background-color: #000000;
	border-radius: 20px 20px;
	padding: 8px 16px;
	border: 2px solid #ffffff;
}
.fusion-blog-shortcode-10 .fusion-blog-layout-grid .fusion-post-grid, body:not(.search-results) #posts-container .fusion-blog-layout-grid .fusion-post-grid {
    padding: 10px 30px !important;
}
.fusion-rollover-content {
    width: 100% !important;
}
.mmf-sidegradient {
	background-image: linear-gradient(to right, rgba(0,0,0,1) , rgba(0,0,0,0) 20%);
}
/* ================================================================================================================= */
/* ================================================== schuifbalk =================================================== */
/* ================================================================================================================= */
.fusion-sliding-bar-position-right {
    top: 100px !important;
}
.fusion-sliding-bar-wrapper, .fusion-sliding-bar-area, .fusion-sliding-bar {
	z-index: 50000 !important;
}
.fusion-sb-toggle {
	display: none !important;
	visibility: hidden !important;
}
/*
.mmf-trigger-numpad, .mmf-padlock-numpad, #mmf-trigger-minscreen, #mmf-trigger-maxscreen, .fusion-sliding-bar-position-right.fusion-sliding-bar-toggle-rectangle .fusion-sb-toggle.show {
	background-color: rgba(255,255,255,0.15);
	text-align: center;
	width: 80px !important;
	line-height: 80px !important;
	margin-bottom: 1px !important;
	height: 80px !important;
	font-size: 40px;
	position: fixed;
	right: 20px;
	top: 10px !important;
	border-radius: 8px 8px !important;
	z-index: 15000;
}
.mmf-trigger-numpad, .mmf-padlock-numpad {
	right: 20px;
	top: 10px !important;
	transition: all .4s ease-in;
}
#mmf-trigger-minscreen, #mmf-trigger-maxscreen  {
	padding-top: 5px;
	right: 200px;
	top: 10px !important;
	transition: all .4s ease-in;
}
#mmf-trigger-minscreen i, #mmf-trigger-maxscreen i {
	margin-top: 10px !important;
}
#mmf-trigger-minscreen.hide {
	opacity: 0 !important;
}
 #mmf-trigger-maxscreen.hide  {
	opacity: 0 !important;
}

.fusion-sliding-bar-position-right.fusion-sliding-bar-toggle-rectangle .fusion-sb-toggle.show {
	transition: all .4s ease-in;
	right: 110px;
}
.fusion-sliding-bar-position-right.fusion-sliding-bar-toggle-rectangle .fusion-sb-toggle.hide, .fusion-sliding-bar-position-right.fusion-sliding-bar-toggle-rectangle .fusion-sb-toggle  {
	right: -100px;
}
.mmf-trigger-numpad.show {
	right: 20px;
	transition: all .4s ease-in;
}
.mmf-trigger-numpad i.fa-lock:before, .mmf-trigger-numpad i.fa-lock:before {
	content: "\f023" !important;
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900 !important;
}
.mmf-trigger-numpad.unlocked i.fa-lock:before, .mmf-trigger-numpad.unlocked i.fa-lock:before, .mmf-padlock-numpad i.fa-unlock:before {
	content: "\f09c" !important;
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900 !important;
}
*/
.fusion-sliding-bar {
	top: 8px;
}
.fusion-slidingbar-widget-column {
    margin-bottom: 10px !important;
}
.fusion-sliding-bar-position-right.fusion-sliding-bar-columns-stacked .fusion-sliding-bar-content>.fusion-column {
	padding: 0 !important;
}
.mmf-trigger-numpad a, .mmf-trigger-numpad, .mmf-padlock-numpad i:before{
	color: #1E1E1E !important;
	transition: all .3s ease-in;
}
.mmf-trigger-numpad a:hover, .mmf-trigger-numpad:hover a, .mmf-padlock-numpad:hover i:before  {
	color: #fff !important;
	transition: all .3s ease-in;
	cursor: pointer !important;
}
#mmf-trigger-minscreen:hover i:before, #mmf-trigger-maxscreen:hover i:before {
	color: #fff !important;
	fill: #ffffff;
	transition: all .3s ease-in;
	cursor: pointer !important;
}
/* ---------- form 3 -----------*/
.gform_wrapper ul.gfield_radio li input[type="radio"] {
	opacity: 0 !important;
}
.gform_wrapper ul.gfield_radio li input[type="radio"] + label span{
	display: block;
	text-align: center;
	margin-top: 4px;
	font-size: .7em;
	font-weight: 700;
	opacity: .3 !important;
	text-transform: uppercase;
}
.mmf-app-settings-oc h2 {
	font-size: 20px !important;
	font-weight: 700;
	color: #404049;
	padding: 0 3px; 
	text-transform: uppercase;
	margin-top: 0px !important;
	margin-bottom: 10px;
}
.mmf-app-settings-oc li span {
	display: block;
	text-align: center;
	font-size: 12px;
	color: #404049;
	font-weight: bold;
	width: 100%;
	margin-top: 4px;
	text-transform: uppercase;
	opacity: 0;
}
.mmf-app-settings-oc span.mmf-settings-saved {
	color:	#27c34f !important;
	float: right !important;
	display: inline !important;
	opacity: 0;
	transition: all .6s ease-in;
}
.mmf-app-settings-oc span.mmf-settings-saved.show {
	opacity: 1;
	transition: all .3s ease-in;
}
.mmf-app-settings-oc h3 {
	font-size: 14px !important;
	background-color:#298762  !important;
	color: #fff9da !important;
	font-weight: 700;
	padding: 5px 10px !important;
	margin-bottom: 0 !important;
	border: 1px solid #298762;
	border-radius:  5px 5px 0 0;
}
.mmf-app-settings-oc li {
	display: block;
	border: 2px solid transparent;
	border-radius: 3px 3px;
	padding: 2px 2px;
	margin: 3px 3px;
	text-align: center;
	font-size: 12px;
	width: 100%;
	text-transform: uppercase;
	filter: saturate(25%);
}
.mmf-app-settings-oc li.active, .mmf-app-settings-oc li:hover {
	border: 2px solid #fff9da;
	filter: saturate(100%);
}
.mmf-app-settings-oc li.active span, .mmf-app-settings-oc li:hover span  {
	color: #ffffff;
	opacity: 1;
	font-weight: bold;
	transition: all .3s ease-in;
}
.mmf-app-settings-oc li img {
	border-radius: 3px 3px;
	opacity: 0.75;
	transition: all .3s ease-in;
}
.mmf-app-settings-oc li.active img, .mmf-app-settings-oc li:hover img  {
	transition: all .3s ease-in;
	opacity: 1;
}
.mmf-app-settings-oc li.active img {
	padding: 2px 2px;
	border: 2px solid #404049; 
}
.mmf-app-settings-oc li.wavon a,.mmf-app-settings-oc li.audon a,
.mmf-app-settings-oc li.wavoff a, .mmf-app-settings-oc li.audoff a {
	width: 58px;
	height: 58px;
	min-width: 58px;
	min-height: 58px;
}
.mmf-app-settings-oc li.wavon a, .mmf-app-settings-oc li.audon a  {
	background: url('https://uitjereet.nl/wp-content/uploads/2020/03/iconSwitchOnMuted.jpg')  no-repeat;
	display: inline-block;
	background-size: 58px 58px;
	border-radius: 3px 3px;
	min-width: 58px;
	min-height: 58px;
	transition: all .3s ease-in;
}
.mmf-app-settings-oc li.wavoff a, .mmf-app-settings-oc li.audoff a  {
	background: url('https://uitjereet.nl/wp-content/uploads/2020/03/iconSwitchOffMuted.jpg')  no-repeat;
	display: inline-block;
	background-size: 58px 58px;
	border-radius: 3px 3px;
	min-width: 58px;
	min-height: 58px;
	transition: all .3s ease-in;
}
.mmf-app-settings-oc li.wavon.active a, .mmf-app-settings-oc li.audon.active a,
.mmf-app-settings-oc li.wavon a:hover, .mmf-app-settings-oc li.audon a:hover  {
	background: url('https://uitjereet.nl/wp-content/uploads/2020/03/iconWavesOn.jpg')  no-repeat;
	display: inline-block;
	background-size: 58px 58px;
	border-radius: 3px 3px;
	min-width: 58px;
	min-height: 58px;
	transition: all .3s ease-in;
}
.mmf-app-settings-oc li.wavoff.active a, .mmf-app-settings-oc li.audoff.active a ,
.mmf-app-settings-oc li.wavoff a:hover, .mmf-app-settings-oc li.audoff a:hover {
	display: inline-block;
	background: url('https://uitjereet.nl/wp-content/uploads/2020/03/iconWavesOff.jpg')  no-repeat;
	background-size: 58px 58px;
	border-radius: 3px 3px;
	width: 58px;
	height: 58px;
	transition: all .3s ease-in;
}
/*
.gform_wrapper #gform_3 li.mmf-settings-bgimg, 
.gform_wrapper #gform_3 li.mmf-settings-eyecandy, 
.gform_wrapper #gform_3 li.mmf-settings-waves,
.gform_wrapper #gform_3 li.mmf-settings-screen,
.gform_wrapper #gform_3 li.mmf-settings-lock,
.gform_wrapper #gform_3 li.mmf-settings-color, 
.gform_wrapper #gform_3 li.mmf-settings-theme-color, 
.gform_wrapper #gform_3 li.mmf-settings-audio,*/
.mmf-settings-bgimg, 
.mmf-settings-masks,
.mmf-settings-waves,
.mmf-settings-audio,
.mmf-settings-sfx,
.mmf-settings-screen,
.mmf-settings-eyecandy,
.mmf-settings-lock,
.mmf-settings-sfx,
.mmf-settings-color, 
.mmf-settings-theme-color,
.mmf-settings-base-color {
	background-color: #000000;
	border: 1px solid #298762;
	border-radius: 0 0 5px 5px;
	/*padding: 6px 6px;*/
	margin-bottom: 10px;
	min-height: 100px;
}
.mmf-settings-base-color {
	min-height: 300px;	
}
.mmf-settings-bgimg ul, 
.mmf-settings-masks ul,
.mmf-settings-waves ul,
.mmf-settings-audio ul,
.mmf-settings-sfx ul,
.mmf-settings-screen ul,
.mmf-settings-eyecandy ul,
.mmf-settings-lock ul,
.mmf-settings-sfx ul,
.mmf-settings-color ul, 
.mmf-settings-theme-color ul,
.mmf-settings-base-color ul {
	margin: 10px 10px !important;
}
.mmf-settings-bgimg {
	margin-bottom: 12px;
}
.mmf-settings-bgimg, .mmf-settings-masks {
	min-height: 100px;
}
.mmf-settings-eyecandy li, .mmf-settings-lock li {
	margin-bottom: 8px !important; 
}
/*
.colorpickle {
    background-color: #000 !important;
    border: none !important;
	font-size: 60% !important;
}
.colorpickle  input[type=text]  {
    height: 20px !important;
}
.colorpickle .sliderWrapper label {
    line-height: 22px !important;
}
.colorpickle .sliderBg {
	right: 60px !important;
}
.colorpickle .sliderValue {
    width: 40px !important;
	position: absolute !important;
    right: 0 !important;
	margin-top: 0 !important;
}
.colorpickle .colorPicker .gradientTp2Black, .colorpickle .colorPicker .gradientTp2White, .colorpickle .colorPicker, .colorpickle .colorPickerWrapper {
	display: none !important;
	visibility: hidden !important;
}
.colorpickle .bWrapper {
    margin-bottom: 0px !important;
}
.colorpickle .slider {
    opacity: 0;
}
.colorpickle .swatchHex {
	text-align: center;
    margin-top: 0px !important;
	padding-top: 8px ;
}
 .colorpickle .hexValue {
	margin-top: -70px !important;
	min-width: 100px !important;
	height: 34px !important;
	min-height: 36px !important;
	line-height: 36px !important;
	border-radius: 3px 3px !important;
	z-index: 100;
	padding: 0 10px !important;
	text-align: center;
	text-transform: uppercase;
	font-size: 16px !important;
}
.colorpickle .swatch {
   width: 100%  !important;
	border-radius: 3px 3px !important;
	z-index: 50;
}
*/
.mmf-footer-container {
	position: fixed !important;
	bottom: 0 !important;
	z-index:1000 !important;
	
}
.mmf-footer-column {
	margin: 0 0 !important;
	padding: 0 0 !important;
	height: 50px !important;
}
.mmf-credits-footer  span {
	display: inline-block;
	background-color: rgba(0,0,0,0.3);
	border-radius: 15px 15px;
	color: rgba(255,255,255,.5);
	line-height: 30px;
}
.gform_wrapper #gform_3 li.mmf-settings-lock, .gform_wrapper #gform_3 li.mmf-settings-screen, .gform_wrapper #gform_3 li.mmf-settings-audio {
	float: left !important;
}
.mmf-settings-bgimg li, .mmf-settings-masks li, .mmf-settings-eyecandy li, .mmf-settings-waves li, .mmf-settings-lock li, .mmf-settings-audio li, .mmf-settings-sfx li {
	float: left;
	/*padding: 5px 5px !important;*/
	width: 70px !important;
	/*height: 90px !important;*/
}
xxx.gform_wrapper .top_label li.gfield.gf_left_half, xxx.mmf-settings-waves, xxx.mmf-settings-eyecandy {
	width: 48% !important;
	display: inline-block !important;
	float: left;
	margin-right: 1%;
}
xxx.gform_wrapper .top_label li.gfield.gf_right_half, xxx.mmf-settings-audio, xxx.mmf-settings-lock{
	width: 48% !important;
	display: inline-block !important;
	float: right;
	margin-left: 1%;
}

.gform_wrapper #gform_3 li.mmf-settings-bgimg {
	margin-top: 0px !important;
}
body .gform_wrapper ul li.gfield {
    margin-top: 8px !important;
}
.gform_wrapper #gform_3 label.gfield_label, .gform_wrapper #gform_3 legend.gfield_label {
    font-size: 15px !important;
	padding-left: 4px !important;
}
.gform_wrapper #gform_3 li.mmf-settings-theme-color {
	min-height: 245px;
}
.gform_wrapper ul.gfield_radio li input[type="radio"] + label, .gform_wrapper ul.gfield_radio li input[type="radio"] + label img {
    border: 1px solid transparent;
}
.gform_wrapper ul.gfield_radio li input[type="radio"] + label img {
	border-radius: 3px 3px !important;
	opacity: .4 !important;
}
.gform_wrapper ul.gfield_radio li.mmf-settings-bgimg input[type="radio"]:checked + label, .gform_wrapper ul.gfield_radio li.mmf-settings-eyecandy input[type="radio"]:checked + label {
    border: 1px solid #ffffff;
	border-radius: 3px 3px !important;
}
.gform_wrapper ul.gfield_radio li input[type="radio"]:checked + label img, .gform_wrapper ul.gfield_radio li input[type="radio"]:checked + label .mmf-color, .gform_wrapper ul.gfield_radio li:hover input[type="radio"] + label , .gform_wrapper ul.gfield_radio li:hover input[type="radio"] + label img, .gform_wrapper ul.gfield_radio li input[type="radio"]:checked + label span, .gform_wrapper ul.gfield_radio li:hover input[type="radio"] + label span {
	opacity: 1 !important;
}
.gform_wrapper ul.gfield_radio li input[type="radio"]:checked + label img {
	padding: 2px 2px !important;
	border: 1px solid #363636;
}
.gform_wrapper ul.gfield_radio li input[type="radio"] + label img {
	padding: 2px 2px !important;
	border: 1px solid #000000;
}
.gform_wrapper .mmf-settings-eyecandy ul.gfield_radio li input[type="radio"]:checked + label img {
	border: none;
}

.gform_wrapper ul.gfield_radio li label {
	margin-left: -10px !important;
	color: #ffffff !important;
}
.gform_wrapper li.mmf-settings-bgimg.gf_list_inline ul.gfield_radio li {
	width: 13.5% !important;
	max-width: 13.5% !important;
	margin: 0 1px 1px 1px !important;
}
.gform_wrapper li.mmf-settings-eyecandy.gf_list_inline ul.gfield_radio li {
	width: 30% !important;
	max-width: 30% !important;
	margin: 0 1px 1px 1px !important;
}
.gform_wrapper #gform_3 .gfield_required {
	color: #000000 !important;
}
.gform_wrapper #gform_3 .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"] {
	width: 100% !important;
	height: 60px !important;
	line-height: 60px !important;
	padding: 0 20px !important;
}
.gform_wrapper #gform_3 .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"]:hover, #gform_submit_button_3.gform_button button:hover {
	transition: all .4s ease-in !important;
	text-shadow: 1px 1px 0 #000000;
}
.gform_wrapper ul li.gfield {
    margin-bottom: 8px !important;
}
.gform_wrapper ul.gfield_radio {
    margin: 0 0 !important;
}
.gform_wrapper .gform_footer {
    padding: 8px 0 !important;
    margin: 0 0 !important;
}
.ginput_container_radio #input_3_13.gfield_radio li, .ginput_container_radio #input_3_16.gfield_radio li {
	/*border: 1px solid #2B2B2B;*/
	width: 60px !important;
	height: 32px !important;
	text-align: center !important;
	margin: 0 0 4px 0 !important;
}
.ginput_container_radio #input_3_13.gfield_radio li input[type="radio"], .ginput_container_radio #input_3_16.gfield_radio li input[type="radio"]  {
	max-width: 1px !important;
	max-height: 1px !important;
	width: 1px !important;
	height: 1px !important;
}
.ginput_container_radio #input_3_13.gfield_radio li input[type="radio"] + label, .ginput_container_radio #input_3_16.gfield_radio li input[type="radio"] + label  {
	background-color: #131313 !important;
	color: #535353 !important;
}

.ginput_container_radio #input_3_13.gfield_radio li.gchoice_3_13_0 input[type="radio"]:checked + label, 
.ginput_container_radio #input_3_13.gfield_radio li.gchoice_3_13_0 input[type="radio"]:hover + label,
.ginput_container_radio #input_3_16.gfield_radio li.gchoice_3_16_0 input[type="radio"]:checked + label, 
.ginput_container_radio #input_3_16.gfield_radio li.gchoice_3_16_0 input[type="radio"]:hover + label {
	background-color: rgba(0,114,27,1.00) !important;
	color: #ffffff !important;
	text-shadow: 2px 2px 0 #000000;
} 
.ginput_container_radio #input_3_13.gfield_radio li.gchoice_3_13_1 input[type="radio"]:checked + label, .ginput_container_radio #input_3_13.gfield_radio li.gchoice_3_13_1 input[type="radio"]:hover + label,
.ginput_container_radio #input_3_16.gfield_radio li.gchoice_3_16_1 input[type="radio"]:checked + label, .ginput_container_radio #input_3_16.gfield_radio li.gchoice_3_16_1 input[type="radio"]:hover + label {
	background-color: rgba(166,11,14,1.00) !important;
	color: #ffffff !important;
	text-shadow: 2px 2px 0 #000000;
} 
.ginput_container_radio #input_3_13.gfield_radio li input[type="radio"] + label , .ginput_container_radio #input_3_16.gfield_radio li input[type="radio"] + label{
	width: 60px !important;
	height: 30px !important;
	line-height: 28px !important;
}
.mmf-settings-changed {
	padding: 10px 10px;
	text-align: center;
}
.mmf-settings-changed .fontawesome-icon {
	height: 66px !important;
	width: 66px !important;
	border-width: 3px !important;
}
.drawrpallete-wrapper {
	margin-top: 10px;
	margin-bottom: 10px;
	display: block !important;
}
.drawrpallete-wrapper button {
	pointer-events: none !important;
	position: relative;
}
.drawrpallete-wrapper div div button {
	pointer-events:all !important;
	cursor: pointer;
	height: 40px;
	line-height: 30px;
	font-size: 16px;
	color: #ffffff !important;
	font-weight: 700 !important;
	font-family: "Montserrat" !important;
	width: 49% !important;
	margin-bottom: 5px !important;
}
.drawrpallete-wrapper button.cancel {
	background-color: #BD484A;
	border: 1px solid #BD484A;
	font-family: "Montserrat";
}
.drawrpallete-wrapper button.ok {
	background-color: #50BD48;
	border: 1px solid #50BD48;
	font-family: "Montserrat";
}
.drawrpallete-wrapper button.cancel:hover, .drawrpallete-wrapper button.ok:hover {
	background-color: #000000;
	border-color: #ffffff;
}
.drawrpallete-wrapper div {
	background-color: rgb(0,0,0) !important;
	display: block !important;
	width: 100% !important;
	height: 208px !important;
}
.drawrpallete-wrapper div div {
	/*display: none !important;
	margin-top: -30px !important;*/
	height: 0px !important;
	max-height: 0px !important;
	
}
.mmf-settings-save-base-color {
	padding: 20px 20px;	
	position: relative;
}
.mmf-save-color {
	display: inline-block;
	position: absolute;
	bottom: 30px;
	height: 40px;
	line-height: 38px;
	padding: 0 30px;
	color: #ffffff;
	width: 100%;
	text-align: center;
	background-color: #298762;
	border: 1px solid #298762;	
}
.mmf-save-color:hover {
	background-color: #000000;
	border: 1px solid #FFFFFF;
	cursor: pointer;
}
.mmf-settings-base-color .cancel, .mmf-settings-base-color .ok {
	pointer-events: none !important;
	display: none !important;	
}
/* ---------- form 3 -----------*/
.mmf-app-settings-oc ul {
	list-style-type: none !important;
}
.mmf-app-settings-oc ul li  {
	margin-right: 2px;
}
.mmf-app-settings-oc ul li img {
	border-radius: 5px 5px;
}
.mmf-app-settings-oc ul li:hover  {
	border: 2px solid #ff6600;
}
.fusion-sliding-bar-content-wrapper {
	padding: 10px 10px  !important;
}
.fusion-sliding-bar-content-wrapper h4.widget-title {
	text-transform: uppercase !important;
	font-size: 15px !important;
	font-weight: bold !important;
	padding-left: 5px;
}
#slidingbar-area .widget-title, #slidingbar-area h3 {
    margin: 0 0 6px !important;
}
.fusion-sliding-bar-content-wrapper .app-settings {
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold !important;
	padding-left: 5px;
}
.mmf-left {
	position: relative;
	float: left;
}
.mmf-bg img {
	border: 1px solid transparent;
	border-radius: 3px 3px;
}
.mmf-eyecandy img{
	width: calc(100% - 20px)!important;
}
.mmf-eyecandy.active span {
	color: #fff;
}
.mmf-eyecandy, .mmf-bg, .mmf-color  {
	text-align: center !important;
	opacity: .3;
}
.mmf-eyecandy.active, .mmf-bg.active, .mmf-color.active, .mmf-eyecandy:hover, .mmf-bg:hover,  .mmf-color:hover{
	text-align: center !important;
	opacity: 1;
	transition: all .3s ease-in;
}
.mmf-slide-right {
	float: right;
}



.mmf-img-menu img {
	float: right;
}
.mmf-img-menu .alignright, .mmf-img-menu .fusion-alignright {
    margin-left: 0 !important;
}
.fusion-sliding-bar-position-right .fusion-sb-toggle, .fusion-sliding-bar-position-right.fusion-sliding-bar-toggle-triangle .fusion-sb-toggle, .fusion-sliding-bar-position-top .fusion-sb-toggle, .fusion-sliding-bar-position-top.fusion-sliding-bar-toggle-triangle .fusion-sb-toggle {
    border-top: none !important;
}
.mmf-close-settings {
	padding: 10px 10px;
	text-transform: uppercase;
}
.mmf-close-settings img {
	width: 20px;
	height: 20px;
	display: inline-block;
}
a.mmfsettdone {
	font-weight: 700;
}
.mmf-close-settings {
	background-color: #000000;
	border: 1px solid #404049;
	border-radius: 3px 3px;
	padding: 14px 6px;
	margin: 10px 1px;
	min-height: 50px;
	text-align: center;
	transition: all .3s ease-in;
}
.mmf-close-settings:hover, .mmf-close-settings:hover a {
	background-color: #404049;
	color: #000000;
	transition: all .3s ease-in;
}
/* ================================================================================================================= */
/* ================================================== menu ========================================================= */
/* ================================================================================================================= */
nav.fusion-main-menu {
	/*top: 10px;*/
	/*padding-right: 255px !important;*/
}

nav.fusion-main-menu>ul>li:hover,
nav.fusion-main-menu>ul>li:hover>a>.fusion-megamenu-icon, 
nav.fusion-main-menu li:hover {
	color: #ffffff;
	transition: all .3s ease-in !important;
}
.fusion-main-menu>ul>li.mmf-settings {
    display: none !important;
	visibility: hidden !important;
	transition: all .3s ease-in !important;
}
.fusion-main-menu>ul>li.mmf-settings.show {
    display: block !important;
	visibility: visible!important;
	transition: all .3s ease-in !important;
}

.fusion-main-menu>ul>li>a {
    width: 100px !important;
}
.fusion-main-menu>ul>li>a>.fusion-megamenu-icon {
    width: 100px !important;
}
.mmf-menu-newsletter {
	color: #f60 !important;
}
.mmf-menu-newsletter.geblokkeerd {
	cursor: not-allowed !important;
}
.geblokkeerd {
	pointer-events: none !important;
}
.mmf-menu-newsletter.geblokkeerd .fusion-megamenu-icon {
	color: #191919 !important;
}
.mmf-audio-on.mmf-showon .fusion-megamenu-icon i::before {
	content: "\f028";
}
.mmf-audio-on.mmf-showoff .fusion-megamenu-icon i::before {
	content: "\f6a9";
}
/*
nav.fusion-main-menu li {
	padding-left: 20px;
	min-width: 90px !important;
	width: 90px !important;
	text-align: center !important;
	border-radius: 8px 8px;
	background-color: rgba(255,255,255,.15);
	margin: 0 5px;
	transition: all .3s ease-in !important;
}
*/

/* --- old menu ------------------------------------------------------------------ */
/*
.fusion-main-menu li.mmf-filter .fusion-megamenu-icon i::before {
	content: url("data:image/svg+xml,%3Csvg fill='%231E1E1E' xmlns='http://www.w3.org/2000/svg' id='menuitem-filt' width='40' height='40' viewBox='0 0 50 50'%3e%3cpath d='M25 .7C11.7.7 1 4 1 8.2v4.5l18 18v15c0 1.7 2.7 3 6 3s6-1.3 6-3v-15l18-18V8.2C49 4 38.3.7 25 .7zM5.4 7.2c1.1-.7 2.7-1.3 4.6-1.8 4.1-1.1 9.5-1.8 15-1.8s10.9.6 15 1.8c1.9.5 3.4 1.1 4.6 1.8.7.4 1.1.8 1.3 1-.2.2-.6.6-1.3 1-1.1.6-2.7 1.3-4.6 1.8-4.1 1.1-9.5 1.8-15 1.8s-10.9-.6-15-1.8c-1.9-.5-3.4-1.1-4.6-1.8-.7-.4-1.1-.8-1.3-1 .1-.2.5-.6 1.3-1z'/%3E%3C/svg%3E") !important;
}
.fusion-main-menu li.mmf-categories .fusion-megamenu-icon i::before {
	content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' class='menuitem-svg' id='menuitem-cat' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='40px' height='40px' viewBox='0 0 50 50' style='enable-background:new 0 0 50 50;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%231E1E1E;%7D%0A%3C/style%3E%3Ccircle class='st0' cx='13.1' cy='13' r='11.5'/%3E%3Ccircle class='st0' cx='37.5' cy='13' r='11.5'/%3E%3Ccircle class='st0' cx='13.1' cy='37.2' r='11.5'/%3E%3Ccircle class='st0' cx='37.5' cy='37.2' r='11.5'/%3E%3C/svg%3E");
}
.fusion-main-menu li.mmf-products .fusion-megamenu-icon i::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cstyle%3E.st0%7Bfill:%231E1E1E%7D%3C/style%3E%3Cg id='menuitem-prod'%3E%3Ccircle class='st0' cx='10.46' cy='10.3' r='9.3'/%3E%3Ccircle class='st0' cx='30.18' cy='10.3' r='9.3'/%3E%3Ccircle class='st0' cx='10.46' cy='29.97' r='9.3'/%3E%3Cpath class='st0' d='M30.17,20.67A9.3,9.3,0,1,0,39.48,30,9.29,9.29,0,0,0,30.17,20.67Zm0,16.18A6.88,6.88,0,1,1,37.05,30,6.88,6.88,0,0,1,30.17,36.85Z'/%3E%3C/g%3E%3C/svg%3E") !important;
}
.fusion-main-menu li.mmf-newsletter .fusion-megamenu-icon i::before {
	content: url("data:image/svg+xml,%3Csvg fill='%231E1E1E' xmlns='http://www.w3.org/2000/svg' id='menuitem-news' width='40' height='40' viewBox='0 0 50 50'%3e%3cpath d='M47.7 16.8c-1.1-.9-2.7-2.2-4.4-3.6v3.9c1.1.8 1.9 1.6 2.5 2 .4.3.6.7.6 1.2v24.5c0 .8-.7 1.5-1.5 1.5H5.2c-.8 0-1.5-.7-1.5-1.5V20.3c0-.5.2-.9.6-1.2.6-.5 1.4-1.2 2.5-2v-3.9c-1.7 1.4-3.3 2.7-4.4 3.6-1.1.9-1.7 2.2-1.7 3.5v24.5c0 2.5 2 4.6 4.6 4.6h39.5c2.5 0 4.6-2 4.6-4.6V20.3c-.1-1.4-.7-2.7-1.7-3.5z  M38.7 5.4H11.3c-2.5 0-4.6 2-4.6 4.6v15c.4-.3 1-.3 1.4 0 .5.4 1 .8 1.7 1.3V10c0-.8.7-1.5 1.5-1.5h27.4c.8 0 1.5.7 1.5 1.5v16.3c.6-.5 1.1-.9 1.7-1.3.4-.3 1-.3 1.4 0V10c-.1-2.5-2.1-4.6-4.6-4.6zM25 3.7c1.1 0 2.5.8 3.8 1.7h4.8C31.6 3.7 28.4.7 25 .7c-3.3 0-6.5 3-8.6 4.7h4.8c1.3-.9 2.7-1.7 3.8-1.7z M43.9 25.7c.4.5.3 1.2-.2 1.6-2.2 1.7-5.2 4.2-9.9 7.9-2 1.6-5.4 5-8.9 5s-6.9-3.4-8.9-5c-4.7-3.7-7.7-6.1-9.9-7.9-.5-.4-.6-1.1-.2-1.6l.5-.6c.4-.5 1.1-.6 1.6-.2 2.2 1.7 5.2 4.2 9.9 7.9 1.6 1.3 4.8 4.3 7 4.3s5.4-3 7-4.3c4.6-3.7 7.7-6.1 9.9-7.9.5-.4 1.2-.3 1.6.2l.5.6z M15.9 26.3v-.8c0-.6.5-1.1 1.1-1.1h16c.6 0 1.1.5 1.1 1.1v.8c0 .6-.5 1.1-1.1 1.1H17c-.6.1-1.1-.5-1.1-1.1zm0-6.1v-.8c0-.6.5-1.1 1.1-1.1h16c.6 0 1.1.5 1.1 1.1v.8c0 .6-.5 1.1-1.1 1.1H17c-.6.1-1.1-.4-1.1-1.1zm0-6v-.8c0-.6.5-1.1 1.1-1.1h16c.6 0 1.1.5 1.1 1.1v.8c0 .6-.5 1.1-1.1 1.1H17c-.6 0-1.1-.5-1.1-1.1z'/%3E%3C/svg%3E") !important;
}
.fusion-main-menu li.mmf-help .fusion-megamenu-icon i::before {
	content: url("data:image/svg+xml,%3Csvg fill='%231E1E1E' xmlns='http://www.w3.org/2000/svg' id='menuitem-help' width='40' height='40' viewBox='0 0 50 50'%3e%3cpath d='M25 .6C11.5.6.6 11.5.6 25S11.5 49.4 25 49.4 49.4 38.5 49.4 25 38.5.6 25 .6zm0 44.2C14.1 44.8 5.2 35.9 5.2 25S14.1 5.2 25 5.2 44.8 14.1 44.8 25 35.9 44.8 25 44.8z M25.4 33.2h-1.3c-.9 0-1.6.7-1.6 1.6v1.8c0 .9.7 1.6 1.6 1.6h1.3c.9 0 1.6-.7 1.6-1.6v-1.8c0-.9-.7-1.6-1.6-1.6zM16.5 19.6l2.3.3c.7.1 1.4-.3 1.7-1 .3-.9.8-1.6 1.4-2.1.9-.7 1.9-1.1 3.2-1.1 1.3 0 2.4.3 3.1 1 .8.7 1.2 1.5 1.2 2.5 0 .7-.2 1.3-.7 1.9-.3.4-1.2 1.1-2.6 2.3-1.5 1.2-2.4 2.2-2.9 3.2s-.7 2-.7 3.1c0 .9.7 1.7 1.6 1.7h1.3c.8 0 1.5-.6 1.6-1.5.1-.6.2-1.1.3-1.4.3-.5.9-1.2 2-2.1 2-1.7 3.4-3 4-4 .6-1 .9-2 .9-3.1 0-2-.8-3.7-2.5-5.2s-4-2.2-6.8-2.2c-2.7 0-4.9.7-6.6 2.2-1.4 1.3-2.3 2.8-2.6 4.5-.1.4.3.9.8 1z'/%3E%3C/svg%3E") !important;
}
.fusion-main-menu li.mmf-wiki .fusion-megamenu-icon i::before {
	content: url("data:image/svg+xml,%3Csvg fill='%231E1E1E' xmlns='http://www.w3.org/2000/svg' id='menuitem-wiki' width='40' height='40' viewBox='0 0 50 50'%3e%3cpath d='M43 7v39H11.5C9 46 7 44 7 41.5S9 37 11.5 37H40V1H10C6.7 1 4 3.7 4 7v36c0 3.3 2.7 6 6 6h36V7h-3z  M11.5 40c-.8 0-1.5.7-1.5 1.5s.7 1.5 1.5 1.5H40v-3H11.5z'/%3E%3C/svg%3E") !important;
}
.fusion-main-menu li.mmf-settings .fusion-megamenu-icon i::before {
	content: url("data:image/svg+xml,%3Csvg fill='%231E1E1E' xmlns='http://www.w3.org/2000/svg' id='menuitem-settings' width='40' height='40' viewBox='0 0 50 50'%3e%3cpath d='M43.4 21.9h.8c1.3 0 2.3-1 2.3-2.3V12c0-1.3-1-2.3-2.3-2.3h-.8V.5h-6.1v9.2h-.8c-1.3 0-2.3 1-2.3 2.3v7.7c0 1.3 1 2.3 2.3 2.3h.8v27.6h6.1V21.9zm-6.1-9.2h6.1v6.1h-6.1v-6.1zm-8.5 27.6c1.3 0 2.3-1 2.3-2.3v-7.7c0-1.3-1-2.3-2.3-2.3H28V.5h-6.1v27.6h-.8c-1.3 0-2.3 1-2.3 2.3V38c0 1.3 1 2.3 2.3 2.3h.8v9.2H28v-9.2h.8zm-6.9-9.2H28v6.1h-6.1v-6.1zm-8.4-9.2c1.3 0 2.3-1 2.3-2.3V12c0-1.3-1-2.3-2.3-2.3h-.8V.5H6.6v9.2h-.8c-1.3 0-2.3 1-2.3 2.3v7.7c0 1.3 1 2.3 2.3 2.3h.8v27.6h6.1V21.9h.8zm-6.9-9.2h6.1v6.1H6.6v-6.1z'/%3E%3C/svg%3E") !important;
}
.fusion-main-menu li.mmf-settings .fusion-megamenu-icon i::before {
	content: url("data:image/svg+xml,%3Csvg fill='%231E1E1E' xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 50 50'%3e%3cpath d='M43.4 21.9h.8c1.3 0 2.3-1 2.3-2.3V12c0-1.3-1-2.3-2.3-2.3h-.8V.5h-6.1v9.2h-.8c-1.3 0-2.3 1-2.3 2.3v7.7c0 1.3 1 2.3 2.3 2.3h.8v27.6h6.1V21.9zm-6.1-9.2h6.1v6.1h-6.1v-6.1zm-8.5 27.6c1.3 0 2.3-1 2.3-2.3v-7.7c0-1.3-1-2.3-2.3-2.3H28V.5h-6.1v27.6h-.8c-1.3 0-2.3 1-2.3 2.3V38c0 1.3 1 2.3 2.3 2.3h.8v9.2H28v-9.2h.8zm-6.9-9.2H28v6.1h-6.1v-6.1zm-8.4-9.2c1.3 0 2.3-1 2.3-2.3V12c0-1.3-1-2.3-2.3-2.3h-.8V.5H6.6v9.2h-.8c-1.3 0-2.3 1-2.3 2.3v7.7c0 1.3 1 2.3 2.3 2.3h.8v27.6h6.1V21.9h.8zm-6.9-9.2h6.1v6.1H6.6v-6.1z'/%3E%3C/svg%3E") !important;
	transition: all .4s ease-in;
}

*/


.fusion-sliding-bar-toggle-rectangle .fusion-sb-toggle::after {
	content: url("data:image/svg+xml,%3Csvg fill='%231E1E1E' xmlns='http://www.w3.org/2000/svg' id='menuitem-settings' width='50' height='50' viewBox='0 0 50 50'%3e%3cpath d='M45.3,29.7c-2.6-4.5-1-10.3,3.5-12.9l-4.9-8.4c-1.4,0.8-3,1.3-4.7,1.3c-5.2,0-9.4-4.2-9.4-9.5h-9.7 c0,1.6-0.4,3.3-1.3,4.7c-2.6,4.5-8.4,6-12.9,3.4l-4.9,8.4c1.4,0.8,2.6,2,3.5,3.5c2.6,4.5,1,10.2-3.5,12.9l4.9,8.4 c1.4-0.8,3-1.3,4.7-1.3c5.2,0,9.4,4.2,9.4,9.4h9.7c0-1.6,0.4-3.2,1.3-4.7c2.6-4.5,8.3-6,12.9-3.4l4.9-8.4 C47.4,32.4,46.2,31.2,45.3,29.7L45.3,29.7z M24.9,35c-5.5,0-10-4.5-10-10s4.5-10,10-10s10,4.5,10,10S30.5,35,24.9,35z'/%3E%3C/svg%3E") !important;
}





.fusion-main-menu li.mmf-search .fusion-megamenu-icon i::before {
	content: url("data:image/svg+xml,%3Csvg fill='%231E1E1E' xmlns='http://www.w3.org/2000/svg' id='menuitem-search' width='40' height='40' viewBox='0 0 50 50'%3e%3cpath d='M47.5 41.8l-11.4-9.7c-1.2-1.1-2.4-1.5-3.4-1.5C35.4 27.5 37 23.5 37 19c0-9.9-8.1-18-18-18S1 9.1 1 19s8.1 18 18 18c4.5 0 8.5-1.6 11.7-4.3 0 1 .4 2.3 1.5 3.4l9.7 11.4c1.7 1.8 4.4 2 6 .3 1.6-1.6 1.5-4.3-.4-6zM19 31c-6.6 0-12-5.4-12-12S12.4 7 19 7s12 5.4 12 12-5.4 12-12 12z'/%3E%3C/svg%3E") !important;
}

.fusion-main-menu li.mmf-info .fusion-megamenu-icon i::before {
	content: url("data:image/svg+xml,%3Csvg fill='%231E1E1E' xmlns='http://www.w3.org/2000/svg' id='menuitem-info' width='40' height='40' viewBox='0 0 50 50'%3e%3cpath d='M22 15.1c0-1.3 1-2.3 2.3-2.3h1.5c1.3 0 2.3 1 2.3 2.3v1.5c0 1.3-1 2.3-2.3 2.3h-1.5c-1.3 0-2.3-1-2.3-2.3v-1.5zM31.1 37.2H18.9v-3h3V25h-3v-3H28v12.2h3v3z M25 .6C11.5.6.6 11.5.6 25S11.5 49.4 25 49.4 49.4 38.5 49.4 25 38.5.6 25 .6zm0 44.2C14.1 44.8 5.2 35.9 5.2 25S14.1 5.2 25 5.2 44.8 14.1 44.8 25 35.9 44.8 25 44.8z'/%3E%3C/svg%3E") !important;
}

.fusion-main-menu li.mmf-minscreen .fusion-megamenu-icon i::before, #mmf-trigger-minscreen i::before {
	content: url("data:image/svg+xml,%3Csvg fill='%231E1E1E' xmlns='http://www.w3.org/2000/svg' id='menuitem-max' width='40' height='40' viewBox='0 0 50 50'%3e%3cpath d='M27.7,22.4h19.8l-7.6-7.6l9.2-9.2L44.5,1l-9.2,9.2l-7.6-7.6V22.4z M27.7,28.5v19.8l7.6-7.6l9.2,9.2l4.6-4.6l-9.2-9.2l7.6-7.6H27.7z M21.6,28.5H1.8l7.6,7.6l-9.2,9.2l4.6,4.6l9.2-9.2l7.6,7.6V28.5z M21.6,22.4V2.5L14,10.2L4.8,1L0.3,5.6l9.2,9.2l-7.6,7.6H21.6z'/%3E%3C/svg%3E") !important;
}
.fusion-main-menu li.mmf-maxscreen .fusion-megamenu-icon i::before, #mmf-trigger-maxscreen i::before {
	content: url("data:image/svg+xml,%3Csvg fill='%231E1E1E' xmlns='http://www.w3.org/2000/svg' id='menuitem-min' width='40' height='40' viewBox='0 0 50 50'%3e%3cpath d='M49.1,1H29.3l7.6,7.6l-9.2,9.2l4.6,4.6l9.2-9.2l7.6,7.6V1z M49.1,49.9V30l-7.6,7.6l-9.2-9.2l-4.6,4.6l9.2,9.2l-7.6,7.6H49.1z M0.9,49.9h19.8l-7.6-7.6l9.2-9.2l-4.6-4.6l-9.2,9.2L0.9,30V49.9z M0.3,1v19.8l7.6-7.6l9.2,9.2l4.6-4.6l-9.2-9.2L20.1,1H0.3z'/%3E%3C/svg%3E") !important;
}
#mmf-trigger-minscreen:hover i::before {
	content: url("data:image/svg+xml,%3Csvg fill='%23FFFFFF' xmlns='http://www.w3.org/2000/svg' id='menuitem-max' width='40' height='40' viewBox='0 0 50 50'%3e%3cpath d='M27.7,22.4h19.8l-7.6-7.6l9.2-9.2L44.5,1l-9.2,9.2l-7.6-7.6V22.4z M27.7,28.5v19.8l7.6-7.6l9.2,9.2l4.6-4.6l-9.2-9.2l7.6-7.6H27.7z M21.6,28.5H1.8l7.6,7.6l-9.2,9.2l4.6,4.6l9.2-9.2l7.6,7.6V28.5z M21.6,22.4V2.5L14,10.2L4.8,1L0.3,5.6l9.2,9.2l-7.6,7.6H21.6z'/%3E%3C/svg%3E") !important;
	transition: all .3s ease-in !important;
}
#mmf-trigger-maxscreen:hover i::before {
	content: url("data:image/svg+xml,%3Csvg fill='%23FFFFFF' xmlns='http://www.w3.org/2000/svg' id='menuitem-min' width='40' height='40' viewBox='0 0 50 50'%3e%3cpath d='M49.1,1H29.3l7.6,7.6l-9.2,9.2l4.6,4.6l9.2-9.2l7.6,7.6V1z M49.1,49.9V30l-7.6,7.6l-9.2-9.2l-4.6,4.6l9.2,9.2l-7.6,7.6H49.1z M0.9,49.9h19.8l-7.6-7.6l9.2-9.2l-4.6-4.6l-9.2,9.2L0.9,30V49.9z M0.3,1v19.8l7.6-7.6l9.2,9.2l4.6-4.6l-9.2-9.2L20.1,1H0.3z'/%3E%3C/svg%3E") !important;
	transition: all .3s ease-in !important;
}

.fusion-main-menu li:hover .fusion-icon-only-link .fusion-megamenu-icon i::before, 
.fusion-main-menu li .fusion-icon-only-link .fusion-megamenu-icon:hover i::before, 
.fusion-main-menu li.menu-item.current_page_item .fusion-icon-only-link .fusion-megamenu-icon i::before,
.fusion-sb-toggle:hover::after{
	filter: grayscale(100%) brightness(0) invert(1)  !important;
	transition: all .3s ease-in !important;
}
/* ================================================== uitleg overlay======================================================= */

.home .fusion-sb-toggle, .home .mmf-padlock-numpad {
	display: none !important;
}
#mmf-uitleg-overlay {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	margin-top: -100%;
	background-color: rgba(0,0,0,0.85);
	z-index: 22000;
	transition: opacity 0.6s ease-in;
}
.mmf-uitleg-audio, .mmf-uitleg-logo, .mmf-uitleg-back, .mmf-uitleg-notifications, .mmf-uitleg-menu, .mmf-uitleg-settings, .mmf-uitleg-leftright, .mmf-uitleg-updown, .mmf-uitleg-close {
	display: block;
	position: absolute;
}
.mmf-uitleg-audio div, .mmf-uitleg-logo div, .mmf-uitleg-back div, .mmf-uitleg-notifications div, .mmf-uitleg-menu div, .mmf-uitleg-menu div, .mmf-uitleg-settings div, .mmf-uitleg-back div, .mmf-uitleg-leftright div, .mmf-uitleg-updown div {
	background-color: rgba(0,0,0,1);
	border-radius: 20px 20px;
	padding: 15px 15px;
	border: 6px solid rgba(64,64,73,0.9);
}
.mmf-uitleg-audio img, .mmf-uitleg-logo img, .mmf-uitleg-back img, .mmf-uitleg-notifications img, .mmf-uitleg-menu img, .mmf-uitleg-menu img, .mmf-uitleg-settings img, .mmf-uitleg-back img, .mmf-uitleg-leftright img, .mmf-uitleg-updown img, .mmf-uitleg-close img {
	width: 70px;
	height: 70px;
	position: absolute;
}
.mmf-uitleg-audio{
	width: 200px;
	top: 170px;
	left: 10px;
}
.mmf-uitleg-audio img {
	top: -80px;
	left: -10px;
}
.mmf-uitleg-logo {
	width: 350px;
	top: 100px;
	left: 300px;
}
.mmf-uitleg-logo img {
	transform: rotate(30deg);
	top: -70px;
	left: 50%;
}
.mmf-uitleg-notifications {
	width: 500px;
	top: 150px;
	left: calc(50vw - 250px);
}
.mmf-uitleg-notifications img{
	left: calc(50% - 35px);
	top: -80px;
}
.mmf-uitleg-menu {
	width: 350px;
	top: 100px;
	right: 300px;
}
.mmf-uitleg-menu img{
	transform: rotate(-30deg);
	top: -70px;
	right: 50%;
}
.mmf-uitleg-settings {
	width: 200px;
	top: 170px;
	right: 10px;
}
.mmf-uitleg-settings img{
	position: absolute;
	top: -80px;
	right: 0px;
}
.mmf-uitleg-back {
	width: 400px;
	top: calc(50vh - 85px);
	left: 200px;
}
.mmf-uitleg-back img{ 
	transform: rotate(-90deg);
	left: -70px;
	top: 40px;
}
.mmf-uitleg-leftright {
	position: absolute;
	width: 300px;
	top: 70vh;
	left: 550px;
}
.mmf-uitleg-leftright img{
	transform: rotate(60deg);
	right: -70px;
	top: 130px;
}
.mmf-uitleg-updown {
	position: absolute;
	width: 300px;
	top: 70vh;
	right: 550px;
}
.mmf-uitleg-updown img{
	transform: rotate(-60deg);
	left: -70px;
	top: 130px;
}
.mmf-uitleg-close {
	background-color: rgba(0,0,0,0);
	text-align: center;
	padding: 30px 30px;
	min-width: 300px;
	min-height: 300px;
	border-radius: 50% 50%;
	top: calc(50vh - 150px);
	left: calc(50vw - 150px);
	padding-top: 120px;
	z-index: 55000;
}
.mmf-btn-close-info {
	display: inline-block;
	background-color: #f00;
	color: #fff;
	font-weight: 900;
	padding: 10px 40px;
	text-transform: uppercase;
	Line-height: 30px;
	border-radius: 5px 5px;
	text-shadow: 2px 2px 0 #000;
	box-shadow: 10px 10px 10px rgba(0,0,0,0.25);
	pointer-events: all;
	transition: all .3s ease-in;
}
.mmf-btn-close-info:hover {
	background-color: #404049;
	transition: all .3s ease-in;
}
/* ================================================================================================================= */
/* ================================================== footer ======================================================= */
/* ================================================================================================================= */
.fusion-footer .fusion-copyright-content {
	text-align: right !important;
}
.mmf-credits, .mmf-session-id {
	display: block;
	position: fixed !important;
	right: 0;
	bottom: 0;
	width: 444px;
	font-size: 15px;
	font-weight: 500;
	color: #535353;
	z-index: 20;
	background-color: rgba(0,0,0,0.3);
	border-radius: 10px 0 0 0;
	padding: 5px 10px;
}
.mmf-session-id {
	left: 0;
	width: 350px;
}
/* ================================================================================================================= */
/* ================================================== glitch ======================================================= */
/* ================================================================================================================= */

.glitch-wrapper {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.glitch{
  color: white;
  font-size: 70px;
 /* text-transform: uppercase;*/
  position: relative;
  display: inline-block;
  background-color: transparent;
}
.glitch::before, .glitch::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
}
.glitch::before {
	left: -2px;
	text-shadow: -2px 0 #44ced8;
	clip: rect(24px, 550px, 90px, 0);
	animation: glitch-anim-2 3s infinite linear alternate-reverse;
}
.glitch::after {
	left: 2px;
	text-shadow: -2px 0 #c50806;
	clip: rect(85px, 550px, 140px, 0);
	animation: glitch-anim 2.5s infinite linear alternate-reverse;
}
@-webkit-keyframes glitch-anim {
  0% {
    clip: rect(32px, 9999px, 85px, 0);
  }
  4.166666666666666% {
    clip: rect(25px, 9999px, 62px, 0);
  }
  8.333333333333332% {
    clip: rect(131px, 9999px, 103px, 0);
  }
  12.5% {
    clip: rect(58px, 9999px, 93px, 0);
  }
  16.666666666666664% {
    clip: rect(142px, 9999px, 79px, 0);
  }
  20.833333333333336% {
    clip: rect(61px, 9999px, 128px, 0);
  }
  25% {
    clip: rect(62px, 9999px, 124px, 0);
  }
  29.166666666666668% {
    clip: rect(133px, 9999px, 96px, 0);
  }
  33.33333333333333% {
    clip: rect(0px, 9999px, 65px, 0);
  }
  37.5% {
    clip: rect(140px, 9999px, 37px, 0);
  }
  41.66666666666667% {
    clip: rect(11px, 9999px, 91px, 0);
  }
  45.83333333333333% {
    clip: rect(95px, 9999px, 150px, 0);
  }
  50% {
    clip: rect(99px, 9999px, 102px, 0);
  }
  54.166666666666664% {
    clip: rect(41px, 9999px, 128px, 0);
  }
  58.333333333333336% {
    clip: rect(76px, 9999px, 56px, 0);
  }
  62.5% {
    clip: rect(122px, 9999px, 101px, 0);
  }
  66.66666666666666% {
    clip: rect(65px, 9999px, 121px, 0);
  }
  70.83333333333334% {
    clip: rect(80px, 9999px, 15px, 0);
  }
  75% {
    clip: rect(148px, 9999px, 77px, 0);
  }
  79.16666666666666% {
    clip: rect(126px, 9999px, 27px, 0);
  }
  83.33333333333334% {
    clip: rect(7px, 9999px, 53px, 0);
  }
  87.5% {
    clip: rect(116px, 9999px, 27px, 0);
  }
  91.66666666666666% {
    clip: rect(5px, 9999px, 145px, 0);
  }
  95.83333333333334% {
    clip: rect(97px, 9999px, 140px, 0);
  }
  100% {
    clip: rect(21px, 9999px, 116px, 0);
  }
}
@keyframes glitch-anim {
  0% {
    clip: rect(32px, 9999px, 85px, 0);
  }
  4.166666666666666% {
    clip: rect(25px, 9999px, 62px, 0);
  }
  8.333333333333332% {
    clip: rect(131px, 9999px, 103px, 0);
  }
  12.5% {
    clip: rect(58px, 9999px, 93px, 0);
  }
  16.666666666666664% {
    clip: rect(142px, 9999px, 79px, 0);
  }
  20.833333333333336% {
    clip: rect(61px, 9999px, 128px, 0);
  }
  25% {
    clip: rect(62px, 9999px, 124px, 0);
  }
  29.166666666666668% {
    clip: rect(133px, 9999px, 96px, 0);
  }
  33.33333333333333% {
    clip: rect(0px, 9999px, 65px, 0);
  }
  37.5% {
    clip: rect(140px, 9999px, 37px, 0);
  }
  41.66666666666667% {
    clip: rect(11px, 9999px, 91px, 0);
  }
  45.83333333333333% {
    clip: rect(95px, 9999px, 150px, 0);
  }
  50% {
    clip: rect(99px, 9999px, 102px, 0);
  }
  54.166666666666664% {
    clip: rect(41px, 9999px, 128px, 0);
  }
  58.333333333333336% {
    clip: rect(76px, 9999px, 56px, 0);
  }
  62.5% {
    clip: rect(122px, 9999px, 101px, 0);
  }
  66.66666666666666% {
    clip: rect(65px, 9999px, 121px, 0);
  }
  70.83333333333334% {
    clip: rect(80px, 9999px, 15px, 0);
  }
  75% {
    clip: rect(148px, 9999px, 77px, 0);
  }
  79.16666666666666% {
    clip: rect(126px, 9999px, 27px, 0);
  }
  83.33333333333334% {
    clip: rect(7px, 9999px, 53px, 0);
  }
  87.5% {
    clip: rect(116px, 9999px, 27px, 0);
  }
  91.66666666666666% {
    clip: rect(5px, 9999px, 145px, 0);
  }
  95.83333333333334% {
    clip: rect(97px, 9999px, 140px, 0);
  }
  100% {
    clip: rect(21px, 9999px, 116px, 0);
  }
}
@-webkit-keyframes glitch-anim-2 {
  6.666666666666667% {
    clip: rect(34px, 9999px, 72px, 0);
  }
  10% {
    clip: rect(108px, 9999px, 119px, 0);
  }
  13.333333333333334% {
    clip: rect(92px, 9999px, 46px, 0);
  }
  16.666666666666664% {
    clip: rect(139px, 9999px, 82px, 0);
  }
  20% {
    clip: rect(135px, 9999px, 70px, 0);
  }
  23.333333333333332% {
    clip: rect(91px, 9999px, 83px, 0);
  }
  26.666666666666668% {
    clip: rect(47px, 9999px, 60px, 0);
  }
  30% {
    clip: rect(101px, 9999px, 54px, 0);
  }
  33.33333333333333% {
    clip: rect(144px, 9999px, 69px, 0);
  }
  36.666666666666664% {
    clip: rect(35px, 9999px, 118px, 0);
  }
  40% {
    clip: rect(55px, 9999px, 91px, 0);
  }
  43.333333333333336% {
    clip: rect(141px, 9999px, 38px, 0);
  }
  46.666666666666664% {
    clip: rect(78px, 9999px, 5px, 0);
  }
  50% {
    clip: rect(105px, 9999px, 81px, 0);
  }
  53.333333333333336% {
    clip: rect(56px, 9999px, 150px, 0);
  }
  56.666666666666664% {
    clip: rect(86px, 9999px, 79px, 0);
  }
  60% {
    clip: rect(114px, 9999px, 4px, 0);
  }
  63.33333333333333% {
    clip: rect(136px, 9999px, 139px, 0);
  }
  66.66666666666666% {
    clip: rect(135px, 9999px, 34px, 0);
  }
  70% {
    clip: rect(116px, 9999px, 101px, 0);
  }
  73.33333333333333% {
    clip: rect(21px, 9999px, 17px, 0);
  }
  76.66666666666667% {
    clip: rect(54px, 9999px, 4px, 0);
  }
  80% {
    clip: rect(88px, 9999px, 78px, 0);
  }
  83.33333333333334% {
    clip: rect(44px, 9999px, 11px, 0);
  }
  86.66666666666667% {
    clip: rect(52px, 9999px, 36px, 0);
  }
  90% {
    clip: rect(22px, 9999px, 88px, 0);
  }
  93.33333333333333% {
    clip: rect(88px, 9999px, 119px, 0);
  }
  96.66666666666667% {
    clip: rect(86px, 9999px, 10px, 0);
  }
  100% {
    clip: rect(44px, 9999px, 72px, 0);
  }
}
@keyframes glitch-anim-2 {
  6.666666666666667% {
    clip: rect(34px, 9999px, 72px, 0);
  }
  10% {
    clip: rect(108px, 9999px, 119px, 0);
  }
  13.333333333333334% {
    clip: rect(92px, 9999px, 46px, 0);
  }
  16.666666666666664% {
    clip: rect(139px, 9999px, 82px, 0);
  }
  20% {
    clip: rect(135px, 9999px, 70px, 0);
  }
  23.333333333333332% {
    clip: rect(91px, 9999px, 83px, 0);
  }
  26.666666666666668% {
    clip: rect(47px, 9999px, 60px, 0);
  }
  30% {
    clip: rect(101px, 9999px, 54px, 0);
  }
  33.33333333333333% {
    clip: rect(144px, 9999px, 69px, 0);
  }
  36.666666666666664% {
    clip: rect(35px, 9999px, 118px, 0);
  }
  40% {
    clip: rect(55px, 9999px, 91px, 0);
  }
  43.333333333333336% {
    clip: rect(141px, 9999px, 38px, 0);
  }
  46.666666666666664% {
    clip: rect(78px, 9999px, 5px, 0);
  }
  50% {
    clip: rect(105px, 9999px, 81px, 0);
  }
  53.333333333333336% {
    clip: rect(56px, 9999px, 150px, 0);
  }
  56.666666666666664% {
    clip: rect(86px, 9999px, 79px, 0);
  }
  60% {
    clip: rect(114px, 9999px, 4px, 0);
  }
  63.33333333333333% {
    clip: rect(136px, 9999px, 139px, 0);
  }
  66.66666666666666% {
    clip: rect(135px, 9999px, 34px, 0);
  }
  70% {
    clip: rect(116px, 9999px, 101px, 0);
  }
  73.33333333333333% {
    clip: rect(21px, 9999px, 17px, 0);
  }
  76.66666666666667% {
    clip: rect(54px, 9999px, 4px, 0);
  }
  80% {
    clip: rect(88px, 9999px, 78px, 0);
  }
  83.33333333333334% {
    clip: rect(44px, 9999px, 11px, 0);
  }
  86.66666666666667% {
    clip: rect(52px, 9999px, 36px, 0);
  }
  90% {
    clip: rect(22px, 9999px, 88px, 0);
  }
  93.33333333333333% {
    clip: rect(88px, 9999px, 119px, 0);
  }
  96.66666666666667% {
    clip: rect(86px, 9999px, 10px, 0);
  }
  100% {
    clip: rect(44px, 9999px, 72px, 0);
  }
}
