/*-- CSS Document --*/
@charset "utf-8";

/* fontface.css 
----------------------------------------------*/
/* LATO Font Family */
@font-face {
    font-family: 'latoblack';
    src: url('../fontface/lato-bla-webfont.eot');
    src: url('../fontface/lato-bla-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontface/lato-bla-webfont.woff') format('woff'),
         url('../fontface/lato-bla-webfont.ttf') format('truetype'),
         url('../fontface/lato-bla-webfont.svg#latoblack') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latobold';
    src: url('../fontface/lato-bol-webfont.eot');
    src: url('../fontface/lato-bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontface/lato-bol-webfont.woff') format('woff'),
         url('../fontface/lato-bol-webfont.ttf') format('truetype'),
         url('../fontface/lato-bol-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latohairline';
    src: url('../fontface/lato-hai-webfont.eot');
    src: url('../fontface/lato-hai-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontface/lato-hai-webfont.woff') format('woff'),
         url('../fontface/lato-hai-webfont.ttf') format('truetype'),
         url('../fontface/lato-hai-webfont.svg#latohairline') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latolight';
    src: url('../fontface/lato-lig-webfont.eot');
    src: url('../fontface/lato-lig-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontface/lato-lig-webfont.woff') format('woff'),
         url('../fontface/lato-lig-webfont.ttf') format('truetype'),
         url('../fontface/lato-lig-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latoregular';
    src: url('../fontface/lato-reg-webfont.eot');
    src: url('../fontface/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fontface/lato-reg-webfont.woff') format('woff'),
         url('../fontface/lato-reg-webfont.ttf') format('truetype'),
         url('../fontface/lato-reg-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Style.css
-------------------------------------------*/
/* General
-----------------*/
html, body, .pagewrap, .container {
  height: 100%;
}

body {
  background-color: #e54243;
}

.clearFix {
  clear: both;
}

span, address, p, a, h1, h2, h3, h4, h5, h6, span, li {
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-weight: normal;
}

h1, h2, h3, h4, h5, h6, a {
  font-family: 'latoregular', Arial, Verdana, sans-serif;
}

p {
  font-family: 'aleoregular', Arial, Verdana, sans-serif;
  margin-bottom: 15px;
  font-size: 17px;
  color: #424242;
  line-height: 26px;
}

a { 
  color: #ed6e34;
  text-decoration: none;    
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;    
  transition: all 0.3s ease-in-out;
}

i { 
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;    
  transition: all 0.3s ease-in-out;
}

ul, li {
  list-style: none;
  margin: 0;
  padding: 0;
}

::selection {
  background:#e54243;
  color:#fff;
}

::-moz-selection {
  background:#e54243;
  color:#fff;
}

input, textarea, select, button {
  outline: none;
}

/* Margin and Padding Resets
-----------------------------*/
.noMargin {
  margin: 0!important;
}

.noLeftMargin {
  margin-left: 0!important;
}

.noRightMargin {
  margin-right: 0!important;
}

.noToptMargin {
  margin-top: 0!important;
}

.noBottomMargin {
  margin-bottom: 0!important;
}

.noLeftPadding {
  padding-left: 0!important;
}

.noRightPadding {
  padding-right: 0!important;
}

.right {
  float: right!important;
}

.left {
  float: left!important;
}

.rMargin {
  margin-right: 20px!important;
}

.lMargin {
  margin-left: 20px!important;
}

.tMargin {
  margin-top: 20px!important;
}

.bMargin {
  margin-bottom: 20px!important;
}

.lPadding {
  padding-left: 15px!important;
}

.rPadding {
  padding-right: 15px!important;
}

.tPadding {
  padding-left: 15px!important;
}

.bPadding {
  padding-right: 15px!important;
}

/* Responsive Widths */
.w20 {
  width: 20%;
}

.w25 {
  width: 25%;
}

.w33 {
  width: 33%;
}

.w40 {
  width: 40%;
}

/* Section Paddings */
.secPadding {
  padding: 60px 0;
}

/* Section Styles */
section header h1 {
  font: 3rem 'latobold', Arial, Verdana, sans-serif;
  color: #5f5858;
  line-height: 3rem;
  margin: 0 auto 20px;
  text-align: center;
  position: relative;
}

section header h1.white {
  color: #fff;
}

section header h1.white:before {
  background-color: #fff;
}

section header h2 {
  font: 2.25rem 'aleolight', Arial, Verdana, sans-serif;
  color: #5f5858;
  line-height: 3rem;
  margin: 0 auto 50px;
  text-align: center;
}

section header h3 {
  font: 1.8rem 'aleolight', Arial, Verdana, sans-serif;
  color: #5f5858;
  line-height: 2.4rem;
  margin: 0 auto 50px;
  text-align: center;
}

section .secDescription {
  color: #bdbdbd;
  text-transform: uppercase;
  display: block;
  font: .9rem 'latobold', Arial, Verdana, sans-serif;
  line-height: 1rem;
  margin-bottom: 30px;
  text-align: center;
  letter-spacing: 2px;
}

.bottomLine {
  padding-bottom: 25px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;    
  transition: all 0.3s ease-in-out;
}

.bottomLine:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 2px;
  width: 200px;
  background-color: #d1d1d1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;    
  transition: all 0.3s ease-in-out;
}

.bottomLine:hover:before {
  width: 230px;
  background-color: #e54243;
}

/* Buttons
--------------------------------*/
.button {
  color: #e54243!important;
  font-size: 1rem;
  font-family: 'latoregular', Arial, Verdana, sans-serif;
  text-transform: uppercase;
  cursor: pointer;
  border: 0!important;
  
  padding: 15px 60px !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;    
  transition: all 0.3s ease-in-out;


  /* Adjustment */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.button.primary:hover {
  box-shadow: inset 0 -1px 0 rgba(255,255,255,0.3), 0px 2px 0 #ad1d1e;
  background-color: #f54f50;
}

.button.solid.white {
  background-color: #f2f2f2!important;
  color: #f54f50!important;
  border: none!important;
}

.button.solid.white:hover {
  background-color: #fafafa!important;
  box-shadow: inset 0 -1px 0 rgba(255,255,255,1), 0 2px 0 #939393;
}

.button.center {
  margin     : auto;
  display    : block;
  position   : absolute;
  left       : 0;
  right      : 0;
  top        : 0;
  bottom     : 0;
  width      : 400px;
  height     : 50px;
  line-height: 18px;
}

.button.outline {
  border: 1px solid #e54243!important;
  background-color: transparent!important;
}

.button.outline:hover {
  color: #fff !important;
  background-color: #e54243!important;
}

.button.outline.white {
  color: #fff!important;
  border: 2px solid #fff!important;
}

.button.outline.white:hover {
  text-shadow: 1px 1px 2px #ad1d1e;
  background-color: #f54f50!important;
  border-color: #f54f50!important;

}

.button.outline.red {
  color: #f54f50!important;
  border: 2px solid #f54f50!important;
}

.button.outline.red:hover {
  color: #fff!important;
  text-shadow: 1px 1px 2px #bd1d1e;
  background-color: #f54f50!important;
}

.letterSpace {
  letter-spacing: 2px;
}

.linkUnderline {
  padding-bottom: 2px;
  border-bottom: 1px solid transparent;
}

.linkUnderline:hover {
  border-bottom-color: #e54243;
}

/* Page 1
-------------------------*/
.topPage,
.bottomPage {
  width   : 100%;
  display : block;
  float   : left;
}

.topPage .row,
.bottomPage .row {
  position: relative;
  height  : 100%;
  z-index : 2;
}

.topPage {
  height  : 50%;
  position: relative;
}
.bottomPage {
  height          : 50%;
  background-color: #fff;
  padding-top     : 50px;
  bottom          : 0;
  overflow        : hidden;
  position        : absolute;
}

.bottomPage:before {
  content          : "";
  margin           : auto;
  width            : 70px;
  height           : 70px;
  left             : 0;
  right            : 0;
  top              : -35px;
  display          : block;
  position         : absolute;
  border-radius    : 0 0 10px 0;
  background-color : #e54243;
  z-index          : 1;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  -o-transform     : rotate(45deg);
  transform        : rotate(45deg);
}


#page-1 .topPage {
  background-position: center;
  background-repeat  : no-repeat;
  background-image   : url(../img/bgTopPage1.png);
}

#page-1 h1 {
  top           : 0;
  bottom        : 0;
  position      : absolute;
  width         : 100%;
  color         : #fff;
  margin        : auto;
  display       : table;
  font-size     : 4rem;
  text-align    : center;
  text-transform: uppercase;
  font-family   : 'latolight';
}

#page-1 h1 span {
  font-size     : 7rem;
  font-family   : 'latobold';
  letter-spacing: 27px;
}

.contentFt {
  min-height: 60%;
}

.ft {
  position: absolute;
  bottom: 0;
  height: 130px;
}

p.txtFt {
  margin     : 30px 0;
  display    : block;
  color      : #e54243;
  font-size  : 1.2rem;
  font-family: 'latoregular';
}

p.txtFt span {
  font-family   : 'latoblack';
}

a.logoFt {
  left         : 0;
  right        : 0;
  bottom       : 0;
  margin       : auto;
  width        : 125px;
  height       : 125px;
  display      : block;
  position     : absolute;
  border-radius: 10px 10px 0 0;
  background   : #e54243 url(../img/sprite.png) 25px 25px no-repeat;
}

a.logoFt:hover {
  height: 135px;
}

ul.share {
  width     : 100%;
  margin    : 45px 0;
  text-align: right;
}

ul.share li {
  display       : inline;
  color         : #bbb;
  font-size     : 1rem;
  letter-spacing: 2px;
  height        : 29px;
  text-transform: uppercase;
  font-family   : 'latoregular';
}

ul.share li a {
  width        : 29px;
  height       : 29px;
  margin-bottom: -8px;
  display      : inline-block;
  background   : url(../img/sprite.png) no-repeat;
}

ul.share li a.facebook { background-position: -117px 0; }
ul.share li a.twitter { background-position: -146px 0; }
ul.share li a.linkedin { background-position: -175px 0; }
ul.share li a.googleplus { background-position: -204px 0; }

ul.share li a.facebook:hover { background-position: -117px -29px; }
ul.share li a.twitter:hover { background-position: -146px -29px; }
ul.share li a.linkedin:hover { background-position: -175px -29px; }
ul.share li a.googleplus:hover { background-position: -204px -29px; }

.pageload-overlay {
  z-index: 3;
}

/* Page 2
-------------------------*/
#page-2 .topPage {
  height: 77%;
}

#page-2 .bottomPage {
  height: 200px;
}

.formContainer {
  display   : block;
  padding   : 5em 0;
  text-align: center;
}

a.linkTop {
  color      : #af3132;
  margin     : 10vh 0;
  font-size  : 1.8rem;
  display    : block;
  font-family: 'latolight';
}

a.linkTop span {
  font-family: 'latobold';
}

a.linkTop:hover {
  color: #fff;
}

.simform {
  font-size: inherit !important;
}

.simform input,
.simform ol:before {
  height          : 80px !important;
  background-color: #af3132 !important
}

.simform label,
.simform input,
.formContainer button.next,
.formContainer button.previous {
  font-size: 2.5rem !important;
}

ol {
  z-index: 0;
}

ol label {
  color: #fff;
  font-family: 'latolight';
}

ol span span {
  font-family: 'latobold' !important;
}

.questions input {
  color      : #52090a !important;
  font-family: 'latolight';
}

.questions .current input,
.no-js .questions input {
  width       : 100%;
  background  : none;
  box-shadow  : none;
  border-color: transparent;
}

button.next.show,
button.previous.show {
  margin            : 0;
  bottom            : 2.4rem;
  background-color  : transparent !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition   : all 0.3s ease-in-out;    
  transition        : all 0.3s ease-in-out;
}

button.next { right: -65px; }
button.next.show { right: -80px; }
button.previous { left: -65px; }
button.previous.show { left: -80px; }

button.next.show:hover,
button.next.show:focus,
button.previous.show:hover,
button.previous.show:focus {
  color           : #fff;
  background-color: transparent !important;
}

.simform .progress {
  height    : 0.30em !important;
  background: rgba(0,0,0,0.4) !important;
}

.controls span {
  font-size  : 1rem !important;
  font-family: 'latobold';
  color      : #8d1e1e !important;
}

.controls span.error-message {
  font-family: 'latoregular';
}

.final-message {
  font-size  : 2rem;
  display    : block;
  font-family: 'latoregular';
  color      : #52090a;
}

.final-button {
  top               : 30px;
  opacity           : 0;
  color             : #fff;
  width             : 100%;
  display           : block;
  padding           : 40px 0;
  font-size         : 1.2rem;
  line-height       : 2rem;
  text-align        : center;
  position          : relative;
  font-family       : 'latoregular';
  border-top        : #ab3233 thin dashed;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition   : all 0.3s ease-in-out;    
  transition        : all 0.3s ease-in-out;
}

.final-button.show {
  visibility: visible;
  opacity   : 1;
  margin-top: 5%;
}

.final-button a {
  color           : #e54243;
  background-color: #fff;
  display         : inline-block;
  margin-top      : 10px;
  text-transform  : uppercase;
  padding         : 0.7rem 10rem;
  border-radius   : 5px;
  position        : relative;
}

.final-button a:hover {
  box-shadow: 0px 3px 0 rgba(0,0,0,.3);
}

.final-button a:before,
.final-button a:after {
  content   : '';
  width     : 100px;
  height    : 35px;
  top       : 10px;
  position  : absolute;
  background: url(../img/sprite.png) no-repeat;
}

.final-button a:before {
  left               : -115px;
  background-position: -247px 0;
}

.final-button a:after {
  right              : -115px;
  background-position: -366px 0;
}

.pageload-overlay::before {
  content           : url(../img/preloader.gif) !important;
  width             : 64px !important;
  height            : 64px !important;
  top               : 0 !important;
  bottom            : 0 !important;
  left              : 0 !important;
  right             : 0 !important;
  margin            : auto !important;
}

.pageload-overlay::after {
  display: none !important;
}

.pageload-overlay::after,
.pageload-overlay::before {
  background       : none !important;
  -webkit-transform: none !important;
  transform        : none !important;
  -webkit-animation: none !important;
  animation        : none !important;
}

/* Responsive Fixes
--------------------------- */

/* w1024px
--------------------------- */
@media all and (max-width: 1024px) {
  .bottomPage .large-5 {
    width: 41.66667%;
  }
  .bottomPage .large-2 {
    width: 16.66667%;
  }
  p.txtFt {
    font-size: 1rem;
  }
}

/* w990px
--------------------------- */
@media all and (max-width: 990px) {
  button.next.show,
  button.previous.show {
    top: 20px;
  }
  button.next.show {
    right: 0;
  }
  button.previous.show {
    left : inherit;
    right: 40px;
  }
}

/* w865px
--------------------------- */
@media all and (max-width: 865px) {
  .simform {
    width: 90% !important;
  }
  .simform label {
    font-size: 2rem !important;
  }
}

/* w768px
--------------------------- */
@media all and (max-width: 768px) {
  #page-1 h1 {
    font-size: 3rem;
  }
  #page-1 h1 span {
    font-size: 5rem;
  }
  p.txtFt {
    font-size: 0.8rem;
  }
  button.next.show,
  button.previous.show {
    top      : inherit;
    bottom   : -120px;
    font-size: 5rem !important;
  }
  button.next.show {
    right    : 30%;
  }
  button.previous.show {
    left    : 30%;
  }
}

/* w640px
--------------------------- */
@media all and (max-width: 640px) {
  button.next.show,
  button.previous.show {
    top: 190px;
  }
  button.next.show {
    right: 20%;
  }
  button.previous.show {
    left: 20%;
  }
  #page-1 h1 {
    font-size: 2.5rem;
  }
  #page-1 h1 span {
    letter-spacing: 10px;
  }
  ul.share li:first-child {
    display: block;
    width: 100%;
  }
  button.next {
    right: -45px;
  }
  .simform label {
    font-size: 1.6rem !important;
  }
  .final-button {
    padding: 10px 0;
  }
  .final-button.show {
    margin-top: 0;
  }
  .final-button a {
    margin-top: 20px;
    padding: 0.7rem 3rem;
  }
}

/* w480px
--------------------------- */
@media all and (max-width: 480px) {
  button.next.show {
    right: 15%;
  }
  button.previous.show {
    left: 15%;
  }
  #page-1 h1 {
    font-size: 1.3rem;
  }
  #page-1 h1 span {
    font-size     : 3.3rem;
    letter-spacing: 5px;
  }
  p.txtFt {
    font-size: 0.65rem;
  }
  p.txtFt span {
    font-size: 0.9rem;
  }
  ul.share,
  .logoFt {
    -webkit-transform:scale(0.8); 
    -moz-transform   :scale(0.8);
    -o-transform     :scale(0.8);
    transform        :scale(0.8);
  }
  .logoFt {
    bottom: -13px !important;
  }
  ul.share li a {
    width: 26px;
  }
  .simform label {
    font-size: 1.4rem !important;
  }
  .button.center {
    width    : 300px;
    font-size: 0.8rem;
    padding: 15px 30px !important;
  }
  .final-button a:before,
  .final-button a:after {
    display: none;
  }
}

/* w450px
--------------------------- */
@media all and (max-width: 450px) {
  p.txtFt {
    font-size  : 0.65rem;
    line-height: 18px;
    padding-right: 5px;
  }
  p.txtFt span {
    font-size: 0.9rem;
  }
  ul.share,
  .logoFt {
    -webkit-transform:scale(0.8); 
    -moz-transform   :scale(0.8);
    -o-transform     :scale(0.8);
    transform        :scale(0.8);
  }

  .logoFt {
    bottom: -13px !important;
  }
  ul.share li a {
    width: 26px;
  }
  .simform label {
    font-size: 1.4rem !important;
  }
  .contentFt {
    min-height: 45%;
  }
  ul.share {
    width: 120%;
    margin: 45px 0;
    text-align: right;
  }
  button.next.show,
  button.previous.show {
    top: 160px;
    font-size: 3rem !important;
  }
  .final-message {
    font-size: 1rem;
  }
  a.linkTop {
    font-size: 1.4rem;
  }
}

/* h840px
--------------------------- */
@media all and (max-height: 840px) {
  .final-button.show {
    margin-top: 0;
  }
}

/* h725px
--------------------------- */
@media all and (max-height: 725px) {
  a.linkTop {
    margin: 4vh 0;
  }
}

/* h580px
--------------------------- */
@media all and (max-height: 580px) {
  .formContainer {
    padding: 0;
  }
  .simform {
    padding: 1em 0 !important;
  }
  .simform label {
    font-size: 1.1rem !important;
  }
  .simform input {
    font-size: 1.5rem !important;
  }
  .simform input,
  .simform ol:before {
    height: 50px !important;
  }
  button.next.show,
  button.previous.show {
    top: 150px;
    font-size: 2rem !important;
  }
  button.next {
    right: -34px;
  }
  button.next.show {
    right: 25%;
  }
  button.previous.show {
    left: 25%;
  }
}