@font-face {
	font-family: "TT Bold";
	font-display: swap;
	src: url("../types/TypeType-TT-Travels-Bold.otf");
}

@font-face {
	font-family: "TT Regular";
	font-display: swap;
	src: url("../types/TypeType-TT-Travels-Regular.otf");
}

/* latin */
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 400;
	font-display: swap;
  src: local('Karla'), local('Karla-Regular'), url(../s/karla/v6/qkBbXvYC6trAT7RVLtyU5rZP.woff) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 700;
	font-display: swap;
  src: local('Karla Bold'), local('Karla-Bold'), url(../s/karla/v6/qkBWXvYC6trAT7zuC8m5xLtlmgzD.woff) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
	margin: 0;
    overflow-x: hidden;
}

#android-subscribe-form {
	align-items: center;
    display: flex;
    flex-direction: column;
}

.email-input, .verb-lookup {
	background-color: #EFEFF4;
	width: 100%;
	max-width: 600px;
	border: 0;
	border-radius: 11px;
	color: #000;
	padding: 24px 0px;
	display: block;
	font-family: "Karla", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, Ubuntu, sans-serif;
	font-size: 22px;
	margin-bottom: 16px;
	text-align: center;
	transition: all 250ms cubic-bezier(0.23, 1, 0.32, 1);
	outline: none;
}

.cta-button {
	background-image: linear-gradient(145deg, #FF7800, #FF5500), linear-gradient(35deg, rgba(1, 239, 146, 0.25), rgba(0, 216, 251, 0.25));
	width: 100%;
	max-width: 600px;
	border: 0;
	border-radius: 11px;
	color: #FFF;
	padding: 24px 0px;
	font-family: "Karla", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, Ubuntu, sans-serif;
	font-size: 22px;
	font-weight: 700;
	cursor: pointer;
	outline: none;
	text-align: center;
	text-transform: uppercase;
	transition: all 250ms cubic-bezier(0.23, 1, 0.32, 1);
	user-select: none;
	display: block;
	box-shadow: 0 0 16px rgba(255, 85, 0, 0.5);
}

.cta-button:hover {

}

.cta-button.in-content {
	margin: 0 auto;
	margin-top: 2em;
}

/* -=-=-=-=- */
/* Cookies */

.cookies-warn {
	display: none;
	position: fixed;
	z-index: 9;
	bottom: 0;
	color: #FFF;
	font-family: "Karla", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, Ubuntu, sans-serif;
	width: 800px;
	left: calc(50% - 400px);
	background: rgba(0, 0, 0, 0.85);
	padding: 16px;
	border-top-left-radius: 11px;
	border-top-right-radius: 11px;
}

	.cookies-icon {
		display: inline-block;
		width: 22px;
		height: 25px;
		background-image: url(../images/privacy.png);
		background-size: 22px 25px;

	}

	.cookies-text {
		display: inline-block;
		width: 700px;
		margin-left: 10px;
	}

	.cookies-close {
		display: inline-block;
		float: right;
		width: 16px;
		height: 16px;
		background-image: url(../images/menu_close.png);
		background-size: 16px 16px;
		opacity: 0.75;
		cursor: pointer;
	}

		.cookies-close:hover {
			opacity: 1.0;
		}

/* Cookies end */
/* -=-=-=-=- */

.width-container {
	width: 1000px;
	height: 100%;
	margin: 0 auto;
	font-family: "Karla", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, Ubuntu, sans-serif;
	font-weight: 400;
}

.share-container {
	display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		margin-bottom: 8em;
}

.fb_iframe_widget {
	margin: 24px 0;
}

	.body-contents {
		position: absolute;
		top: 649px;
		width: 100%;
	}

	.body-contents .width-container {
		padding: 0 32px;
		width: calc(1000px - 32px * 2);
	}

	.catchy-top-layout {
		background-image: linear-gradient(180deg, #FF7800, #FF5500), linear-gradient(35deg, rgba(1, 239, 146, 0.25), rgba(0, 216, 251, 0.25));
		position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 88%;
			background-size: auto;
			color: #FFF;
			border-bottom: 1px solid rgba(0, 0, 0, 0.20);
			max-height: 900px;
	}

	.catchy-top-layout.short-top-layout {
		height: 75px;
		background: #FFF;
	}

		.menu-layout {
			padding-top: 15px;
		}

			.logo {
				background-image: url(../images/new/logo.png);
		    width: 86px;
		height: 50px;
		background-size: 86px 50px;
				display: inline-block;
			}

				.short-top-layout .logo {
					background-image: url(../images/new/logo-black.png);
				}

				.logo:hover {
					opacity: 0.85;
				}

			.menu-open {
				display: none;
			}

			.menu {
				display: inline-block;
		    	float: right;
				margin-top: 10px;
			}

				.mobile-get-reji {
					display: none;
				}

				.menu-close {
					display: none;
				}

				.menu-item {
					display: inline-block;
					margin-right: 30px;
					font-size: 22px;
				}

				.menu-item:last-of-type {
					margin-right: 0px;
				}

				.menu-item a {
					color: #FFF;
					text-decoration: none;
				}

				.short-top-layout .menu-item a {
					color: #000;
				}

				.menu-item a:hover {
					color: #424242;
				}

				.menu-item.active-item a {
					color: #000;
				}

				.short-top-layout .menu-item.active-item a {
					color: #FF5500;
				}

		.app-preview-wrap {
			min-width: 320px;


				width: 26%;

				height: 98.5%;
				margin-top: 24px;
				display: inline-block;
				vertical-align: top;
				margin-left: 4em;
		}

		.app-preview {
				background: url(../images/new/iphone.png);
				background-repeat: no-repeat;
				width: 100%;
				background-size: auto 100%;
				height: 100%;
				background-position: right;
				display: flex;
						justify-content: flex-end;
						align-items: center;
		}

			.app-preview video {
				position: relative;
				height: 75.5%;
				width: auto;
				right: 7%;
			}

		.vp-layout {
			display: inline-flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			min-height: calc(100% - 69px);
			width: calc(100% - 4em * 2);
			text-align: center;
			margin-top: 0;
			margin-left: 4em;
			margin-right: 4em;
			vertical-align: top;
			position: relative;
		}

			.vp {
				margin: 0;
				font-size: 48px;
				font-family: "TT Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, Ubuntu, sans-serif;
			}

			.vp.deck-name {
				font-size: 32px;
			}

			.vp-explanation {
				margin: 0;
				font-size: 28px;
				margin-top: 24px;
			}

		.download-layout {
			margin-top: 3em;
		}

			.desktop-qr {
				justify-content: center;
				display: flex;
			}

			.android-button {
				border: 2px solid #A6A6A6;
				font-size: 22px;
				font-weight: 700;
				color: #FFF;
				background: #000;
				display: inline-block;
				border-radius: 9px;
				text-align: center;
				padding: 22.5px 44px;
				vertical-align: top;
				margin-left: 24px;
				font-family: "Karla", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, Ubuntu, sans-serif;
				cursor: pointer;
				outline: none;
			}

			.download-layout.in-content {
				margin-top: calc(4.5em + 4em);
				/* background: #EFEFF4; */
				padding: 4em 0;
				padding-top: 0;
				border-top: 1px solid rgba(0, 0, 0, 0.20);
				border-bottom: 1px solid rgba(0, 0, 0, 0.20);
				text-align: center;
			}

			.download-layout.in-content .reji-icon {
				width: 128px;
				height: 128px;
				background-size: 128px 128px;
				margin: 0 auto;
				position: relative;
				margin-top: calc(-128px / 2 + 5px);
				margin-bottom: 48px;
			}

			.download-layout.in-content .reji-icon img {
				width: 128px;
				height: 128px;
			}

			.app-store-button {
				background: url(../images/app_store.svg);
				display: inline-block;
				width: 253px;
				height: 75px;
				background-size: 253px 75px;
				border: none;
				outline: none;
			}

			.app-store-button.free-version {
				background: rgba(255, 255, 255, 0.95);
					border-radius: 11px;
					height: auto;
					text-align: center;
					color: #000;
					padding: 24px;
					font-size: 32px;
					font-weight: 700;
					text-decoration: none;
			}

			.app-store-button.inline {
				margin: 0 auto;
				margin-top: 64px;
			}

			.in-content .app-store-button {
				margin: 0 auto;
				margin-top: 64px;
			}

			.social-buttons {
				margin-top: 48px;
			}

				.sb {
					width: 64px;
					height: 64px;
					background-size: contain;
					display: inline-block;
				}

				.sb.fb {
					background-image: url(../images/v3/fb-share.png)
				}

				.sb.tw {
					margin-left: 20px;
					background-image: url(../images/v3/tw-share.png)
				}

		.as-rating {
			margin-top: 16px;
		}

			.as-stars {
				background: url(../images/new/rating.svg);
				width: 150px;
				height: 24px;
				background-size: 150px 24px;
				display: inline-block;
			}

			.as-number {
				display: inline-block;
				font-family: "TT Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, Ubuntu, sans-serif;
				font-size: 22px;
				color: #FFF;
				position: relative;
				top: -3px;
				margin-left: 10px;
			}

		.watch-video-link {
			color: #FFF;
				font-size: 19px;
				display: flex;
				align-items: center;
				margin-top: 40px;
		}
		
			.watch-video-link svg {
				margin-right: 10px;
			}

		.scroll-down {
			font-weight: 700;
			font-size: 22px;
			cursor: pointer;
			margin-top: 2.5em;
		}

		.scroll-down.scan-qr-instruction {
			font-weight: 400;
			cursor: default;
		}

	.body-info-layout {
		margin-top: 60px;
	}

	.body-info-layout.centered-w-img {
		text-align: center;
	}

	.body-contents .awards {
				display: block;
			}

			.vp-layout .awards {
				display: none;
			}

	.awards {
		margin-left: calc(32.5% + 4em + 4em);
		margin-top: 16px;
	}

		.award {

		}

		.laurel-leaf {
			background: url(../images/new/laurel.svg);
			width: 50px;
			height: 48px;
			background-size: 50px 48px;
			display: inline-block;
		}

		.award-text {
			display: inline-block;
			margin-left: 16px;
			position: relative;
			top: -6px;
		}

		.award-title {
			font-family: "TT Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, Ubuntu, sans-serif;
			font-size: 22px;
		}

		.award-source {
			font-size: 19px;
		}

	.block {
		margin-top: 4.5em;
	}

		.block:first-of-type {
		}

		.block.greyed-out {
			background: #EFEFF4;
			border-top: 1px solid rgba(0, 0, 0, 0.20);
			border-bottom: 1px solid rgba(0, 0, 0, 0.20);
		}

		.contents {
			display: inline-flex;
			vertical-align: top;
			width: calc(532px - 8px);
			margin-right: 48px;
			flex-direction: column;
			justify-content: center;
			height: 683px;
			position: relative;
		}

		.rtl .contents {
			margin-right: 0;
			margin-left: 40px;
		}

			.contents h2, .full-size-block h2, .download-layout.in-content h2 {
				font-family: "TT Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, Ubuntu, sans-serif;
				font-size: 2.25em;
				/* font-size: 34px; */
				color: #000;
				margin: 0;
			}

			.full-size-block.oranged-out h2 {
				color: #fff;
			}

			.contents h2.pt {
				margin-top: 1em;
			}

			h2.padded-top {
				    margin-top: 64px !important;
			}

			.contents-text {
				font-size: 28px;
				margin-top: 32px;
			}

				.contents-text.hidden-addition-contents {
					display: none;
				}

				.contents-text a {
					color: #FF5500;
				}

				.contents-text a:hover {
					text-decoration: none;
				}

			.contents .more-contents {
				color: #FF5500;
				font-size: 28px;
				font-weight: 700;
				cursor: pointer;
				display: inline-block;
				margin-top: 32px;
			}

				.contents .more-contents:hover {
					text-decoration: underline;
				}

			.contents .look-up-tabber {
				position: absolute;
				text-align: left;
				bottom: 48px;
				width: 100%;
			}

				.look-up-tabber .tab {
					font-family: "TT Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, Ubuntu, sans-serif;
					font-size: 17px;
					display: inline-block;
					padding: 16px;
					border-radius: 11px;
					text-transform: uppercase;
					cursor: pointer;
					user-select: none;
				}

				.look-up-tabber .tab.active {
					background: #FF5500;
					color: #FFF;
				}

			.contents .captions {
				display: none;
				bottom: 2em;
					position: absolute;
					right: 0;
					font-size: 22px;
			}

				.captions .caption {

				}

		.mixed-preview {
			display: flex;
			position: relative;
			margin-top: 2em;
		}

			.ipad-preview {
				width: 85%;
			}
			
				.ipad-preview img {
					width: 100%;
					display: block;
				}
				
			.mixed-preview .iphone-preview {
				position: absolute;
				width: 30%;
				bottom: -24px;
				right: 0;
			}

		.preview {
			display: inline-block;
		}

			.preview.cropped-at-bottom {
				margin-top: 32px;
			}

		.preview .iphone-preview {
			width: 360px;
			height: 683px;
			background-size: contain;
			display: inline-block;
			vertical-align: top;
			background-position: bottom;
			background-repeat: no-repeat;
		}
		
		.iphone-preview.showcase-preview {
			width: 100%;
			height: auto;
			margin-top: 4em;
		}

		.full-size-col .col-text {
			padding: 0px 16px;
		}

		.full-size-col .iphone-preview {
			height: 455px;
		}

		.iphone-preview img {
			width: 100%;
			display: block;
		}
		
		.iphone-preview.live-deck-preview {
			background-image: url(../images/v3/live-deck-preview.png);
		}

		.rtl .preview {
			float: inherit;
		}

			.preview video {
				left: 22px;
				top: 75px;
				position: relative;
			}

	.full-size-block {
		text-align: center;
		margin-top: 4.5em;
	}

	.full-size-block.oranged-out {background: #FF5400;color: #FFF;border-top: 1px solid rgba(0, 0, 0, 0.20);border-bottom: 1px solid rgba(0, 0, 0, 0.20);}

		.full-size-block.oranged-out.showcase {
			margin-top: 0;
			padding-top: 4em;
		}

		.full-size-block .full-size-col {
			display: inline-block;
			width: 360px;
			margin-top: 48px;
		}

	.full-size-block.greyed-out {
		background-image: linear-gradient(180deg, #FFF, #EFEFF4);
			border-bottom: 1px solid rgba(0, 0, 0, 0.20);
	}

		.full-size-block .all-langs, .bold-link {
			margin-top: 32px;
			display: inline-block;
			font-size: 28px;
			color: #FF5500;
			font-weight: 700;
		}

			.full-size-block .all-langs:hover, .bold-link:hover {
				text-decoration: none;
			}

		.full-size-block .features-preview {
			width: 467px;
				height: 572px;
				background: url(../images/new/iphone-features.png);
				background-size: contain;
				margin: 0 auto;
				margin-top: 64px;
				position: relative;
		}

			.feature {
				position: absolute;
			}

			.f-1 {
				left: -211px;
					top: 33px;
			}

			.f-2 {
				top: 344px;
				left: -249px;
			}

			.f-3 {
				left: 345px;
				top: -10px;
			}

				.feature .text-block {
					padding: 24px;
						background: #FF5500;
						border-radius: 11px;
						display: inline-block;
						color: #FFF;
						font-family: "TT Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, Ubuntu, sans-serif;
						font-size: 22px;
						text-align: left;
						width: calc(300px - 24px * 2);
						box-shadow: 0 2px 4px rgba(0, 0, 0, 0.20);
						z-index: 33;
						position: absolute;
				}

				.feature .arrow {
					width: 132px;
					height: 113px;
					background: url(../images/new/arrow.svg);
					background-size: contain;
					position: absolute;
				}

				.arrow.down-right {
					top: 74px;
					left: 142px;
				}

				.arrow.up-right {
					transform: scaleX(-1) rotate(180deg);
						top: -59px;
						left: 180px;
				}

				.arrow.up-left {
					transform: scaleX(-1);
						top: 85px;
						left: 56px;
				}

			.words {
				background: #FFF;	
				font-family: "Karla",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,Ubuntu,sans-serif;
				margin-top: 64px;
			}

				.word-layout {
					padding: 24px;
						padding-bottom: 38px;
						border: 1px solid rgba(0, 0, 0, 0.10);
						border-radius: 11px;
						text-align: left;
						box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.20);
						position: relative;
						margin-top: -14px;
						background: #FFF;
				}

				.word-layout:first-of-type {
					margin-top: 0;
				}

				.word-layout:last-of-type {
					padding-bottom: 16px;
					border-bottom-left-radius: 0;
					border-bottom-right-radius: 0;
				}

					.word {
						font-weight: 700;
							font-size: 22px;
					}
					
					.ipa {
						color: #6d6d72;
							font-size: 17px;
							margin-top: 10px;
					}

					.data {
						margin-top: 24px;
							color: #000;
							font-size: 19px;
					}
					
					.example {
						font-size: 16px;
						margin-top: 24px;
					}

					.word-img {
						margin-top: 24px;
							width: 240px;
							border-radius: 11px;
							border: 1px solid rgba(0, 0, 0, 0.10);
							box-shadow: 0 2px 4px rgba(0, 0, 0, 0.10);
					}

					.more-words {
						position: relative;
						top: -44px;
					}

					.more-words .overlay {
						background: linear-gradient(180deg,rgba(240,240,240,0.1) 0,#f0f0f0 100%);
							height: 220px;
							position: absolute;
							top: -210px;
							width: 100%;
					}
					
					.more-words .wall-text {
						padding: 24px;
						font-weight: 700;
						cursor: pointer;
						user-select: none;
						border-top: 1px solid rgba(0, 0, 0, 0.10);
						box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.20), 0 2px 4px rgba(0, 0, 0, 0.20);
						border-radius: 11px;
						position: relative;
						margin-top: -10px;
						color: #FF5500;
						border-bottom: 1px solid rgba(0, 0, 0, 0.10);
						margin-bottom: 16px;
						background: #FFF;
						font-size: 22px;
					}

		.supporting-icon {
			height: 64px;
			background-size: contain;
			background-repeat: no-repeat;
			margin: 0 auto;
			margin-bottom: 24px;
		}

			.supporting-icon.love {
				width: 72px;
				background-image: url(../images/new/love.svg);
			}

		.testimonials {
			background-color: #FFF;
			border: 1px solid rgba(0, 0, 0, 0.10);
			box-shadow: 0 4px 10px rgba(0, 0, 0, 0.10);
			background-image: url(../images/v3/quote.png);
			background-size: 70px 64px;
			background-repeat: no-repeat;
			background-position: right 48px bottom 40px;
			border-radius: 22px;
			padding: 48px;
			text-align: left;
			color: #000;
			margin-top: 48px;
		}

			.testim {
				font-size: 28px;
			}

				.t-result {
					font-weight: 700;
    				margin-bottom: 24px;
				}

				.t-text {
					font-size: 22px;
				}

				.t-author {
					margin-top: 24px;
					display: flex;
					flex-direction: row;
					align-items: center;
				}

					.t-a-photo {
						display: inline-block;
					}

						.t-a-photo img {
							width: 100px;
							height: 100px;
						}

					.t-a-creds {
						display: inline-block;
						font-size: 22px;
						margin-left: 24px;
					}
			
			.testim-controls {
				text-align: center;
				margin-top: 32px;
				user-select: none;
			}
			
				.testim-control {
					width: 30px;
					height: 25px;
					background-image: url(../images/v4/arrow-right.png);
					background-size: 30px 25px;
					display: inline-block;
					opacity: 0.75;
					cursor: pointer;
					-webkit-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
					transition:         all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
				}
				
					.testim-control:hover {
						opacity: 1.0;
					}
				
				.testim-control.ctrl-left {
					transform: scaleX(-1);
					margin-right: 10px;
				}
				
				.testim-control.ctrl-right {
				
				} 

	.body-info-layout.left-aligned-il {

	}

	 	.body-info-layout a {
			color: #ff5400;
			text-decoration: underline;
		}

		.body-info-layout a:hover {
			text-decoration: none;
		}

		.full-width-img {
			width: 100%;
			margin-top: 48px;
		}

			.full-width-img.cropped {
				width: 85%;
			}

			.full-width-img.no-margin {
				margin: 0;
			}

			.full-width-img.capped-768 {
				max-width: 768px;
			}

		.info-headline {
			margin: 0;
			font-size: 48px;
			text-align: center;
			font-family: "TT Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, Ubuntu, sans-serif;
		}

			.two-col-content .info-headline {
				max-width: 565px;
			}

		.left-aligned-il .info-headline {
			text-align: left;
		}

		.info-note {
			font-size: 22px;
			color: #000;
			width: 636px;
			margin: 0 auto;
			margin-top: 20px;
			font-weight: 400;
			text-align: center;
			word-break: break-word;
		}

		.info-note.small-info-note {
			font-size: 19px;
			text-align: left;
		}

		.left-aligned-il .info-note {
			width: 100%;
		}

		.info-note.black-note {
			color: #000;
		}

		.par {
			margin-top: 24px;
		}

			h4.subheadline {
				font-size: 34px;
				font-family: "TT Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, Ubuntu, sans-serif;
				margin-top: 48px;
				margin-bottom: 24px;
			}
			
			.center {
				text-align: center !important;
			}

			p.supporting-text {
				font-size: 22px;
				margin: 0;
			}

				p.supporting-text span {
					font-weight: 700;
					color: #6d6d72;
				}
				
				/* conjugation tables */
					
				.tabber {
					text-align: center;
				}
				
					.tab {
						display: inline-block;
						font-size: 17px;
						text-transform: uppercase;
						font-weight: 700;
						color: #6d6d72;
						margin-right: 16px;
						cursor: pointer;
					}
					
						.tab.active {
							color: #FF5500;
						}
						
						.tab:last-of-type {
							margin-right: 0;
						}
					
						.tab::after {
							content: "|";
							margin-left: 16px;
							color: #6d6d72;
						}
						
						.tab:last-of-type::after {
							content: "";
							margin-left: 0;
						}
					
				.tables {
					text-align: center;
				}
				
					.table {
						display: none;
						margin-top: 32px;
					}
					
						.table.active {
							display: flex !important;
							justify-content: center;
						}
					
						.table-col {
							display: inline-block;
							vertical-align: top;
						}
						
							.pronoun {
								border-right: 1px solid #c8c7cc;
								text-align: right;
								color: #6d6d72;
								font-size: 17px;
								padding: 16px;
							}
							
							.verb {
								text-align: left;
								font-weight: 700;
								font-size: 28px;
								padding: 16px;
							}
						
							.table-row {
								
							}
				
					.lookup-layout {
						background-color: #FFF;
						border: 1px solid rgba(0, 0, 0, 0.10);
						box-shadow: 0 8px 10px rgba(0, 0, 0, 0.10);
						border-radius: 22px;
						padding: 48px;
						display: flex;
						align-items: center;
						flex-direction: column;
						color: #000;
						margin-top: 48px;
						margin-bottom: 4em;
					}
					
					.autocomplete-suggestions {
						font-family: "Karla", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, Ubuntu, sans-serif !important;
						box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.10) !important;
						border-radius: 11px !important;
						border: 1px solid #c8c7cc !important;
						margin-top: 10px !important;
					}
					
					.autocomplete-suggestion {
						font-size: 17px !important;
						cursor: pointer !important;
						padding-top: 16px !important;
						padding-bottom: 16px !important;
					}
					
					.autocomplete-suggestion b {
						color: #FF5500 !important;
						font-weight: 700 !important;
					}
					
					.lucky-link {
						margin-top: 48px;
						font-size: 17px;
						font-weight: 700;
					}
				
				/* END: conjugation tables */

			.player-wrapper {
				box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
				margin-top: 24px;
			}

			p.quotation-text {
				background: #EFEFF4;
				padding: 32px;
				border-radius: 11px;
				font-size: 19px;
				color: #6d6d72;
				background-image: url(../images/quote.png);
				background-size: 18px 16px;
				background-position: 16px 16px;
				background-repeat: no-repeat;
			}

			.par ul, .par ol {
				font-size: 22px;
			}

				.par ul li, .par ol li {
					margin-bottom: 16px;
				}

			.people {
				margin-top: 48px;
				margin-bottom: 48px;
				display: flex;
				justify-content: center;
			}

				.person {
					display: inline-block;
					width: 380px;
				}

				.person:first-of-type {
					margin-right: 24px;
				}

					.person-pic {
						width: 100%;
						height: 380px;
						object-fit: cover;
						border-radius: 11px;
						box-shadow: 0 2px 3px rgba(0, 0, 0, 0.20);
					}

					.person-name {
						margin-top: 16px;
						font-family: "TT Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, Ubuntu, sans-serif;
						font-size: 22px;

					}

					.person-bio {
						font-size: 19px;
						margin-top: 5px;
					}

			.about-app-store-button {
				margin: 0 auto;
		    width: 263px;
		    margin-top: 24px;
		    margin-bottom: 24px;
			}

		.submenu-column {
			display: inline-block;
			padding: 16px 0;
		    padding-right: 24px;
		    width: calc(210px - 24px);
		    border-right: 1px solid #c8c7cc;
			word-break: break-word;
		}

			.submenu-item {
				font-size: 22px;
				color: #6d6d72;
				margin-bottom: 16px;
				cursor: pointer;
			}

				.submenu-item:hover {
					color: #424242;
				}

			.submenu-item:last-of-type {
					margin-bottom: 48px;
			}

				.submenu-item.active-item {
					color: #000;
					font-weight: 700;
				}

		.two-col-content {
			display: inline-block;
			vertical-align: top;
			margin-left: 20px;
			width: 565px;
		}

			.two-col-content .par {
				margin-top: 16px;
			}

				.two-col-content .par .subheadline {
					margin-top: 0px;
				}

			.two-col-content .gallery {
				text-align: center;
			}

			.two-col-content .two-col-image {
				height: 450px;
		    margin: 24px auto;
				margin-bottom: 0;
		    display: block;
		    border: 1px solid rgba(0, 0, 0, 0.10);
		    border-radius: 6px;
		    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.20);
			}

			.two-col-content .gallery .two-col-image {
				display: inline-block;
				margin-right: 12px;
			}

			.next-section-button {
				color: #00d1c7;
				text-decoration: underline;
				cursor: pointer;
				font-size: 28px !important;
			}

				.next-section-button:hover {
					text-decoration: none;
				}

		ul.reasons-to-use {
			width: 636px;
	    	font-size: 22px;
	    	margin: 0 auto;
	    	margin-top: 48px;
			text-align: left;
		}

			ul.reasons-to-use li {
				margin-bottom: 20px;
			}

		.cards-layout {
			margin-top: 40px;
		}

		.cards-layout.two-col {

		}

			.card {
				display: inline-block;
				width: 388px;
				background: #EFEFF4;
				border-radius: 11px;
				position: relative;
				margin-bottom: 20px;
				vertical-align: top;
			}

			.card:nth-of-type(2n + 1) {
				margin-right: 20px;
			}

			.card.how {
				background-image: linear-gradient(145deg, #ff5400, #9E233F);
				color: #FFF;
				box-shadow: 0 1px 3px rgba(0, 0, 0, 0.20);
			}

			.one-col .card {
				width: 760px;
				margin-right: 0px;
			}

			.three-col .card {
				width: 237px;
			}

			.three-col .card:nth-of-type(2n + 2) {
				margin-right: 20px;
			}

			.thank-you-layout {
				display: none;
			}

				.subtitle {
					text-align: center;
				  	margin-top: 16px;
					font-size: 16px;
					color: #6d6d72;
					text-transform: uppercase;
				}

					.how .subtitle {
						color: rgba(255, 255, 255, 0.75);
					}

				.title {
					font-size: 28px;
					margin: 0 20px;
					text-align: center;
					font-family: "TT Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, Ubuntu, sans-serif;
				}

				.desc {
					margin: 20px 20px;
					font-size: 19px;
					color: #6d6d72;
				}

					.desc a {
						color: #6d6d72;
						text-decoration: underline;
					}

					.desc a:hover {
						text-decoration: none;
					}

				.padded-layout {
					padding: 20px;
				}

				.show-more-features {
					background: #EFEFF4;
					border-radius: 11px;
					padding: 20px;
					text-align: center;
					font-weight: 700;
					cursor: pointer;
					color: #6d6d72;
					transition: all 325ms cubic-bezier(0.215, 0.61, 0.355, 1);
				}

					.show-more-features:hover {
						color: #000;
					}

				.more-features {
					display: none;
				}

				.icon {
					width: 28px;
					height: 28px;
					background-repeat: no-repeat;
					background-position: center;
					position: absolute;
					left: 20px;
					top: 20px;
				}

				.icon.pronunciation-icon {
					background-image: url(../images/pronunciation.png);
					background-size: 23px 26px;
				}

				.icon.custom-icon {
					background-image: url(../images/custom.png);
					background-size: 25px 25px;
				}

				.icon.types-icon {
					background-image: url(../images/types.png);
					background-size: 22px 22px;
				}

				.icon.interactive-icon {
					background-image: url(../images/interactive.png);
					background-size: 23px 28px;
				}

				.icon.check-icon {
					background-image: url(../images/check.png);
					background-size: 26px 22px;
				}

				.icon.langs-icon {
					background-image: url(../images/langs.png);
					background-size: 24px 24px;
				}

				.icon.offline-icon {
					background-image: url(../images/offline.png);
					background-size: 26px 24px;
				}

				.icon.curate-icon {
					background-image: url(../images/curate.png);
					background-size: 26px 22px;
				}

				.icon.market-icon {
					background-image: url(../images/market.png);
					background-size: 27px 24px;
				}

				.icon.consistency-icon {
					background-image: url(../images/consistency.png);
					background-size: 26px 25px;
				}

				.texts-w-icon {
					margin-left: 63px;
					margin-right: 20px;
					margin-top: 20px;
					margin-bottom: 20px;
				}

					.light-title {
						font-size: 22px;
						text-align: left;
						font-family: "TT Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, Ubuntu, sans-serif;
					}

						.how .light-title {
							color: #FFF;
						}

					.light-desc {
						font-size: 17px;
						margin-top: 10px;
						text-align: left;
					}

						.how .light-desc {
							color: #FFF;
						}

						.three-col .light-title, .three-col .light-desc {
							text-align: center;
						}

		#mc-embedded-subscribe-form .security {
			display: none;
		}

		#mc-embedded-subscribe-form .subscribe-field {
			margin-bottom: 60px;
	    text-align: center;
	    margin-top: 20px;
			position: relative;
		}

			#mc-embedded-subscribe-form .email {
				border: 1px solid #c8c7cc;
		    border-radius: 11px;
		    height: 42px;
		    outline: none;
		    padding: 0 20px;
		    font-size: 16px;
				color: #000;
				font-family: "Klara", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, Ubuntu, sans-serif;
				width: calc(636px - 20px * 2);
			}

				#mc-embedded-subscribe-form .email::-webkit-placeholder {
					color: #8e8e93;
				}

			#mc-embedded-subscribe-form .submit {
				position: absolute;
		    right: 92px;
		    top: 12px;
		    border: 0;
				outline: none;
				cursor: pointer;
		    background: transparent;
		    font-size: 16px;
				font-family: "TT Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, Ubuntu, sans-serif;
			}

	.footer {
		background: #EFEFF4;
		border-radius: 11px;
    	padding: 20px;
		margin: 0 20px;
		margin-bottom: 20px;
		margin-left: 0;
		margin-right: 0;
	}

	.footer.stuck-to-top {
		margin-bottom: 0;
		padding: 24px 0;
		border-radius: 0;
	}

	.footer.stuck-to-top .width-container {
		padding: 2em 4em;
	}

	.footer.padded-top {
		margin-top: 60px;
	}

		.col {
			display: inline-block;
			vertical-align: top;
			margin-bottom: 40px;
			margin-right: 48px;
		}
		
		.col:last-of-type {
			margin-right: 0;
		}

			.col-title {
				font-size: 16px;
				text-transform: uppercase;
				margin-bottom: 10px;
				font-weight: 700;
			}

			.col-item {
				font-size: 19px;
				margin-bottom: 10px;
			}

				.col-item a {
					text-decoration: underline;
					color: #6d6d72;
					cursor: pointer;
				}

				.col-item a:hover {
					text-decoration: none;
				}

		.copyright {
			text-align: center;
			/*margin-top: 30px;*/
			font-size: 16px;
			color: #6d6d72;
		}
		
			.copyright a {
				color: #6d6d72;
			}

@media only screen and (min-width: 1000px) and (min-height: 1000px) {
	.app-preview-wrap {
		margin-left: 0;
		width: 44%;
	}

	.app-preview {
		background-size: auto 100%;
	}

	.vp-layout {
	}
}

@media only screen and (min-height: 800px) and (min-width: 1280px) {
	.app-preview-wrap {
		display: inline-flex;
		flex-direction: column;
			justify-content: center;
	}

	.app-preview {
		background-size: 100% auto;
	}

	.body-contents .awards {
		display: none;
	}

	.vp-layout .awards {
		display: block;
	}

	.awards {
			color: #FFF;
		}

		.laurel-leaf {
			background-image: url(../images/new/laurel_white.svg);
		}
}

@media only screen and (max-width: calc(1000px + 4em * 2)) {
	.width-container {
		width: calc(1000px - 4em * 2);
	}

	.app-preview-wrap {
		margin-left: 0;
	}

	.vp-layout {
		margin-right: 0;
	}

	.vp {
		font-size: 48px;
	}
}

@media only screen and (min-width: 840px) and (max-width: 945px) {
	.width-container {
		width: calc(850px - 2em * 2) !important;
		padding: 0 !important;
	}

	.vp-layout {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}

	.award-title {
		    font-size: 19px;
	}

	.block .contents {
		/* width: calc(385px - 8px); */
		/* margin-right: 1em; */
		width: 398px;
		margin-right: 24px;
	}

	.contents-text {
		font-size: 28px;
	}

	.contents .look-up-tabber {
		bottom: 24px;
	}

	.rtl .contents {
		margin-left: 1em;
		margin-right: 0;
	}

	.f-1 {
		left: -200px;
	}

	.f-2 {
		left: -200px;
	}

	.testimonials {
		background-size: 24px 24px;
			background-position: 24px 24px;
	}
}

@media only screen and (min-width: 1400px) {
	.app-preview-wrap {
			display: inline-flex;
			flex-direction: column;
				justify-content: center;
				width: 44%;
				margin-left: 0;
		}

	.app-preview {
		min-width: 320px;
			background: url(../images/new/iphone.png);
			background-repeat: no-repeat;
			background-size: auto 100%;
			float: right;
	}

	.app-preview video {
		right: 6.5%;
	}

	.vp-layout {
		display: inline-flex;
		flex-direction: column;
		justify-content: center;
		min-height: calc(100% - 69px);
		width: calc(100% - 4em * 2);
		margin-top: 0;
		margin-left: 4em;
		margin-right: 4em;
		vertical-align: top;
	}

	.body-contents .awards {
			display: none;
		}

		.vp-layout .awards {
			display: block;
			margin: 0;
			margin-top: 5em;
		}

	.awards {
		color: #FFF;
	}

	.laurel-leaf {
		background-image: url(../images/new/laurel_white.svg);
	}
}

@media only screen and (min-width: 1200px) {

	.preview {
		float: right;
	}

	.showcase .preview {
		float: inherit;
	}

	.rtl .contents {
		float: right;
	}
}

@media screen and (max-width: 840px), screen and (max-height: 590px) and (min-width: 840px) {
	.cookies-warn {
    width: calc(100% - 16px * 2);
    left: 0;
	}

		.cookies-icon {
			display: block;
			margin: 0 auto;
		}

		.cookies-text {
			width: calc(100% - 16px * 2);
	    margin: 0;
	    text-align: center;
	    margin-top: 16px;
		}

		.cookies-close {
			float: inherit;
	    display: block;
	    margin: 0 auto;
	    margin-top: 16px;
		}

	.width-container {
		width: 100% !important;
		position: relative;
		padding: 0 !important;
	}

	.logo {
		margin-left: 8px;
		transform: scale(0.75);
	}

	.menu-open {
		width: 26px;
    height: 16px;
    background: url(../images/menu_open.png);
    background-size: 26px 16px;
    display: inline-block;
    float: right;
    margin-right: 20px;
    margin-top: 8px;
		cursor: pointer;
	}

		.short-top-layout .menu-open {
			margin-top: 14px;
			 background-image: url(../images/menu_open_black.png);
		}

	.menu {
		display: none;
		background: rgba(0, 0, 0, 0.95);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 2;
    top: -10px;
    padding: 20px 0;
	}

	.mobile-get-reji {
		display: block;
    background: #FF5500;
    color: #FFF;
    padding: 24px 0;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    bottom: 0;
    position: fixed;
    width: 100%;
    text-decoration: none;
	}

		.menu-item {
			display: block;
	    width: 100%;
	    text-align: center;
	    margin-bottom: 24px;
		}

		.menu-item a {
			color: #FFF !important;
		}

		.menu-item.active-item a {
			color: #FF5500 !important;
		}

		.menu-close {
			display: block;
			width: 18px;
	    height: 18px;
	    background: url(../images/menu_close.png);
	    background-size: 18px 18px;
			margin: 0 auto;
	    margin-top: 40px;
	    margin-bottom: 60px;
	    cursor: pointer;
		}

.app-preview-wrap {
	margin-left: 0;
		width: 100%;
		display: inline-flex;
		justify-content: center;
		flex-direction: column;
		align-content: center;
		align-items: center;
		text-align: center;
}

.app-preview {
	margin: 0 auto;
	width: 100%;
	display: flex;
	background-position: center;
	background-size: auto 100%;
	justify-content: center;
}

.app-preview video {
	right: auto;
}

	.vp-layout {
		width: calc(100% - 2em * 2);
		margin-left: 0;
		margin-right: 0;
		padding: 0 2em;
		text-align: center;
		min-height: calc(100% - 92px - 48px);
		margin-top: 24px;
	}

	.vp {
		font-size: 40px;
		font-family: "TT Bold", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, Ubuntu, sans-serif;
	}

	.vp-explanation {
		font-size: 28px;
		padding: 0px;
	}

	.download-layout {
		margin-top: 3em;
	}

	.app-store-button {
		margin: 0 auto;
	}

	.app-store-button.free-version {
		background: #FF5500 !important;
			color: #FFF !important;
	}

	.as-rating {
		margin-bottom: 3em;
	}

	.watch-video-link {
		margin-top: 0;
		margin-bottom: 3em;
	}

	.as-number {
	}

	.vp-layout .awards {
		display: block;
		margin: 0;
		margin-top: 3em;
	}

	.vp-layout .awards .laurel-leaf {
		display: block;
		margin: 0 auto;
	}

	.vp-layout .awards .award-text {
		top: 10px;
		margin: 0;
	}

	.body-contents .awards {
		display: none;
	}

	.body-info-layout {
		margin-left: 20px;
    margin-right: 20px;
	}

	.body-info-layout.centered-w-img {
		margin-bottom: 72px;
	}

	.block {
		padding: 2em;
		padding-top: 4em;
		padding-bottom: 0;
		margin-top: 0;
	}

	.contents {
		width: 100%;
		margin-right: 0;
		text-align: center;
		height: auto;
		margin-bottom: 2em;
	}

	.look-up-tabber {
		position: initial !important;
		margin: 4em 0;
		text-align: center !important;
	}

	.preview {
		float: inherit;
		margin: 0 auto;
		display: flex;
		justify-content: center;
	}
	
		.preview.cropped-at-bottom {
			display: block;
		}
	
		.block-before-preview .preview {
			padding-bottom: 6em;
		}

	.full-size-col-1 {
		border-bottom: 1px solid rgba(0, 0, 0, 0.10);
	}

	.rtl .preview {
		margin: 0 auto;
	}

	.rtl .contents {
		margin: 0;
		float: inherit;
		width: 100%;
		text-align: center;
		margin-bottom: 2em;
	}

	.full-size-block {
		padding-left: 3em;
		padding-right: 3em;
	}


	.full-size-block .features-preview {
		background-position: bottom;
		width: 100%;
		background-repeat: no-repeat;
	}

	.live-deck-preview {
		width: 100% !important;
		background: transparent !important;
		height: auto !important;
	}

	.words {
		left: -2em;
		width: calc(100% + 2em * 2);
		height: auto;
		overflow: hidden;
		position: inherit;
	}
	
	.word-layout:first-of-type {
		margin-top: 5px;
	}

	.more-words:last-child {

	}

	.testimonials {
		background-size: 24px;
		background-position: 16px 16px;
		padding: 24px;
		padding-top: 64px;
	}

	.download-layout.in-content {
		margin: 0;
		margin-top: 8em !important;
		padding-left: 3em;
		padding-right: 3em;
	}

	.footer.stuck-to-top .width-container {
		padding: 1em 0;
	}

	.body-info-layout.centered-w-img {

	}

	.preview-video-layout {
		display: none;
	}

	.submenu-column {
		display: block;
	    width: 100%;
	    border-bottom: 1px solid #c8c7cc;
	    border-right: 0;
	    padding-right: 0;
	    padding-bottom: 24px;
	    margin-bottom: 60px;
	}

	.full-width-img {
		width: 100%;
	}

	.info-headline {
		font-size: 36px;
	}

	.info-note {
		width: 100%;
	}

	.reasons-to-use {
		width: auto !important;
	}

	.cards-layout {
		margin-left: 0px;
	}

	.card {
		margin-right: 0px;
		width: 100% !important;
	}

	.title {
		text-align: left;
	}

	.two-col-content {
		width: auto;
	}

		.two-col-content .info-headline {
			width: auto;
		}

	.people {
		display: block;
		text-align: center;
		margin-bottom: 8em;
	}

	.person {
		margin-bottom: 24px;
		width: auto;
		margin-right: 0 !important;
	}

		.person .person-pic {
			width: calc(100% - 16px * 2);
		}

	#mc-embedded-subscribe-form .email {
		width: calc(100% - 20px * 2);
	}

	#mc-embedded-subscribe-form .submit {
		right: 1%;
	}

	.footer {
		border-radius: 0;
		margin-bottom: 0;
		padding-left: 2em !important;
		padding-right: 2em !important;
	}

	@media only screen and (max-width: 568px) {
		.catchy-top-layout {
			height: auto;
			max-height: auto;
			position: inherit;
		}
		
		.body-contents {
			position: inherit;
		}
		
		.vp-layout {
			/*margin-top: 25px;*/
		}

		.vp {
			font-size: 34px !important;
		}

		.vp-explanation {
			font-size: 22px;
			padding: 0px;
		}

		.download-layout {

		}

		.app-store-button {
			width: 200px;
			height: 59px;
			background-size: 200px 59px;
		}

		.android-button {
			margin-left: 0;
    		margin-top: 10px;
		}
		
		.showcase-preview {
			position: relative;
			left: -2em;
			width: calc(100% + 4em);
			margin-top: 2em;
		}
		
			.showcase-preview img {
				width: calc(100% + 4em);
			}

		.preview .iphone-preview,
		.full-size-block .full-size-col {
			width: 100%;
			height: auto;
			margin-top: 2em;
		}
		
		.cropped-at-bottom .iphone-preview {
			margin-top: 0;
		}

		.preview.cropped-at-bottom {
			display: block;
		}

		.full-size-block {
			padding-left: 2em;
			padding-right: 2em;
			text-align: left;
		}

		.full-size-col-1 {
			border-bottom: 2px solid rgba(0, 0, 0, 0.10);
		}
		
		.contents {
			text-align: left !important;
		}
		
		.contents h2, .full-size-block h2, .download-layout.in-content h2 {
			font-size: 2em;
		}
		
		.contents-text {
			font-size: 22px;
		}
		
		.testimonials {
			margin-bottom: 0;
		}

		.t-a-photo img {
			width: 64px;
			height: 64px;
		}
		
		.mixed-preview {
			position: relative;
			margin-top: 2em;
			height: 445px;
		}
		
		.ipad-preview {
			width: 100%;
			position: absolute;
			right: -2em;
			min-width: 500px;
		}
		
		.mixed-preview .iphone-preview {
			bottom: 0;
			width: 75%;
			right: -1em;
		}
		
		@media only screen and (max-width: 320px) {
			.block {
				
			}
		}
	}
}