/*-------------------------------------
  Reset
---------------------------------------*/

/******Basic settings**********/
*{
  margin: 0;
  padding: 0;
}

html {
  box-sizing: border-box;
  text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

*, *:before, *:after {
    box-sizing: inherit;
}
img{
  border: 0;
}
a{
  text-decoration: none;
}
body{
font-family: 'Roboto', 'Arial', sans-serif; 
font-weight:300;
color:#ffffff;
}
.font-preloader{
  font-family: 'Roboto', 'Arial', sans-serif; 
  font-weight:300;
  visibility:hidden;
  width:0; 
  height:0;
}
sup {
  vertical-align: .5em;
  line-height: 0;
}

#frame_one,#frame_two,#frame_three,#frame_four,#frame_five, #frame_six, #frame_six, #frame_seven {
  width: 100%;
  height: 100%;
}

/*-------------------------------------
  Layout
---------------------------------------*/

#ad {
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  font-size: 3.33vw;
}

#banner {
  position: absolute;
  background: #eeeeee;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: pointer;
  visibility: hidden;
  border: 1px solid #808080;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#clickTAG {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 999;
  top: 0;
  left: 0;
  cursor: pointer;
}

/*-------------------------------------
  Frame One frame duration: 2.4s
---------------------------------------*/

.bg, .f1-bg, .f2-bg, .f3-bg, .f4-bg, .f5-bg, .f7-bg{
  position: absolute;
  top: 0;
  left: 0;
  
  width: 101%;
  object-fit: cover;
  object-position: 50% 100%;
}
.title1-1, .title2-1, .title3-1, .title4-1, .title5-1, .title6-1{
  position: absolute;
  font-size: 2em;
  line-height: 1.8em;
  font-weight: 700;
  letter-spacing: 0.17em;
  text-transform: uppercase;
  text-align: center;
  color: #ffffff;
  top: 39.7%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}


/*-------------------------------------
  Frame two  frame duration: 2s
---------------------------------------*/
.title2-1{
    top: 16.5%;
    width: 100%;
text-align: center;}

 .pro-f2{
  position: absolute;
  width: 100%;
  height: auto;
  bottom: 0;
  left: 0;
  

}
/*-------------------------------------
  Frame Three frame duration: 2s
---------------------------------------*/
.title3-1{
    top: 34.5%;
    width: 100%;text-align: center;}

/*-------------------------------------
 Frame four  frame duration: 2s
---------------------------------------*/
.title4-1{
    top: 24.5%;
}
 .pro-f4{
  position: absolute;
  width: 100%;
  
  
  left: 50%;bottom: 0;
  transform: translateX(-50%);

}
/*-------------------------------------
 Frame Five  frame duration: 2s
---------------------------------------*/
.title5-1{
    top: 16.2%;
}
 .pro-f5{
  position: absolute;
  width: 30em;
  height: auto;
  bottom: 25%;
  left: 50%;
  transform: translateX(-50%);

}

/*-------------------------------------
 Frame six  frame duration: 2s
---------------------------------------*/

 .tint-f6{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

}

.title6-1{
    top: 13.5%;
    font-size: 2.4em;
    line-height: 1.4em;
}

/*-------------------------------------
 Frame seven  frame duration: 3s
---------------------------------------*/
 .pro-f7{
  position: absolute;
  width: 22em;
  height: auto;
  bottom: 27%;
  left: 50%;
  transform: translateX(-50%);

}

.dt-logo{
  position: absolute;
  width: 16.4em;
  height: auto;
  top: 7%;
  left: 50%;
  transform: translateX(-50%);
}
.funding-box {
  position: absolute;
  width: 30em;
  height: 9em;
  bottom: 5%;
  
left: 50%;transform: translateX(-50%);}
.funding-logo {
  position: absolute;
  width: 6em;
  height: auto;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.funding-copy{
  position: absolute;
  font-size: .8em;
  line-height: 1em;
  font-weight: 400;
  text-align: center;
  color: #444;
  bottom: -24%;width: 100%;
}

.funding-copy sup {
  font-size: .7em;
  vertical-align: .5em;

}

.textCon7{
  position: absolute;
  width: 30em;
  height: 6.6em;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
}

 .title7-1{
  position: absolute;
  font-size: 2.4em;
  line-height: 1.2em;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-align: center;
  color: #444;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
.cta{
  position: absolute;
  color: #444;
  border: #444 .1em solid;
  text-align: center;
  bottom: -87%;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  padding: .4em .4em .5em .4em;
  font-size: 1.3em;
  line-height: 1em;
  font-weight: 400;
  letter-spacing: 0.075em;
  white-space: nowrap;
  vertical-align: middle;
  
}