/*============================================
 BODY
============================================*/

#top {
padding-top:0px;
margin-top:0px;
}

p {
margin-top: 4px;  
}

small {
color:#fff;
display: block;
text-align: center;
}

@media only screen and (max-width: 624px) {
.pcOnly {
display: none;
}
}
@media only screen and (min-width: 624px) {
.spOnly {
display: none;
}
}

#top {
margin-top: 0px;
padding-top: 0px;
}

/*============================================
 PAGE  FADE-IN
============================================*/

body {
animation: fadeIn 5s ease 0s 1 normal;
-webkit-animation: fadeIn 5s ease 0s 1 normal;
}

@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

/*============================================
 SCROLL  DOWN
============================================*/

span.down {
position: absolute;
bottom: 15%;
right: 50%;
z-index: 101;
text-align: right;
}

.down {
opacity: 0;
position: ;
width: 20px;
height: 200px;
margin: 0 auto;
display: block;
border-radius: 0px;
overflow: hidden;
cursor: pointer;
}

/* スライドイン */
.down.slideindown.is-animated {
  animation: slideIndown 1s forwards;
  animation-delay: 5.5s;
}

@keyframes slideIndown {
  0% {
    transform: translateY(-300px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
  }
  40%,100% {
    opacity: 1;
  }
}

.down img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
display: block;
-webkit-transition: .6s ease-in-out;
transition: .6s ease-in-out;
}

.down:hover img:nth-of-type(2) {
top: 100%;
opacity: 0;
}

@media(max-width: 768px){
.down {
width: 15px;
height: 150px;
margin: 0 auto;
display: block;
border-radius: 0px;
overflow: hidden;
cursor: pointer;
}
}

@media(max-width: 624px){
span.down {
position: absolute;
bottom: 5%;
right: 50%;
z-index: 101;
text-align: right;
}
.down {
width: 12px;
height: 120px;
margin: 0 auto;
display: block;
border-radius: 0px;
overflow: hidden;
cursor: pointer;
}
}

/*============================================
 SCROLL  TOP
============================================*/

span.top {
position: fixed;
bottom: 5%;
right: 50%;
z-index: 98;
text-align: right;
}

.top {
width: 20px;
height: 200px;
margin: 0 auto;
display: block;
border-radius: 0px;
cursor: pointer;
}

/* スライドイン */
.top.slideintop.is-animated {
  animation: slideIntop 1s forwards;
  animation-delay: 0s;
}

@keyframes slideIntop {
  0% {
    transform: translateY(300px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
  }
  40%,100% {
    opacity: 1;
  }
}

.top img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
display: block;
-webkit-transition: .6s ease-in-out;
transition: .6s ease-in-out;
filter:
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

.top:hover img:nth-of-type(2) {
top: -100%;
opacity: 0;
}

@media(max-width: 768px){
.top {
width: 15px;
height: 150px;
margin: 0 auto;
display: block;
border-radius: 0px;
cursor: pointer;
}
}

@media(max-width: 624px){
.top {
width: 12px;
height: 120px;
margin: 0 auto;
display: block;
border-radius: 0px;
cursor: pointer;
}
}

/*============================================
 LOGO SLIDE IN
============================================*/

.logo {
opacity: 0;
position: fixed;
left: 1%;
z-index: 102;
text-align: left;
top: calc(1.5%);
margin: 0% 0% 0% 0%;
padding: 86px 86px 86px 86px;
background-image: url(../index/logo.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center center;
transition: all 500ms;
filter:
drop-shadow(2px 2px 2px rgba(255,255,255,0.5))
drop-shadow(2px 2px 2px rgba(255,255,255,0.5))
drop-shadow(-2px -2px 2px rgba(255,255,255,0.5))
drop-shadow(-2px -2px 2px rgba(255,255,255,0.5));
}

/* スライドイン */
.logo.slidein.is-animated {
  animation: slideIn 1s forwards;
  animation-delay: 5.5s;
}

@keyframes slideIn {
  0% {
    transform: translateX(-180px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
  40%,100% {
    opacity: 1;
  }
}

@media(max-width: 768px){
.logo {
opacity: 0;
position: fixed;
left: 1%;
z-index: 102;
text-align: left;
top: calc(1.0%);
margin: 0% 0% 0% 0%;
padding: 60px 52px 60px 52px;
background-image: url(../index/logo.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center center;
transition: all 500ms;
filter:
drop-shadow(2px 2px 2px rgba(255,255,255,1.0))
drop-shadow(2px 2px 2px rgba(255,255,255,1.0))
drop-shadow(-2px -2px 2px rgba(255,255,255,1.0))
drop-shadow(-2px -2px 2px rgba(255,255,255,1.0));
}
}

@media(max-width: 624px){
.logo {
opacity: 0;
position: fixed;
left: 1%;
z-index: 102;
text-align: left;
top: calc(1.0%);
margin: 0% 0% 0% 0%;
padding: 52px 52px 52px 52px;
background-image: url(../index/logo.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center center;
transition: all 500ms;
filter:
drop-shadow(2px 2px 2px rgba(255,255,255,1.0))
drop-shadow(2px 2px 2px rgba(255,255,255,1.0))
drop-shadow(-2px -2px 2px rgba(255,255,255,1.0))
drop-shadow(-2px -2px 2px rgba(255,255,255,1.0));
}
}

/*============================================
 HAMBURGER
============================================*/

.hamburger {
  position: fixed;
  left: 70px;
  bottom: 50px;
  width: 34px;
  height: 34px;
  cursor: pointer;
  z-index: 300;
}

.hamburger__line {
  position: fixed;
  width: 10px;
  height: 10px;
  left: 70px;
  bottom: 60px;
  background-color: #000;
  transition: all 0.5s;
  filter:
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

.hamburger__line--1 {
bottom: 50px;
}
.hamburger__line--2 {
bottom: 62px;
}
.hamburger__line--3 {
bottom: 74px;
}

.hamburger__line--4 {
bottom: 50px;
left: 82px;
}
.hamburger__line--5 {
bottom: 62px;
left: 82px;
}
.hamburger__line--6 {
bottom: 74px;
left: 82px;
}

.hamburger__line--7 {
bottom: 50px;
left: 94px;
}
.hamburger__line--8 {
bottom: 62px;
left: 94px;
}
.hamburger__line--9 {
bottom: 74px;
left: 94px;
}

/*ハンバーガーがクリックされたら*/
.open .hamburger__line--1 {
transform: rotate(-45deg);
bottom: 62px;
width: 34px;
background-color: #f6ad16;
}
.open .hamburger__line--2 {
opacity: 0;
}
.open .hamburger__line--3 {
transform: rotate(45deg);
bottom: 62px;
width: 34px;
background-color: #f6ad16;
}

.open .hamburger__line--4 {
opacity: 0;
}
.open .hamburger__line--5 {
opacity: 0;
}
.open .hamburger__line--6 {
opacity: 0;
}
.open .hamburger__line--7 {
opacity: 0;
}
.open .hamburger__line--8 {
opacity: 0;
}
.open .hamburger__line--9 {
opacity: 0;
}

@media(max-width: 768px){
.hamburger {
  position: fixed;
  left: 35px;
  bottom: 40px;
  width: 28px;
  height: 28px;
  cursor: pointer;
  z-index: 300;
}

.hamburger__line {
  position: fixed;
  width: 8px;
  height: 8px;
  left: 35px;
  bottom: 40px;
  background-color: #000;
  transition: all 0.5s;
  filter:
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

.hamburger__line--1 {
bottom: 40px;
}
.hamburger__line--2 {
bottom: 50px;
}
.hamburger__line--3 {
bottom: 60px;
}

.hamburger__line--4 {
bottom: 40px;
left: 45px;
}
.hamburger__line--5 {
bottom: 50px;
left: 45px;
}
.hamburger__line--6 {
bottom: 60px;
left: 45px;
}

.hamburger__line--7 {
bottom: 40px;
left: 55px;
}
.hamburger__line--8 {
bottom: 50px;
left: 55px;
}
.hamburger__line--9 {
bottom: 60px;
left: 55px;
}

/*ハンバーガーがクリックされたら*/
.open .hamburger__line--1 {
transform: rotate(-45deg);
bottom: 50px;
width: 30px;
background-color: #f6ad16;
}
.open .hamburger__line--2 {
opacity: 0;
}
.open .hamburger__line--3 {
transform: rotate(45deg);
bottom: 50px;
width: 30px;
background-color: #f6ad16;
}

.open .hamburger__line--4 {
opacity: 0;
}
.open .hamburger__line--5 {
opacity: 0;
}
.open .hamburger__line--6 {
opacity: 0;
}
.open .hamburger__line--7 {
opacity: 0;
}
.open .hamburger__line--8 {
opacity: 0;
}
.open .hamburger__line--9 {
opacity: 0;
}
}

@media(max-width: 624px){
.hamburger {
  position: fixed;
  left: 25px;
  bottom: 30px;
  width: 28px;
  height: 28px;
  cursor: pointer;
  z-index: 300;
}

.hamburger__line {
  position: fixed;
  width: 8px;
  height: 8px;
  left: 25px;
  bottom: 30px;
  background-color: #000;
  transition: all 0.5s;
  filter:
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

.hamburger__line--1 {
bottom: 30px;
}
.hamburger__line--2 {
bottom: 40px;
}
.hamburger__line--3 {
bottom: 50px;
}

.hamburger__line--4 {
bottom: 30px;
left: 35px;
}
.hamburger__line--5 {
bottom: 40px;
left: 35px;
}
.hamburger__line--6 {
bottom: 50px;
left: 35px;
}

.hamburger__line--7 {
bottom: 30px;
left: 45px;
}
.hamburger__line--8 {
bottom: 40px;
left: 45px;
}
.hamburger__line--9 {
bottom: 50px;
left: 45px;
}

/*ハンバーガーがクリックされたら*/
.open .hamburger__line--1 {
transform: rotate(-45deg);
bottom: 40px;
width: 28px;
background-color: #f6ad16;
}
.open .hamburger__line--2 {
opacity: 0;
}
.open .hamburger__line--3 {
transform: rotate(45deg);
bottom: 40px;
width: 28px;
background-color: #f6ad16;
}

.open .hamburger__line--4 {
opacity: 0;
}
.open .hamburger__line--5 {
opacity: 0;
}
.open .hamburger__line--6 {
opacity: 0;
}
.open .hamburger__line--7 {
opacity: 0;
}
.open .hamburger__line--8 {
opacity: 0;
}
.open .hamburger__line--9 {
opacity: 0;
}
}

/* ===================================
sp-nav／ナビ　フォント
=================================== */

span.website_production {
color: #f6ad16;
} 
a:link.menu_website_production {
position: absolute;
font-size: 1.5rem;
text-align: center;
top: 32.5%;
left: 0%;
right: 0%;
margin: 0% 35% 0% 35%;
padding: 0% 0% 0% 0%;
width: 30%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:visited.menu_website_production {
position: absolute;
font-size: 1.5rem;
text-align: center;
top: 32.5%;
left: 0%;
right: 0%;
margin: 0% 35% 0% 35%;
padding: 0% 0% 0% 0%;
width: 30%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:hover.menu_website_production {
position: absolute;
font-size: 1.5rem;
text-align: center;
top: 32.5%;
left: -2%;
right: 0%;
margin: 0% 35% 0% 35%;
padding: 0% 0% 0% 0%;
width: 30%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:active.menu_website_production {
position: absolute;
font-size: 1.5rem;
text-align: center;
top: 32.5%;
left: -2%;
right: 0%;
margin: 0% 35% 0% 35%;
padding: 0% 0% 0% 0%;
width: 30%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

span.website_production2 {
color: #f6ad16;
} 
a:link.menu_website_production2 {
position: absolute;
font-size: 1.5rem;
text-align: center;
top: 32.5%;
left: 0%;
right: 0%;
margin: 0% 35% 0% 35%;
padding: 0% 0% 0% 0%;
width: 30%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:visited.menu_website_production2 {
position: absolute;
font-size: 1.5rem;
text-align: center;
top: 32.5%;
left: 0%;
right: 0%;
margin: 0% 35% 0% 35%;
padding: 0% 0% 0% 0%;
width: 30%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:hover.menu_website_production2 {
position: absolute;
font-size: 1.5rem;
text-align: center;
top: 32.5%;
left: 0%;
right: 0%;
margin: 0% 35% 0% 35%;
padding: 0% 0% 0% 0%;
width: 30%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:active.menu_website_production2 {
position: absolute;
font-size: 1.5rem;
text-align: center;
top: 32.5%;
left: 0%;
right: 0%;
margin: 0% 35% 0% 35%;
padding: 0% 0% 0% 0%;
width: 30%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

span.electronic_commerce_production {
color: #f6ad16;
} 
a:link.menu_electronic_commerce_production {
position: absolute;
font-size: 1.5rem;
text-align: center;
top: 37.5%;
left: 0%;
right: 0%;
margin: 0% 35% 0% 35%;
padding: 0% 0% 0% 0%;
width: 30%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:visited.menu_electronic_commerce_production {
position: absolute;
font-size: 1.5rem;
text-align: center;
top: 37.5%;
left: 0%;
right: 0%;
margin: 0% 35% 0% 35%;
padding: 0% 0% 0% 0%;
width: 30%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:hover.menu_electronic_commerce_production {
position: absolute;
font-size: 1.5rem;
text-align: center;
top: 37.5%;
left: -2%;
right: 0%;
margin: 0% 35% 0% 35%;
padding: 0% 0% 0% 0%;
width: 30%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:active.menu_electronic_commerce_production {
position: absolute;
font-size: 1.5rem;
text-align: center;
top: 37.5%;
left: -2%;
right: 0%;
margin: 0% 35% 0% 35%;
padding: 0% 0% 0% 0%;
width: 30%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

span.cloud_server_construction {
color: #f6ad16;
} 
a:link.menu_cloud_server_construction {
position: absolute;
font-size: 1.5rem;
text-align: center;
top: 42.5%;
left: 0%;
right: 0%;
margin: 0% 35% 0% 35%;
padding: 0% 0% 0% 0%;
width: 30%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:visited.menu_cloud_server_construction {
position: absolute;
font-size: 1.5rem;
text-align: center;
top: 42.5%;
left: 0%;
right: 0%;
margin: 0% 35% 0% 35%;
padding: 0% 0% 0% 0%;
width: 30%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:hover.menu_cloud_server_construction {
position: absolute;
font-size: 1.5rem;
text-align: center;
top: 42.5%;
left: -2%;
right: 0%;
margin: 0% 35% 0% 35%;
padding: 0% 0% 0% 0%;
width: 30%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:active.menu_cloud_server_construction {
position: absolute;
font-size: 1.5rem;
text-align: center;
top: 42.5%;
left: -2%;
right: 0%;
margin: 0% 35% 0% 35%;
padding: 0% 0% 0% 0%;
width: 30%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

span.design_creation {
color: #f6ad16;
} 
a:link.menu_design_creation {
position: absolute;
font-size: 1.5rem;
text-align: center;
top: 47.5%;
left: 0%;
right: 0%;
margin: 0% 35% 0% 35%;
padding: 0% 0% 0% 0%;
width: 30%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:visited.menu_design_creation {
position: absolute;
font-size: 1.5rem;
text-align: center;
top: 47.5%;
left: 0%;
right: 0%;
margin: 0% 35% 0% 35%;
padding: 0% 0% 0% 0%;
width: 30%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:hover.menu_design_creation {
position: absolute;
font-size: 1.5rem;
text-align: center;
top: 47.5%;
left: -2%;
right: 0%;
margin: 0% 35% 0% 35%;
padding: 0% 0% 0% 0%;
width: 30%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:active.menu_design_creation {
position: absolute;
font-size: 1.5rem;
text-align: center;
top: 47.5%;
left: -2%;
right: 0%;
margin: 0% 35% 0% 35%;
padding: 0% 0% 0% 0%;
width: 30%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

span.the_rest {
color: #f6ad16;
} 
a:link.menu_the_rest {
position: absolute;
font-size: 1.5rem;
text-align: center;
top: 52.5%;
left: 0%;
right: 0%;
margin: 0% 35% 0% 35%;
padding: 0% 0% 0% 0%;
width: 30%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:visited.menu_the_rest {
position: absolute;
font-size: 1.5rem;
text-align: center;
top: 52.5%;
left: 0%;
right: 0%;
margin: 0% 35% 0% 35%;
padding: 0% 0% 0% 0%;
width: 30%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:hover.menu_the_rest {
position: absolute;
font-size: 1.5rem;
text-align: center;
top: 52.5%;
left: -2%;
right: 0%;
margin: 0% 35% 0% 35%;
padding: 0% 0% 0% 0%;
width: 30%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:active.menu_the_rest {
position: absolute;
font-size: 1.5rem;
text-align: center;
top: 52.5%;
left: -2%;
right: 0%;
margin: 0% 35% 0% 35%;
padding: 0% 0% 0% 0%;
width: 30%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

span.about_office {
color: #f6ad16;
} 
a:link.menu_about_office {
position: absolute;
font-size: 1.5rem;
text-align: center;
top: 57.5%;
left: 0%;
right: 0%;
margin: 0% 35% 0% 35%;
padding: 0% 0% 0% 0%;
width: 30%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:visited.menu_about_office {
position: absolute;
font-size: 1.5rem;
text-align: center;
top: 57.5%;
left: 0%;
right: 0%;
margin: 0% 35% 0% 35%;
padding: 0% 0% 0% 0%;
width: 30%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:hover.menu_about_office {
position: absolute;
font-size: 1.5rem;
text-align: center;
top: 57.5%;
left: -2%;
right: 0%;
margin: 0% 35% 0% 35%;
padding: 0% 0% 0% 0%;
width: 30%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:active.menu_about_office {
position: absolute;
font-size: 1.5rem;
text-align: center;
top: 57.5%;
left: -2%;
right: 0%;
margin: 0% 35% 0% 35%;
padding: 0% 0% 0% 0%;
width: 30%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

span.contact_us {
color: #f6ad16;
} 
a:link.menu_contact_us {
position: absolute;
font-size: 1.5rem;
text-align: center;
top: 62.5%;
left: 0%;
right: 0%;
margin: 0% 35% 0% 35%;
padding: 0% 0% 0% 0%;
width: 30%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:visited.menu_contact_us {
position: absolute;
font-size: 1.5rem;
text-align: center;
top: 62.5%;
left: 0%;
right: 0%;
margin: 0% 35% 0% 35%;
padding: 0% 0% 0% 0%;
width: 30%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:hover.menu_contact_us {
position: absolute;
font-size: 1.5rem;
text-align: center;
top: 62.5%;
left: -2%;
right: 0%;
margin: 0% 35% 0% 35%;
padding: 0% 0% 0% 0%;
width: 30%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:active.menu_contact_us {
position: absolute;
font-size: 1.5rem;
text-align: center;
top: 62.5%;
left: -2%;
right: 0%;
margin: 0% 35% 0% 35%;
padding: 0% 0% 0% 0%;
width: 30%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

span.site_information {
color: #f6ad16;
} 
a:link.menu_site_information {
position: absolute;
font-size: 1.5rem;
text-align: center;
top: 67.5%;
left: 0%;
right: 0%;
margin: 0% 35% 0% 35%;
padding: 0% 0% 0% 0%;
width: 30%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:visited.menu_site_information {
position: absolute;
font-size: 1.5rem;
text-align: center;
top: 67.5%;
left: 0%;
right: 0%;
margin: 0% 35% 0% 35%;
padding: 0% 0% 0% 0%;
width: 30%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:hover.menu_site_information {
position: absolute;
font-size: 1.5rem;
text-align: center;
top: 67.5%;
left: -2%;
right: 0%;
margin: 0% 35% 0% 35%;
padding: 0% 0% 0% 0%;
width: 30%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:active.menu_site_information {
position: absolute;
font-size: 1.5rem;
text-align: center;
top: 67.5%;
left: -2%;
right: 0%;
margin: 0% 35% 0% 35%;
padding: 0% 0% 0% 0%;
width: 30%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

@media(max-width: 1500px){

span.website_production {
color: #f6ad16;
} 
a:link.menu_website_production {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 32.5%;
left: 0%;
right: 0%;
margin: 0% 30% 0% 30%;
padding: 0% 0% 0% 0%;
width: 40%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:visited.menu_website_production {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 32.5%;
left: 0%;
right: 0%;
margin: 0% 30% 0% 30%;
padding: 0% 0% 0% 0%;
width: 40%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:hover.menu_website_production {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 32.5%;
left: -2%;
right: 0%;
margin: 0% 30% 0% 30%;
padding: 0% 0% 0% 0%;
width: 40%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:active.menu_website_production {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 32.5%;
left: -2%;
right: 0%;
margin: 0% 30% 0% 30%;
padding: 0% 0% 0% 0%;
width: 40%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

span.electronic_commerce_production {
color: #f6ad16;
} 
a:link.menu_electronic_commerce_production {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 37.5%;
left: 0%;
right: 0%;
margin: 0% 30% 0% 30%;
padding: 0% 0% 0% 0%;
width: 40%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:visited.menu_electronic_commerce_production {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 37.5%;
left: 0%;
right: 0%;
margin: 0% 30% 0% 30%;
padding: 0% 0% 0% 0%;
width: 40%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:hover.menu_electronic_commerce_production {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 37.5%;
left: -2%;
right: 0%;
margin: 0% 30% 0% 30%;
padding: 0% 0% 0% 0%;
width: 40%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:active.menu_electronic_commerce_production {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 37.5%;
left: -2%;
right: 0%;
margin: 0% 30% 0% 30%;
padding: 0% 0% 0% 0%;
width: 40%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

span.cloud_server_construction {
color: #f6ad16;
} 
a:link.menu_cloud_server_construction {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 42.5%;
left: 0%;
right: 0%;
margin: 0% 30% 0% 30%;
padding: 0% 0% 0% 0%;
width: 40%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:visited.menu_cloud_server_construction {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 42.5%;
left: 0%;
right: 0%;
margin: 0% 30% 0% 30%;
padding: 0% 0% 0% 0%;
width: 40%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:hover.menu_cloud_server_construction {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 42.5%;
left: -2%;
right: 0%;
margin: 0% 30% 0% 30%;
padding: 0% 0% 0% 0%;
width: 40%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:active.menu_cloud_server_construction {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 42.5%;
left: -2%;
right: 0%;
margin: 0% 30% 0% 30%;
padding: 0% 0% 0% 0%;
width: 40%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

span.design_creation {
color: #f6ad16;
} 
a:link.menu_design_creation {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 47.5%;
left: 0%;
right: 0%;
margin: 0% 30% 0% 30%;
padding: 0% 0% 0% 0%;
width: 40%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:visited.menu_design_creation {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 47.5%;
left: 0%;
right: 0%;
margin: 0% 30% 0% 30%;
padding: 0% 0% 0% 0%;
width: 40%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:hover.menu_design_creation {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 47.5%;
left: -2%;
right: 0%;
margin: 0% 30% 0% 30%;
padding: 0% 0% 0% 0%;
width: 40%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:active.menu_design_creation {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 47.5%;
left: -2%;
right: 0%;
margin: 0% 30% 0% 30%;
padding: 0% 0% 0% 0%;
width: 40%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

span.the_rest {
color: #f6ad16;
} 
a:link.menu_the_rest {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 52.5%;
left: 0%;
right: 0%;
margin: 0% 30% 0% 30%;
padding: 0% 0% 0% 0%;
width: 40%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:visited.menu_the_rest {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 52.5%;
left: 0%;
right: 0%;
margin: 0% 30% 0% 30%;
padding: 0% 0% 0% 0%;
width: 40%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:hover.menu_the_rest {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 52.5%;
left: -2%;
right: 0%;
margin: 0% 30% 0% 30%;
padding: 0% 0% 0% 0%;
width: 40%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:active.menu_the_rest {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 52.5%;
left: -2%;
right: 0%;
margin: 0% 30% 0% 30%;
padding: 0% 0% 0% 0%;
width: 40%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

span.about_office {
color: #f6ad16;
} 
a:link.menu_about_office {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 57.5%;
left: 0%;
right: 0%;
margin: 0% 30% 0% 30%;
padding: 0% 0% 0% 0%;
width: 40%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:visited.menu_about_office {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 57.5%;
left: 0%;
right: 0%;
margin: 0% 30% 0% 30%;
padding: 0% 0% 0% 0%;
width: 40%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:hover.menu_about_office {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 57.5%;
left: -2%;
right: 0%;
margin: 0% 30% 0% 30%;
padding: 0% 0% 0% 0%;
width: 40%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:active.menu_about_office {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 57.5%;
left: -2%;
right: 0%;
margin: 0% 30% 0% 30%;
padding: 0% 0% 0% 0%;
width: 40%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

span.contact_us {
color: #f6ad16;
} 
a:link.menu_contact_us {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 62.5%;
left: 0%;
right: 0%;
margin: 0% 30% 0% 30%;
padding: 0% 0% 0% 0%;
width: 40%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:visited.menu_contact_us {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 62.5%;
left: 0%;
right: 0%;
margin: 0% 30% 0% 30%;
padding: 0% 0% 0% 0%;
width: 40%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:hover.menu_contact_us {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 62.5%;
left: -2%;
right: 0%;
margin: 0% 30% 0% 30%;
padding: 0% 0% 0% 0%;
width: 40%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:active.menu_contact_us {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 62.5%;
left: -2%;
right: 0%;
margin: 0% 30% 0% 30%;
padding: 0% 0% 0% 0%;
width: 40%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

span.site_information {
color: #f6ad16;
} 
a:link.menu_site_information {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 67.5%;
left: 0%;
right: 0%;
margin: 0% 30% 0% 30%;
padding: 0% 0% 0% 0%;
width: 40%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:visited.menu_site_information {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 67.5%;
left: 0%;
right: 0%;
margin: 0% 30% 0% 30%;
padding: 0% 0% 0% 0%;
width: 40%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:hover.menu_site_information {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 67.5%;
left: -2%;
right: 0%;
margin: 0% 30% 0% 30%;
padding: 0% 0% 0% 0%;
width: 40%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:active.menu_site_information {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 67.5%;
left: -2%;
right: 0%;
margin: 0% 30% 0% 30%;
padding: 0% 0% 0% 0%;
width: 40%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

} 

@media(max-width: 1024px){

span.website_production {
color: #f6ad16;
} 
a:link.menu_website_production {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 32.5%;
left: 0%;
right: 0%;
margin: 0% 20% 0% 20%;
padding: 0% 0% 0% 0%;
width: 60%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:visited.menu_website_production {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 32.5%;
left: 0%;
right: 0%;
margin: 0% 20% 0% 20%;
padding: 0% 0% 0% 0%;
width: 60%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:hover.menu_website_production {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 32.5%;
left: -2%;
right: 0%;
margin: 0% 20% 0% 20%;
padding: 0% 0% 0% 0%;
width: 60%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:active.menu_website_production {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 32.5%;
left: -2%;
right: 0%;
margin: 0% 20% 0% 20%;
padding: 0% 0% 0% 0%;
width: 60%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

span.electronic_commerce_production {
color: #f6ad16;
} 
a:link.menu_electronic_commerce_production {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 37.5%;
left: 0%;
right: 0%;
margin: 0% 20% 0% 20%;
padding: 0% 0% 0% 0%;
width: 60%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:visited.menu_electronic_commerce_production {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 37.5%;
left: 0%;
right: 0%;
margin: 0% 20% 0% 20%;
padding: 0% 0% 0% 0%;
width: 60%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:hover.menu_electronic_commerce_production {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 37.5%;
left: -2%;
right: 0%;
margin: 0% 20% 0% 20%;
padding: 0% 0% 0% 0%;
width: 60%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:active.menu_electronic_commerce_production {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 37.5%;
left: -2%;
right: 0%;
margin: 0% 20% 0% 20%;
padding: 0% 0% 0% 0%;
width: 60%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

span.cloud_server_construction {
color: #f6ad16;
} 
a:link.menu_cloud_server_construction {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 42.5%;
left: 0%;
right: 0%;
margin: 0% 20% 0% 20%;
padding: 0% 0% 0% 0%;
width: 60%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:visited.menu_cloud_server_construction {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 42.5%;
left: 0%;
right: 0%;
margin: 0% 20% 0% 20%;
padding: 0% 0% 0% 0%;
width: 60%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:hover.menu_cloud_server_construction {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 42.5%;
left: -2%;
right: 0%;
margin: 0% 20% 0% 20%;
padding: 0% 0% 0% 0%;
width: 60%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:active.menu_cloud_server_construction {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 42.5%;
left: -2%;
right: 0%;
margin: 0% 20% 0% 20%;
padding: 0% 0% 0% 0%;
width: 60%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

span.design_creation {
color: #f6ad16;
} 
a:link.menu_design_creation {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 47.5%;
left: 0%;
right: 0%;
margin: 0% 20% 0% 20%;
padding: 0% 0% 0% 0%;
width: 60%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:visited.menu_design_creation {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 47.5%;
left: 0%;
right: 0%;
margin: 0% 20% 0% 20%;
padding: 0% 0% 0% 0%;
width: 60%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:hover.menu_design_creation {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 47.5%;
left: -2%;
right: 0%;
margin: 0% 20% 0% 20%;
padding: 0% 0% 0% 0%;
width: 60%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:active.menu_design_creation {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 47.5%;
left: -2%;
right: 0%;
margin: 0% 20% 0% 20%;
padding: 0% 0% 0% 0%;
width: 60%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

span.the_rest {
color: #f6ad16;
} 
a:link.menu_the_rest {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 52.5%;
left: 0%;
right: 0%;
margin: 0% 20% 0% 20%;
padding: 0% 0% 0% 0%;
width: 60%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:visited.menu_the_rest {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 52.5%;
left: 0%;
right: 0%;
margin: 0% 20% 0% 20%;
padding: 0% 0% 0% 0%;
width: 60%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:hover.menu_the_rest {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 52.5%;
left: -2%;
right: 0%;
margin: 0% 20% 0% 20%;
padding: 0% 0% 0% 0%;
width: 60%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:active.menu_the_rest {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 52.5%;
left: -2%;
right: 0%;
margin: 0% 20% 0% 20%;
padding: 0% 0% 0% 0%;
width: 60%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

span.about_office {
color: #f6ad16;
} 
a:link.menu_about_office {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 57.5%;
left: 0%;
right: 0%;
margin: 0% 20% 0% 20%;
padding: 0% 0% 0% 0%;
width: 60%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:visited.menu_about_office {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 57.5%;
left: 0%;
right: 0%;
margin: 0% 20% 0% 20%;
padding: 0% 0% 0% 0%;
width: 60%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:hover.menu_about_office {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 57.5%;
left: -2%;
right: 0%;
margin: 0% 20% 0% 20%;
padding: 0% 0% 0% 0%;
width: 60%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:active.menu_about_office {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 57.5%;
left: -2%;
right: 0%;
margin: 0% 20% 0% 20%;
padding: 0% 0% 0% 0%;
width: 60%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

span.contact_us {
color: #f6ad16;
} 
a:link.menu_contact_us {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 62.5%;
left: 0%;
right: 0%;
margin: 0% 20% 0% 20%;
padding: 0% 0% 0% 0%;
width: 60%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:visited.menu_contact_us {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 62.5%;
left: 0%;
right: 0%;
margin: 0% 20% 0% 20%;
padding: 0% 0% 0% 0%;
width: 60%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:hover.menu_contact_us {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 62.5%;
left: -2%;
right: 0%;
margin: 0% 20% 0% 20%;
padding: 0% 0% 0% 0%;
width: 60%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:active.menu_contact_us {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 62.5%;
left: -2%;
right: 0%;
margin: 0% 20% 0% 20%;
padding: 0% 0% 0% 0%;
width: 60%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

span.site_information {
color: #f6ad16;
} 
a:link.menu_site_information {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 67.5%;
left: 0%;
right: 0%;
margin: 0% 20% 0% 20%;
padding: 0% 0% 0% 0%;
width: 60%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:visited.menu_site_information {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 67.5%;
left: 0%;
right: 0%;
margin: 0% 20% 0% 20%;
padding: 0% 0% 0% 0%;
width: 60%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:hover.menu_site_information {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 67.5%;
left: -2%;
right: 0%;
margin: 0% 20% 0% 20%;
padding: 0% 0% 0% 0%;
width: 60%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:active.menu_site_information {
position: absolute;
font-size: 1.4rem;
text-align: center;
top: 67.5%;
left: -2%;
right: 0%;
margin: 0% 20% 0% 20%;
padding: 0% 0% 0% 0%;
width: 60%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

} 

@media(max-width: 768px){

span.website_production {
color: #f6ad16;
} 
a:link.menu_website_production {
position: absolute;
font-size: 1.25rem;
text-align: center;
top: 32.5%;
left: 0%;
right: 0%;
margin: 0% 18% 0% 18%;
padding: 0% 0% 0% 0%;
width: 64%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:visited.menu_website_production {
position: absolute;
font-size: 1.25rem;
text-align: center;
top: 32.5%;
left: 0%;
right: 0%;
margin: 0% 18% 0% 18%;
padding: 0% 0% 0% 0%;
width: 64%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:hover.menu_website_production {
position: absolute;
font-size: 1.25rem;
text-align: center;
top: 32.5%;
left: -2%;
right: 0%;
margin: 0% 18% 0% 18%;
padding: 0% 0% 0% 0%;
width: 64%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:active.menu_website_production {
position: absolute;
font-size: 1.25rem;
text-align: center;
top: 32.5%;
left: -2%;
right: 0%;
margin: 0% 18% 0% 18%;
padding: 0% 0% 0% 0%;
width: 64%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

span.electronic_commerce_production {
color: #f6ad16;
} 
a:link.menu_electronic_commerce_production {
position: absolute;
font-size: 1.25rem;
text-align: center;
top: 37.5%;
left: 0%;
right: 0%;
margin: 0% 18% 0% 18%;
padding: 0% 0% 0% 0%;
width: 64%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:visited.menu_electronic_commerce_production {
position: absolute;
font-size: 1.25rem;
text-align: center;
top: 37.5%;
left: 0%;
right: 0%;
margin: 0% 18% 0% 18%;
padding: 0% 0% 0% 0%;
width: 64%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:hover.menu_electronic_commerce_production {
position: absolute;
font-size: 1.25rem;
text-align: center;
top: 37.5%;
left: -2%;
right: 0%;
margin: 0% 18% 0% 18%;
padding: 0% 0% 0% 0%;
width: 64%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:active.menu_electronic_commerce_production {
position: absolute;
font-size: 1.25rem;
text-align: center;
top: 37.5%;
left: -2%;
right: 0%;
margin: 0% 18% 0% 18%;
padding: 0% 0% 0% 0%;
width: 64%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

span.cloud_server_construction {
color: #f6ad16;
} 
a:link.menu_cloud_server_construction {
position: absolute;
font-size: 1.25rem;
text-align: center;
top: 42.5%;
left: 0%;
right: 0%;
margin: 0% 18% 0% 18%;
padding: 0% 0% 0% 0%;
width: 64%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:visited.menu_cloud_server_construction {
position: absolute;
font-size: 1.25rem;
text-align: center;
top: 42.5%;
left: 0%;
right: 0%;
margin: 0% 18% 0% 18%;
padding: 0% 0% 0% 0%;
width: 64%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:hover.menu_cloud_server_construction {
position: absolute;
font-size: 1.25rem;
text-align: center;
top: 42.5%;
left: -2%;
right: 0%;
margin: 0% 18% 0% 18%;
padding: 0% 0% 0% 0%;
width: 64%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:active.menu_cloud_server_construction {
position: absolute;
font-size: 1.25rem;
text-align: center;
top: 42.5%;
left: -2%;
right: 0%;
margin: 0% 18% 0% 18%;
padding: 0% 0% 0% 0%;
width: 64%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

span.design_creation {
color: #f6ad16;
} 
a:link.menu_design_creation {
position: absolute;
font-size: 1.25rem;
text-align: center;
top: 47.5%;
left: 0%;
right: 0%;
margin: 0% 18% 0% 18%;
padding: 0% 0% 0% 0%;
width: 64%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:visited.menu_design_creation {
position: absolute;
font-size: 1.25rem;
text-align: center;
top: 47.5%;
left: 0%;
right: 0%;
margin: 0% 18% 0% 18%;
padding: 0% 0% 0% 0%;
width: 64%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:hover.menu_design_creation {
position: absolute;
font-size: 1.25rem;
text-align: center;
top: 47.5%;
left: -2%;
right: 0%;
margin: 0% 18% 0% 18%;
padding: 0% 0% 0% 0%;
width: 64%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:active.menu_design_creation {
position: absolute;
font-size: 1.25rem;
text-align: center;
top: 47.5%;
left: -2%;
right: 0%;
margin: 0% 18% 0% 18%;
padding: 0% 0% 0% 0%;
width: 64%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

span.the_rest {
color: #f6ad16;
} 
a:link.menu_the_rest {
position: absolute;
font-size: 1.25rem;
text-align: center;
top: 52.5%;
left: 0%;
right: 0%;
margin: 0% 18% 0% 18%;
padding: 0% 0% 0% 0%;
width: 64%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:visited.menu_the_rest {
position: absolute;
font-size: 1.25rem;
text-align: center;
top: 52.5%;
left: 0%;
right: 0%;
margin: 0% 18% 0% 18%;
padding: 0% 0% 0% 0%;
width: 64%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:hover.menu_the_rest {
position: absolute;
font-size: 1.25rem;
text-align: center;
top: 52.5%;
left: -2%;
right: 0%;
margin: 0% 18% 0% 18%;
padding: 0% 0% 0% 0%;
width: 64%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:active.menu_the_rest {
position: absolute;
font-size: 1.25rem;
text-align: center;
top: 52.5%;
left: -2%;
right: 0%;
margin: 0% 18% 0% 18%;
padding: 0% 0% 0% 0%;
width: 64%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

span.about_office {
color: #f6ad16;
} 
a:link.menu_about_office {
position: absolute;
font-size: 1.25rem;
text-align: center;
top: 57.5%;
left: 0%;
right: 0%;
margin: 0% 18% 0% 18%;
padding: 0% 0% 0% 0%;
width: 64%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:visited.menu_about_office {
position: absolute;
font-size: 1.25rem;
text-align: center;
top: 57.5%;
left: 0%;
right: 0%;
margin: 0% 18% 0% 18%;
padding: 0% 0% 0% 0%;
width: 64%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:hover.menu_about_office {
position: absolute;
font-size: 1.25rem;
text-align: center;
top: 57.5%;
left: -2%;
right: 0%;
margin: 0% 18% 0% 18%;
padding: 0% 0% 0% 0%;
width: 64%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:active.menu_about_office {
position: absolute;
font-size: 1.25rem;
text-align: center;
top: 57.5%;
left: -2%;
right: 0%;
margin: 0% 18% 0% 18%;
padding: 0% 0% 0% 0%;
width: 64%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

span.contact_us {
color: #f6ad16;
} 
a:link.menu_contact_us {
position: absolute;
font-size: 1.25rem;
text-align: center;
top: 62.5%;
left: 0%;
right: 0%;
margin: 0% 18% 0% 18%;
padding: 0% 0% 0% 0%;
width: 64%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:visited.menu_contact_us {
position: absolute;
font-size: 1.25rem;
text-align: center;
top: 62.5%;
left: 0%;
right: 0%;
margin: 0% 18% 0% 18%;
padding: 0% 0% 0% 0%;
width: 64%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:hover.menu_contact_us {
position: absolute;
font-size: 1.25rem;
text-align: center;
top: 62.5%;
left: -2%;
right: 0%;
margin: 0% 18% 0% 18%;
padding: 0% 0% 0% 0%;
width: 64%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:active.menu_contact_us {
position: absolute;
font-size: 1.25rem;
text-align: center;
top: 62.5%;
left: -2%;
right: 0%;
margin: 0% 18% 0% 18%;
padding: 0% 0% 0% 0%;
width: 64%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

span.site_information {
color: #f6ad16;
} 
a:link.menu_site_information {
position: absolute;
font-size: 1.25rem;
text-align: center;
top: 67.5%;
left: 0%;
right: 0%;
margin: 0% 18% 0% 18%;
padding: 0% 0% 0% 0%;
width: 64%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:visited.menu_site_information {
position: absolute;
font-size: 1.25rem;
text-align: center;
top: 67.5%;
left: 0%;
right: 0%;
margin: 0% 18% 0% 18%;
padding: 0% 0% 0% 0%;
width: 64%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:hover.menu_site_information {
position: absolute;
font-size: 1.25rem;
text-align: center;
top: 67.5%;
left: -2%;
right: 0%;
margin: 0% 18% 0% 18%;
padding: 0% 0% 0% 0%;
width: 64%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:active.menu_site_information {
position: absolute;
font-size: 1.25rem;
text-align: center;
top: 67.5%;
left: -2%;
right: 0%;
margin: 0% 18% 0% 18%;
padding: 0% 0% 0% 0%;
width: 64%;
line-height: 100%;
font-weight: 600;
letter-spacing: 2px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

} 

@media(max-width: 624px){

span.website_production {
color: #f6ad16;
} 
a:link.menu_website_production {
position: absolute;
font-size: 1.0rem;
text-align: center;
top: 32.5%;
left: 0%;
right: 0%;
margin: 0% 5% 0% 5%;
padding: 0% 0% 0% 0%;
width: 90%;
line-height: 100%;
font-weight: 600;
letter-spacing: 1px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:visited.menu_website_production {
position: absolute;
font-size: 1.0rem;
text-align: center;
top: 32.5%;
left: 0%;
right: 0%;
margin: 0% 5% 0% 5%;
padding: 0% 0% 0% 0%;
width: 90%;
line-height: 100%;
font-weight: 600;
letter-spacing: 1px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:hover.menu_website_production {
position: absolute;
font-size: 1.0rem;
text-align: center;
top: 32.5%;
left: -2%;
right: 0%;
margin: 0% 5% 0% 5%;
padding: 0% 0% 0% 0%;
width: 90%;
line-height: 100%;
font-weight: 600;
letter-spacing: 1px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:active.menu_website_production {
position: absolute;
font-size: 1.0rem;
text-align: center;
top: 32.5%;
left: -2%;
right: 0%;
margin: 0% 5% 0% 5%;
padding: 0% 0% 0% 0%;
width: 90%;
line-height: 100%;
font-weight: 600;
letter-spacing: 1px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

span.electronic_commerce_production {
color: #f6ad16;
} 
a:link.menu_electronic_commerce_production {
position: absolute;
font-size: 1.0rem;
text-align: center;
top: 37.5%;
left: 0%;
right: 0%;
margin: 0% 5% 0% 5%;
padding: 0% 0% 0% 0%;
width: 90%;
line-height: 100%;
font-weight: 600;
letter-spacing: 1px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:visited.menu_electronic_commerce_production {
position: absolute;
font-size: 1.0rem;
text-align: center;
top: 37.5%;
left: 0%;
right: 0%;
margin: 0% 5% 0% 5%;
padding: 0% 0% 0% 0%;
width: 90%;
line-height: 100%;
font-weight: 600;
letter-spacing: 1px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:hover.menu_electronic_commerce_production {
position: absolute;
font-size: 1.0rem;
text-align: center;
top: 37.5%;
left: -2%;
right: 0%;
margin: 0% 5% 0% 5%;
padding: 0% 0% 0% 0%;
width: 90%;
line-height: 100%;
font-weight: 600;
letter-spacing: 1px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:active.menu_electronic_commerce_production {
position: absolute;
font-size: 1.0rem;
text-align: center;
top: 37.5%;
left: -2%;
right: 0%;
margin: 0% 5% 0% 5%;
padding: 0% 0% 0% 0%;
width: 90%;
line-height: 100%;
font-weight: 600;
letter-spacing: 1px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

span.cloud_server_construction {
color: #f6ad16;
} 
a:link.menu_cloud_server_construction {
position: absolute;
font-size: 1.0rem;
text-align: center;
top: 42.5%;
left: 0%;
right: 0%;
margin: 0% 5% 0% 5%;
padding: 0% 0% 0% 0%;
width: 90%;
line-height: 100%;
font-weight: 600;
letter-spacing: 1px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:visited.menu_cloud_server_construction {
position: absolute;
font-size: 1.0rem;
text-align: center;
top: 42.5%;
left: 0%;
right: 0%;
margin: 0% 5% 0% 5%;
padding: 0% 0% 0% 0%;
width: 90%;
line-height: 100%;
font-weight: 600;
letter-spacing: 1px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:hover.menu_cloud_server_construction {
position: absolute;
font-size: 1.0rem;
text-align: center;
top: 42.5%;
left: -2%;
right: 0%;
margin: 0% 5% 0% 5%;
padding: 0% 0% 0% 0%;
width: 90%;
line-height: 100%;
font-weight: 600;
letter-spacing: 1px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:active.menu_cloud_server_construction {
position: absolute;
font-size: 1.0rem;
text-align: center;
top: 42.5%;
left: -2%;
right: 0%;
margin: 0% 5% 0% 5%;
padding: 0% 0% 0% 0%;
width: 90%;
line-height: 100%;
font-weight: 600;
letter-spacing: 1px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

span.design_creation {
color: #f6ad16;
} 
a:link.menu_design_creation {
position: absolute;
font-size: 1.0rem;
text-align: center;
top: 47.5%;
left: 0%;
right: 0%;
margin: 0% 5% 0% 5%;
padding: 0% 0% 0% 0%;
width: 90%;
line-height: 100%;
font-weight: 600;
letter-spacing: 1px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:visited.menu_design_creation {
position: absolute;
font-size: 1.0rem;
text-align: center;
top: 47.5%;
left: 0%;
right: 0%;
margin: 0% 5% 0% 5%;
padding: 0% 0% 0% 0%;
width: 90%;
line-height: 100%;
font-weight: 600;
letter-spacing: 1px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:hover.menu_design_creation {
position: absolute;
font-size: 1.0rem;
text-align: center;
top: 47.5%;
left: -2%;
right: 0%;
margin: 0% 5% 0% 5%;
padding: 0% 0% 0% 0%;
width: 90%;
line-height: 100%;
font-weight: 600;
letter-spacing: 1px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:active.menu_design_creation {
position: absolute;
font-size: 1.0rem;
text-align: center;
top: 47.5%;
left: -2%;
right: 0%;
margin: 0% 5% 0% 5%;
padding: 0% 0% 0% 0%;
width: 90%;
line-height: 100%;
font-weight: 600;
letter-spacing: 1px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

span.the_rest {
color: #f6ad16;
} 
a:link.menu_the_rest {
position: absolute;
font-size: 1.0rem;
text-align: center;
top: 52.5%;
left: 0%;
right: 0%;
margin: 0% 5% 0% 5%;
padding: 0% 0% 0% 0%;
width: 90%;
line-height: 100%;
font-weight: 600;
letter-spacing: 1px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:visited.menu_the_rest {
position: absolute;
font-size: 1.0rem;
text-align: center;
top: 52.5%;
left: 0%;
right: 0%;
margin: 0% 5% 0% 5%;
padding: 0% 0% 0% 0%;
width: 90%;
line-height: 100%;
font-weight: 600;
letter-spacing: 1px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:hover.menu_the_rest {
position: absolute;
font-size: 1.0rem;
text-align: center;
top: 52.5%;
left: -2%;
right: 0%;
margin: 0% 5% 0% 5%;
padding: 0% 0% 0% 0%;
width: 90%;
line-height: 100%;
font-weight: 600;
letter-spacing: 1px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:active.menu_the_rest {
position: absolute;
font-size: 1.0rem;
text-align: center;
top: 52.5%;
left: -2%;
right: 0%;
margin: 0% 5% 0% 5%;
padding: 0% 0% 0% 0%;
width: 90%;
line-height: 100%;
font-weight: 600;
letter-spacing: 1px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

span.about_office {
color: #f6ad16;
} 
a:link.menu_about_office {
position: absolute;
font-size: 1.0rem;
text-align: center;
top: 57.5%;
left: 0%;
right: 0%;
margin: 0% 5% 0% 5%;
padding: 0% 0% 0% 0%;
width: 90%;
line-height: 100%;
font-weight: 600;
letter-spacing: 1px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:visited.menu_about_office {
position: absolute;
font-size: 1.0rem;
text-align: center;
top: 57.5%;
left: 0%;
right: 0%;
margin: 0% 5% 0% 5%;
padding: 0% 0% 0% 0%;
width: 90%;
line-height: 100%;
font-weight: 600;
letter-spacing: 1px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:hover.menu_about_office {
position: absolute;
font-size: 1.0rem;
text-align: center;
top: 57.5%;
left: -2%;
right: 0%;
margin: 0% 5% 0% 5%;
padding: 0% 0% 0% 0%;
width: 90%;
line-height: 100%;
font-weight: 600;
letter-spacing: 1px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:active.menu_about_office {
position: absolute;
font-size: 1.0rem;
text-align: center;
top: 57.5%;
left: -2%;
right: 0%;
margin: 0% 5% 0% 5%;
padding: 0% 0% 0% 0%;
width: 90%;
line-height: 100%;
font-weight: 600;
letter-spacing: 1px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

span.contact_us {
color: #f6ad16;
} 
a:link.menu_contact_us {
position: absolute;
font-size: 1.0rem;
text-align: center;
top: 62.5%;
left: 0%;
right: 0%;
margin: 0% 5% 0% 5%;
padding: 0% 0% 0% 0%;
width: 90%;
line-height: 100%;
font-weight: 600;
letter-spacing: 1px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:visited.menu_contact_us {
position: absolute;
font-size: 1.0rem;
text-align: center;
top: 62.5%;
left: 0%;
right: 0%;
margin: 0% 5% 0% 5%;
padding: 0% 0% 0% 0%;
width: 90%;
line-height: 100%;
font-weight: 600;
letter-spacing: 1px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:hover.menu_contact_us {
position: absolute;
font-size: 1.0rem;
text-align: center;
top: 62.5%;
left: -2%;
right: 0%;
margin: 0% 5% 0% 5%;
padding: 0% 0% 0% 0%;
width: 90%;
line-height: 100%;
font-weight: 600;
letter-spacing: 1px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:active.menu_contact_us {
position: absolute;
font-size: 1.0rem;
text-align: center;
top: 62.5%;
left: -2%;
right: 0%;
margin: 0% 5% 0% 5%;
padding: 0% 0% 0% 0%;
width: 90%;
line-height: 100%;
font-weight: 600;
letter-spacing: 1px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

span.site_information {
color: #f6ad16;
} 
a:link.menu_site_information {
position: absolute;
font-size: 1.0rem;
text-align: center;
top: 67.5%;
left: 0%;
right: 0%;
margin: 0% 5% 0% 5%;
padding: 0% 0% 0% 0%;
width: 90%;
line-height: 100%;
font-weight: 600;
letter-spacing: 1px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:visited.menu_site_information {
position: absolute;
font-size: 1.0rem;
text-align: center;
top: 67.5%;
left: 0%;
right: 0%;
margin: 0% 5% 0% 5%;
padding: 0% 0% 0% 0%;
width: 90%;
line-height: 100%;
font-weight: 600;
letter-spacing: 1px;
color: #253057;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:hover.menu_site_information {
position: absolute;
font-size: 1.0rem;
text-align: center;
top: 67.5%;
left: -2%;
right: 0%;
margin: 0% 5% 0% 5%;
padding: 0% 0% 0% 0%;
width: 90%;
line-height: 100%;
font-weight: 600;
letter-spacing: 1px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}
a:active.menu_site_information {
position: absolute;
font-size: 1.0rem;
text-align: center;
top: 67.5%;
left: -2%;
right: 0%;
margin: 0% 5% 0% 5%;
padding: 0% 0% 0% 0%;
width: 90%;
line-height: 100%;
font-weight: 600;
letter-spacing: 1px;
color: #f6ad16;
font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
transition: all 500ms;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
}

} 

/* ===================================
sp-nav／ナビ
=================================== */

.sp-navl {
position: fixed;
width: 100%;
height: 100vh;
left: -100%; /*ハンバーガーがクリックされる前はWindow右側に隠す*/
transition: all 1.5s;
z-index: 200;
overflow-y: auto; /* メニューが多くなったらスクロールできるように */
background-image: url(../index/mask_l_pc.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: top center;
}

.sp-navr {
position: fixed;
width: 100%;
height: 100vh;
right: -100%; /*ハンバーガーがクリックされる前はWindow右側に隠す*/
transition: all 1.5s;
z-index: 200;
overflow-y: auto; /* メニューが多くなったらスクロールできるように */
background-image: url(../index/mask_r_pc.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: top center;
}

@media(max-width: 1500px){
.sp-navl {
position: fixed;
width: 100%;
height: 100vh;
left: -100%; /*ハンバーガーがクリックされる前はWindow右側に隠す*/
transition: all 1.5s;
z-index: 200;
overflow-y: auto; /* メニューが多くなったらスクロールできるように */
background-image: url(../index/mask_l_pc.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: top center;
}

.sp-navr {
position: fixed;
width: 100%;
height: 100vh;
right: -100%; /*ハンバーガーがクリックされる前はWindow右側に隠す*/
transition: all 1.5s;
z-index: 200;
overflow-y: auto; /* メニューが多くなったらスクロールできるように */
background-image: url(../index/mask_r_pc.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: top center;
}
}

@media(max-width: 1024px){
.sp-navl {
position: fixed;
width: 100%;
height: 100vh;
left: -100%; /*ハンバーガーがクリックされる前はWindow右側に隠す*/
transition: all 1.5s;
z-index: 200;
overflow-y: auto; /* メニューが多くなったらスクロールできるように */
background-image: url(../index/mask_l_pc.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center;
}

.sp-navr {
position: fixed;
width: 100%;
height: 100vh;
right: -100%; /*ハンバーガーがクリックされる前はWindow右側に隠す*/
transition: all 1.5s;
z-index: 200;
overflow-y: auto; /* メニューが多くなったらスクロールできるように */
background-image: url(../index/mask_r_pc.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center;
}
}

@media(max-width: 768px){
.sp-navl {
position: fixed;
width: 100%;
height: 100vh;
left: -100%; /*ハンバーガーがクリックされる前はWindow右側に隠す*/
transition: all 1.5s;
z-index: 200;
overflow-y: auto; /* メニューが多くなったらスクロールできるように */
background-image: url(../index/mask_l_pc.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center;
}

.sp-navr {
position: fixed;
width: 100%;
height: 100vh;
right: -100%; /*ハンバーガーがクリックされる前はWindow右側に隠す*/
transition: all 1.5s;
z-index: 200;
overflow-y: auto; /* メニューが多くなったらスクロールできるように */
background-image: url(../index/mask_r_pc.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center;
}
}

@media(max-width: 624px){
.sp-navl {
position: fixed;
width: 100%;
height: 100vh;
left: -100%; /*ハンバーガーがクリックされる前はWindow右側に隠す*/
transition: all 1.5s;
z-index: 200;
overflow-y: auto; /* メニューが多くなったらスクロールできるように */
background-image: url(../index/mask_l_sp.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center;
}

.sp-navr {
position: fixed;
width: 100%;
height: 100vh;
right: -100%; /*ハンバーガーがクリックされる前はWindow右側に隠す*/
transition: all 1.5s;
z-index: 200;
overflow-y: auto; /* メニューが多くなったらスクロールできるように */
background-image: url(../index/mask_r_sp.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center;
}
}

/*ハンバーガーがクリックされたら右からスライド*/
.open .sp-navl {
left: 0;
}

/*ハンバーガーがクリックされたら右からスライド*/
.open .sp-navr {
right: 0;
}

/* 
black-bg(ハンバーガーメニュー解除用bg)
=================================== */
.black-bg {
position: fixed;
left: 0;
top: 0;
width: 68vw;
height: 100vh;
background-color: #;
opacity: 0;
visibility: hidden;
transition: all 0.5s;
cursor: pointer;
z-index: 100;
}

/*ハンバーガーメニューが開いたら表示*/
.open .black-bg {
opacity: 0.3;
visibility: visible;
}

/* ====================================
 ICON POSITION&SLIDE IN
==================================== */

.shop {
opacity: 0;
position: fixed;
right: 170px;
z-index: 4;
text-align: right;
top: 5%;
margin: 0% 0% 0% 0%;
padding: 32px 25px 32px 25px;
background-image: url(../index/shopping.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center center;
transition: all 500ms;
filter:
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

/* スライドイン */
.shop.slideinshop.is-animated {
  animation: slideInshop 1s forwards;
  animation-delay: 5.25s;
}

@keyframes slideInshop {
  0% {
    transform: translateX(-180px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
  40%,100% {
    opacity: 1;
  }
}

.tel {
opacity: 0;
position: fixed;
right: 95px;
z-index: 3;
text-align: right;
top: 5%;
margin: 0% 0% 0% 0%;
padding: 32px 25px 32px 25px;
background-image: url(../index/tel.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center center;
transition: all 500ms;
filter:
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

/* スライドイン */
.tel.slideintel.is-animated {
  animation: slideIntel 1s forwards;
  animation-delay: 5.5s;
}

@keyframes slideIntel {
  0% {
    transform: translateX(-180px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
  40%,100% {
    opacity: 1;
  }
}

.mail {
opacity: 0;
position: fixed;
right: 20px;
z-index: 2;
text-align: right;
top: 5%;
margin: 0% 0% 0% 0%;
padding: 32px 25px 32px 25px;
background-image: url(../index/e_mail.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center center;
transition: all 500ms;
filter:
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

/* スライドイン */
.mail.slideinmail.is-animated {
  animation: slideInmail 1s forwards;
  animation-delay: 5.75s;
}

@keyframes slideInmail {
  0% {
    transform: translateX(-180px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
  40%,100% {
    opacity: 1;
  }
}

span.twitter {
opacity: 0;
position: fixed;
right: 85px;
z-index: 2;
text-align: right;
bottom: 50px;
margin: 0% 0% 0% 0%;
padding: 20px 20px 20px 20px;
background-image: url(../index/twitter.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center center;
transition: all 500ms;
filter:
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

span.instagram {
opacity: 0;
position: fixed;
right: 20px;
z-index: 2;
text-align: right;
bottom: 50px;
margin: 0% 0% 0% 0%;
padding: 20px 20px 20px 20px;
background-image: url(../index/instagram.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center center;
transition: all 500ms;
filter:
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

@media(max-width: 768px){
.shop {
opacity: 0;
position: fixed;
right: 150px;
z-index: 4;
text-align: right;
top: 5%;
margin: 0% 0% 0% 0%;
padding: 25px 20px 25px 20px;
background-image: url(../index/shopping.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center center;
transition: all 500ms;
filter:
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

/* スライドイン */
.shop.slideinshop.is-animated {
  animation: slideInshop 1s forwards;
  animation-delay: 5.25s;
}

@keyframes slideInshop {
  0% {
    transform: translateX(-180px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
  40%,100% {
    opacity: 1;
  }
}

.tel {
opacity: 0;
position: fixed;
right: 85px;
z-index: 3;
text-align: right;
top: 5%;
margin: 0% 0% 0% 0%;
padding: 25px 20px 25px 20px;
background-image: url(../index/tel.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center center;
transition: all 500ms;
filter:
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

/* スライドイン */
.tel.slideintel.is-animated {
  animation: slideIntel 1s forwards;
  animation-delay: 5.5s;
}

@keyframes slideIntel {
  0% {
    transform: translateX(-180px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
  40%,100% {
    opacity: 1;
  }
}

.mail {
opacity: 0;
position: fixed;
right: 20px;
z-index: 2;
text-align: right;
top: 5%;
margin: 0% 0% 0% 0%;
padding: 25px 20px 25px 20px;
background-image: url(../index/e_mail.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center center;
transition: all 500ms;
filter:
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

/* スライドイン */
.mail.slideinmail.is-animated {
  animation: slideInmail 1s forwards;
  animation-delay: 5.75s;
}

@keyframes slideInmail {
  0% {
    transform: translateX(-180px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
  40%,100% {
    opacity: 1;
  }
}

span.twitter {
opacity: 0;
position: fixed;
right: 85px;
z-index: 2;
text-align: right;
bottom: 40px;
margin: 0% 0% 0% 0%;
padding: 18px 18px 18px 18px;
background-image: url(../index/twitter.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center center;
transition: all 500ms;
filter:
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

span.instagram {
opacity: 0;
position: fixed;
right: 20px;
z-index: 2;
text-align: right;
bottom: 40px;
margin: 0% 0% 0% 0%;
padding: 18px 18px 18px 18px;
background-image: url(../index/instagram.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center center;
transition: all 500ms;
filter:
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}
}

@media(max-width: 624px){
.shop {
opacity: 0;
position: fixed;
right: 104px;
z-index: 4;
text-align: right;
top: 4%;
margin: 0% 0% 0% 0%;
padding: 25px 17px 25px 17px;
background-image: url(../index/shopping.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center center;
transition: all 500ms;
filter:
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

/* スライドイン */
.shop.slideinshop.is-animated {
  animation: slideInshop 1s forwards;
  animation-delay: 5.25s;
}

@keyframes slideInshop {
  0% {
    transform: translateX(-180px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
  40%,100% {
    opacity: 1;
  }
}

.tel {
opacity: 0;
position: fixed;
right: 58px;
z-index: 3;
text-align: right;
top: 4%;
margin: 0% 0% 0% 0%;
padding: 25px 17px 25px 17px;
background-image: url(../index/tel.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center center;
transition: all 500ms;
filter:
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

/* スライドイン */
.tel.slideintel.is-animated {
  animation: slideIntel 1s forwards;
  animation-delay: 5.5s;
}

@keyframes slideIntel {
  0% {
    transform: translateX(-180px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
  40%,100% {
    opacity: 1;
  }
}

.mail {
opacity: 0;
position: fixed;
right: 12px;
z-index: 2;
text-align: right;
top: 4%;
margin: 0% 0% 0% 0%;
padding: 25px 17px 25px 17px;
background-image: url(../index/e_mail.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center center;
transition: all 500ms;
filter:
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

/* スライドイン */
.mail.slideinmail.is-animated {
  animation: slideInmail 1s forwards;
  animation-delay: 5.75s;
}

@keyframes slideInmail {
  0% {
    transform: translateX(-180px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
  40%,100% {
    opacity: 1;
  }
}

span.twitter {
opacity: 0;
position: fixed;
right: 64px;
z-index: 2;
text-align: right;
bottom: 27px;
margin: 0% 0% 0% 0%;
padding: 16px 16px 16px 16px;
background-image: url(../index/twitter.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center center;
transition: all 500ms;
filter:
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}

span.instagram {
opacity: 0;
position: fixed;
right: 12px;
z-index: 2;
text-align: right;
bottom: 27px;
margin: 0% 0% 0% 0%;
padding: 16px 16px 16px 16px;
background-image: url(../index/instagram.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center center;
transition: all 500ms;
filter:
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(1px 1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0))
drop-shadow(-1px -1px 1px rgba(255,255,255,1.0));
}
}

/* ====================================
 FADE IN
==================================== */

.fadein_luxy {
opacity : 0;
transform : translate(-60%, 0%);
transition : all 2000ms;
}

.fadein_luxy.scrollin {
opacity : 1;
transform : translate(0px, 0px);
}

/* ==== ***
#effect2 .fadein_l:nth-of-type(2) {
-moz-transition-delay:200ms;
-webkit-transition-delay:200ms;
-o-transition-delay:200ms;
-ms-transition-delay:200ms;
}
#effect2 .fadein_l:nth-of-type(3) {
-moz-transition-delay:400ms;
-webkit-transition-delay:400ms;
-o-transition-delay:400ms;
-ms-transition-delay:400ms;
}
==== */

.fadein_luxy_right {
opacity : 0;
transform : translate(60%, 0%);
transition : all 2000ms;
}

.fadein_luxy_right.scrollin {
opacity : 1;
transform : translate(0px, 0px);
}

/* ==== ***
#effect2 .fadein_l:nth-of-type(2) {
-moz-transition-delay:200ms;
-webkit-transition-delay:200ms;
-o-transition-delay:200ms;
-ms-transition-delay:200ms;
}
#effect2 .fadein_l:nth-of-type(3) {
-moz-transition-delay:400ms;
-webkit-transition-delay:400ms;
-o-transition-delay:400ms;
-ms-transition-delay:400ms;
}
==== */

.fadein_luxysp {
opacity : 0;
transform : translate(0%, 40%);
transition : all 2000ms;
}
	
.fadein_luxysp.scrollin {
opacity : 1;
transform : translate(0px, 0px);
}

/* ==== ***
#effect2 .fadein_r_02:nth-of-type(2) {
-moz-transition-delay:200ms;
-webkit-transition-delay:200ms;
-o-transition-delay:200ms;
-ms-transition-delay:200ms;
}
	
#effect2 .fadein_r_02:nth-of-type(3) {
-moz-transition-delay:400ms;
-webkit-transition-delay:400ms;
-o-transition-delay:400ms;
-ms-transition-delay:400ms;
}
==== */

.fadein_luxy_rightsp {
opacity : 0;
transform : translate(60%, 0%);
transition : all 2000ms;
}

.fadein_luxy_rightsp.scrollin {
opacity : 1;
transform : translate(0px, 0px);
}

/* ==== ***
#effect2 .fadein_l:nth-of-type(2) {
-moz-transition-delay:200ms;
-webkit-transition-delay:200ms;
-o-transition-delay:200ms;
-ms-transition-delay:200ms;
}
#effect2 .fadein_l:nth-of-type(3) {
-moz-transition-delay:400ms;
-webkit-transition-delay:400ms;
-o-transition-delay:400ms;
-ms-transition-delay:400ms;
}
==== */

.fadein_txt {
opacity : 0;
transform : translate(10%, 0%);
transition : all 2000ms;
}

.fadein_txt.scrollin {
opacity : 1;
transform : translate(0px, 0px);
}

/* ==== ***
#effect2 .fadein_l:nth-of-type(2) {
-moz-transition-delay:200ms;
-webkit-transition-delay:200ms;
-o-transition-delay:200ms;
-ms-transition-delay:200ms;
}
#effect2 .fadein_l:nth-of-type(3) {
-moz-transition-delay:400ms;
-webkit-transition-delay:400ms;
-o-transition-delay:400ms;
-ms-transition-delay:400ms;
}
==== */


/* ====================================
 SLIDE-IN TEXT LEFT-ANIMATION
==================================== */

/*========= 流れるテキスト ===============*/

/*全共通*/

.slide-in {
	overflow: hidden;
    display: inline-block;
}

.slide-in_inner {
	display: inline-block;

}

/*左右のアニメーション*/
.leftAnime{
    opacity: 0;/*事前に透過0にして消しておく*/
}

.slideAnimeLeftRight {
	animation-name:slideTextX100;
	animation-duration:1.5s;
	animation-fill-mode:forwards;
    opacity: 0;
}

@keyframes slideTextX100 {
  from {
	transform: translateX(-100%); /*要素を左の枠外に移動*/
        opacity: 0;
  }

  to {
	transform: translateX(0);/*要素を元の位置に移動*/
    opacity: 1;
  }
}

.slideAnimeRightLeft {
	animation-name:slideTextX-100;
	animation-duration:1.5s;
	animation-fill-mode:forwards;
    opacity: 0;
}


@keyframes slideTextX-100 {
  from {
	transform: translateX(100%);/*要素を右の枠外に移動*/
    opacity: 0;
  }

  to {
	transform: translateX(0);/*要素を元の位置に移動*/
    opacity: 1;
  }
}