@import url(http://fonts.googleapis.com/css?family=Tulpen+One:100,300,400,500,600,700,900);
@import url(https://fonts.googleapis.com/css?family=Josefin+Sans);
@import url(https://fonts.googleapis.com/css?family=Quicksand:400,300,700);
body {
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  background-color: #fff !important;
  overflow-y: scroll !important;
  overflow-x: hidden !important; }

#bg {
  position: absolute;
  left: 0;
  min-width: 100%; }

.bg_css_resize {
  top: 0;
  left: 0;
  height: 160vh;
  width: 100%;
  position: absolute;
  z-index: 0;
  background-color: red;
  background-image: linear-gradient(#072749, #ffffff); }

#phonewrapper {
  text-align: center;
  height: 105vh;
}

#canvas {
    opacity: 0;
}

p {
      -webkit-margin-after: 0;
}

.beta {
  width: 20%;
}

.icon {
  width: 65px;
  height: 65px; }
  @media (min-width: 700px) and (max-width: 1023px) {
    .icon {
      width: 55px;
      height: 55px; } }
  @media (max-width: 699px) {
    .icon {
      width: 45px;
      height: 45px; } }

.outerX {
  display: table;
  position: absolute;
  height: 100%;
  width: 100%;
  padding-top: 30px;
  font-size: 18px;
  font-weight: 200;
  color: #666666; }
  @media (min-width: 700px) and (max-width: 1023px) {
    .outerX {
      font-size: 16px; } }
  @media (max-width: 699px) {
    .outerX {
      font-size: 14px;
      color: #444444; } }

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

.innerX {
  opacity: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px; }
  @media (min-width: 700px) and (max-width: 1023px) {
    .innerX {
      max-width: 650px; } }
  @media (max-width: 699px) {
    .innerX {
      max-width: 500px; } }

.logo {
  position: relative;
  font-family: "Roboto";
  font-weight: 100;
  text-align: center;
  color: #24435e;
  margin: 0; }

.logo_css_resize {
  font-size: 400%; }
  @media (min-width: 700px) and (max-width: 1023px) {
    .logo_css_resize {
      font-size: 330%; } }
  @media (max-width: 699px) {
    .logo_css_resize {
      font-size: 250%; } }

.logo span {
  color: #24435e; }

.logosub {
  position: relative;
  font-family: "Quicksand";
  font-weight: 100;
  color: #ffffff; }

.logosub_css_resize {
  font-size: 160%; }
  @media (min-width: 700px) and (max-width: 1023px) {
    .logosub_css_resize {
      font-size: 150%; } }
  @media (max-width: 699px) {
    .logosub_css_resize {
      font-size: 140%; } }

.info {
  font-size: 120%; }
  @media (min-width: 700px) and (max-width: 1023px) {
    .link {
      font-size: 135%; } }
  @media (max-width: 699px) {
    .link {
      font-size: 150%; } 
}

.mvc-field-group {
  height: 50px;
}

#mc_embed_signup {
                            background: transparent;
                            clear: left;
                            font: 14px Helvetica,Arial,sans-serif;
                        }

.link {
  font-size: 120%; }
  @media (min-width: 700px) and (max-width: 1023px) {
    .link {
      font-size: 135%; } }
  @media (max-width: 699px) {
    .link {
      font-size: 150%; } }

.logowrapper {
  margin-bottom: 8vh; }
  @media (min-width: 700px) and (max-width: 1023px) {
    .logowrapper {
      margin-bottom: 6vh; } }
  @media (max-width: 699px) {
    .logowrapper {
      margin-bottom: 4vh; } }

.phone_css_resize {
  width: 55vh; }

.header {
  font-size: 250%;
  font-weight: 300;
  color: #24435e;
  text-align: left; }
  @media (min-width: 700px) and (max-width: 1023px) {
    .header {
      font-size: 200%; } }
  @media (max-width: 699px) {
    .header {
      font-size: 160%; } }

.text {
  font-size: 100%;
  padding-left: 30px;
  border-left: 2px solid #24435e;
  text-align: left;
  margin-bottom: 45px;
  margin-left: 15px;
  padding-top: 10px;
  font-weight: 200;
  color: #666666; }
  @media (max-width: 699px) {
    .text {
      color: #444444; } }

/*** Signup form*/
.red {
  color: #E62117; }

@media screen and (max-width: 767px) {
  .header-signup .btn-side {
    width: 30%; } }
.input-side,
.btn-side {
  margin: 0px !important;
  display: inline !important;
  padding: 0px;
  font-size: 100%;
  font-weight: 300;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-width: 6px; 
  height: 50px;
  font-size: 16px;
  }

.input-side {
  width: 80% !important;
  outline: none;
  padding-left: 10px;
  border: 1px solid #ccc !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none; 
  height: 50px;
  font-size: 16px;
}

.input-side:focus {
  border-color: #24435e; }

.icon-point {
  position: relative;
  top: 5px; }

.icon2 {
  width: 40px;
  height: 40px; }
  @media (min-width: 700px) and (max-width: 1023px) {
    .icon2 {
      width: 34px;
      height: 34px; } }
  @media (max-width: 699px) {
    .icon2 {
      width: 28px;
      height: 28px; } }

a {
  text-decoration: none;
}

.text-point {
  padding-left: 10px;
  margin-bottom: 18px;
  font-weight: 200;
  color: #666666; }
  @media (max-width: 699px) {
    .text-point {
      color: #444444; } }
  .text-point .last {
    margin-bottom: 4px; }

td {
  vertical-align: top; }

table {
  margin-left: -20px; }

.btn-side {
  float: none;
  width: 18% !important;
  color: #fff;
  border: 1px solid #243242 !important;
  background-color: #243242;
  -webkit-appearance: none;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }

.btn-side:hover {
  cursor: pointer;
  background-color: #24435e;
  border-color: #7CCFD3; }

.btn-side:active {
  background-color: #e73e2c;
  border-color: #e73e2c; }

.btn-side-extra {
  margin-top: 13px !important;
  width: 98% !important;
}

/* End Signup form */
.bottom {
  background-color: #24435e;
  color: white;
  text-align: center;
  font-size: 90%; }

#share-buttons img {
  width: 35px;
  padding: 5px;
  border: 0;
  box-shadow: 0;
  display: inline; }

#share-buttons a {
  color: transparent; }

/*# sourceMappingURL=index.css.map */

.questions {
  cursor: pointer;
  margin-left: 7px;
}


.popup_bg{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(100,100,100,0.5);
  overflow: auto;
  z-index: 3;
}
.popup{
  display: block;
  max-width: 100%;
  margin: auto;
  top: 50px;
  left: 0;
  right: 0;
  width: 500px;
  position: absolute;
  border-radius: 5px;
  background: #fff;
  overflow: hidden;
}
.popup_close{
  position: absolute;
  width: 16px;
  height: 16px;
  right: 8px;
  background: url(../images/cross.svg) no-repeat center;
  top: 8px;
  cursor: pointer;
}
.hiddenk{
  overflow: hidden;
  height: 100%;
  position: fixed;
  width: 100%;
}
.popup_close:hover{
  opacity: 0.7;
}
.popup_header{
  height: 130px;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  background: url(../images/logo_web.svg) no-repeat center #ffffff ;
}
.popup_content{
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  padding: 30px 60px;
}
.popup_content_header{
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  font-size: 150%;
  font-weight: 300;
  color: #24435e;
  text-align: left; }
}
.popup_android,
.popup_message,
.popup_bg{
  display: none;
}
.popup input{
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  background: transparent;
  border: 1px solid #ccc;
  width: 240px;
}
.popup_message input,
.popup_message textarea{
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}
.popup_message textarea{
  height: 150px;
  padding: 0;
  border: 1px solid #ccc;
  border-radius: 5px;
  resize:none;
}
.popup_message .btn_submit.btn_submit{
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  margin: 0 auto;
  float: none;
  display: block;
}
.popup_content label{
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  display: none;
}

.topBarTitle{
    font-size: 4vh !important;
}

.topBarTitleX{
    font-size: 4vh !important;
}
.wpcf7-form input textarea {
	margin-bottom: 10px;
}
.wpcf7-form  {
	width: 100%;
}