@charset "UTF-8";

/*========================================================================

  base

========================================================================*/

.pbPage {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	padding-top: 73px;
}

@media screen and (max-width: 1200px) {
	.pbPage {
		padding-top: 60px;
	}
}

/*========================================================================

  header

========================================================================*/

.header {
	padding: 18px 50px;
}
.header:after {
	content: '';
	position: absolute;
	z-index: 2;
	left: 50%;
	transform: translateX(-50%);
	top: 100%;
	width: 100%;
	height: 10px;
	background: linear-gradient(to bottom,  rgba(0,0,0,.08) 0%,rgba(0,0,0,0) 100%);
	transition: all .3s;
}

@media screen and (max-width: 1200px) {
	.header {
		padding: 18px 20px;
	}
	.header:after {
		height: 5px;
	}
}

/*========================================================================

  footer

========================================================================*/

.pbFooterArea {
	margin-top: auto;
}
.f_copy {
	display: block;
	width: calc(100% - 100px);
	max-width: 1240px;
	margin: 0 auto;
	padding: 15px 0;
	font-family: 'Manrope', sans-serif;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.f_copy {
		width: calc(100% - 40px);
		font-size: 10px;
	}
}

/*========================================================================

  component

========================================================================*/

/*  heading
========================================================================*/

.pbPage:not(.edit) .c_h1 > div > div {
	opacity: 1!important;
	animation: none!important;
}