/********** FORMS CSS **********/
/***** ROI CALCULATOR *****/
#page.roi {
width:90%;
}
#page.roi small {
display:block;
font-size:13px;
}
#page.roi #ROI2,
#page.roi #ROI3,
#page.roi #ROI4 {
display:none;
}
#page.roi #ROI1,
#page.roi #ROI2,
#page.roi .ROI3,
#page.roi #ROI4 {
padding:10px;
margin:10px 0 0;
}
#page.roi #ROI1 label {
display:block;
font-weight:bold;
}
#page.roi #ROI1 input {
display:inline-block;
vertical-align:top;
margin:0;
}
#page.roi #ROI1 input#input {
font-size:40px;
max-width:338px;
}

#page.roi #ROI1 .button.step1 {
height:75px;
font-size:25px;
color:#00457A;
}
#page.roi #ROI1 .button.step1:hover {
color:#2BB8FF;
}

#page.roi #results_table {
text-align:left;
margin:25px 0 0;
}
#page.roi #ROI2 label,
#page.roi #ROI3 label {
display:inline-block;
vertical-align:middle;
font-weight:bold;
width:100%;
max-width:190px;
margin:0 10px 0 0;
}
#page.roi #ROI4 label {
display:inline-block;
vertical-align:middle;
font-size:22px;
font-weight:normal;
width:100%;
max-width:180px;
margin:0 10px 0 0;
}
#page.roi #ROI2 input {
font-size:25px;
width:75px;
}
#page.roi #ROI3 input {
font-size:25px;
width:150px;
}
#page.roi #ROI4 input {
font-size:25px;
width:550px;
}
#page.roi #ROI4 input.tele {
width:220px;
}
#page.roi #ROI4 input.ext {
width:100px;
}
#page.roi #ROI2 div,
#page.roi #ROI3 div,
#page.roi #ROI4 div {
display:block;
border-top:1px solid #EDEDED;
margin:0 0 10px;
padding:10px 0 0;
}
#page.roi #ROI2 div select {
font-size:20px;
}
#page.roi #ROI2 #speedTest {
display:inline-block;
background:#7db9e8;
background:-moz-linear-gradient(top, #7db9e8 0%, #207cca 49%, #2989d8 50%, #1e5799 100%);
background:-webkit-linear-gradient(top, #7db9e8 0%,#207cca 49%,#2989d8 50%,#1e5799 100%);
background:linear-gradient(to bottom, #7db9e8 0%,#207cca 49%,#2989d8 50%,#1e5799 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0);
border:1px solid #AAA;
font-size:10px;
color:#FFF;
text-align:center;
cursor:pointer;
margin:0;
padding:10px;
}
#page.roi #ROI2 #speedTest:hover {
background:#1e5799;
background:-moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
background:-webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
background:linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0);
}

#page.roi #ROI2 div#speedTest1 {
border:none;
}
#page.roi .iframe {
overflow:hidden;
border:none;
}

#page.roi #ROI2 .button {
float:right;
width:40%;
max-width:515px;
font-size:14px;
margin:25px 0 0;
}
#page.roi #ROI3 .button {
display:block;
width:100%;
font-size:14px;
margin:25px 0 0;
}
#page.roi #ROI3 #results1,
#page.roi #ROI3 #results2 {
border:none;
}
#page.roi #ROI3 #results2 {
text-align:center;
margin:75px 0 0;
}
#page.roi #ROI3 #results2 p {
font-size:24px;
padding:0;
margin:0;
}
#page.roi #ROI3 #results2 p strong,
#page.roi #ROI3 #results2 p span {
font-size:30px;
color:green;
}
#page.roi #ROI3 #results2 .results {
display:block;
font-size:50px;
margin:0;
}
#page.roi #ROI3 #results2 .results span {
color:green;
}
#page.roi #ROI4 {
width:100%;
max-width:750px;
margin:-5px auto 0;
}
#page.roi #ROI4 p {
text-align:center;
margin:0;
padding:0;
}
#page.roi #ROI4 p strong {
font-size:18px;
font-style:italic;
}
#page.roi #ROI4 p span {
font-style:normal;
}
#page.roi #ROI4 #ROIform4 {
margin:25px 0 0;
}
#page.roi #ROI4 .button {
width:100%;
}
#page.roi .roi-submitted {
background-color:#CCC;
border:1px solid #AAA;
}
#page.roi .hide {
display:none !important;
}
#page.roi p.roi-thank-you {
font-size:22px;
text-align:center;
padding:75px;
margin:25px auto 0;
}
@media (max-width:970px) {
#page.roi h2 {
font-size:20px;
}
#page.roi p.roi-thank-you {
padding:35px;
}
}
@media (max-width:770px) {
#page.roi h2 {
font-size:18px;
}
#page.roi #ROI4 p strong {
font-size:15px;
}
#page.roi #ROI3 #results2 p strong,
#page.roi #ROI3 #results2 p span {
font-size:25px;
}
#page.roi #ROI3 #results2 p {
font-size:20px;
}
#page.roi #ROI3 #results2 .results {
font-size:45px;
}
#page.roi #ROI3 #results2 .results span {
font-size:75px;
}
#page.roi #ROI4 .button {
width:90%;
}
}
@media (max-width:670px) {
#page.roi #ROI3 #results2 {
font-size:21px;
margin:0 auto;
}
#page.roi #ROI3 #results2 p {
font-size:18px;	
}
#page.roi #ROI3 #results2 .results {
font-size:42px;	
}
#page.roi p.roi-thank-you {
font-size:15px;
}
}
@media (max-width:500px) {
#page.roi #ROI3 #results2 {
font-size:17px;
margin:0 auto;
}
#page.roi #ROI4 p strong {
font-size:12px;
}
#page.roi #ROI3 #results2 p,
#page.roi #ROI3 #results2 p strong,
#page.roi #ROI3 #results2 p span {
font-size:25px;
}
#page.roi #ROI4 input {
width:300px;
}
#page.roi #ROI4 input.tele {
width:245px;
}
#page.roi #ROI3 #results2 .results span {
font-size:45px;
}
#page.roi p.roi-thank-you {
font-size:20px;
}
}
@media (max-width:450px) {
#page.roi #ROI1 input#input {
display:block;
font-size:40px;
max-width:310px;
}
#page.roi #ROI1 input.button {
display:block;
max-width:315px;
width:100%;
}
#page.roi #ROI2 .button {
position:absolute;
max-width:515px;
width:80%;
margin:125px 0 0;
}
#page.roi #ROI3 input {
width:135px;
}
#page.roi #ROI3 #results2 p {
font-size:20px;
}
#page.roi p.roi-thank-you {
font-size:15px;
}
}
@media (max-width:400px) {
#page.roi h1 {
font-size:30px;
}
#page.roi #ROI3 input {
width:100px;
}
#page.roi #ROI4 input.tele {
width:200px;
}
#page.roi #ROI4 .button {
width:88%;
}
#page.roi #ROI4 p strong {
font-size:15px;
}
}
@media (max-width:350px) {
#page.roi h2 {
font-size:15px;
}
#page.roi #ROI1 input#input {
font-size:33px;
max-width:260px;
}
#page.roi #ROI3 input {
width:62px;
}
#page.roi #ROI4 input,
#page.roi #ROI4 input.tele {
width:265px;
}
#page.roi #ROI3 #results2 .results {
font-size:35px;
}
#page.roi #ROI3 #results2 p {
font-size:15px;
}
#page.roi p.roi-thank-you {
font-size:11px;
}
}



/***** SIGN-UP DEMO *****/
#page.demo {
width:90%;
}
#page.demo #sud-form {
position:relative;
margin:0;
}
#page.demo #sud-form div {
display:inline-block;
margin:0 15px;
}

#page.demo #sud-form label {
position:relative;
display:block;
margin:20px 0 0;
}
#page.demo #sud-form input,
#page.demo #sud-form select {
position:relative;
display:block;
font-size:15px;
max-width:350px;
height:30px;
padding:0 5px;
}
#page.demo #sud-form textarea {
width:350px;
}
#page.demo #sud-form .message {
display:block;
}
#page.demo #sud-form .message textarea {
width:90%;
max-width:735px;
height:200px;
padding:3px 5px;
}
#page.demo #sud-form .message label {
display:block;
}
#page.demo #sud-form .submit {
display:block !important;
height:55px;
width:90%;
margin:45px 0 0 15px;
max-width:740px;
}
#page.demo .tele {
width:120px;
}
#page.demo #sud-form .address,
#page.demo #sud-form .address label,
#page.demo #sud-form .address input {
display:block;
}
#page.demo #sud-form .address input {
max-width:730px;
width:90%;
margin:0;
}
@media (max-width:1000px) {
#page.demo p {
font-size:14px;
}
}
@media (max-width:670px) {
#page.demo #sud-form div.company {
display:block;
}
#page.demo #sud-form div.company input {
width:90%;
max-width:90%;
margin:0;
}
}
@media (max-width:500px) {
#page.demo h1 {
font-size:30px;
}
#page.demo #sud-form div,
#page.demo #sud-form div input {
max-width:100%;
margin:0 2px;
padding:0;
}
#page.demo #sud-form .submit {
margin-left:0;
}
}
@media (max-width:450px) {
#page.demo h1 {
font-size:25px;
}
#page.demo p {
font-size:15px;
}
#page.demo #sud-form {
width:315px;
margin:0 auto;
}
#page.demo #sud-form div,
#page.demo #sud-form div input {
width:300px !important;
max-width:300px !important;
margin:0;
padding:0;
}
#page.demo #sud-form div input.tele {
width:120px !important;
}
#page.demo #sud-form div input#SUDAppointment {
width:auto !important;
}
#page.demo #sud-form div select {
margin:0;
}
}
@media (max-width:350px) {
#page.demo h1 {
font-size:20px;
}
#page.demo p {
font-size:12px;
}
#page.demo #sud-form {
width:285px;
margin:0 auto;
}
#page.demo #sud-form div,
#page.demo #sud-form div input {
width:285px !important;
max-width:285px !important;
}
}
#page.demo #sud-form.submitted div,
#page.demo #sud-form.submitted .submit {
display:none !important;
}
#page.demo #sud-form.submitted::after {
content:"Your form has been submitted and a representative will be contacting you soon.";
display:block;
font-size:14px;
margin:10px 0 0;
}



/***** CONTACT US *****/
#page.contact-us {
width:90%;
max-width:670px;
}
#page.contact-us #contact-us-form {
position:relative;
margin:0;
}
#page.contact-us #contact-us-form div {
display:inline-block;
vertical-align:top;
margin:0 15px;
}

#page.contact-us #contact-us-form label {
position:relative;
display:block;
margin:20px 0 0;
}
#page.contact-us #contact-us-form input {
position:relative;
display:block;
font-size:15px;
max-width:350px;
height:30px;
padding:0 5px;
}
#page.contact-us #contact-us-form textarea {
width:575px;
height:65px;
}
#page.contact-us #contact-us-form .message {
display:block !important;
}
#page.contact-us #contact-us-form .message textarea {
width:90%;
max-width:735px;
height:200px;
}
#page.contact-us #contact-us-form .message label {
display:block;
}
#page.contact-us #contact-us-form .submit {
display:block !important;
height:55px;
width:90%;
margin:45px 0 0 15px;
max-width:810px;
}
#page.contact-us .tele {
width:120px;
}
#page.contact-us #contact-us-form ul {
display:block;
margin:0;
}
#page.contact-us #contact-us-form ul li {
display:inline-block;
vertical-align:top;
}
#page.contact-us #contact-us-form ul li label {
margin:0;
padding:7px 0 0;
}
#page.tech-support #tech-support.tsf-submitted div,
#page.contact-us #contact-us-form.submitted div {
display:none;
}
#page.tech-support #tech-support.tsf-submitted::after,
#page.contact-us #contact-us-form.submitted::after {
content:"Your form has been submitted and a representative will be contacting you soon.";
display:block;
font-size:14px;
margin:10px 0 0;
}
@media (max-width:1000px) {
#page.contact-us p {
font-size:14px;
}
}
@media (max-width:670px) {
#page.contact-us #contact-us-form div input {
max-width:170px;
}
}
@media (max-width:500px) {
#page.contact-us h1 {
font-size:30px;
}
#page.contact-us #contact-us-form .submit {
margin-left:0;
}
#page.contact-us h1 {
font-size:25px;
}
#page.contact-us p {
font-size:15px;
}
#page.contact-us #contact-us-form .submit {
width:100%;
}
#page.contact-us #contact-us-form {
width:300px;
margin:0 auto;
}
#page.contact-us #contact-us-form div,
#page.contact-us #contact-us-form div input,
#page.contact-us #contact-us-form textarea {
width:300px !important;
max-width:300px !important;
margin:0;
padding:0;
}
#page.contact-us #contact-us-form div input.tele {
width:120px !important;
}
}
@media (max-width:350px) {
#page.contact-us h1 {
font-size:20px;
}
#page.contact-us p {
font-size:12px;
}
#page.contact-us #tech-support {
width:285px;
margin:0 auto;
}
#page.contact-us #tech-support div,
#page.tcontact-us #tech-support div input,
#page.contact-us #tech-support textarea {
width:285px !important;
max-width:285px !important;
}
}