/**
 *    ____                       _ 
 *   |  _ \                     | |
 *   | |_) | ___  _ __ ___  __ _| |
 *   |  _ < / _ \| '__/ _ \/ _` | |
 *   | |_) | (_) | | |  __/ (_| | |
 *   |____/ \___/|_|  \___|\__,_|_|
 *
 *
 * Short Description
 *
 * Long Description
 *
 * @package      ki-et-ki 
 * @copyright    Copyright(c) 2016 Boreal Business, All Rights Reserved.
 * @author       Aurelien Munoz <aurelien@boreal-business.net>
 */
body {
  color: #333;
  font-family: Roboto, Arial, sans-serif;
  text-align: center;
  padding: 0;
  margin: 0;
  background: #ffffff; }

div.fl {
  position: absolute;
  height: 100%;
  width: 100%;
  min-width: 320px;
  box-sizing: border-box;
  margin: auto; }

div.wrap {
  position: absolute;
  height: 300px;
  box-sizing: border-box;
  width: 100%;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 40px; }

div.confirm div.wrap {
  width: 100%; }
div.confirm img {
  max-width: 33%; }
div.confirm span {
  font-size: 24px;
  font-weight: lighter;
  line-height: 28px; }

.txtcontent {
  text-align: left;
  padding: 20px;
  font-weight: 300;
  font-size: 14px; }
  .txtcontent h2 {
    color: #F48150;
    font-weight: 400; }
  .txtcontent h1 {
    font-weight: 700; }
  .txtcontent a {
    color: #308EC9; }

h1 {
  font-size: 25px;
  color: #000;
  border-bottom: 1px solid #ccc;
  padding: 0 0 20px;
  margin: 0 0 40px;
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: bolder; }

h2 {
  font-size: 16px;
  color: #F48150;
  font-weight: bolder; }

label {
  display: block;
  margin-bottom: 40px; }
  label input {
    width: 100%; }

input {
  -webkit-appearance: none; }

input[type=submit] {
  border-radius: 4px;
  border: 0;
  cursor: pointer;
  padding: 6px;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 14px;
  transition: all 0.25s;
  background-color: #308EC9;
  color: #fff;
  box-sizing: border-box; }

input[type=text], input[type=password] {
  padding: 5px;
  border-radius: 3px;
  border: 1px solid #ddd;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 18px;
  transition: all 0.25s;
  box-sizing: border-box; }

input[type=text]:focus, input[type=password]:focus, textarea:focus {
  border-color: #f58250;
  box-shadow: 0 0 5px #f3c0aa inset; }

textarea {
  width: 97%;
  padding: 5px;
  border-radius: 3px;
  border: 1px solid #ddd;
  font-family: Roboto, sans-serif;
  font-weight: 300;
  font-size: 18px;
  transition: all 0.25s; }

.exps {
  font-weight: 300;
  font-style: italic;
  margin-bottom: 40px; }

label div {
  margin-bottom: 10px; }

.download-container {
  background-color: #737373;
  width: 100%;
  height: 100%; }

.download {
  height: 300px;
  position: absolute;
  top: 50%;
  -moz-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-align: center;
  width: 100%; }
  .download a {
    display: inline-block;
    width: 256px;
    text-align: center;
    color: #fff;
    font-weight: lighter;
    font-size: 50px;
    text-decoration: none;
    transition: all 0.25s; }
    .download a:hover {
      -moz-transform: scale(1.1, 1.1);
      -webkit-transform: scale(1.1, 1.1);
      transform: scale(1.1, 1.1);
      -webkit-filter: drop-shadow(0px 20px 5px rgba(0, 0, 0, 0.25));
      -moz-filter: drop-shadow(0px 20px 5px rgba(0, 0, 0, 0.25));
      filter: drop-shadow(0px 20px 5px rgba(0, 0, 0, 0.25)); }
    .download a:first-child {
      padding-right: 80px; }
    .download a:last-child {
      padding-left: 80px; }
    .download a img {
      margin-bottom: 30px; }

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