@CHARSET "ISO-8859-1";

/* INTRO
* --------------------------------------- */

.section-body-introi {
		position: relative;
		text-align: center;
		padding: 0 5% 0 5%;
		z-index: 5;
	}

@media only screen and (min-width: 1000px) {
	.section-body-introi {
		text-align:center;
		padding: 0 10% 0 10%;
	}	
}

@media only screen and (min-width: 1200px) {
	.section-body-introi {
		text-align:center;
		padding: 0 15% 0 15%;
	}	
}


.section-body-introii {
		position: relative;
		text-align: center;
		margin: 10% 5% 10% 5%;
		/*height: 100%;*/
		z-index: 5;
		/*padding-top: 10%;*/
	}

	.section-body-introii .soup-intro {
		position: relative;
		height: 50%;
	}
	
	.section-body-introii .soup-intro .soup-title {
		/*position: absolute;*/
		bottom: 0;
	}
	
@media only screen and (min-width: 1000px) {
	.section-body-introii {
		text-align:center;
		margin: 10% 10% 10% 10%;
		/*height: 100%;*/
		/*padding-top: 10%;*/
	}	
}

@media only screen and (min-width: 1200px) {
	.section-body-introii {
		text-align:center;
		margin: 15%;
		/*height: 100%;*/
		/*padding-top: 15%;*/
	}	
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
	.section-body-introii {
		padding-top: 15%;
	}	
}

@supports (-ms-accelerator:true) {
  /* IE Edge 12+ CSS styles go here */ 
}


@keyframes fadein {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

/*.satu {
    opacity: 0;
	animation: fadein;
	animation-duration: 3s;
	animation-iteration-count: 1;
	animation-delay: 1s;
	animation-fill-mode: forwards;
}

.dua {
    opacity: 0;
	animation: fadein;
	animation-duration: 3s;
	animation-iteration-count: 1;
	animation-delay: 2s;
	animation-fill-mode: forwards;
}

.tiga {
    opacity: 0;
	animation: fadein;
	animation-duration: 3s;
	animation-iteration-count: 1;
	animation-delay: 3s;
	animation-fill-mode: forwards;
}

.empat {
    opacity: 0;
	animation: fadein;
	animation-duration: 3s;
	animation-iteration-count: 1;
	animation-delay: 5s;
	animation-fill-mode: forwards;
}

.lima {
    opacity: 0;
	animation: fadein;
	animation-duration: 5s;
	animation-iteration-count: 1;
	animation-delay: 5.5s;
	animation-fill-mode: forwards;
} */


@keyframes bounce {
  0%, 100%, 20%, 50%, 80% {transform: translate(0, 0);}
  40% {transform: translate(0, -10px);}
  60% {transform: translate(0, -3px);}
  }

#scrollme {
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 5;
 }
 
 #scrollme before {
    content: '';
    position: absolute;
    /*bottom: 0;*/
    left: 50%;
    margin-left: -20px;
    width: 70px;
    height: 70px;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuNCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSI5NC42N3B4IiBoZWlnaHQ9Ijk0LjY3cHgiIHZpZXdCb3g9IjAgMCA5NC42NyA5NC42NyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOTQuNjcgOTQuNjciIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNOTQuNjcsMjYuNzc2TDQ3LjMzNSw2OS4zOEwwLDI2Ljc3NmwxLjMzOC0xLjQ4Nmw0NS45OTcsNDEuMzk2bDQ1Ljk5Ny00MS4zOTZMOTQuNjcsMjYuNzc2eiIvPgo8L3N2Zz4=");
    background-size: contain;
    animation: bounce;
    animation-delay: 3s; 
    animation-duration: infinite;
}

/* NASCAR
* --------------------------------------- */


/* SLIDE 1 */

#slideNASCAR1{
	background-image: url(/framework/i/bg-work-rnm01-01a.jpg);
}


/* SLIDE 2 */

#slideNASCAR2{
	background-image: url(/framework/i/bg-work-rnm02-01a.jpg);
}

@media only screen and (max-width: 800px) {
	#slideNASCAR2{
		background-image: url(/framework/i/bg-work-rnm02-01b.jpg);
	}
}

.devices-container {
    position: relative;
    bottom: -80%;
}

@media only screen and (max-width: 500px) {
	.devices-container {
    bottom: -50%;
    }
}

@media only screen and (max-width: 1200px) {
	.devices-container {
    bottom: -70%;
    }
}

.nascar-devices {
	width: auto !important;
	position: absolute !important;
	margin-top: 7% !important;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}

@media only screen and (max-width: 1400px) {
	.nascar-devices {
	width: 80% !important;
	}
}


/* SLIDE 3 */

#slideNASCAR3{
	background-image: url(/framework/i/bg-work-rnm03-01a.jpg);
	}

@media only screen and (max-width: 800px) {
	#slideNASCAR3{
		background-image: url(/framework/i/bg-work-rnm03-01b.jpg);
	}
}

#slideNASCAR4{
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%), url(/framework/i/bg-work-rnm04-01a.jpg);
}

@media only screen and (max-width: 800px) {
	#slideNASCAR4{
		background-image: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%), url(/framework/i/bg-work-rnm04-01b.jpg);
	}
}

/*------SHOE SHOW--------*/

.section-body-ss3{
		text-align:left;
		padding: 0 65% 0 5%;
		height:initial;
		}
		
@media only screen and (max-width: 1000px) {
	.section-body-ss3{
		padding: 0 5% 0 5%; 
		height:70%;
		text-align:center;
		}
	}