#container_inside_html_inside
{
	background-color: #050505;
}

#rappin-hood
{
	position: relative;
	overflow: hidden;
}

	#stage
	{
		position: absolute;
		transform-style: preserve-3d;
	}

		#stage1_bg
		{
			position: absolute; 
			display: block;
			left: -1%;
			top: -1%;
			width: 102%;
			height: 102%;
			background-image: url('/content/images/rappin-hood/rappin-hood1_bg.jpg');
			background-size: 100% 100%;

			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
			backface-visibility: hidden;
		}

		#rappin-hood1, .rappin-hood_each_inside
		{
			-webkit-transition: opacity .5s;
			-moz-transition: opacity .5s;
			transition: opacity .5s;

			-webkit-transition-delay: .5s;
			-moz-transition-delay: .5s;
			transition-delay: .5s;
		}

		#page_title
		{
			margin-top: 33px;
			font-size: 97px;
		}

		#page_subtitle
		{
			margin-top: -15px;
		}


#rappin-hood2, #rappin-hood3, #rappin-hood4, #rappin-hood6, #rappin-hood7
{
	position: relative;
	width: 100%;
	min-height: 670px;
	display: none;
	background-position: center;
	background-size: cover;
	overflow: hidden;
}

#rappin-hood2
{
	background-image: url('/content/images/rappin-hood/rappin-hood2_bg.jpg');
}
	
	#rappin-hood2_middle
	{
		position: absolute;
		width: 1012px;
		left: 50%;
		top: 50%;
		margin-left: -506px;
		margin-top: -304px;
	}

		#rappin-hood2_middle_logo
		{
			margin: 0px auto;
			width: 482px;
			height: 226px;
			background-image: url('/content/images/rappin-hood/rappin-hood2_logo.png');
			background-position: center;
			background-size: cover;
		}

		#rappin-hood2_middle_middle
		{
			margin-top: 75px;

			font-family: 'BG Regular';
			font-size: 26px;
			line-height: 140%;
			text-align: center;
			color: #202020;
		}


	#rappin-hood2_bottom, #rappin-hood3_bottom
	{
		position: absolute;
		
		left: 50%;
		bottom: 0px;
		margin-left: -35px;
	}

		.rappin-hood_bottom_button
		{
			position: relative;
			width: 70px;
			height: 70px;
			margin: 20px auto;
		}
			.rappin-hood_bottom_button_circle
			{
				position: absolute;
				width: 70px;
				height: 70px;
				border: 1px solid #000;
				opacity: 0;
				
				-webkit-border-radius: 40px;
				-moz-border-radius: 40px;
				border-radius: 40px;

				-webkit-transform: scale(1.2);
				-moz-transform: scale(1.2);
				transform: scale(1.2);
			}

			.rappin-hood_bottom_button1, .rappin-hood_bottom_button2
			{
				position: absolute;
				left: 36px;
				top: 31px;
				width: 12px;
				border-bottom: 1px solid;

				-webkit-transition: top .25s;
				-moz-transition: top .25s;
				transition: top .25s;
			}

			.rappin-hood_bottom_button1
			{
				-webkit-transform: rotate(-45deg);
				-moz-transform: rotate(-45deg);
				transform: rotate(-45deg);
			}
			
			.rappin-hood_bottom_button2
			{
				-webkit-transform: rotate(-135deg);
				-moz-transform: rotate(-135deg);
				transform: rotate(-135deg);
			}

			.rappin-hood_bottom_button1, .rappin-hood_bottom_button2
			{
				-webkit-transform-origin: 0px 0px;
				-moz-transform-origin: 0px 0px;
				transform-origin: 0px 0px;
			}

			#rappin-hood3 .rappin-hood_bottom_button_circle, #rappin-hood3 .rappin-hood_bottom_button1, #rappin-hood3 .rappin-hood_bottom_button2
			{
				border-color: #FFF;
			}


#rappin-hood3
{
	background-image: url('/content/images/rappin-hood/rappin-hood3_bg.jpg');
}

	.rappin-hood_each_top 
	{
		padding-top: 10px;
		margin: 30px auto;
		width: 200px;
		
		font-family: 'BG Black';
		font-size: 16px;
		text-align: center;
		letter-spacing: 4px;
		color: #FFF;
	}

	#rappin-hood3_middle
	{
		position: absolute;
		top: 50%;
		left: 50%;
		width: 1088px;
		height: 612px;
		margin-left: -544px;
		margin-top: -306px;
		background: #000;
	}

		#rappin-hood3_middle_video, #rappin-hood3_middle_bg
		{
			position: absolute;
			top: 0px;
			right: 0px;
			bottom: 0px;
			left: 0px;
			
		}

		#rappin-hood3_middle_bg
		{
			background-image: url('/content/images/rappin-hood/rappin-hood3_middle.jpg');
			background-position: center;
			background-size: cover;
			transition: opacity .5s .3s;
		}


		#rappin-hood3_middle_over
		{
			position: absolute;
			top: 50%;
			left: 50%;
			width: 890px;
			margin-top: -164px;
			margin-left: -445px;
			transition: opacity .5s;
		}

		#rappin-hood3_middle.has-video #rappin-hood3_middle_bg,
		#rappin-hood3_middle.has-video #rappin-hood3_middle_over
		{
			pointer-events: none;
			opacity: 0;
		}

			#rappin-hood3_middle_button
			{
				margin: 0px auto;
				width: 170px;
				height: 170px;
				background-image: url('/content/images/rappin-hood/rappin-hood3_button.png');
				background-position: center;
				background-size: cover;
				cursor: pointer;
			}

			#rappin-hood3_middle_title
			{
				margin-top: 68px;

				font-family: 'BG Black';
				font-size: 62px;
				text-align: center;
				letter-spacing: 5px;
				color: #fff;
			}

			#rappin-hood3_middle_subtitle
			{
				font-family: 'BG Regular';
				font-size: 25px;
				text-align: center;
				color: #fff;
			}

#rappin-hood4
{
	background-image: url('/content/images/rappin-hood/rappin-hood4_bg.jpg');
}

	.rappin-hood_each_title
	{
		margin-top: 57px;

		font-family: 'BG Black';
		font-size: 85px;
		text-align: center;
		letter-spacing: 6.5px;
		color: #fff;
	}

	#rappin-hood4_each_middle
	{
		display: table;
		margin: 83px auto;
	}

		.rappin-hood4_each_middle
		{
			position: relative;
			float: left;
			width: 800px;			
		}

		#rappin-hood4_each_middle1
		{
			margin-right: 32px;
		}

		#rappin-hood4_each_middle2
		{
			margin-left: 32px;
		}

			.rappin-hood4_each_middle_inside
			{
				position: relative;
				height: 450px;
				background-color: #000;
				cursor: pointer;
			}

				.rappin-hood4_each_middle_video, .rappin-hood4_each_middle_bg
				{
					position: absolute;
					top: 0px;
					right: 0px;
					bottom: 0px;
					left: 0px;
				}

				.rappin-hood4_each_middle_bg
				{
					background-position: center;
					background-size: cover;
					transition: opacity .5s;
				}

				.rappin-hood4_each_middle.has-video .rappin-hood4_each_middle_bg,
				.rappin-hood4_each_middle.has-video .rappin-hood4_each_middle_button
				{
					pointer-events: none;
					opacity: 0;
				}

				#rappin-hood4_each_middle1 .rappin-hood4_each_middle_bg
				{
					background-image:  url('/content/images/rappin-hood/rappin-hood4_video1.jpg');
				}

				#rappin-hood4_each_middle2 .rappin-hood4_each_middle_bg
				{
					background-image:  url('/content/images/rappin-hood/rappin-hood4_video2.jpg');
				}

				.rappin-hood4_each_middle_button
				{
					position: absolute;
					width: 110px;
					height: 110px;
					top: 50%;
					left: 50%;
					margin-top: -55px;
					margin-left: -55px;
					border-radius: 50%;
					background-color: rgba(0,0,0,.8);
					transition: opacity .5s;
				}

					.rappin-hood4_each_middle_button_inside
					{
						margin: 39px 47px;
						width: 0;
						height: 0;
						border-style: solid;
						border-width: 16px 0 16px 25px;
						border-color: transparent transparent transparent #ffffff;
					}


			.rappin-hood4_each_middle_bottom
			{
				margin: 10px auto 203px;
				width: 440px;
			}

				.rappin-hood4_each_middle_bottom_left
				{
					float: left;
					margin-left: 20px;
					margin-top: 60px;
					margin-right: 23px;

					font-family: 'BG Black';
					font-size: 17px;
					letter-spacing: 2px;
					color: #fff;
				}

				.rappin-hood4_each_middle_bottom_line
				{
					float: left;
					margin-top: 70px;
					margin-right: 24px;

					width: 168px;
					height: 3px;
					background-color: #fff;
				}

				.rappin-hood4_each_middle_bottom_number
				{
					font-family: 'BG Black';
					font-size: 120px;
					letter-spacing: 10px;
					color: #fff;
				}

#rappin-hood5
{
	position: relative;
	padding: 0px 110px;
	z-index: 1;
}

	#rappin-hood5 .rappin-hood_each_inside
	{
		position: relative;
		margin: -100px auto 0px;
		width: 100%;
		max-width: 1492px;
		overflow: hidden;
	}

		.rappin-hood5_each
		{
			float: left;
			width: 100%;
			margin-bottom: 3%;
		}

		.rappin-hood5_each.big { width: 67%; }
		.rappin-hood5_each.small { width: 30%; }
		.rappin-hood5_each.clear-left { clear: left; }

			.rappin-hood5_each_inside
			{
				padding-top: 66.689008042895%;
				background-size: cover;
				background-position: center;
			}

			.rappin-hood5_each.big .rappin-hood5_each_inside { padding-top: 65.465465465465%; }
			.rappin-hood5_each.small .rappin-hood5_each_inside { padding-top: 145.982142857143%; }

			.rappin-hood5_each[data-id="1"] .rappin-hood5_each_inside { background-image: url('/content/images/rappin-hood/gallery/1.jpg'); } 
			.rappin-hood5_each[data-id="2"] .rappin-hood5_each_inside { background-image: url('/content/images/rappin-hood/gallery/2.jpg'); }
			.rappin-hood5_each[data-id="3"] .rappin-hood5_each_inside { background-image: url('/content/images/rappin-hood/gallery/3.jpg'); }
			.rappin-hood5_each[data-id="4"] .rappin-hood5_each_inside { background-image: url('/content/images/rappin-hood/gallery/4.jpg'); }
			.rappin-hood5_each[data-id="5"] .rappin-hood5_each_inside { background-image: url('/content/images/rappin-hood/gallery/5.jpg'); }
			.rappin-hood5_each[data-id="6"] .rappin-hood5_each_inside { background-image: url('/content/images/rappin-hood/gallery/6.jpg'); }
			.rappin-hood5_each[data-id="7"] .rappin-hood5_each_inside { background-image: url('/content/images/rappin-hood/gallery/7.jpg'); }
			.rappin-hood5_each[data-id="8"] .rappin-hood5_each_inside { background-image: url('/content/images/rappin-hood/gallery/8.jpg'); }
			.rappin-hood5_each[data-id="9"] .rappin-hood5_each_inside { background-image: url('/content/images/rappin-hood/gallery/9.jpg'); }
			.rappin-hood5_each[data-id="10"] .rappin-hood5_each_inside { background-image: url('/content/images/rappin-hood/gallery/10.jpg'); }

		.rappin-hood5_separator
		{
			float: left;
			width: 3%;
			height: 100px;
		}


#rappin-hood6
{
	margin-top: -7%;
	padding: calc(7% + 47px) 97px 0px;
	width: auto;
	background-color: #E4E4E4;
}

	#rappin-hood6 .rappin-hood_each_top, #rappin-hood6 .rappin-hood_each_title
	{
		color: #000;
	}

	#rappin-hood6_middle_line
	{
		width: 62px;
		margin: 46px auto 0px;
		border-bottom: 1px solid #000;
	}

	#rappin-hood6_each_filters
	{
		display: table;
		margin: 88px auto 68px;
	}

		.rappin-hood6_each_filter
		{
			position: relative;
			float: left;
			padding: 10px;
			padding-bottom: 7px;
			margin: 0px 27px;
			cursor: pointer;

			font-family: 'BG Regular';
			font-size: 17px;
			letter-spacing: 2.5px;
			text-indent: 2.5px;
			color: #000;

			transition: .3s;
		}

		.rappin-hood6_each_filter.selected
		{
			color: #C7C7C7;
		}

			.rappin-hood6_each_filter.selected:after
			{
				content: '';
				position: absolute;
				bottom: 0px;
				left: 20px;
				right: 20px;
				border-bottom: 2px solid #C7C7C7;
			}

	#rappin-hood6_each_middle
	{
		overflow: hidden;
		margin: 0px auto 165px;
		max-width: 1677px;
	}

		.rappin-hood6_each
		{
			float: left;
			width: 25%;
		}

			.rappin-hood6_each_inside
			{
				margin: 13px;
				padding: 11% 4.684%;
				background-color: #fff;
				cursor: pointer;
			}

				.rappin-hood6_each_img
				{
					padding-top: 103.107344632768%;
					background-size: cover;
					background-position: center;
				}

				.rappin-hood6_each_text
				{
					padding-top: 12%;

					font-family: 'BG Regular';
					font-size: 16px;
					text-align: center;
					letter-spacing: 1.5px;
					color: #000;
				}


#rappin-hood7
{
	background-color: #404040;
	background-image: url('/content/images/rappin-hood/rappin-hood7_bg.jpg');
}

	#rappin-hood7_line
	{
		margin: 5px auto 0px;
		width: 3px;
		height: 67px;
		background-color: #fff;
	}

	#rappin-hood7_inside
	{
		padding: 0px 110px;
	}

		#rappin-hood7_inside_map
		{
			margin: 0px auto;
			max-width: 1490px;
			height: 827px;
			background-color: #fff;
		}

			.gm-style-iw 
			{
				margin-left: 10px;
				overflow: hidden !important;
			}

			.rappin-hood7_infowindow
			{
				width: 397px;
    			text-align: center;
			}

				.rappin-hood7_infowindow_title
				{
					margin: 36px 0px 10px;
					
					font-family: 'BG Black';
					font-size: 16px;
					letter-spacing: 1.5px;
					color: #000;
				}

				.rappin-hood7_infowindow_desc
				{
					font-family: 'BG Regular';
					font-size: 15px;
					letter-spacing: 1.4px;
					color: #000;
				}

				.rappin-hood7_infowindow a
				{
					text-decoration: none;
				}

				.rappin-hood7_infowindow_button
				{
					margin: 22px 0px;
					padding: 10px;
					cursor: pointer;

					font-family: 'BG Bold';
					font-size: 18px;
					letter-spacing: 1.7px;
					color: #000;
				}


		#rappin-hood7_bottom
		{
			display: table;
			margin: 176px auto 210px;
			color: #fff;
		}

			#rappin-hood7_bottom_left
			{
				float: left;
				font-family: 'BG Regular';
				font-size: 21px;
			}

				#rappin-hood7_bottom_left span
				{
					font-family: 'BG Bold';
				}

			#rappin-hood7_bottom_middle
			{
				float: left;
				margin: 12px 75px;
				width: 168px;
				border-bottom: 2px solid #fff;
			}

			#rappin-hood7_bottom_right
			{
				float: left;
				cursor: pointer;

				font-family: 'BG Black';
				font-size: 20px;
				letter-spacing: 10px;	
			}


#rappin-hood_products
{
	display: none;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	min-height: 670px;
	background-color: #fff;
	overflow: hidden;
	overflow-y: scroll;
	opacity: 0;
	z-index: 1;

	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	transition: opacity .5s;
}

#rappin-hood_products.fadeIn
{
	opacity: 1;
}

	#rappin-hood_products_bg
	{
		position: absolute;
		top: 142px;
		right: 0px;
		bottom: 170px;
		left: 0px;
		background-image: url('/content/images/rappin-hood/rappin-hood_products-bg.jpg');
		background-size: auto 100%;
		background-position: center;
		background-repeat: no-repeat;
	}

	#rappin-hood_products_container
	{
		position: absolute;
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		overflow: hidden;
	}

		#rappin-hood_products_container_inside
		{
			height: 100%;
			transition: transform .7s cubic-bezier(0.645, 0.045, 0.355, 1.000);
		}

			.rappin-hood_products_each
			{
				position: relative;
				width: 100%;
			}
				
				.rappin-hood_products_each_inside
				{
					position: absolute;
					top: 50%;
					left: 50%;

					background-size: auto 100%;
					background-position: center;
					background-repeat: no-repeat;
				}

	#rappin-hood_products_title
	{
		position: absolute;
		top: 47px;
		left: 50%;
		width: 300px;
		margin-left: -150px;
		padding-bottom: 13px;

		font-family: 'BG Bold';
		font-size: 17px;
		text-align: center;
		letter-spacing: 1.6px;
		color: #000;
	}

		#rappin-hood_products_title:after
		{
			content: '';
			position: absolute;
			bottom: 0px;
			left: 50%;			
			margin-left: -31px;
			width: 62px;
			border-bottom: 1px solid #000;
		}

	#menu_gallery_nav3
	{
		display: block;
		right: 0px;
		pointer-events: auto;
	}

		#menu_gallery_nav3 #menu_gallery_down3
		{
			background-image: url(/content/images/campanha_arrow_down_black.svg);
		}

		#menu_gallery_nav3 #menu_gallery_up3
		{
			background-image: url(/content/images/campanha_arrow_up_black.svg);
		}

		#menu_gallery_nav3 #menu_gallery_number3
		{
			left: -16px;
			width: 94px;
			margin-top: -14px;
			transform: rotate(-90deg);

			color: #000;
		}


	#rapping-hood_products_close
	{
		position: absolute;
		left: 50%;
		bottom: 35px;
		margin-left: -30px;
		width: 60px;
		height: 60px;
		cursor: pointer;
	}

		#rapping-hood_products_close_1, #rapping-hood_products_close_2
		{
			position: absolute;
			left: 6px;
			top: 28px;
			width: 46px;
			height: 5px;
			background-color: #000 !important;
		}

		#rapping-hood_products_close_1
		{
			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			transform: rotate(45deg);
		}

		#rapping-hood_products_close_2
		{
			-webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}


	.open #rappin-hood1,
	.open .rappin-hood_each_inside
	{
		-webkit-transition-delay: 0s;
		-moz-transition-delay: 0s;
		transition-delay: 0s;

		opacity: 0;
	}



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

	.rappin-hood4_each_middle
	{
		width: 660px;
	}

		.rappin-hood4_each_middle_inside
		{
			height: 371px;
		}
}

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

	.rappin-hood4_each_middle
	{
		width: 540px;
	}

		.rappin-hood4_each_middle_inside
		{
			height: 304px;
		}

			.rappin-hood4_each_middle_button
			{
				width: 80px;
				height: 80px;
				margin-top: -40px;
				margin-left: -40px;
			}

				.rappin-hood4_each_middle_button_inside
				{
					margin: 29px 36px;
					border-width: 11.5px 0 11.5px 18px;
				}

		.rappin-hood4_each_middle_bottom
		{
			margin-bottom: 143px;
		}
}

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

	#rappin-hood6_each_middle 
	{
		margin-bottom: 110px;
	}
	
		.rappin-hood6_each
		{
			width: 33.333333%;
		}

	#rappin-hood7_bottom
	{
		margin: 146px auto 180px;
	}

	#rappin-hood6_each_filters 
	{
		margin: 60px auto 58px;
	}
}

@media screen and (max-height: 760px), screen and (max-width: 1300px) {

	#rappin-hood2_middle
	{
		width: 772px;
		height: 461px;
		margin-top: -250px;
		margin-left: -386px;
	}

		#rappin-hood2_middle_middle
		{
			margin-top: 65px;
			font-size: 20px;
		}

			#rappin-hood2_middle_logo
			{
				width: 429px;
				height: 201px;
			}

	.rappin-hood_each_title
	{
		font-size: 72px;
	}

	.rappin-hood4_each_middle
	{
		width: 430px;
	}

	#rappin-hood4_each_middle1
	{
		margin-right: 20px;
	}

	#rappin-hood4_each_middle2
	{
		margin-left: 20px;
	}

		.rappin-hood4_each_middle_inside
		{
			height: 242px;
		}

		.rappin-hood4_each_middle_bottom_left
		{
			margin-left: 30px;
			font-size: 18px;
		}

		.rappin-hood4_each_middle_bottom_number
		{
			padding-top: 12px;
			font-size: 90px;
		}

	#rappin-hood6_middle_line
	{
		margin-top: 34px;
	}

	#rappin-hood7_inside_map
	{
		height: 670px;
	}
}

@media screen and (max-height: 840px), screen and (max-width: 1300px) {

	#rappin-hood3_middle
	{
		width: 960px;
   		height: 540px;
   		margin-top: -270px;
   		margin-left: -480px;
	}

		#rappin-hood3_middle_over
		{
			margin-top: -144px;
		}

			#rappin-hood3_middle_button
			{
				width: 150px;
				height: 150px;
			}

			#rappin-hood3_middle_title
			{
				font-size: 55px;
			}

			#rappin-hood3_middle_subtitle
			{
				font-size: 22px;
			}
}

@media screen and (max-height: 760px), screen and (max-width: 1140px) {

	#rappin-hood3_middle
	{
		width: 801px;
   		height: 450px;
   		margin-top: -245px;
   		margin-left: -400px;
	}

		#rappin-hood3_middle_over
		{
			margin-top: -124px;
		}

			#rappin-hood3_middle_button
			{
				width: 120px;
				height: 120px;
			}

			#rappin-hood3_middle_title
			{
				font-size: 46px;
			}

			#rappin-hood3_middle_subtitle
			{
				font-size: 18px;
			}
}

@media screen and (max-width: 1280px) {
	
	.rappin-hood6_each_filter
	{
		margin: 0px 17px;

		font-size: 17px;
	}
}

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

	#rappin-hood2_middle
	{
		width: 704px;
		margin-left: -352px;
	}
	
		#rappin-hood2_middle_middle
		{
			font-size: 18px;
		}

	.rappin-hood_each_title
	{
		font-size: 64px;
	}

	#rappin-hood4_each_middle
	{
		margin-top: 63px;
	}

	.rappin-hood6_each_filter
	{
		margin: 0px 12px;
		font-size: 16px;
	}
}