@font-face { font-family: Caveat;  src: url(/css/fonts/Caveat/Caveat-VariableFont_wght.ttf); }

body
{
	overflow-x: hidden;
}
.C_MASTER > .C_MASTER_HEAD > div > div.C_LOGO
{
	position: relative;
	top: 10px;
}
.C_MASTER > .C_MASTER_BODY
{
	border-top: 0px;
}
.C_MASTER > .C_MASTER_BODY > .C_MASTER_CONTENT
{
	width: 100%;
}
#mainboard
{
}
#mainboard > section
{
}
#mainboard > section.C_PART1
{
	margin-left: CALC(50% - 512px);
	background-color: var(--main-sub-color);
	border-radius: 24px 0px 0px 24px;
}
#mainboard > section.C_PART1 > div
{
	position: relative;
	padding: 80px 0px 80px 60px;
	width: 1024px;
}
#mainboard > section.C_PART1 > div > h1
{
	margin: 0px;
	padding: 0px;
	display: block;
	width: 70%;

	background: linear-gradient(90deg, #2892A1, #0F3D44);
	background-clip: text;
	color: transparent;
	font-size: 36px;
	line-height: 48px;
	font-weight: bold;
	
	opacity: 0;
    transition: all 1s ease-in-out;
}
#mainboard[started] > section.C_PART1 > div > h1
{
	opacity: 1;
}
#mainboard > section.C_PART1 > div > h2
{
	margin: 20px 0px 0px 0px;
	padding: 0px;
	display: block;
	width: 46%;

	color: #000000;
	font-family: Caveat;
	font-weight: 100;
	font-size: 34px;
	line-height: 34px;

	opacity: 0;
    transition: all 1s ease-in-out;
}
#mainboard[started="2"] > section.C_PART1 > div > h2
{
	opacity: 1;
}
#mainboard > section.C_PART1 > div > div.C_CONNECT
{
	width: 40%;
	margin: 80px 0px 0px 0px;
}

#mainboard > section.C_PART1 > div > div.C_TUTORIAL
{
	position: absolute;
	right: 0%;
	top: 20px;
}
#mainboard > section.C_PART1 > div > div.C_TUTORIAL > a
{
	position: relative;
	display: block;
	width: 320px;
}
#mainboard > section.C_PART1 > div > div.C_TUTORIAL > a > img
{
	width: 320px;
	height: 180px;
}
#mainboard > section.C_PART1 > div > div.C_TUTORIAL > a > i.fa
{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	font-size: 50px;
	color: #FFFFFF;
}
#mainboard > section.C_PART1 > div > div.C_TUTORIAL > a:hover > i.fa
{
	transform: translateX(-50%) translateY(-50%) scale(1.2);
	text-shadow: 0px 0px 10px #FFFFFF;
}
#mainboard > section.C_PART1 > div > div.C_TUTORIAL > a > font
{
	position: absolute;
	right: 14px;
	top: 40px;
    transform: rotate(15deg);
	text-shadow: 4px 4px 7px #FFFFFF;
	font-weight: bold;
	font-size: 50px;
	color: #FFFFFF;
}
#mainboard > section.C_PART1 > div > div.C_TUTORIAL > span
{
	display: block;
	width: 320px;
	color: #000000;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	text-align: right;
}

#mainboard > section.C_PART1 > div > div.C_MOCKUP
{
	position: absolute;
	left: 53%;
	top: -30px;
}
#mainboard > section.C_PART1 > div > div.C_MOCKUP > div.C_VIEW
{
	position: absolute;
	display: inline-block;
	width: CALC(390px * 0.5);
	height: CALC(844px * 0.5);
	overflow: hidden;
	border-radius: 16px;
	box-shadow: 0px 0px 2px 4px #FFFFFF;
	z-index: 1;
	
	background-repeat: no-repeat;
	background-position: 100% 0px;
	background-size: cover;
	transform: scale(0);
}
body:NOT([mobile="1"]) #mainboard > section.C_PART1 > div > div.C_MOCKUP > div.C_VIEW
{
	transition: all 1s ease-in-out;
}
#mainboard > section.C_PART1 > div > div.C_MOCKUP > div.C_VIEW[show="1"]
{
	transform: scale(1);
}
#mainboard > section.C_PART1 > div > div.C_MOCKUP:NOT([viewindex]) > div.C_VIEW:hover
,#mainboard > section.C_PART1 > div > div.C_MOCKUP:NOT([viewindex]) > div.C_VIEW[animate="1"]
,#mainboard > section.C_PART1 > div > div.C_MOCKUP[viewindex="0"] > div.C_VIEW[view="1"]
,#mainboard > section.C_PART1 > div > div.C_MOCKUP[viewindex="1"] > div.C_VIEW[view="2"]
,#mainboard > section.C_PART1 > div > div.C_MOCKUP[viewindex="2"] > div.C_VIEW[view="3"]
,#mainboard > section.C_PART1 > div > div.C_MOCKUP[viewindex="3"] > div.C_VIEW[view="4"]
,#mainboard > section.C_PART1 > div > div.C_MOCKUP[viewindex="4"] > div.C_VIEW[view="5"]
{
	-webkit-animation: horitalSlide 10s infinite;
	-moz-animation: horitalSlide 10s infinite;
	background-size: 150%;
}

@-webkit-keyframes horitalSlide
{
	0%		{	background-position: 0% 0px; }
	25%		{	background-position: 20% 0px; }
	40%		{	background-position: 100% 0px; }
	50%		{	background-position: 0% 0px; }
	90%		{	background-position: 0% 100%; }
	100%	{	background-position: 0% 0px; }
}
@-moz-keyframes horitalSlide
{
	0%		{	background-position: 0% 0px; }
	25%		{	background-position: 20% 0px; }
	40%		{	background-position: 100% 0px; }
	50%		{	background-position: 0% 0px; }
	90%		{	background-position: 0% 100%; }
	100%	{	background-position: 0% 0px; }
}

#mainboard > section.C_PART1 > div > div.C_MOCKUP > div.C_VIEW[view="1"] { left: 0px; top: 200px; }
#mainboard > section.C_PART1 > div > div.C_MOCKUP > div.C_VIEW[view="2"] { left: 220px; top: -30px; }
#mainboard > section.C_PART1 > div > div.C_MOCKUP > div.C_VIEW[view="3"] { left: 220px; top: 420px; }
#mainboard > section.C_PART1 > div > div.C_MOCKUP > div.C_VIEW[view="4"] { left: 440px; top: 30px; }
#mainboard > section.C_PART1 > div > div.C_MOCKUP > div.C_VIEW[view="5"] { left: 440px; top: 480px; }

@media screen and (min-width: 800px)
{
	#mainboard > section.C_PART1 > div > div.C_MOCKUP[view="fanning"] > div.C_VIEW[view]:NOT([show="1"])
	{
		display: none;
	}
	#mainboard > section.C_PART1:NOT(:hover) > div > div.C_MOCKUP[view="fanning"] > div.C_VIEW[view]
	{
		left: 0px !important;
		top: 270px !important;
		transform: rotate(-8deg) !important;
	}
	#mainboard > section.C_PART1 > div > div.C_MOCKUP[view="fanning"] > div.C_VIEW[view="1"]
	{
		left: 0px;		top: 270px;	transform: rotate(-8deg);	z-index: 5;
	}
	#mainboard > section.C_PART1 > div > div.C_MOCKUP[view="fanning"] > div.C_VIEW[view="2"]
	{
		left: 70px;		top: 280px;	transform: rotate(2deg);	z-index: 4;
	}
	#mainboard > section.C_PART1 > div > div.C_MOCKUP[view="fanning"] > div.C_VIEW[view="3"]
	{
		left: 130px;	top: 300px;	transform: rotate(12deg);	z-index: 3;
	}
	#mainboard > section.C_PART1 > div > div.C_MOCKUP[view="fanning"] > div.C_VIEW[view="4"]
	{
		left: 180px;	top: 320px;	transform: rotate(20deg);	z-index: 2;
	}
	#mainboard > section.C_PART1 > div > div.C_MOCKUP[view="fanning"] > div.C_VIEW[view="5"]
	{
		left: 220px;	top: 350px; transform: rotate(32deg); z-index: 1;
	}
	#mainboard > section.C_PART1 > div > div.C_MOCKUP[view="fanning"] > div.C_VIEW[view][stickingout="1"]
	{
		top: 100px;
		transform: rotate(0deg) scale(1.2);
		z-index: 6;
	}
}
#mainboard > section.C_PART1 > div > div.C_MOCKUP > div.C_VIEW[view="1"] { background-image: url(/images/front/mockup/screen-01-390x844.jpg); }
#mainboard > section.C_PART1 > div > div.C_MOCKUP > div.C_VIEW[view="2"] { background-image: url(/images/front/mockup/screen-02-390x844.jpg); }
#mainboard > section.C_PART1 > div > div.C_MOCKUP > div.C_VIEW[view="3"] { background-image: url(/images/front/mockup/screen-03-390x844.jpg); }
#mainboard > section.C_PART1 > div > div.C_MOCKUP > div.C_VIEW[view="4"] { background-image: url(/images/front/mockup/screen-04-390x844.jpg); }
#mainboard > section.C_PART1 > div > div.C_MOCKUP > div.C_VIEW[view="5"] { background-image: url(/images/front/mockup/screen-05-390x844.jpg); }
#mainboard > section.C_PART1 > div > div.C_MOCKUP > div.C_VIEW[view="1"] > div { background-image: url(/images/front/mockup/screen-01-390x844.jpg); }
#mainboard > section.C_PART1 > div > div.C_MOCKUP > div.C_VIEW[view="2"] > div { background-image: url(/images/front/mockup/screen-02-390x844.jpg); }
#mainboard > section.C_PART1 > div > div.C_MOCKUP > div.C_VIEW[view="3"] > div { background-image: url(/images/front/mockup/screen-03-390x844.jpg); }
#mainboard > section.C_PART1 > div > div.C_MOCKUP > div.C_VIEW[view="4"] > div { background-image: url(/images/front/mockup/screen-04-390x844.jpg); }
#mainboard > section.C_PART1 > div > div.C_MOCKUP > div.C_VIEW[view="5"] > div { background-image: url(/images/front/mockup/screen-05-390x844.jpg); }

#mainboard > section.C_PART1 > div > div.C_MOCKUP > div.C_VIEW > div
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: CALC(390px * 0.5);
	height: CALC(844px * 0.5);
	border-radius: 16px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transition: all 1s ease-in-out;
	opacity: 1;
}
#mainboard > section.C_PART1 > div > div.C_MOCKUP > div.C_VIEW:hover > div
,#mainboard > section.C_PART1 > div > div.C_MOCKUP > div.C_VIEW[animate="1"] > div
,#mainboard > section.C_PART1 > div > div.C_MOCKUP[viewindex="0"] > div.C_VIEW[view="1"] > div
,#mainboard > section.C_PART1 > div > div.C_MOCKUP[viewindex="1"] > div.C_VIEW[view="2"] > div
,#mainboard > section.C_PART1 > div > div.C_MOCKUP[viewindex="2"] > div.C_VIEW[view="3"] > div
,#mainboard > section.C_PART1 > div > div.C_MOCKUP[viewindex="3"] > div.C_VIEW[view="4"] > div
,#mainboard > section.C_PART1 > div > div.C_MOCKUP[viewindex="4"] > div.C_VIEW[view="5"] > div
{
	transform: scale(2) translateY(0%) translateX(0%);
	opacity: 0;
}
#mainboard > section.C_PART1 > div > div.C_MOCKUP > div.C_VIEW > div
{
}

#mainboard > section.C_PART1 > div > div.C_BENEFITS
{
	width: 45%;
	margin: 100px 0px 0px 0px;
}


#mainboard > section.C_PART2
{
}
#mainboard > section.C_PART2 > div
{
	width: 1024px;
	margin: 160px auto 0px auto;
}
#mainboard > section.C_PART2 > div > h1
{
	margin: 0px;
	color: var(--main-color);
	font-size: 30px;
}
#mainboard > section.C_PART2 > div > div.C_FEATURES
{
	display: flex;
	flex-wrap: wrap;
	margin: 0px 0px 0px 0px;
}
#mainboard > section.C_PART2 > div > div.C_FEATURES > span
{
	position: relative;
	margin: 60px 0px 0px 0px;
	padding: 0px 0px 0px 50px;
	width: 48%;
}
#mainboard > section.C_PART2 > div > div.C_FEATURES > span > i.fa
{
	position: absolute;
	left: 0px;
	top: 8px;
	width: 40px;
	text-align: center;
	color: var(--main-color);
	font-size: 32px;
}
#mainboard > section.C_PART2 > div > div.C_FEATURES > span > font
{
	color: var(--main-sub-color);
	font-size: 20px;
	line-height: 24px;
}
#mainboard > section.C_PART2 > div > div.C_TESTIMONIALS
{
	margin: 120px 0px 0px 0px;
}
#mainboard > section.C_PART2 > div > div.C_TESTIMONIALS > h2
{
	margin: 0px;
	text-align: center;
	color: var(--main-color);
	font-size: 30px;
}
#mainboard > section.C_PART2 > div > div.C_TESTIMONIALS > div.C_DETAILS
{
	margin: 40px auto 0px auto;
	padding: 0px;
	width: 60%;
}
#mainboard > section.C_PART2 > div > div.C_TESTIMONIALS > div.C_DETAILS p
{
	margin: 0px;
	text-align: center;
	color: var(--main-sub-color);
	font-size: 20px;
	line-height: 24px;
}
#mainboard > section.C_PART2 > div > div.C_TESTIMONIALS > div.C_FACES
{
	margin: 40px 0px 0px 0px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}
#mainboard > section.C_PART2 > div > div.C_TESTIMONIALS > div.C_FACES > span
{
	display: inline-block;
	width: 60px;
	height: 60px;
	background-size: cover;
	margin: 0px 8px 0px 8px;
}
#mainboard > section.C_PART2 > div > div.C_TESTIMONIALS > div.C_FACES > span.C_FACE1 { background-image: url(/images/front/mockup/Testimonials-face-01.png); }
#mainboard > section.C_PART2 > div > div.C_TESTIMONIALS > div.C_FACES > span.C_FACE2 { background-image: url(/images/front/mockup/Testimonials-face-02.png); }
#mainboard > section.C_PART2 > div > div.C_TESTIMONIALS > div.C_FACES > span.C_FACE3 { background-image: url(/images/front/mockup/Testimonials-face-03.png); }
#mainboard > section.C_PART2 > div > div.C_TESTIMONIALS > div.C_FACES > span.C_FACE4 { background-image: url(/images/front/mockup/Testimonials-face-04.png); }
#mainboard > section.C_PART2 > div > div.C_TESTIMONIALS > div.C_FACES > span.C_FACE5 { background-image: url(/images/front/mockup/Testimonials-face-05.png); }

#mainboard > section.C_PART3
{
	margin: 120px 0px 0px 0px;

	margin-right: CALC(50% - 512px);
	padding-left: CALC(50% - 512px);
	background-color: var(--main-sub-color);
	border-radius: 0px 24px 24px 0px;
}
#mainboard > section.C_PART3 > div
{
	white-space: nowrap;
	font-size: 0px;
	text-align: center;
	padding: 40px;
}
#mainboard > section.C_PART3 > div > div.C_FLAP
{
	width: 450px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	white-space: normal;
}
#mainboard > section.C_PART3 > div > div.C_FLAP[flap="1"]
{
	position: relative;
	top: -100px;
}
#mainboard > section.C_PART3 > div > div.C_FLAP + div.C_FLAP
{
	margin-left: 20px;
}
#mainboard > section.C_PART3 > div > div.C_FLAP > div.C_TESTIMONIAL
{
	padding: 32px;
	border-radius: 32px;
	background-color: #FFFFFF;
}
#mainboard > section.C_PART3 > div > div.C_FLAP > div.C_TESTIMONIAL + div.C_TESTIMONIAL
{
	margin-top: 20px;
}
#mainboard > section.C_PART3 > div > div.C_FLAP > div.C_TESTIMONIAL > div
{
}
#mainboard > section.C_PART3 > div > div.C_FLAP > div.C_TESTIMONIAL > div p
{
	margin: 0px;
	font-size: 16px;
	line-height: 28px;
}
#mainboard > section.C_PART3 > div > div.C_FLAP > div.C_TESTIMONIAL > div p
,#mainboard > section.C_PART3 > div > div.C_FLAP > div.C_TESTIMONIAL > div p *
{
	color: var(--main-dark-text);
}
#mainboard > section.C_PART3 > div > div.C_FLAP > div.C_TESTIMONIAL > h6
{
	margin: 20px 0px 0px 0px;
}
#mainboard > section.C_PART3 > div > div.C_FLAP > div.C_TESTIMONIAL > h6 > b
{
	font-size: 25px;
	color: var(--main-dark-text);
}
#mainboard > section.C_PART3 > div > div.C_FLAP > div.C_TESTIMONIAL > h6 > i.fa
{
	font-size: 25px;
	color: var(--main-active-color);
}
#mainboard > section.C_PART4
{
}
#mainboard > section.C_PART4 > div
{
	width: 1024px;
	margin: 120px auto 0px auto;
}
#mainboard > section.C_PART4 > div > div.C_BEGIN
{
}
#mainboard > section.C_PART4 > div > div.C_BEGIN > h2
{
	margin: 0px auto 0px auto;
	width: 60%;
	text-align: center;
	color: var(--main-color);
	font-size: 30px;
	line-height: 36px;
}
#mainboard > section.C_PART4 > div > div.C_BEGIN > div.C_COMMANDS
{
	margin: 40px 0px 0px 0px;
	text-align: center;
}
#mainboard > section.C_PART4 > div > div.C_BEGIN > div.C_COMMANDS > button
{
	position: relative;
}
#mainboard > section.C_PART4 > div > div.C_BEGIN > div.C_COMMANDS > button > i.fa
{
	position: absolute;
	left: 50%;
	top: 50%;
	font-size: 24px;
	margin: -12px 0px 0px -12px;
}
#mainboard > section.C_PART4 > div > div.C_FAQ
{
	margin: 200px 0px 0px 0px;
}
#mainboard > section.C_PART4 > div > div.C_FAQ > h3
{
	margin: 0px;
	color: var(--main-color);
	font-size: 30px;
}
#mainboard > section.C_PART4 > div > div.C_FAQ > u
{
	display: block;
	margin: 20px 0px 0px 0px;
	color: var(--main-sub-color);
	font-size: 20px;
	text-decoration: none;
}
#mainboard > section.C_PART4 > div > div.C_FAQ > div.C_QUESTIONS
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#mainboard > section.C_PART4 > div > div.C_FAQ > div.C_QUESTIONS > div.C_QUESTION
{
	margin: 20px  0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 45%;
}
#mainboard > section.C_PART4 > div > div.C_FAQ > div.C_QUESTIONS > div.C_QUESTION p
{
	margin: 20px 0px 0px 0px;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 20px;
}
#mainboard > section.C_PART4 > div > div.C_FAQ > div.C_QUESTIONS > div.C_QUESTION p strong
{
	color: var(--main-color);
	font-size: 20px;
	line-height: 24px;
}





#frame_mobile_disclaimer > button
{
	display: block;
	margin: 20px auto 10px auto;
	width: 50%;
}


@media screen and (max-width: 1024px)
{
	#mainboard > section.C_PART1
	{
		margin-left: CALC(50% - 50vw);
	}
	#mainboard > section.C_PART1 > div
	{
		width: 100vw;
	}
	#mainboard > section.C_PART2 > div
	{
		width: 100vw;
		padding-left: 5vw;
	}
	#mainboard > section.C_PART4 > div
	{
		width: 100vw;
	}
	#mainboard > section.C_PART3 > div > div.C_FLAP
	{
		width: 40vw;
	}
	#mainboard > section.C_PART4 > div > div.C_FAQ
	{
		padding: 0px 3vw 0px 3vw;
	}
}


@media screen and (max-width: 800px)
{
	.C_MASTER > .C_MASTER_HEAD > div > div.C_LOGO
	{
		left: 5vw;
		top: 2vw;
		height: 7.81vw;
	}
	.C_MASTER > .C_MASTER_HEAD > div > div.C_LOGO > a > *
	{
		height: 11.5vw !important;
		line-height: 11.5vw !important;
		margin: 1vh 0vw 0vw 0vw;
	}
	.C_MASTER > .C_MASTER_HEAD > div > div.C_LOGO > a > img
	{
		width: 11.5vw !important;
		margin-top: 2vw;
	}
	.C_MASTER > .C_MASTER_HEAD > div > div.C_LOGO > a > font
	{
		margin-top: 1.7vw;
	}
	.C_MASTER > .C_MASTER_HEAD > div > div.C_LOGO > a > font > b
	{
		margin-left: 0vh;
		font-size: 9vw !important;
	}
	.C_MASTER > .C_MASTER_HEAD > div > div.C_LOGO > a > font > u
	{
	    background-image: repeating-linear-gradient(0deg, var(--main-background-color) 0px, var(--main-background-color) 2px, transparent 2px, transparent 4px);
	}
	.C_MASTER > .C_MASTER_HEAD > div > .C_LINKS > a[msaccount="1"] > span.C_ICON > i
	{
		line-height: 13vw;
	}
	.C_MASTER > .C_MASTER_HEAD > div > .C_LINKS > .C_LANGUAGES > span
	{
		line-height: 13vw;
	}

	#mainboard > section.C_PART1
	{
		margin-left: 0px;
		margin-right: -5vw;
		border-radius: 5vw 0px 0px 5vw;
	}
	#mainboard > section.C_PART1 > div
	{
		padding: 5vw 0px 5vw 5vw;
	}
	#mainboard > section.C_PART1 > div > h1
	{
		width: 85vw;
		font-size: 6vw;
		line-height: 7vw;
    }
	#mainboard > section.C_PART1 > div > h2
	{
		margin: 5vw 0px 0px 0px;
		width: 85vw;
		font-size: 8vw;
		line-height: 8vw;
    }

	#mainboard > section.C_PART1 > div > div.C_MOCKUP
	{
		position: relative;
		left: auto;
		top: auto;
		width: 100vw;
		height: 153vw;
		overflow: hidden;
		margin-top: 5vw;
		margin-left: -10vw;
		padding-left: 15vw;
		white-space: nowrap;
		font-size: 0px;
	}
	#mainboard > section.C_PART1 > div > div.C_MOCKUP > div.C_VIEW[view]
	{
		position: relative;
		left: auto;
		top: auto;
		width: 70vw;
		height: CALC(70vw * 844 / 388);
		opacity: 0.3;
	}
	#mainboard > section.C_PART1 > div > div.C_MOCKUP > div.C_VIEW[view][touching="1"]
	{
		opacity: 1;
	}
	#mainboard > section.C_PART1 > div > div.C_MOCKUP > div.C_VIEW[view]:NOT([touching="1"])
	{
		transition: all 0.3s ease-in-out;
	}
	#mainboard > section.C_PART1 > div > div.C_MOCKUP:NOT([viewIndex]) > div.C_VIEW[view="1"]
	,#mainboard > section.C_PART1 > div > div.C_MOCKUP[viewIndex="0"] > div.C_VIEW[view="1"]
	,#mainboard > section.C_PART1 > div > div.C_MOCKUP[viewIndex="1"] > div.C_VIEW[view="2"]
	,#mainboard > section.C_PART1 > div > div.C_MOCKUP[viewIndex="2"] > div.C_VIEW[view="3"]
	,#mainboard > section.C_PART1 > div > div.C_MOCKUP[viewIndex="3"] > div.C_VIEW[view="4"]
	,#mainboard > section.C_PART1 > div > div.C_MOCKUP[viewIndex="4"] > div.C_VIEW[view="5"]
	{
		opacity: 1;
	}
	#mainboard > section.C_PART1 > div > div.C_MOCKUP[viewIndex="1"] > div.C_VIEW[view]:first-child		{ margin-left: CALC(1 * -75vw); }
	#mainboard > section.C_PART1 > div > div.C_MOCKUP[viewIndex="2"] > div.C_VIEW[view]:first-child		{ margin-left: CALC(2 * -75vw); }
	#mainboard > section.C_PART1 > div > div.C_MOCKUP[viewIndex="3"] > div.C_VIEW[view]:first-child		{ margin-left: CALC(3 * -75vw); }
	#mainboard > section.C_PART1 > div > div.C_MOCKUP[viewIndex="4"] > div.C_VIEW[view]:first-child		{ margin-left: CALC(4 * -75vw); }
	#mainboard > section.C_PART1 > div > div.C_MOCKUP > div.C_VIEW[view] + div.C_VIEW[view]
	{
		margin-left: 5vw;
	}
	#mainboard > section.C_PART1 > div > div.C_MOCKUP > div.C_VIEW[view] > div
	{
		width: 100%;
		height: 100%;
	}

	#mainboard > section.C_PART1 > div > div.C_TUTORIAL
	{
		position: relative;
		margin-top: 10vw;
	}
	#mainboard > section.C_PART1 > div > div.C_TUTORIAL > a
	{
		width: 60vw;
		margin: 0px auto 0px auto;
	}
	#mainboard > section.C_PART1 > div > div.C_TUTORIAL > a > img
	{
		width: 60vw;
		height: CALC(60vw * (180 / 320));
	}
	#mainboard > section.C_PART1 > div > div.C_TUTORIAL > a > i.fa
	{
		font-size: 10vw;
	}
	#mainboard > section.C_PART1 > div > div.C_TUTORIAL > a > font
	{
		position: absolute;
		right: 3vw;
		top: 5vw;
		font-size: 8vw;
	}
	#mainboard > section.C_PART1 > div > div.C_TUTORIAL > span
	{
		margin: 0px auto 0px auto;
		width: 60vw;
		font-size: 4vw;
		line-height: 5vw;
	}

	
	#mainboard > section.C_PART1 > div > div.C_BENEFITS
	{
		width: 85vw;
		margin: 10vw 0px 0px 0px;
	}

	#mainboard > section.C_PART2 > div
	{
		width: 90vw;
		margin-top: 20vw;
		padding-left: 0vw;
	}
	#mainboard > section.C_PART2 > div > h1
	{
		font-size: 6vw;
		line-height: 8vw;
		text-align: center;
	}
	#mainboard > section.C_PART2 > div > div.C_FEATURES > span
	{
		margin: 8vw 0px 0px 0px;
		padding: 0px 0px 0px 15vw;
		width: 90vw;
	}
	#mainboard > section.C_PART2 > div > div.C_FEATURES > span > font
	{
		font-size: 5vw;
		line-height: 7vw;
	}
	#mainboard > section.C_PART2 > div > div.C_FEATURES > span > i.fa
	{
		top: 1vw;
		width: 13vw;
		font-size: 10vw;
	}
	#mainboard > section.C_PART2 > div > div.C_TESTIMONIALS
	{
		margin: 20vw 0px 0px 0px;
	}
	#mainboard > section.C_PART2 > div > div.C_TESTIMONIALS > h2
	{
		font-size: 6vw;
		line-height: 8vw;
	}
	#mainboard > section.C_PART2 > div > div.C_TESTIMONIALS > div.C_DETAILS
	{
		margin: 10vw auto 0px auto;
		width: 90vw;
	}
	#mainboard > section.C_PART2 > div > div.C_TESTIMONIALS > div.C_DETAILS p
	{
		font-size: 5vw;
		line-height: 7vw;
	}
	#mainboard > section.C_PART2 > div > div.C_TESTIMONIALS > div.C_FACES
	{
		margin: 10vw 0px 0px 0px;
	}
	#mainboard > section.C_PART2 > div > div.C_TESTIMONIALS > div.C_FACES > span
	{
		width: 20vw;
		height: 20vw;
		margin: 0px 5vw 0px 5vw;
	}

	#mainboard > section.C_PART3
	{
		margin: 20vw 0px 0px 0px;

		margin-right: 0px;
		margin-left: -5vw;
		padding-left: 5vw;
		border-radius: 0px 5vw 5vw 0px;
	}
	#mainboard > section.C_PART3 > div
	{
		padding: 5vw 5vw 5vw 0vw;
	}
	#mainboard > section.C_PART3 > div > div.C_FLAP
	{
		display: block;
		width: 85vw;
	}
	#mainboard > section.C_PART3 > div > div.C_FLAP[flap="1"]
	{
		top: -10vw;
	}
	#mainboard > section.C_PART3 > div > div.C_FLAP + div.C_FLAP
	{
		margin-left: 0px;
        margin-top: -5vw;
	}
	#mainboard > section.C_PART3 > div > div.C_FLAP > div.C_TESTIMONIAL
	{
		padding: 5vw;
		border-radius: 5vw;
	}
	#mainboard > section.C_PART3 > div > div.C_FLAP > div.C_TESTIMONIAL + div.C_TESTIMONIAL
	{
		margin-top: 5vw;
	}
	#mainboard > section.C_PART3 > div > div.C_FLAP > div.C_TESTIMONIAL > div p
	{
		font-size: 5vw;
		line-height: 7vw;
	}
	#mainboard > section.C_PART3 > div > div.C_FLAP > div.C_TESTIMONIAL > h6
	{
		margin: 5vw 0px 0px 0px;
	}
	#mainboard > section.C_PART3 > div > div.C_FLAP > div.C_TESTIMONIAL > h6 > b
	{
		font-size: 7vw;
	}
	#mainboard > section.C_PART3 > div > div.C_FLAP > div.C_TESTIMONIAL > h6 > i.fa
	{
		font-size: 7vw;
	}

	#mainboard > section.C_PART4 > div
	{
		width: 90vw;
		margin-top: 20vw;
	}

	#mainboard > section.C_PART4 > div > div.C_BEGIN
	{
	}

	#mainboard > section.C_PART4 > div > div.C_BEGIN > h2
	{
		width: 90vw;
		font-size: 7vw;
		line-height: 9vw;
	}
	#mainboard > section.C_PART4 > div > div.C_BEGIN > div.C_COMMANDS
	{
		margin: 10vw 0px 0px 0px;
	}
	#mainboard > section.C_PART4 > div > div.C_BEGIN > div.C_COMMANDS > button
	{
		font-size: 5vw;
		line-height: 7vw;
	}
	#mainboard > section.C_PART4 > div > div.C_BEGIN > div.C_COMMANDS > button > i.fa
	{
		font-size: 7vw;
		margin: -3vw 0px 0px -3.5vw;
	}
	#mainboard > section.C_PART4 > div > div.C_FAQ
	{
		margin: 30vw 0px 0px 0px;
	}
	#mainboard > section.C_PART4 > div > div.C_FAQ > h3
	{
		font-size: 7vw;
		line-height: 9vw;
	}
	#mainboard > section.C_PART4 > div > div.C_FAQ > u
	{
		margin: 5vw 0px 0px 0px;
		font-size: 5vw;
		line-height: 7vw;
	}
	#mainboard > section.C_PART4 > div > div.C_FAQ > div.C_QUESTIONS
	{
	}
	#mainboard > section.C_PART4 > div > div.C_FAQ > div.C_QUESTIONS > div.C_QUESTION
	{
		margin: 5vw 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		width: 90vw;
	}
	#mainboard > section.C_PART4 > div > div.C_FAQ > div.C_QUESTIONS > div.C_QUESTION p
	{
		margin: 5vw 0px 0px 0px;
		font-size: 5vw;
		line-height: 7vw;
	}
	#mainboard > section.C_PART4 > div > div.C_FAQ > div.C_QUESTIONS > div.C_QUESTION p strong
	{
		font-size: 7vw;
		line-height: 9vw;
	}

	#frame_mobile_disclaimer
	{
		width: 90vw;
	}
	#frame_mobile_disclaimer *
	{
		font-size: 1.1em;
		line-height: 1.1em;
	}
	#frame_mobile_disclaimer > h1
	{
	}
	#frame_mobile_disclaimer > div
	{
		padding: 3vw;
	}
	#frame_mobile_disclaimer > div *
	{
		color: #666666;
	}
	#frame_mobile_disclaimer > label
	{
		padding: 5vw 1vw 5vw 5vw;
	}
	#frame_mobile_disclaimer > label > input
	{
		width: 1em;
		height: 1em;
	}
	#frame_mobile_disclaimer > button
	{
		margin: 2vw auto 3vw auto;
	}
}
@media screen and (orientation:landscape) and (max-width: 800px)
{
	.C_MASTER > .C_MASTER_HEAD > div > div.C_LOGO
	{
		top: 0vw;
	}
	.C_MASTER > .C_MASTER_BODY > .C_MASTER_CONTENT
	{
		padding-top: 5vh;
	}
	#mainboard > section.C_PART1 > div > h1
	{
		font-size: 5vw;
		line-height: 5vw;
	}
	#mainboard > section.C_PART1 > div > h2
	{
		margin-top: 2vw;
		font-size: 5vw;
		line-height: 5vw;
	}
	#mainboard > section.C_PART1 > div > div.C_CONNECT > button
	{
		width: 25vw;
		padding: 1vw 0vw 1vw 0vw;
		border-radius: 3vw;
		font-size: 3vw;
		line-height: 3vw;
	}
	#mainboard > section.C_PART1 > div > div.C_MOCKUP
	{
		height: 100vh;
	}
	#mainboard > section.C_PART1 > div > div.C_MOCKUP > div.C_VIEW[view]
	{
		width: CALC(100vh * 388 / 844);
        height: 100vh;
	}
	#mainboard > section.C_PART1 > div > div.C_MOCKUP[viewIndex="0"] > div.C_VIEW[view]:first-child		{ margin-left: CALC(0 * CALC(-100vh * 388 / 844) + 5vw); }
	#mainboard > section.C_PART1 > div > div.C_MOCKUP[viewIndex="1"] > div.C_VIEW[view]:first-child		{ margin-left: CALC(1 * CALC(-100vh * 388 / 844) + 5vw); }
	#mainboard > section.C_PART1 > div > div.C_MOCKUP[viewIndex="2"] > div.C_VIEW[view]:first-child		{ margin-left: CALC(2 * CALC(-100vh * 388 / 844) + 5vw); }
	#mainboard > section.C_PART1 > div > div.C_MOCKUP[viewIndex="3"] > div.C_VIEW[view]:first-child		{ margin-left: CALC(3 * CALC(-100vh * 388 / 844) + 5vw); }
	#mainboard > section.C_PART1 > div > div.C_MOCKUP[viewIndex="4"] > div.C_VIEW[view]:first-child		{ margin-left: CALC(4 * CALC(-100vh * 388 / 844) + 5vw); }

	
	#mainboard > section.C_PART2 > div > h1
	{
		font-size: 5vw;
		line-height: 7vw;
	}

	#mainboard > section.C_PART2 > div > div.C_FEATURES > span
	{
		margin: 10vh 0px 0px 0px;
		padding: 0px 0px 0px 15vh;
	}
	#mainboard > section.C_PART2 > div > div.C_FEATURES > span > font
	{
		font-size: 7vh;
		line-height: 9vh;
	}
	#mainboard > section.C_PART2 > div > div.C_FEATURES > span > i.fa
	{
		top: 1vh;
		width: 13vh;
		font-size: 12vh;
	}
	#mainboard > section.C_PART2 > div > div.C_TESTIMONIALS
	{
		margin: 20vh 0px 0px 0px;
	}
	#mainboard > section.C_PART2 > div > div.C_TESTIMONIALS > h2
	{
		font-size: 8vh;
		font-size: 10vh;
	}
	#mainboard > section.C_PART2 > div > div.C_TESTIMONIALS > div.C_DETAILS
	{
		margin: 20vh auto 0px auto;
		width: 90vh;
	}
	#mainboard > section.C_PART2 > div > div.C_TESTIMONIALS > div.C_DETAILS p
	{
		font-size: 7vh;
		line-height: 9vh;
	}
	#mainboard > section.C_PART2 > div > div.C_TESTIMONIALS > div.C_FACES
	{
		margin: 20vh 0px 0px 0px;
	}
	#mainboard > section.C_PART2 > div > div.C_TESTIMONIALS > div.C_FACES > span
	{
		width: 20vh;
		height: 20vh;
		margin: 0px 5vh 0px 5vh;
	}

	#mainboard > section.C_PART3
	{
		margin: 20vh 0px 0px 0px;

		margin-right: 0px;
		margin-left: -11vh;
		padding-left: 5vh;
		border-radius: 0px 5vh 5vh 0px;
	}
	#mainboard > section.C_PART3 > div
	{
		padding: 5vh 5vh 5vh 0vh;
	}
	#mainboard > section.C_PART3 > div > div.C_FLAP
	{
		width: 90vw;
	}
	#mainboard > section.C_PART3 > div > div.C_FLAP[flap="1"]
	{
		top: -10vh;
	}
	#mainboard > section.C_PART3 > div > div.C_FLAP + div.C_FLAP
	{
		margin-left: 0px;
        margin-top: -5vh;
	}
	#mainboard > section.C_PART3 > div > div.C_FLAP > div.C_TESTIMONIAL
	{
		padding: 5vh;
		border-radius: 5vh;
	}
	#mainboard > section.C_PART3 > div > div.C_FLAP > div.C_TESTIMONIAL + div.C_TESTIMONIAL
	{
		margin-top: 5vh;
	}
	#mainboard > section.C_PART3 > div > div.C_FLAP > div.C_TESTIMONIAL > div p
	{
		font-size: 5vh;
		line-height: 7vh;
	}
	#mainboard > section.C_PART3 > div > div.C_FLAP > div.C_TESTIMONIAL > h6
	{
		margin: 5vh 0px 0px 0px;
	}
	#mainboard > section.C_PART3 > div > div.C_FLAP > div.C_TESTIMONIAL > h6 > b
	{
		font-size: 7vh;
	}
	#mainboard > section.C_PART3 > div > div.C_FLAP > div.C_TESTIMONIAL > h6 > i.fa
	{
		font-size: 7vh;
	}

	#mainboard > section.C_PART4 > div
	{
		margin-top: 20vh;
	}

	#mainboard > section.C_PART4 > div > div.C_BEGIN
	{
	}

	#mainboard > section.C_PART4 > div > div.C_BEGIN > h2
	{
		font-size: 10vh;
		line-height: 12vh;
	}
	#mainboard > section.C_PART4 > div > div.C_BEGIN > div.C_COMMANDS
	{
		margin: 10vh 0px 0px 0px;
	}
	#mainboard > section.C_PART4 > div > div.C_BEGIN > div.C_COMMANDS > button
	{
		font-size: 7vh;
		line-height: 9vh;
	}
	#mainboard > section.C_PART4 > div > div.C_FAQ
	{
		margin: 40vh 0px 0px 0px;
	}
	#mainboard > section.C_PART4 > div > div.C_FAQ > h3
	{
		font-size: 10vh;
		line-height: 12vh;
	}
	#mainboard > section.C_PART4 > div > div.C_FAQ > u
	{
		margin: 5vh 0px 0px 0px;
		font-size: 7vh;
		line-height: 9vh;
	}
	#mainboard > section.C_PART4 > div > div.C_FAQ > div.C_QUESTIONS
	{
	}
	#mainboard > section.C_PART4 > div > div.C_FAQ > div.C_QUESTIONS > div.C_QUESTION
	{
		margin: 5vh 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	#mainboard > section.C_PART4 > div > div.C_FAQ > div.C_QUESTIONS > div.C_QUESTION p
	{
		margin: 5vh 0px 0px 0px;
		font-size: 7vh;
		line-height: 9vh;
	}
	#mainboard > section.C_PART4 > div > div.C_FAQ > div.C_QUESTIONS > div.C_QUESTION p strong
	{
		font-size: 10vh;
		line-height: 12vh;
	}
}