@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;
}


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

#container {
  font-family: 'Montserrat', sans-serif;
  font-size: 21px;
  position: relative;
  width: 970px;
  height: 250px;
  border: 1px solid #999;
  overflow: hidden;
}

#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:90px;
    left: 456px;
    width: 294px;
    height: 100px;
    display: table;
    text-align: center;
    margin: 0;
}
#txt1container{
  left: 451px;
}
#subline1Container, #subline2Container, #subline3Container{
  position: absolute;
  top: 85px;
  left: 459px;
  width: 294px;
  height: 14px;
  display: table;
  text-align: center;
  margin: 0;
}

#Headline{
    position: relative;
    font-family: 'Montserrat', sans-serif;
    font-style: italic;
/*    letter-spacing: 1px;*/
    font-size: 24px;
    line-height: 28px;
    font-weight: 100;
    left: 0px;
    top: 0px;
/*    margin-top: 334px;*/
    opacity: 0;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
#Subline1, #Subline2, #Subline3{
  position: relative;
  font-family: 'Poppins', sans-serif;
  font-size: 13.5px;
  line-height: 14px;
  letter-spacing: 4.3px;
  font-weight: 100;
  left: 0px;
  top: 0px;
  margin-top: 334px;
  opacity: 0;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  color: #fefefd;
}
h3{
    font-family: 'Montserrat', sans-serif;
    font-style: italic;
    font-size: 20px;
    color: #fefefd;
    line-height: 28px;
}

#Headline2{
  position: relative;
  font-family: 'Montserrat', sans-serif;
  font-style: italic;
  font-size: 24px;
  font-weight: 100;
/*  letter-spacing: 1px;*/
  line-height: 28px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  opacity: 0;
}

#Headline3{
  position: relative;
  font-family: 'Montserrat', sans-serif;
  font-style: italic;
  font-size: 24px;
  font-weight: 100;
/*  letter-spacing: 1px;*/
  text-align: center;
  line-height: 28px;
  opacity: 0;
  display: table-cell;
  vertical-align: middle;
}
#card2{
  position: absolute;
  left: -970px;
  bottom: 0px;
}
#card3{
  position: absolute;
  left: -970px;
  bottom: 0px;
}
#subline {
  color: #FFFFFF;
  font-size: 23px;
  top: 250px;
  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: 103px;
  width: 148px;
  height: 43px;
  background-color: #ffffff;
  text-align: center;
  opacity: 0;
  display: table;
}
#cta {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    letter-spacing: 1px;
    cursor: pointer;
    color: #596f7f;
}
#cta_txt {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    letter-spacing: 1px;
    cursor: pointer;
    color: #596f7f;
}
h2{
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}