@charset "UTF-8";

/* apply a natural box layout model to all elements */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@font-face {
    font-family: 'AcuminRPro';
    src: url('fonts/AcuminRPro.eot');
    src: url('fonts/AcuminRPro.eot') format('embedded-opentype'),
         url('fonts/AcuminRPro.woff2') format('woff2'),
         url('fonts/AcuminRPro.woff') format('woff'),
         url('fonts/AcuminRPro.ttf') format('truetype'),
         url('fonts/AcuminRPro.svg#AcuminRPro') format('svg');
}
   @font-face {
font-family: "AcuminVariableConcept";
src: url('fonts/AcuminVariableConcept.woff') format('woff'),
        url('fonts/AcuminVariableConcept.woff2') format('woff2'),
        url('fonts/AcuminVariableConcept.eot'),
        url('fonts/AcuminVariableConcept.eot?#iefix') format('embedded-opentype'),
        url('fonts/AcuminVariableConcept.otf') format('truetype');

                font-weight: normal;
                font-style: normal;
            }
@font-face {
font-family: "Inter-VariableFont_slntwght";
src: url('fonts/Inter-VariableFont_slntwght.woff') format('woff'),
    url('fonts/Inter-VariableFont_slntwght.woff2') format('woff2'),
    url('fonts/Inter-VariableFont_slntwght.svg#Inter-VariableFont_slntwght') format('svg'),
    url('fonts/Inter-VariableFont_slntwght.eot'),
    url('fonts/Inter-VariableFont_slntwght.eot?#iefix') format('embedded-opentype'),
    url('fonts/Inter-VariableFont_slntwght.ttf') format('truetype');

            font-weight: normal;
            font-style: normal;
        }


html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}



#container {
  font-family: 'Oswald', sans-serif;
  font-size: 21px;
  position: relative;
  width: 970px;
  height: 250px;
  border: 1px solid #000000;
  overflow: hidden;
}
#guide{
position: absolute;
top:0px;
left:0px;
}
#loader {
  text-align: center;
  line-height: 250px;
}

#content > div {
  position: absolute;
}

#background {
  width: 970px;
  height: 250px;

}
#background2 {
  width: 970px;
  height: 250px;
  position: absolute;
  left: 0px;  
  top: -250px;
}
#background3 {
  width: 970px;
  height: 250px;
  position: absolute;
  left: 0px;  
    top: -250px;
}
#logo{
  position: absolute;
  left:0px;
  top:0px;
}
#card1{
  position: absolute;
  left: 0px;
  bottom: 0px;
    opacity: 1;
}
#txt1container, #txt2container, #txt3container{
    position: absolute;
    top: 2px;
    left:452px;
    width: 302px;
    height: 250px;
    display: table;
    text-align: center;
    margin: 0;
}

#Headline{
    position: relative;
    font-family: 'AcuminVariableConcept';
    font-size: 34px;
    font-weight: 100;
    left: 0px;
    top: 0px;
    opacity: 0;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
/*    letter-spacing: -2px;*/
}
h3{
    font-family: 'AcuminRPro';
    font-size: 34px;
    color: #fefefd;
    line-height: 43px;
    
}

#Headline2{
  position: relative;
  font-family: 'AcuminVariableConcept';
  font-size: 34px;
  font-weight: 100;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
/*  margin-top: -220px;*/
  opacity: 0;
/*  letter-spacing: -2.5px;*/
}

#txt3container{
    display: table;
}
#Headline3{
  position: relative;
  font-family: 'AcuminVariableConcept';
  font-size: 34px; 
  font-weight: 100;
/*
  left: 16px;
  top:328px;
*/
/*  margin: 0px;*/
    text-align: center;
  opacity: 0;
    display: table-cell;
    vertical-align: middle;
/*    letter-spacing: -2.5px;*/
}
#card2{
  position: absolute;
  left: -160px;
  bottom: 0px;
}
#card3{
  position: absolute;
  left: -160px;
  bottom: 0px;
}
/*
#headline, #subline {
  font-weight: 500;
  line-height: 26px
}

#headline {
  font-size: 23px;
  top: 17px;
  left: 18px;
}
*/

#subline {
  color: #FFFFFF;
  font-size: 11px;
  top: 90px;
  left: 15px;
}

#content.show {
  display: block;
}

#content.hide, #loader.hide {
  display: none;
}

#loader.show {
  display: block;
}

#button {
  position: absolute;
  left: 15px;
  bottom: 15px;
  cursor: pointer;
}
#cta_btn{
  position: absolute;
  left: 782px;
  top: 104px;
  width: 147px;
  height: 42px;
  background-color: #FFFFFF;
  text-align: center;
  opacity: 0;
  display: table;
}
#cta {
    position: relative;
    display: table-cell;
    vertical-align: middle;
  font-family: 'Inter-VariableFont_slntwght';
  font-size: 16px;
/*
  left: 15px;
  bottom: 15px;
*/
  cursor: pointer;
/*  padding: 1px 7px 0px 5px;*/
  color: #ac3587;
}
#cta_txt {
    position: relative;
    display: table-cell;
    vertical-align: middle;
  font-family: 'Inter-VariableFont_slntwght';
  font-size: 16px;
/*
  left: 15px;
  bottom: 15px;
*/
  cursor: pointer;
/*  padding: 1px 7px 0px 5px;*/
  color: #ac3587;
}
h2{
    font-family: 'AcuminRPro';
    font-weight: 400;
}