body h1,body h2,body h3,body h4,body h5,body h6
{
  font-weight:200;
}

body a
{
  color:#2e99f4;
  transition:color 100ms linear;
}

body a:hover
{
  color:#2078C4;
}

#pageContainer
{
  position:relative;
  width:100%;
  height:auto;
  overflow:hidden;
}

.btn-success
{
  background-color:#2e99f4;
  border:none;
}

.btn-success:hover
{
  background-color:#2078C4;
}

section
{
  position:relative;
  z-index:5;
  padding:60px 0;
}

section h1
{
  font-size:45px;
}

section h2
{
  font-size:30px;
  font-weight:500;
  letter-spacing:-.7px;
  margin-bottom:15px;
  color:#282828;
}

section p
{
  font-size:16px;
  line-height:1.5;
  color:#3c3c3c;
  font-weight:300;
  word-spacing:1px;
}

a.clean-link,a.clean-link:hover
{
  text-decoration:none;
  display: block;
  text-align: center;
}

a.clean-link input
{
  margin-top:20px;
}

#btn-buy
{
  font-size:20px;
}

.videoBG
{
  position:relative;
  width:100%;
  height:100%;
  background-color:transparent;
}

.videoBG h2
{
  font-size:23px;
  font-weight:300;
}

.play
{
  position:absolute;
  left:50%;
  margin-left:-100px;
  margin-top:5%;
  background:url(/images/uaas/play.png) no-repeat center center;
  display:block;
  height:110px;
  width:200px;
  max-width:300px;
  opacity:.5;
  transition:all 200ms ease;
  cursor:pointer;
  text-align:center;
  /*overflow:hidden;*/
}

.play span
{
  font-size:16px;
  color:#fff;
  position:absolute;
  width:100%;
  opacity: 0;
  transition: all 3000ms linear;
  -ms-transform:translate(-50%,120px);
  -webkit-transform:translate(-50%,120px);
  transform:translate(-50%,120px);
  transition:all 300ms ease;
}

.play:hover
{
  opacity:1;
}

.uaas-top {
    background: url("https://images.unsplash.com/photo-1439211634854-369bece49719?fit=crop&fm=jpg&h=700&q=80&w=1050");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 70px;
  min-height: 600px;
  position: relative;
}

.uaas-top::after {
  content: "";
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(right, rgba(52, 52, 52, 0.66) 0%, rgba(52, 52, 52, 0.88) 100%);
    background: linear-gradient(to left, rgba(52, 52, 52, 0.66) 0%, rgba(52, 52, 52, 0.88) 100%);
    -webkit-transition: all 150ms ease;
    transition: all 150ms ease;
}

.uaas-top .container {
  position: relative;
  z-index: 10;
}

.play:hover span
{
  position:absolute;
  opacity:1;
  -ms-transform:translate(-50%,80px);
  -webkit-transform:translate(-50%,80px);
  transform:translate(-50%,80px);
}

#download {
  margin: 25px auto 50px;
}

.uaas-tagline {
  line-height: 35px;
  font-weight: 300;
}

.uaas-tagline a {
  text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,.23);
  color: white;
}

.uaas-tagline a:hover, .uaas-download a:hover {
  color: white;
  border-bottom: 1px solid rgba(255,255,255,.83);
}

.uaas-download {
  font-size: 20px;
}

.uaas-download a {
  color: white;
  border-bottom: 1px solid rgba(255,255,255,.23);
  text-decoration: none;
}

#bragWall
{
  height:auto;
}

.bragItem
{
  line-height:130px;
}

.bragItem a
{
  display:block;
  vertical-align:middle;
}

#bgvid
{
  position:fixed;
  right:0;
  bottom:0;
  min-width:100%;
  min-height:100%;
  width:auto;
  height:auto;
  z-index:0;
  background:url(../images/uaas/simplicityPoster.jpg) no-repeat;
  background-size:cover;
}

.overlay
{
  position:fixed;
  background:rgba(0,0,0,.55);
  top:0;
  bottom:0;
  right:0;
  left:0;
  z-index:1;
}

.signUp
{
  margin-top:30px;
  text-align:center;
}

.signUp p
{
  font-size:14px;
  text-align:right;
}

.signUp p a
{
  color:#333;
}

input[type=email], .inputTrial
{
  border:none;
  font-size:20px;
  width:280px;
  padding:15px 30px;
}

input[type=submit], input[type=button]
{
  border:none;
  border-radius:0;
  font-size:20px;
  padding:15px 30px;
}

.error
{
  color:#d9534f;
  font-weight:300;
}
.inputTrial.error {
    border: 2px solid #d9534f;
}
#errorSummary {
    text-align: center;
}
#errorSummary label {
    display: block;
    margin: 5px 0;
}
.white
{
  position:relative;
  background-color:#fff;
  color:#333;
}

.white .extLink
{
  color:#f4f4f4;
  font-size:40px;
}

.grey
{
  position:relative;
  display:block;
  background-color:#f4f4f4;
  width:100%;
  color:#333;
}

.grey .extLink
{
  color:#fff;
  font-size:40px;
}

.contentBlock
{
  margin-top:160px;
}

.contentBlock .frame
{
  border:1px solid #e4e4e4;
  padding:7px;
}

.blockLeft img
{
  display:block;
  height:auto;
  margin-left:-30%;
  width:130%;
}

#message
{
  border:2px solid #5cb85c;
  padding:20px;
}

.blockRight img
{
  display:block;
  height:auto;
  margin-right:-23%;
  width:123%;
}

.promo-box *
{
  box-sizing:content-box;
  -moz-box-sizing:content-box;
}

.panel
{
  border:none;
  -webkit-box-shadow:none;
  box-shadow:none;
  position:relative;
  top:0;
  left:0;
  width:100%;
  background-color:#000;
  border-radius:0;
}

header
{
  position:fixed;
  top:0;
  width:100%;
  z-index:10;
}

.panel-holder
{
  width:940px;
  height:70px;
  overflow:hidden;
  transition:height 300ms linear;
  margin:0 auto;
}

.video-holder
{
  float:left;
  background:url(../images/uaas/screen-sprite_110711_1045.png) no-repeat 0 -463px;
  width:465px;
  height:265px;
  padding:2px 0 0 3px;
}

.video-holder a
{
  position:relative;
}

.video-holder img
{
  display:block;
}

.tab-content1 .text-holder,.tab-content6 .text-holder
{
  overflow:hidden;
  height:1%;
  padding:3px 0 0 15px;
}

.cms
{
  display:block;
  background:url(../images/uaas/screen-sprite_110711_1045.png) no-repeat 0 -730px;
  width:364px;
  height:154px;
  text-indent:-9999px;
  overflow:hidden;
  margin:0 0 7px 2px;
}

.section
{
  overflow:hidden;
  width:372px;
}

.list
{
  list-style:none;
  float:left;
  width:200px;
  margin:0;
  padding:10px 0 0;
}

.list li
{
  background:url(../images/uaas/bg-list.gif) no-repeat 0 8px;
  float:left;
  width:100%;
  margin:0 0 2px;
  padding:0 0 0 5px;
}

.list li span
{
  text-indent:-9999px;
  overflow:hidden;
  height:22px;
  float:left;
}

.list li span.solutions
{
  width:260px;
  background:url(../images/uaas/screen-sprite_110711_1045.png) no-repeat -390px -884px;
}

.list li span.free
{
  width:68px;
  background:url(../images/uaas/screen-sprite_110711_1045.png) no-repeat 0 -906px;
}

.download
{
  float:right;
  background:url(../images/uaas/screen-sprite_110711_1045.png) no-repeat 0 -927px;
  text-indent:-9999px;
  overflow:hidden;
  width:108px;
  height:108px;
  cursor:pointer;
}

.download:hover
{
  background-position:-108px -927px;
}

.certificat
{
  position:absolute;
  top:70px;
  right:0;
  width:180px;
}

.certificat span
{
  display:block;
  background:url(../images/uaas/screen-sprite_110711_1045.png) no-repeat 0 -1035px;
  width:180px;
  height:107px;
  text-indent:-9999px;
  overflow:hidden;
}

a.our
{
  float:right;
  background:url(../images/uaas/screen-sprite_110711_1045.png) no-repeat 0 -1141px;
  text-indent:-9999px;
  overflow:hidden;
  width:108px;
  height:108px;
  cursor:pointer;
  margin-top:-25px;
}

a.our:hover
{
  background-position:-108px -1141px;
}

.form-box
{
  width:100%;
  transition:height 300ms linear;
}

.formBoxMobile
{
  height:35px!important;
}

.search span
{
  width:200px;
  height:20px;
}

.vHeight
{
  height:430px;
  display:table;
}

.vertical-align
{
  display:table-cell;
  vertical-align:middle;
}

.blockRight
{
  float:right;
}

#advantages
{
  background-image:url(../images/uaas/threeColBg.jpg);
  background-repeat:no-repeat;
  background-size:cover;
  padding:50px 0;
}

footer h4
{
  margin-top:16px;
  line-height:initial;
}

#social a
{
  display:block;
  float:right;
  height:35px;
  line-height:35px;
  font-size:13px;
  color:#333;
  margin:0 0 0 15px;
  padding:0 38px 0 0;
}

#social a:hover
{
  background-position:100% -35px;
  text-decoration:none;
  color:#333;
}

#social .twitter
{
  background:url(../images/uaas/twitter-social-icon.png) no-repeat 100% 0;
}

#social .newsletter
{
  background:url(../images/uaas/email-social-icon.png) no-repeat 100% 0;
}

#social .plus
{
  background:url(../images/uaas/google-social-icon.png) no-repeat 100% 0;
}

#social .facebook
{
  background:url(../images/uaas/facebook-social-icon.png) no-repeat 100% 0;
}

#blabla,.form-inline .form-group
{
  vertical-align:top;
}

.videoBG h1,.videoBG h2,#advantages h2,#advantages p
{
  color:#fff;
}

#brag,.bragLogo
{
  width:100%;
}

.form-box .holder,footer *
{
  box-sizing:initial;
  -moz-box-sizing:initial;
}

#mobileBtn,#bird
{
  display:none;
}

@media (max-width:410px) {
  section h1
  {
    font-size:36px;
  }
  
  section h2
  {
    font-size:22px;
    font-weight:201;
  }
  
  body
  {
    font-size:18px;
  }
}

@media (max-width:481px) {
  #mobileBG
  {
    position:fixed;
    right:0;
    bottom:0;
    min-width:100%;
    min-height:100%;
    width:auto;
    height:auto;
    z-index:-100;
    background:url(../images/uaas/simplicityPoster.jpg) no-repeat 50%;
    background-size:cover;
  }
  
  video#bgvid
  {
    display:none;
  }
}

@media (max-width:479px) {
  input[type=email],input[type=submit]
  {
    font-size:18px;
  }
  
  input[type=email]
  {
    width:100%;
  }
  
  #nav
  {
    clear:both;
  }
  
  .search
  {
    margin-top:10px;
  }
  
  #lightboxVideo
  {
    margin:40% 10% 0;
  }
  
  .videoContainer
  {
    padding-bottom:47.25%;
  }
}

@media (max-width:992px) {
  .blockLeft img
  {
    margin-left:0;
    width:100%;
  }
  
  .blockRight img
  {
    display:block;
    height:auto;
    margin-right:0;
    margin-left:-14%;
    width:123%;
  }
}

@media (max-width:1200px) {
  .vHeight
  {
    height:353px;
  }
}

@media (max-width:991px) {
  #mobileBtn
  {
    display:block;
    position:absolute;
    top:23px;
    right:28px;
    font-size:28px;
    color:grey;
    cursor:pointer;
  }
  
  .search
  {
    margin-right:16px;
  }
  
  #nav
  {
    clear:both;
    float:none;
    width:100%;
    text-align:center;
    margin:0 auto;
  }
  
  #mainNav
  {
    top:0;
    transition:all 300ms linear;
    overflow:hidden;
  }
  
  .mobileShow .panel-holder
  {
    height:130px;
  }
  
  .mobileShow .logo
  {
    width:170px;
  }
  
  .mobileShow .logo a
  {
    color:#fff;
  }
  
  #nav li
  {
    float:none;
    display:inline-block;
  }
  
  .form-box
  {
    height:0;
  }
  
  .contentBlock
  {
    margin-top:80px;
  }
  
  .add-nav
  {
    top:25px;
    right:130px;
  }
  
  #userLink
  {
    top:28px;
    right:90px;
  }
  
  #lightboxVideo
  {
    margin-top:20%;
  }
  
  #easyContent h2,#easyContent p
  {
    text-align:center;
  }
  
  .vHeight
  {
    height:auto;
  }
  
  .blockRight
  {
    float:left;
  }
  
  #stellarSupport .pull-left
  {
    float:none!important;
  }
  
  #stellarSupport .clean-link input:first-child
  {
    margin-bottom:50px;
  }
  
  #stellarSupport input
  {
    margin-left:0;
  }
  
  footer #social
  {
    overflow:hidden;
    float:right;
    width:380px;
  }
  
  footer #social a
  {
    float:left;
    margin:36px 6px 0 0;
  }
  
  .panel-holder,.form-box .holder,footer .footer .holder
  {
    width:100%;
  }
}

@media (max-width:767px) {
  #download
  {
    display:none;
  }
  
  .logo
  {
    width:60px;
  }
  
  .logo a
  {
    color:#000;
  }
}

@media (max-width:600px) {
  #nav
  {
    display:block;
    width:127px;
    margin-top:80px;
    opacity:0;
  }
  
  #nav li
  {
    height:30px;
    margin-bottom:10px;
    float:left;
    width:100%;
    background:0 0;
    padding:0;
  }
  
  #nav li a
  {
    float:none;
  }
  
  #nav li:last-child a
  {
    padding:8px 12px;
  }
  
  #mainNav .panel-holder
  {
    overflow:hidden;
  }
  
  .mobileShow #nav
  {
    opacity:1;
  }
  
  .mobileShow .panel-holder
  {
    height:340px!important;
  }
  
  #underline
  {
    bottom:-5px;
  }
  
  #userLink
  {
    top:300px;
    right:29px;
  }
  
  .add-nav
  {
    clear:both;
    top:288px;
    right:50px;
    margin:10px 20px;
  }
}

@media (max-width:420px) {
  footer #social
  {
    width:100%;
  }
  
  footer #social a
  {
    width:20%;
    text-align:right;
  }
  
  footer #social a span
  {
    display:none;
  }
}


/* CODEGARDEB 16 FRONTPAGE PROMOTION - ONLY USED ON FRONTPAGE */

.cg16 {
  background: #f9f9f9;
  width: 100%;
}

.cg16 .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.cg-logo-div {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 30%;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 30px;
}

.cg-context-div {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 70%;
      -ms-flex: 0 0 70%;
          flex: 0 0 70%;
  padding: 30px;
}

.cg16-logo {
  width: 100%;
  max-width: 360px;
  height: auto;
}
.cg16-logo path {
  fill: #373176;
}

.cg16-teaser {
  font-size: 30px;
  line-height: 1.2;
  margin-bottom: 5px;
}

.cg16-context {
  font-size: 20px;
  line-height: 1.5;
  display: block;
  margin-bottom: 40px;
  opacity: .8;
}

a.cg16-cta {
  background: #373176;
  color: white;
  padding: 12px 40px;
  border-radius: 25px;
  font-size: 16px;
}
a.cg16-cta:hover {
  text-decoration: none;
  color: white;
  opacity: .8;
}

@media (max-width: 992px) {
  .cg16 .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .cg-logo-div, .cg-context-div {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding: 20px;
  }

  .cg-context-div {
    text-align: center;
  }

  .cg16-context {
    margin-bottom: 75px;
  }
}