@import url(https://fonts.googleapis.com/css?family=Lato&subset=latin-ext);
@-webkit-keyframes a{
  0%{
    -webkit-transform:scale(.6);
    transform:scale(.6);
    opacity:0}
  40%{
    -webkit-transform:scale(.8);
    transform:scale(.8);
    opacity:.05}
  50%{
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:.1}
  60%{
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
    opacity:.3}
  80%{
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
    opacity:.1}
  to{
    -webkit-transform:scale(1.3);
    transform:scale(1.3);
    opacity:0}
}
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{
  font-family:sans-serif;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%}
body{
  margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{
  display:block}
audio,canvas,progress,video{
  display:inline-block}
audio:not([controls]){
  display:none;
  height:0}
progress{
  vertical-align:baseline}
[hidden],template{
  display:none}
a{
  background-color:transparent;
  -webkit-text-decoration-skip:objects}
a:active,a:hover{
  outline-width:0}
abbr[title]{
  border-bottom:none;
  text-decoration:underline;
  text-decoration:underline dotted}
b,strong{
  font-weight:inherit;
  font-weight:bolder}
dfn{
  font-style:italic}
h1{
  font-size:2em;
  margin:.67em 0}
mark{
  background-color:#ff0;
  color:#000}
small{
  font-size:80%}
sub,sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline}
sub{
  bottom:-.25em}sup{top:-.5em}
img{
  border-style:none}
svg:not(:root){
  overflow:hidden}
code,kbd,pre,samp{
  font-family:monospace,monospace;
  font-size:1em}
figure{
  margin:1em 40px}
hr{
  box-sizing:content-box;
  height:0;
  overflow:visible}
button,input,select,textarea{
  font:inherit;
  margin:0}
optgroup{
  font-weight:700}
button,input{
  overflow:visible}
button,select{
  text-transform:none}
[type=reset],[type=submit],button,html [type=button]{
  -webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
  border-style:none;
  padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{
  outline:1px dotted ButtonText}
fieldset{
  border:1px solid silver;
  margin:0 2px;
  padding:.35em .625em .75em}
legend{
  box-sizing:border-box;
  color:inherit;
  display:table;
  max-width:100%;
  padding:0;
  white-space:normal}
textarea{
  overflow:auto}
[type=checkbox],[type=radio]{
  box-sizing:border-box;
  padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
  height:auto}
[type=search]{
  -webkit-appearance:textfield;
  outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{
  -webkit-appearance:none}
::-webkit-input-placeholder{
  color:inherit;
  opacity:.54}
::-webkit-file-upload-button{
  -webkit-appearance:button;
  font:inherit}
@keyframes a{
  0%{
    -webkit-transform:scale(.6);
    transform:scale(.6);
    opacity:0}
  40%{
    -webkit-transform:scale(.8);
    transform:scale(.8);
    opacity:.05}
  50%{
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:.1}
  60%{
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
    opacity:.3}
  80%{
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
    opacity:.1}
  to{
    -webkit-transform:scale(1.3);
    transform:scale(1.3);
    opacity:0}
}
body,html{
  height:100%}
.null-margins,h1,h2,h3,h4,p{
  margin:0;
  padding:0}
h1{
  font-size:2.2em}
h1,h2{
  line-height:1.2}
h2{
  font-size:1.1em}
.primary{
  color:#5ca91d}
.accent{
  color:#fa324e}
.hidden{
  display:none}
.bottom__content,.top__content{
  width:90%;
  max-width:1440px;
  margin:0 auto}
body{
  min-width:320px;
  font-size:16px;
  line-height:1.2;
  font-family:'Lato', Helvetica, Arial, sans-serif;
  overflow-x:hidden;
  background:#252334}
.slider{
  z-index:1}
.slider,.slider .item{
  height:100%;
  width:100%;
  position:fixed;
  left:0;
  top:0}
.slider .item:nth-child(1){
  background:url(../img/1.jpg);
  background-repeat:no-repeat;
  background-position:50%;
  background-size:cover}
.slider .item:nth-child(1),.slider .item:nth-child(2){
  height:100vh;
  width:100%;
  position:absolute;
  top:0;
  left:0}
.slider .item:nth-child(2){
  background:url(../img/2.jpg);
  background-repeat:no-repeat;
  background-position:50%;
  background-size:cover}
.slider .item:nth-child(3){
  background:url(../img/3.jpg);
  background-repeat:no-repeat;
  background-position:50%;
  background-size:cover}
.slider .item:nth-child(3),.slider .item:nth-child(4){
  height:100vh;
  width:100%;
  position:absolute;
  top:0;
  left:0}
.slider .item:nth-child(4){
  background:url(../img/4.jpg);
  background-repeat:no-repeat;
  background-position:50%;
  background-size:cover}
.slider .item:before{
  content:'';
  display:block;
  height:100vh;
  background:rgba(0,0,0,.4) url(../img/pattern.png)}
.main,.slider .item:before{
  position:absolute;
  width:100%;
  top:0;
  left:0}
.main{
  height:100%;
  z-index:2}
.main__top{
  height:40%;
  padding-top:30px;
  position:relative;
  z-index:2}
.main__top h1{
  font-weight:700}
.main__top h1,.main__top h2{
  text-transform:uppercase;
  color:hsla(0,0%,100%,.5)}
.main__top h2{
  max-width:60%;
  margin-top:15px;
  font-weight:300}
.main__bottom{
  width:100%;
  height:60%;
  position:absolute;
  bottom:0;
  left:0;
  z-index:2}
.main__bottom .crumbs{
  position:absolute;
  width:50%;
  float:left;
  opacity:.4;
  padding-left:100px}
.main__bottom .crumbs .crumb{
  display:inline-block;
  width:80px;
  height:80px;
  background:hsla(0,0%,100%,.2);
  border-radius:50%;
  color:#fff;
  font-size:2em;
  line-height:80px;
  text-align:center;
  margin:20px 10px 0;
  -webkit-transition:-webkit-transform .25s;
  transition:-webkit-transform .25s;
  transition:transform .25s;
  transition:transform .25s,-webkit-transform .25s}
.main__bottom .crumbs .crumb.omgitsactive{
  -webkit-transform:scale(1.2);
  transform:scale(1.2);
  background:#fa324e}
.main__bottom .item{
  width:50%;
  float:right}
.main__bottom .item:last-child{
  width:100%}
.main__bottom .item .question p:first-of-type{
  font-size:1.3125em;
  text-transform:uppercase;
  font-weight:700;
  margin-top:20px}
.main__bottom .item .question p:last-of-type{
  margin-top:15px;
  font-size:1.5em;
  color:#fff;
  text-shadow:0 2px 2px #000;
  font-weight:500;
  text-transform:uppercase}
.main__bottom .item .answer-buttons{
  margin-top:30px}
.main__bottom .item .answer-buttons a.yes{
  display:inline-block;
  position:relative;
  width:110px;
  height:110px;
  border-radius:50%;
  background:#5ca91d url(../img/yes.png);
  background-repeat:no-repeat;
  background-position:50%;
  background-size:50%;
  color:#fff;
  text-decoration:none;
  margin-left:50px}
.main__bottom .item .answer-buttons a.yes:before{
  content:'';
  display:block;
  position:absolute;
  width:140px;
  height:140px;
  margin:auto}
.main__bottom .item .answer-buttons a.yes:hover{
  background:#509319 url(../img/yes.png);
  background-repeat:no-repeat;
  background-position:50%;
  background-size:50%}
.main__bottom .item .answer-buttons a.yes:active{
  background:#386812 url(../img/yes.png);
  background-repeat:no-repeat;
  background-position:50%;
  background-size:50%}
.main__bottom .item .answer-buttons a.yes:before{
  top:-15px;
  left:-15px;
  z-index:2;
  opacity:0;
  border:1px solid hsla(0,0%,100%,0);
  -webkit-animation:a 4.5s linear infinite;
  animation:a 4.5s linear infinite;
  border-radius:50%;
  box-shadow:inset 0 0 12px 5px hsla(0,0%,100%,.8)}
.main__bottom .item .answer-buttons a.no{
  display:inline-block;
  width:80px;
  height:80px;
  border-radius:50%;
  background:#fa324e url(../img/no.png);
  background-repeat:no-repeat;
  background-position:50%;
  background-size:70%;
  color:#fff;
  text-decoration:none;
  position:relative;
  top:-12px}
.main__bottom .item .answer-buttons a.no:before{
  content:'';
  display:block;
  position:absolute;
  width:110px;
  height:110px;
  margin:auto}
.main__bottom .item .answer-buttons a.no:hover{
  background:#f91939 url(../img/no.png);
  background-repeat:no-repeat;
  background-position:50%;
  background-size:70%}
.main__bottom .item .answer-buttons a.no:active{
  background:#da0523 url(../img/no.png);
  background-repeat:no-repeat;
  background-position:50%;
  background-size:70%}
.main__bottom .item .answer-buttons a.redirect-btn{
  display:block;
  position:relative;
  padding:21px 40px;
  width:100%;
  max-width:140px;
  margin:40px auto 0;
  text-align:center;
  font-size:1.3125em;
  text-transform:uppercase;
  font-weight:700;
  border-radius:100px;
  background:#5ca91d;
  color:#fff;
  text-decoration:none}
.main__bottom .item .answer-buttons a.redirect-btn:hover{
  background:#509319}
.main__bottom .item .answer-buttons a.redirect-btn:active{
  background:#447d16}
@media (min-width:320px) and (max-width:479px){
  .hidden-xs{
    display:none}
  h1{
    font-size:1.3125em}
  h2{
    font-size:1.125em}
  .slider .item:nth-child(1){
    background-position:65%}
  .slider .item:nth-child(2),.slider .item:nth-child(3){
    background-position:80%}
  .slider .item:nth-child(4){
    background-position:30%}
  .slider .item:before{
    background:rgba(0,0,0,.6)}
  .main{
    min-height:100%;
    height:auto}
  .main__top{
    height:auto;
    padding-top:30px;
    position:relative;
    z-index:2}
  .main__top h1{
    text-transform:uppercase;
    font-weight:700;
    color:hsla(0,0%,100%,.7)}
  .main__top h2{
    max-width:100%;
    margin-top:15px;
    color:hsla(0,0%,100%,.7)}
  .main__bottom{
    width:100%;
    height:auto;
    position:relative;
    background:transparent;
    z-index:2}
  .main__bottom .crumbs{
    position:relative;
    text-align:center;
    width:100%;
    float:none;
    padding-left:0}
  .main__bottom .crumbs .crumb{
    width:30px;
    height:30px;
    font-size:1em;
    line-height:30px}
  .main__bottom .crumbs .crumb.omgitsactive{
    -webkit-transform:scale(1.4);
    transform:scale(1.4)}
  .main__bottom .item{
    width:100%;
    float:none}
  .main__bottom .item .question p:first-of-type{
    font-size:1em}
  .main__bottom .item .question p:last-of-type{
    font-size:1.5em}
  .main__bottom .item .answer-buttons{
    text-align:center}
  .main__bottom .item .answer-buttons a.redirect-btn{
    max-width:50%;
    margin-bottom:40px}
}
@media (min-width:480px) and (max-width:767px){
  .hidden-xs{
    display:none}
  h1{
    font-size:2em}
  h2{
    font-size:1.3125em}
  .slider .item:nth-child(1){
    background-position:65%}
  .slider .item:nth-child(2){
    background-position:80%}
  .slider .item:nth-child(3){
    background-position:75%}
  .slider .item:nth-child(4){
    background-position:30%}
  .slider .item:before{
    background:rgba(0,0,0,.6)}
  .main{
    min-height:100%;
    height:auto}
  .main__top{
    height:auto;
    padding-top:30px;
    position:relative;
    z-index:2}
  .main__top h1{
    text-transform:uppercase;
    font-weight:700;
    color:hsla(0,0%,100%,.7)}
  .main__top h2{
    max-width:100%;
    margin-top:15px;
    color:hsla(0,0%,100%,.7)}
  .main__bottom{
    width:100%;
    height:auto;
    position:relative;
    background:transparent;
    z-index:2}
  .main__bottom .crumbs{
    position:relative;
    text-align:center;
    width:100%;
    float:none;
    padding-left:0}
  .main__bottom .crumbs .crumb{
    width:40px;
    height:40px;
    font-size:1.3125em;
    line-height:40px}
  .main__bottom .crumbs .crumb.omgitsactive{
    -webkit-transform:scale(1.4);
    transform:scale(1.4)}
  .main__bottom .item{
    width:100%;
    float:none}
  .main__bottom .item .question p:first-of-type{
    font-size:1em}
  .main__bottom .item .question p:last-of-type{
    font-size:1.5em}
  .main__bottom .item .answer-buttons{
    text-align:center}
  .main__bottom .item .answer-buttons a.redirect-btn{
    max-width:50%}
}
@media (min-devise-width:480px) and (max-devise-width:767px) and (orientation:landscape){
  .hidden-xs{
    display:none}
  h1{
    font-size:2em}
  h2{
    font-size:1.3125em}
  .slider .item:nth-child(1){
    background-position:75%}
  .slider .item:nth-child(2){
    background-position:82%}
  .slider .item:nth-child(3){
    background-position:65%}
  .slider .item:nth-child(4){
    background-position:50%}
  .slider .item:before{
    background:rgba(0,0,0,.6)}
  .main{
    min-height:100%;
    height:auto}
  .main__top{
    height:auto;
    padding-top:30px;
    position:relative;
    z-index:2}
  .main__top h1{
    text-transform:uppercase;
    font-weight:700;
    color:hsla(0,0%,100%,.7)}
  .main__top h2{
    max-width:100%;
    margin-top:15px;
    color:hsla(0,0%,100%,.7)}
  .main__bottom{
    width:100%;
    height:auto;
    position:relative;
    background:transparent;
    z-index:2}
  .main__bottom .crumbs{
    position:relative;
    text-align:center;
    width:100%;
    float:none;
    padding-left:0}
  .main__bottom .crumbs .crumb{
    width:40px;
    height:40px;
    font-size:1.3125em;
    line-height:40px}
  .main__bottom .crumbs .crumb.omgitsactive{
    -webkit-transform:scale(1.4);
    transform:scale(1.4)}
  .main__bottom .item{
    width:100%;
    float:none}
  .main__bottom .item .question p:first-of-type{
    font-size:1em}
  .main__bottom .item .question p:last-of-type{
    font-size:1.5em}
  .main__bottom .item .answer-buttons{
    text-align:center}
  .main__bottom .item .answer-buttons a.redirect-btn{
    max-width:50%}
}
@media (min-width:768px) and (max-width:991px){
  .hidden-xs{
    display:none}
  h1{
    font-size:2.625em}
  h2{
    font-size:1.3125em}
  .slider .item:nth-child(1){
    background-position:65%}
  .slider .item:nth-child(2){
    background-position:75%}
  .slider .item:nth-child(3){
    background-position:85%}
  .slider .item:nth-child(4){
    background-position:28%}
  .slider .item:before{
    background:rgba(0,0,0,.6)}
  .main{
    min-height:100%;
    height:auto}
  .main__top{
    height:auto;
    padding-top:30px;
    position:relative;
    z-index:2}
  .main__top h1{
    text-transform:uppercase;
    font-weight:700;
    color:hsla(0,0%,100%,.7)}
  .main__top h2{
    max-width:100%;
    margin-top:30px;
    color:hsla(0,0%,100%,.7)}
  .main__bottom{
    width:100%;
    height:auto;
    position:relative;
    background:transparent;
    z-index:2}
  .main__bottom .crumbs{
    position:relative;
    text-align:center;
    width:100%;
    float:none;
    padding-left:0}
  .main__bottom .crumbs .crumb{
    margin:40px 10px;
    width:40px;
    height:40px;
    font-size:1.3125em;
    line-height:40px}
  .main__bottom .crumbs .crumb.omgitsactive{
    -webkit-transform:scale(1.4);
    transform:scale(1.4)}
  .main__bottom .item{
    width:100%;
    float:none}
  .main__bottom .item .answer-buttons{
    margin-top:60px;
    text-align:center}
  .main__bottom .item .answer-buttons a.yes{
    display:inline-block;
    position:relative;
    width:140px;
    height:140px;
    border-radius:50%;
    background:#5ca91d url(../img/yes.png);
    background-repeat:no-repeat;
    background-position:50%;
    background-size:50%;
    color:#fff;
    text-decoration:none}
  .main__bottom .item .answer-buttons a.yes:before{
    content:'';
    display:block;
    position:absolute;
    width:170px;
    height:170px;
    margin:auto}
  .main__bottom .item .answer-buttons a.yes:hover{
    background:#509319 url(../img/yes.png);
    background-repeat:no-repeat;
    background-position:50%;
    background-size:50%}
  .main__bottom .item .answer-buttons a.yes:active{
    background:#386812 url(../img/yes.png);
    background-repeat:no-repeat;
    background-position:50%;
    background-size:50%}
  .main__bottom .item .answer-buttons a.no{
    display:inline-block;
    width:100px;
    height:100px;
    border-radius:50%;
    background:#fa324e url(../img/no.png);
    background-repeat:no-repeat;
    background-position:50%;
    background-size:70%;
    color:#fff;
    text-decoration:none;
    position:relative;
    top:-12px}
  .main__bottom .item .answer-buttons a.no:before{
    content:'';
    display:block;
    position:absolute;
    width:130px;
    height:130px;
    margin:auto}
  .main__bottom .item .answer-buttons a.no:hover{
    background:#f91939 url(../img/no.png);
    background-repeat:no-repeat;
    background-position:50%;
    background-size:70%}
  .main__bottom .item .answer-buttons a.no:active{
    background:#da0523 url(../img/no.png);
    background-repeat:no-repeat;
    background-position:50%;
    background-size:70%}
  .main__bottom .item .answer-buttons a.no a.redirect-btn{
    max-width:50%}
}