/********** FORMS CSS **********/
/***** ROI CALCULATOR *****/
span {white-space:nowrap;}

#page.roi {
position:relative;
width:100%;
max-width:1200px;
font-family:lato,sans-serif;
color:#FFF;
margin:0 auto;
}

#page.roi strong {
font-size:35px;
}
#page.roi p {
display:block;
font-size:23px;
width:100%;
max-width:800px;
margin:0 auto;
}

#page.roi #ROI1 p {
padding-bottom:10px;
}

#page.roi small {
display:block;
font-style:italic;
font-weight:normal;
font-size:12px;
}
#page.roi #ROI4 {
display:none;
}

#page.roi #ROI1,
#page.roi #ROI2,
#page.roi #ROI3 {
display:inline-block;
}

#page.roi #ROI1,
#page.roi #ROI2,
#page.roi #ROI3,
#page.roi #ROI4 {
width:100%;
max-width:395px;
margin:40px auto 0;
}

#page.roi #ROI1 label {
display:inline-block;
font-weight:normal;
}
#page.roi #ROI1 .info.lookup {
cursor:help;
display:inline-block;
text-align:center;
background-color:#FFF;
border-radius:50%;
height:18px;
width:18px;
color:#000;
line-height:15px;
font-size:15px;
}

#page.roi #ROI1 .info-lookup {
background-color:#222;
cursor:help;
opacity:0.95;
font-weight:lighter;
max-width:80%;
padding:15px 20px;
margin-top:5px;
}

#page.roi input,
#page.roi input:focus,
#page.roi select {
border:none;
outline:none;
caret-color:#FFF;
}

#page.roi input,
#page.roi select {
display:block;
vertical-align:top;
background-color:#222;
color:#CCC;
margin:0 auto;
}

#page.roi #ROI1 input#input {
color:#CCC;
font-size:42px;
width:100%;
max-width:355px;
margin:0;
padding:1px 10px 5px;
}

#page.roi #ROI1 .button,
#page.roi #ROI2 .button {
background:none;
font-size:75px;
color:#CCC;
cursor:pointer;
width:100%;
border:none;
outline:none;
animation: bounce 2s infinite;
-webkit-animation: bounce 2s infinite;
-moz-animation: bounce 2s infinite;
-o-animation: bounce 2s infinite;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	
50% {-webkit-transform: translateY(0px);}
50% {-webkit-transform: translateY(2px);}
}
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
50% {-moz-transform: translateY(0px);}
50% {-moz-transform: translateY(2px);}
}
@-o-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
50% {-o-transform: translateY(0px);}
50% {-o-transform: translateY(2px);}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
50% {transform: translateY(0px);}
50% {transform: translateY(2px);}
}

#page.roi #results_table {
width:100%;
text-align:center !important;
margin:0 auto;
}

#page.roi #results_table th {
padding-top:5px;
}

#page.roi #results_table th,
#page.roi #results_table td {
vertical-align:top;
text-align:center !important;
}

#page.roi #ROI2 label,
#page.roi #ROI3 label {
display:inline-block;
vertical-align:middle;
font-size:20px;
font-weight:bold;
width:100%;
max-width:143px;
margin:0 10px 0 0;
}

#page.roi #ROI2 label.speed {
max-width:78px;
}

#page.roi #ROI3 label.speed {
max-width:88px;
}

#page.roi #ROI4 label {
display:inline-block;
vertical-align:middle;
font-size:22px;
font-weight:normal;
width:auto;
margin:0 10px 10px 0;
}

#page.roi #ROI4 label.email {
margin-left:40px;
}

#page.roi #ROI2 input {
display:inline-block;
text-align:center;
font-size:35px;
width:118px;
}
#page.roi #ROI3 input {
display:inline-block;
font-size:35px;
width:210px;
margin:0 0 5px;
padding:0 0 0 10px;
}
#page.roi #ROI4 input {
display:inline-block;
font-size:25px;
width:250px;
}
#page.roi #ROI4 input.tele {
width:200px;
}

#page.roi #ROI4 input.ext {
width:80px;
}

#page.roi #ROI2 div,
#page.roi #ROI3 div,
#page.roi #ROI4 div {
display:block;
margin:0 0 10px;
padding:10px 0 0;
}

#page.roi #ROI2 div select {
display:inline-block;
font-size:20px;
margin-top:5px;
}

#page.roi #ROI2 .button {
background:none;
cursor:pointer;
width:100%;
border:none;
outline:none;
}
#page.roi .ROI3 .button {
background:#2BB8FF;
cursor:pointer;
width:100%;
border:1px solid #2BB8FF;
border-radius:8px;
outline:none;
font-size:20px;
font-weight:600;
color:darkblue;
margin:40px auto 0;
padding:5px 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 !important;
padding:0;
margin:0 auto;
}
#page.roi .ROI3 #results2 p strong,
#page.roi .ROI3 #results2 p span {
font-size:30px !important;
color:green;
}
#page.roi .ROI3 #results2 .results {
display:block;
font-size:45px !important;
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:15px 0 0;
padding:0;
}
#page.roi #ROI4 p strong {
font-size:15px;
font-style:italic;
}
#page.roi #ROI4 p span {
font-style:normal;
}
#page.roi #ROI4 #ROIform4 {
margin:25px 0 0;
}
#page.roi #ROI4 .button {
background-color:#222;
width:100%;
color:#555;
font-size:35px;
font-weight:bold;
}
#page.roi #ROI4 .button:hover {
background-color:#333;
color:#CCC;
cursor:pointer;
}
#page.roi #ROI4 .inline {
display:inline-block;
}

#page.roi #ROI1.roi-submitted .info.lookup {
display:none;
}

#page.roi .hide {
display:none !important;
}
#page.roi p.roi-thank-you {
font-size:22px;
text-align:center;
padding:75px;
margin:25px auto 0;
}

#page.roi #ROI4 input {
width:280px;
}
#page.roi #ROI4 input#fullname {
margin-right:15px;
}
#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;
}

#page.roi #ROI2 .button {
position:absolute;
max-width:515px;
width:80%;
margin:0 auto;
}

#page.roi p.roi-thank-you {
font-size:15px;
}

#page.roi p.roi-thank-you {
font-size:18px;
}

#page.roi input.button {
background-color:#000;
color:#FFF;
border:1px solid #FFF;
border-radius:5px;
font-size:20px;
text-transform:uppercase;
height:50px;
}

#loading-one p,
#loading-two p,
#loading-three p {
text-align:center;
}
#loading-two p {
margin-top:66px;
}

#page.roi .roi-submitted,
#page.roi .roi-submitted p,
#page.roi .roi-submitted strong,
#page.roi .roi-submitted label,
#page.roi .roi-submitted input,
#page.roi .roi-submitted select,
#page.roi .roi-submitted th,
#page.roi .roi-submitted td {
color:#FFF;
font-size:14px !important;
}
#page.roi .roi-submitted input#input {
font-size:18px !important;
text-align:center;
}