/*-------------------------------------
  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', sans-serif;
  color: #FFFFFF;
}

sup {
  vertical-align: .5em;
  line-height: 0;
}

.font-preloader {
  font-family: 'Roboto';
  font-weight: 300;
  visibility: hidden;
  width: 0;
  height: 0;
}

#frame_one, #frame_two, #frame_three, #frame_four, #frame_five {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/*-------------------------------------
  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: 11.111112vh;
}

#banner {
  position: absolute;
  background: #2a145a;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  cursor: pointer;
  visibility: hidden;
}

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

#border {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 99;
  top: 0;
  left: 0;
  border: 1px solid #444;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/*-------------------------------------
  Frame One frame duration: 3s
---------------------------------------*/
.txt-con-f1 {
  position: absolute;
  width: 30em;
  height: 5.5em;
  left: 21%;
  top: 59%;
  transform: translateY(-50%);
  z-index: 1;
}

.title1 {
  position: absolute;
  font-size: 2.7em;
  line-height: 1em;
  font-weight: 300;
  text-align: left;
  color: #deddff;
  top: -10%;
  left: 0;
}


.dell-element-1 {
  position: absolute;
  top: 88%;
  left: 0.2%;
  width: 2em;
  height: 0.5em;
  background: #deddff;
  opacity: 0;

}


.dell-logo-f1, .dell-logo-f5 {
  position: absolute;
  width: 5.8em;
  height: auto;
  top: 50%;
  transform: translateY(-50%);
  left: 2.8%;
}


.funding-box-f1, .funding-box-f5 {
  position: absolute;
  width: 14em;
  height: 7em;
  right: 3%;
  top: 14%;
  z-index: 9;

}

.funding-logo-f1, .funding-logo-f5 {
  position: absolute;
  /*  width: 5.4em;*/
  height: auto;
  top: -2%;
  right: 0;

}

.funding-copy-f1, .funding-copy-f5 {
  position: absolute;
  font-size: 1em;
  line-height: 1.2em;
  letter-spacing: 0.020em;
  font-weight: 400;
  text-align: right;
  color: #ffffff;
  bottom: -4%;
  right: 0;
}

.funding-copy-f1 sup, .funding-copy-f5 sup {
  font-size: .7em;
  vertical-align: .4em;
}


/*-------------------------------------
  Frame two  frame duration: 3s
---------------------------------------*/
.f2-bg, .f3-bg, .f4-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

.bg-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  background-color: #deddff;
}

.f2-pro {
  position: absolute;
  width: 18.2em;
  height: auto;
  left: 63%;
  bottom: -17%;
  transform: translateX(-50%);
}

.title2 {
  position: absolute;
  font-size: 2.4em;
  line-height: 1em;
  font-weight: 300;
  text-align: left;
  color: #2a145a;
  left: 21%;
  top: 43%;
  transform: translateY(-50%);
}


.dell-element-2 {
  position: absolute;
  left: 21%;
  top: 72%;
  transform: translateY(-50%);
  width: 1.6em;
  height: 0.4em;
  background: #2a145a;
}

/*-------------------------------------
  Frame Three frame duration: 3s
---------------------------------------*/
.f3-pro {
  position: absolute;
  width: 18.8em;
  height: auto;
  left: 63%;
  bottom: -44%;
  transform: translateX(-50%);
}

.title3 {
  position: absolute;
  font-size: 2.4em;
  line-height: 1em;
  font-weight: 300;
  text-align: left;
  color: #deddff;
  left: 21%;
  top: 43%;
  transform: translateY(-50%);
}


.dell-element-3 {
  position: absolute;
  left: 21%;
  top: 72%;
  transform: translateY(-50%);
  width: 1.6em;
  height: 0.4em;
  background: #deddff;
}


/*-------------------------------------
  Frame four frame duration: 3s
---------------------------------------*/
.f4-pro {
  position: absolute;
  width: 17.2em;
  height: auto;
  left: 64%;
  top: 60%;
  transform: translate(-50%, -50%);
}

.title4 {
  position: absolute;
  font-size: 2.4em;
  line-height: 1em;
  font-weight: 300;
  text-align: left;
  color: #2a145a;
  left: 21%;
  top: 43%;
  transform: translateY(-50%);
}


.dell-element-4 {
  position: absolute;
  left: 21%;
  top: 72%;
  transform: translateY(-50%);
  width: 1.6em;
  height: 0.4em;
  background: #2a145a;
}

/*-------------------------------------
  Frame five frame duration: 3s
---------------------------------------*/

.cta {
  position: absolute;
  color: #deddff;
  border: #deddff 1px solid;
  text-align: center;
  left: 36.2%;
  bottom: 16%;
  display: block;
  padding: .55em .85em;
  font-size: 1em;
  line-height: 1em;
  letter-spacing: 0.025em;
  font-weight: 500;
  white-space: nowrap;
  vertical-align: middle;
  z-index: 9;
}



.f5-pro {
  position: absolute;
  width: 13.8em;
  height: auto;
  right: 25.5%;
  top: 51%;
  transform: translateY(-50%);
}

.title5-1 {
  position: absolute;
  font-size: 2em;
  line-height: 1em;
  font-weight: 300;
  text-align: left;
  color: #deddff;
  top: 13%;
  left: 13.2%;

}

.title5-2 {
  position: absolute;
  font-size: 1.8em;
  line-height: 1em;
  font-weight: 300;
  text-align: left;
  color: #deddff;
  left: 13.4%;
  bottom: 13%;
}

.bundle-txt-5 {
  position: absolute;
  font-size: 1.2em;
  line-height: 1.2em;
  font-weight: 500;
  text-align: left;
  color: #deddff;
  left: 13.4%;
  bottom: 41%;
}

.bundle-txt-5 sup {
  font-size: .6em;
  vertical-align: .5em;
}