﻿/* HEADER EDITS */
#regHeader .fixed-header .Logo {text-align: left}
#regHeader .CompanyLogo {width: 30%; margin: 0.5% 4%; vertical-align: middle;}
#regTopMenuBar {border-bottom: 15px solid #5b7f95;}.HeroImg {float: right; width:40%; margin-top: -14%; margin-bottom: -20%}
#regHeader .CompanyName {width: 34%;}
#regHeader.fixed-header .CompanyName {font-size: 2em;}


/* MISC EDITS */
.Anchor {margin-top: -155px; float: left;}
#regBodyContent .Inner .Title h2 {font-size: 1.4em}
.RegCon {width:100%; float: left; margin: 1em 0 0 0; text-align: center;}


/* FOOTER EDITS */
#regFooterMenu {display: none}
#regBodyContent .Copyright {width:100%; clear: both; text-align: center; margin-top: 2em; float: left;}


/* DOWNLOAD */
.DownloadText {font-size: 2em; color: #555555; margin-top: 0; line-height: 2.2em;}
.DownloadButton {width: 20%; margin-left: 38%; margin-top: 1em; cursor: pointer; background-color: #85b358; text-align: center; font-family: 'Ubuntu'; font-size: 2em; color: #FFF;  padding: 2%;}
.open {display: block !important;}
.open-1 {display: none;}


/* FAQ */
.MatrixCon {margin: 2em 0; float: left; width: 100%}
.TableCon {padding: 2%; margin: 2%; float: left; width: 92%; background-color: white;}
#regBodyContent .customh3 {text-align: left; font-size: 1.2em;}
#regBodyContent .customh3 img {float: left}
#regBodyContent .faqp {margin: 0.2em 0 0 1em; float: left; width: 90%}
.open {display: block !important;}
.open-1 {display: none; }
.openFAQ {margin-left: 5%; clear: both; width: 92%; float: left;}


/* SEND DVD */
#regBodyContent #regForm {width: 100%; float: left; padding: 4% 0; background-color: #5b7f95;}
#regBodyContent #regForm input[type=submit].buttonLP {background-color: #85b358; margin: 0 4%; width: 92.5%;}
#regBodyContent #regForm.CTA select {margin-bottom: 3%; width: 100%; float: none; padding: 1%; font-size: 1.2em;}
#regBodyContent #regForm input[type=text] {width:42%; margin: 0 0 3% 4%; float: left}
#regBodyContent #regForm textarea {width: 90.25%; margin: 0 4% 3%;}


/* UPGRADE SUPPORT */
.RegConUp {width:100%; float: left; margin: 2em 0; text-align: center;}
.ProdCon  {width:30%; text-align: center; margin: 2% 5% 2% 0; float: left;}
.ProdCon:nth-child(3n) {margin-right: 0}
.ProdCon:nth-child(10n) {margin-left: 35%}
.ProdCon img {width: 100%}


/* USEFUL LINKS*/
.WSSMCont {width:100%; float: left; margin-bottom: 1em;}
.WSSMCont:nth-child(5) {margin-bottom: -1em}
.WSSMCon {width: 16%; float: left; margin: 0 5% 1em 0; text-align: center; height: 110px}
.WSSMCon:nth-child(1) {border-right: solid 2px #ffffff; width: 15%;}
.WSSMCon:nth-child(5n) {margin-right: 0}
.WSSMCon img {width: 60%;}
.WSSMTxt {width: 100%; text-align: center; margin: 0; color: #ffffff; font-family: 'Ubuntu';}
.WSSMCon a {font-family: 'Ubuntu'; color: #ffffff; text-decoration: none;}
.WSSMCon:hover img {width:62%}
#regBodyContent .WSSMCon a:hover {font-family:'Ubuntu'}


/* UPGRADE TEAM */
.SubsTeam {float: left; width: 15%; margin-left: 20%; line-height: 1.1em; text-align: center;}
.SubsTeam:nth-child(2) {margin-left: 8%; margin-right: 8%}
.SubsTeam:nth-child(3) {margin-left: 0}
.TeamMN {margin: 1% 0; color: #555555; display: table-cell; vertical-align: middle; width: 100%; float: left; height: 55px}
#regBodyContent .Icons img {width:30%}




@media (max-width: 1100px) {
.DownloadButton {font-size: 1.5em;}
.DownloadText {font-size: 1.8em;}
.ProdCon {width:32%; margin-right: 2%}
.WSWCon {width:32%; margin-right: 2%}
}


@media (max-width: 1050px) {
#regHeader .Logo, #regHeader .SolidWorks {width: 30%;}
#regHeader .CompanyName {width: 32%;}
#regBodyContent  #regForm input[type=text] {width: 90%}
#regBodyContent #regForm textarea {width: 90%;}
}

@media (max-width: 980px) {
#regHeader .CompanyName {font-size: 2em;}
#regBodyContent  #regForm input[type=text] {width: 88%}
#regBodyContent #regForm textarea {width: 88%;}
.TeamMN {height: 75px}
}

@media (max-width: 880px) {
#regHeader .Acc, #regHeader .Search {Display: none}
#regHeader .CompanyLogo {margin: 0.5% 3%;}
.DownloadButton {font-size: 1em;}
.DownloadText {font-size: 1.5em;}
.ProdCon {width:48%; margin-right: 4%}
.ProdCon:nth-child(3n) {margin-right: 4%}
.ProdCon:nth-child(2n) {margin-right: 0; margin-left: 0;}
.WSWCon {width:48%; margin-right: 4%}
.WSWCon:nth-child(3n) {margin-left: 26%}
.WSWCon:nth-child(2n) {margin-right: 0; margin-left: 0;}
.SubsTeam {float: left; width: 20%; margin-left: 16%;}
.SubsTeam:nth-child(2) {margin-left: 4%; margin-right: 4%}
}

@media (max-width: 680px) {
#regHeader .Logo {width: 100%; text-align: center; float: left;}
#regHeader .Logo img {margin: 0}
#regHeader .CompanyLogo {display: none}
#regHeader .SolidWorks {display: none}
#regHeader .CompanyName {width: 96%; font-size: 2em; margin-bottom: 0.5em;}
.WSSMCon {width: 30%; margin-right: 5%}
.WSSMCon:nth-child(1) {width: 29%;}
.WSSMCon:nth-child(3n) {margin-right: 0}
.WSSMCon:nth-child(4n) {margin-left: 34.5%}
#regBodyContent .customh3 {text-align: center;}
#regBodyContent .customh3 img {float: none}
#regBodyContent .faqp {clear: both}
#regBodyContent .faqp {margin-left:0; width: 100%;}
.SubsTeam {float: left; width: 38%; margin-left: 8%;}
.SubsTeam:nth-child(2n) {margin-left: 8%; margin-right: 8%}
.SubsTeam:nth-child(3n) {margin-left: 8%; margin-top: 5%}
.SubsTeam:nth-child(4n) {margin-top: 5%}
.TeamMN {height: 55px}
}

@media (max-width: 555px) {
.fixed-header {position: initial;}
#regBodyContent .Inner .Title {width: 300px;}
#regBodyContent .Inner .Title h2 {font-size: 1.2em;}
.ProdCon  {width:100%; margin: 5% 0}
.ProdCon:nth-child(3n) {margin-right: 0; }
.ProdCon:nth-child(2n) {margin-left: 0; margin-right: 0; }
.DownloadButton {width: 36%; margin-left: 31%;}
.WSWCon:nth-child(1n)  {width: 70%; margin-left: 15%; margin-right: 0;}
.WSWTxt {height: auto;  padding: 3%;  min-height: 0;}
}

@media (max-width: 400px) {
#regHeader .Logo {margin: 0;}
#regBodyContent .Inner .Title {width: 70%;}
#regBodyContent .Inner .Title h2 {font-size: 1em;}
.DownloadButton {width: 42%; margin-left: 27%;}
.WSSMCon {width: 100%; margin: 5% 0;}
.WSSMCon:nth-child(1) {width: 100%; border-bottom: solid 2px #ffffff; border-right: none;}
.WSSMCon:nth-child(4n) {margin-left: 0;}
.WSSMCon:nth-child(3n) {margin-right: 0; margin-left: 0}
#regBodyContent .WSSMCon img {width: 35%;}
#regBodyContent .WSSMCon:hover img {width:37%}
.TeamMN {height: 75px}
}
