.bg404 {
  background: #242d3f;
}
.armstrong {
  height: 150px;
  weight: 150px;
  position: absolute;
}
.astronaut {
  -webkit-animation-name: astronaut-transform-keyframes;
  -webkit-animation-duration: 18250ms;
  -webkit-animation-delay: 0ms;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 0 0;
  animation-name: astronaut-transform-keyframes;
  animation-duration: 18250ms;
  animation-delay: 0ms;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  transform-origin: 0 0;
}
.stars {
  width: 100%;
  height: calc(90vh - 170px);
  overflow: hidden;
  padding: 54px 0 0 ;
}
.errorContain {
  width: 100%;
  text-align: center;
  color: white;
  position: absolute;
  top: 0;
  padding-top: 54px;
}
.errorContain .btnContain {
  margin-top: 20vh;
  text-align: center;
}
@-webkit-keyframes astronaut-transform-keyframes {
  0% {
    -webkit-transform: translate(0px,0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%,-50%);
    -webkit-animation-timing-function: cubic-bezier(.25,.25,.75,.75);
  }
  5.48% {
    -webkit-transform: translate(100px,100px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(90deg) translate(-50%,-50%);
    -webkit-animation-timing-function: cubic-bezier(.25,.25,.75,.75);
  }
  10.96% {
    -webkit-transform: translate(200px,200px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(180deg) translate(-50%,-50%);
    -webkit-animation-timing-function: cubic-bezier(.25,.25,.75,.75);
  }
  16.44% {
    -webkit-transform: translate(250px,400px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(90deg) translate(-50%,-50%);
    -webkit-animation-timing-function: cubic-bezier(.25,.25,.75,.75);
  }
  21.92% {
    -webkit-transform: translate(400px,350px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%,-50%);
    -webkit-animation-timing-function: cubic-bezier(.25,.25,.75,.75);
  }
  27.40% {
    -webkit-transform: translate(500px,200px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(-90deg) translate(-50%,-50%);
    -webkit-animation-timing-function: cubic-bezier(.25,.25,.75,.75);
  }
  32.88% {
    -webkit-transform: translate(600px,300px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(-275deg) translate(-50%,-50%);
    -webkit-animation-timing-function: cubic-bezier(.25,.25,.75,.75);
  }
  38.36% {
    -webkit-transform: translate(700px,250px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(-180deg) translate(-50%,-50%);
    -webkit-animation-timing-function: cubic-bezier(.25,.25,.75,.75);
  }
  43.84% {
    -webkit-transform: translate(800px,350px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(-90deg) translate(-50%,-50%);
    -webkit-animation-timing-function: cubic-bezier(.25,.25,.75,.75);
  }
  50.68% {
    -webkit-transform: translate(850px,150px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%,-50%);
    -webkit-animation-timing-function: cubic-bezier(.25,.25,.75,.75);
  }
  56.16% {
    -webkit-transform: translate(1000px,300px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(90deg) translate(-50%,-50%);
    -webkit-animation-timing-function: cubic-bezier(.25,.25,.75,.75);
  }
  61.64% {
    -webkit-transform: translate(1050px,500px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(275deg) translate(-50%,-50%);
    -webkit-animation-timing-function: cubic-bezier(.25,.25,.75,.75);
  }
  67.12% {
    -webkit-transform: translate(1200px,400px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(360deg) translate(-50%,-50%);
    -webkit-animation-timing-function: cubic-bezier(.25,.25,.75,.75);
  }
  72.60% {
    -webkit-transform: translate(1250px,300px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(275deg) translate(-50%,-50%);
    -webkit-animation-timing-function: cubic-bezier(.25,.25,.75,.75);
  }
  78.08% {
    -webkit-transform: translate(1350px,250px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(180deg) translate(-50%,-50%);
    -webkit-animation-timing-function: cubic-bezier(.25,.25,.75,.75);
  }
  83.56% {
    -webkit-transform: translate(1500px,300px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(90deg) translate(-50%,-50%);
    -webkit-animation-timing-function: cubic-bezier(.25,.25,.75,.75);
  }
  89.04% {
    -webkit-transform: translate(1700px,200px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%,-50%);
    -webkit-animation-timing-function: cubic-bezier(.25,.25,.75,.75);
  }
  94.52% {
    -webkit-transform: translate(1900px,100px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%,-50%);
    -webkit-animation-timing-function: cubic-bezier(.25,.25,.75,.75);
  }
  100% {
    -webkit-transform: translate(2500px,0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%,-50%);
  }
}
@keyframes astronaut-transform-keyframes {
  0% {
    transform: translate(0px,0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%,-50%);
    animation-timing-function: cubic-bezier(.25,.25,.75,.75);
  }
  5.48% {
    transform: translate(100px,100px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(90deg) translate(-50%,-50%);
    animation-timing-function: cubic-bezier(.25,.25,.75,.75);
  }
  10.96% {
    transform: translate(200px,200px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(180deg) translate(-50%,-50%);
    animation-timing-function: cubic-bezier(.25,.25,.75,.75);
  }
  16.44% {
    transform: translate(250px,400px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(90deg) translate(-50%,-50%);
    animation-timing-function: cubic-bezier(.25,.25,.75,.75);
  }
  21.92% {
    transform: translate(400px,350px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%,-50%);
    animation-timing-function: cubic-bezier(.25,.25,.75,.75);
  }
  27.40% {
    transform: translate(500px,200px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(-90deg) translate(-50%,-50%);
    animation-timing-function: cubic-bezier(.25,.25,.75,.75);
  }
  32.88% {
    transform: translate(600px,300px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(-275deg) translate(-50%,-50%);
    animation-timing-function: cubic-bezier(.25,.25,.75,.75);
  }
  38.36% {
    transform: translate(700px,250px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(-180deg) translate(-50%,-50%);
    animation-timing-function: cubic-bezier(.25,.25,.75,.75);
  }
  43.84% {
    transform: translate(800px,350px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(-90deg) translate(-50%,-50%);
    animation-timing-function: cubic-bezier(.25,.25,.75,.75);
  }
  50.68% {
    transform: translate(850px,150px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%,-50%);
    animation-timing-function: cubic-bezier(.25,.25,.75,.75);
  }
  56.16% {
    transform: translate(1000px,300px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(90deg) translate(-50%,-50%);
    animation-timing-function: cubic-bezier(.25,.25,.75,.75);
  }
  61.64% {
    transform: translate(1050px,500px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(275deg) translate(-50%,-50%);
    animation-timing-function: cubic-bezier(.25,.25,.75,.75);
  }
  67.12% {
    transform: translate(1200px,400px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(360deg) translate(-50%,-50%);
    animation-timing-function: cubic-bezier(.25,.25,.75,.75);
  }
  72.60% {
    transform: translate(1250px,300px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(275deg) translate(-50%,-50%);
    animation-timing-function: cubic-bezier(.25,.25,.75,.75);
  }
  78.08% {
    transform: translate(1350px,250px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(180deg) translate(-50%,-50%);
    animation-timing-function: cubic-bezier(.25,.25,.75,.75);
  }
  83.56% {
    transform: translate(1500px,300px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(90deg) translate(-50%,-50%);
    animation-timing-function: cubic-bezier(.25,.25,.75,.75);
  }
  89.04% {
    transform: translate(1700px,200px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%,-50%);
    animation-timing-function: cubic-bezier(.25,.25,.75,.75);
  }
  94.52% {
    transform: translate(1900px,100px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%,-50%);
    animation-timing-function: cubic-bezier(.25,.25,.75,.75);
  }
  100% {
    transform: translate(2500px,0px) scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate(-50%,-50%);
  }
}
.bannerContainer {
  padding-top: 54px;
}
.bannerContainer .banner {
  color: white;
  height: 100%;
  padding: 20px 0 100px;
  text-align: center;
}
.bannerContainer .banner h1 {
  margin: 0 0 20px;
}
.bannerContainer .banner h1.home {
  margin: 40px 0 20px;
}
.bannerContainer .banner h2 {
  font-size: 24px;
  line-height: 1.8;
}
.bannerContainer .banner.product {
  padding-bottom: 40px;
}
.bannerContainer .banner.product h1 {
  margin-bottom: 0;
}
.bannerContainer .banner.product p {
  margin-top: 0;
}
.bannerContainer .banner.interior {
  padding-bottom: 64px;
}
.bannerContainer .banner.interior h1 {
  margin-bottom: 0;
  text-align: center;
}
.bannerContainer .banner .bannerImg {
  float: left;
  margin: 0 3% 0 30%;
}
@media  only screen and (max-width : 1024px) {
  .bannerContainer .banner .bannerImg {
    margin: 0 3% 0 25%;
  }
}
@media  only screen and (max-width : 768px) {
  .bannerContainer .banner .bannerImg {
    margin: 0 3% 0 20%;
  }
}
.bannerContainer .banner .bannerCopy {
  text-align: left;
  padding: 15px 0;
}
.bannerContainer.company-new .hex .productLogo {
  height: 80px;
  position: absolute;
  top: calc(50% - 40px);
  left: calc(50% - 40px);
}
* {
  box-sizing: border-box;
}
*:focus {
  outline: none;
}
body {
  color: #424242;
  font-family: 'Source Sans Pro', 'Helvetica Neue', sans-serif;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
}
@media only screen and (min-width: 1824px) {
  body {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
  }
}
h1 {
  font-size: 60px;
  font-weight: 300;
}
h2 {
  font-size: 36px;
  font-weight: 300;
}
h3 {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
}
@media  only screen and (max-width : 1024px) {
  h3 {
    font-size: 16px;
  }
}
h4 {
  font-size: 16px;
}
p,
q {
  font-weight: 400;
  line-height: 1.8;
}
a {
  color: #48a9db;
  text-decoration: none;
}
ul li {
  list-style: none;
}
.legalul {
  list-style: circle;
}
.container {
  margin: 0 auto;
  padding: 30px 20px;
  width: 100%;
  max-width: 1280px;
}
.section {
  padding: 40px 0;
}
.border {
  border-top: 1px solid #e5e5e5;
}
.clear:after {
  clear: both;
  content: '';
  display: block;
}
.bold {
  font-weight: 600;
}
.italic {
  font-style: italic;
}
.underline {
  text-decoration: underline;
}
.seperator {
  color: #afafaf;
  margin: 0 15px;
}
button,
.button,
input[type="submit"] {
  color: white;
  cursor: pointer;
  border: none;
  border-radius: 4px;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  padding: 5px 20px;
  text-transform: uppercase;
}
button.medium,
.button.medium,
input[type="submit"].medium {
  padding: 8px 30px;
  transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
}
button.large,
.button.large,
input[type="submit"].large {
  font-size: 18px;
  margin-top: 10px;
  padding: 12px 30px;
  transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
}
button.cloudfs,
.button.cloudfs,
input[type="submit"].cloudfs {
  background: #48a9db;
}
button.cloudfs:hover,
.button.cloudfs:hover,
input[type="submit"].cloudfs:hover {
  background: #367fa4;
}
button.personal,
.button.personal,
input[type="submit"].personal {
  background: #1bb252;
}
button.personal:hover,
.button.personal:hover,
input[type="submit"].personal:hover {
  background: #14853e;
}
button.turnkey,
.button.turnkey,
input[type="submit"].turnkey {
  background: #2382b4;
}
button.turnkey:hover,
.button.turnkey:hover,
input[type="submit"].turnkey:hover {
  background: #1a6287;
}
button.error,
.button.error,
input[type="submit"].error {
  background: #48a9db;
  border: 1px solid #48a9db;
  margin-right: 20px;
}
button.error:hover,
.button.error:hover,
input[type="submit"].error:hover {
  color: white;
  background: #367fa4;
}
button.error:last-child,
.button.error:last-child,
input[type="submit"].error:last-child {
  margin-right: 0;
}
button.error.back,
.button.error.back,
input[type="submit"].error.back {
  background: transparent;
  border: 1px solid white;
}
button.error.back:hover,
.button.error.back:hover,
input[type="submit"].error.back:hover {
  color: white;
  background: #367fa4;
}
.buttonWrap .signup {
  margin-left: 10px;
  background: rgba(255,255,255,0.4);
}
.buttonWrap .signup,
.buttonWrap .login {
  transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
}
.buttonWrap .signup:hover,
.buttonWrap .login:hover {
  color: white;
  background: rgba(255,255,255,0.3);
}
.download {
  margin-left: 20%;
}
.turnkeyCopy {
  color: #2382b4;
}
.personalCopy {
  color: #1bb252;
}
.cloudfsCopy {
  color: #48a9db;
}
.dark {
  background: #333333;
  color: #e5e5e5;
}
.footer {
  background: #1c2732;
}
.footer .sitemap {
  color: #e5e5e5;
  padding: 20px 20px;
}
.footer .sitemap p {
  margin: 0 0 10px;
}
.footer .sitemap .sitemapHeader {
  font-weight: 600;
  cursor: default;
  line-height: 2.5;
  text-transform: uppercase;
}
.footer .sitemap a {
  color: #999999;
  text-decoration: none;
  transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
}
.footer .sitemap a.sitemapHeader {
  cursor: pointer;
}
.footer .sitemap a:hover {
  color: white;
}
.footer .sitemap .footer-menu {
  display: inline-block;
  list-style: none;
  margin: 0 80px 0 -40px;
  vertical-align: top;
}
.footer .sitemap ul {
  list-style: none;
  margin-left: 0px;
}
.footer .sitemap ul.socialMedia li {
  opacity: 0.6;
  float: left;
  height: 30px;
  width: 30px;
  margin-right: 15px;
  transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
}
.footer .sitemap ul.socialMedia li:last-child {
  margin: 0;
}
.footer .sitemap ul.socialMedia li:hover {
  opacity: 1;
}
@media  only screen and (max-width : 1024px) {
  .footer .sitemap ul.socialMedia li {
    margin-bottom: 15px;
  }
}
.footer .sitemap ul li {
  line-height: 2;
}
.footer .copyright {
  padding: 0 20px 20px;
}
.footer .copyright p {
  margin: 0;
}
.footer .copyright p a {
  color: #424242;
}
.footer .footer-support-link {
  display: block;
  position: fixed;
  bottom: 0px;
  right: 0px;
  padding: 10px 15px 10px 50px;
  color: #ffffff;
  background: #1c2732;
  border-top-left-radius: 5px;
  background-repeat: no-repeat;
  background-position: 15px 10px;
  font-size: 14px;
  line-height: 22px;
  z-index: 100;
}
.footer .footer-support-link img {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 9px;
  left: 15px;
}
input,
select,
textarea {
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  padding: 8px 20px;
  width: 100%;
  margin: 0 auto 20px;
}
input.halfForm,
select.halfForm,
textarea.halfForm {
  float: left;
  width: 49%;
}
input.halfForm:nth-child(2n),
select.halfForm:nth-child(2n),
textarea.halfForm:nth-child(2n) {
  margin-left: 2%;
}
input.button,
select.button,
textarea.button {
  background: #2382b4;
  width: initial;
  float: right;
}
textarea {
  min-height: 100px;
}
select {
  height: 32px;
}
.navToggleOpen>.mainNav>.navWrap>.navContainer {
  right: 0;
}
.mainNav {
  height: 54px;
  width: 100%;
  padding-top: 11px;
  position: fixed;
  top: 0;
  z-index: 300;
  transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
  background: rgba(0,0,0,0);
}
.mainNav.documents {
  background: #48a9db;
}
.mainNav.fixed-top {
  background: #044c72;
  box-shadow: 0 1px 4px rgba(0,0,0,0.3), 0 0 40px rgba(0,0,0,0.1) inset;
}
.mainNav .menuOpen,
.mainNav .menuClose {
  cursor: pointer;
  display: none;
  position: absolute;
}
@media  only screen and (max-width : 1024px) {
  .mainNav .menuOpen,
  .mainNav .menuClose {
    display: block;
  }
}
@media  only screen and (max-width : 1024px) {
  .mainNav .menuOpen,
  .mainNav .menuClose {
    display: block;
  }
}
.mainNav .menuOpen {
  background: url(/assets/nav/menu.svg);
  background-size: contain;
  height: 18px;
  width: 18px;
  top: 3px;
  right: 20px;
}
.mainNav .menuClose {
  background: url(/assets/nav/close.svg);
  background-size: contain;
  height: 14px;
  width: 14px;
  top: 20px;
  right: 20px;
}
.mainNav .navWrap {
  padding: 0 20px;
  position: relative;
}
.mainNav .navWrap .navContainer {
  display: block;
  position: relative;
  width: 89%;
  float: right;
}
@media  only screen and (max-width : 1024px) {
  .mainNav .navWrap .navContainer {
    background: #222222;
    display: block;
    height: 100vh;
    width: 300px;
    margin-top: -11px;
    padding-top: 48px;
    position: fixed;
    right: -300px;
  }
}
@media  only screen and (max-width : 1024px) {
  .mainNav .navWrap .navContainer {
    background: #222222;
    display: block;
    height: 100vh;
    width: 300px;
    margin-top: -11px;
    padding-top: 48px;
    position: fixed;
    right: -300px;
  }
}
.mainNav .navWrap .buttonWrap {
  padding-top: 3px;
  position: absolute;
  top: 0;
  right: 20px;
}
@media  only screen and (max-width : 1024px) {
  .mainNav .navWrap .buttonWrap {
    padding-top: 15px;
    left: 20px;
  }
}
@media  only screen and (max-width : 1024px) {
  .mainNav .navWrap .buttonWrap {
    padding-top: 15px;
    left: 20px;
  }
}
.mainNav .navWrap .buttonWrap span {
  color: white;
  font-size: 14px;
  text-transform: uppercase;
  margin-right: 10px;
}
.mainNav .logo {
  float: left;
  margin-right: 2%;
  display: block;
  width: 9%;
}
.mainNav .logo #logo {
  fill: white;
  height: 30px;
}
.mainNav .navItem {
  border-bottom: 2px solid transparent;
  display: inline-block;
  outline: none;
  padding: 6px 15px;
  position: relative;
  transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
}
@media  only screen and (max-width : 1024px) {
  .mainNav .navItem {
    border: none;
    display: block;
  }
}
@media  only screen and (max-width : 1024px) {
  .mainNav .navItem {
    border: none;
    display: block;
  }
}
.mainNav .navItem .dropDownContainer {
  visibility: hidden;
  margin-top: 34px;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out;
  width: 100%;
}
@media  only screen and (max-width : 1024px) {
  .mainNav .navItem .dropDownContainer {
    margin-top: 0;
    opacity: 1;
    position: relative;
    text-align: left;
    visibility: visible;
  }
}
@media  only screen and (max-width : 1024px) {
  .mainNav .navItem .dropDownContainer {
    margin-top: 0;
    opacity: 1;
    position: relative;
    text-align: left;
    visibility: visible;
  }
}
.mainNav .navItem .dropDownContainer >.navLink {
  background: rgba(255,255,255,0.9);
  width: 100%;
}
@media  only screen and (max-width : 1024px) {
  .mainNav .navItem .dropDownContainer >.navLink {
    background: none;
  }
}
@media  only screen and (max-width : 1024px) {
  .mainNav .navItem .dropDownContainer >.navLink {
    background: none;
  }
}
.mainNav .navItem .dropDownContainer >.navLink:hover {
  background: rgba(52,52,52,0.9);
}
.mainNav .navItem .dropDownContainer >.navLink:hover >a {
  color: white;
}
.mainNav .navItem .dropDownContainer >.navLink >a {
  color: #666666;
  display: block;
  font-size: 12px;
  padding: 10px 0;
  text-decoration: none;
  text-transform: uppercase;
}
.mainNav .navItem .dropDownContainer >.navLink .lowerCase {
  text-transform: none;
}
.mainNav .navItem:hover,
.mainNav .navItem:focus,
.mainNav .navItem:active {
  border-bottom: 2px solid white;
}
@media  only screen and (max-width : 1024px) {
  .mainNav .navItem:hover,
  .mainNav .navItem:focus,
  .mainNav .navItem:active {
    border: none;
  }
}
@media  only screen and (max-width : 1024px) {
  .mainNav .navItem:hover,
  .mainNav .navItem:focus,
  .mainNav .navItem:active {
    border: none;
  }
}
.mainNav .navItem:hover >.dropDownContainer,
.mainNav .navItem:focus >.dropDownContainer,
.mainNav .navItem:active >.dropDownContainer {
  visibility: visible;
  opacity: 1;
}
.mainNav .navItem >a,
.mainNav .navItem >span {
  color: white;
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
}
.mainNav .navItem >span {
  cursor: default;
}
.mainNav .main-menu ul.menu {
  margin: 0px;
  padding: 0px;
}
.mainNav .main-menu ul.menu > li {
  border-bottom: 2px solid transparent;
  display: inline-block;
  outline: none;
  padding: 6px 15px;
  position: relative;
  transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
  line-height: normal;
}
@media  only screen and (max-width : 1024px) {
  .mainNav .main-menu ul.menu > li {
    display: block;
  }
}
@media  only screen and (max-width : 1024px) {
  .mainNav .main-menu ul.menu > li {
    display: block;
  }
}
.mainNav .main-menu ul.menu > li > a {
  color: white;
  font-size: 14px;
  text-decoration: none;
  cursor: pointer;
}
.mainNav .main-menu ul.menu > li ul {
  visibility: hidden;
  margin-top: 34px;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out;
  padding-left: 0px;
  margin-left: 0px;
  width: 100%;
}
@media  only screen and (max-width : 1024px) {
  .mainNav .main-menu ul.menu > li ul {
    margin-top: 0;
    opacity: 1;
    position: relative;
    text-align: left;
    visibility: visible;
  }
}
@media  only screen and (max-width : 1024px) {
  .mainNav .main-menu ul.menu > li ul {
    margin-top: 0;
    opacity: 1;
    position: relative;
    text-align: left;
    visibility: visible;
  }
}
.mainNav .main-menu ul.menu > li ul li {
  background: rgba(255,255,255,0.9);
  padding: 0px;
  line-height: normal;
}
@media  only screen and (max-width : 1024px) {
  .mainNav .main-menu ul.menu > li ul li {
    background: transparent;
  }
}
@media  only screen and (max-width : 1024px) {
  .mainNav .main-menu ul.menu > li ul li {
    background: transparent;
  }
}
.mainNav .main-menu ul.menu > li ul li a {
  color: #666666;
  display: block;
  font-size: 12px;
  padding: 10px 0;
  text-decoration: none;
}
.mainNav .main-menu ul.menu > li ul li:hover {
  background: rgba(52,52,52,0.9);
}
.mainNav .main-menu ul.menu > li ul li:hover > a {
  color: white;
}
.mainNav .main-menu ul.menu > li:hover,
.mainNav .main-menu ul.menu > li:focus,
.mainNav .main-menu ul.menu > li:active {
  border-bottom: 2px solid white;
}
@media  only screen and (max-width : 1024px) {
  .mainNav .main-menu ul.menu > li:hover,
  .mainNav .main-menu ul.menu > li:focus,
  .mainNav .main-menu ul.menu > li:active {
    border-bottom: 2px solid transparent;
  }
}
@media  only screen and (max-width : 1024px) {
  .mainNav .main-menu ul.menu > li:hover,
  .mainNav .main-menu ul.menu > li:focus,
  .mainNav .main-menu ul.menu > li:active {
    border-bottom: 2px solid transparent;
  }
}
.mainNav .main-menu ul.menu > li:hover >ul,
.mainNav .main-menu ul.menu > li:focus >ul,
.mainNav .main-menu ul.menu > li:active >ul {
  visibility: visible;
  opacity: 1;
}
.mainNav .main-menu ul.menu > li.menu-item-has-children:hover {
  border-bottom: 2px solid white;
}
@media  only screen and (max-width : 1024px) {
  .mainNav .main-menu ul.menu > li.menu-item-has-children:hover {
    border-bottom: 2px solid transparent;
  }
}
@media  only screen and (max-width : 1024px) {
  .mainNav .main-menu ul.menu > li.menu-item-has-children:hover {
    border-bottom: 2px solid transparent;
  }
}
.mainNav .main-menu ul.menu > li.menu-item-has-children a {
  cursor: default;
}
.page-cloudfs .mainNav.fixed-top {
  background: #48a9db;
}
.page-turn-key-drive .mainNav.fixed-top {
  background: #2382b4;
}
.page-personal .mainNav.fixed-top {
  background: #1bb252;
}
.mobile-device .navToggleOpen>.mainNav>.navWrap>.navContainer {
  right: 0;
}
.mobile-device .mainNav .menuOpen,
.mobile-device .mainNav .menuClose {
  display: block;
}
.mobile-device .mainNav .navWrap .navContainer {
  background: #222222;
  display: block;
  height: 100vh;
  width: 300px;
  margin-top: -11px;
  padding-top: 48px;
  position: fixed;
  right: -300px;
}
.mobile-device .mainNav .navWrap .buttonWrap {
  padding-top: 15px;
  left: 20px;
}
.mobile-device .mainNav .navItem {
  border: none;
  display: block;
}
.mobile-device .mainNav .navItem .dropDownContainer {
  margin-top: 0;
  opacity: 1;
  position: relative;
  text-align: left;
  visibility: visible;
}
.mobile-device .mainNav .navItem .dropDownContainer >.navLink {
  background: none;
}
.mobile-device .mainNav .navItem:hover,
.mobile-device .mainNav .navItem:focus,
.mobile-device .mainNav .navItem:active {
  border: none;
}
.mobile-device .mainNav .main-menu ul.menu > li {
  display: block;
}
.mobile-device .mainNav .main-menu ul.menu > li ul {
  margin-top: 0;
  opacity: 1;
  position: relative;
  text-align: left;
  visibility: visible;
}
.mobile-device .mainNav .main-menu ul.menu > li ul li {
  background: transparent;
}
.mobile-device .mainNav .main-menu ul.menu > li:hover,
.mobile-device .mainNav .main-menu ul.menu > li:focus,
.mobile-device .mainNav .main-menu ul.menu > li:active {
  border-bottom: 2px solid transparent;
}
.mobile-device .mainNav .main-menu ul.menu > li.menu-item-has-children:hover {
  border-bottom: 2px solid transparent;
}
ul {
  margin-left: -40px;
}
ul li {
  line-height: 2;
}
.companyAbout {
  width: 100%;
  max-width: 900px;
}
.companyAbout h2 {
  border-top: 1px solid #e5e5e5;
  text-align: center;
  margin-top: 80px;
  padding-top: 30px;
}
.companyAbout h2:first-child {
  border-top: none;
  margin-top: 20px;
  padding-top: 0;
}
.companyAbout a {
  color: #48a9db;
}
.companyAbout .employeeWrap {
  margin: 0 auto;
  width: 100%;
  text-align: center;
}
.companyAbout .employeeWrap .employee {
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  margin: 14px;
  width: 140px;
  height: 140px;
  display: inline-block;
  float: none;
}
.companyAbout .employeeWrap .employee img {
  display: block;
  height: auto;
  width: 100%;
}
.companyAbout .employeeWrap .employee .employeeDescription {
  background: rgba(0,0,0,0.6);
  border-radius: 50%;
  color: white;
  height: 100%;
  width: 100%;
  opacity: 0;
  padding: 20% 8%;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  transition: opacity 0.3s ease-out;
  -webkit-transition: opacity 0.3s ease-out;
}
.companyAbout .employeeWrap .employee .employeeDescription h2 {
  font-size: 18px;
  font-weight: 400;
  margin: 0 0 5px 0;
}
.companyAbout .employeeWrap .employee .employeeDescription span {
  font-size: 12px;
}
.companyAbout .employeeWrap .employee .employeeDescription:hover {
  opacity: 1;
}
.contactWrap {
  background: #044c72;
  color: white;
}
.contactWrap h2 {
  margin-bottom: 15px;
}
.contactWrap a {
  color: #48a9db;
}
.contactWrap .container {
  max-width: 800px;
}
.contactWrap .container .column ul li {
  line-height: 1.8;
}
.contactWrap .container .column.email span {
  font-weight: 600;
}
.contactWrap .container .column.address span {
  display: block;
  line-height: 1.8;
  width: 100%;
}
.about-content-container {
  position: relative;
}
.about-content-container .contactWrap h2 {
  text-align: left;
}
.about-content-container .about-bottom-content {
  height: auto;
}
.companyAbout .contactWrap {
  display: none;
}
.blogSubNav {
  border-bottom: 1px solid #e5e5e5;
  padding: 10px 20px;
}
.blogSubNav .blogNavLinks {
  float: right;
}
.blogSubNav a {
  margin: 0 0 0 30px;
  text-decoration: none;
  color: #999999;
}
.blogSubNav a.home {
  color: #48a9db;
}
.blogWrap {
  overflow-x: hidden;
  position: relative;
  border-bottom: 1px solid #e5e5e5;
}
.blogWrap a {
  text-decoration: none;
  color: #48a9db;
}
.blogWrap a:hover {
  color: #48a9db;
}
.blogWrap h2 {
  margin-top: 0;
}
.blogWrap .blogSideNav {
  background: white;
  float: left;
  width: 20%;
  transition: left 0.2s ease-out;
  -webkit-transition: left 0.2s ease-out;
  text-align: right;
}
.blogWrap .blogSideNav .date {
  margin: 0;
  border-bottom: 1px solid #e5e5e5;
}
.blogWrap .blogSideNav .date >a {
  color: #999999;
}
.blogWrap .blogSideNav .comments {
  margin: 10px 0 0 0;
  font-weight: 400;
  font-size: 18px;
}
.blogWrap .blogSideNav .comments >a {
  color: #666666;
}
.blogWrap .blogSideNav .comments >a:hover {
  color: #48a9db;
}
.blogWrap .blogSideNav .cat-links,
.blogWrap .blogSideNav .edit-link {
  color: #666666 !important;
  font-size: 14px;
  margin: 5px 0;
}
.blogWrap .blogSideNav .cat-links >a,
.blogWrap .blogSideNav .edit-link >a {
  color: #666666;
  font-weight: 600;
  text-transform: capitalize;
}
.blogWrap .blogSideNav .cat-links >a:hover,
.blogWrap .blogSideNav .edit-link >a:hover {
  color: #48a9db;
}
.blogWrap .blogSideNav .entry-format {
  display: block;
  position: relative;
  margin: 5px 0;
}
.blogWrap .blogSideNav .entry-format >a {
  color: white;
  background: #48a9db;
  cursor: pointer;
  border: none;
  border-radius: 4px;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  padding: 5px 20px;
  text-transform: uppercase;
  padding: 8px 30px;
  transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
}
.blogWrap .blogSideNav .entry-format >a:hover {
  background: #367fa4;
}
@media  only screen and (max-width : 1024px) {
  .blogWrap .blogSideNav {
    border-right: 1px solid #e5e5e5;
    position: absolute;
    left: -20%;
  }
}
.blogWrap .toggleMenu {
  display: none;
}
.blogWrap .toggleMenu.close {
  position: absolute;
  top: 10px;
  right: 10px;
}
.blogWrap .toggleMenu.close img {
  display: block;
  height: 14px;
  width: 14px;
}
.blogWrap .toggleMenu.open {
  position: absolute;
  top: 10px;
  left: 10px;
}
.blogWrap .toggleMenu.open img {
  display: block;
  height: 18px;
  width: 18px;
}
@media  only screen and (max-width : 1024px) {
  .blogWrap .toggleMenu {
    display: block;
  }
}
.blogWrap .content {
  float: right;
  padding: 0 20px;
  width: 80%;
  margin: 0;
  min-height: 450px;
  padding-bottom: 3%;
}
@media  only screen and (max-width : 1024px) {
  .blogWrap .content {
    border-left: none;
    padding: 0 20px 0 50px;
    position: relative;
    width: 100%;
  }
}
.blogWrap .content .blogTitle {
  margin-top: 0;
  color: #48a9db;
}
.blogWrap .content .entry-content {
  line-height: 1.8;
}
.blogWrap .content .entry-content img {
  margin: 5% auto;
}
.blogWrap .content .entry-content ul {
  margin-left: 2%;
}
.blogWrap .content .entry-content li {
  list-style: disc;
}
.blogWrap .content .tag-links {
  margin: 20px 0;
}
.blogWrap .content .tag-links >a {
  color: #48a9db;
}
.blogWrap .content .tag-links b {
  color: #666666;
}
.blogWrap .blogCommentsArea {
  position: relative;
  clear: both;
  border-top: 1px solid #e5e5e5;
  display: none;
}
.blogWrap .blogCommentsArea #reply-title {
  margin-top: 0;
  font-size: 18px;
}
.blogWrap .blogCommentsArea .comment-form-comment label,
.blogWrap .blogCommentsArea .comment-form-comment input[type=submit],
.blogWrap .blogCommentsArea #respond label,
.blogWrap .blogCommentsArea #respond input[type=submit] {
  color: white;
  background: #48a9db;
  cursor: pointer;
  border: none;
  border-radius: 4px;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  padding: 5px 20px;
  text-transform: uppercase;
  padding: 8px 30px;
  transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
}
.blogWrap .blogCommentsArea .comment-form-comment label:hover,
.blogWrap .blogCommentsArea .comment-form-comment input[type=submit]:hover,
.blogWrap .blogCommentsArea #respond label:hover,
.blogWrap .blogCommentsArea #respond input[type=submit]:hover {
  background: #367fa4;
}
.blogWrap .navigation {
  display: block;
  clear: both;
  text-align: center;
}
.blogWrap .navigation .nav-previous >a,
.blogWrap .navigation .nav-next >a {
  color: #999999;
}
.blogWrap .navigation .nav-previous >a:hover,
.blogWrap .navigation .nav-next >a:hover {
  color: #48a9db;
}
.blogWidgetArea a {
  display: block;
  text-decoration: none;
}
.blogWidgetArea h3 {
  color: #999999;
}
.blogWidgetArea .widget {
  width: 50%;
  display: inline-block;
  margin: 0 0 20px 0;
  font-size: 16px;
  vertical-align: top;
}
.blogWidgetArea .widget a {
  color: #48a9db;
}
.blogWidgetArea .widget a:hover {
  color: #367fa4;
}
.blogWidgetArea #recent-posts-3 li {
  list-style: disc;
  color: #999999;
}
.blogWidgetArea #categories-3 ul,
.blogWidgetArea #archives-3 ul {
  padding: 0;
}
.blogWidgetArea #categories-3 li,
.blogWidgetArea #archives-3 li {
  display: inline-block;
}
.blogWidgetArea #categories-3 li a:after,
.blogWidgetArea #archives-3 li a:after {
  content: '•';
  color: #999999;
  margin: 0 5px;
  font-size: 18px;
}
.blogWidgetArea #archives-3 {
  width: 100%;
  margin-bottom: 30px;
}
.blogWidgetArea #meta-3 {
  border-top: 1px solid #e5e5e5;
  width: 100%;
  text-align: center;
  padding-top: 20px;
}
.blogWidgetArea #meta-3 ul {
  padding: 0;
}
.blogWidgetArea #meta-3 li {
  display: inline-block;
  width: calc(16.666666666667%);
}
.blogWidgetArea #meta-3 li >a {
  color: #666666;
}
.careerHeader {
  text-align: center;
}
.jobscoreHeader {
  text-align: center;
  margin-top: 0;
}
.jobsWrap .container {
  margin: 0 auto;
  max-width: 800px;
}
.jobscoreWrap .container {
  margin: 0 auto;
  max-width: 800px;
}
.potentialWrap {
  background: #fafafa;
}
.potentialWrap .container {
  max-width: 800px;
}
.potentialWrap .container .potentialImg {
  float: left;
  margin-right: 10px;
}
.perkWrap {
  text-align: center;
}
.perkWrap .container {
  max-width: 1000px;
}
.perkWrap .container .column {
  padding: 0 20px;
}
.perkWrap h4 {
  margin: 0 0;
  text-align: center;
  white-space: nowrap;
}
.partner .quoteImg {
  border-radius: 50%;
  display: block;
  float: left;
  height: 100px;
  width: 100px;
  margin: 20px 15px 0 0;
}
.partner .quoteName {
  margin-top: 40px;
}
.partner .career-testimonial .testimonialWrap p {
  margin-top: 40px;
}
.caseStudyContainer {
  border-top: 1px solid #e5e5e5;
}
.caseStudyContainer .panel {
  position: relative;
  text-align: center;
  padding: 0 20px;
  min-height: 270px;
}
.caseStudyContainer .panel.panelTwo {
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}
.caseStudyContainer .panel h3 {
  color: #2382b4;
}
.caseStudyContainer .panel .caseImg {
  display: block;
  height: auto;
  width: 60%;
  margin: 0px auto;
}
.caseStudyContainer .panel .hover {
  opacity: 0;
  padding: 20px;
  position: absolute;
  top: -5px;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  text-align: left;
}
.caseStudyContainer .panel .hover:hover {
  background: rgba(255,255,255,0.95);
  opacity: 1;
  top: 0;
}
.column {
  position: relative;
}
.column.oneUp {
  text-align: center;
}
.column.twoUp {
  float: left;
  vertical-align: top;
}
.column.twoUp.thirty {
  width: calc(100%/3);
}
.column.twoUp.fifty {
  width: 50%;
}
@media  only screen and (max-device-width : 320px) and (-webkit-min-device-pixel-ratio: 2) {
  .column.twoUp.fifty {
    width: auto;
    text-align: center;
  }
}
.column.twoUp.sixty {
  width: calc(100%/1.5);
}
.column.threeUp {
  float: left;
  vertical-align: top;
  width: calc(100%/3);
}
.column.fourUp {
  float: left;
  vertical-align: top;
  width: 25%;
}
.column.fiveUp {
  float: left;
  vertical-align: top;
  width: 20%;
}
.contact {
  border-top: 1px solid #e5e5e5;
}
.contact h2 {
  text-align: center;
}
.contact .contactForm {
  margin: 0 auto;
  width: 40%;
  min-width: 400px;
}
.tableContents .navItem {
  display: block;
  padding: 20px 0 0;
}
.methodWrap {
  background: #222222;
  margin-left: 50%;
  padding-top: 40px;
  position: relative;
}
.methodWrap .language {
  position: absolute;
  top: 0;
  padding: 8px 20px;
}
.methodWrap .language .navItem {
  border-radius: 20px;
  color: #999999;
  padding: 1px 15px 5px;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
}
.methodWrap .language .navItem.selected {
  background: #333333;
  color: #48a9db;
}
.methodWrap .language .navItem:hover {
  color: #48a9db;
}
.methodWrap .method {
  margin-left: -100%;
}
.methodWrap .method h2 {
  margin: 0;
}
.methodWrap .method h3:first-child {
  margin-top: 0;
}
.methodWrap .method p {
  font-size: 14px;
}
.methodWrap .method:after {
  content: '';
  clear: both;
  display: block;
  height: 0;
}
.methodWrap .method >.description,
.methodWrap .method >.example {
  float: left;
  padding: 20px;
  width: 50%;
}
.methodWrap .method >.description:first-child,
.methodWrap .method >.example:first-child {
  border-top: 0;
}
.methodWrap .method >.example {
  border-top: 1px solid #333333;
}
.methodWrap .method >.description {
  border-top: 1px solid #e5e5e5;
}
.methodWrap .method >.description table {
  width: 100%;
  font-size: 14px;
  border-collapse: collapse;
}
.methodWrap .method >.description table th {
  border-left: 1px solid #e5e5e5;
  padding: 10px 8px;
  text-align: left;
}
.methodWrap .method >.description table th:first-child {
  border-left: none;
}
.methodWrap .method >.description table td {
  border-left: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  line-height: 1.5;
  padding: 10px 8px;
  vertical-align: top;
}
.methodWrap .method >.description table td:first-child {
  border-left: none;
}
.productDownload .oneUp {
  margin: 0 auto;
  width: 80%;
  max-width: 800px;
}
.productDownload .downloadAppsWrap {
  padding-top: 40px;
}
.productDownload .downloadAppsWrap .app {
  cursor: pointer;
  color: #333333;
  fill: #333333;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  margin: 0 4%;
  display: inline-block;
  vertical-align: middle;
}
.productDownload .downloadAppsWrap .app:hover {
  color: #1bb252;
  fill: #1bb252;
}
.productDownload .downloadAppsWrap .app .appLogo {
  float: left;
  height: 36px;
  width: 36px;
  margin-right: 10px;
}
.productDownload .downloadAppsWrap .app p {
  margin-top: 5px;
  margin-right: 0;
  text-align: left;
  display: inline-block;
}
#windows.windowsWrap.container.border,
#linux.linuxWrap.container.border {
  display: none !important;
}
#windows.windowsWrap.container.border:target,
#linux.linuxWrap.container.border:target {
  display: block !important;
  border-top: 1px solid #e5e5e5;
}
.windowsDownload {
  max-width: 800px;
  margin: 0 auto;
}
.windowsDownload h2 {
  text-align: center;
}
.windowsDownload li {
  font-size: 20px;
}
.windowsDownload .downloadSelect {
  margin: 0 auto;
  position: relative;
  width: 90%;
  text-align: center;
}
.windowsDownload .downloadSelect select {
  position: relative;
  height: 49px;
  width: 55%;
  padding: 12px 10px;
  margin-right: 2%;
  border: 1px solid #1bb252;
  background-color: #fff;
  font-size: 18px;
  color: #1bb252;
  cursor: pointer;
  font-weight: 400;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.windowsDownload .downloadSelect .preDownload {
  background-color: #999999;
}
.linuxInstruct {
  max-width: 800px;
  margin: 0 auto;
}
.linuxInstruct h2 {
  text-align: center;
  margin-top: 0;
}
.linuxInstruct li {
  font-size: 20px;
}
.linuxInstruct .codeBlock {
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  display: block;
  font-size: 12px;
  margin: 10px 0 20px;
  padding: 10px;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.featureIcon {
  display: block;
  height: 80px;
  width: 80px;
  margin: 0 auto;
  fill: #afafaf;
  stroke: #afafaf;
  transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
}
.featureIcon.company {
  fill: #044c72;
  stroke: #044c72;
}
.featureIcon.company.home {
  width: 100px;
  height: 100px;
}
.featureContainer {
  padding: 10px 0;
}
.featureContainer.technology h3 {
  color: #044c72;
}
@media  only screen and (max-width : 1024px) {
  .featureContainer {
    padding: 10px 20px;
  }
  .featureContainer p {
    margin-right: 20px;
    margin-left: 20px;
  }
  .featureContainer h2 {
    margin-left: 20px;
  }
}
.featureContainer .featureGrid {
  margin: 0 auto;
  width: 80%;
  color: #afafaf;
}
@media  only screen and (max-width : 1024px) {
  .featureContainer .featureGrid {
    width: 100%;
  }
}
.featureContainer .featureGrid .feature {
  cursor: pointer;
  padding: 20px 20px;
}
.featureContainer .featureGrid .featureHeader {
  text-align: center;
  transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
}
.featureContainer .blurb {
  border-bottom: 1px solid #e5e5e5;
}
.featureContainer .blurb p {
  text-align: left;
  margin: 0 auto;
  padding: 30px 0;
  width: calc(90% - 160px);
}
@media  only screen and (max-width : 1024px) {
  .featureContainer .blurb p {
    width: calc(100% - 40px);
  }
}
.featureContainer .featureDescription {
  border-top: 1px solid #e5e5e5;
  clear: both;
  height: 260px;
  overflow: hidden;
  padding: 20px 0;
  position: relative;
}
.featureContainer .featureDescription.technology {
  height: auto;
  overflow: auto;
  padding-top: 0;
}
.featureContainer .featureDescription.technology h2 {
  margin: 0;
}
.featureContainer .featureDescription.technology .feature {
  border-bottom: 1px solid #e5e5e5;
  display: block;
  margin: 0 auto;
  opacity: 1;
  padding: 20px 0;
  width: 80%;
}
@media  only screen and (max-width : 1024px) {
  .featureContainer .featureDescription.technology .feature {
    width: 100%;
  }
}
.featureContainer .featureDescription.technology .feature:last-child {
  border-bottom: none;
}
.featureContainer .featureDescription.technology .feature .featureImg img {
  width: calc(100% - 40px);
  margin-left: 20px;
}
.featureContainer .featureDescription.technology .feature .column.twoUp.sixty {
  top: 0px;
}
.featureContainer .featureDescription .feature {
  padding: 0 5%;
}
.featureContainer .featureDescription .feature .featureImg img {
  width: 100%;
  height: 235px;
}
@media  only screen and (max-width : 1024px) {
  .featureContainer .featureDescription .feature {
    padding: 0;
  }
}
.featureContainer .featureDescription .feature p {
  padding: 10px 20px;
  margin: 0 auto;
  text-align: left;
}
@media  only screen and (max-width : 768px) {
  .featureContainer .featureDescription .feature p {
    padding: 10px;
  }
}
.featureContainer .featureDescription .feature p >a {
  font-weight: 600;
  color: #48a9db;
}
.featureContainer .featureDescription .feature .column.twoUp.sixty {
  display: inline-block;
  position: relative;
  top: 50px;
}
.featureContainer .featureDescription .feature .column.twoUp.sixty.cloudfs {
  top: 25px;
}
@media  only screen and (max-width : 1024px) {
  .featureContainer .featureDescription .feature .column.twoUp.sixty.cloudfs {
    top: 20px;
  }
}
@media  only screen and (max-width : 768px) {
  .featureContainer .featureDescription .feature .column.twoUp.sixty.cloudfs {
    top: 10px;
  }
}
@media  only screen and (max-width : 1024px) {
  .featureContainer .featureDescription .feature .column.twoUp.sixty {
    top: 20px;
  }
}
body .featureOne,
body .featureTwo,
body .featureThree,
body .featureFour {
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s linear;
  -webkit-transition: all 0.4s linear;
  position: absolute;
  top: 20px;
  left: 0;
}
body.featureOne .featureOne {
  visibility: visible;
  opacity: 1;
}
body.featureOne .headerOne.cloudfs {
  stroke: #48a9db;
  fill: #48a9db;
  color: #48a9db;
}
body.featureOne .headerOne.turnkey {
  stroke: #2382b4;
  fill: #2382b4;
  color: #2382b4;
}
body.featureOne .headerOne.personal {
  stroke: #1bb252;
  fill: #1bb252;
  color: #1bb252;
}
body.featureTwo .featureTwo {
  visibility: visible;
  opacity: 1;
}
body.featureTwo .headerTwo.cloudfs {
  stroke: #48a9db;
  fill: #48a9db;
  color: #48a9db;
}
body.featureTwo .headerTwo.turnkey {
  stroke: #2382b4;
  fill: #2382b4;
  color: #2382b4;
}
body.featureTwo .headerTwo.personal {
  stroke: #1bb252;
  fill: #1bb252;
  color: #1bb252;
}
body.featureThree .featureThree {
  visibility: visible;
  opacity: 1;
}
body.featureThree .headerThree.cloudfs {
  stroke: #48a9db;
  fill: #48a9db;
  color: #48a9db;
}
body.featureThree .headerThree.turnkey {
  stroke: #2382b4;
  fill: #2382b4;
  color: #2382b4;
}
body.featureThree .headerThree.personal {
  stroke: #1bb252;
  fill: #1bb252;
  color: #1bb252;
}
body.featureFour .featureFour {
  visibility: visible;
  opacity: 1;
}
body.featureFour .headerFour.cloudfs {
  stroke: #48a9db;
  fill: #48a9db;
  color: #48a9db;
}
body.featureFour .headerFour.turnkey {
  stroke: #2382b4;
  fill: #2382b4;
  color: #2382b4;
}
body.featureFour .headerFour.personal {
  stroke: #1bb252;
  fill: #1bb252;
  color: #1bb252;
}
.featureContainer.blocks {
  padding-top: 20px;
}
.featureContainer .feature-block {
  padding: 30px 40px 30px;
  border-bottom: solid 1px #CCCCCC;
}
.featureContainer .feature-block:last-child {
  border: none;
}
.featureContainer .feature-block .left {
  width: 60%;
  float: left;
}
.featureContainer .feature-block .left h3 {
  color: #044c72;
  font-size: 20px;
  text-transform: uppercase;
  margin: 0px;
  background-repeat: no-repeat;
  background-size: 55px;
  padding: 15px 15px 15px 74px;
  background-position: left center;
}
.featureContainer .feature-block .left p {
  margin: 30px 40px 0px 0px;
}
.featureContainer .feature-block .right {
  width: 40%;
  float: left;
  text-align: center;
}
.featureContainer .feature-block .right img {
  width: 90%;
}
.featureContainer .block-content {
  padding: 30px 10%;
  border-bottom: solid 1px #CCCCCC;
}
.featureContainer .block-content.technology-top {
  padding: 30px 40px 30px;
}
.page-cloudfs .featureContainer .feature-block .left h3 {
  color: #48a9db;
}
.page-turn-key-drive .featureContainer .feature-block .left h3 {
  color: #48a9db;
}
.page-personal .featureContainer .feature-block .left h3 {
  color: #1bb252;
}
.productHex {
  width: 75%;
  max-width: 1000px;
}
@media  only screen and (max-width : 1024px) {
  .productHex {
    width: 100%;
  }
}
.productHex .hexWrap {
  margin-top: -100px;
  padding: 0 20px 10px;
  text-align: center;
  width: 30%;
}
.productHex .hexWrap:first-child {
  margin-left: 5%;
}
.productHex .hexWrap:last-child {
  margin-right: 5%;
}
@media  only screen and (max-device-width : 320px) and (-webkit-min-device-pixel-ratio: 2) {
  .productHex .hexWrap {
    margin: 10px 0px;
    width: 100%;
    padding: 0 0 10px;
  }
  .productHex .hexWrap:first-child {
    margin-left: 0%;
  }
  .productHex .hexWrap:last-child {
    margin-right: 0%;
  }
}
.careerHex {
  background: #1c2732;
  color: white;
  text-align: center;
}
.careerHex h3 {
  color: #999999;
}
.careerHex .container {
  max-width: 800px;
}
.careerHex .hexWrap {
  padding: 0 20px 40px;
}
.bannerImg .hex {
  fill: rgba(255,255,255,0.3);
}
.hex {
  display: block;
  fill: #1c2732;
  height: auto;
  width: 120px;
  margin: 0 auto;
  position: relative;
  transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
}
.hex.career {
  width: 150px;
}
.hex.signUp .hexagon {
  position: relative;
}
.hex.signUp .hexagon.cloudfs {
  fill: #48a9db;
}
.hex.signUp .hexagon.cloudfs:after {
  background: url(/assets/background/bg_cloudfs.svg) repeat;
  content: '';
  display: block;
  opacity: 0.1;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.hex.signUp .hexagon.personal {
  fill: #1bb252;
}
.hex.signUp .hexagon.personal:after {
  background: url(/assets/background/bg_personal.svg) repeat;
  content: '';
  display: block;
  opacity: 0.1;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.hex #cloudfsLogo,
.hex #turnkeyLogo,
.hex #personalLogo {
  transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
}
.hex #cloudfsLogo .light {
  fill: #48a9db;
}
.hex #cloudfsLogo .dark {
  fill: #367fa4;
}
.hex #turnkeyLogo .light {
  fill: #2382b4;
}
.hex #turnkeyLogo .dark {
  fill: #1a6287;
}
.hex #personalLogo .light {
  fill: #1bb252;
}
.hex #personalLogo .dark {
  fill: #14853e;
}
.hex.cloudfs:hover {
  fill: #48a9db;
}
.hex.cloudfs:hover #cloudfsLogo .light {
  fill: white;
}
.hex.cloudfs:hover #cloudfsLogo .dark {
  fill: #dddddd;
}
.hex.turnkey:hover {
  fill: #2382b4;
}
.hex.turnkey:hover #turnkeyLogo .light {
  fill: white;
}
.hex.turnkey:hover #turnkeyLogo .dark {
  fill: #dddddd;
}
.hex.personal:hover {
  fill: #1bb252;
}
.hex.personal:hover #personalLogo .light {
  fill: white;
}
.hex.personal:hover #personalLogo .dark {
  fill: #dddddd;
}
.hex .productLogo {
  height: 60px;
  position: absolute;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
}
.hex .productLogo#cloudfsLogo,
.hex .productLogo#turnkeyLogo,
.hex .productLogo#personalLogo {
  left: calc(50% - 36px);
}
.hex .productLogo.home-col {
  width: 140px;
  height: 140px;
  margin-left: -10px;
  position: static;
  left: 0px;
  right: 0px;
}
.legalContainer .container {
  margin: 0 auto;
  position: relative;
  width: 100%;
  max-width: 800px;
}
.legalContainer .container .legalNav {
  cursor: pointer;
  text-align: center;
  margin: 3% 0;
}
.legalContainer .container .legalNav h3 {
  margin: 0;
  transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
}
.legalContainer .container .legalNav h3:hover {
  color: #48a9db;
}
.legalContainer .container .legalNav .legalNavHeader:after {
  content: ' | ';
  display: inline-block;
  float: right;
}
.legalContainer .container .TOSContainer.personal .chapterNav .navItem,
.legalContainer .container .TOSContainer.platform .chapterNav .navItem {
  display: inline-block;
  padding: 10px 15px;
}
body .TOSContainer.personal,
body .TOSContainer.platform {
  display: none;
}
body.featureOne .TOSContainer.personal {
  display: block;
}
body.featureTwo .TOSContainer.platform {
  display: block;
}
.partner {
  background: #fafafa;
}
.partner h2 {
  text-align: center;
}
.partner .partnerLogoWrap #partnerLogo {
  fill: #333333;
}
.partner .testimonialWrap {
  margin: 0 auto;
  width: 45%;
}
@media  only screen and (max-width : 1024px) {
  .partner .testimonialWrap {
    width: 80%;
  }
}
.partner .testimonialWrap .testimonial {
  background: #044c72;
  border-radius: 6px;
  color: white;
  padding: 20px 30px;
  position: relative;
}
.partner .testimonialWrap .testimonial .triangle {
  fill: #044c72;
  height: 20px;
  position: absolute;
  bottom: -15px;
  left: 20px;
}
.partner .testimonialWrap .testimonial .triangle.career {
  left: 70px;
}
.partner .career-testimonial .testimonialWrap .testimonial .triangle {
  left: 70px;
}
.partnerContainer .contactus {
  padding: 0 0 60px;
  border-top: 1px solid #e5e5e5;
}
.partnerContainer .contactus >h2 {
  text-align: center;
}
.partnerContainer .partnerWrap .threeUp {
  padding: 20px;
}
.partnerContainer .partnerWrap .threeUp .partner {
  background: #e5e5e5;
  height: 220px;
  overflow: hidden;
  padding: 20px;
  position: relative;
  text-align: center;
}
.partnerContainer .partnerWrap .threeUp .partner:hover >.partnerDescription {
  opacity: 1;
}
.partnerContainer .partnerWrap .threeUp .partner:hover >.slideUp {
  top: 176px;
}
.partnerContainer .partnerWrap .threeUp .partner >.partnerDescription {
  color: white;
  background: rgba(4,76,114,0.95);
  opacity: 0;
  padding: 20px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out;
}
.partnerContainer .partnerWrap .threeUp .partner >.partnerDescription p {
  text-align: left;
  margin: 0;
}
.partnerContainer .partnerWrap .threeUp .partner >.slideUp {
  background: #48a9db;
  padding: 8px 20px;
  position: absolute;
  top: 220px;
  left: 0;
  transition: all 0.15s ease-out;
  -webkit-transition: all 0.15s ease-out;
  width: 100%;
}
.partnerContainer .partnerWrap .threeUp .partner >.slideUp p {
  color: white;
  text-align: left;
  margin: 0;
}
.partnerContainer .partnerWrap .threeUp .partner >h4 {
  margin-top: 70px;
}
.partnerContainer .partnerWrap .threeUp .partner >.partnerLogo {
  height: 90%;
  width: 100%;
  margin: 0 auto;
  margin-top: 2%;
}
.appShowcase .appLogo img {
  height: 90px;
  padding: 20px;
}
@media  only screen and (max-width : 1024px) {
  .appShowcase .appLogo img {
    height: 75px;
    padding: 15px;
  }
}
.pressSubNav {
  border-bottom: 1px solid #e5e5e5;
  padding: 10px 20px;
}
.pressSubNav .pressNavLinks {
  float: right;
}
.pressSubNav a {
  margin: 0 0 0 30px;
  text-decoration: none;
  color: #999999;
}
.pressSubNav a.active {
  color: #48a9db;
}
.pressWrap {
  overflow-x: hidden;
  position: relative;
}
.pressWrap .archivesTitle {
  margin-top: 0;
  color: #48a9db;
}
.pressWrap .pressEntry {
  display: block;
  vertical-align: top;
  position: relative;
  clear: both;
  margin-bottom: 15px;
  padding-bottom: 7%;
}
.pressWrap .pressEntry h3 {
  margin: 0 0 11px 0;
  color: #999999;
}
.pressWrap .pressEntry .pressTitle,
.pressWrap .pressEntry .pressTile {
  color: #999999;
  margin-bottom: 5px;
}
.pressWrap .pressEntry .pressTitle:hover,
.pressWrap .pressEntry .pressTile:hover {
  color: #48a9db;
}
.pressWrap .pressEntry .pressDate {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 5px;
  display: block;
}
.pressWrap .pressEntry .pressLink:after {
  content: '»';
  display: inline-block;
  margin-left: 5px;
}
.pressWrap .pressEntry .pressMain {
  float: right;
  display: inline-block;
  width: 80%;
  padding: 0 3%;
}
.pressWrap .pressEntry .pressEntryMeta {
  float: left;
  display: inline-block;
  width: 20%;
  text-align: right;
}
.pressWrap .pressEntry .pressEntryMeta p,
.pressWrap .pressEntry .pressEntryMeta a,
.pressWrap .pressEntry .pressEntryMeta h3 {
  margin: 0;
}
.pressWrap .pressArchiveMonth {
  border-bottom: 1px solid #e5e5e5;
  margin: 3% 0;
  color: #666666;
}
.pressWrap .location {
  font-weight: 600;
  color: #666666;
}
.pressWrap .mainTitle {
  margin: 0;
  color: #666666;
}
.pressWrap .subTitle {
  margin-bottom: 3%;
  color: #666666;
}
.pressWrap .boilerPlate {
  padding-top: 2%;
}
.pressWrap .boilerPlate h3 {
  color: #666666;
}
.pressWrap .boilerPlate .blancOtus {
  font-weight: 600;
  color: #666666;
  margin: 0;
}
.pressWrap .boilerPlate p {
  margin-top: 0;
  color: #666666;
}
.pressNavigation {
  border-bottom: 1px solid #e5e5e5;
}
.backPress {
  transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 3%;
}
.backPress:hover {
  cursor: pointer;
}
.archivedLinks {
  text-align: center;
  padding-bottom: 2%;
}
.archivedLinks a:after {
  content: '»';
  display: inline-block;
  margin-left: 5px;
}
.mediakit {
  text-align: center;
}
.pressArchives h2 {
  margin-top: 0;
}
.pricingContainer {
  color: white;
  padding: 40px 0;
  text-align: center;
}
.pricingContainer.cloudfs {
  background: #367fa4;
}
.pricingContainer.cloudfs .container {
  max-width: 900px;
}
.pricingContainer.cloudfs h3 {
  margin-top: 0;
}
.pricingContainer.cloudfs .button {
  background: #48a9db;
  color: white;
  transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
}
.pricingContainer.cloudfs .button:hover {
  background: #1a6287;
  color: white;
}
.pricingContainer.cloudfs .storage {
  padding-top: 45px;
  height: 140px;
  width: 140px;
}
.pricingContainer.cloudfs .storage span {
  text-transform: none;
}
.pricingContainer.cloudfs small {
  color: white;
}
.pricingContainer.cloudfs small.more {
  margin-top: 10px;
  font-size: 14px;
  display: block;
  position: relative;
}
.pricingContainer.cloudfs small >a {
  color: white;
}
.pricingContainer.cloudfs small >a:hover {
  text-decoration: underline;
}
.pricingContainer.personal {
  background: #1bb252;
}
.pricingContainer.personal .container {
  max-width: 800px;
}
.pricingContainer.personal h3 {
  margin-top: 0;
}
.pricingContainer.personal .button {
  background: #3bc36c;
  color: white;
  transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
}
.pricingContainer.personal .button:hover {
  background: #14853e;
  color: white;
}
.pricingContainer.personal .storage {
  padding-top: 36px;
  height: 120px;
  width: 120px;
}
.pricingContainer .storage {
  background: white;
  border-radius: 50%;
  font-size: 36px;
  font-weight: 300;
  margin: 0 auto;
  text-transform: uppercase;
}
.pricingContainer .storage.personal {
  color: #1bb252;
}
.pricingContainer .storage.cloudfs {
  color: #367fa4;
}
.pricingContainer .storage >span {
  display: block;
  font-size: 12px;
  font-weight: 600;
}
.pricingContainer .price {
  margin: 20px 0;
}
.pricingContainer .price.free {
  margin-bottom: 40px;
}
.pricingContainer .price >span {
  font-size: 24px;
}
.pricingContainer.featureTable {
  padding-top: 0;
  position: relative;
}
.pricingContainer.featureTable:before {
  background: white;
  border-bottom: 1px solid #367fa4;
  content: '';
  display: block;
  height: 46px;
  width: 100%;
  position: absolute;
}
.pricingContainer.featureTable.personalTable th {
  color: #1bb252;
}
.pricingContainer.featureTable.personalTable th,
.pricingContainer.featureTable.personalTable td {
  padding: 10px;
  text-align: left;
  width: 25%;
}
@media  only screen and (max-width : 1024px) {
  .pricingContainer.featureTable.personalTable th,
  .pricingContainer.featureTable.personalTable td {
    padding: 10px 20px;
  }
}
.pricingContainer.featureTable.personalTable:before {
  background: white;
  border-bottom: 1px solid #1bb252;
  content: '';
  display: block;
  height: 46px;
  width: 100%;
  position: absolute;
}
.pricingContainer.featureTable table {
  border-collapse: collapse;
  color: #424242;
  margin: 0 auto;
  width: 100%;
  max-width: 900px;
}
.pricingContainer.featureTable table th {
  background: transparent;
  color: #367fa4;
  height: 46px;
}
.pricingContainer.featureTable table th,
.pricingContainer.featureTable table td {
  padding: 10px;
  text-align: left;
  width: 20%;
}
@media  only screen and (max-width : 1024px) {
  .pricingContainer.featureTable table th,
  .pricingContainer.featureTable table td {
    padding: 10px 20px;
  }
}
.resourceWrap {
  overflow-x: hidden;
  position: relative;
}
.resourceWrap .resourceNav {
  background: white;
  float: left;
  width: 20%;
  transition: left 0.2s ease-out;
  -webkit-transition: left 0.2s ease-out;
}
.resourceWrap .resourceNav h3 {
  margin-top: 23px;
  margin-bottom: 5px;
  border-bottom: 1px solid #e5e5e5;
}
@media  only screen and (max-width : 1024px) {
  .resourceWrap .resourceNav {
    border-right: 1px solid #e5e5e5;
    position: absolute;
    left: -20%;
  }
}
.resourceWrap .toggleMenu {
  display: none;
}
.resourceWrap .toggleMenu.close {
  position: absolute;
  top: 10px;
  right: 10px;
}
.resourceWrap .toggleMenu.close img {
  display: block;
  height: 14px;
  width: 14px;
}
.resourceWrap .toggleMenu.open {
  position: absolute;
  top: 10px;
  left: 10px;
}
.resourceWrap .toggleMenu.open img {
  display: block;
  height: 18px;
  width: 18px;
}
@media  only screen and (max-width : 1024px) {
  .resourceWrap .toggleMenu {
    display: block;
  }
}
.resourceWrap .content {
  float: right;
  padding: 0 20px;
  width: 80%;
  margin: 0;
  min-height: 450px;
}
@media  only screen and (max-width : 1024px) {
  .resourceWrap .content {
    border-left: none;
    padding: 0 20px 0 50px;
    position: relative;
    width: 100%;
  }
}
.resourceWrap .content h2 {
  margin-top: 0;
  border-bottom: 1px solid #e5e5e5;
}
.resourceWrap .content .homeSignUp {
  margin-bottom: 3%;
}
.resourceWrap .content .mainDocs h2 {
  margin-top: 0;
}
.resourceWrap .content .mainDocs .pageContent {
  display: block;
  padding: 1% 0 3%;
  position: relative;
}
.resourceWrap .content .mainDocs .pageContent h3 {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 10px;
}
.resourceWrap .content .mainDocs .pageContent h3:first-child {
  margin-top: 0px;
}
.resourceWrap .content .mainDocs .pageContent h3 li {
  list-style: none !important;
}
.resourceWrap ul {
  margin-left: 3%;
}
.showcase {
  border-bottom: 1px solid #e5e5e5;
}
.showcase:last-child {
  border-bottom: none;
}
.spotLight {
  background-color: #333333;
  display: block;
  margin: 7.2% 3% 0;
  max-width: calc(25%);
}
.spotLight .appLogo {
  margin: 0 auto;
  text-align: center;
  display: block;
  -webkit-transition: all 0.15s linear;
}
.spotLight .appLogo:hover {
  background-color: #48a9db;
}
.sourceCode {
  margin-left: 5%;
}
.documentationContainer {
  margin-top: 5%;
}
.sdk {
  display: inline-block;
  width: calc(14.285714285714%);
  float: left;
  transition: all 0.15s linear;
  -webkit-transition: all 0.15s linear;
}
.sdk img {
  width: 45%;
}
.sdk p {
  margin-bottom: 0;
}
.sdk .availDocs {
  display: block;
  margin-top: 5px;
}
.sdk .disabled {
  color: #999999;
}
.sdk .disabledDocs {
  margin: 0;
  color: #999999;
}
.sdk small {
  margin: 0;
  font-size: 12px;
  color: #999999;
}
.sdk:hover {
  background-color: cloudfsSecondary;
}
body.sidebarToggleOpen .resourceWrap .resourceNav {
  left: 20px;
}
piDocumentation h2 {
  margin-top: 0;
  border-bottom: 1px solid #e5e5e5;
}
piDocumentation li {
  list-style: disc;
  margin-bottom: 10px;
}
piDocumentation h3 {
  margin-bottom: 5px;
}
.sampleApps .oneUp {
  margin: 0 auto;
  width: 80%;
  max-width: 800px;
}
.sampleApps .samplesAppsWrap {
  padding: 20px 0;
}
.sampleApps .samplesAppsWrap .app {
  cursor: pointer;
  color: #333333;
  fill: #333333;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  margin: 0 4%;
  display: inline-block;
}
.sampleApps .samplesAppsWrap .app:hover {
  color: #48a9db;
  fill: #48a9db;
}
.sampleApps .samplesAppsWrap .app .appLogo {
  float: left;
  height: 36px;
  width: 36px;
  margin-right: 10px;
}
.sampleApps .samplesAppsWrap .app p {
  margin-top: 5px;
  margin-right: 0;
  text-align: left;
  display: inline-block;
}
.sampleContainer h3 {
  text-transform: none;
}
.sampleContainer .sampleAppHeader {
  margin: 30px auto 20px;
}
.sampleContainer .sampleWrap {
  padding-right: 10px;
}
.sampleContainer .sampleWrap .sampleLanguage .app {
  cursor: pointer;
  color: #333333;
  fill: #333333;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  margin: 0 7% 0 0;
  display: inline-block;
}
.sampleContainer .sampleWrap .sampleLanguage .app:hover {
  color: #48a9db;
  fill: #48a9db;
}
.sampleContainer .sampleWrap .sampleLanguage .app .appLogo {
  float: left;
  height: 36px;
  width: 36px;
  margin-right: 10px;
}
.sampleContainer .sampleWrap .sampleLanguage .app p {
  margin-top: 5px;
  margin-right: 0;
  text-align: left;
  display: inline-block;
}
.sampleAppDocumentation h2 {
  margin-top: 0;
  border-bottom: 1px solid #e5e5e5;
}
.sampleAppDocumentation .sourceCodeButton {
  text-align: center;
}
.code-well {
  margin: 2% 5%;
  background-color: #333333;
  color: #fafafa;
  padding: 2%;
  width: 80%;
}
.sidebar {
  border-right: 1px solid #e5e5e5;
  padding: 20px;
  padding-top: 54px;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 200px;
}
.content {
  margin: 54px 0 0 200px;
}
.signUpWrap {
  background: white;
  border-bottom: 1px solid #e5e5e5;
  color: white;
  max-height: 380px;
  overflow: hidden;
  position: fixed;
  top: -380px;
  text-align: center;
  transition: all 0.15s cubic-bezier(.18,.89,.32,1);
  -webkit-transition: all 0.15s cubic-bezier(.18,.89,.32,1);
  width: 100%;
  z-index: 400;
}
.signUpWrap .container {
  width: 80%;
  position: relative;
}
.signUpWrap .menuClose {
  background: url(/assets/nav/close-dark.svg);
  background-size: contain;
  cursor: pointer;
  height: 14px;
  width: 14px;
  position: absolute;
  top: 20px;
  right: 0px;
}
.signUpWrap h2.personal,
.signUpWrap p.personal {
  color: #1bb252;
}
.signUpWrap h2.cloudfs,
.signUpWrap p.cloudfs {
  color: #48a9db;
}
.signUpWrap h2 {
  margin-bottom: 0;
}
@media  only screen and (max-width : 1024px) {
  .signUpWrap h2 {
    font-size: 24px;
  }
}
.signUpWrap p {
  margin-top: 0;
}
@media  only screen and (max-width : 1024px) {
  .signUpWrap p {
    font-size: 12px;
    margin-top: 10px;
  }
}
.signUpWrap .column:first-child {
  border-right: 1px solid #e5e5e5;
}
.signupToggleOpen .signUpWrap {
  top: 0;
}
.support {
  background: #fafafa;
  padding: 20px 0;
}
.supportHeading {
  text-align: center;
}
#bitcasaSupport {
  text-align: center;
  margin: 3% auto;
}
#cfsSupport {
  border-left: 1px solid #e5e5e5;
}
.valueHeader {
  margin: 0 0 20px;
  padding-top: 20px;
}
.valueProp {
  max-width: 1000px;
}
.valueProp .valueWrap {
  padding: 10px 30px 10px;
}
@media  only screen and (max-width : 1024px) {
  .valueProp .valueWrap.fourUp {
    width: 100%;
  }
}
.valueProp .valueWrap h3 {
  color: #044c72;
  padding-top: 8px;
  text-align: center;
}
.valueProp .valueWrap p {
  margin-bottom: 40px;
}
.openSourceIntro {
  margin-top: 4%;
}
.openSourceIntro h3 {
  text-transform: none;
  color: #999999;
  font-size: 22px;
  font-weight: 400;
}
.openSource {
  margin-bottom: 5%;
}
.openSourceDesktopTable table,
.openSourceMobileTable table,
.openSourceInfraTable table {
  width: 100%;
}
.openSourceDesktopTable table th,
.openSourceMobileTable table th,
.openSourceInfraTable table th {
  color: #666666;
  border-bottom: 1px solid #e5e5e5;
  text-align: left;
}
.openSourceDesktopTable table th:nth-child(3),
.openSourceMobileTable table th:nth-child(3),
.openSourceInfraTable table th:nth-child(3) {
  text-align: right;
}
.openSourceDesktopTable table th h3,
.openSourceMobileTable table th h3,
.openSourceInfraTable table th h3 {
  margin: 10px 0;
}
.openSourceDesktopTable table tr,
.openSourceMobileTable table tr,
.openSourceInfraTable table tr {
  height: 32px;
}
.openSourceDesktopTable table tr td,
.openSourceMobileTable table tr td,
.openSourceInfraTable table tr td {
  width: 30%;
}
.openSourceDesktopTable table tr td:nth-child(3),
.openSourceMobileTable table tr td:nth-child(3),
.openSourceInfraTable table tr td:nth-child(3) {
  text-align: right;
  width: 50%;
}
html.modal-open {
  overflow: hidden;
}
body.modal-open {
  overflow: hidden;
  overflow-y: scroll;
}
.video-popup-outer {
  position: absolute;
  width: 100%;
  left: 0px;
  top: 0px;
  z-index: 200;
  display: none;
}
.video-popup-outer .video-popup-overlay {
  background: rgba(0,0,0,0.5);
  position: fixed;
  z-index: 200;
  top: 0;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
.video-popup-outer .video-popup-container {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 400;
}
.video-popup-outer .video-popup-container .video-popup-inner {
  width: 760px;
  background: #ffffff;
  border-radius: 10px;
  position: relative;
  z-index: 400;
  text-align: left;
  margin: 70px auto 0px;
  padding: 42px 20px 20px;
}
.video-popup-outer .video-popup-container .video-popup-inner .video-popup-close-btn {
  position: absolute;
  display: block;
  top: 12px;
  right: 20px;
}
.segmentMain {
  border-bottom: solid 1px #CCCCCC;
  padding: 30px 70px;
}
.segmentMain h2 {
  text-align: center;
  margin: 15px 0px 40px;
}
.segmentMain img {
  float: left;
  margin-right: 35px;
}
.segmentMain .block-content {
  margin-top: 100px;
  width: 80%;
}
.featuredPartner {
  padding: 30px 70px 45px;
  border-bottom: solid 1px #CCCCCC;
}
.featuredPartner h2 {
  text-align: center;
  margin: 15px 0px 20px;
}
.featuredPartner .columns {
  display: table;
  width: 100%;
}
.featuredPartner .columns .col {
  display: table-cell;
  text-align: center;
  width: 33.3333%;
  vertical-align: middle;
}
.featuredPartner .columns .col.middle {
  padding: 0px 12px;
}
.featuredPartner .columns .col.middle img {
  width: 100%;
}
.featuredPartner .columns .col.middle p {
  padding: 0px;
}
.featuredPartner .columns .col.middle .video-play {
  display: block;
  width: 100%;
}
.featuredPartner .columns .col.middle .video-play::before {
  background: url(/assets/icons/ic_play.svg) no-repeat 16px center;
  background-color: #48a9db;
  background-size: 40%;
  border-radius: 50%;
  content: '';
  display: block;
  height: 50px;
  width: 50px;
  margin: 0 auto 8px;
}
.threecolumns {
  padding: 45px 10%;
  padding-bottom: 45px;
  border-bottom: solid 1px #CCCCCC;
  text-align: center;
}
.threecolumns .block-content {
  margin: 0px 60px 40px;
  text-align: left;
}
.threecolumns .columns-outer {
  display: table;
  width: 100%;
  margin: 0 auto;
}
.threecolumns .columns-outer .col {
  display: table-cell;
  padding: 0px 40px;
  width: 33.3333%;
}
.threecolumns .columns-outer .col img {
  width: 175px;
  height: 197px;
}
.threecolumns .columns-outer .col h3 {
  font-size: 32px;
  font-weight: 300;
  text-transform: none;
}
.cloudEnableDevices {
  padding-top: 45px;
  padding-bottom: 45px;
  text-align: center;
}
.cloudEnableDevices h2 {
  text-align: center;
  margin: 0px 0px 30px;
}
.cloudEnableDevices .columns-outer {
  display: table;
  width: 1110px;
  margin: 0 auto;
}
.cloudEnableDevices .columns-outer .col {
  display: table-cell;
}
.cloudEnableDevices .columns-outer .col img {
  width: 120px;
  height: 120px;
}
.productsContent {
  max-width: 100%;
  padding: 0px;
}
.productsContent .col {
  width: 50%;
  float: left;
  padding: 75px 0px;
  position: relative;
}
.productsContent .col:before {
  display: block;
  content: '';
  width: 200px;
  height: 75px;
  position: absolute;
  z-index: 100;
}
.productsContent .col .product {
  width: 100%;
  text-align: center;
}
.productsContent .col .product h2 {
  color: #ffffff;
  font-size: 36px;
  margin: 0px 0px 35px;
  font-weight: 300;
}
.productsContent .col .product img {
  width: 120px;
}
.productsContent .col .product p {
  width: 325px;
  margin: 80px auto 30px auto;
  color: #ffffff;
}
.productsContent .col .product a.learn-more {
  color: #ffffff;
  font-size: 18px;
  text-decoration: underline;
  font-weight: 400;
}
.productsContent .col.turnkey {
  background: #0071BC;
  border-right: solid 2px #ffffff;
  margin-right: -2px;
}
.productsContent .col.turnkey:before {
  background: url(/assets/hex/product-arrow-left.svg) no-repeat;
  top: 300px;
  right: 0px;
}
.productsContent .col.turnkey .product {
  float: right;
}
.productsContent .col.cloudfs {
  background: #42A7DC;
  border-left: solid 2px #ffffff;
  margin-left: -2px;
}
.productsContent .col.cloudfs:before {
  background: url(/assets/hex/product-arrow-right.svg) no-repeat;
  top: 255px;
  left: -4px;
}
.productsContent .col.cloudfs .product {
  float: left;
}
.contact {
  border: none;
  padding-top: 45px;
  padding-bottom: 45px;
}
.contact h2 {
  text-align: center;
  margin: 0px 0px 30px;
}
a {
  outline: none !important;
}
a img {
  border: none;
}
.bitcasa-home-page .bannerContainer .banner h1 {
  margin: 40px 0 20px;
}
.bitcasa-home-page .home-hex-wrap {
  padding: 0 15px 20px;
}
.bitcasa-home-page .home-hex-wrap h3 a.cloudfsCopy {
  color: #424242;
}
.bitcasa-home-page .home-hex-wrap h3 a.cloudfsCopy:hover {
  color: #48a9db;
}
.bitcasa-home-page .home-hex-wrap p {
  font-size: 14px;
  line-height: 20px;
  color: #314B5B;
}
.bitcasa-home-page .home-hex-wrap .links {
  font-size: 14px;
  line-height: 20px;
}
.bitcasa-home-page .carousel-container #slides {
  position: relative;
  text-align: center;
}
.bitcasa-home-page .carousel-container #slides .slide {
  background: #48A9DB;
}
.bitcasa-home-page .carousel-container #slides .slide .slide-inner {
  width: 1100px;
  height: 400px;
  margin: 0 auto;
}
.bitcasa-home-page .carousel-container #slides .slide .slide-inner .slide-img {
  width: 550px;
  margin: 20px 50px 0 100px;
  height: 80%;
}
.bitcasa-home-page .carousel-container #slides .slide .slide-inner .slide-content {
  width: 300px;
  float: right;
  padding-top: 50px;
  color: #ffffff;
  margin-right: 100px;
}
.bitcasa-home-page .carousel-container #slides .slide .slide-inner .slide-content h2 {
  margin: 0px;
}
.bitcasa-home-page .carousel-container #slides .slide .slide-inner .slide-content p {
  padding-top: 20px;
  margin: 0px;
  font-size: 14px;
}
.bitcasa-home-page .carousel-container #slides .slidesjs-container {
  height: 400px !important;
  text-align: left;
}
.bitcasa-home-page .carousel-container #slides .slidesjs-container .slidesjs-control {
  height: 400px !important;
}
.bitcasa-home-page .carousel-container #slides .slidesjs-navigation {
  width: 24px;
  height: 40px;
  display: block;
  position: absolute;
  text-indent: -9999px;
  z-index: 100;
  top: 200px;
  margin-top: -18px;
}
t

				.bitcasa-home-page .carousel-container #slides .slidesjs-navigation.slidesjs-play,
.bitcasa-home-page .carousel-container #slides .slidesjs-navigation.slidesjs-stop {
  display: none !important;
}
.bitcasa-home-page .carousel-container #slides .slidesjs-navigation.slidesjs-previous {
  left: 50%;
  margin-left: -550px;
  background: url(/assets/home/ic_left_arrow.svg) no-repeat;
}
.bitcasa-home-page .carousel-container #slides .slidesjs-navigation.slidesjs-next {
  left: 50%;
  margin-left: 550px;
  background: url(/assets/home/ic_right_arrow.svg) no-repeat;
}
.bitcasa-home-page .carousel-container #slides .slidesjs-pagination {
  padding: 0px;
  display: inline-block;
  margin: 0;
  position: absolute;
  width: 100%;
  z-index: 100;
  bottom: 20px;
  text-align: center;
  left: 0px;
  height: 12px;
}
.bitcasa-home-page .carousel-container #slides .slidesjs-pagination li {
  display: inline-block;
}
.bitcasa-home-page .carousel-container #slides .slidesjs-pagination li:not(:last-child) {
  margin-right: 8px;
}
.bitcasa-home-page .carousel-container #slides .slidesjs-pagination li a {
  display: block;
  text-indent: -9999px;
  width: 12px;
  height: 12px;
  background: rgba(255,255,255,0.6);
  border-radius: 20px;
}
.bitcasa-home-page .carousel-container #slides .slidesjs-pagination li a.active {
  background: #ffffff;
}
.copyBlock h2 {
  margin-top: 0;
}
.copyBlock p {
  margin: 0 auto 1em;
  text-align: center;
  width: 40%;
  min-width: 400px;
}
.bannerContainer.company,
.bannerContainer.company-new {
  background: #044c72;
  background: -webkit-linear-gradient(left,#044c72 30%,rgba(4,76,114,0.95));
  background: -moz-linear-gradient(left,#044c72 30%,rgba(4,76,114,0.95));
  background: -ms-linear-gradient(left,#044c72 30%,rgba(4,76,114,0.95));
  background: linear-gradient(left,#044c72 30%,rgba(4,76,114,0.95));
  position: relative;
}
.bannerContainer.company:before,
.bannerContainer.company-new:before {
  background: url(/assets/background/bg_bitcasa.svg), rgba(4,76,114,0.95);
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.bannerContainer.segment {
  background: #044c72;
  background: -webkit-linear-gradient(left,#044c72 30%,rgba(4,76,114,0.95));
  background: -moz-linear-gradient(left,#044c72 30%,rgba(4,76,114,0.95));
  background: -ms-linear-gradient(left,#044c72 30%,rgba(4,76,114,0.95));
  background: linear-gradient(left,#044c72 30%,rgba(4,76,114,0.95));
  position: relative;
}
.bannerContainer.segment:before {
  background: url(/assets/background/bg_turnkey.svg), rgba(4,76,114,0.95);
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.bannerContainer.personal {
  background: #1bb252;
  background: -webkit-linear-gradient(left,#1bb252 30%,rgba(27,178,82,0.85));
  background: -moz-linear-gradient(left,#1bb252 30%,rgba(27,178,82,0.85));
  background: -ms-linear-gradient(left,#1bb252 30%,rgba(27,178,82,0.85));
  background: linear-gradient(left,#1bb252 30%,rgba(27,178,82,0.85));
  position: relative;
}
.bannerContainer.personal:before {
  background: url(/assets/background/bg_personal.svg), rgba(27,178,82,0.85);
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.bannerContainer.career {
  position: relative;
}
.bannerContainer.career:before {
  background: url(/assets/background/bg_career.jpg);
  background-size: cover;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
#tubular-container {
  width: 100% !important;
  height: 350px !important;
  position: absolute !important;
  background: #48a9db;
  background: -webkit-linear-gradient(left,#48a9db 30%,rgba(72,169,219,0.92));
  background: -moz-linear-grient(left,#48a9db 30%,rgba(72,169,219,0.92));
  background: -ms-linear-gradient(left,#48a9db 30%,rgba(72,169,219,0.92));
  background: linear-gradient(left,#48a9db 30%,rgba(72,169,219,0.92));
}
#tubular-container #tubular-player {
  opacity: 0.1;
}
#tubular-shield {
  width: 100% !important;
  height: 350px !important;
}
.page-cloudfs #tubular-container {
  background: #48a9db;
  background: -webkit-linear-gradient(left,#48a9db 30%,rgba(72,169,219,0.92));
  background: -moz-linear-gradient(left,#48a9db 30%,rgba(72,169,219,0.92));
  background: -ms-linear-gradient(left,#48a9db 30%,rgba(72,169,219,0.92));
  background: linear-gradient(left,#48a9db 30%,rgba(72,169,219,0.92));
}
.page-turn-key-drive #tubular-container {
  background: #2382b4;
  background: -webkit-linear-gradient(left,#2382b4 30%,rgba(35,130,180,0.92));
  background: -moz-linear-gradient(left,#2382b4 30%,rgba(35,130,180,0.92));
  background: -ms-linear-gradient(left,#2382b4 30%,rgba(35,130,180,0.92));
  background: linear-gradient(left,#2382b4 30%,rgba(35,130,180,0.92));
}
.bannerContainer.cloudfs .bannerImg,
.bannerContainer.turnkey .bannerImg,
.bannerContainer.personal .bannerImg {
  margin: 0 3% 0 24%;
}
.bannerContainer.cloudfs .bannerImg .hex,
.bannerContainer.turnkey .bannerImg .hex,
.bannerContainer.personal .bannerImg .hex {
  width: 100px;
}
.bannerContainer.cloudfs .bannerCopy h1,
.bannerContainer.turnkey .bannerCopy h1,
.bannerContainer.personal .bannerCopy h1 {
  line-height: 1;
}
.bannerContainer.cloudfs .bannerCopy p,
.bannerContainer.turnkey .bannerCopy p,
.bannerContainer.personal .bannerCopy p {
  text-align: left;
  font-size: 20px;
  padding-left: 140px;
  *zoom: 1;
}
.bannerContainer.cloudfs .bannerCopy p:before,
.bannerContainer.cloudfs .bannerCopy p:after,
.bannerContainer.turnkey .bannerCopy p:before,
.bannerContainer.turnkey .bannerCopy p:after,
.bannerContainer.personal .bannerCopy p:before,
.bannerContainer.personal .bannerCopy p:after {
  content: " ";
  display: table;
  clear: both;
}
.bannerContainer.cloudfs .video-play,
.bannerContainer.turnkey .video-play,
.bannerContainer.personal .video-play {
  display: inline-block;
  padding: 25px 22px 25px 30px;
  outline: none;
  background: rgba(255,255,255,0.6);
  border-radius: 100px;
}
.bannerContainer.cloudfs .video-play img,
.bannerContainer.turnkey .video-play img,
.bannerContainer.personal .video-play img {
  display: block;
}
.bannerContainer.cloudfs .video-play#mobile-video-play,
.bannerContainer.turnkey .video-play#mobile-video-play,
.bannerContainer.personal .video-play#mobile-video-play {
  display: none;
}
.bannerContainer.turnkey .bannerImg {
  margin: 0 3% 0 22%;
}
.bannerContainer.segment .bannerCopy {
  padding: 4px 0;
}
.bannerContainer.segment .bannerCopy p {
  font-size: 20px;
  line-height: 1;
  padding-left: 140px;
}
.page-turn-key-drive .caseStudyContainer {
  border-bottom: solid 1px #cccccc;
}
.bannerContainer {
  text-align: center;
}
.bannerContainer .banner.product {
  width: auto;
  display: inline-block;
  position: relative;
  margin: 0 auto;
}
.bannerContainer .banner.product .bannerImg {
  margin: 0px;
  position: absolute;
  left: 0px;
}
.bannerContainer .banner.product .bannerImg .hex {
  width: 100px;
}
.bannerContainer .banner.product .bannerCopy h1 {
  padding-left: 135px;
}
@media only screen and (min-width: 741px) and (max-width: 1024px) {
  .bitcasa-home-page .carousel-container #slides .slide .slide-inner {
    max-width: 1100px;
    height: 400px;
    margin: 0 auto;
    width: 95%;
  }
  .bitcasa-home-page .carousel-container #slides .slide .slide-inner .slide-img {
    max-width: 580px;
    width: 50%;
    margin: 20px 0px 0 0;
    max-height: 80%;
    height: auto;
  }
  .bitcasa-home-page .carousel-container #slides .slide .slide-inner .slide-content {
    width: 45%;
    float: right;
    padding-top: 50px;
    margin-right: 0px;
    outline: none;
  }
  .bitcasa-home-page .carousel-container #slides .slide .slide-inner .slide-content h2 {
    text-align: center;
    font-size: 32px;
  }
  .cloudEnableDevices .columns-outer {
    width: 95%;
  }
  .featuredPartner {
    padding: 30px 20px 45px;
  }
  .featuredPartner br {
    display: none;
  }
  .companyAbout .employeeWrap .employee {
    height: auto;
    border-radius: initial;
  }
  .companyAbout .employeeWrap .employee img {
    border-radius: 50%;
  }
  .companyAbout .employeeWrap .employee .employeeDescription {
    position: static;
    opacity: 1 !important;
    border-radius: initial;
    background: none;
    color: #000000;
    padding: 10px;
  }
  .companyAbout .employeeWrap .employee .employeeDescription h2 br {
    display: none;
  }
  .partnerContainer .partnerWrap .threeUp .partner {
    height: auto;
    overflow: visible;
  }
  .partnerContainer .partnerWrap .threeUp .partner > .partnerLogo {
    height: auto;
    width: auto;
    margin: 0 auto;
    margin-top: 2%;
    max-width: 90%;
    height: 144px;
  }
  .partnerContainer .partnerWrap .threeUp .partner .partnerDescription {
    opacity: 1;
    margin: 0px -20px -20px -20px;
    position: static;
    height: 210px;
  }
  .partnerContainer .partnerWrap .threeUp .partner .slideUp {
    display: none;
  }
  .productsContent .col:before {
    width: 145px;
  }
}
@media only screen and (min-width: 741px) and (max-width: 1024px) and (orientation: portrait) {
  .segmentMain img {
    margin-bottom: 35px;
  }
  .productsContent .col:before {
    width: 145px;
  }
  .threecolumns .columns-outer .col {
    padding: 0px 20px;
  }
}
@media only screen and (max-width: 740px) {
  .navToggleOpen {
    overflow: hidden;
    position: relative;
  }
  .navToggleOpen .mainNav .menuClose {
    position: fixed;
  }
  .navToggleOpen .mobile-scroller {
    position: fixed;
    right: 0px;
    top: 50px;
    bottom: 0px;
    overflow: auto;
    width: 300px;
  }
  #tubular-container,
  #tubular-shield {
    height: 315px !important;
  }
  #tubular-container iframe,
  #tubular-shield iframe {
    display: none;
  }
  .signUpWrap .container {
    width: 90%;
    padding: 30px 5px;
  }
  .signUpWrap .column.twoUp.fifty {
    width: 50%;
  }
  .signUpWrap .column .hex {
    display: none;
  }
  .bannerContainer {
    padding-left: 10px;
    padding-right: 10px;
  }
  .bannerContainer .banner.product .bannerImg {
    top: 18px;
    float: none;
    width: 60px;
    height: 75px;
  }
  .bannerContainer .banner.product .bannerImg .hex {
    width: 60px;
    height: 75px;
  }
  .bannerContainer .banner.product .bannerImg .hex .productLogo {
    height: 38px;
    position: absolute;
    top: calc(50% - 22px);
    left: calc(50% - 20px);
  }
  .bannerContainer.turnkey,
  .bannerContainer.cloudfs {
    height: 315px;
  }
  .bitcasa-home-page .home-hex-wrap {
    margin: 0px;
    float: none;
    width: auto;
  }
  .bitcasa-home-page .carousel-container #slides .slidesjs-container {
    height: 550px !important;
  }
  .bitcasa-home-page .carousel-container #slides .slidesjs-container .slidesjs-control {
    height: 550px !important;
  }
  .bitcasa-home-page .carousel-container #slides .slide .slide-inner {
    width: 90%;
    height: 540px;
  }
  .bitcasa-home-page .carousel-container #slides .slide .slide-inner img {
    max-width: 95%;
    width: auto;
    max-height: 190px;
  }
  .bitcasa-home-page .carousel-container #slides .slide .slide-inner .slide-content {
    width: auto;
    float: none;
    padding: 10px 10px;
    color: #ffffff;
    margin-right: 100px;
    margin-right: 0px;
  }
  .bitcasa-home-page .carousel-container #slides .slide .slide-inner .slide-content h2 {
    text-align: center;
    font-size: 32px;
  }
  .bannerContainer.cloudfs .bannerCopy,
  .bannerContainer.turnkey .bannerCopy,
  .bannerContainer.personal .bannerCopy,
  .bannerContainer.segment .bannerCopy,
  .bannerContainer.company-new .bannerCopy {
    padding: 5px 0;
  }
  .bannerContainer.cloudfs .bannerCopy h1,
  .bannerContainer.turnkey .bannerCopy h1,
  .bannerContainer.personal .bannerCopy h1,
  .bannerContainer.segment .bannerCopy h1,
  .bannerContainer.company-new .bannerCopy h1 {
    font-size: 40px;
    line-height: normal;
    padding-left: 75px !important;
  }
  .bannerContainer.cloudfs .bannerCopy p,
  .bannerContainer.turnkey .bannerCopy p,
  .bannerContainer.personal .bannerCopy p,
  .bannerContainer.segment .bannerCopy p,
  .bannerContainer.company-new .bannerCopy p {
    font-size: 14px;
    padding: 0px;
    padding-left: 80px;
  }
  .bannerContainer.cloudfs .video-play,
  .bannerContainer.turnkey .video-play,
  .bannerContainer.personal .video-play,
  .bannerContainer.segment .video-play,
  .bannerContainer.company-new .video-play {
    padding: 15px 12px 15px 20px;
  }
  .bannerContainer.cloudfs .video-play img,
  .bannerContainer.turnkey .video-play img,
  .bannerContainer.personal .video-play img,
  .bannerContainer.segment .video-play img,
  .bannerContainer.company-new .video-play img {
    height: auto;
    width: 20px;
  }
  .bannerContainer.segment .bannerCopy p {
    padding-left: 80px;
  }
  .featureContainer .feature-block {
    padding: 30px 10px 30px;
  }
  .featureContainer .feature-block .left {
    float: none;
    width: auto;
  }
  .featureContainer .feature-block .left p {
    margin: 20px 0px;
  }
  .featureContainer .feature-block .right {
    float: none;
    width: auto;
    margin-top: 20px;
  }
  .featureContainer .block-content.technology-top {
    padding: 30px 0px 30px;
  }
  .pricingContainer.cloudfs .column,
  .pricingContainer.personal .column {
    float: none;
    width: auto;
    margin-bottom: 10px;
  }
  .pricingContainer.personal .column {
    margin-bottom: 30px;
  }
  .pricingContainer.featureTable {
    background: none;
  }
  .pricingContainer.featureTable:before {
    border: none;
  }
  .pricingContainer.featureTable.personalTable:before {
    border: none;
  }
  .pricingContainer.featureTable table,
  .pricingContainer.featureTable thead,
  .pricingContainer.featureTable tbody,
  .pricingContainer.featureTable th,
  .pricingContainer.featureTable td,
  .pricingContainer.featureTable tr {
    display: block;
  }
  .pricingContainer.featureTable tbody tr th {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .pricingContainer.featureTable tr {
    border: 1px solid #ccc;
  }
  .pricingContainer.featureTable td,
  .pricingContainer.featureTable th {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding: 5px !important;
    padding-left: 50% !important;
    width: auto !important;
    min-height: 30px;
    height: auto;
  }
  .pricingContainer.featureTable td:before {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    font-weight: 700;
  }
  .pricingContainer.featureTable td:nth-of-type(1) {
    font-weight: 700;
  }
  .pricingContainer.featureTable td:nth-of-type(2):before {
    content: "Prototype";
  }
  .pricingContainer.featureTable td:nth-of-type(3):before {
    content: "Deploy";
  }
  .pricingContainer.featureTable td:nth-of-type(4):before {
    content: "Engage";
  }
  .pricingContainer.featureTable td:nth-of-type(5):before {
    content: "Amplify";
  }
  .pricingContainer.featureTable.personalTable td:nth-of-type(1) {
    font-weight: 700;
  }
  .pricingContainer.featureTable.personalTable td:nth-of-type(2):before {
    content: "Basic";
  }
  .pricingContainer.featureTable.personalTable td:nth-of-type(3):before {
    content: "Premium";
  }
  .pricingContainer.featureTable.personalTable td:nth-of-type(4):before {
    content: "Pro";
  }
  .page-turn-key-drive .caseStudyContainer .column.threeUp {
    float: none;
    width: auto;
  }
  .page-turn-key-drive .caseStudyContainer .column .panelTwo {
    border: none;
  }
  .page-careers .careerHex .column.threeUp {
    float: none;
    width: auto;
  }
  .page-careers .perkWrap .column.fourUp {
    float: none;
    width: auto;
  }
  .segmentMain {
    padding: 30px 10%;
  }
  .segmentMain img {
    float: none;
    margin: 0px;
    max-width: 90%;
    height: auto;
  }
  .segmentMain .block-content {
    margin-top: 0px;
    width: auto;
  }
  .featuredPartner {
    padding: 30px 20px;
  }
  .featuredPartner .columns {
    display: block;
  }
  .featuredPartner .columns .col {
    display: block;
    width: auto;
  }
  .featuredPartner .columns .col.middle {
    padding: 0px;
  }
  .featuredPartner .columns .col.middle img {
    max-width: 90%;
    height: auto;
  }
  .threecolumns .block-content,
  .cloudEnableDevices .block-content {
    margin: 0px 0px 40px;
  }
  .threecolumns .columns-outer,
  .cloudEnableDevices .columns-outer {
    width: auto;
    display: block;
  }
  .threecolumns .columns-outer .col,
  .cloudEnableDevices .columns-outer .col {
    display: block;
    padding: 0px;
    width: auto;
  }
  .productsContent {
    overflow: hidden;
  }
  .productsContent .col {
    float: none;
    width: auto;
    border: 0px solid #dddddd !important;
    margin: 0px;
  }
  .productsContent .col:before {
    display: none;
  }
  .productsContent .col .product {
    float: none !important;
    width: auto;
  }
  .productsContent .col .product p {
    margin-top: 10px;
    width: 95%;
  }
  .salesforce_w2l_lead {
    margin: 0 auto !important;
    width: 90% !important;
    min-width: initial !important;
  }
  .companyAbout .employeeWrap .employee {
    height: auto;
    border-radius: initial;
  }
  .companyAbout .employeeWrap .employee img {
    border-radius: 50%;
  }
  .companyAbout .employeeWrap .employee .employeeDescription {
    position: static;
    opacity: 1 !important;
    border-radius: initial;
    background: none;
    color: #000000;
    padding: 10px;
  }
  .companyAbout .employeeWrap .employee .employeeDescription h2 br {
    display: none;
  }
  .about-bottom-content .column.twoUp.fifty {
    width: auto;
    text-align: left;
    float: none;
  }
  .openSource .column {
    position: relative;
  }
  .openSource .column:before {
    display: block;
    padding-bottom: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
  }
  .openSource table,
  .openSource thead,
  .openSource tbody,
  .openSource th,
  .openSource td,
  .openSource tr {
    display: block;
  }
  .openSource tbody tr th {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .openSource tr {
    border: 1px solid #ccc;
    height: auto !important;
  }
  .openSource td,
  .openSource th {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding: 5px !important;
    padding-left: 50% !important;
    width: auto !important;
    min-height: 30px;
    height: auto;
    word-wrap: break-word;
  }
  .openSource td:before {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    font-weight: 700;
  }
  .openSource td a {
    max-width: 95%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .openSource td:nth-of-type(1) {
    font-weight: 700;
  }
  .openSource td:nth-of-type(2):before {
    content: "Vendor";
  }
  .openSource td:nth-of-type(3):before {
    content: "License";
  }
  .openSource td:nth-of-type(4):before {
    content: "Link";
  }
  .openSource .openSourceDesktopTable:before {
    content: "Desktop";
  }
  .openSource .openSourceMobileTable:before {
    content: "Mobile";
  }
  .openSource .openSourceInfraTable:before {
    content: "Infrastructure";
  }
  .partnerContainer .partnerWrap .threeUp {
    float: none;
    width: auto;
  }
  .partnerContainer .partnerWrap .threeUp .partner {
    height: auto;
    overflow: visible;
  }
  .partnerContainer .partnerWrap .threeUp .partner .partnerDescription {
    opacity: 1;
    margin: 0px -20px -20px -20px;
    position: static;
  }
  .partnerContainer .partnerWrap .threeUp .partner .slideUp {
    display: none;
  }
  .productDownload .downloadAppsWrap .app {
    width: 24%;
    margin: 0 4% 10px;
  }
  .productDownload .downloadAppsWrap .app .appLogo {
    margin: 0 auto;
    display: block;
    float: none;
  }
  #bitcasaSupport .column.twoUp.fifty {
    width: auto;
    text-align: center;
    float: none;
    border: none;
  }
  .caseStudyContainer .panel {
    min-height: inherit;
  }
  .legalContainer .container .legalNav h3 {
    margin: 10px 0px;
  }
  .legalContainer .container .legalNav h3:after {
    margin: 0px 10px;
  }
}