* {
	font-family: 'Roboto', sans-serif;
}

.only-640 {
	display: unset;
}

.only-1000 {
	display: none;
}

.only-1920 {
	display: none;
}

@media only screen and (min-width: 641px) {
	.only-640 {
		display: none;
	}

	.only-1000 {
		display: unset;
	}

	.only-1920 {
		display: none;
	}
}

@media only screen and (min-width: 1001px) {
	.only-640 {
		display: none;
	}

	.only-1000 {
		display: none;
	}

	.only-1920 {
		display: unset;
	}
}

.title-image-container {
	margin-top: 56px;
	position: relative;
	text-align: center;
}

@media only screen and (max-width: 336px) {
	.title-image-container {
		margin-top: 85px;
	}
}

.title-image {
	width: 100%;
	object-fit: contain;
}

.title-text {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0;
	font-size: 19px;
	color: black;
	transform: translate(-50%, -50%);
}

@media only screen and (min-width: 410px) {
	.title-text {
		font-size: 22px;
	}
}

@media only screen and (min-width: 570px) {
	.title-text {
		font-size: 31px;
	}
}

@media only screen and (min-width: 710px) {
	.title-text {
		font-size: 37px;
	}
}

@media only screen and (min-width: 860px) {
	.title-text {
		font-size: 41px;
	}
}

@media only screen and (min-width: 960px) {
	.title-text {
		font-size: 50px;
	}
}

@media only screen and (min-width: 1001px) {
	.title-text {
		font-size: 34px;
		transform: translate(-80%, -50%);
	}
}

@media only screen and (min-width: 1250px) {
	.title-text {
		font-size: 43px;
	}
}

@media only screen and (min-width: 1450px) {
	.title-text {
		font-size: 50px;
	}
}

@media only screen and (min-width: 1500px) {
	.title-text {
		transform: translate(-83%, -50%);
	}
}

@media only screen and (min-width: 1700px) {
	.title-text {
		transform: translate(-90%, -50%);
	}
}

.title-text-bold {
	font-weight: 700;
}

.title-text-thin {
	font-weight: 100;
}

.download-outer-container {
	margin-top: 36px;
	text-align: center;
}

@media only screen and (min-width: 641px) {
	.download-outer-container {
		margin-top: 66px;
	}
}

.download-container {
	display: inline-block;
}

.download-text {
	margin: 0;
	font-size: 34px;
	font-weight: 700;
	text-align: left;
}

@media only screen and (min-width: 641px) {
	.download-text {
		font-size: 45px;
	}
}

@media only screen and (min-width: 1001px) {
	.download-text {
		font-size: 45px;
		transform: translateX(-70px);
	}
}

.download-content-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	margin-top: 14px;
}

.download-button-container {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}

@media only screen and (min-width: 641px) {
	.download-content-container {
		margin-top: 4px;
	}
}

@media only screen and (min-width: 1001px) {
	.download-content-container {
		flex-direction: row;
		align-items: flex-start;
		margin-top: 16px;
	}

	.download-button-container {
		flex-direction: column;
	}
}

.download-button {
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
	justify-content: flex-start;
	position: relative;
	width: 155px;
	height: 181px;
	background-color: transparent;
	transition: background-color 0.2s;
	cursor: pointer;
}

.download-button:hover {
	background-color: #e6e6e6;
}

.download-button.selected {
	background-color: #f2f2f2;
}

@media only screen and (min-width: 641px) {
	.download-button {
		width: 260px;
		height: 231px;
	}
}

@media only screen and (min-width: 1001px) {
	.download-button {
		justify-content: center;
		width: 230px;
		height: 314px;
	}
}

.download-button-image {
	flex-basis: 0;
	flex-grow: 1;
	flex-shrink: 1;
	object-fit: contain;
	object-position: bottom;
}

@media only screen and (min-width: 1001px) {
	.download-button-image {
		flex-basis: auto;
		flex-grow: 0;
		flex-shrink: 0;
	}

	.download-button-image.app {
		margin-top: 40px;
	}
}

.download-button-text-container {
	flex-basis: auto;
	flex-grow: 0;
	flex-shrink: 0;
	margin-top: 8px;
	width: 100%;
	text-align: center;
}

.download-button-text-title {
	font-size: 16px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #808080;
	transition: color 0.2s;
}

.download-button-text-text {
	margin: 0;
	padding-top: 4px;
	padding-bottom: 15px;
	font-size: 14px;
	font-weight: 100;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #b3b3b3;
	transition: color 0.2s;
}

.download-button:hover .download-button-text-title,
.download-button.selected .download-button-text-title {
	color: black;
}

.download-button:hover .download-button-text-text,
.download-button.selected .download-button-text-text {
	color: #666666;
}

@media only screen and (min-width: 641px) {
	.download-button-text-container {
		margin-top: 11px;
	}

	.download-button-text-text {
		padding-top: 8px;
		padding-bottom: 27px;
		font-size: 16px;
		color: #838383;
	}

	.download-button-text-text.app {
		padding-top: 6px;
		padding-bottom: 20px;
	}
}

@media only screen and (min-width: 1001px) {
	.download-button-text-container {
		margin-top: 15px;
	}

	.download-button-text-text {
		padding-top: 10px;
		padding-bottom: 0;
	}

	.download-button-text-text.app {
		padding-top: 10px;
	}
}

.download-content {
	width: 100%;
}

@media only screen and (min-width: 1001px) {
	.download-content {
		width: 600px;
	}
}

.download-content-app-button-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: 47px;
}

.download-content-app-button-container>*+* {
	margin-top: 23px;
}

@media only screen and (min-width: 641px) {
	.download-content-app-button-container {
		margin-top: 107px;
	}

	.download-content-app-button-container>*+* {
		margin-top: 29px;
	}
}

@media only screen and (min-width: 1001px) {
	.download-content-app-button-container {
		flex-direction: row;
		margin-top: 125px;
	}

	.download-content-app-button-container>*+* {
		margin-top: 0;
		margin-left: 40px;
	}
}

.download-content-collector-step-container {
	margin-top: 26px;
}

.download-content-collector-step+.download-content-collector-step {
	margin-top: 20px;
}

@media only screen and (min-width: 641px) {
	.download-content-collector-step-container {
		margin-top: 39px;
	}

	.download-content-collector-step+.download-content-collector-step {
		margin-top: 20px;
	}
}

@media only screen and (min-width: 1001px) {
	.download-content-collector-step-container {
		margin-top: 15px;
	}
}

.download-content-collector-step-title {
	font-size: 16px;
	font-weight: 300;
	line-height: normal;
	color: black;
}

.download-content-collector-step-title-strong {
	font-weight: 500;
	color: #ee1e3a;
}

.download-content-collector-button-container {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.download-content-collector-button-container>*+* {
	margin-left: 9px;
}

.download-content-collector-button {
	border: 0;
	width: 130px;
	height: 35px;
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.download-content-collector-button.windows {
	background-image: url('images/windows640.png');
}

.download-content-collector-button.mac {
	background-image: url('images/macos640.png');
}

.download-content-collector-button.basic {
	background-image: url('images/basic640.png');
}

.download-content-collector-button.professional {
	background-image: url('images/professional640.png');
}

.download-content-collector-button.windows:hover,
.download-content-collector-button.windows.selected {
	background-image: url('images/windows640-over.png');
}

.download-content-collector-button.mac:hover,
.download-content-collector-button.mac.selected {
	background-image: url('images/macos640-over.png');
}

.download-content-collector-button.basic:hover,
.download-content-collector-button.basic.selected {
	background-image: url('images/basic640-over.png');
}

.download-content-collector-button.professional:hover,
.download-content-collector-button.professional.selected {
	background-image: url('images/professional640-over.png');
}

@media only screen and (min-width: 641px) {
	.download-content-collector-button {
		width: 148px;
		height: 40px;
	}

	.download-content-collector-button.windows {
		background-image: url('images/windows1000.png');
	}

	.download-content-collector-button.mac {
		background-image: url('images/macos1000.png');
	}

	.download-content-collector-button.basic {
		background-image: url('images/basic1000.png');
	}

	.download-content-collector-button.professional {
		background-image: url('images/professional1000.png');
	}

	.download-content-collector-button.windows:hover,
	.download-content-collector-button.windows.selected {
		background-image: url('images/windows1000-over.png');
	}

	.download-content-collector-button.mac:hover,
	.download-content-collector-button.mac.selected {
		background-image: url('images/macos1000-over.png');
	}

	.download-content-collector-button.basic:hover,
	.download-content-collector-button.basic.selected {
		background-image: url('images/basic1000-over.png');
	}

	.download-content-collector-button.professional:hover,
	.download-content-collector-button.professional.selected {
		background-image: url('images/professional1000-over.png');
	}
}

.download-content-collector-form-container {
	margin-top: 12px;
}

.download-content-collector-form-description {
	margin: 0 0 4px 0;
	font-size: 13px;
	font-weight: 300;
	line-height: normal;
	color: #808080;
}

.download-content-collector-form-input {
	border: 1px solid #808080;
	padding: 2px 4px;
	width: 232px;
	height: 27px;
	font-size: 13px;
	color: black;
	vertical-align: top;
}

.download-content-collector-form-spliter {
	margin: 0 0 6px 0;
	font-size: 17.5px;
	font-weight: 500;
	line-height: normal;
	color: #808080;
}

.download-content-collector-form-input::placeholder {
	font-size: 13px;
	font-weight: 300;
	line-height: normal;
	color: #cccccc;
}

.download-content-collector-form-button {
	margin-left: 8px;
	border: 0;
	width: 70px;
	height: 27px;
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url('images/enter640-over.png');
}

.download-content-collector-form-button:disabled {
	background-image: url('images/enter640.png');
}

.download-content-collector-form-udid-help {
	margin-top: 8px;
	font-size: 13px;
	font-weight: 300;
	line-height: normal;
	color: #999999;
}

.download-content-release-info-container {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin-top: 17px;
	margin-bottom: 17px;
	font-size: 12px;
	font-weight: 500;
	line-height: 17px;
}

.download-content-release-info-header-container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

.download-content-release-info-header {
	color: #666666;
}

.download-content-release-info-content-container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	margin-left: 10px;
}

.download-content-release-info-content {
	color: #323232;
}

.download-content-contact {
	margin: 25px 0 0 0;
	font-size: 13px;
	font-weight: 300;
	line-height: normal;
	color: #999999;
}

@media only screen and (min-width: 641px) {
	.download-content-collector-form-description {
		font-size: 15px;
	}

	.download-content-collector-form-input {
		padding: 3px 5px;
		width: 301px;
		height: 31px;
		font-size: 15px;
	}

	.download-content-collector-form-spliter {
		font-size: 20px;
	}

	.download-content-collector-form-input::placeholder {
		font-size: 15px;
	}

	.download-content-collector-form-button {
		margin-left: 15px;
		width: 79px;
		height: 31px;
		background-image: url('images/enter1000-over.png');
	}

	.download-content-collector-form-button:disabled {
		background-image: url('images/enter1000.png');
	}

	.download-content-collector-form-udid-help {
		margin-top: 10px;
		font-size: 15px;
	}

	.download-content-release-info-container {
		margin-top: 20px;
		margin-bottom: 20px;
		font-size: 14px;
		line-height: 20px;
	}

	.download-content-release-info-content-container {
		margin-left: 20px;
	}

	.download-content-contact {
		margin: 28px 0 0 0;
		font-size: 15px;
	}
}

.download-content-contact-address {
	color: #ff0000;
}

button:focus {
	outline: none;
}