@font-face {
    font-family: 'Suisse Sign Trial';
    src: url(SuisseSign-SemiBold-WebTrial.ttf);
}

body{
  background-color: #ffffff;
  font-family: 'Suisse Sign Trial';
}

p{
  margin: 0;
  position: absolute;
  display: block;

}

/* permanent*/
.b1{
  font-size: 28.8px;
  left: 22.8%;
  top: 13.7%;
  transform: rotate(43deg);
}

.b2{
  font-size: 33.49px;
  left: 34.949%;
  top: 46.49;
  transform: rotate(-38deg);
}

.b3{
  font-size: 60px;
  left: 70.193%;
  top: 18.689%;
  transform: rotate(-54.5deg);
}

.a1{
  font-size: 42.5px;
  left: 32.457%;
  top: 32.827%;
  transform: rotate(0deg);
}

.e1{
  font-size: 32.2px;
  left: 52.746%;
  top: 22.928%;
  transform: rotate(90.1deg);
}

.i1{
  font-size: 33.45px;
  left: 31.05%;
  top: 33.395%;
  transform: rotate(-53.6deg);
}

.i2{
  font-size: 60px;
  left: 45.078%;
  top: 15.95%;
  transform: rotate(0deg);
}

.k1{
  font-size: 37.5px;
  left: 36.592%;
  top: 8.052%;
  transform: rotate(51.9deg);
}

.k2{
  font-size: 43.55px;
  left: 33.622%;
  top: 48.494%;
  transform: rotate(-153.5deg);
}

.g1{
  text-transform: uppercase;
  font-size: 40.76px;
  left: 58.819%;
  top: 11.901%;
  transform: rotate(-100.2deg);
}

.h1{
  font-size: 33.37px;
  left: 21.798%;
  top: 38.868%;
  transform: rotate(-101.25deg);
}

.x1{
  font-size: 51.4px;
  left: 18.887%;
  top: 51.622%;
  transform: rotate(-94deg);
}

.y1{
  font-size: 60px;
  left: 10.871%;
  top: 35.588%;
  transform: rotate(153.4deg);
}

/* T1 HIDE */
.b4{
  font-size: 30.74px;
  left: 12.103%;
  top: 20.708%;
  transform: rotate(45.8deg);
}

.b5{
  font-size: 45.37px;
  left: 24.44%;
  top: 26.997%;
  transform: rotate(-78.5deg);
}

.s1{
  font-size: 40.42px;
  left: 25.582%;
  top: 28.254%;
  transform: rotate(0deg);
}

/* W HIDE */
.b6{
  font-size: 60px;
  left: 59.153%;
  top: 42.442%;
  transform: rotate(49deg);
}

.b7{
  font-size: 28.8px;
  left: 42.406%;
  top: 33.689%;
  transform: rotate(47deg);
}

.i3{
  font-size: 60px;
  left: 53.971%;
  top: 41.766%;
  transform: rotate(144deg);
}

.k3{
  font-size: 35.64px;
  left: 52.129%;
  top: 42.962%;
  transform: rotate(-131deg);
}

.k4{
  font-size: 19.13px;
  left: 46.291%;
  top: 44.79%;
  transform: rotate(64deg);
}

.n1{
  font-size: 38.38px;
  left: 47.16%;
  top: 31.151%;
  transform: rotate(-176deg);
}

.h2{
  font-size: 33.37px;
  left: 46.701%;
  top: 49.042%;
  transform: rotate(-116.89deg);
}

.z1{
  font-size: 42.09px;
  left: 46.829%;
  top: 50.641%;
  transform: rotate(19.7deg);
}

.a2{
  font-size: 40.57px;
  left: 22.8%;
  top: 33.343%;
  transform: rotate(47.43deg);
}

.a3{
  font-size: 60px;
  left: 67.328%;
  top: 50.099%;
  transform: rotate(0deg);
}

.e2{
  font-size: 24.79px;
  left: 68.472%;
  top: 40.067%;
  transform: rotate(84.24deg);
}

.b8{
  font-size: 29.02px;
  left: 81.852%;
  top: 40.411%;
  transform: rotate(48.67deg);
}

/* T2 HIDE */
.b9{
  font-size: 31.26px;
  left: 25.486%;
  top: 56.541%;
  transform: rotate(-86.41deg);
}

.b10{
  font-size: 37.5px;
  left: 15.49%;
  top: 67.533%;
  transform: rotate(-36.18deg);
}

.i4{
  font-size: 33.61px;
  left: 28.581%;
  top: 63.721%;
  transform: rotate(30.88deg);
}

.i5{
  font-size: 34.8px;
  left: 21.71%;
  top: 67.896%;
  transform: rotate(73.61deg);
}

.s2{
  font-size: 40.36px;
  left: 35.331%;
  top: 57.473%;
  transform: rotate(30.3deg);
}

.f1{
  font-size: 31.02px;
  left: 34.23%;
  top: 58.243%;
  transform: rotate(117.88deg);
}

.a4{
  font-size: 25.51px;
  left: 40.236%;
  top: 53.126%;
  transform: rotate(55.59deg);
}

.a5{
  font-size: 33.68px;
  left: 36.077%;
  top: 69.956%;
  transform: rotate(45.62deg);
}

.k5{
  font-size: 29.7px;
  left: 36.624%;
  top: 68.247%;
  transform: rotate(-65deg);
}

.f2{
  font-size: 31.02px;
  left: 52.929%;
  top: 51.514%;
  transform: rotate(-105deg);
}

.s3{
  font-size: 60px;
  left: 55.491%;
  top: 65.675%;
  transform: rotate(-98.11deg);
}

.e3{
  font-size: 60px;
  left: 40.577%;
  top: 58.9%;
  transform: rotate(0deg);
}

.a6{
  font-size: 51.05px;
  left: 39.855%;
  top: 67.531%;
  transform: rotate(0deg);
}

.h3{
  font-size: 33.37px;
  left: 39.586%;
  top: 65.403%;
  transform: rotate(-24.2deg);
}

.k6{
  font-size: 46.24px;
  left: 42.838%;
  top: 68.965%;
  transform: rotate(45.32deg);
}

.i6{
  font-size: 60px;
  left: 46.749%;
  top: 61.533%;
  transform: rotate(-32.1deg);
}

.k7{
  font-size: 26.91px;
  left: 72.437%;
  top: 55.175%;
  transform: rotate(-65.08deg);
}

.i7{
  font-size: 38.65px;
  left: 79.602%;
  top: 58.392%;
  transform: rotate(77deg);
}

.h4{
  font-size: 47.85px;
  left: 75.91%;
  top: 64.937%;
  transform: rotate(133.48deg);
}

.b11{
  font-size: 25.13px;
  left: 88.782%;
  top: 63.144%;
  transform: rotate(39.43deg);
}

/* T3&H HIDE */
.i8{
  font-size: 51.52px;
  left: 62.892%;
  top: 57.163%;
  transform: rotate(44.79deg);
}

.h5{
  font-size: 22.9px;
  left: 68.549%;
  top: 64.61%;
  transform: rotate(64.55deg);
}

.y2{
  font-size: 27.26px;
  left: 71.881%;
  top: 74.245%;
  transform: rotate(-56.35deg);
}

.i9{
  font-size: 54.14px;
  left: 8%;
  top: 89.391%;
  transform: rotate(-139.97deg);
}

.h6{
  font-size: 33.37px;
  left: 16.57%;
  top: 90.036%;
  transform: rotate(80.3deg);
}

.s4{
  font-size: 60px;
  left: 24.71%;
  top: 78.322%;
  transform: rotate(-97.83deg);
}

.z2{
  font-size: 42.09px;
  left: 32.157%;
  top: 77.051%;
  transform: rotate(36.73deg);
}

.b12{
  font-size: 48.29px;
  left: 28.227%;
  top: 85.293%;
  transform: rotate(135.69deg);
}

.b13{
  font-size: 31.83px;
  left: 38.868%;
  top: 94.077%;
  transform: rotate(45.15deg);
}

.b13{
  font-size: 31.83px;
  left: 38.868%;
  top: 94.077%;
  transform: rotate(45.15deg);
}

.b13{
  font-size: 31.83px;
  left: 38.868%;
  top: 94.077%;
  transform: rotate(45.15deg);
}

.a7{
  font-size: 36.94px;
  left: 34.179%;
  top: 85.392%;
  transform: rotate(114.34deg);
}

.y3{
  font-size: 27.39px;
  left: 34.713%;
  top: 86.653%;
  transform: rotate(36.92deg);
}

/* T2&H&S HIDE */
.b14{
  font-size: 39.47px;
  left: 47.328%;
  top: 72.393%;
  transform: rotate(-46.27deg);
}

.a8{
  font-size: 39.37px;
  left: 45.393%;
  top: 86.574%;
  transform: rotate(133.63deg);
}

.s5{
  font-size: 30.72px;
  left: 48.018%;
  top: 74.593%;
  transform: rotate(74deg);
}

.z3{
  font-size: 26.87px;
  left: 49.482%;
  top: 72.784%;
  transform: rotate(-73.42deg);
}

/* H&S HIDE */
.b15{
  font-size: 27.22px;
  left: 50.833%;
  top: 85.847%;
  transform: rotate(-77.83deg);
}

/* H&T3&S HIDE */
.b16{
  font-size: 44.25px;
  left: 56.473%;
  top: 77.146%;
  transform: rotate(-2.95deg);
}

.i10{
  font-size: 25.85px;
  left: 63.693%;
  top: 73.536%;
  transform: rotate(59.26deg);
}

/* H&T3&S&A2 HIDE */
.e4{
  font-size: 43.54px;
  left: 65.05%;
  top: 80.295%;
  transform: rotate(-167.53deg);
}
.h7{
  font-size: 33.37px;
  left: 60.595%;
  top: 84.28%;
  transform: rotate(-97.52deg);
}

/* H&S&A2 HIDE */
.e5{
  font-size: 29.81px;
  left: 65.05%;
  top: 80.295%;
  transform: rotate(-167.53deg);
}

/* T3&A2 HIDE */
.b17{
  font-size: 37.67px;
  left: 69.95%;
  top: 88.696%;
  transform: rotate(-72.94deg);
}

.f3{
  font-size: 60px;
  left: 78.4%;
  top: 79.135%;
  transform: rotate(-158.15deg);
}

.s6{
  font-size: 60px;
  left: 78.601%;
  top: 91.48%;
  transform: rotate(67.72deg);
}


/* opacity */
p.opacity49{
  opacity: 0.49;
}

/* Title */
.title{
  text-transform: uppercase;
  opacity: 1;
  color: #ed1c24;
  cursor: default;
  display: inline-block;
}

.titleT1{
  font-size: 54.42px;
  left: 16.93%;
  top: 18.679%;
  transform: rotate(-20.68deg);
}

.titleW{
  font-size: 38.88px;
  left: 45.186%;
  top: 29.906%;
  transform: rotate(44.05deg);
}

.titleA1{
  font-size: 53.85px;
  left: 72.491%;
  top: 25.399%;
  transform: rotate(88.76deg);
}

.titleT2{
  font-size: 41.08px;
  left: 21.804%;
  top: 55.687%;
  transform: rotate(141.51deg);
}

.titleH{
  font-size: 35.14px;
  left: 47.098%;
  top: 60.258%;
  transform: rotate(-31.15deg);
}

.titleT3{
  font-size: 34.74px;
  left: 77.944%;
  top: 53.275%;
  transform: rotate(45.19deg);
}

.titleS{
  font-size: 30.4px;
  left: 16.854%;
  top: 74.043%;
  transform: rotate(-30.65deg);
}

.titleA2{
  font-size: 33.39px;
  left: 60.683%;
  top: 82%;
  transform: rotate(-33.32deg);
}

.titleShow{
  font-size: 30px;
  transform: rotate(0deg);
}

.titleHide{
  font-size: 30px;
  transform: rotate(0deg);
  color: black;
  left: 3%;
  display: none;
}


/* content */
h2{
  font-size: 24px;
  color: black;
  text-transform: none;
  margin: 0;
}

div{
  position: absolute;
  margin: 0;
}

.box1{
  width: 500px;
  text-indent: 70px;
  left: 14.5%;
  top: 22%;
  display: none;
}

.box2{
  width: 550px;
  text-indent: 70px;
  left: 43.5%;
  top: 31%;
  display: none;

}

.box3{
  width: 575px;
  text-indent: 280px;
  left: 54.4%;
  top: 29%;
  display: none;
}

.box4{
  width: 620px;
  text-indent: 308px;
  left: 1%;
  top: 58%;
  display: none;
}

.box5{
  width: 560px;
  text-indent: 258px;
  left: 30%;
  top: 61%;
  display: none;
}

.box6{
  width: 720px;
  text-indent: 514px;
  left: 41%;
  top: 54%;
  display: none;
}

.box7{
  width: 850px;
  text-indent: 220px;
  left: 2%;
  top: 74%;
  display: none;
}

.box8{
  width: 550px;
  text-indent: 120px;
  left: 54%;
  top: 82.5%;
  display: none;
}
