.page-category-menu-each.active
{
	background-color: rgba(255,219,119,.15);
	pointer-events: none;
}

	.page-category-menu-each.active .page-category-menu-each-border
	{
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1); 
	}

.page-project
{
	overflow: hidden;
	width: 100%;
}


/* Category 1 */

body[data-cat="1"], body[data-cat="1"] #footer, body[data-cat="1"] .page-category-menu-each-border, body[data-cat="1"] .page-category-menu-each-image,
body[data-cat="1"] #page-each2, body[data-cat="1"] .page-each7-button-inside, body[data-cat="1"] .page-each9-each-image,
body[data-cat="1"] .page-each9-each-border, body[data-cat="1"] #page-each1 .page-arrow-line
{
	background-color: #ff6969;
}

body[data-cat="1"] .page-project-inside-inside, body[data-cat="1"] .page-each7-button-inside, body[data-cat="1"] #page-each8-header:after,
body[data-cat="1"] #page-each9-header:after
{
	border-color: #ff6969;
}

body[data-cat="1"] #page-each5-img-middle-inside
{
	border-color: transparent transparent transparent #ff6969;
}

body[data-cat="1"] .page-category-menu-each, body[data-cat="1"] #page-each4, body[data-cat="1"] #page-each8-header, body[data-cat="1"] #page-each9-header,
body[data-cat="1"] .page-each9-each-header, body[data-cat="1"] .page-each9-each-text
{
	color: #ff6969;
}

body[data-cat="1"] #page-category-menu-each1 .page-category-menu-each-image { background-image: url('/img/programas-educacionais/submenu1-bg.jpg'); }
body[data-cat="1"] #page-category-menu-each2 .page-category-menu-each-image { background-image: url('/img/programas-educacionais/submenu2-bg.jpg'); }
body[data-cat="1"] #page-category-menu-each3 .page-category-menu-each-image { background-image: url('/img/programas-educacionais/submenu3-bg.jpg'); }
body[data-cat="1"] #page-category-menu-each4 .page-category-menu-each-image { background-image: url('/img/programas-educacionais/submenu4-bg.jpg'); }
body[data-cat="1"] #page-category-menu-each5 .page-category-menu-each-image { background-image: url('/img/programas-educacionais/submenu5-bg.jpg'); }

	body[data-cat="1"] #page-category-menu-each1 .page-category-menu-each-image-inside { background-image: url('/img/programas-educacionais/submenu1-hover.jpg'); }
	body[data-cat="1"] #page-category-menu-each2 .page-category-menu-each-image-inside { background-image: url('/img/programas-educacionais/submenu2-hover.jpg'); }
	body[data-cat="1"] #page-category-menu-each3 .page-category-menu-each-image-inside { background-image: url('/img/programas-educacionais/submenu3-hover.jpg'); }
	body[data-cat="1"] #page-category-menu-each4 .page-category-menu-each-image-inside { background-image: url('/img/programas-educacionais/submenu4-hover.jpg'); }
	body[data-cat="1"] #page-category-menu-each5 .page-category-menu-each-image-inside { background-image: url('/img/programas-educacionais/submenu5-hover.jpg'); }


body[data-cat="1"] #page-each9-each1 .page-each9-each-image { background-image: url('/img/programas-educacionais/programas-educacionais9-1-bg.jpg'); }
body[data-cat="1"] #page-each9-each2 .page-each9-each-image { background-image: url('/img/programas-educacionais/programas-educacionais9-2-bg.jpg'); }
body[data-cat="1"] #page-each9-each3 .page-each9-each-image { background-image: url('/img/programas-educacionais/programas-educacionais9-3-bg.jpg'); }
body[data-cat="1"] #page-each9-each4 .page-each9-each-image { background-image: url('/img/programas-educacionais/programas-educacionais9-4-bg.jpg'); }
body[data-cat="1"] #page-each9-each5 .page-each9-each-image { background-image: url('/img/programas-educacionais/programas-educacionais9-5-bg.jpg'); }

	body[data-cat="1"] #page-each9-each1 .page-each9-each-image-inside { background-image: url('/img/programas-educacionais/programas-educacionais9-1-hover.jpg'); }
	body[data-cat="1"] #page-each9-each2 .page-each9-each-image-inside { background-image: url('/img/programas-educacionais/programas-educacionais9-2-hover.jpg'); }
	body[data-cat="1"] #page-each9-each3 .page-each9-each-image-inside { background-image: url('/img/programas-educacionais/programas-educacionais9-3-hover.jpg'); }
	body[data-cat="1"] #page-each9-each4 .page-each9-each-image-inside { background-image: url('/img/programas-educacionais/programas-educacionais9-4-hover.jpg'); }
	body[data-cat="1"] #page-each9-each5 .page-each9-each-image-inside { background-image: url('/img/programas-educacionais/programas-educacionais9-5-hover.jpg'); }


/* Category 2 */

body[data-cat="2"], body[data-cat="2"] #footer, body[data-cat="2"] .page-category-menu-each-border, body[data-cat="2"] .page-category-menu-each-image,
body[data-cat="2"] #page-each2, body[data-cat="2"] .page-each7-button-inside, body[data-cat="2"] .page-each9-each-image,
body[data-cat="2"] .page-each9-each-border, body[data-cat="2"] #page-each1 .page-arrow-line
{
	background-color: #463582;
}

body[data-cat="2"] .page-project-inside-inside, body[data-cat="2"] .page-each7-button-inside, body[data-cat="2"] #page-each8-header:after,
body[data-cat="2"] #page-each9-header:after
{
	border-color: #463582;
}

body[data-cat="2"] #page-each5-img-middle-inside
{
	border-color: transparent transparent transparent #463582;
}

body[data-cat="2"] .page-category-menu-each, body[data-cat="2"] #page-each4, body[data-cat="2"] #page-each8-header, body[data-cat="2"] #page-each9-header,
body[data-cat="2"] .page-each9-each-header, body[data-cat="2"] .page-each9-each-text
{
	color: #463582;
}

body[data-cat="2"] #page-category-menu-each6 .page-category-menu-each-image { background-image: url('/img/educacao-integral-e-lideranca/submenu1-bg.jpg'); }
body[data-cat="2"] #page-category-menu-each7 .page-category-menu-each-image { background-image: url('/img/educacao-integral-e-lideranca/submenu2-bg.jpg'); }
body[data-cat="2"] #page-category-menu-each8 .page-category-menu-each-image { background-image: url('/img/educacao-integral-e-lideranca/submenu3-bg.jpg'); }
body[data-cat="2"] #page-category-menu-each9 .page-category-menu-each-image { background-image: url('/img/educacao-integral-e-lideranca/submenu4-bg.jpg'); }

	body[data-cat="2"] #page-category-menu-each6 .page-category-menu-each-image-inside { background-image: url('/img/educacao-integral-e-lideranca/submenu1-hover.jpg'); }
	body[data-cat="2"] #page-category-menu-each7 .page-category-menu-each-image-inside { background-image: url('/img/educacao-integral-e-lideranca/submenu2-hover.jpg'); }
	body[data-cat="2"] #page-category-menu-each8 .page-category-menu-each-image-inside { background-image: url('/img/educacao-integral-e-lideranca/submenu3-hover.jpg'); }
	body[data-cat="2"] #page-category-menu-each9 .page-category-menu-each-image-inside { background-image: url('/img/educacao-integral-e-lideranca/submenu4-hover.jpg'); }


body[data-cat="2"] #page-each9-each6 .page-each9-each-image { background-image: url('/img/educacao-integral-e-lideranca/educacao-integral-e-lideranca9-6-bg.jpg'); }
body[data-cat="2"] #page-each9-each7 .page-each9-each-image { background-image: url('/img/educacao-integral-e-lideranca/educacao-integral-e-lideranca9-7-bg.jpg'); }
body[data-cat="2"] #page-each9-each8 .page-each9-each-image { background-image: url('/img/educacao-integral-e-lideranca/educacao-integral-e-lideranca9-8-bg.jpg'); }
body[data-cat="2"] #page-each9-each9 .page-each9-each-image { background-image: url('/img/educacao-integral-e-lideranca/educacao-integral-e-lideranca9-9-bg.jpg'); }

	body[data-cat="2"] #page-each9-each6 .page-each9-each-image-inside { background-image: url('/img/educacao-integral-e-lideranca/educacao-integral-e-lideranca9-6-hover.jpg'); }
	body[data-cat="2"] #page-each9-each7 .page-each9-each-image-inside { background-image: url('/img/educacao-integral-e-lideranca/educacao-integral-e-lideranca9-7-hover.jpg'); }
	body[data-cat="2"] #page-each9-each8 .page-each9-each-image-inside { background-image: url('/img/educacao-integral-e-lideranca/educacao-integral-e-lideranca9-8-hover.jpg'); }
	body[data-cat="2"] #page-each9-each9 .page-each9-each-image-inside { background-image: url('/img/educacao-integral-e-lideranca/educacao-integral-e-lideranca9-9-hover.jpg'); }


/* Category 3 */

body[data-cat="3"], body[data-cat="3"] #footer, body[data-cat="3"] .page-category-menu-each-border, body[data-cat="3"] .page-category-menu-each-image,
body[data-cat="3"] #page-each2, body[data-cat="3"] .page-each7-button-inside, body[data-cat="3"] .page-each9-each-image,
body[data-cat="3"] .page-each9-each-border, body[data-cat="3"] #page-each1 .page-arrow-line
{
	background-color: #eab537;
}

body[data-cat="3"] .page-project-inside-inside, body[data-cat="3"] .page-each7-button-inside, body[data-cat="3"] #page-each8-header:after,
body[data-cat="3"] #page-each9-header:after
{
	border-color: #eab537;
}

body[data-cat="3"] #page-each5-img-middle-inside
{
	border-color: transparent transparent transparent #eab537;
}

body[data-cat="3"] .page-category-menu-each, body[data-cat="3"] #page-each4, body[data-cat="3"] #page-each8-header, body[data-cat="3"] #page-each9-header,
body[data-cat="3"] .page-each9-each-header, body[data-cat="3"] .page-each9-each-text
{
	color: #eab537;
}

body[data-cat="3"] #page-category-menu-each10 .page-category-menu-each-image { background-image: url('/img/eventos-culturais/submenu1-bg.jpg'); }
body[data-cat="3"] #page-category-menu-each11 .page-category-menu-each-image { background-image: url('/img/eventos-culturais/submenu2-bg.jpg'); }
body[data-cat="3"] #page-category-menu-each12 .page-category-menu-each-image { background-image: url('/img/eventos-culturais/submenu3-bg.jpg'); }

	body[data-cat="3"] #page-category-menu-each10 .page-category-menu-each-image-inside { background-image: url('/img/eventos-culturais/submenu1-hover.jpg'); }
	body[data-cat="3"] #page-category-menu-each11 .page-category-menu-each-image-inside { background-image: url('/img/eventos-culturais/submenu2-hover.jpg'); }
	body[data-cat="3"] #page-category-menu-each12 .page-category-menu-each-image-inside { background-image: url('/img/eventos-culturais/submenu3-hover.jpg'); }


body[data-cat="3"] #page-each9-each10 .page-each9-each-image { background-image: url('/img/eventos-culturais/eventos-culturais9-10-bg.jpg'); }
body[data-cat="3"] #page-each9-each11 .page-each9-each-image { background-image: url('/img/eventos-culturais/eventos-culturais9-11-bg.jpg'); }
body[data-cat="3"] #page-each9-each12 .page-each9-each-image { background-image: url('/img/eventos-culturais/eventos-culturais9-12-bg.jpg'); }

	body[data-cat="3"] #page-each9-each10 .page-each9-each-image-inside { background-image: url('/img/eventos-culturais/eventos-culturais9-10-hover.jpg'); }
	body[data-cat="3"] #page-each9-each11 .page-each9-each-image-inside { background-image: url('/img/eventos-culturais/eventos-culturais9-11-hover.jpg'); }
	body[data-cat="3"] #page-each9-each12 .page-each9-each-image-inside { background-image: url('/img/eventos-culturais/eventos-culturais9-12-hover.jpg'); }


/* Category 4 */

body[data-cat="4"], body[data-cat="4"] #footer, body[data-cat="4"] .page-category-menu-each-border, body[data-cat="4"] .page-category-menu-each-image,
body[data-cat="4"] #page-each2, body[data-cat="4"] .page-each7-button-inside, body[data-cat="4"] .page-each9-each-image,
body[data-cat="4"] .page-each9-each-border, body[data-cat="4"] #page-each1 .page-arrow-line
{
	background-color: #0cb889;
}

body[data-cat="4"] .page-project-inside-inside, body[data-cat="4"] .page-each7-button-inside, body[data-cat="4"] #page-each8-header:after,
body[data-cat="4"] #page-each9-header:after
{
	border-color: #0cb889;
}

body[data-cat="4"] #page-each5-img-middle-inside
{
	border-color: transparent transparent transparent #0cb889;
}

body[data-cat="4"] .page-category-menu-each, body[data-cat="4"] #page-each4, body[data-cat="4"] #page-each8-header, body[data-cat="4"] #page-each9-header,
body[data-cat="4"] .page-each9-each-header, body[data-cat="4"] .page-each9-each-text
{
	color: #0cb889;
}

body[data-cat="4"] #page-category-menu-each13 .page-category-menu-each-image { background-image: url('/img/editora-evoluir/submenu1-bg.jpg'); }
body[data-cat="4"] #page-category-menu-each14 .page-category-menu-each-image { background-image: url('/img/editora-evoluir/submenu2-bg.jpg'); }

	body[data-cat="4"] #page-category-menu-each13 .page-category-menu-each-image-inside { background-image: url('/img/editora-evoluir/submenu1-hover.jpg'); }
	body[data-cat="4"] #page-category-menu-each14 .page-category-menu-each-image-inside { background-image: url('/img/editora-evoluir/submenu2-hover.jpg'); }


body[data-cat="4"] #page-each9-each13 .page-each9-each-image { background-image: url('/img/editora-evoluir/editora-evoluir9-13-bg.jpg'); }
body[data-cat="4"] #page-each9-each14 .page-each9-each-image { background-image: url('/img/editora-evoluir/editora-evoluir9-14-bg.jpg'); }

	body[data-cat="4"] #page-each9-each13 .page-each9-each-image-inside { background-image: url('/img/editora-evoluir/editora-evoluir9-13-hover.jpg'); }
	body[data-cat="4"] #page-each9-each14 .page-each9-each-image-inside { background-image: url('/img/editora-evoluir/editora-evoluir9-14-hover.jpg'); }


	

	#header-right-submenu-back
	{
		position: relative;
		float: left;
		width: 60px;
		height: 31px;
		margin-right: 12px;
		cursor: pointer;
	}

		#header-right-submenu-back:after
		{
			content: '';
			position: absolute;
			right: 0px;
			top: -4px;
			height: 31px;
			border-right: 1px solid rgba(255,255,255,.5);

			-webkit-transition: border-right-color .3s;
			-moz-transition: border-right-color .3s;
			transition: border-right-color .3s;
		}

		#header-right-submenu-back-inside
		{
			margin-left: 56px;
			margin-top: -13px;
			/*overflow: hidden;*/

			-webkit-transform: rotate(90deg);
			-moz-transform: rotate(90deg);
			transform: rotate(90deg);
		}

			.header-right-submenu-back1
			{
				position: absolute;
				left: 25px;
				top: 19px;
				width: 3px;
				height: 17px;
				background-color: #fff;
			}

			.header-right-submenu-back2, .header-right-submenu-back3
			{
				position: absolute;
				width: 13px;
				height: 3px;
				background-color: #fff;

				-webkit-transform-origin: 100% 50%;
				-moz-transform-origin: 100% 50%;
				transform-origin: 100% 50%;
			}

			.header-right-submenu-back2
			{
				left: 22px;
				top: 28px;

				-webkit-transform: rotate(-45deg);
				-moz-transform: rotate(-45deg);
				transform: rotate(-45deg);
			}

			.header-right-submenu-back3
			{
				left: 14px;
				top: 37px;

				-webkit-transform: rotate(45deg);
				-moz-transform: rotate(45deg);
				transform: rotate(45deg);
			}


/* Project */

	.page-project-inside
	{
		position: relative;
		margin: 0 auto;
		width: 100%;
		padding: 0px 154px;
		max-width: 1534px;
	}

		.page-project-inside-inside
		{
			margin: 104px auto;
			width: 100%;
			border: 10px solid;
			background-color: #fff;

			-webkit-box-shadow: 0px 0px 70px 20px rgba(0, 0, 0, 0.18);
			-moz-box-shadow: 0px 0px 70px 20px rgba(0, 0, 0, 0.18);
			box-shadow: 0px 0px 70px 20px rgba(0, 0, 0, 0.18);
		}

			#page-each1
			{
				width: 100%;
				height: 600px;
				overflow: visible;
				background-size: auto 100%;
				background-position: center;
			}

				#page-each1-left, #page-each1-right
				{
					position: absolute;
					top: 50%;
					width: 66px;
					height: 66px;
					margin-top: -33px;
				}

				body[data-cat="4"] #page-each1-left, body[data-cat="4"] #page-each1-right
				{
					display: none;
				}

				#page-each1-left
				{
					left: -118px;
				}

				#page-each1-right
				{
					right: -118px;
				}

					.page-arrow-bg
					{
						width: 80px;
						height: 80px;
						margin-left: -40px;
						margin-top: -40px;
					}

					#page-each1 .page-arrow-line
					{
						margin: 7px;
					}


			#page-each2
			{
				width: 805px;
				margin: -100px auto 0px;

				text-align: center;
			}

				#page-each2-header
				{
					margin-top: 55px;

					font-weight: 200;
					font-size: 23px;
					letter-spacing: .2px;
				}

				#page-each2-title
				{
					margin-top: 8px;

					font-weight: 800;
					font-size: 55px;
					letter-spacing: 1px;
				}

				#page-each2-text
				{
					margin: 54px auto 80px;
					width: 410px;

					font-weight: 200;
					font-size: 18px;
					letter-spacing: .2px;
				}

			#page-each3
			{
				padding: 103px 86px;
			}

				.page-each3-text
				{
					float: left;
					padding: 0px 62px;
					width: 50%;

					font-weight: 200;
					font-size: 16px;
					letter-spacing: .2px;
					color: #646464;
				}

			#page-each4
			{
				clear: left;
				margin: 0px auto 100px;
				width: 544px;

				font-weight: 800;
				font-size: 30px;
				text-align: center;
				letter-spacing: .5px;
			}

			#page-each5
			{
				margin: 0 auto 33px;
				padding: 0px 30px;
			}

				#page-each5-img
				{
					position: relative;
				}

					#page-each5-img-inside
					{
						position: relative;
					}

				#page-each5-img-header
				{
					position: absolute;
					top: 42px;
					left: 35px;

					font-weight: 800;
					font-size: 15px;
				}

					#page-each5-img-header:after
					{
						content: '';
						float: left;
						width: 90px;
						margin-top: 9px;
						margin-right: 10px;
						border-bottom: 2px solid #fff;
					}

				#page-each5-img-middle
				{
					position: absolute;
					left: 50%;
					top: 50%;
					width: 100px;
					height: 100px;
					margin-left: -50px;
					margin-top: -50px;
					background-color: #fff;
					cursor: pointer;

					-webkit-border-radius: 50%;
					-moz-border-radius: 50%;
					border-radius: 50%;
				}

					#page-each5-img-middle-inside
					{
						position: absolute;
						left: 50%;
						top: 50%;
						margin-left: -9px;
						margin-top: -19px;
						width: 0px;
						height: 0px;
						border-style: solid;
						border-width: 19px 0 19px 29px;
					}

				#page-each5-img-bottom
				{
					position: absolute;
					left: 35px;
					bottom: 30px;
				}

					#page-each5-img-bottom-title
					{
						font-weight: 800;
						font-size: 40px;
						letter-spacing: .2px;
					}

					#page-each5-img-bottom-subtitle
					{
						font-weight: 200;
						font-size: 20px;
					}

				#page-each5 iframe
				{
					position: absolute;
					display: none;
					top: 0px;
					left: 0px;
					width: 100%;
					height: 100%;
				}

			#page-each6
			{
				margin: 0px 30px;
				width: auto;
				padding-bottom: 175px;
				background-color: #392779;

				text-align: center;
			}

				#page-each6-inside
				{
					margin: 0 auto;
					width: 600px;
				}

					#text61-icon
					{
						margin-top: 66px;

						font-weight: 800;
						font-size: 150px;
					}

					#text61-text
					{
						margin-top: -67px;

						font-weight: 200;
						font-size: 30px;
					}

					#text61-author
					{
						margin-top: 62px;

						font-weight: 800;
						font-size: 20px;
						letter-spacing: .2px;
					}

					#text61-rule
					{
						margin-top: 16px;
						margin-bottom: 97px;

						font-weight: 200;
						font-size: 16px;
					}

						#text61-rule span
						{
							font-weight: 800;
						}


					#text62-title
					{
						margin-top: 108px;

						font-weight: 800;
						font-size: 100px;
						letter-spacing: 5px;
					}

					#text62-subtitle
					{
						position: relative;
						margin: 0 auto;
						padding: 0px 18px;
						display: table;
					}

						#text62-subtitle:before
						{
							content: '';
							position: absolute;
							left: -30px;
							right: -30px;
							top: 17px;
							border-bottom: 1px solid #fff;
						}

						#text62-subtitle:after
						{
							content: '';
							position: absolute;
							left: 0px;
							right: 0px;
							bottom: 0px;
							top: 0px;
							background-color: #392779;
						}

						#text62-subtitle p
						{
							position: relative;
							z-index: 1;
							font-weight: 800;
							font-size: 25px;
							letter-spacing: 1px;
						}

					#text62-text, #text63-text
					{
						margin-top: 75px;
						margin-bottom: 140px;

						font-weight: 200;
						font-size: 25px;
						letter-spacing: .1px;
					}


					#text63-title
					{
						position: relative;
						margin-top: 108px;

						font-weight: 800;
						font-size: 70px;
						line-height: 120%;
						letter-spacing: 2px;
					}

						#text63-title:before
						{
							content: '';
							position: absolute;
							left: 50%;
							bottom: -44px;
							width: 90px;
							margin-left: -45px;
							border-bottom: 2px solid #fff;
						}

					#text63-text
					{
						margin-top: 87px;
					}

			
			#page-each7
			{
				margin-top: -175px;
				margin-bottom: 120px;
			}

				#page-each7-header, #page-each8-header, #page-each9-header
				{
					font-weight: 700;
					font-size: 15px;
				}

				#page-each7-header
				{
					margin: 0px auto;
					width: 927px;
				}

					#page-each7-header:after, #page-each8-header:after, #page-each9-header:after
					{
						content: '';
						float: left;
						width: 90px;
						margin-top: 9px;
						margin-right: 10px;
						border-bottom: 2px solid #fff;
					}

				#page-each7-container
				{
					position: relative;
					margin: 40px auto 0px;
					width: 927px;
					height: 590px;
				}

					.page-each7-each
					{
						position: absolute;
						left: 0px;
						top: 0px;
						width: 100%;
						height: 100%;
						background-size: cover;
						background-position: center;
						background-repeat: no-repeat;
						opacity: 0;
						z-index: 0;
						cursor: pointer;

						-webkit-transition: opacity 0s .5s;
						-moz-transition: opacity 0s .5s;
						transition: opacity 0s .5s;
					}
					
					.page-each7-each.selected
					{
						opacity: 1;
						z-index: 1;

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

				#page-each7-buttons
				{
					display: table;
					margin: 0 auto;
				}

					.page-each7-button
					{
						float: left;
						margin-top: 20px;
						padding: 10px;
						width: 33px;
						height: 33px;
						cursor: pointer;
					}

						.page-each7-button-inside
						{
							width: 13px;
							height: 13px;
							border: 3px solid;

							-webkit-border-radius: 50%;
							-moz-border-radius: 50%;
							border-radius: 50%;

							-webkit-transition: background-color .2s;
							-moz-transition: background-color .2s;
							transition: background-color .2s;
						}

						.page-each7-button.selected .page-each7-button-inside
						{
							background-color: #fff !important;
						}


			#page-each8
			{

			}

				#page-each8-header, #page-each9-header
				{
					margin-left: 95px;
				}

				#page-each8-map
				{
					margin-top: 30px;
					height: 485px;
					background-color: #e9ecec;
				}

				#page-each8-cities
				{
					overflow: hidden;
					margin: 82px 160px 100px;
				}

					.page-each8-cities-row
					{
						float: left;
					}

					#page-each8-cities[data-cur-id="1"] .page-each8-cities-row { width: 100%; }
					#page-each8-cities[data-cur-id="2"] .page-each8-cities-row { width: 50%; }
					#page-each8-cities[data-cur-id="3"] .page-each8-cities-row { width: 33.333333%; }

						.page-each8-cities-line
						{
							display: table;
							position: relative;
							overflow: hidden;
							clear: left;
							margin: -4px 18px;
							padding: 10px;

							font-weight: 200;
							font-size: 18px;
							letter-spacing: .2px;
							color: #222;
						}

			#page-each9
			{
				background-color: #f6f6f6;
				overflow: hidden;
			}

				#page-each9-header
				{
					margin-top: 53px;
				}

				#page-each9-container
				{
					clear: left;
					padding: 78px 43px 30px;
					overflow: hidden;
				}

				#page-each9[data-quant="2"] #page-each9-container
				{
					margin-left: 153px;
					margin-right: 153px;
				}

					.page-each9-each
					{
						position: relative;
						float: left;
						width: 33.33333%;
						padding: 10px;
						margin-bottom: 57px;

						text-align: center;
					}

					#page-each9[data-quant="1"] .page-each9-each
					{
						float: none;
						margin-left: auto;
						margin-right: auto;
					}

					#page-each9[data-quant="2"] .page-each9-each
					{
						width: 50%;
					}

						.page-each9-each-border
						{
							position: absolute;
							left: 50%;
							top: 5px;
							width: 330px;
							height: 222px;
							margin-left: -165px;

							-webkit-transform: scale(.5);
							-moz-transform: scale(.5);
							transform: scale(.5);

							-webkit-transition: -webkit-transform .3s;
							-moz-transition: -webkit-transform .3s; 
							transition: -webkit-transform .3s;
						}

						.page-each9-each:hover .page-each9-each-border
						{
							-webkit-transform: scale(1);
							-moz-transform: scale(1);
							transform: scale(1);

							-webkit-transition: -webkit-transform .3s cubic-bezier(0.175, 0.885, 0.320, 1);
							-webkit-transition: -webkit-transform .3s cubic-bezier(0.175, 0.885, 0.320, 1.275); 
							-moz-transition: -webkit-transform .3s cubic-bezier(0.175, 0.885, 0.320, 1.275); 
							transition: -webkit-transform .3s cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
						}

						.page-each9-each-image
						{
							position: relative;
							margin: 0px auto;
							overflow: hidden;
							width: 320px;
							height: 212px;
							background-size: cover;
							background-position: center;
						}

							.page-each9-each-image-inside
							{
								position: relative;
								width: 100%;
								height: 100%;
								opacity: 0;
								background-size: cover;
								background-position: center;

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

							.page-each9-each:hover .page-each9-each-image-inside
							{
								opacity: 1;
							}

						.page-each9-each-header
						{
							margin-top: 30px;

							font-size: 15px;
						}

						.page-each9-each-text
						{
							margin-top: 13px;

							font-weight: 800;
							font-size: 26px;
							line-height: 100%;
						}

#footer
{
	margin-top: -58px;
	color: #fff;
}

@media screen and (max-width: 1534px)
{
	#page-each8-cities
	{
		margin-left: 80px;
		margin-right: 80px;
	}

	#page-each9-container
	{
		padding-top: 48px;
	}

		.page-each9-each-border
		{
			width: 270px;
			height: 182px;
			margin-left: -135px;
			margin-top: 0px;
		}

		.page-each9-each-image
		{
			width: 260px;
			height: 172px;
		}
}


@media screen and (max-width: 1400px)
{
	#page-each7-header
	{
		width: 747px;
	}

	#page-each7-container
	{
		width: 747px;
		height: 476px;
	}
}


@media screen and (max-width: 1380px)
{
	#page-each1
	{
		height: 515px;
	}

	#page-each2
	{
		width: 656px;
	}

	.page-each3-text
	{
		padding: 0px 42px;
	}

	#page-each9-container
	{
		margin-left: auto !important;
		margin-right: auto !important;
		max-width: 860px;
	}

	.page-each9-each
	{
		width: 50%;
	}
}


@media screen and (max-width: 1200px)
{
	.page-project-inside
	{
		padding: 0px 64px;
	}

		#page-each1-right
		{
			right: -38px;	
		}

		#page-each1-left
		{
			left: -38px;	
		}
}

@media screen and (max-width: 1024px)
{
	#header-right-submenu-back
	{
		margin-top: -2px;
		width: 32px;
	}

		#header-right-submenu-back:after
		{
			display: none;
		}

			.header-right-submenu-back1, .header-right-submenu-back2, .header-right-submenu-back3
			{
				background-color: #453483;
			}

			body[data-cat="1"] .header-right-submenu-back1, body[data-cat="1"] .header-right-submenu-back2, body[data-cat="1"] .header-right-submenu-back3 { background-color: #ff6969; }
			body[data-cat="2"] .header-right-submenu-back1, body[data-cat="2"] .header-right-submenu-back2, body[data-cat="2"] .header-right-submenu-back3 { background-color: #453483; }
			body[data-cat="3"] .header-right-submenu-back1, body[data-cat="3"] .header-right-submenu-back2, body[data-cat="3"] .header-right-submenu-back3 { background-color: #eebe4c; }
			body[data-cat="4"] .header-right-submenu-back1, body[data-cat="4"] .header-right-submenu-back2, body[data-cat="4"] .header-right-submenu-back3 { background-color: #0cb889; }


	.page-project-inside
	{
		padding: 0px;
	}

		.page-project-inside-inside
		{
			margin-top: 60px;
			border: none;
		}
			#page-each1
			{
				height: 500px;
			}

			#page-each1-right, #page-each1-left
			{
				display: none;
			}

	.page-each3-text
	{
		padding: 0px 42px;
	}

	#page-each4
	{
		font-size: 25px;
	}

	#page-each5-img-bottom-title
	{
		font-size: 34px;
	}

	#page-each5-img-bottom-subtitle
	{
		font-size: 18px;
	}


	#page-each6-inside
	{
		width: 500px;
	}

		#text61-text
		{
			font-size: 25px;
		}

		#text62-title
		{
			font-size: 90px;
			letter-spacing: 3px;
		}

		#text63-title
		{
			font-size: 60px;
			letter-spacing: 1px;
		}

	#page-each7-container
	{
		width: 620px;
		height: 395px;
	}

	#page-each7-header
	{
		width: 620px;
	}

	.page-project-inside-inside
	{
		margin-bottom: 0px;

		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

	#footer
	{
		margin-top: 0px;
	}
}

@media screen and (max-width: 768px)
{
	#header-menu-button
	{
		margin-left: 0px;
	}
	
		#header-menu-button:after
		{
			display: none;
		}

	#page-each1
	{
		height: 390px;	
	}

	#page-each2
	{
		width: -webkit-calc(100% - 40px);
		width: -moz-calc(100% - 40px);
		width: calc(100% - 40px);
		border-bottom: none;
		max-width: 420px;
	}

		#page-each2-header
		{
			margin-top: 35px;

			font-weight: 600;
			font-size: 15px;
		}

		#page-each2-title
		{
			margin-top: 12px;

			padding: 0px 30px;
			font-size: 35px;
			line-height: 100%;
		}

		#page-each2-text
		{
			width: auto;
			margin: 36px 40px 50px;
			font-size: 16px;
		}

	#page-each3
	{
		padding: 50px 0px;
		line-height: 130%;
		letter-spacing: .2px;
	}

		.page-each3-text
		{
			width: 100%;
			font-size: 14px;
		}

	#page-each4
	{
		width: auto;
		padding: 0px 60px;
		margin-bottom: 70px;
		
		font-size: 20px;
	}

	#page-each5
	{
		padding-bottom: 10px;
	}

		#page-each5-img-header
		{
			position: relative;
			margin: -14px auto 0px;
			display: table;
			top: auto;
			left: auto;
			padding: 8px 32px;

			font-size: 13px;
		}

			body[data-cat="1"] #page-each5-img-header { background-color: #ff6969; }
			body[data-cat="2"] #page-each5-img-header { background-color: #453483; }
			body[data-cat="3"] #page-each5-img-header { background-color: #eebe4c; }
			body[data-cat="4"] #page-each5-img-header { background-color: #0cb889; }

			#page-each5-img-header:after
			{
				display: none;
			}


		#page-each5-img-middle
		{
			width: 60px;
			height: 60px;
			margin-left: -30px;
			margin-top: -30px;
		}

			#page-each5-img-middle-inside
			{
				margin-left: -5px;
	    		margin-top: -11px;
				border-width: 11px 0 11px 17px;
			}

		#page-each5-img-bottom
		{
			position: relative;
			left: auto;
			bottom: auto;
			margin-top: 10px;
			margin-bottom: 10px;

			text-align: center;
		}

		body[data-cat="1"] #page-each5-img-bottom { color: #ff6969; }
		body[data-cat="2"] #page-each5-img-bottom { color: #453483; }
		body[data-cat="3"] #page-each5-img-bottom { color: #eebe4c; }
		body[data-cat="4"] #page-each5-img-bottom { color: #0cb889; }

			#page-each5-img-bottom-title
			{
				font-size: 25px;
			}

			#page-each5-img-bottom-subtitle
			{
				margin-top: 10px;
				font-size: 15px;
				letter-spacing: .2px;
			}

	#page-each6
	{
		margin: 0px;
		padding-bottom: 0px;
	}

		#page-each6-inside
		{
			margin: 0px 22px;
			width: auto;
		}

			#text61-icon
			{
				margin-top: 24px;
				font-size: 100px;
			}

			#text61-text
			{
				margin-top: -47px;
				font-size: 22px;
			}

			#text62-title
			{
				margin-top: 58px;
				font-size: 50px;
				letter-spacing: 1px;
			}

				#text62-subtitle p
				{
					font-size: 16px;
					letter-spacing: .3px;
				}

				#text62-subtitle:before
				{
					top: 10px;
				}

			#text62-text
			{
				margin-top: 55px;
			}


			#text63-title
			{
				margin-top: 58px;
				font-size: 30px;
				letter-spacing: .3px;
			}

			#text62-text, #text63-text
			{
				margin-bottom: 55px;
				font-size: 18px;
			}

			#text61-author
			{
				font-size: 16px;
			}

	#page-each7
	{
		margin-top: 0px;
		margin-bottom: 75px;
	}

		body[data-cat="1"] #page-each7-header { color: #ff6969; }
		body[data-cat="2"] #page-each7-header { color: #453483; }
		body[data-cat="3"] #page-each7-header { color: #eebe4c; }
		body[data-cat="4"] #page-each7-header { color: #0cb889; }

		#page-each7-header
		{
			width: 100%;
			margin-top: 37px;
			text-align: center;
		}

			#page-each7-header:after, #page-each8-header:after
			{
				display: none;
			}

		#page-each7-container
		{
			margin-top: 30px;
		}

			.page-each7-button
			{
				padding: 7px;
				width: 28px;
				height: 28px;
			}

	#page-each8-header
	{
		width: 185px;
		padding-bottom: 4px;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}

	#page-each8-map
	{
		height: 350px;
	}

	#page-each8-cities
	{
	    margin: 42px 30px 50px;
	}

		.page-each8-cities-line
		{
			font-size: 16px;
			margin-left: 0px;
			margin-right: 0px;
		}


	.page-each9-each-border, .page-each9-each-image-inside
	{
		display: none;
	}

	.page-each9-each-image
	{
		width: 172px;
		
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}

	#page-back-to-top.page-arrow
	{
		background-color: transparent;
	}
}

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

	#page-each7-container
	{
		width: 360px;
		height: 240px;	
	}

	#page-each9-header
	{
		margin-left: auto;
		margin-right: auto;
		width: 190px;
		text-align: center;
	}

		#page-each9-header:after
		{
			display: none;
		}

	.page-each9-each
	{
		width: 100% !important;
		margin-bottom: 37px;
	}

		.page-each9-each-image
		{
			width: 63px;
			height: 63px;
		}

			.page-each9-each-header
			{
				margin-top: 13px;
				font-size: 14px;
			}

			.page-each9-each-text
			{
				margin-top: 8px;
				font-size: 20px;
			}

				.page-each9-each-text br
				{
					display: none;
				}
}

@media screen and (max-width: 360px)
{
	#page-each7-container
	{
		width: 100%;
	}
	
}