@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: 'Roboto';
    src: url("http://fonts.googleapis.com/css?family=Roboto:100,300,400,700");
}
/*@import url('//fonts.googleapis.com/css?family=Roboto:400,300,500,700');*/
@import url(http://fonts.googleapis.com/css?family=Roboto:100,300,400,700);

/* Typogaraphy
------------------------------ */
.sapform p, .sapform h1, .sapform h2, .sapform h3, .sapform h4, .sapform h5, .sapform h6 { 
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 400;
  color: #333333;
}
/* Form
------------------------------ */
.sapform * {
  font-family: 'Roboto',Arial,sans-serif;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      box-sizing: border-box;
}
.saptitle,.sapheading,
.sapdescription,
.saptext,
.sapinput,
.sapform input[type=text],
.sapform input[type=email],
.sapbutton,
.sapform input[type=submit] {
  margin-left: 0px;
  margin-right: 0px;
  float: left;
}
.sapclose {
  display:none;
}
.sapform {
  /* Size and position */
  max-width: 800px;
  width: 100%;
  min-height:330px;
  margin: 0;
  padding: 0;
  margin-left:auto;/* ? */
  margin-right:auto;/* ? */
  /* Font styles */
  vertical-align: top;
  text-align: center;
  line-height: 1.2;
  overflow:auto;
  clear:both;
  background: #ebebeb;
}
.sapformhover {

}
.sapheader {
  width: 100%;
  position: relative;
  padding-bottom: 8px;
  padding-top: 10px;
}
.sapheader:after {
    content: '';
  position: absolute;
  background:#c2c2c2;
  width: 90%;
  left: calc(50% - 45%);
  height:2px;
  margin-top: 6px;
}
.sapheader .complete {
  color: #4DB4D9;
  line-height: 0;
  margin-top: 20px;
  font-size: 12px;
  left: 50%;
}
.sapheader p {
  font-size: 12px;
  margin-top: 0;
  padding: 0 15px;
}

.sapheader img {
  width: 100%;
  margin: 0;
  padding: 0
}
.saptitle {
  margin-bottom:0px;
  width:60%;
  padding: 8px 2% 5px 2%;
  line-height: 1.2;
  text-align: center;
}
.saptitle h2 {
  font-size: 22px;
  font-weight: 700;
}
/* Body
------------------------------ */
.sapheading {
  font-size: 26px;
   font-weight: bold;
  padding: 0 15px 0 15px;
}
.sapdescription {
  font-size: 16px;
width: 100%;
  padding: 0 15px 0 15px;
  text-align: center;
  color: #333333;

}
.sapimage-before {
  display:block;
  width: 40%;
  float: left;
  margin-top: 30px;
  
}
.sapimage-before img {
  width: 100%;
  padding: 30px;

}

/* Footer
------------------------------ */
.sapfooter {
  text-align: left;
  min-height:70px;
  margin-top:0px;
  margin-bottom:0px;
  width:60%;
  float: right;
  padding: 10px 5% 30px 5%;
}
.sapfooter  p {
  font-size: 12px;
  text-align: center;
}
.sapentry {
}

.spam {
  margin: 0;
  padding: 0;
}
.spam span img {
  padding:0px 6px 0 0;
}
/* Input
------------------------------ */

.sapinput {
  width:100%;
  padding: 0 0%;
  margin:0 4% 0 0;
}
.sapform input[type=text], .sapform input[type=email] {
    /* Size and position */
    width: 100% ;
  padding: 15px;
  min-height:36px;  
    /* Styles */
    border: 0px solid #4e3043; /* Fallback */
    border: 0px solid rgba(78,48,67, 0.8);
    border-radius: 0px;
    box-shadow: 
    inset 0 1px 1px rgba(0,0,0,0.1);
            0 1px 0 rgba(255,255,255,0.2),         
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    /* Font styles */
    font-size: 12px;
  margin-bottom: 5px;
}
.sapform input[type=text]:hover, .sapform input[type=email]:hover {
  outline: none;
}

.sapform input[type=text]:focus, .sapform input[type=email]:focus {
  outline: none;

}
.sapbutton {
  width:100%;

}
.sapform input[type=submit] {
/* Size and position */
  width: 100%;
  font-size: 1.1em;
    font-family: 'Roboto',Verdana, Geneva, sans-serif;
    font-weight: 700;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
      -ms-border-radius: 3px;
       -o-border-radius: 3px;
  border: 1px solid #e1e1e1;
  line-height: 1.2em;
  padding: 10px 34px;;
  margin: 10px 0 10px 0;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  white-space: normal;
  cursor: pointer;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.4);
       -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.4);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.4);
  color: #fff;
  text-shadow: 1px 2px 4px #E5C251;
  border-color: #F7CA18;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #FFD464), color-stop(100%, #FFD464));
  background-image: -webkit-linear-gradient(bottom, #FFD464 0%, #FFD464 100%);
  background-image: -moz-linear-gradient(bottom, #FFD464 0%, #FFD464 100%);
  background-image: -o-linear-gradient(bottom, #FFD464 0%, #FFD464 100%);
  background-image: linear-gradient(bottom, #FFD464 0%, #FFD464 100%);  
}
.sapform input[type=submit]:hover {
  text-shadow: 1px 2px 4px #52B5AE;
  border-color: #19A39C;
  background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #5AC4BE), color-stop(100%, #5AC4BE));
  background-image: -webkit-linear-gradient(bottom, #5AC4BE 0%, #5AC4BE 100%);
  background-image: -moz-linear-gradient(bottom, #5AC4BE 0%, #5AC4BE 100%);
  background-image: -o-linear-gradient(bottom, #5AC4BE 0%, #5AC4BE 100%);
  background-image: linear-gradient(bottom, #5AC4BE 0%, #5AC4BE 100%);
}

/* =================================================== */

@media only screen and (max-width: 767px) {
  .saptitle, .sapfooter, .sapimage-before, .sapbutton, .sapinput, input[type=text], input[type=email] {
    width:100%;
  }
  .sapbutton, .sapinput {
    width:100%;
    padding: 0 10%;
    margin: 5px;
  }
@media only screen and (max-width: 420px) {
}