@charset "utf-8";
/* CSS Document */
* {
  margin: 0;
  padding: 0;
  border: 0;
}
html {
  font-size: 18px;
  margin: 0 auto;
  max-width: 1000px;
}
body {
  width: 100%;
  height: 3900px;
  background-image: url("../images/TEMPLATE op3.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  alignment-baseline: center;
  margin: 0 auto;
}

@font-face {
		  font-family: "Dell Replica";
		  src: url("../fonts/DellReplicaTT-Light.ttf") format("truetype");
}

@font-face {
		  font-family: 'DellReplicaTT-Bold';
		  src: url("../fonts/DellReplicaTT-Bold.ttf") format("truetype");
}

@font-face {
			font-family: "Dell Replica TT";
			src: url("../fonts/DellReplicaTT-Regular.ttf") format("truetype");
}

.header {
  width: 100%;
  height: 100px;
  max-width: 981px;
  position: absolute;
  background-image: url("../images/Vector_Smart_Object.png");
  background-repeat: no-repeat;
  background-position: 50%, 50%;
}
.main_box {
  position: relative;
  left: 0;
  top: 109px;
  width: 96%;
  height: 3770px;
  z-index: 29;
  margin: 0 auto;
}
.box01 {
  position: absolute;
  right: 3px;
  top: 60px;
  width: 908px;
  height: 608px;
  z-index: 3;
}
.box02 {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: 740px;
  width: 80%;
  height: 46px;
  z-index: 5;
  display: inline-block;
}
.box03 {
  position: absolute;
  left: -2px;
  top: 950px;
  width: 481px;
  height: 514px;
  z-index: 4;
}
.box04 {
  position: absolute;
  left: 550px;
  top: 880px;
  width: 428px;
  height: 640px;
  z-index: 6;
}
.box05 {
  position: absolute;
  left: 53px;
  top: 2387px;
  width: 496px;
  height: 251px;
  z-index: 8;
}
.box06 {
  position: absolute;
  left: 574px;
  top: 2387px;
  width: 335px;
  height: 191px;
  z-index: 9;
}
.box07 {
  position: absolute;
  left: 52px;
  top: 2706px;
  width: 846px;
  height: 66px;
  z-index: 10;
}
.box08 {
  position: absolute;
  left: 50px;
  top: 2895px;
  width: 265px;
  height: 52px;
  z-index: 11;
}
.box09 {
  position: absolute;
  left: 350px;
  top: 2859px;
  width: 559px;
  height: 149px;
  z-index: 12;
}
.box10 {
  position: absolute;
  left: 160px;
  top: 2755px;
  width: 663px;
  height: 137px;
  z-index: 13;
  display: none;
}
.box11 {
  position: absolute;
  left: 138px;
  top: 2913px;
  width: 675px;
  height: 26px;
  z-index: 14;
  display: none;
}
.box12 {
  position: absolute;
  left: 127px;
  top: 3430px;
  width: 700px;
  height: 60px;
  z-index: 142;
}
.DellCinema {
  width: 100%;
  height: auto;
}
p1 {
  width: 50%;
  height: 2%;
  font-family: "Dell Replica";
  color: #4d4d4f;
  font-size: 2.1111rem;
  font-weight: 300;
  line-height: 2.3888rem;
}
.purple {
  width: 80px;
  height: 49px;
  font-family: Mathilde;
  color: #b7295a;
  font-size: 43px;
  font-weight: 400;
  line-height: 43px;
  transform: scale(3.46, 2.946);
  position: absolute;
  top: -8px;
  left: 330px;
}
p2 {
  width: 24.6%;
  height: 5.2%;
  font-family: "Dell Replica";
  color: #4d4d4f;
  font-size: 1rem;
  font-weight: 300;
}
.product_01 img {
  width: 983px;
  height: 729px;
  height: 704px;
  position: absolute;
  right: 0;
  top: 50px;
  margin: 0 auto;
}
p3 {
  width: 30%;
  height: 1.2%;
  font-family: "DellReplicaTT-Bold";
  color: #097eb9;
  font-size: 0.7777rem;
  font-weight: 700;
  line-height: 1rem;
  text-align: center;
  position: absolute;
}
p4 {
  width: 35%;
  height: 1.3%;
  font-family: "DellReplicaTT-Bold";
  color: #097eb9;
  font-size: 0.7777rem;
  font-weight: 700;
  line-height: 1rem;
  text-align: center;
  position: absolute;
  margin-left: 50%;
  transform: translate(-50%);
}
p5 {
  width: 30%;
  height: 0.8%;
  font-family: "DellReplicaTT-Bold";
  color: #097eb9;
  font-size: 0.7777rem;
  font-weight: 700;
  line-height: 1rem;
  text-align: center;
  position: absolute;
  right: 0px;
  top: 0px;
}
#product_02 {
  position: absolute;
  left: -20px;
  width: 50.1%;
  height: 13.9%;
}
p6 {
  font-family: "Dell Replica";
  color: #4d4d4f;
  font-size: 2.05555rem;
  font-weight: 300;
  line-height: 43px;
}
p7 {
  font-family: "Dell Replica";
  color: #000000;
  font-size: 0.83333rem;
  font-weight: 300;
}
p8 {
  font-family: "Dell Replica";
  color: #4d4d4f;
  font-size: 2.66666rem;
  font-weight: 300;
  line-height: 2.72805555rem;
}
p9 {
  font-family: "Dell Replica";
  color: #000000;
  font-size: 0.77777rem;
  font-weight: 300;
}
p10 {
  font-family: "Dell Replica";
  color: #4d4d4f;
  font-size: 2.66666rem;
  font-weight: 300;
  line-height: 2.72805555rem;
}
p11 {
  font-family: "Dell Replica";
  color: #000000;
  font-size: 0.77777rem;
  font-weight: 300;
}
p12 {
  font-family: "Dell Replica";
  color: #4d4d4f;
  font-size: 2.66666rem;
  font-weight: 300;
  line-height: 2.72805555rem;
}
p13 {
  font-family: "Dell Replica";
  color: #000000;
  font-size: 0.77777rem;
  font-weight: 300;
}
p14 {
  font-family: "Dell Replica";
  color: #4d4d4f;
  font-size: 0.66666rem;
  font-weight: 400;
  line-height: 0.9444444rem;
  position: absolute;
  bottom: 0%;
}
.product_03 {
  width: 100%;
  height: auto;
  position: absolute;
  top: 1560px;
  margin: 0 auto;
  align-items: center;
}
.product_03 img {
  width: 98%;
  height: auto;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
#DellCinema {
  width: 99%;
  height: 13%;
  position: absolute;
  top: 1860px;
}
#mobile_logo {
  width: 112px;
  height: 112px;
}
p15 {
  width: auto;
  height: 0.5%;
  font-family: "Dell Replica TT";
  color: #4d4d4f;
  font-size: 24px;
  font-weight: 400;
  position: absolute;
  top: 15%;
  left: 25%;
}
p16 {
  width: 40.3%;
  height: 0.4%;
  font-family: "Dell Replica TT";
  color: #4d4d4f;
  font-size: 13px;
  font-weight: 700;
}
p17 {
  width: 49.5%;
  height: 2.4%;
  font-family: "Dell Replica TT";
  color: #4d4d4f;
  font-size: 16px;
  font-weight: 300;
}
#garantia {
  width: 24.3%;
  height: 1.8%;
}
p18 {
  width: 62%;
  height: 1.4%;
  font-family: "Dell Replica TT";
  color: #4d4d4f;
  font-size: 16px;
  font-weight: 300;
  position: absolute;
  right: 0%;
}
p19 {
  width: 540px;
  height: 4.2%;
  font-family: "Dell Replica TT";
  font-size: 16px;
  color: #4d4d4f;
  font-weight: 300;
  position: absolute;
  right: 0px;
}
p20 {
  width: 40%;
  height: 0.4%;
  font-family: "Dell Replica";
  color: #74cbc8;
  font-size: 14px;
  font-weight: 300;
  line-height: 44.595px;
  position: absolute;
  left: 50.72px;
  top: 2690px;
  z-index: 35;
  display: none;
}
#k01 {
  width: 6.7%;
  height: 2.9%;
  position: absolute;
}
#k02 {
  position: absolute;
  margin-left: 50%;
  transform: translate(-50%);
  margin-top: 5%;
}
#k03 {
  width: 10.3%;
  height: 4%;
  position: absolute;
  top: 0%;
  right: 7%;
}
p21 {
  width: 11.6%;
  height: 0.3%;
  font-family: "Dell Replica";
  color: #097eb9;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
}
p22 {
  width: 25%;
  height: 0.2%;
  font-family: "Dell Replica";
  color: #097eb9;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  position: absolute;
  left: 40%;
}
p23 {
  width: 15%;
  height: 0.7%;
  font-family: "Dell Replica";
  color: #097eb9;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  text-align: center;
  position: absolute;
  right: 0px;
  top: 0px;
}
p24 {
  width: 140px;
  height: 0.4%;
  font-family: "Dell Replica";
  color: #74cbc8;
  font-size: 14px;
  font-weight: 300;
  line-height: 44.595px;
  position: absolute;
  left: 50.72px;
  top: 3050px;
  z-index: 142;
}
.slots {
  position: absolute;
  left: 50%;
  top: 3110px;
  transform: translate(-50%, 0);
  width: 487px;
  height: 252px;
  z-index: 142;
}
#slot01 {
  width: 20%;
  height: 50%;
  font-family: "Dell Replica";
  font-size: 12px;
  color: rgb(77, 77, 79);
  line-height: 125%;
  position: absolute;
}
#slot02 {
  width: 20%;
  height: 50%;
  font-family: "Dell Replica";
  font-size: 12px;
  color: rgb(77, 77, 79);
  line-height: 125%;
  position: absolute;
  left: 20%;
}
#slot03 {
  width: 20%;
  height: 50%;
  font-family: "Dell Replica";
  font-size: 12px;
  color: rgb(77, 77, 79);
  line-height: 125%;
  position: absolute;
  left: 40%;
}
#slot04 {
  width: 20%;
  height: 50%;
  font-family: "Dell Replica";
  font-size: 12px;
  color: rgb(77, 77, 79);
  line-height: 125%;
  position: absolute;
  left: 60%;
}
#slot05 {
  width: 20%;
  height: 50%;
  font-family: "Dell Replica";
  font-size: 12px;
  color: rgb(77, 77, 79);
  line-height: 125%;
  position: absolute;
  left: 80%;
}
#slot06 {
  width: 20%;
  height: 50%;
  font-family: "Dell Replica";
  font-size: 12px;
  color: rgb(77, 77, 79);
  line-height: 125%;
  position: absolute;
  top: 50%;
  left: 0;
}
#slot07 {
  width: 20%;
  height: 50%;
  font-family: "Dell Replica";
  font-size: 12px;
  color: rgb(77, 77, 79);
  line-height: 125%;
  position: absolute;
  left: 20%;
  top: 50%;
}
#slot08 {
  width: 20%;
  height: 50%;
  font-family: "Dell Replica";
  font-size: 12px;
  color: rgb(77, 77, 79);
  line-height: 125%;
  position: absolute;
  left: 40%;
  top: 30px;
}
#slot09 {
  width: 20%;
  height: 50%;
  font-family: "Dell Replica";
  font-size: 12px;
  color: rgb(77, 77, 79);
  line-height: 1rem;
  position: absolute;
  left: 60%;
  top: 50%;
}
#slot10 {
  width: 20%;
  height: 50%;
  font-family: "Dell Replica";
  font-size: 12px;
  color: rgb(77, 77, 79);
  line-height: 125%;
  position: absolute;
  left: 80%;
  top: 50%;
}
.grey {
  width: 15px;
  height: 15px;
  background-color: grey;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: white;
  position: inherit;
}
#disclaimer {
  width: 90%;
  height: auto;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: 3550px;
  z-index: 142;
  font-family: "Dell Replica TT";
  color: #4d4d4f;
  font-size: 11px;
  font-weight: 300;
  line-height: 12px;
}
@media (min-width: 768px) and (max-width: 960px) {
  body {
    height: 4180px;
  }
  .main_box {
    width: 96%;
    height: 96%;
  }
  .box01 {
    position: absolute;
    left: 15px;
    top: 43px;
    width: 705px;
    height: 434px;
    z-index: 4;
  }
	
	
.product_01 img {
    width: 102.2%;
    height: auto;
	position: absolute;
    right: 0;
    top: 110px;
  }
		
  .box02 {
    position: absolute;
    left: 50%;
    top: 720px;
    transform: translate(-50%, 0);
    width: 90%;
    height: 38px;
    z-index: 5;
    display: inline-block;
  }
  p3 {
    width: 30%;
  }
  .box03 {
    width: 501px;
    height: 280px;
    position: absolute;
    left: 0.5%;
    top: 970px;
    z-index: 7;
  }
  #product_02b {
    width: 444px;
    height: 460px;
    position: absolute;
    left: 0;
    z-index: 58;
  }
  .box04 {
    height: 750px;
    position: absolute;
    left: 53%;
    top: 820px;
  }
	
	.product_03 {top: 1650px;}
	
	#DellCinema {top: 1895px}	

  .box05 {
    top: 2430px;
  }
  .box06 {
    position: absolute;
    left: 45%;
    top: 2720px;
  }
  .box07 {
    width: 94%;
    height: 1.9%;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
	  top: 2970px;
  }
  .box08 {
    left: 25px;
	top: 3180px;
  }
  p18 {
    width: 54%;
    height: 1.4%;
    font-family: "Dell Replica TT";
    color: #4d4d4f;
    font-size: 16px;
    font-weight: 300;
    position: absolute;
    right: 0%;
    left: 50%;
  }
  .box09 {
    top: 3100px;
  }
  p19 {
    left: 2%;
    width: 60%;
  }
  p20 {
    top: 2750px;
    width: 50%;
  }
  .box10 {
    left: 50%;
    transform: translate(-50%);
    top: 2820px;
    width: 75%;
  }
  .box11 {
    left: 50%;
    transform: translate(-50%);
    top: 2980px;
    width: 80%;
  }
  p24 {
    top: 3350px;
  }
  .slots {
    left: 50%;
    transform: translate(-50%);
    top: 3420px;
  }
  .box12 {
    left: 50%;
    transform: translate(-50%);
    top: 3730px;
  }
  #disclaimer {
    width: 90%;
    left: 50%;
    transform: translate(-50%);
    top: 3825px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  html {
    font-size: 14px;
  }
  body {
    height: 4000px;
  }
  .main_box {
    width: 96%;
    height: 96.5%;
  }
  .box01 {
    width: 92.6%;
    height: 15.2%;
    left: 23px;
    top: 26px;
  }
  .purple {
    font-size: 2rem;
    left: 280px;
  }
  #product_alt_01 {
    width: 102%;
    height: auto;
    position: absolute;
    right: 0;
    top: 110px;
  }
  .box02 {
    width: 90%;
    height: 1.3%;
    position: absolute;
    top: 540px;
    left: 50%;
    transform: translate(-50%, 0);
  }
  p3 {
    width: 100px;
  }
  .box03 {
    width: 292px;
    height: 158px;
    top: 1020px;
    left: 2.5%;
  }
  .product02_altmobile {
    width: 237px;
    height: 248px;
    position: absolute;
  }
  .box04 {
    left: 40%;
    top: 650px;
    width: 220px;
    height: 720px;
  }
  p6 {
    line-height: 2rem;
  }
  p8 {
    font-size: 2.25rem;
  }
  p10 {
    font-size: 2.25rem;
  }
  p12 {
    font-size: 2.25rem;
  }
  p14 {
    width: 220px;
  }
	
	.product_03 {top: 1380px;}
	
  #DellCinema {
    top: 1575px;
  }
  .box05 {
    top: 2080px;
    left: 5%;
    width: 90%;
    right: 5%;
  }
  p15 {
    left: 30%;
  }
  p16 {
    position: absolute;
    top: 120px;
    width: 100%;
  }
  p17 {
    font-size: 1rem;
    position: absolute;
    top: 140px;
    width: 100%;
  }
  .box06 {
    left: 50%;
    transform: translate(-50%);
    top: 2355px;
  }
  .box07 {
    left: 50%;
    transform: translate(-50%);
    width: 90%;
    top: 2600px;
  }
  #garantia {
    position: absolute;
    left: 25%;
  }
  p18 {
    width: 100%;
    height: 70px;
    font-size: 1rem;
    top: 95px;
    left: 0;
    right: 0;
  }
  .box08 {
    top: 2825px;
    left: 50%;
    transform: translate(-50%);
  }
  .box09 {
    left: 50%;
    transform: translate(-50%);
    width: 90%;
    font-size: 1rem;
    top: 2900px;
  }
  p19 {
    left: 0;
    right: 0;
    width: 100%;
    font-size: 1rem;
  }
  p20 {
    width: 80%;
    height: 0.4%;
    font-size: 1.1rem;
    position: absolute;
    top: 2600px;
    left: 50%;
    transform: translate(-50%);
  }
  .box10 {
    width: 80%;
    left: 10%;
    top: 2660px;
  }
  #k01_mobile {
    width: 36px;
    height: 55px;
    margin-left: 20px;
  }
  #k02_mobile {
    width: 126px;
    height: 30px;
  }
  #k03_mobile {
    width: 53px;
    height: 76px;
  }
  .box11 {
    width: 80%;
    left: 6%;
    top: 2760px;
  }
  p22 {
    text-align: center;
  }
  p23 {
    width: 20%;
    right: -6%;
  }
  p24 {
    width: 80%;
    height: 0.4%;
    font-size: 1.1rem;
    position: absolute;
    top: 3100px;
    left: 50%;
    transform: translate(-50%);
  }
  .slots {
    width: 85%;
    height: auto;
    top: 3150px;
  }
  .slots_mobile {
    width: 100%;
  }
  .box12 {
    width: 98%;
    height: 100px;
    left: 1%;
    top: 3400px;
    overflow: auto;
  }
  #slot03 {
    width: 30%;
  }
  #slot04 {
    width: 20%;
  }
  #disclaimer {
    width: 95%;
    left: 50%;
    transform: translate(-50%);
    top: 3570px;
  }
}
@media (min-width: 320px) and (max-width: 479px) {
  html {
    font-size: 12px;
  }
  body {
    background-image: url("../images/TEMPLATE.png");
    width: 100%;
    height: 3540px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    alignment-baseline: center;
    margin: 0;
  }
  .main_box {
    width: 96%;
    height: 96.5%;
  }
  .box01 {
    width: 92.6%;
    height: 15.2%;
    left: 5px;
    top: 3px;
  }
  .purple {
    position: absolute;
    left: 250px;
    top: -9px;
    font-size: 1.8rem;
  }
  #product_alt_01 {
    width: 104%;
    height: auto;
    position: absolute;
    right: -3px;
    top: 130px;
  }
  .box02 {
    width: 96%;
    height: 1.3%;
    position: absolute;
    top: 430px;
  }
  p3 {
    width: 90px;
    font-size: 0.6rem;
  }
  p4 {
    font-size: 0.6rem;
  }
  p5 {
    font-size: 0.6rem;
  }
  .box03 {
    width: 201px;
    height: 207px;
    top: 840px;
    left: 2%;
  }
  .product02_altmobile {
    width: 201px;
    height: 207px;
    position: absolute;
  }
  .box04 {
    left: 30%;
    top: 510px;
    width: 60%;
    height: 640px;
  }
  p6 {
    line-height: 2rem;
  }
  p8 {
    font-size: 2.25rem;
  }
  p10 {
    font-size: 2.25rem;
  }
  p12 {
    font-size: 2.25rem;
  }
  .product_03 {
    top: 1170px;
  }
  #DellCinema {
    top: 1300px;
    height: 320px;
  }
  #mobile_in_mobile {
    width: 70px;
    height: 70px;
  }
  .box05 {
    top: 1680px;
    left: 5%;
    width: 90%;
    right: 5%;
  }
  p15 {
    left: 30%;
    top: 0;
  }
  p16 {
    position: absolute;
    top: 80px;
    width: 100%;
  }
  p17 {
    font-size: 1rem;
    position: absolute;
    top: 120px;
    width: 100%;
  }
  .box06 {
    left: 3%;
    top: 1950px;
    width: 96%;
    height: auto;
  }
  #mobile_images_in_mobile {
    width: 100%;
    height: auto;
  }
  .box07 {
    left: 50%;
    transform: translate(-50%);
    width: 90%;
    top: 2180px;
  }
  #garantia {
    position: absolute;
    left: 0;
  }
  p18 {
    width: 100%;
    height: 70px;
    font-size: 1rem;
    top: 95px;
    left: 0;
    right: 0;
  }
  .box08 {
    top: 2400px;
    left: 50%;
    transform: translate(-50%);
  }
  .box09 {
    left: 50%;
    transform: translate(-50%);
    width: 90%;
    font-size: 1rem;
    top: 2480px;
  }
  p19 {
    left: 0;
    right: 0;
    width: 100%;
    font-size: 1rem;
  }
  p20 {
    width: 80%;
    height: 0.4%;
    font-size: 1.1rem;
    position: absolute;
    top: 2280px;
    left: 5%;
    line-height: 1.5rem;
  }
  .box10 {
    width: 90%;
    left: 5%;
    top: 2335px;
    align-items: center;
  }
  #k01_mobile {
    width: 36px;
    height: 55px;
  }
  #k02_mobile {
    width: 126px;
    height: 30px;
  }
  #k03_mobile {
    width: 53px;
    height: 76px;
  }
  .box11 {
    width: 80%;
    left: 6%;
    top: 2430px;
  }
  p21 {
    margin-left: -12px;
    font-size: 0.8rem;
  }
  p22 {
    text-align: center;
    font-size: 0.8rem;
    line-height: 0.8rem;
  }
  p23 {
    width: 20%;
    height: 0.4%;
    right: -6%;
    font-size: 0.8rem;
    line-height: 0.8rem;
  }
  p24 {
    width: 80%;
    height: 0.4%;
    font-size: 1.1rem;
    position: absolute;
    top: 2680px;
    left: 45%;
    transform: translate(-50%);
  }
  .slots {
    width: 90%;
    top: 2730px;
  }
  .slots_mobile {
    width: 100%;
  }
 .box12 {
    width: 95%;
    height: 150px;
    left: 5%;
    top: 2910px;
    overflow: auto;
  }

	#slot01 {
		font-size: 0.8rem;
		line-height: 1.3rem;
	}
	
	#slot02 {
		font-size: 0.8rem;
		line-height: 1.3rem;
	}	
	
  #slot03 {
    width: 50%;
	  font-size: 0.8rem;
  }
  #slot04 {
    width: 20%;
	  line-height: 1rem;
  }
	
	#slot05 {
		font-size: 0.8rem;
		line-height: 1.3rem;
	}
	
	#slot06 {
		font-size: 0.8rem;
		line-height: 1.3rem;
	}
	
	#slot07 {
		font-size: 0.8rem;
		line-height: 1.3rem;
	}
	
	#slot08 {
		font-size: 0.8rem;
		line-height: 1.3rem;
		top: 50%;
	}
	
	#slot09 {
		font-size: 0.8rem;
		line-height: 1.3rem;
	}
	
	#slot10 {
		font-size: 0.8rem;
		line-height: 1.3rem;
	}
	
	
  #disclaimer {
    width: 95%;
    left: 50%;
    transform: translate(-50%);
    top: 3070px;
    font-size: 0.72rem;
  }
}