@-ms-viewport { width:device-width; }
@media only screen and (min-device-width:800px) { html { overflow:hidden; } }
html { height:100%; }
body { height:100%; overflow:hidden; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; background-color:#000000; }

@font-face { font-family: UnitedSansReg; font-weight: medium; src: url('fonts/UnitedSansRgMd.otf');}

/* Viewer CSS Codes */
.ContactHeaderBackground{padding:0px; padding-left:0px; margin:0px; width:1px; height:148px;}
.ContactFormDescription {width:20px; float:left; color:#ffffff; font-family: UnitedSansReg; font-size:60px; text-align:left; padding-left:0px; padding-right:0px; padding-top:0px; letter-spacing: 8px;}
.ContactFormDescription a {color:#cccccc; font-family: UnitedSansReg; font-size:40px; letter-spacing: 6px;}
.ContactFormContent {background-color:rgba(255, 255, 255, 0.95); color: #333; margin-left:0px; padding-left:20px; width:1800px; height:80px;  font-size:60px; letter-spacing: 6px; border-size: 2px; border-color: #DDDDDD; -webkit-border-radius: 16px; border-radius: 16px;}
.ContactFormMessage {background-color:rgba(255, 255, 255, 0.95); color: #333; margin-left:0px; padding-left:20px; width:3728px; height:800px; font-size:60px; letter-spacing: 6px; border-size: 2px; border-color: #DDDDDD; -webkit-border-radius: 16px; border-radius: 16px;}
.ContactFormSubmitButtons {color: #333; margin-left:0px; padding-left:20px; width:200px; height:80px;  font-size:60px; letter-spacing: 6px; border-size: 2px; border-color: #DDDDDD; -webkit-border-radius: 16px; border-radius: 16px;}
.ContactFormButton {color: #fff; font-size:60px; letter-spacing: 6px; padding-left:35px; padding-right:30px; padding-top:8px; padding-bottom:9px; background:#ff0000; border:0 none; cursor:pointer; -webkit-border-radius: 16px; border-radius: 16px;}

.ContactHeaderBackgroundMobile {padding:0px; padding-left:0px; margin:0px; width:100vw; height:100vh;}

@media screen and (orientation:portrait) {
	.ContactFormDescriptionMobile {width:20px; color:#ffffff; font-family: UnitedSansReg; position:absolute; font-size: 3vh; letter-spacing: calc(0.3 * 1vw); text-align:left; padding-left:0px; padding-right:0px; padding-top:0px;}
	.ContactFormDescriptionMobile a {color:#cccccc; font-family: UnitedSansReg; font-size: 2vh; letter-spacing: calc(0.2 * 1vw);}
	.ContactFormContentMobile {background-color:rgba(255, 255, 255, 0.95); color: #333; margin-left:0px; padding-left:1.5vw; width:93vw; height:3vh; font-size: 3vh; letter-spacing: calc(0.3 * 1vw); border-color: #DDDDDD;  border-size: calc(0.1 * 1vw); -webkit-border-radius: calc(0.7 * 1vw); border-radius: calc(0.7 * 1vw);}
	.ContactFormMessageMobile {background-color:rgba(255, 255, 255, 0.95); color: #333; margin-left:0px; padding-left:1.5vw; width:93vw; height:14vh; font-size: 3vh; letter-spacing: calc(0.3 * 1vw); border-color: #DDDDDD; border-size: calc(0.1 * 1vw); -webkit-border-radius: calc(0.7 * 1vw); border-radius: calc(0.7 * 1vw);}

	.ContactYourNameText 	{left:2vw; top:2vh;}
	.ContactYourCompanyText {left:2vw; top:10vh;}
	.ContactYourEmailText	{left:2vw; top:18vh;}
	.ContactYourNumberText	{left:2vw; top:26vh;}
	.ContactSubjectText		{left:2vw; top:34vh;}
	.ContactYourWebsiteText	{left:2vw; top:42vh;}
	.ContactYourMessageText	{left:2vw; top:50vh;}
}
@media screen and (orientation:landscape) {
	.ContactFormDescriptionMobile {width:20px; color:#ffffff; font-family: UnitedSansReg; position:absolute; font-size: 5vh; letter-spacing: calc(0.5 * 1vw); text-align:left; padding-left:0px; padding-right:0px; padding-top:0px;}
	.ContactFormDescriptionMobile a {color:#cccccc; font-family: UnitedSansReg; font-size: 3vh; letter-spacing: calc(0.3 * 1vw);}
	.ContactFormContentMobile {background-color:rgba(255, 255, 255, 0.95); color: #333; margin-left:0px; padding-left:1.5vw; width:44vw; height:5vh; font-size: 5vh; letter-spacing: calc(0.5 * 1vw); border-color: #DDDDDD;  border-size: calc(0.1 * 1vw); -webkit-border-radius: calc(0.7 * 1vw); border-radius: calc(0.7 * 1vw);}
	.ContactFormMessageMobile {background-color:rgba(255, 255, 255, 0.95); color: #333; margin-left:0px; padding-left:1.5vw; width:93vw; height:28vh; font-size: 5vh; letter-spacing: calc(0.5 * 1vw); border-color: #DDDDDD; border-size: calc(0.1 * 1vw); -webkit-border-radius: calc(0.7 * 1vw); border-radius: calc(0.7 * 1vw);}

	.ContactYourNameText 	{left:2vw; top:2vh;}
	.ContactYourCompanyText 	{left:51vw; top:2vh;}
	.ContactYourEmailText	{left:2vw; top:15vh;}
	.ContactYourNumberText	{left:51vw; top:15vh;}
	.ContactSubjectText		{left:2vw; top:28vh;}
	.ContactYourWebsiteText	{left:51vw; top:28vh;}
	.ContactYourMessageText	{left:2vw; top:40.5vh;}
}

.ThumbHeaderBackground{ padding:0px; margin:0px; width:4152px; height:648px;}
.ThumbHeaderName {color:#ffffff; font-family: UnitedSansReg; font-size:200px; text-align:center; padding-left:59px; padding-top:230px; letter-spacing: 58px;}
.ThumbHeaderArrowLeft  {background-image: url(../engine/skin/arrowPrevious.png); 	width:216px; height:192px; margin-left:-28px; margin-top:-203px;}
.ThumbHeaderArrowRight {background-image: url(../engine/skin/arrowNext.png); 		width:216px; height:192px; margin-left:4000px; margin-top:0px;}

.ThumbnailBackground{ padding:0px; margin:0px; width:1384px; height:644px;}
.ThumbnailBackgroundWide{ padding:0px; margin:0px; width:2076px; height:644px;}
.ThumbnailClient {color:#ffffff; font-family: UnitedSansReg; font-size:62px; text-align:center; padding-left:22px; padding-top:103px; letter-spacing: 17px;}
.ThumbnailProduction {color:#ffffff; font-family: UnitedSansReg; font-size:62px; text-align:center; padding-left:7px; padding-top:213px; letter-spacing: 6px;}
.ThumbnailCenterLine {background-image: url(../engine/skin/centerLineThumbs.png); width:588px; height:21px; margin-left:397px; margin-top:-129px;}
.ThumbnailCenterLineWide {background-image: url(../engine/skin/centerLineThumbs.png); width:588px; height:21px; margin-left:744px; margin-top:-129px;}