/*
	Big Picture by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	body {
		min-width: 320px;
	}

	body,input,textarea,select {
		font-size: 12pt;
		line-height: 1.5em;
	}

	h1, h2 {
		font-size: 1.5em;
		letter-spacing: -1px;
	}
	
	/* Box */

		.box {
			padding: 1em;
		}

			.box.style2 {
				padding: 1.5em 1.25em 1.5em 1.25em;
				background-color: #fff;
			}

			.mobile-photo {
				display: block;
				width: 100%;
				height: 9em;
				object-fit: cover;
				border-radius: 0.5em;
				margin-bottom: 1.5em;
			}

			#intro .mobile-photo {
				height: 16em;
			}

			#intro,
			#one,
			#two,
			#three {
				background: #f5f6f7;
			}

			#intro .button.style2.down {
				background-image: url('images/arrow.svg');
				border-color: #e5e6e7;
				background-color: transparent;
			}

	/* Main */

		.main {
		}

			.main.style1 {
				padding: 1.5em 15px 1.5em 15px;
			}

				.main.style1 h2 {
					font-size: 3em;
					letter-spacing: -3px;
				}

			.main.style2 {
				padding: 2em 15px 2em 15px;
			}
			
				.button.anchored {
					display: none;
				}

				.back-to-top-wrap {
					display: none;
				}

				.cta-row {
					justify-content: center;
				}

				.main.style2 .content {
					width: 100%;
					left: 0% !important;
					text-align: center;
				}
				
				.main.style2 .tmp {
					width: 100%;
					height: 10em;
					background-size: cover;
				}

			.main.style3 {
				text-align: center;
				padding: 3em 10px 3em 10px;
			}

			#intro-text {
				padding: 2.5em 10px 2em 10px;
			}

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header {
		height: 5em;
		line-height: 5em;
		overflow: hidden;
	}

	body {
		padding-top: 5em;
	}

	#logo {
		text-align: center;
		position: relative;
		left: 0;
		top: 0;
		height: 5em;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		line-height: 1.25;
		padding: 0 2.75em;
		font-size: 1em;
		overflow: hidden;
		pointer-events: none;
	}

		#logo a {
			font-size: 1em;
			pointer-events: auto;
		}

		#logo .logo-sub {
			display: block;
			font-size: 0.85em;
			font-weight: 400;
			margin-top: 0.25em;
		}

	.nav-toggle {
		display: block;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 2.5em;
		height: 2.5em;
	}

	.home-toggle {
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 2.5em;
		height: 2.5em;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 1.3em;
	}

	#header.has-home #logo {
		left: 0;
	}

		.nav-toggle span {
			display: block;
			position: absolute;
			left: 0.75em;
			right: 0.75em;
			height: 2px;
			background: #39454b;
			transition: transform 0.2s ease, opacity 0.2s ease;
		}

			.nav-toggle span:nth-child(1) { top: 0.95em; }
			.nav-toggle span:nth-child(2) { top: 1.25em; }
			.nav-toggle span:nth-child(3) { top: 1.55em; }

		body.nav-active .nav-toggle span:nth-child(1) { transform: translateY(0.3em) rotate(45deg); }
		body.nav-active .nav-toggle span:nth-child(2) { opacity: 0; }
		body.nav-active .nav-toggle span:nth-child(3) { transform: translateY(-0.3em) rotate(-45deg); }

	#nav {
		display: none;
		position: fixed;
		left: 0;
		right: 0;
		top: 5em;
		height: auto;
		max-height: calc(100% - 5em);
		overflow-y: auto;
		line-height: inherit;
		background: rgba(255,255,255,0.97);
		box-shadow: 0 0.15em 0.15em 0 rgba(0,0,0,0.1);
	}

		body.nav-active #nav {
			display: block;
		}

		#nav ul {
			margin: 0;
		}

			#nav ul li {
				display: block;
				margin: 0;
				font-size: 1em;
				border-top: solid 1px rgba(0,0,0,0.08);
			}

				#nav ul li:first-child {
					border-top: 0;
				}

				#nav ul li a {
					height: auto;
					line-height: inherit;
					padding: 0.85em 1em;
				}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/
	
	#footer {
	}
		
		#footer .menu {
		}
		
			#footer .menu li {
				border-left: 0;
				padding: 1em 0 0 0;
				margin: 0;
				display: block;
			}
			
				#footer .menu li:first-child {
					padding-top: 0;
				}
				
				#footer .menu li a {
					line-height: 1.5em;
				}
				
/*********************************************************************************/
/* Poptrox                                                                       */
/*********************************************************************************/

	.poptrox-popup {
	}
	
		.poptrox-popup .nav-next,
		.poptrox-popup .nav-previous {
		}

			.poptrox-popup .nav-next:before,
			.poptrox-popup .nav-previous:before {
				width: 48px;
				height: 32px;
				background-size: contain;
				margin: -16px 0 0 0;
			}
			
		.poptrox-popup .closer {
		}
		
			.poptrox-popup .closer:before {
				right: 12px;
				top: 12px;
				width: 20px;
				height: 20px;
				box-shadow: inset 0 0 0 1px #fff;
				background-size: contain;
				opacity: 0.65;
			}