@charset "utf-8";
/* CSS Document */

*,
html,
body {
vertical-align:top;
margin:0;
padding:0;
}

body {
background:#000;
font-family:'Lato', sans-serif;
color:#EDEDED;
}

h2 {
font-size:25px;
color:#2BB8FF;
font-weight:800;
}
h2 span {
color:#EDEDED;
font-weight:400;
}

p {
font-size:20px;
margin:5px auto 10px;
}

#title {
display:block;
width:95%;
margin:10px auto 0;
}

#title h1 {
font-size:36px;
padding:5px;
}
#title small {
font-size:12px;
padding:0 0 10px;
}
#title span {
display:block;
}

#title .left {
display:inline-block;
vertical-align:middle;
width:49%;
}
#title .right {
display:inline-block;
vertical-align:middle;
text-align:right;
width:49%;
}

#calculator {
background-image:url('/images/blinkvoice-calculator-bkgd.jpg');
background-size:cover;
background-position:center top;
padding:88px 0 100px;
}

#crystal {
background-image:url('/images/comet-softphone-bkgd.jpg');
background-size:cover;
background-position:center top;
padding-bottom:100px;
}
#crystal-logo {
display:block;
height:auto;
width:100%;
max-width:500px;
}
#crystal .inline-left {
display:inline-block;
width:29%;
max-width:500px;
}
#crystal .inline-right {
display:inline-block;
width:69%;
padding-top:25px;
}

#crystal .inline-right h3 {
text-align:center;
padding-bottom:50px;
}

#crystal .inline-right ul li {
display:inline-block;
list-style:none;
}

#crystal .inline-right ul li {
max-width:33%;
}
#crystal .inline-right ul li img {
height:auto;
width:100%;
}

#comet {
position:relative;
background-image:url('/images/crystal-sound-bkgd.jpg');
background-size:cover;
background-position:center top;
padding-top:20px;
}
#comet-logo {
display:block;
height:auto;
width:100%;
max-width:500px;
}
#comet .inline-left {
display:inline-block;
vertical-align:bottom;
width:30%;
}
#comet .inline-left img {
width:100%;
}
#comet .inline-center {
display:inline-block;
width:30%;
}
#comet .inline-right {
display:inline-block;
width:30%;
max-width:500px;
}
#comet .inline-center {
padding-top:100px;
padding-left:80px;
}

#cirrus {
background-image:url('/images/cirrus-pbx-bkgd.jpg');
background-size:cover;
background-position:center top;
}
#cirrus-logo {
display:block;
height:auto;
width:100%;
max-width:500px;
}
#cirrus .inline-left {
display:inline-block;
width:33%;
max-width:500px;
}
#cirrus .inline-center {
display:inline-block;
width:33%;
padding-top:125px;
}
#cirrus .inline-right {
display:inline-block;
vertical-align:bottom;
width:33%;
}
#cirrus .inline-right img {
float:right;
margin-top:70px;
width:100%;
}
#cirrus .inline-right p {
display:block;
float:left;
clear:left;
max-width:650px;
width:80%;
}

ol.list-four {
margin-bottom:25px;
}
ol.list-four li {
list-style:none;
display:inline-block;
width:24%;
}
ol.list-four li img {
display:block;
width:50%;
margin:25px auto 0;
}
ol.list-four li small {
display:block;
font-size:10px;
text-align:center;
}

footer {
padding:25px 0 25px;
color:#AAA;
}
footer .block {
display:inline-block;
width:32%;
margin:0 auto;
}
footer p {
font-size:14px;
padding:0px 50px 15px;
}
footer .left p {
font-size:14px;
}
footer label {
display:block;
font-size:14px;
margin-top:5px;
}

#NEWSform1 input {
display: block;
vertical-align: top;
background-color: #222;
border:none;
color: #CCC;
font-size:18px;
width: 100%;
max-width: 300px;
margin: 0;
padding:5px;
}

#NEWSform1 .button {
background:#222;
cursor:pointer;
width: 100%;
max-width: 310px;
border:1px solid #222;
border-radius:0;
outline:none;
font-size:15px;
font-weight:600;
text-align:left;
color:#CCC;
margin:0;
padding:5px;
}



