@charset "UTF-8";
/* CSS Document */

*{margin:0; padding:0; transition:all .25s ease;}
html{animation: nextup 1s 1;overflow-x:hidden;scrollbar-color:red black; scrollbar-width:20px; scrollbar-gutter:stable;}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on January 14, 2024 */
@font-face {
    font-family: "montserratthin";
    src: url("../fonts/montserrat-variablefont_wght-webfont.woff2") format("woff2"),
         url("../fonts/montserrat-variablefont_wght-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "montserratthin_italic";
    src: url("../fonts/montserrat-italic-variablefont_wght-webfont.woff2") format('woff2'),
         url("../fonts/montserrat-italic-variablefont_wght-webfont.woff") format('woff');
    font-weight: normal;
    font-style: normal;
}

/*::-webkit-scrollbar {1 - scrollbar}
::-webkit-scrollbar-button {2 - button}
::-webkit-scrollbar-track {3 - track}
::-webkit-scrollbar-track-piece {4 - the visible part of the track}
::-webkit-scrollbar-thumb {5 - slider}
::-webkit-scrollbar-corner {6 - corner}
::-webkit-resizer {7 - resizing}
*/

::-webkit-scrollbar {
    width: 15px;
	border-radius: 15px;
	/*background-color:black;*/
}

::-webkit-scrollbar-button {background-color:black;}

::-webkit-scrollbar-track {
/*    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
*/	-webkit-border-radius: 15px;
    border-radius: 15px;
}

::-webkit-scrollbar-track-piece {background-color:black;
	background-image:url("../images/bg_scroll-track.png");}

::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
	background:red;
	
}

::-webkit-scrollbar-corner {border-radius: 20px;}


body{background:black; color:#DFDDDD; font-family: 'montserratthin'; font-weight: bold;}
.warpspeed {position:fixed; top:0; right:0; width: 7vw; z-index: 99999999999999; cursor:pointer;}    
.warpspeed a svg{cursor:pointer; padding:10px 20px 0 0;}   

		/* Makes the animation pause on hover */
        .moving-text:hover{
            animation-play-state: paused;
        }
 
        /* The animation */
        @keyframes marquee{
            0%{transform: translateX(100%);}
            100%{transform: translateX(-150%);}
        }
 
        /* media query to enable animation for only those who want it */
        @media (prefers-reduced-motion: no-preference) {
            .moving-text{
                animation: marquee 25s linear infinite;
            }
        }



/*-----general choices for font colors and sizes-----*/
.lucky-red{color:#E92529;}
.smaller-and-smaller{font-size:.8em;}
.blackknight{background:black; color:#eee;}
.shawty{max-height:50vh;}
#attributes,#privacy,#youarehere{margin-top:1em;padding-top:2em; padding-bottom:3em; height: auto; }
#attributes h1,#privacy h1,#youarehere h1{width:100%; text-align: center; padding:0; margin-bottom:1em;}
#attributes h3{margin-bottom:1em;}
#attributes hr, #privacy hr{border:1px solid red; margin:1.5em 0;width:95%;}
#attributes a:link,#privacy a:link{color:indianred; cursor:pointer;}
#attributes a:visited,#privacy a:visited{color:indianred;}
#attributes a:hover,#privacy a:hover{color:#FFDBDC;}
#attributes .creator{color:lightcoral; line-height: 1.45em;}
#attributes .url{margin-bottom:1.5em; font-size:.9em;}

#privacy h3, #youarehere h3{margin-top:1em; margin-bottom:.5em;}
#privacy p{text-align: left; color:#B0ADAD; width:95%; line-height: 1.25em;}
#privacy ol{color:#B0ADAD; margin-left:3vw; width:95%; margin-top:.25em;}
#youarehere ul{list-style: none;}
#youarehere li{line-height:1.5em;}
#youarehere a:link{text-decoration: none;}
#youarehere .three-column{display:flex; flex-wrap:nowrap; justify-content: space-around}
#youarehere a:link{color:indianred; cursor:pointer;}
#youarehere a:visited{color:indianred;}
#youarehere a:hover{color:#FFDBDC;}
.airport{background-image:url("../images/bg_sitemap.jpg"); background-size:cover;}
.sitemap-logo img{max-width: 30vw; padding-top:2em;}
/*-----end of general choices for font colors and sizes-----*/

/*--START OF <header> element style rules, including <header>'s children--*/		
		
		.liner{border-top:2px solid goldenrod; width:100%; padding:4px 0;}
		.backdrop{width:100%; height:100%; background:linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,1)); z-index: 100000; position: fixed; top:-100vh;}
		.comeondown{top:0;}
		.risingstars{position:fixed; bottom:0; display:none; width:90%;text-align: center; z-index: 999999999999999; animation:settlein .5s 1 ease-out forwards; -webkit-animation:settlein .5s 1 ease-out forwards;}

		header{height:100vh;position:relative; overflow:hidden;}

		header svg#WAKEUP, .center-logo{
			position:absolute;
			width:auto;
			height:100%;
			top:50%;
			left:50%;
			-webkit-transform:translate(-50%,-50%);
			transform:translate(-50%,-50%);
			z-index: 999;
		}
		
#mkmbanner{width:100vw; padding:2vh 0; font-size:1.1rem; text-align: center; letter-spacing: 3px;}

.shady{background: rgba(0,0,0,.7);}


.stargazer img{height:20px; width:auto; position:relative; top:1.5px; animation:rollin 15s infinite linear; transform-origin:center center; animation-delay:.1s;}

.faded{opacity:.75;}

#roadcase {position:fixed; top:33px; right:10px; width:72px; z-index:10000000}
#roadcase>svg{}
		
			.center-logo{
				height:auto;
				top:30%;
				left:50.5%;
				-webkit-transform:translate(-50%,-50%);
				transform:translate(-50%,-50%);
			}




		video{height:100%;width:100%; object-fit: cover;}
		video::-webkit-media-controls {display: none;}
		
		#veil{
			width:100%;
			height:100%;
			position: absolute;
			top:0;
			left:0;
			display:flex;
			justify-content: center;
			align-items: center;
			z-index: 9;
		}	

		#all-eyes-can-see{
			width: 100px;
			height:100px;
			border-radius: 50%;
			background-color: rgba(0,0,0,0.58);
			transform:scale(14,14);
		}

		.header-caption{
			display:none;
			position:absolute;
			left:7.2vw;
			top:48%;
/*			background-color:rgba(255,255,255,.1);*/
			padding:.25em 1.2em;
			border-top-right-radius: 3px;
			border-bottom-right-radius:3px;
			z-index:1500;
			text-align: center;
		}
		.preword{color:white; font-size:1.35rem; font-style: italic;}
		.previewartist{
			color:#bb765e;
			font-size: .9rem;}
		.read-more-caption a{color:indianred; transition:.25s ease all; font-weight: 525; text-decoration:none; font-family:arial, sans-serif; font-size:.8rem; cursor:pointer;}
		.read-more-caption a:hover{color:white;}
		.read-more-caption a img{width:27px; height:auto; vertical-align:bottom;}
		
		.vid-caption a {color:lightcyan;}
		.vid-caption a:hover {color:cyan;}

		
		#controller{
			display:none;
			position:fixed;
			bottom:7%;
			right:.5vh;
			width:3.5%;
			text-align:center;
			z-index: 10000;
		}

			.open-panel{
				width:40px;
				height:40px;
				border-radius:50%;
				background:rgba(0,0,0,.35);
				padding:.25em;
				position:relative;
				right:8.5px;
				bottom:7px;
				transition:.25s ease all;
				border:2px solid #eee;
				cursor:pointer;
				z-index: 10000;
			}

			.open-panel:hover{
				background:rgba(255,0,0,1);
			}
			
			.uparrow, .downarrow {
				padding-right:1px;
				width: 30px;
			  	height:25px;
				outline:none;
				border:0;
			  	background-color: red;
				color:aliceblue;
				font-size:1.2em;
				display:flex;
				justify-content: center;
				align-items:center;
				transition:.35s ease all;
			}

			.uparrow:hover, .downarrow:hover {
				background-color:#120203;
			}

			.uparrow img, .downarrow img {
			 	max-width:80%;
			}

			.uparrow {border-radius: 10rem 10rem 0 0; margin-bottom:5px;}
			.downarrow {border-radius:  0 0 10rem 10rem; align-items: flex-start;}

/*--END of <header> element style rules, including <header>'s children--*/


/*------------------START OF BACKSTAGE PASS-----------------*/
.backstage-pass {left: 42%;bottom: 36%; opacity:0;}

/*------------------END OF BACKSTAGE PASS-----------------*/


/*------------------CTRL PANEL STYLES---------------------*/
.underworld{transform:translateY(100%);}	
#ctrl-panel{
	display:flex;
	justify-content: center;
	align-items:center;
	padding:1rem;
	position:fixed;
	left:0;
	bottom:0;
	width:100vw;
	background:rgba(0,0,0,.98);
	z-index:7000;
}

.panels{text-align:left;padding:0 2rem;}
.block {display:block; margin:1rem;}
.block>div {display:inline-grid;}
.panels:nth-child(1){padding-left:0;}
.panels:nth-child(2){border-left:1px red solid; border-right:1px red solid;}
.panels:nth-child(3){display:inline-grid; padding-left:3rem;}

/*--slider styles for VEIL--*/
.slider-container{
			position:relative;
			width:10px;
			height:66px;
		}
		
		.slider-container .slider{
			position:absolute;
			z-index: 3;
			left:50%;
			top:50%;
			-webkit-appearance:none;
/*			-moz-appearance: none;*/
			margin:0;
			width:66px;
			height:20px;
			outline:none;
			border:.5px #333 solid;
			border-radius:20px;
			padding:0 .5rem;
			transform: rotate(-90deg) translate(-50%, -50%);
			transform-origin:0 0;

			background-color:transparent;
		}
		
				.slider-container .slider::-moz-range-thumb{
		/*			-moz-appearance: none;*/
					width:18px;
					height:42px;
					border:1.5px solid #999;
					border-radius:15px;
					background-color:black;
					box-shadow:0 5px 5px black;
					cursor:pointer;
					transition:.25s ease-in-out all;
				}

		
		.slider-container .slider::-webkit-slider-thumb{
			-webkit-appearance: none;
/*			-moz-appearance: none;*/
			width:18px;
			height:42px;
			border:1.5px solid #999;
			border-radius:15px;
			background-color:black;
			box-shadow:-2.5px 0 5px black;
			cursor:pointer;
			transition:.25s ease-in-out all;
		}
		
				.slider-container .slider::-moz-range-thumb:hover{
					border-color:#f00;
				}
		
		.slider-container .slider::-webkit-slider-thumb:hover{
			border-color:#f00;
		}
	
				.slider-container .slider::-moz-range-thumb:active{
					-moz-box-shadow: 0 0 0 15px rgba(255,255,255,.1);
					box-shadow: 0 0 0 15px rgba(255,255,255,.1);
				}
		
		.slider-container .slider::-webkit-slider-thumb:active{
			box-shadow: 0 0 0 15px rgba(255,255,255,.1);
			-moz-box-shadow: 0 0 0 15px rgba(255,255,255,.1);
		}
	
		.slider-container .bar,
		.slider-container .fill{
			position:absolute;
			left:0;
			right:0;
		}
		
		
		.slider-container .bar{
			z-index: 1;
			top:10px;
			bottom: 10px;
			background-color:rgba(0,0,0,.2);
		}
		

		.slider-container .bar::before,
		.slider-container .bar::after{
			content:'';
			position:absolute;
			left:0;
			right:0;
			height:10px;
		}
		
		.slider-container .bar::before{
			bottom:100%;
			background-color:rgba(0,0,0,.2);
			border-top-left-radius:10px;
			border-top-right-radius:10px;
		}
		
		.slider-container .bar::after{
			top:100%;
			background-color:rgba(255,0,0,1);
			border-bottom-left-radius:10px;
			border-bottom-right-radius:10px;
		}
		

		.slider-container .fill{
			z-index: 2;
			bottom:0;
/*MAY HAVE TO CHANGE TO 50%*/height:50%;
			overflow: hidden;
		}
		
		.slider-container .fill::before{
			content:'';
			position:absolute;
			left:0;
			right:0;
			height:300px;
			bottom:0;
			background-image: linear-gradient(0deg, #ff0000 0%, #000000 100%);
		}
		
		.rulers {
			position: absolute;
			  right: 200%;
			  top: 15px;
			  bottom: 15px;
			  width: 100%;
			  background-color: rgb(0,0,0,.2);
			  border-top: 1px solid #777;
		}
		
		.rulers::before{
			content: '';
			  position: absolute;
			  left: 0;
			  right: 0;
			  top: 0;
			  bottom: 0;
			  background: linear-gradient(to top, #777 .5px, transparent 1px);
			  background-size: auto;
			  background-size: 100% 10%;
		}
		
		.rulers::after{
			content: '';
			  position: absolute;
			  left: 30%;
			  right: 0;
			  top: 0;
			  bottom: 0;
			  background: linear-gradient(to top, #222 .0025px, transparent .0025px);
				background-size: auto;
			  background-size: 100% 2%;
			  z-index: -1;
		}

		.veil-label {
		position: relative;
		top: 15px;
		left: -40%;
		}


/*------------------END CTRL PANEL STYLES---------------------*/


/*----------------CONTAINER FOR PAGES---------------*/
#section-container{padding:3.3em 6em}


/*----------------TESTIMONIAL PAGE---------------*/


#mkm-is-the-ultimate-tour-production{padding:3rem 5rem}
#mkm-is-the-ultimate-tour-production h1{width:100%; text-align: center;}
	/*--START OF TESTIMONIAL BLOCKS--*/
	#testimonial-ticker{
		display: flex;
		position: absolute;
		bottom: 0;
	}
	#title-test{
		background-color:red;
		background-image: linear-gradient(to right,darkred,red/*#90181A*/); 
		width:15%; 
		text-align: center;
		color:black;
		font-family:"Century Gothic Pro", sans-serif;
		font-weight:lighter;
		font-size:.9rem;
		letter-spacing: 1px;
		line-height: 1.2em;
		padding-top:.25em;
	}
	#testimonials{
		background-image: linear-gradient(#001,#590E0F/*#90181A*/);
		position: relative;
		color:white;
		font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
		font-size:.9em;
		font-weight: lighter;
		width:75%; 
		border:1px red solid; 
		overflow: hidden;
		line-height: 1.25rem;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	
	#testimonials:after {
		content: '';
	  	width: 1px;
		height: 10px;
		border-style: solid;
		border-width: 19px 19px 50px 0px;
		border-color: transparent red transparent transparent;
		position: absolute;
		top: -16px;
		left: 12px;
		transform: rotate(45deg);
		transform-origin: left top;
	}
	
	/*testimonial fonts*/
		.quote{font-style: italic;}
		.poc{font-style: normal;}
		.artist{font-weight:bold;}
		.artist:after{content:" // "; color:#E92529;font-size:.7em;}
		.readmore{color:#F4686B; transition:.2s ease all; font-size:.9em;}
		.readmore:hover{color:white;}
	/*--END OF TESTIMONIAL BLOCKS--*/



	.testimonials{
		background-image:url("../images/testimonial-concert-access-background_PHOTO-CREDIT_austin-neill.jpg");
		background-position:center center; 
		background-repeat: no-repeat; 
		background-size:100%;
	}

.testimonial-card{
	
}

.testimonial-card>img{max-width:100px;height:auto;}

.testify{
	color:white;
	font-size:1.1rem;
	padding:20px 30px 100px;
	font-style: italic;
}

.testify p{margin:.25rem 0 .75rem 0; text-align:center;}

.signed {background-color: red;color: white;padding: 2% 0 3%;position: absolute;bottom: 0;width: 100%;}
.artist-poc{font-size:1.5rem;}
.artist-poc_position{}

/*---TESTIMONY GRID---*/
.testify-grid {
  display: grid;
}

.grid-item {
	padding-top:25px;
	border:2px solid red;
	border-radius:22.5px;
	box-sizing: border-box;
	text-align: center;
	background-clip: content-box;
	overflow:hidden;
	margin:1rem;
	position:relative;
	opacity:.65;
}

.grid-item:hover{opacity:1;}

/*------------------------START OF ROW 1---------------------------*/
/*------LITA FORD------*/
.item1 {
  grid-column: 1 / span 2;
  grid-row: 1;
}

/*------STEVE VAI------*/
.item2 {
  grid-column: 3;
  grid-row: 1 / span 1;
}
/*------------------------END OF ROW 1---------------------------*/


/*------------------------START OF ROW 2---------------------------*/
/*------BODY COUNT------*/
.item3 {
  grid-column: 1 / span 1;
  grid-row: 2;
}

/*------SCOTT S.------*/
.item4 {
  grid-column: 2 / span 2;
  grid-row: 2;
}
.item4 .signed{padding: .5rem 0;;}
/*------------------------END OF ROW 2---------------------------*/


/*------------------------START OF ROW 3---------------------------*/
/*------DAN MCCAFERTY------*/
.item12 {
  grid-column: 1 / span 3;
  grid-row: 3;
}

.item12 .signed{padding: .5rem 0;}
/*------------------------END OF ROW 3---------------------------*/



/*------------------------START OF ROW 4---------------------------*/
/*------ADAM REIVER------*/
.item5 {
  grid-column: 1 / span 1;
  grid-row: 4;
}

/*------STEVIE SPICE------*/
.item6 {
  grid-column: 2 / span 1;
  grid-row: 4;
}

/*------DAVE ROTHSTEIN CHECK! LOL------*/
.item13 {
  grid-column: 3 / span 1;
  grid-row: 4;
}
/*------------------------END OF ROW 4---------------------------*/

/*------------------------START OF ROW 5---------------------------*/
/*------DANIEL S.------*/
.item7 {
  grid-column: 1 / span 3;
  grid-row: 5;
}
	.item7 .signed{padding: .5rem 0;}
/*------------------------END OF ROW 5---------------------------*/

/*------------------------START OF ROW 6---------------------------*/
/*------COALLIER------*/
.item8 {
  grid-column: 1 / span 1;
  grid-row: 6;
}
.item8 .signed{padding:4% 0 7%;}

/*------JOHN FRANCD------*/
.item9 {
  grid-column: 2 / span 1;
  grid-row: 6;
}

/*------ROB BALDUCCI------*/
.item11 {
  grid-column: 3 / span 1;
  grid-row: 6;
}
/*------------------------END OF ROW 6---------------------------*/




/*------------------------START OF ROW 7---------------------------*/
/*------BILL CHAVIS------*/
.item10 {
  grid-column: 1 / span 3	;
  grid-row: 7;
}
.item10 .signed{padding:.5rem 0;}

/*------------------------END OF ROW 7---------------------------*/

.twogriditems{display:grid;}

.item14 {
  grid-column: 1 / span 1;
  grid-row: 1;
	padding-bottom:15%;
}

/*------MARK WOOD CAMP VIOLINIST------*/
.item16 {
  grid-column: 2/ span 1;
  grid-row: 1;
}


/*------RAY AMICO FOH SOUND------*/
.item15 {
  grid-column: 1 / span 2;
  grid-row: 2;
}
.item15 .signed{padding: .5rem 0;}

/*------------------------END OF ROW 7---------------------------*/


/*--END OF TESTIMONY PAGE0--*/


/*--START OF TOUR PRODUCTIONS PAGE--*/
.blackout{background-color:black;}
/*.windsheildfx{background-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0)); text-shadow:2px 2px 5px black;}*/
.windsheildfx{/*background-color: rgba(0,0,0,.75);*/color:white; font-weight:bold;  text-shadow:2px 2px 5px black;}
.tour-productions-hero{
	background-color:black;
		background-image:url("../images/bg_tour-production-page_CREDIT_jessie-mccall-2vfKU3bm8xM-unsplash.jpg");
		background-position:bottom center; 
		background-repeat: no-repeat; 
		background-size:100%;
	}

header svg#ABOUT-US-BUTTON {position:absolute; bottom:6%; left:50%; transform:translateX(-50%); z-index:9999; width:10vw; cursor:pointer;}

h1{font-size:2rem;}
.tourproduction-icon-headings{width:100%;display:block;text-align: center;}
.tourproduction-icon-headings img{height:9vh;width:auto;}
.roadcase-icon-headings{width:100%;display:block;text-align: center;}
.roadcase-icon-headings img{height:15vh;width:auto;}



#pinger{width:100%; text-align: center;}
#pinger svg{width:100px;}
#about-ring{animation:switcheroo 5s infinite linear; animation-delay:2.5s}
#nucleus{animation:switcheroo 5s infinite linear;}

#about-mkm{color:white;}
#about-mkm h1{width:100%; text-align: center;margin-bottom:1rem;}
.three-column{display:flex; flex-wrap:nowrap; margin-bottom:0;}
.three-column p {margin: 2.5em 1.75em;width: 30vw;line-height: 1.5rem;}
.two-column{display:flex; flex-wrap:nowrap; margin-bottom:3rem;}
.two-column>div{width:48%; align-items: flex-start; margin:2rem 1%;}
.two-column p{margin:1.15rem;align-items: flex-start;line-height: 1.5rem;}
.alittlebitoff{margin-bottom:0;}

/*.two-column>div.featured-artist-testimonial {margin: 2em 8em 2em 0;}*/
.red-border{border:2px solid firebrick; padding:2em;border-radius:50px;}
.red-background{background:darkred; padding:2em; border-radius:50px; width:40%;}
.freshman-fifteen{padding:15px;}
.laminate-pics{background-color:firebrick; border-top-right-radius: 25px;border-bottom-left-radius: 25px;}
.stickie-pics{background-color:firebrick; border-top-left-radius: 25px;border-bottom-right-radius: 25px;}
.laminate-headline{background-color:firebrick; border-top-left-radius: 25px;border-top-right-radius: 25px; height:20px;}

/*----------------------CRAZY SHIT--------------------------*/

.redmkm{ width:100%; text-align: center;}
.redmkm img {height: 75px;}

.roadhood{
	border-radius:25px;
	border:2px firebrick solid;
	background-image:url("../images/bg_tour-productions.jpg");
	background-repeat: repeat; 
	background-size:contain;
	margin:0 1%;
}

.surprise{height:100%; display: grid; grid:100% / 33% auto 33%;padding-top: 1%;}
.another-box{}
	.opensesame{position:relative; display: grid;
  grid-template-columns: auto;align-content: flex-start;}
	.opensesame img{max-width:100%;}


.lidoff,.catch-case,.keepitmovin{position:relative;margin:0;padding:0;}
/*
.lidoff{background-color:lime;}
.catch-case{background-color:magenta;}
.keepitmovin{background-color:yellow;}
*/

/*	.trapper-keeper,.left-wheel,.left-wheel-cover,.right-wheel,.right-wheel-cover,.the-case,.lid,.thin-red-line,.firecracker,.warm-glow,.white-smoke{position:absolute;}*/

	/*.gather{position:absolute;top:0;}*/
	.left-wheel,.left-wheel-cover,.right-wheel,.right-wheel-cover,.the-case,.lid,.thin-red-line,.firecracker,.warm-glow,.white-smoke{position:absolute;}
		.thin-red-line,.firecracker,.warm-glow,.white-smoke{top:-40%;}
		.left-wheel{top:5%;left:1%; max-width:20%; animation:rollin 2s linear infinite;transform-origin:50% 47.5% ;}
		.right-wheel{top:5%;right:2%; max-width:20%; animation:rollin 2s linear infinite; transform-origin:50% 47.5% ;}
		.right-wheel-cover{top:0;right:0; max-width:23%;}
		.left-wheel-cover{top:0;left:0; max-width:23%;}
		.the-case{top:3px;left:0; max-width:100%;z-index: 10000000; animation: boppin 1s infinite linear;}
		.lid{bottom:0;left:0; max-width:100%;z-index: 20000000; margin-bottom:-7px; animation:boppin 1s infinite linear; transition:.1s linear all;}

		.firecracker{transition:2s linear all;}
		.white-smoke{transition:3s linear all;}
		.floatup{top:-200%}
		.blowyourtop{margin-bottom:200%}
		.cloudy,.warm-glow{animation:smokeupjohnny 12s ease 1 forwards;}
		@keyframes smokeupjohnny{
			0%{opacity:1;}
			10%{opacity:0;}
			20%{opacity:1; transform:translateY(0)}
			30%{opacity:0;}
			40%{opacity:1;}
			50%{opacity:0;}
			60%{opacity:1;}
			70%{opacity:0;}
			80%{opacity:1;}
			90%{opacity:0;}
			100%{opacity:1; transform:translateY(-200%)}
		}
		.warm-glow{animation:redglow 12s ease infinite forwards;}
		@keyframes redglow{
			0%{opacity:1;}
			10%{opacity:0;}
			20%{opacity:1;}
			30%{opacity:0;}
			40%{opacity:1;}
			50%{opacity:0;}
			60%{opacity:1;}
			70%{opacity:0;}
			80%{opacity:1;}
			90%{opacity:0;}
			100%{opacity:1;}
		}
		

.trapper-keeper{display:none;}

.services{background-color:rgba(0,0,0,.75); text-align:center; padding:2rem 4rem;border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px; }	
.service-list ul{list-style: none; margin-top:1.5rem;}
.service-list ul li{margin:1.5rem; display:inline-block; justify-content: center; word-wrap: break-word; text-transform: uppercase; font-size:.9em;}
.service-list ul li img{max-height:100px;}
.lam{}
.sat{}
.lan{}
.lug{}
.iti{}
.pas{}
.pos{}
.bac{}
.pap{}
.gra{}

.scrollcase{overflow:hidden;position:relative;padding-bottom:.5em;}
.scrollcase .red{
	display: flex; 
	justify-content: space-around; 
	flex-wrap: nowrap; width:100%; 
	min-height: 5vh; 
	position:absolute;  
	top:33%; 
	transform: translate(0,-50%); 
	background:transparent; 
	animation: letsgored 8s linear infinite;
}
.scrollcase .blue{
	display: flex; 
	flex-wrap:nowrap; 
	justify-content: space-around;  
	width:100%; 
	min-height: 5vh; 
	position:absolute; 
	top:33%;  
	background:transparent; 
	transform: translate(100%,-50%); 
	animation: letsgoblue 8s linear infinite;
}
.scrollcase .red img, .scrollcase .blue img{width: auto; height: 120px;-webkit-filter: grayscale(84%); /* Safari 6.0 - 9.0 */
    filter: grayscale(84%); transition:.25s ease all; cursor:pointer;}

.scrollcase .red img:hover, .scrollcase .blue img:hover{-webkit-filter:none; /* Safari 6.0 - 9.0 */
    filter:none; transition:.25s ease all;}

@keyframes letsgored{
	0%{transform:translate(0,0)}
	100%{transform:translate(-100%,0);}
}
@keyframes letsgoblue{
	0%{transform:translate(100%,0)}
	100%{transform:translate(0,0);}
}

/*----------------------CRAZY SHIT--------------------------*/
.artist-pic{position:relative;}
	.bg-spinning-star, .saycheese{
    padding: 0 0 0 4%;
    width: 96%;
}
	.bg-spinning-star{
    position: absolute;
    top: 1rem;
    animation: spin 30s infinite linear;
    /* width: 100%; */
}
	.saycheese{position:absolute; top:1rem; z-index: 1000}
	.haveaseat>img,.bg-spinning-star>img, .saycheese>img{ max-width: 100%;  min-width: 100%;}
/* old before 07 mar 2024
.artist-pic{position:relative;}
	.bg-spinning-star, .saycheese{padding:0 0 0 2rem;}
	.bg-spinning-star{position:absolute; top:1rem; animation:spin 30s infinite linear;}
	.saycheese{position:absolute; top:1rem; z-index: 1000}
	.bg-spinning-star>img, .saycheese>img{max-width:100%;}
*/

.featured-artist-testimonial {padding:2rem;}
.featured-artist-testimonial h1{font-size:2rem;}
.heading-icon{text-align: center; margin-top:10px;}
.heading-icon img{width:100px; height:auto; display: block;}
.featured-artist-testimonial h1{text-align: center;}
.featured-testimony{text-align: justify; padding:0; font-style: italic;}
.featured-testimony p{margin-left:0;margin-bottom: .88rem;}
.featured-testimony p:last{margin-bottom: .88rem;}
.feature-artist-poc{text-align: right; margin-right:2rem; font-size:1.5rem;}
.takeitdownathousand a{display:inline-block; color:indianred; margin-top:1rem; text-align: center; text-decoration:none; cursor:pointer;font-size:.8em; line-height: 1.65em; width:100%;}
.takeitdownathousand a:hover{color:#fff; cursor:pointer;}

.takeitdownathousand a img {vertical-align: bottom;}

.takeitdownanotch a{display: flex;color: indianred;margin-top: 1rem;width: 100%;text-decoration: none;cursor: pointer;
    text-align: left;font-size: .8em;line-height: 1.65em;justify-content: center;margin-bottom: 2em;}
.takeitdownanotch a:hover{color:#ffffff;}
.takeitdownanotch a img {vertical-align: bottom;}

.pinchofsalt{position:relative;top:2px; left:2.5px;}
		
	/*--artists section--*/
#artists h1{width:100%; text-align: center; margin-bottom:2rem; font-size:2rem;}
#artists{padding:1rem 3rem 11vh; text-align: justify; line-height:1.75em;}
.artist{color:#C9BBBC}

/*--END OF TOUR PRODUCTIONS PAGE--*/



/*------bottomsup style - for portfolio travel to move up a little from bottom of header------*/
.bottomsup{position:absolute; width:12vw; height:auto; bottom:30px; left:50%; transform:translateX(-50%); z-index: 9999}
.bottomsup a svg{max-width:122px;}

/*-------------------START OF PORTFOLIO PAGE------------------------*/
#magnific{margin-left:40px;}

.portfolio-travel, .portfolio-star{position:absolute; width:12vw; height:auto; bottom:0; left:50%; transform:translateX(-50%); z-index: 9999}
.portfolio-travel a svg, .portfolio-star a svg{max-width:188px;}
.seeya{display:none;}


.portfolio{
		background-image:url("../images/bg_gallery.jpg");
		background-position:center center; 
		background-repeat: no-repeat; 
		background-size:100%;
	}

.downer-upper {
background-color: firebrick;
border-top-left-radius: 25px;
border-bottom-right-radius: 25px;
height: 20px;
	margin:1rem 4rem;
}


/*--------LAMINATES-----------*/
.lam-thumbs {
	text-align: center;
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
}
.lam-thumbs span{width:20vw; margin:1em 0; cursor:pointer;}
.lam-thumbs span img{width:100%; opacity:.85}
.lam-thumbs span:hover{transform:scale(1.25,1.25)}
.lam-thumbs span img:hover{opacity:1}

.lamframe{
	position: fixed;
	  width: 100%;
	  height: 100vh;
	  display: none;
	  justify-content: center;
	  align-items: center;
	z-index: 99999999999999999999999999999999999; 
	overflow:hidden;
	top:0;
	left:0;
	background-color:rgba(0,0,0,0.88);
}


.lamsizing{
	height:90%;
	width:90%;
	margin:1% 5%;
	display:flex;
	justify-content: center;
	align-items: center;
	background-size:cover; 
	background-image: url("../images/bg_laminates.jpg");
	box-sizing: border-box;
	border-radius:25px; 
	box-shadow: 0 0 36px rgba(255,0,0,.2); 
	border:2px solid firebrick; 
}

.lamsizing img{max-width:396px; max-height:409px;}

/*----LAMS IN THE POPUP------*/
.lamsizing img {max-width: 100%;max-height: 100%;}

/*-------END OF LAMINATES------------*/


#photo-galleries{padding:3rem; color:white; background-color:black;}
#photo-galleries h1{width:100%; text-align: center;margin-bottom:1rem;}
.iknowyouright{padding-right:5rem}
.zeropush{margin:0}
.two-column>.galley{width:42%; align-items: flex-start; margin:0rem;}
/*.justafudge{padding-top:5rem;}*/
/*.movinonup{padding-top:0; margin-top:0;}*/

#satin-section{margin:1rem 4rem 3rem 4rem;}
.stickieborders{
min-height: 70vh;
	/*border: 2px solid firebrick;*/
	/*padding-block: .25rem;*/
border-bottom-left-radius: 25px;
border-bottom-right-radius: 25px;
background-image: url("../images/satins/bg_stickies.jpg"); 
background-size:100%; 
background-repeat:repeat-y;
}


.poster-thumbs{text-align: center;}
.poster-thumbs img{width:25vw; height:auto; margin:1em;}


/*-------------HIDEOUT--------------*/
#lsabbath, #mistress, #elite, #heroes, #grevolution, #redlight, #jgarino, #rb-821, #toxin, #carl-lots, #rb-tran, #tr-godsmack, #croa-hir{display:none;}

/*-------------END OF HIDEOUT------------*/

/*-------------CD DVD SECTION-------------*/
.cd-dvd {margin:2rem 4rem 3rem 4rem;}

.disc-thumbs, .dvd-thumbs {
	width:100%;
	text-align: center;
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-bottom:2rem;
	background-image:url("../images/cd-dvd/bg_cd_wallpaper.jpg");
	background-repeat:repeat;
/*    border: 2px solid firebrick;*/
    padding-block:.25rem;
	border-radius:25px;
/*
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
*/
}
.disc-thumbs div{width: 14vw;} /*CHANGE THIS WIDTH FOR RESPONSIVE*/
/*.disc-thumbs{text-align: center;}*/
/*.disc-thumbs>img{height:50vh; width:auto; margin:1em;}*/

.disc-container{position:relative; margin: 1.25em;}
.disc-container>img{max-width:100%;}
.cd{position:absolute; top:0; left:0;}
.cd img{position:absolute; top:0; left:0; cursor:pointer; max-width:100%;}
.cd img:nth-of-type(2){ border:1px #461313 solid;}

.cd:hover img:nth-of-type(2){left:-20%;}
.cd:hover img:nth-of-type(1){left:20%;}
.dvd:hover img:nth-of-type(2){left:-20%;}
.dvd:hover img:nth-of-type(1){left:60%;}

.dvd-thumbs{justify-content:center; background-position:center center;}
.dvd-thumbs div{width:20vw;} 
.dvd-thumbs>.disc-container{margin:1em 5em;}
.dvd{position:absolute; top:0; left:0;}
.dvd img{position:absolute; top:0; left:0; cursor:pointer; max-width:100%;}
.dvd img:nth-of-type(1){ left:50%;}
.dvd img:nth-of-type(2){ border:1px #461313 solid;}




/*.discframe{min-height: 80vh; max-height: 80vh; width:80%; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); background:#200707; max-width:100%; text-align:center; border-radius:25px; box-shadow: 0 0 36px rgba(255,0,0,.2); border:2px solid firebrick; z-index: 999999999; overflow:hidden;}*/

.btnnobigup{
    position: fixed;
    top: 3%;
    right: 1.5%;
    border: 1px solid transparent;
    background: black;
    color: white;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    font-size: 33px;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    transition: .25s ease all;
}
.btnnobigup:hover{background:red; color: white; border:1px solid red;}

/*-------------LOGOS SECTION-------------*/
#logos {margin:2rem 4rem 3rem 4rem;}
.schooch-down{margin-bottom:0;} /*.schooch-down{margin-bottom:-10px;}*/
.logo-thumbs {
	text-align: center;
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
}
.logo-thumbs span{width:16vw; margin:1em; cursor:pointer;}


.logo-thumbs span:hover{transform:scale(1.25,1.25)}
.logo-thumbs span img{width:100%; max-height: 100%; opacity:.55}

.logo-headline{background-color:firebrick; border-top-right-radius: 25px;border-bottom-left-radius: 25px; height:20px;}
.bg-elite{background-image:url("../images/logos/bg_logos.jpg"); background-position: top center; background-size:contain; background-repeat: no-repeat}
.bg-msevil{background-image:url("../images/logos/bg_logos_center-light.jpg"); background-position: center center; background-size:contain; background-repeat: no-repeat}
.bg-heroes{background-image:url("../images/logos/bg_logos_center-light.jpg"); background-position: center center; background-size:contain; background-repeat: no-repeat}
.bg-red-light{background-image:url("../images/logos/bg_logos_left-light.jpg"); background-position: center center; background-size:contain;background-repeat: no-repeat}
.bg-revolution{background-image:url("../images/logos/bg_logos.jpg"); background-position: center center; background-size:contain; background-repeat: no-repeat}
.bg-garino{background-image:url("../images/logos/bg_logos_center-light.jpg"); background-position: center center; background-size:contain; background-repeat: no-repeat}
.bg-lsabbath{background-image:url("../images/logos/bg_logos_left-light.jpg"); background-position: center center; background-size:contain; background-repeat: no-repeat}


img.logo-elite, img.logo-revolution {rotate:-35deg; width:100%;margin-top:9%; margin-left:2%}
img.logo-red-light {rotate:-35deg; width:100%;margin-top:14%; margin-left:2%}
img.logo-msevil{margin-top:7.5%;}
img.logo-heroes {margin-top:7%; transform:scale(1.12, 1.12)}
img.logo-lsabbath {margin-top:5%; transform:scale(.9, .9)}
img.logo-garino {margin-top:4%;}

.logoframe, .discframe{
	position:fixed; 
	overflow:hidden;
	top:0;
	left:0;
	width: 100%; 
	height: 100%;
	display:none;
	justify-content: center;
 	align-items: center;
	background-color:rgba(0,0,0,0.88);
	text-align:center; 
	z-index: 99999999999999999999999999999999999;
}

	.logosizing, .discsizing{
	height:90%;
	width:90%;
	margin:2% 5%;
	display:flex;
	justify-content: center;
	align-items: center;
	background-size:cover; 
	background-position:top center;
	background-image: url("../images/logos/bg_logo-slider.jpg");
	box-sizing: border-box;
	border-radius:25px; 
	box-shadow: 0 0 36px rgba(255,0,0,.2); 
	border:2px solid firebrick; 
}

	
.discsizing{
background-image: url("../images/cd-dvd/bg_cd_wallpaper.jpg");
	background-size:auto;
background-repeat: repeat;
}


/*-------------------END OF PORTFOLIO PAGE------------------------*/

/*-------------------START OF CONTACT PAGE--------------------*/




/*-------------------END OF CONTACT PAGE--------------------*/


/*-----------START OF THANK YOU PAGE STYLES-----------*/
		.mamaimcominghome{position:absolute; top:50%; right:50%; transform:translate(50%,-50%); width: 6vw; z-index: 99999999999999; cursor:pointer; display:none;}
		.engage{animation:engage 2s 1 ease forwards; transform-origin:50% -50%;}
		@keyframes engage{
			0%{transform:translate(50%,-50%); width:12vw;}
			100%{transform:translate(50%,36vh); width:12vw;}
		}
		
		button#saygoodbye {width:88px; height:88px; background: transparent; outline:none; border:0; cursor:pointer; transition:ease .25s all;}
		button#saygoodbye:hover {width:110px; height:110px;}
		.brickcoat{color:indianred;}
		#signed{margin:2.25rem 0 .5rem 0;}
		#stamp img{width:10vw;}
		#wegotchu{font-size:55rem; display:block; white-space: nowrap; animation:smallerandsmaller 1s 1 ease forwards;}
		#wecarealot{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align: center; z-index: 300}
		#thx-all-eyes-can-see{
			width: 100px;
			height:100px;
			border-radius: 50%;
			background-color: rgba(0,0,0,.7);
			transform:scale(14,14);
			z-index: 400;
}
/*-----------END OF THANK YOU PAGE STYLES-----------*/
		
/*---------THANK YOU PAGE ANIMATION------------*/
/*---for mobile---| animation:smallerthanthat 1s 1 ease forwards; |----*/
		
		@keyframes smallerthanthat{
			0%{font-size:55rem; color:black;}
			50%{color:red;}
			75%{color:white;}
			100%{font-size:3.5rem;}
		}
		@keyframes smallerandsmaller{
			0%{font-size:55rem; color:black;}
			50%{color:red;}
			75%{color:white;}
			100%{font-size:5rem;}
		}
		
		.wormhole{animation: wormhole 1s 1 ease forwards;}
		
		@keyframes wormhole{
			0%{transform:scale(14,14);}
			100%{transform:scale(0,0);}
		}
		
		#red-circle-orbit, #TNPLH-word-orbit{animation:rollin 22s infinite linear; transform-origin:center center;}
		
		.thankclosest2{animation:brightenup 5s infinite ease}
		@keyframes brightenup{
			0%{fill:#2A0F10;}
			50%{fill:darkred;}
			0%{fill:#2A0F10;}
		}
		
		button#saygoodbye{opacity:.25; animation:cutthelightson 1s 1 forwards;animation-delay:3s;}
		@keyframes cutthelightson{
			0%{opacity:.25;}
			100%{opacity:1;}
		}
		
		.goingup{
			-webkit-animation: goingup 1s ease-out 1 forwards;
			animation: goingup 1s ease-out 1 forwards;
			transform:translate(-50%,-50%);
			transform-origin:center;
		}

			@-webkit-keyframes goingup{
				0%{transform:translate(0,0);}
				100%{transform:translate(-50%,-250%);}
			}

			@keyframes goingup{
				0%{transform:translateY(0,0);}
				100%{transform:translate(-50%,-250%);}
			}



/*--START OF <footer> element style rules: footer, logo in footer, footer menu, terms, copyright--*/
footer{padding:3% 5% 7% 5%;}

	#footer-logo{width:100%; text-align: center;}
	#footer-logo>img{width:25%;}
	#footer-menu{margin-top:2rem;}
	#footer-menu ul{display:flex; justify-content: space-around; list-style: none; flex-wrap: wrap;}

	#footer-menu ul li{
			text-align:center; 
			display: flex; /*don't chg flex*/
			flex-wrap:wrap; 
			justify-content: center;
			height:130px;
			position:relative;
			cursor: pointer;
		}

		.padder{padding:0 1vw;} /*for "home"(small word) to include bg star in before pseudo class*/
		
		#footer-menu ul li>img{
			position:absolute;
			z-index: -2; 
			opacity:.2;
			max-height: 88px; 
			max-width:88px; 
			top:60%; 
			transform:translateY(-50%);
		}

			a.trigger:hover + .glowwithit .glow{
				border:#FB4E51 1.2px solid;
				background-color:red;
				-webkit-box-shadow:0 0 20px #E92529; 
				-moz-box-shadow: 0 0 20px #E92529; 
				box-shadow:0 0 20px #E92529;
			}
				.cringe1:last-child {
					order: -1;
				}
	
	
			.glowwithit{width:100%; top:0;}
				.glow{
					border:white 1.2px ridge;
					background-color:darkred;
					width:12px;
					height:12px;
					border-radius:15px;
					display:inline-block;
					transition-delay: .1s;
					 cursor: pointer;
				}

				.glow2{
					margin-top:1rem;
					background-color:#111;
					border:3px solid #999;
					width:22px;
					height:22px;
					border-radius:15px;
					transition-delay: .1s;
					display:none;
					cursor: pointer;
				}
		
			#footer-menu ul li>a{
				position:absolute; 
				top:60%; 
				transform:translateY(-30%);
				white-space: nowrap;
			}

			a.trigger{
			text-decoration:none;
			color:white;
			opacity:.9;
			font-size:1.15em;
			transition:.25s all;
			text-transform:uppercase;
			/* AUDIO PLUG CURSOR cursor:url("../images/audio-plug.svg"),auto;*/
			cursor:pointer;
			}

			a.trigger:hover{
				text-shadow:
               -3px 0 20px red,
               3px 0 20px red,
               0 -3px 20px red,
               0 3px 20px red;
				 cursor: pointer;
			}


/*----turn off footer-warpspeed (only for mobile)-------*/
.footer-warpspeed{display: none;}


/*--START OF: LINKS FOR TERMS & USE AND PRIVACY POLICY--*/
	#i-am-the-law{margin-top:5rem;}
	#i-am-the-law ul{list-style: none; text-align: center;}
	#i-am-the-law ul li{display:inline-block;}
	#i-am-the-law ul>li:after{content:" // ";color:#E92529;font-size:.7em;}
	#i-am-the-law ul>li:last-child:after{content:""}
	#i-am-the-law ul li a:link{color:white; font-size:.77em; text-decoration:underline; text-decoration-color: transparent; transition:.25s all ease-in;}
	#i-am-the-law ul li a:visited{color:indianred;text-decoration-color: transparent;}
	#i-am-the-law ul li a:hover{color:white;text-decoration-color: darkred;}
	#i-am-the-law ul li a:active{color:indianred;text-decoration-color: transparent;}

	#copyright{font-size:.8em; color:#CF9697/*#F4686B--#E92529*/; text-align: center; margin-top:2rem; font-weight:lighter;}
	/*--END OF: LINKS FOR TERMS & USE AND PRIVACY POLICY--*/

	#laminate-section{padding:5rem}
	.lam-scroll{width:100%; overflow-x:scroll; white-space: nowrap; display: inline-block}
	.lam-scroll img{}



/*---------------------------------KEYFRAME ANIMATIONS------------------------------------------*/

@keyframes nextup{
			0%{opacity:0;}
			100%{opacity:1;}
		}

#O-ABOUT{animation:blackring 5s linear infinite; animation-delay: 2.5s;}
#star1, #star2, #star3, #star4, #star5,#r3d3y3{animation:bringiton 5s linear infinite;}
#star2{animation-delay:.2s;}
#star3{animation-delay:.4s;}
#star4{animation-delay:.6s;}
#star5{animation-delay:.8s;}
#line1,#line2,#line3{animation:bringiton 5s linear infinite;}
#line1{animation-delay:2.5s;}
#line2{animation-delay:2.75s;}
#line3{animation-delay:2.95s;}

#dnarrow-one, #dnarrow-two, #dnarrow-three{animation: getdowngetdown 1.75s infinite alternate linear; animation-delay:3s;}
	@keyframes getdowngetdown{
		0%{transform:translateY(0);}
		100%{transform:translateY(50%);}
	}

#LEFT-FOLD{animation:leftfold 3.5s ease infinite; animation-delay: 1s;}
@keyframes leftfold{
	0%{transform:translateX(-30%); fill:#000000;}
	25%{transform:translateX(0); fill:#000000;}
	26%{transform:translateX(0); fill:#D62027;}
	75%{transform:translateX(0); fill:#D62027;}
	76%{transform:translateX(0); fill:#D62027;}
	95%{transform:translateX(-30%); fill:#D62027;}
	100%{transform:translateX(-30%); fill:#000000;}
}

#RIGHT-FOLD{animation:rightfold 3.5s ease infinite; animation-delay: 1s;}
@keyframes rightfold{
	0%{transform:translateX(30%); fill:#ffffff;}
	25%{transform:translateX(0); fill:#ffffff;}
	26%{transform:translateX(0); fill:#D62027;}
	75%{transform:translateX(0); fill:#D62027;}
	76%{transform:translateX(0); fill:#D62027;}
	95%{transform:translateX(30%); fill:#D62027;}
	100%{transform:translateX(30%); fill:#ffffff;}
}

#EYE-STAR, #PUPIL{animation: bigoleye 2.5s infinite ease; transform-origin:center center;}
@keyframes bigoleye{
		0%{transform:scale(1,1);}
		50%{transform:scale(.5,.5);}
		100%{transform:scale(1,1);}
	}

@-webkit-keyframes settlein{
	0%{bottom:0;}
	100%{bottom:10%;}
}

@keyframes settlein{
	0%{bottom:0;}
	100%{bottom:10%;}
}

#orbitz, #footer-orbitz{animation:rollin 22s linear infinite;transform-origin: center center}
#menu-star, #footer-menu-star{animation:turnaround 22s linear infinite;transform-origin: center center}
@-webkit-keyframes turnaround{
	0%{transform:rotateY(0);}
	100%{transform:rotateY(360deg);}
}

@keyframes turnaround{
	0%{transform:rotateY(0);}
	100%{transform:rotateY(360deg);}
}

#MENU-OFFSET .roadcasest3{fill:white;}
#E-1.roadcasest3,#E-2.roadcasest3,#E-3.roadcasest3{animation:bringiton 3s linear infinite;}
@-webkit-keyframes bringiton{
	0%{fill:white;}
	25%{fill:red;}
	50%{fill:red;}
	75%{fill:red;}
	100%{fill:white;}
}

@keyframes bringiton{
	0%{fill:white;}
	25%{fill:red;}
	50%{fill:red;}
	75%{fill:red;}
	100%{fill:white;}
}

@-webkit-keyframes blackring{
	0%{fill:black;}
	25%{fill:red;}
	50%{fill:red;}
	75%{fill:red;}
	100%{fill:black;}
}

@keyframes blackring{
	0%{fill:black;}
	25%{fill:red;}
	50%{fill:red;}
	75%{fill:red;}
	100%{fill:black;}
}

@-webkit-keyframes switcheroo{
	0%{fill:white;}
	25%{fill:firebrick;}
	50%{fill:firebrick;}
	75%{fill:firebrick;}
	100%{fill:white;}
}

@keyframes switcheroo{
	0%{fill:white;}
	25%{fill:firebrick;}
	50%{fill:firebrick;}
	75%{fill:firebrick;}
	100%{fill:white;}
}


#E-2.roadcasest3{animation-delay:.25s;}
#E-1.roadcasest3{animation-delay:.5s;}

#RIGHT-WHEEL, #LEFT-WHEEL{animation:rollout 2s infinite linear;}
#RIGHT-WHEEL{transform-origin: 141.6459px 116.692px}
#LEFT-WHEEL{transform-origin: 22.0725px 116.692px}

/*roadcase*/
@-webkit-keyframes rollout{
	0%{transform:rotateZ(0);}
	100%{transform:rotateZ(360deg);}
}

@keyframes rollout{
	0%{transform:rotateZ(0);}
	100%{transform:rotateZ(360deg);}
}


@-webkit-keyframes boppin{
	0%{transform:translateY(0);}
	50%{transform:translateY(-2.11%);}
	100%{transform:translateY(0);}
}

@keyframes boppin{
	0%{transform:translateY(0);}
	50%{transform:translateY(-2.11%);}
	100%{transform:translateY(0);}
}



#MKM-HERO-LOGO-ANIMATION{
	max-height: 50vh;
	transform:translateY(-160%);
	-webkit-animation: comeondown 1s ease-out 1 forwards;
	animation: comeondown 1s ease-out 1 forwards;
}

@-webkit-keyframes comeondown{
	0%{transform:translateY(-160%);}
	100%{transform:translateY(0);}
}

@keyframes comeondown{
	0%{transform:translateY(-160%);}
	100%{transform:translateY(0);}
}

/*animation syntax: name|duration|timing-function|delay|iteration-count|direction|fill-mode|play-state;*/

#REDSTAR{
	-webkit-animation: sit .5s ease 1 forwards;
	animation: sit .5s ease 1 forwards;
	transform-origin: center;
	animation-delay: .5s;
}

@-webkit-keyframes sit{
	0%{-webkit-transform:scale(1,1);opacity:1;}
	50%{-webkit-transform:scale(2,2);}
	99.99%{opacity:1;}
	100%{-webkit-transform:scale(1,1);opacity:0;}
}

@keyframes sit{
	0%{transform:scale(1,1);opacity:1;}
	50%{transform:scale(2,2);}
	99.99%{opacity:1;}
	100%{transform:scale(1,1);opacity:0;}
}

#REDSTAR2{visibility: hidden;
	-webkit-animation:spin 22s infinite linear forwards;
	animation:spin 22s infinite linear forwards;
	transform-origin: center;
	animation-delay: .9s;
}

@-webkit-keyframes spin{
	0%{transform:rotateZ(0);visibility: visible;}
	4%{opacity:1;}
	9%{opacity:.3}
	89%{opacity:.3}
	90%{opacity:.85;}
	100%{transform:rotateZ(360deg);visibility: visible;}
}

@keyframes spin{
	0%{transform:rotateZ(0);visibility: visible;}
	4%{opacity:1;}
	9%{opacity:.3}
	89%{opacity:.3}
	90%{opacity:.85;}
	100%{transform:rotateZ(360deg);visibility: visible;}
}


@-webkit-keyframes rollin{
	0%{transform:rotateZ(0);}
	100%{transform:rotateZ(360deg);}
}

@keyframes rollin{
	0%{transform:rotateZ(0);}
	100%{transform:rotateZ(360deg);}
}


.st0{
	-webkit-animation:switchup 22s infinite linear;
	animation:switchup 22s infinite linear;
	animation-delay: .5s;
	fill:white;
}

@-webkit-keyframes switchup{
	0%{fill:white;}
	1%{}
	2%{}
	3%{fill:red;}
	100%{fill:red;}
}

@keyframes switchup{
	0%{fill:white;}
	1%{}
	2%{}
	3%{fill:red;}
	100%{fill:red;}
}



.st1{
	-webkit-animation:switchup2 22s infinite linear;
	animation:switchup2 22s infinite linear;
	animation-delay: .5s;
	fill:white;
}

@-webkit-keyframes switchup2{
	0%{fill:red;}
	1%{}
	2%{}
	3%{fill:white;}
	100%{fill:white;}
}

@keyframes switchup2{
	0%{fill:red;}
	1%{}
	2%{}
	3%{fill:white;}
	100%{fill:white;}
}

#PRODUCTIONS-GROUP>path{
	animation:twitch 1.25s 1 linear forwards;
	transform-origin:center center;
}

#PRODUCTIONS-GROUP>path.st1:nth-child(1){animation-delay:1.09s;}
#PRODUCTIONS-GROUP>path.st1:nth-child(2){animation-delay:1.11s;}
#PRODUCTIONS-GROUP>path.st1:nth-child(3){animation-delay:1.13s;}
#PRODUCTIONS-GROUP>path.st1:nth-child(4){animation-delay:1.15s;}
#PRODUCTIONS-GROUP>path.st1:nth-child(5){animation-delay:1.17s;}
#PRODUCTIONS-GROUP>path.st1:nth-child(6){animation-delay:1.19s;}
#PRODUCTIONS-GROUP>path.st1:nth-child(7){animation-delay:1.121s;}
#PRODUCTIONS-GROUP>path.st1:nth-child(8){animation-delay:1.123s;}
#PRODUCTIONS-GROUP>path.st1:nth-child(9){animation-delay:1.125s;}
#PRODUCTIONS-GROUP>path.st1:nth-child(10){animation-delay:1.127s;}
#PRODUCTIONS-GROUP>path.st1:nth-child(11){animation-delay:1.09s;}
#PRODUCTIONS-GROUP>path.st1:nth-child(12){animation-delay:1.11s;}
#PRODUCTIONS-GROUP>path.st1:nth-child(13){animation-delay:1.13s;}
#PRODUCTIONS-GROUP>path.st1:nth-child(14){animation-delay:1.15s;}
#PRODUCTIONS-GROUP>path.st1:nth-child(15){animation-delay:1.17s;}

@-webkit-keyframes twitch{
	0%{fill:red;}
	25%{fill:white;}
	100%{fill:white;}
}

@keyframes twitch{
	0%{fill:red;}
	25%{fill:white;}
	100%{fill:white;}
}

.bigup-mkm{
	transform:scale(2,2);
	transform-origin:center;
}

.make-room-for-mkm{
	transform:translateY(5rem);
	opacity:0;
}


.knock-knock{
	animation:knockknock 1s ease-out 1 forwards;
	animation-delay:2s;
	transform-origin:center;
	transform-origin: 1259.45px 414.3px
}


@keyframes knockknock{
	0%{transform:rotateY(0deg);}
	100%{transform:rotateY(90deg);}
}


span.ultimate{animation:sayitloud 1s 1 ease}
@keyframes sayitloud {
  	0% {font-size:1.1rem;color:white}
	50% {font-size:2rem;color:red}
	100% {font-size:1.1rem;color:white}
}

#footer-menu ul li:before { 
			animation:footturn 36s infinite ease-in-out;
			transform-origin: center center;
			
/*REMOVE THIS ENTIRE LINE IF YOU FOOTER MENU STARS TO ANIMATE*/	animation:none;
/*REMOVE THIS ENTIRE LINE IF YOU FOOTER MENU STARS TO ANIMATE*/	transform:rotateZ(0);
/* TURNS DOWN THE OPACITY OF THE FOOTER MENU STAR BACKGROUND TO 40% */	opacity:.25;
		}

@keyframes footturn{
	0%{transform:rotateZ(0);}
	4%{opacity:1;}
	9%{opacity:.4}
	89%{opacity:.4}
	90%{opacity:.85;}
	100%{transform:rotateZ(360deg);}
}


/*------------------MEDIA QUERIES-------------------*/
@media only screen 
and (min-width : 100px) 
and (max-width : 505px)
{
	header svg#WAKEUP, .center-logo{width:75%;height:auto;}

	/*-----hero images + header more buttons-------*/
	.tour-productions-hero{background-image:url("../images/bg-mobile_tour-production-page_CREDIT_jessie-mccall-2vfKU3bm8xM-unsplash.jpg");}
	header svg#ABOUT-US-BUTTON { bottom:25%;width: 30vw;}
	/*------*/
	.testimonials{background-image:url("../images/bg-mobile_testify.jpg");}
	.bottomsup { bottom:20%;width: 30vw;}
	/*------*/
	.portfolio{background-image:url("../images/bg-mobile_gallery.jpg");}
	.portfolio-star {bottom:25%;width: 36vw;}
	
	/*-----contact envelope position-----*/
	.portfolio-travel { bottom:2%;width: 30vw;}
	/*-----end of hero images-----*/
	
	#section-container{padding: 2em 1em 3em;}
	.backdrop{background:rgba(0,0,0,.99);}
	footer{padding-bottom:25%;}
/* APR 3rd 2024	.artist-pic{min-height:65vh;}*/
	/*PORTFOLIO PAGE*/
	.lamsizing{
		height: 98%;
		width: 98%;
		margin: 1% 1%;
		display: flex;
		justify-content: center;
		align-items: center;
		background-size: cover;
		background-image: url("../images/bg_laminates.jpg");
		box-sizing: border-box;
		border-radius: 25px;
		box-shadow: 0 0 36px rgba(255,0,0,.2);
		border: 2px solid firebrick;
		overflow: hidden;
	}
	.btnnobigup{position: fixed;top: 3%;right: 3%;}
	.logosizing, .discsizing{height: 98%;width: 98%;margin: 1% 1%;}
	.lam-thumbs span {width: 85vw;margin-bottom: 2rem;}
	.logo-thumbs span {width: 80vw; margin-bottom:2rem;}
	
	/*END OF PORTFOLIO PAGE*/
	
	.testify-grid,.twogriditems{display:block;}
	#testimonials:after {top: -18px; left: 13px;}
	.header-caption{display:none;}
	.portfolio-travel{width:36vw;}
	
	.center-logo-contact img {
		width: 70vw;
	}
	
	#wegotchu{animation:smallerthanthat 1s 1 ease forwards; }
	.gimmetheline{display:block;}
	#stamp img{width:33%; height:auto;}
	.warpspeed{display:none;}
	.footer-warpspeed svg{width:12vw;justify-content: center; align-items: center;}
	#footer-menu-star{animation:none;}
	/*footer button - mobile*/
	.footer-warpspeed {
		display: flex;
		justify-content: center;
		width:100%;
		height:auto;
		bottom:0;
		padding: 5% 0 2%;
		position: fixed;
		background: linear-gradient(to bottom, rgba(0,0,0,.6),rgba(0,0,0,.6) 12%,#070707 12%,#070707);
		z-index: 99999999999999;
	}
	
	.footer-warpspeed-home svg{width:12vw;justify-content: center; align-items: center;}
	#footer-menu-star{animation:none;}
	/*footer button - mobile*/
	.footer-warpspeed-home {
		display: flex;
		justify-content: center;
		width:100%;
		height:auto;
		bottom:0;
		padding: 5% 0 2%;
		position: fixed;
		background: transparent;
		z-index: 99999999999999;
	}
	
	
}

@media only screen 
and (min-width : 100px) 
and (max-width : 815px) 
{
		.backdrop{background:rgba(0,0,0,.98);}
		#section-container{padding: 2em 2.25em 3em;}
		#footer-menu ul li{height:80px; margin-bottom:12px;}
		a.trigger{font-size:1.75em; text-shadow:0px 0 5px rgba(0,0,0,.6);z-index: 9;}
		#footer-menu ul li>img{max-height:57px; opacity:.2;z-index:1;}
		.padder{padding:0;} /*for "home"(small word) to include bg star in before pseudo class*/
		/*#footer-menu ul li:before {display:none;}*/
		/*a.trigger{cursor: pointer; padding: 5px 20px 0px 20px;line-height: 1.15em;}*/

		.testify-grid,.twogriditems{display:block;}
		.services{padding:1rem 2%; background-color:rgba(0,0,0,.55);}
		.bigboyheader{height:100vh}
		#photo-galleries {padding: .5rem;}
		.cd-dvd{margin:0 0 2em 0;}
		.disc-thumbs div {width: 30vw;}
		.dvd-thumbs div { width: 40vw;}
		.scrollcase .red, .scrollcase .blue{top:27%;}
		.scrollcase .red img, .scrollcase .blue img{width: auto; height: 44px;}
		
}

@media only screen 
and (min-width : 505px) 
and (max-width : 1024px) 
{
	.warpspeed{top:27px;right:7px;}
	.bigboyheader{height:100vh}
	.lam-thumbs span {width: 27vw;margin-bottom: 2rem;}
	.logo-thumbs span {width: 30vw; margin-bottom:2rem;}
}

@media only screen 
and (min-device-width : 200px) 
and (max-device-width : 800px) 
and (orientation:portrait)
{
.poster-thumbs img {width: 80vw; height: auto; margin: 1em; }
	.sitemap-logo img {max-width: 70vw;}
}

@media only screen 
and (min-width : 200px) 
and (max-width : 800px) 
and (orientation:portrait)
{
/*and (orientation : landscape)*/
	html,body{background:black;}
	#section-container{padding: 2em 2.25em 3em;}
	.tour-productions-hero{background-position:center center;}
	.scrollcase .red img, .scrollcase .blue img{width: auto; height: 44px;}
	#slideshow{padding:1rem;}
	#cd-dvd, #logos{margin:.25rem}
	#cd-dvd{margin-bottom:1rem;}
	.schooch-down{margin-bottom:0;}
	.portfolio {background-size: cover;}
/*
	.warpspeed{width:100vw;position:fixed; text-align: center;}
	.warpspeed svg{width:12vw;padding:0;margin:0; position:fixed; bottom:2%;}
*/
	
	#menu-star{animation:none;}
	footer{padding:3% 5% 20% 5%;}
	#footer-menu ul {display:block;}
	#satin-section {margin: 0 1.5rem 3rem 1.5rem;}
	.stickieborders {
	min-height: 30vh; background-size: cover; background-repeat: no-repeat; }
	
/*	.poster-thumbs img {width: 80vw; height: auto; margin: 1em; }*/
	.stickybody{height:70%; width:50%;  padding:4rem 29% 4rem 12%; }
	.logoframe img {max-width: 100%; max-height:100%;}	
	#footer-logo > img {width: 50%;}

/*--------tour productions---------*/
	.three-column{flex-wrap:wrap;}
	.three-column p{margin: 1rem 0; width: 100%;}
    .two-column{flex-wrap:wrap;}
	.two-column>div{width: 100%; margin: 2rem 0;}
	#about-mkm{padding:1rem 0;}
	.roadhood{margin:0;}
	.two-column p {margin: 1.15rem 0;}
	.bg-spinning-star, .saycheese{width:92%;}
	.bg-spinning-star, .saycheese{padding: 0 0 0 2%;}
	.two-column>div.featured-artist-testimonial {
/* TAKEN OFF - 8 APR 2024 @ 10:25AM
		margin: 2em 5% 2em 5%;
        width: 90%;
*/
	}
	#artists {padding: 0 5vw 3rem 5vw;}
	
	
	#youarehere .three-column{flex-wrap:wrap;}
	
	.services{/*padding:1rem 2%;----3APR2024 @10:25*/ background-color:rgba(0,0,0,.55);}	
	/*-----------testimonial page----------*/
	#mkm-is-the-ultimate-tour-production {padding: 2rem 1rem;}
	#mkm-is-the-ultimate-tour-production h1 {font-size: 1.25rem;}
	.testify-grid{display:block;}
	.artist-poc {font-size: 1.25rem;}
	
}

@media only screen 
and (min-width : 768px) 
and (max-width : 1000px) 
and (orientation : landscape) {
	#section-container{padding: 2em 2.25em 3em;}
	a.trigger{text-decoration:none;color:white;opacity:.9;font-size:1em;}
	.lam-thumbs span {width: 30vw;}
	.logo-thumbs span {width: 30vw;}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1366px) 
and (orientation : portrait) {
	.poster-thumbs img {width: 36vw; height: auto; margin: 1em; }
}

@media only screen 
and (min-width : 768px) 
and (max-width : 1000px) 
and (orientation : portrait) {
	
	header svg#WAKEUP, .center-logo{
		position: absolute;
		width: auto;
		height: 45%;
	}
	.warpspeed{display:none;}
	.footer-warpspeed-home svg{width:12vw;justify-content: center; align-items: center;}
	#footer-menu-star{animation:none;}
	
	/*footer button - mobile*/
	.footer-warpspeed-home {
		display: flex;
		justify-content: center;
		width:100%;
		height:auto;
		bottom:0;
		padding: 5% 0 2%;
		position: fixed;
		background: transparent;
		z-index: 99999999999999;
	}
}




@media only screen 
and (min-width : 768px) 
and (max-width : 1000px)  {
	a.trigger{text-decoration:none;color:white;opacity:.9;font-size:1em;}
	.lam-thumbs span {width: 30vw;}
	.logo-thumbs span {width: 30vw;}
}


@media only screen 
and (min-width : 768px) 
and (max-width : 1000px) 
and (orientation : landscape) {
	.saycheese, .bg-spinning-star{width:95%;top:15%}
	#section-container{padding: 2em 4em 3em 2.25em;}
	.warpspeed{top:1px; right:1px;}
}

@media only screen 
and (min-width : 904px) 
and (max-width : 1000px) 
and (orientation : landscape) {

}

@media only screen 
and (min-width : 850px) 
and (max-width : 904px) 
and (orientation : landscape) {

}


@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) {
 /*———————PORTFOLIO PAGE———————————*/
header{height:50vh;}
.portfolio {background-size: contain;}
	#slideshow{padding:1rem;}
	#cd-dvd, #logos{margin:.25rem}
	#cd-dvd{margin-bottom:1rem;}
	
#satin-section {margin: 0 1.5rem 3rem 1.5rem;}

.stickieborders {min-height: 30vh; background-size: cover; background-repeat: no-repeat; }

/*
.poster-thumbs img {width: 60vw; height: auto; margin: 1em; }
.disc-thumbs div {width: 40vw;}
.logo-thumbs span {width: 50vw;}
*/
.stickybody{height:70%; width:50%;  padding:4rem 29% 4rem 12%; }	
.logoframe img {max-width: 100%; max-height:100%;}	
#footer-logo > img {width: 50%;}
	}