@font-face{
  font-family: 'Lato';
  src: url(../fonts/lato/Lato-Regular.ttf);
}
@font-face{
  font-family: 'Lato-Semibold';
  src: url(../fonts/lato/Lato-Semibold.ttf);
}
@font-face{
  font-family: 'Lato-Light';
  src: url(../fonts/lato/Lato-Light.ttf);
}
@font-face{
  font-family: 'Lato-Medium';
  src: url(../fonts/lato/Lato-Medium.ttf);
}
@font-face{
  font-family: 'Lato-Regular';
  src: url(../fonts/lato/Lato-Regular.ttf);
}

/* line 2, ../sass/screen.scss */
html {
  padding: 0;
  margin: 0; }

/* line 3, ../sass/screen.scss */
body {
  color: #fff;
  font-family: 'Lato', sans-serif;
  margin: 0;
  padding: 0;
  font-size: 24px;
  line-height: 1.5em;
  font-weight: 300;
}

body#page-login {
  color: #fffcf9;
}

/* line 4, ../sass/screen.scss */
a {
  text-decoration: none;
  color: #fff;
  outline: none; }
  /* line 5, ../sass/screen.scss */
  a:active {
    outline: none; }
  /* line 6, ../sass/screen.scss */
  a:focus {
    outline: none; }

/* line 8, ../sass/screen.scss */
p {
  margin: 0 0 20px 0; }

/* line 9, ../sass/screen.scss */
.container {
  position: relative; }

/* line 10, ../sass/screen.scss */
img {
  max-width: 100%; }

/* line 12, ../sass/screen.scss */
.button-primary {
  border-color: #3079ed;
  background: #478bfb;
  background: -moz-linear-gradient(top, #478bfb 0%, #4d90fe 3%, #4d8ffd 13%, #4888ee 90%, #4787ee 97%, #4284ed 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #478bfb), color-stop(3%, #4d90fe), color-stop(13%, #4d8ffd), color-stop(90%, #4888ee), color-stop(97%, #4787ee), color-stop(100%, #4284ed));
  background: -webkit-linear-gradient(top, #478bfb 0%, #4d90fe 3%, #4d8ffd 13%, #4888ee 90%, #4787ee 97%, #4284ed 100%);
  background: -o-linear-gradient(top, #478bfb 0%, #4d90fe 3%, #4d8ffd 13%, #4888ee 90%, #4787ee 97%, #4284ed 100%);
  background: -ms-linear-gradient(top, #478bfb 0%, #4d90fe 3%, #4d8ffd 13%, #4888ee 90%, #4787ee 97%, #4284ed 100%);
  background: linear-gradient(to bottom, #478bfb 0%, #4d90fe 3%, #4d8ffd 13%, #4888ee 90%, #4787ee 97%, #4284ed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#478bfb', endColorstr='#4284ed', GradientType=0); }

/* line 23, ../sass/screen.scss */
.button-primary:hover {
  border-color: #196aeb;
  background: #6ba3ff;
  background: -moz-linear-gradient(top, #6ba3ff 0%, #659efc 23%, #4e8df1 77%, #4887ed 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6ba3ff), color-stop(23%, #659efc), color-stop(77%, #4e8df1), color-stop(100%, #4887ed));
  background: -webkit-linear-gradient(top, #6ba3ff 0%, #659efc 23%, #4e8df1 77%, #4887ed 100%);
  background: -o-linear-gradient(top, #6ba3ff 0%, #659efc 23%, #4e8df1 77%, #4887ed 100%);
  background: -ms-linear-gradient(top, #6ba3ff 0%, #659efc 23%, #4e8df1 77%, #4887ed 100%);
  background: linear-gradient(to bottom, #6ba3ff 0%, #659efc 23%, #4e8df1 77%, #4887ed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6ba3ff', endColorstr='#4887ed', GradientType=0); }

/* line 35, ../sass/screen.scss */
.button-primary:focus,
.button-primary:active {
  background: #4281e8;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.48);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.48);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.48); }

/* line 42, ../sass/screen.scss */
.button {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #7D7D7D;
  border-color: #7D7D7D #7D7D7D #777777;
  border-image: none;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.36) inset, 0 -1px 0 rgba(0, 0, 0, 0.1) inset, 0 0 0 3px rgba(0, 0, 0, 0.1);
  color: #FFFFFF;
  display: inline-block;
  outline: medium none;
  overflow: hidden;
  padding: 0.25em 1.5em;
  text-align: center;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.23); }

/* line 62, ../sass/screen.scss */
.button {
  font-size: 16px;
  font-weight: 500; }

/* line 67, ../sass/screen.scss */
.button-large {
  padding: 0.5em 1.5em;
  font-size: 18px; }

/* line 73, ../sass/screen.scss */
footer {
  text-align: center;
  font-size: 15px;
  line-height: 1.5em;
  padding: 20px 0; }
  /* line 74, ../sass/screen.scss */
  footer a {
    text-decoration: underline;
    color: #04b6d6; }

/* line 78, ../sass/screen.scss */
.page-title {
  color: #fff;
  font-family: "Lato-Regular";
  font-size: 37px;
  font-weight: 600;
  margin-bottom: 40px;
  text-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); }

/* line 79, ../sass/screen.scss */
#main {
  text-align: center;
  padding: 150px 0 200px 0; }
  /* line 80, ../sass/screen.scss */
  #main p {
    margin: 0 0 35px 0; }

/* line 85, ../sass/screen.scss */
.page-home header {
  background: url(../images/bg.jpg) center top;
  background-size: cover; }
  /* line 86, ../sass/screen.scss */
  .page-home header .container {
    padding: 100px 0 0 0; }

/* line 89, ../sass/screen.scss */
#branding {
  position: absolute;
  top: 20px;
  left: 20px; }

/* line 90, ../sass/screen.scss */
#primary-nav {
  position: absolute;
  right: 0;
  top: 20px;
  right: 20px;
  font-size: 16px; }
  /* line 91, ../sass/screen.scss */
  #primary-nav ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    /* line 92, ../sass/screen.scss */
    #primary-nav ul li {
      float: left;
      margin: 0 0 0 20px; }

/* line 95, ../sass/screen.scss */
.callout {
  font-size: 30px;
  line-height: 1.4em;
  text-align: center;
  margin: 0 0 50px 0; }

/* line 96, ../sass/screen.scss */
#e-desktop {
  width: 100%;
  height: 180px;
  background: url(../images/desktop.png) no-repeat center bottom;
  margin: 0 auto -100px;
  position: relative;
  background-size: contain; }
  /* line 97, ../sass/screen.scss */
  #e-desktop .screen {
    position: absolute;
    top: 6px;
    left: 28px;
    background: #000;
    width: 245px;
    height: 142px; }
  /* line 98, ../sass/screen.scss */
  #e-desktop .video-js {
    max-width: 100%;
    max-height: 100%; }
  /* line 99, ../sass/screen.scss */
  #e-desktop .vjs-control-bar, #e-desktop .vjs-big-play-button {
    display: none !important; }

/* line 101, ../sass/screen.scss */
#e-tablet {
  width: 100%;
  height: 80px;
  background: url(../images/tablet.png) no-repeat right bottom;
  position: absolute;
  bottom: -100px;
  right: 10px;
  background-size: contain;
  opacity: 0; }

/* line 102, ../sass/screen.scss */
#e-mobile {
  width: 100%;
  height: 51px;
  background: url(../images/mobile.png) no-repeat right bottom;
  position: absolute;
  bottom: -100px;
  right: 0;
  background-size: contain;
  opacity: 0; }

/* line 105, ../sass/screen.scss */
.page-signed, .page-signin {
  padding-top: 80px;
  padding-bottom: 80px; }

/* line 106, ../sass/screen.scss */
body.page-signin {
  background: url(../images/bg-signin.jpg) no-repeat center center fixed;
  background-size: cover; }

/* line 107, ../sass/screen.scss */
body.page-signed {
  background: url(../images/bg-signed.jpg) no-repeat center center fixed;
  background-size: cover; }

/* line 108, ../sass/screen.scss */
.form-wrap {
  font-size: 16px;
  line-height: 1.5em;
  text-align: center; }
  /* line 109, ../sass/screen.scss */
  .form-wrap a {
    color: #4d90fe; }

/* line 111, ../sass/screen.scss */
.form-msg-box {
  max-width: 400px;
  margin: 0 auto; }
  /* line 112, ../sass/screen.scss */
  .form-msg-box label, .form-msg-box .form-msg {
    font-size: 15px;
    padding: 10px;
    -webkit-border-radius: 4px;
    border-radius: 5px;
    background: #00a0ea;
    margin: 0 0 20px 0;
    display: block; }
    /* line 113, ../sass/screen.scss */
    .form-msg-box label.error, .form-msg-box .form-msg.error {
      background: #fe333b; color:#fff;}
    /* line 114, ../sass/screen.scss */
    .form-msg-box label.success, .form-msg-box .form-msg.success {
      background: #52b700; }

/* line 117, ../sass/screen.scss */
.from-box {
  max-width: 400px;
  margin: 0 auto;
  padding: 35px 50px;
  background: #fff7f0;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 14px !important;
  line-height: 1.5em;
  color: #797979; }
  /* line 118, ../sass/screen.scss */
  .from-box a {
    color: #4d90fe; }
  /* line 119, ../sass/screen.scss */
  .from-box p {
    margin: 0 0 10px 0; }

/* line 122, ../sass/screen.scss */
.input-section {
  text-align: left;
  margin: 0 0 20px 0; }
  /* line 123, ../sass/screen.scss */
  .input-section.input-submit-section {
    text-align: center;
    padding: 10px 0 0 0; }
  /* line 124, ../sass/screen.scss */
  .input-section label {
    color: #4d4d4d;
    display: block;
    font-family: "Lato";
    font-size: 17px;
    line-height: 1em;
    margin: 0 0 5px; }
  /* line 126, ../sass/screen.scss */
  .input-section input[type='text'],
  .input-section input[type='password'] {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: 0 1px 0 0 #bdb7b1;
    color: #4d4d4d;
    font-family: "Open-sans",sans-serif;
    font-size: 17px;
    max-width: 100%;
    outline: medium none;
    padding: 8px 10px;
    width: 100%;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3); }
    /* line 127, ../sass/screen.scss */
    .input-section input[type='text'].error,
    .input-section input[type='password'].error {
      border: 1px solid #ff4040;
      -webkit-box-shadow: none;
      box-shadow: none;
      background: #e7e7e7;
      outline: none; }

/* line 131, ../sass/screen.scss */
.form-water-mark {
  width: 37px;
  height: 36px;
  background: url(../images/form-water-mark.png) no-repeat;
  margin: 30px auto 0; }

/* line 132, ../sass/screen.scss */
.water-mark {
  width: 49px;
  height: 48px;
  background: url(../images/water-mark.png) no-repeat;
  margin: 30px auto 0; }

/* line 136, ../sass/screen.scss */
.page-try header {
  background: #494949;
  padding: 15px 0;
  text-align: center;
  font-size: 20px;
  line-height: 1.5em; }
  /* line 137, ../sass/screen.scss */
  .page-try header .input-section {
    max-width: 300px;
    margin: 0 auto 20px; }
/* line 139, ../sass/screen.scss */
.page-try .step-head, .page-try .step-body {
  display: none; }
  /* line 140, ../sass/screen.scss */
  .page-try .step-head.active, .page-try .step-body.active {
    display: block; }
/* line 142, ../sass/screen.scss */
.page-try #main {
  padding: 40px 0; }

/* line 144, ../sass/screen.scss */
#try-wrap {
  width: 100%; }

/* line 146, ../sass/screen.scss */
#register-wrap .container {
  padding: 60px 0; }

/* line 148, ../sass/screen.scss */
.radio-img-list {
  list-style: none;
  text-align: center;
  margin: 0 0 15px 0;
  padding: 0; }
  /* line 149, ../sass/screen.scss */
  .radio-img-list li {
    display: inline-block;
    text-align: center;
    margin: 0 10px; }
  /* line 150, ../sass/screen.scss */
  .radio-img-list label {
    color: #898989;
    cursor: pointer;
    padding: 10px;
    display: block;
    min-width: 100px;
    font-size: 16px;
    line-height: 1.5em; }
    /* line 152, ../sass/screen.scss */
    .radio-img-list label:hover i, .radio-img-list label.active i {
      color: #79beff; }
    /* line 153, ../sass/screen.scss */
    .radio-img-list label:hover span, .radio-img-list label.active span {
      visibility: visible; }
    /* line 155, ../sass/screen.scss */
    .radio-img-list label.active {
      background: #3c3c3c; }
    /* line 156, ../sass/screen.scss */
    .radio-img-list label i {
      display: block;
      font-size: 40px;
      margin: 0 0 5px 0; }
    /* line 157, ../sass/screen.scss */
    .radio-img-list label span {
      visibility: hidden; }
  /* line 159, ../sass/screen.scss */
  .radio-img-list input[type='radio'] {
    display: none; }

/* line 164, ../sass/screen.scss */
#category-list label:hover i {
  color: #000; }
/* line 165, ../sass/screen.scss */
#category-list label:hover span {
  color: #fff; }
/* line 168, ../sass/screen.scss */
#category-list label.active i {
  color: #79beff; }
/* line 169, ../sass/screen.scss */
#category-list label.active span {
  color: #fff; }

/* line 180, ../sass/screen.scss */
.bt-build {
  background: #fb8018;
  border-color: #fdc79a; }
  /* line 181, ../sass/screen.scss */
  .bt-build:hover {
    background: #ff9337;
    border-color: #fdc79a; }

/* line 183, ../sass/screen.scss */
#register-wrap {
  display: block; }

/* line 184, ../sass/screen.scss */
.mask {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  display: none; }

.mask .message {
  top: 50%;
  padding: 10px;
  position: relative;
  text-align: center;
  transition: transform 0s ease 0.5s, opacity 0s ease 0.5s;
}

.mask .message span {
  font-size: 20px;
}

/* line 187, ../sass/screen.scss */
.page-theme {
  background: #fff;
  color: #333;
  padding: 40px 0;
  text-align: center; }

.background {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}

.background .background-image {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/balloons.jpg");
}

.background .layer {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}

.btn{
  font-family: 'Lato';
  border-width: 0px;
  border-style: solid;
  padding: 5px 10px;
  border-radius: 3px;
}
.btn.btn-medium{
  padding: 7px 18px;
}
.btn.btn-blue{
  background: #478BFB;
  border: 0px solid #3079ED;
  color: #fffaff;
}
.btn.btn-blue:hover{
  background: #3377DD;
}
.btn.btn-blue:active{
  box-shadow: inset 0px 1px 2px 0px #2574F4;
}
.btn-login {
  border-radius: 3px !important;
    color: #fffaff;
    cursor: pointer;
    font-family: "Lato-Regular";
    font-size: 15px;
    margin: 10px 0;
    padding: 10px 25px !important;
    width: 100%;
}

p.term-of-service {
  font-size: 14px !important;
}