#section-projet-header {
	z-index:401;
}
#section-projet-header .content  {
	position:relative;
	width:66.66%;
	padding:250px 0px 100px 0px;
	color:rgba(182,171,157,0.9);
}

#section-projet-header .content h1 {
	padding:0 0 20px;
	font-size:70px;
	font-weight:700;
	/*
	letter-spacing:1px;
	*/
	text-transform:uppercase;
}
#section-projet-header .content h2 {
	padding:0 0 20px;
	font-size:24px;
	font-weight:300;
	letter-spacing:1px;
	line-height:1.8;
}

#section-projet-header .bottom {
	position:absolute;
	bottom:-25px;
}

/* **************************************
PROJECT CONTENT
/************************************* */

.dep-lap #section-projet-content {background-color: rgb(163,153,141);}

#section-projet-content .content {
	position:relative;
	padding:100px 0 50px 0;
	width:66.666%;
}
#section-projet-content .paragraphe {
	width:100%;
	padding:0px 0px 20px 0px;
}
#section-projet-content .content h1 {
	margin:0px 0px 0px -10px;
	padding: 10px;
	font-weight:400;
	line-height:1.1;
	display:inline-block;
	letter-spacing:-0.03em;
}
#section-projet-content .content h2 {
	padding: 0px 0px 0px 0;
	font-size: 28px;
	line-height: 1.1;
	font-weight:700;
}
#section-projet-content .content h3 {
	position:relative;
	margin:20px 0;
	padding: 0 0 20px 0;
	font-size: 22px;
	line-height: 1.1;
	font-weight:700;
}
.tshowcase.texto .content h3::before {
	position:absolute;
	bottom:-10px;
	left:0;
	width:120px;
	height:2px;
	content:'';
	background-color: rgba(27,116,0, 0.8);
	animation: rotating 1.64s cubic-bezier(.36,.07,.19,.97) both;
}


#section-projet-content .content h4 {
	position:relative;
	padding: 0px 0 75px 30px;
	font-size: 18px;
	line-height: 1.1;
}
#section-projet-content .content h4::before {
	position:absolute;
	top:4px;
	left:0;
	width:20px;
	height:20px;
	content:'';
	background-color: #000; /*64942c*/
	animation: rotating 1.64s cubic-bezier(.36,.07,.19,.97) both;
}
#section-projet-content .content p {
	padding: 10px 0 10px 0;
	font-size: 18px;
	line-height: 1.6;
	color:#000;
}
#section-projet-content .content ul, 
#section-projet-content .content ol {
	margin: 20px 0;
	padding: 0 0 0 20px;
}
#section-projet-content .content ul {list-style: disc outside none;}
#section-projet-content .content ol {list-style: decimal outside none;}
#section-projet-content .content ol li > ul {
	margin: 10px 0 10px;
	padding: 0;
	list-style: disc outside none;
}
#section-projet-content .content ul li, 
#section-projet-content .content ol li {
	margin: 0 0 10px;
	padding: 0;
	font-size: 18px;
	line-height: inherit;
	font-weight: inherit;
}
/*Themes*/
.dep-agt #section-projet-content {background-color:rgb(16, 13, 10);} /*1th shade*/
.dep-agt #section-projet-content .content {color:rgba(163,153,141,0.6);}
.dep-agt #section-projet-content .content h2 {rgba(182,171,157,0.9);}
.dep-agt #section-projet-content .content h3 {color:rgba(227,116,0, 0.8);}
.dep-agt #section-projet-content .content p {color:rgba(163,153,141,0.6);}

/* ===================================================
/* HERO-VIDEO-IMAGE
/* Montre Hero Video ET sur le mobile IMAGE mais toujours 100vh!!
*/


/*Video Format .m4v .webm 25FPS LAVF54 VP8
/* 1920 x 1080 DAR16:9
/*
*/
.no-content,
.block-image,
.block-image-change,
.block-video,
.block-video-change,
.block-video-image,
.play-video {
	position:relative;
	margin:0 auto;
	padding:0px;
	display:block;
	width:100%;
	overflow:hidden;
	z-index:400;
}

.no-content:after,
.block-image:after,
.block-image-change:after,
.block-video:after,
.block-video-change:after,
.block-video-image:after,
.play-video:after { 
    clear: both;
    content: " ";
    display: table;
}

.block-image {
	height:100vh;
}
.no-content,
.play-video,
.block-video.aspect16to9,
.block-image.aspect16to9,
.block-image-change.aspect16to9 {
 	height: calc(100vw * (9/16));
 	max-height:100vh;
}


/*Cover Image
/*DAR3:1 667x1000
*/

.block-image .cover-image,
.block-image-change .cover-image,
.block-video-image .cover-image {
    position: absolute;
    top: 0;
    left: 0;
    bottom:0;
    width: 100%;
   	height: 100%;
   	display:block;
 	overflow:hidden;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    opacity: 1;
    z-index:401;
}
.block-image .cover-image-overlay,
.block-image-change .cover-image-overlay,
.block-video-image .cover-image-overlay {
	position:absolute;
 	top:0;
 	left:0;
 	bottom:0;
 	height:100%;
 	width:100%;
 	display:block;
 	overflow:hidden;
 	z-index:402;
 	transition: 3s all ease-out 0s;
}

.block-image .image-wrapper,
.block-video .video-wrapper,
.block-video-image .video-wrapper {
    position: absolute;
   	top: 0;
   	left: 0;
   	width: 100%;
   	height: 100%;
   	z-index:403;
 }
.play-video .video-wrapper {
    position: absolute;
   	top: 0;
   	left: 0;
   	width: 100%;
   	height:100%;
   	z-index:403;
}
.block-image-change .image-wrapper,
.block-video-change .video-wrapper {
    position: relative;
    width: 100%;
   /* margin: 0 0 50px 0;*/
    margin: 0;
    z-index: 1;
    background: #ccc;
    z-index:403;
}
.block-image.aspect16to9 .image-wrapper,
.block-image-change.aspect16to9 .image-wrapper {
 	height: calc(100vw * (9/16));
 	max-height:100vh;
}
.play-video .video-wrapper video,
.block-video .video-wrapper video,
.block-video-image .video-wrapper video {
	position: absolute;
   	top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    height: 102%;
    width: auto;
    opacity: 0;
    transition: opacity .5s;
    z-index:404;
}
.block-video .video-wrapper video,
.play-video .video-wrapper video {
	opacity:1;
}
.block-video-change .video-wrapper video {
    display: block;
    width: 100%;
    height: auto;
    opacity: 1;
    transition: opacity .5s;
    z-index:404;
}
.block-video .video-wrapper-overlay,
.block-video-change .video-wrapper-overlay,
.block-video-image .video-wrapper-overlay {
	position:absolute;
 	top:0;
 	left:0;
 	bottom:0;
 	height:100%;
 	width:100%;
 	z-index:404;
}
.block-video-image .video-wrapper-overlay {
 	opacity:0;
    transition: opacity .5s;
}
@media screen and (min-width: 800px) {
	.block-image-change,
	.block-video-change {
		height:100vh;
	}
	.block-image-change .image-wrapper,
	.block-video-change .video-wrapper {
	    position: absolute;
   		top: 0;
   		left: 0;
   		width: 100%;
   		height: 100%;
   		z-index:403;
 	}
 	.play-video .video-wrapper video, 
 	.block-video-change .video-wrapper video {
		position: absolute;
 	  	top: 50%;
 	    left: 50%;
	    transform: translateX(-50%) translateY(-50%);
	    height: 102%;
	    width: auto;
	    opacity: 1;
	    transition: opacity .5s;
	    z-index:404;
	}
 	.block-video-image .video-wrapper-overlay,
	.block-video-image .video-wrapper video {
		opacity:1;
	}
	.play-video .video-wrapper video.tall,
	.block-video .video-wrapper video.tall,
	.block-video-change .video-wrapper video.tall,
	.block-video-image .video-wrapper video.tall {
		width: 102%;
    	height: auto;
	}
}


/* ======================================================================================= */
/*containter-showcase */

.showcase-inner {
	position:relative;
	margin:0px auto;
	width:100%;
	height: 100%;
	/*overflow:hidden;*/
	display:block;
}
.showcase-inner::after {
	clear: both;
    content: "";
    display: table;
}
.block .showcase {
	position:relative;
	height:100%;
	width:100%;
	z-index:401;
}


@media screen and (max-width: 1200px) {
	.tshowcase.agent .content {padding-left:80px;;padding-right:80px;}
}
@media only screen and (max-width: 799px) {
	.tshowcase-wrapper {
		height:auto;
	}

	.agent .showcase.premier {
		height:100%;
		width:100%;
		top:0;
		left:0;
		transform:translateY(100%);
		transition:transform 2s cubic-bezier(0.42,0,0.175,1) 0s, opacity 2s linear 4s;
		opacity:0.1;
	}

	.agent .showcase.second {
		height:100%;
		width:100%;
		top:0;
		left:0;
		transform:translateY(100%);
		transition:transform 2s cubic-bezier(0.42,0,0.175,1) 0s;
		opacity:0.9;
	}


	.agent .showcase.texto.dark {
		display:block;
		background-color:rgba(33,33,24,.9);
	}

	.agent .showcase.texto {

	}
}

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


	}


/* ======================================================================================= */
/*containter-showcase */
.block-showcase {
    position: relative;
    padding: 0;
    margin: 0;
    width: 100%;
    z-index: 500;
}
.block-showcase::after {
	clear: both;
    content: "";
    display: table;
}

.showcase-inner {
	position:relative;
	margin:0px auto;
	width:100%;
	height: 100%;
	/*overflow:hidden;*/
	display:block;
}
.showcase-inner::after {
	clear: both;
    content: "";
    display: table;
}



.showcase.image  {
	background-color:#fff;
	background-color:rgba(0, 0, 0, 1);
    background-position: top left;
    background-repeat: no-repeat;
	background-size: cover;
}
.showcase.texto  {
	background-color:#fff;
}


.tvshowcase-inner {
	position:relative;
	margin:0 auto;
	width:100vw;
	height: calc(100vw * (9/16));
	overflow:hidden;
}


.block-background {
 	position:absolute;
 	top:0;
 	left:0;
 	bottom:0;
 	height:100%;
 	width:100%;
 	background-color:rgba(0, 0, 0, .0);
    background-position: top left;
    background-repeat: no-repeat;
	background-size: cover;
	overflow:hidden;
	z-index:401;
	transform-style:preserve-3d;
	perspective:100px;

}
.block-image .showcase-teaser,
.block-video .showcase-teaser {
	position:relative;
	margin:0 auto;
	left:0;
	top:0;
	height:100px;
	background-color:inherit;
	width:100%;
}

.block-image .showcase-teaser.top,
.block-video .showcase-teaser.top {
	top:0;
}
.block-image .showcase-teaser.bottom,
.block-video .showcase-teaser.bottom {
	bottom:0;
}

.showcase-teaser .row {
	padding:0 120px;
	align-items:center;
}
.showcase-teaser .column-logo {
	flex:0;
	flex-basis:auto;
}
.showcase-teaser .index-teaser-logo {
	position:relative;
	margin:-20px 0;
	padding:0;
    background-repeat:no-repeat;
	background-size:cover;
    height: 175px;
    width: 175px;
	border-radius:2px;
	animation: rotating 1.64s cubic-bezier(.36,.07,.19,.97) both;

}
.dep-lap .index-teaser-logo  {
	background-image: url('/media/logo/lap/logo-lapins-index.svg');
 	/*background-color:#B6AB9D;*/
}
.dep-lou .index-teaser-logo  {
	background-image: url('/media/logo/favicon-lepetitloup.png');
 	/*background-color:#B6AB9D;*/
}
.dep-dad .index-teaser-logo  {
	background-image: url('/media/logo/dad/logo-dado.svg');
}
.dep-nav .index-teaser-logo  {
	background-image: url('/media/logo/nav/logo-navarro-text.svg');
	height:82px;
	width:600px;
}
.tagt .index-teaser-logo  {
	background-image: url('/media/logo/agt/icon-crevettes-new.svg');
 	background-color:rgb(35,35,16);
 	background-color:#6E685C;
 	-webkit-animation-delay:1s;
 	animation-delay:1s;
}


.showcase-teaser .opener {
	position:relative;
	padding:0;
	text-align:right;
}
.showcase-teaser .btn {
	padding:.5em 1.2em .5em!important;
}


.showcase-container {
	position:absolute;
	margin:0 auto;
	top:0;
	height:100vh;
	background-color:rgba(255,255,255,0.9);
	padding:20px;
	overflow:hidden;
	display:block;
	opacity:0;
	width:700px;
	transition:opacity 1s linear 0s, transform, transform 2s cubic-bezier(0.42,0,0.175,1) 0s;
	z-index:400;
	overflow-y: auto;
}
.showcase-container.transparent {background-color:rgba(25,25,25,0.3);transition:opacity 1s linear 1s;}
.showcase-container.right {
	right:0;
	transform: translate3d(100%, 0 ,0);
}
.showcase-container.left {
	left:0;
	transform: translate3d(-100%, 0, 0);
}
.showcase-container.centered {
	left:50%;
	transform: translate3d(-50%, -100%, 0);
    text-align:center;
}
.showcase .showcase-container {
	opacity:1;
	transform: none;
}
.showcase.texto .content {
	position:relative;
	width:100%;
	padding:50px 30px 50px 120px;
	height:100%;
	max-width:1000px;
	/*overflow-y:auto;*/
	color:#000;
}
.showcase.texto.dep-nav .content {color:#999;}

.showcase.texto .content .header-box {
	position:relative;
	margin:0 auto;
	padding: 20px;
	background-color:inherit;
	width:100%;
	height:auto;
}
.showcase.texto.dep-lap .content .header-box {
	background-color: rgb(163,153,141);
	color:inherit;
}

.showcase.texto .title {
	width:100%;
	padding:0px 0px 20px 0px;
}

.showcase.texto .paragraphe {
	width:100%;
	padding:0px 0px 20px 0px;
}
.showcase.texto .content h1 {
	margin:0px 0px 0px -10px;
	padding: 10px;
	font-weight:400;
	line-height:1.1;
	display:inline-block;
	letter-spacing:-0.03em;
}


.showcase.texto .content h2 {
	padding: 0px 0px 0px 0;
	font-size: 20px;
	line-height: 1.1;
	font-weight:700;
}
.showcase.texto .content h3 {
	position:relative;
	margin:20px 0;
	padding: 0 0 20px 0;
	font-size: 22px;
	line-height: 1.1;
	font-weight:700;
}
.tshowcase.texto .content h3::before {
	position:absolute;
	bottom:-10px;
	left:0;
	width:120px;
	height:2px;
	content:'';
	background-color: rgba(27,116,0, 0.8);
	animation: rotating 1.64s cubic-bezier(.36,.07,.19,.97) both;
}


.showcase.texto .content h4 {
	position:relative;
	padding: 0px 0 75px 30px;
	font-size: 18px;
	line-height: 1.1;
}
.showcase.texto .content h4::before {
	position:absolute;
	top:4px;
	left:0;
	width:20px;
	height:20px;
	content:'';
	background-color: #000; /*64942c*/
	animation: rotating 1.64s cubic-bezier(.36,.07,.19,.97) both;
}
.showcase.texto .content p {
	padding: 10px 0 10px 0;
	font-size: 18px;
	line-height: 1.6;
	color:#000;
}
.showcase.texto ul, .showcase.texto ol {
	margin: 20px 0;
	padding: 0 0 0 20px;
}
.showcase.texto ul {list-style: disc outside none;}
.showcase.texto ol {list-style: decimal outside none;}
.showcase.texto ol li > ul {
	margin: 10px 0 10px;
	padding: 0;
	list-style: disc outside none;
}
.showcase.texto ul li, .showcase.texto ol li {
	margin: 0 0 10px;
	padding: 0;
	font-size: 18px;
	line-height: inherit;
	font-weight: inherit;
}
.showcase-overlay {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0.35);
	display:block;
	z-index:500
}

[class^="icon-status-"] {
	margin:0 10px 0 0;
	background-color:transparent;
	width:20px;
	height:20px;
	border-radius:50%;
}
.icon-status-1 {background-color:white;}
.icon-status-2 {background-color:yellow;}
.icon-status-3 {background-color:green;}
.icon-status-4 {background-color:green;}


/*Themes*/
.showcase.texto.dep-agt .content {color:rgba(163,153,141,0.6);}
.showcase.texto.dep-agt .content p {color:rgba(163,153,141,0.6);}
.showcase.texto.dep-agt .content h3 {color:rgba(227,116,0, 0.8);}
.showcase.texto.dep-agt {background-color:rgb(33,33,24);} /*2th tint*/
.showcase.texto.dep-agt .showcase-teaser {background-color:rgb(39,39,25);} /*1th shade from #2C2C1C*/

/*LAP beige*/
.showcase.texto.dep-lap .content {color:#4D402E;}
.showcase.texto.dep-lap .content p {color:rgb(77,64,46);}
.showcase.texto.dep-lap .content h3 {color:rgba(227,116,0, 0.8);}
.showcase.texto.dep-lap {background-color:rgb(189,179,166);} /*2th tint*/
.showcase.texto.dep-lap .showcase-teaser {background-color:rgb(163,153,141);} /*1th shade from *#B6AB9D*/

/*LAP marron*/
.showcase.texto.dep-lap.dark .content {color:rgba(163,153,141,0.8);}
.showcase.texto.dep-lap.dark .content p {color:rgb(77,64,46);}
.showcase.texto.dep-lap.dark .content h3 {color:rgba(227,116,0, 0.8);}
.showcase.texto.dep-lap.dark {background-color: rgb(46,38,27)}
.showcase.texto.dep-lap.dark .showcase-teaser {background-color: rgb(53,44,32)}
.showcase.texto.dep-lap.dark .textlink a {color:#4D402E;}


/*LOU */
.showcase.texto.dep-lou .content {color:#4D402E;}
.showcase.texto.dep-lou .content p {color:rgb(77,64,46);}
.showcase.texto.dep-lou .content h3 {color:rgba(227,116,0, 0.8);}
.showcase.texto.dep-lou {background-color:rgb(215,213,207);} /*2th tint*/
.showcase.texto.dep-lou .showcase-teaser {background-color:rgb(179,175,168);} /*1th shade from #C7C3BB*/

/*DAD */
.showcase.texto.dep-dad {background-color:rgb(24,19,16);} /*2th tint from 30,24,21*/
.showcase.texto.dep-dad .showcase-teaser {background-color:rgb(30,24,21);} /*equav from #1e1815*/
.showcase.texto.dep-dad .content {color:rgba(163,153,141,0.6);}
.showcase.texto.dep-dad .content p {color:rgba(163,153,141,0.6);}
.showcase.texto.dep-dad .content h3 {color:rgba(227,116,0, 0.8);}
.Tshowcase.texto.dep-dad {background-color:rgba(212,212,210,1);}
.Tshowcase-teaser.dep-dad {background-color: rgb(80,34,57);} /*rgb(90,38,64)*/

/*NAV*/
.showcase.texto.dep-nav .content {color:rgba(155,155,140,0.6);}
.showcase.texto.dep-nav .content p {color:rgba(155,155,140,0.6);}
.showcase.texto.dep-nav .content h3 {color:rgba(227,116,0, 0.8);}
.showcase.texto.dep-nav {background-color:rgb(39,39,25);} /*2th tint from 64,88,77*/
.showcase.texto.dep-nav .showcase-teaser {background-color:transparent;}
.Tshowcase.texto.dep-nav .showcase-teaser {background-color:rgb(30,30,19);} /*1th shade from #2C2C1C*/


.showcase h1 {font-size:52px;}
.showcase.dep-lap h1 {font-family: 'Zeyada', cursive;font-size:85px}
.showcase.dep-lou h1 {font-family: 'Londrina Sketch', cursive;}
.showcase.dep-dad h1 {font-family: 'Plaster', cursive;}
.showcase.dep-nav h1 {font-family: 'Monoton', cursive;font-weight:400;color:rgb(212,185,140);}


/*
30,24,21
27,21,18
26–20–24
24,19,16
52,47,44
45,36,32
*/
.showcase .column-texto {
	padding:10px 0;
}

.index-teaser-title {
	margin:0;
	padding:0;
}


@media screen and (max-width: 1200px) {
		.showcase.texto .content {padding-left:80px;;padding-right:80px;}
		.showcase-teaser .row {padding-left:80px;padding-right:80px;}
		.showcase-teaser .index-teaser-logo {width:150px;height:150px}
		.dep-nav .index-teaser-logo {width:600px;height:82px}
}
@media screen and (max-width: 900px) {
		.showcase-container {width:500px;}
		.showcase.texto .content {padding-left:30px;padding-right:80px;}
		.showcase-teaser .row {padding-left:30px;padding-right:30px;}
		.showcase-teaser .index-teaser-logo {width:125px;height:125px}
		.dep-nav .index-teaser-logo {width:600px;height:82px}
}
@media only screen and (max-width: 800px) {
	.showcase-wrapper {
		height:auto;
	}
	.change .showcase-wrapper {
     	position: relative;
    	min-height:auto;
		z-index: 400;
		display:block
	}


	.Tshowcase-inner {
		height:100%;
		overflow-y:auto;
	}
	.index-teaser-logo {}

	.moitedroite .showcase,
	.moitemoite .showcase {
		position:relative;
		margin:0;
		padding:0;
		width:100%;
	}
	.moitemoite .showcase.image {
		height:90vh;

	}
	.moitemoite .showcase.texto {
		height:auto;
	}

	.moitedroite .showcase.texto {
		display:block;
	}

	.showcase-container {
		position:relative;
		margin:0;
		padding:0;
		height:auto;
		width:100%;
		overflow-y:auto;
		background-color:rgba(255,255,255,1);
	}

	.showcase-container .content {
		padding:30px 30px 50px 80px;
	}

	.showcase.texto .content h1 {font-size:42px;}
	.dep-lap .showcase.texto .content h1 {font-size:42px;}
	.showcase.texto .content h2 {font-size:20px;}
	.showcase.texto .content h3 {font-size:16px;}
	.showcase.texto .content h3 {font-size:16px;}
	.showcase.texto .content p {font-size:16px;}
	.showcase.texto ul li, .showcase.texto ol li {font-size:16px;}

	.dep-nav .index-teaser-logo {width:240px;height:33px}
	
	

}
@media only screen and (max-width: 600px) {
	.showcase.texto .content {padding-left:30px;padding-right:30px;}
	#animation-index .hero-sticker {width:80px;height:80px;}
	#animation-index .hero-sticker span {line-height:80px;font-size:12px}
}



.cover-image {
	-webkit-transform:scale(1.3);
	transform:scale(1.3);
	transition:all 2s cubic-bezier(0.42,0,0.175,1) 0s;
	/*
	background-position: bottom right;
	*/
}
.section-media .cover-image {
	-webkit-transform:scale(1.3);
	transform:scale(1.3);
	transition:all 4s cubic-bezier(0.42,0,0.175,1) 0s;
	/*
	background-position: bottom right;
	*/
}


/*ANIMATIONS*/

.animate .agent .showcase {
	transform:none;
}

.animate .cover-image {
	-webkit-transform:scale(1.0);
	transform:scale(1.0);
	background-position: 50% 50%;
}
@keyframes rotating {
  100% {transform: rotate(-360deg);}
}

.moving.cover-image {
	-webkitanimation: moving-background 1s ease 2s infinite alternate;
	animation: moving-background 5s ease 2s infinite alternate;
}

@keyframes moving-background {
  50% {background-position: 60% 40%}
}
@keyframes 2moving-background {
  0% {background-position: 10px 10px;}
  100% {background-position: 10px -10px;}
}

.hero-sticker {
	position:absolute;
	right:5%;
	bottom:10%;
	z-index:999;
	width:150px;
	height:150px;
	border-radius:50%;
	text-align:center;
	transform: rotate(-20deg);
}
.dep-lou .hero-sticker {
	right:auto;
	left:5%;
}
.hero-sticker {
	position:absolute;
	right:5%;
	bottom:15%;
	z-index:999;
	width:150px;
	height:150px;
	border-radius:50%;
	text-align:center;
	transform: rotate(-20deg);
}

.hero-sticker span {
	line-height:150px;
	font-size:20px;
	font-weight:700;
	text-transform:uppercase;
}


@media only screen and (max-width: 800px) {
	.hero-sticker {
		width:100px;
		height:100px;
	}
	.hero-sticker span {
		line-height:100px;
		font-size:16px;
	}
}
@media only screen and (max-width: 600px) {
	.hero-sticker {
		width:75px;
		height:75px;
	}
	.hero-sticker span {
		line-height:75px;
		font-size:14px;
	}
}


.agt .hero-sticker {
	color:#fff;
	background-color:rgba(252,161,90, 0.8);
	border:1px solid rgba(252,161,90, 0.8);
	bottom:10%;
}
.lap .hero-sticker,
.hero-sticker.lap {
	color:#fff;
	background-color:rgba(202, 88, 50, 0.8);
	border:1px solid rgba(202, 88, 50, 0.8);
}
.lou .hero-sticker,
.hero-sticker.lou {
	color:#fff;
	background-color:rgb(21, 40, 57);
	border:1px solid rgb(21, 40, 57); /*rgba(180,0,236,.4)*/
}
.dad .hero-sticker,
.hero-sticker.dad {
	color:#a3998d;
	background-color:#392e26;
	border:1px solid #392e26;
}
.nav .hero-sticker,
.hero-sticker.nav {
	color:#fff;
	background-color:#4f5714;
	border:1px solid #4f5714;
}