.navi-main-menu-button:before,

		.navi-main-menu-button div.navi-main-menu-button-middle:before,

        .navi-main-menu-button:after,

        .navi-main-menu-button-two:before,

		.navi-main-menu-button-two div.navi-main-menu-button-two-middle:before,

        .navi-main-menu-button-two:after,

        .navi-main-menu-button-three:before,

		.navi-main-menu-button-three div.navi-main-menu-button-three-middle:before,

        .navi-main-menu-button-three:after,

        .navi-main-menu-button-four:before,

		.navi-main-menu-button-four div.navi-main-menu-button-four-middle:before,

        .navi-main-menu-button-four:after,

        .navi-main-menu-button-five:before,

		.navi-main-menu-button-five div.navi-main-menu-button-five-middle:before,

        .navi-main-menu-button-five:after,

        .navi-main-menu-button-six:before,

        .navi-main-menu-button-six:after { background-color:#efeeed; }

        .navi-menu-button-label {

            left:px;

            top:5px;

            color:#e3e3e3;

            font-size:14px;

        }

		/* menu button hover */

		            /* menu label hover */

            .navi-main-menu-button-wrapper:hover .navi-menu-button-label { color:; }

            /* menu button style #2 hovers */

            .navi-main-menu-button-wrapper:hover .navi-main-menu-button-two:before { width:20px; margin-left:10px; }

            .navi-menu-active .navi-main-menu-button-wrapper:hover .navi-main-menu-button-two:before { margin-left:0; }

            .navi-main-menu-button-wrapper:hover .navi-main-menu-button-two:after { width:30px; margin-left:0; }

            /* menu button style #3 hovers */

            .navi-main-menu-button-wrapper:hover .navi-main-menu-button-three div.navi-main-menu-button-three-middle:before { width:25px; }

            /* menu button style #4 hovers */

            .navi-main-menu-button-wrapper:hover .navi-main-menu-button-four:before { width:15px; }

            .navi-main-menu-button-wrapper:hover .navi-main-menu-button-four:after { width:25px; }

            /* hover colors */

            .navi-main-menu-button-wrapper:hover .navi-main-menu-button:before,

            .navi-main-menu-button-wrapper:hover .navi-main-menu-button div.navi-main-menu-button-middle:before,

            .navi-main-menu-button-wrapper:hover .navi-main-menu-button:after,

            .navi-main-menu-button-wrapper:hover .navi-main-menu-button-two:before,

            .navi-main-menu-button-wrapper:hover .navi-main-menu-button-two div.navi-main-menu-button-two-middle:before,

            .navi-main-menu-button-wrapper:hover .navi-main-menu-button-two:after,

            .navi-main-menu-button-wrapper:hover .navi-main-menu-button-three:before,

            .navi-main-menu-button-wrapper:hover .navi-main-menu-button-three div.navi-main-menu-button-three-middle:before,

            .navi-main-menu-button-wrapper:hover .navi-main-menu-button-three:after,

            .navi-main-menu-button-wrapper:hover .navi-main-menu-button-four:before,

            .navi-main-menu-button-wrapper:hover .navi-main-menu-button-four div.navi-main-menu-button-four-middle:before,

            .navi-main-menu-button-wrapper:hover .navi-main-menu-button-four:after,

            .navi-main-menu-button-wrapper:hover .navi-main-menu-button-five:before,

            .navi-main-menu-button-wrapper:hover .navi-main-menu-button-five div.navi-main-menu-button-five-middle:before,

            .navi-main-menu-button-wrapper:hover .navi-main-menu-button-five:after,

            .navi-main-menu-button-wrapper:hover .navi-main-menu-button-six:before,

            .navi-main-menu-button-wrapper:hover .navi-main-menu-button-six:after { background-color:#fffcfc; }

				/* menu button active */

		.navi-menu-active .navi-main-menu-button:before,

		.navi-menu-active .navi-main-menu-button div.navi-main-menu-button-middle:before,

        .navi-menu-active .navi-main-menu-button:after,

        .navi-menu-active .navi-main-menu-button-two:before,

		.navi-menu-active .navi-main-menu-button-two div.navi-main-menu-button-two-middle:before,

        .navi-menu-active .navi-main-menu-button-two:after,

        .navi-menu-active .navi-main-menu-button-three:before,

		.navi-menu-active .navi-main-menu-button-three div.navi-main-menu-button-three-middle:before,

        .navi-menu-active .navi-main-menu-button-three:after,

        .navi-menu-active .navi-main-menu-button-four:before,

		.navi-menu-active .navi-main-menu-button-four div.navi-main-menu-button-four-middle:before,

        .navi-menu-active .navi-main-menu-button-four:after,

        .navi-menu-active .navi-main-menu-button-five:before,

		.navi-menu-active .navi-main-menu-button-five div.navi-main-menu-button-five-middle:before,

        .navi-menu-active .navi-main-menu-button-five:after,

        .navi-menu-active .navi-main-menu-button-six:before,

        .navi-menu-active .navi-main-menu-button-six:after { background-color:#b7b6b5; }

		/* menu button active hover */

		            .navi-menu-active .navi-main-menu-button:hover:before,

            .navi-menu-active .navi-main-menu-button:hover div.navi-main-menu-button-middle:before,

            .navi-menu-active .navi-main-menu-button:hover:after,

            .navi-menu-active .navi-main-menu-button-two:hover:before,

            .navi-menu-active .navi-main-menu-button-two:hover div.navi-main-menu-button-two-middle:before,

            .navi-menu-active .navi-main-menu-button-two:hover:after,

            .navi-menu-active .navi-main-menu-button-three:hover:before,

            .navi-menu-active .navi-main-menu-button-three:hover div.navi-main-menu-button-three-middle:before,

            .navi-menu-active .navi-main-menu-button-three:hover:after,

            .navi-menu-active .navi-main-menu-button-four:hover:before,

            .navi-menu-active .navi-main-menu-button-four:hover div.navi-main-menu-button-four-middle:before,

            .navi-menu-active .navi-main-menu-button-four:hover:after,

            .navi-menu-active .navi-main-menu-button-five:hover:before,

            .navi-menu-active .navi-main-menu-button-five:hover div.navi-main-menu-button-five-middle:before,

            .navi-menu-active .navi-main-menu-button-five:hover:after,

            .navi-menu-active .navi-main-menu-button-six:hover:before,

            .navi-menu-active .navi-main-menu-button-six:hover:after { background-color:#fffcfc; }



		/* menu */

		.navi-main-background { background-color:; }

		.navi-bg-line-one,

		.navi-bg-line-two,

		.navi-bg-line-three,

		.navi-bg-line-four,

		.navi-bg-line-five,

		.navi-bg-line-six { background-color:; }

		.navi-by-bonfire ul li a,

		.navi-by-bonfire ul li ul.sub-menu li a { color:#000; font-size: 24px;}

		.navi-by-bonfire ul li a:hover,

		.navi-by-bonfire ul li ul.sub-menu li a:hover {color:#1295fb !important; }

		.navi-by-bonfire ul li.current-menu-item a,

		.navi-by-bonfire ul li ul.sub-menu li.current-menu-item a { color:#afafaf; }

		.sub-menu-arrow-line { background-color:#ffffff; }

		.sub-menu-arrow-tip-right { border-left-color:#ffffff; }

		.sub-menu-arrow-tip-left { border-right-color:#ffffff; }



        /* fine-tune logo top/left/right distance */

		        .navi-logo-wrapper {

			top:px;

			left:auto;

			right:20px;

		}



		/* fine-tune menu button top/left/right distance */

				.navi-main-menu-button-wrapper {

			top:px;

			left:px;

		}



        /* background image as cover/pattern + background image opacity */

        .navi-background-image {

                    background-size:cover;

            background-repeat:no-repeat;

                }

        .navi-background-image-active {

            opacity:;

        }



		/* background opacity */

		.navi-main-background-active {

			opacity:0.5;

		}

		/* background lines opacity */

		.navi-bg-lines-wrapper-active {

			opacity:;

		}



		/* menu top/side distance, right positioning */

		.navi-menu-wrapper {

            top:px;

                    margin-left:px;

        		}



        /* menu button animations (-/X) */

                /* X SIGN ANIMATION */

            /* button style #1 top bar*/

			.navi-menu-active .navi-main-menu-button:before {

				transform:translateY(9px) rotate(45deg);

				-moz-transform:translateY(9px) rotate(45deg);

				-webkit-transform:translateY(9px) rotate(45deg);

			}

			/* button style #1 bottom bar*/

			.navi-menu-active .navi-main-menu-button:after {

				transform:translateY(-9px) rotate(-45deg);

				-moz-transform:translateY(-9px) rotate(-45deg);

				-webkit-transform:translateY(-9px) rotate(-45deg);

			}

			/* button style #1 middle bar*/

			.navi-menu-active div.navi-main-menu-button-middle:before {

				opacity:0;

				pointer-events:none;



				-webkit-transform:translateX(-20px);

				-moz-transform:translateX(-20px);

				transform:translateX(-20px);



				-webkit-transition:all .25s ease, opacity .25s ease .025s;

				-moz-transition:all .25s ease, opacity .25s ease .025s;

				transition:all .25s ease, opacity .25s ease .025s;

			}

            /* button style #2 top bar*/

			.navi-menu-active .navi-main-menu-button-two:before {

				transform:translateY(9px) rotate(45deg);

				-moz-transform:translateY(9px) rotate(45deg);

				-webkit-transform:translateY(9px) rotate(45deg);

			}

            .navi-menu-active:hover .navi-main-menu-button-two:before { margin-left:0; width:30px; }

			/* button style #2 bottom bar*/

			.navi-menu-active .navi-main-menu-button-two:after {

                width:30px;

                margin-left:0;

				transform:translateY(-9px) rotate(-45deg);

				-moz-transform:translateY(-9px) rotate(-45deg);

				-webkit-transform:translateY(-9px) rotate(-45deg);

			}

			/* button style #2 middle bar*/

			.navi-menu-active div.navi-main-menu-button-two-middle:before {

				opacity:0;

				pointer-events:none;



				-webkit-transform:translateX(-20px);

				-moz-transform:translateX(-20px);

				transform:translateX(-20px);



				-webkit-transition:all .25s ease, opacity .25s ease .025s;

				-moz-transition:all .25s ease, opacity .25s ease .025s;

				transition:all .25s ease, opacity .25s ease .025s;

			}

            /* button style #3 top bar*/

			.navi-menu-active .navi-main-menu-button-three:before {

				transform:translateY(9px) rotate(45deg);

				-moz-transform:translateY(9px) rotate(45deg);

				-webkit-transform:translateY(9px) rotate(45deg);

			}

			/* button style #3 bottom bar*/

			.navi-menu-active .navi-main-menu-button-three:after {

				transform:translateY(-9px) rotate(-45deg);

				-moz-transform:translateY(-9px) rotate(-45deg);

				-webkit-transform:translateY(-9px) rotate(-45deg);

			}

			/* button style #3 middle bar*/

			.navi-menu-active div.navi-main-menu-button-three-middle:before {

				opacity:0;

				pointer-events:none;



				-webkit-transform:translateX(-20px);

				-moz-transform:translateX(-20px);

				transform:translateX(-20px);



				-webkit-transition:all .25s ease, opacity .25s ease .025s;

				-moz-transition:all .25s ease, opacity .25s ease .025s;

				transition:all .25s ease, opacity .25s ease .025s;

			}

            /* button style #4 top bar*/

			.navi-menu-active .navi-main-menu-button-four:before {

				transform:translateY(9px) rotate(45deg);

				-moz-transform:translateY(9px) rotate(45deg);

				-webkit-transform:translateY(9px) rotate(45deg);

			}

            .navi-menu-active:hover .navi-main-menu-button-four:before { width:25px; }

			/* button style #4 bottom bar*/

			.navi-menu-active .navi-main-menu-button-four:after {

                width:25px;

				transform:translateY(-9px) rotate(-45deg);

				-moz-transform:translateY(-9px) rotate(-45deg);

				-webkit-transform:translateY(-9px) rotate(-45deg);

			}

			/* button style #4 middle bar*/

			.navi-menu-active div.navi-main-menu-button-four-middle:before {

				opacity:0;

				pointer-events:none;



				-webkit-transform:translateX(-20px);

				-moz-transform:translateX(-20px);

				transform:translateX(-20px);



				-webkit-transition:all .25s ease, opacity .25s ease .025s;

				-moz-transition:all .25s ease, opacity .25s ease .025s;

				transition:all .25s ease, opacity .25s ease .025s;

			}

            /* button style #5 top bar*/

			.navi-menu-active .navi-main-menu-button-five:before {

				transform:translateY(11px) rotate(45deg);

				-moz-transform:translateY(11px) rotate(45deg);

				-webkit-transform:translateY(11px) rotate(45deg);

			}

			/* button style #5 bottom bar*/

			.navi-menu-active .navi-main-menu-button-five:after {

				transform:translateY(-11px) rotate(-45deg);

				-moz-transform:translateY(-11px) rotate(-45deg);

				-webkit-transform:translateY(-11px) rotate(-45deg);

			}

			/* button style #5 middle bar*/

			.navi-menu-active div.navi-main-menu-button-five-middle:before {

				opacity:0;

				pointer-events:none;



				-webkit-transform:translateX(-20px);

				-moz-transform:translateX(-20px);

				transform:translateX(-20px);



				-webkit-transition:all .25s ease, opacity .25s ease .025s;

				-moz-transition:all .25s ease, opacity .25s ease .025s;

				transition:all .25s ease, opacity .25s ease .025s;

			}

            /* button style #6 top bar*/

			.navi-menu-active .navi-main-menu-button-six:before {

				transform:translateY(4px) rotate(45deg);

				-moz-transform:translateY(4px) rotate(45deg);

				-webkit-transform:translateY(4px) rotate(45deg);

			}

			/* button style #6 bottom bar*/

			.navi-menu-active .navi-main-menu-button-six:after {

				transform:translateY(-4px) rotate(-45deg);

				-moz-transform:translateY(-4px) rotate(-45deg);

				-webkit-transform:translateY(-4px) rotate(-45deg);

			}



		/* hide navi between resolutions */

		@media ( min-width:px) and (max-width:px) {

			.navi-main-menu-button-wrapper,

			.navi-main-wrapper,

			.navi-main-background,

			.navi-bg-lines-wrapper,

            .navi-logo-wrapper { display:none; }

		}

        /* hide theme menu */