@import url(https://fonts.googleapis.com/css?family=Kanit:200|Oswald:300);
@font-face {
  font-family: greatvictorian;
  src: url(/build/fonts/GreatVictorian-Standard.d80c1034.otf);
}

@font-face {
  font-family: greatvictorianswashed;
  src: url(/build/fonts/GreatVictorian-Swashed.817f1461.otf);
}

p, li {
  font-family: "Kanit", sans-serif;
  line-height: 1.4;
}

.clearfix::after {
  display: block;
  content: "";
  clear: both;
}

a {
  color: #00a1e4;
  text-decoration: underline;
}

a.nocolor {
  color: inherit;
}

a.nostyle {
  color: inherit;
  text-decoration: none;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

main {
  min-height: 100vh;
  background-image: url(/build/images/ship_fullcolor__1680x1160.8e010e67.jpg);
  background-size: cover;
  background-position: bottom;
}

main .logo {
  text-align: center;
  padding: 25px 0 0 0;
  animation: logo 10s 1 forwards;
}

main .logo img {
  width: 55px;
  margin: 10px auto;
}

main h1 {
  font-family: "greatvictorian", sans-serif;
  text-align: center;
  color: #F15B26;
  font-size: 5em;
  letter-spacing: .1em;
  line-height: .7;
}

main h1 span.smallText {
  font-size: 0.3em;
  color: #e2d0b7;
  letter-spacing: .4em;
  font-family: "Kanit", sans-serif;
  padding-left: 35px;
}

main h1::first-letter {
  font-family: "greatvictorianswashed", sans-serif;
}

.overlay-color {
  min-height: 100vh;
}

.overlay-color.animate {
  animation: bg 5s 1 forwards;
}

.overlay-color.no-animate {
  background-color: rgba(46, 19, 1, 0.7);
}

nav {
  width: 100%;
  text-align: center;
  opacity: 0;
}

nav .nav-item {
  width: 175px;
  height: 166px;
  display: inline-block;
  vertical-align: top;
  padding: 10px;
  margin: 0 10px;
  border-radius: 10px;
  border: 2px solid #e2d0b7;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.2);
}

nav .nav-item p {
  font-family: "Kanit", sans-serif;
  color: #e2d0b7;
  line-height: 1.3;
}

nav .nav-item:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border: 2px solid #F15B26;
}

.overlay-color.animate nav {
  animation: logo 10s 1 forwards;
  animation-delay: 5s;
}

.overlay-color.no-animate nav {
  opacity: 1;
}

nav.top ul li.link {
  margin: 10px 0;
}

nav.top ul li.link p {
  color: #e2d0b7;
}

nav.top ul li.button {
  width: 200px;
  border: 1px solid #F15B26;
  padding: 10px;
  margin: 10px 0;
  background-color: #F15B26;
  display: inline-block;
  border-radius: 10px;
}

nav.top ul p {
  font-family: "Kanit", sans-serif;
  color: #e2d0b7;
  line-height: 1.3;
}

#serviceMaintenance img {
  width: 70px;
  margin: 30px auto 0 auto;
}

#serviceWebDev img {
  width: 100px;
  margin: 0 auto;
}

#serviceAssets img {
  width: 100px;
  margin: 0 auto;
}

@keyframes bg {
  0% {
    background-color: rgba(46, 49, 1, 0);
  }
  100% {
    background-color: rgba(46, 19, 1, 0.7);
  }
}

@keyframes logo {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes menu {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@media (max-width: 600px) {
  nav {
    width: 100%;
    text-align: center;
    animation: logo 10s 1 forwards;
    opacity: 0;
    animation-delay: 5s;
  }
  nav .nav-item {
    padding: 10px;
    margin: 10px 10px;
  }
}


/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vX2NvbW1vbi5zY3NzIiwid2VicGFjazovLy9pbmRleC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFFQTtFQUNFLDJCQUEyQjtFQUMzQiw0Q0FBOEM7QUNBaEQ7O0FER0E7RUFDRSxrQ0FBa0M7RUFDbEMsNENBQTZDO0FDQS9DOztBRGVBO0VBQ0ksZ0NBYjhCO0VBYzlCLGdCQUFnQjtBQ1pwQjs7QURHRTtFQUNFLGNBQWM7RUFDZCxXQUFXO0VBQ1gsV0FBVztBQ0FmOztBRGFBO0VBQ0ksY0FBYTtFQUNiLDBCQUEwQjtBQ1Y5Qjs7QURhQTtFQUNJLGNBQWE7QUNWakI7O0FEYUE7RUFDSSxjQUFhO0VBQ2IscUJBQXFCO0FDVnpCOztBQUVBO0VEWUUsd0JBQXdCO0FDVjFCOztBQW5DQTtFQUNJLGlCQUFpQjtFQUNqQix5REFBZ0U7RUFDaEUsc0JBQXNCO0VBQUUsMkJBQTJCO0FBdUN2RDs7QUExQ0E7RUFLUSxrQkFBa0I7RUFDbEIsbUJBQW1CO0VBQ25CLDhCQUE4QjtBQXlDdEM7O0FBaERBO0VBU1ksV0FBVztFQUNYLGlCQUFpQjtBQTJDN0I7O0FBckRBO0VBY1EseUNESitCO0VDSy9CLGtCQUFrQjtFQUNsQixjQUFjO0VBQ2QsY0FBYztFQUNkLG9CQUFvQjtFQUNwQixlQUFlO0FBMkN2Qjs7QUE5REE7RUFxQlksZ0JBQWdCO0VBQ2hCLGNBQWM7RUFDZCxvQkFBb0I7RUFDcEIsZ0NEZnNCO0VDZ0J0QixrQkFBa0I7QUE2QzlCOztBQXRFQTtFQTZCUSxnRERsQjZDO0FDK0RyRDs7QUF4Q0E7RUFDSSxpQkFBaUI7QUEyQ3JCOztBQXhDQTtFQUNFLDJCQUEyQjtBQTJDN0I7O0FBeENBO0VBQ0ksc0NBQW1DO0FBMkN2Qzs7QUF4Q0E7RUFDSSxXQUFXO0VBQ1gsa0JBQWtCO0VBQ2xCLFVBQVU7QUEyQ2Q7O0FBOUNBO0VBS1EsWUFBWTtFQUFFLGFBQWE7RUFDM0IscUJBQXFCO0VBQ3JCLG1CQUFtQjtFQUNuQixhQUFhO0VBQUUsY0FBYztFQUM3QixtQkFBbUI7RUFDbkIseUJBQXlCO0VBQ3pCLGVBQWU7RUFDZixvQ0FBaUM7QUErQ3pDOztBQTNEQTtFQWNVLGdDRG5Ed0I7RUNvRHhCLGNBQWM7RUFDZCxnQkFBZ0I7QUFpRDFCOztBQWpFQTtFQW9CUSwwQ0FBdUM7RUFDdkMseUJBQXlCO0FBaURqQzs7QUE3Q0E7RUFFUSw4QkFBOEI7RUFDOUIsbUJBQW1CO0FBK0MzQjs7QUEzQ0E7RUFFUSxVQUFVO0FBNkNsQjs7QUF6Q0E7RUFHWSxjQUFjO0FBMEMxQjs7QUE3Q0E7RUFLZ0IsY0FBYztBQTRDOUI7O0FBakRBO0VBU1ksWUFBWTtFQUNaLHlCQUF5QjtFQUN6QixhQUFhO0VBQUUsY0FBYztFQUM3Qix5QkFBeUI7RUFDekIscUJBQXFCO0VBQ3JCLG1CQUFtQjtBQTZDL0I7O0FBM0RBO0VBaUJVLGdDRDVGd0I7RUM2RnhCLGNBQWM7RUFDZCxnQkFBZ0I7QUE4QzFCOztBQXpDQTtFQUVRLFdBQVc7RUFDWCx3QkFBd0I7QUEyQ2hDOztBQXZDQTtFQUVRLFlBQVk7RUFDWixjQUFjO0FBeUN0Qjs7QUFyQ0E7RUFFUSxZQUFZO0VBQ1osY0FBYztBQXVDdEI7O0FBbkNBO0VBQ0U7SUFDRSxvQ0FBaUM7RUFzQ25DO0VBcENBO0lBQ0Usc0NBQW1DO0VBc0NyQztBQUNGOztBQW5DQTtFQUNFO0lBQ0UsVUFBVTtFQXNDWjtFQXBDQTtJQUNFLFVBQVU7RUFzQ1o7QUFDRjs7QUFuQ0E7RUFDRTtJQUNFLFVBQVU7RUFzQ1o7RUFwQ0E7SUFDRSxVQUFVO0VBc0NaO0FBQ0Y7O0FBbENBO0VBQ0k7SUFDSSxXQUFXO0lBQ1gsa0JBQWtCO0lBQ2xCLDhCQUE4QjtJQUM5QixVQUFVO0lBQ1YsbUJBQW1CO0VBcUN6QjtFQTFDRTtJQU9RLGFBQWE7SUFBRSxpQkFBaUI7RUF1QzFDO0FBQ0YiLCJmaWxlIjoiaW5kZXguY3NzIiwic291cmNlc0NvbnRlbnQiOlsiQGltcG9ydCB1cmwoXCJodHRwczovL2ZvbnRzLmdvb2dsZWFwaXMuY29tL2Nzcz9mYW1pbHk9S2FuaXQ6MjAwfE9zd2FsZDozMDBcIik7XG5cbkBmb250LWZhY2Uge1xuICBmb250LWZhbWlseTogZ3JlYXR2aWN0b3JpYW47XG4gIHNyYzogdXJsKC4uL2ZvbnRzL0dyZWF0VmljdG9yaWFuLVN0YW5kYXJkLm90Zik7XG59XG5cbkBmb250LWZhY2Uge1xuICBmb250LWZhbWlseTogZ3JlYXR2aWN0b3JpYW5zd2FzaGVkO1xuICBzcmM6IHVybCguLi9mb250cy9HcmVhdFZpY3Rvcmlhbi1Td2FzaGVkLm90Zik7XG59XG5cbiRsb2dvU3BhbkZvbnQ6ICdLYW5pdCcsIHNhbnMtc2VyaWY7XG4kbG9nb0ZvbnQ6ICdncmVhdHZpY3RvcmlhbicsIHNhbnMtc2VyaWY7XG4kbG9nb1N3YXNoZWRGb250OiAnZ3JlYXR2aWN0b3JpYW5zd2FzaGVkJywgc2Fucy1zZXJpZjtcblxuQG1peGluIGNsZWFyZml4KCkge1xuICAmOjphZnRlciB7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgY29udGVudDogXCJcIjtcbiAgICBjbGVhcjogYm90aDtcbiAgfVxufVxuXG5wLCBsaXtcbiAgICBmb250LWZhbWlseTogJGxvZ29TcGFuRm9udDtcbiAgICBsaW5lLWhlaWdodDogMS40O1xufVxuXG4uY2xlYXJmaXgge1xuICBAaW5jbHVkZSBjbGVhcmZpeDtcbn1cblxuYXtcbiAgICBjb2xvcjojMDBhMWU0O1xuICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xufVxuXG5hLm5vY29sb3J7XG4gICAgY29sb3I6aW5oZXJpdDtcbn1cblxuYS5ub3N0eWxle1xuICAgIGNvbG9yOmluaGVyaXQ7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xufVxuXG5bbmdcXDpjbG9ha10sIFtuZy1jbG9ha10sIFtkYXRhLW5nLWNsb2FrXSwgW3gtbmctY2xvYWtdLCAubmctY2xvYWssIC54LW5nLWNsb2FrIHtcbiAgZGlzcGxheTogbm9uZSAhaW1wb3J0YW50O1xufVxuXG5cbiIsIkBpbXBvcnQgdXJsKFwiaHR0cHM6Ly9mb250cy5nb29nbGVhcGlzLmNvbS9jc3M/ZmFtaWx5PUthbml0OjIwMHxPc3dhbGQ6MzAwXCIpO1xuQGZvbnQtZmFjZSB7XG4gIGZvbnQtZmFtaWx5OiBncmVhdHZpY3RvcmlhbjtcbiAgc3JjOiB1cmwoLi4vZm9udHMvR3JlYXRWaWN0b3JpYW4tU3RhbmRhcmQub3RmKTtcbn1cblxuQGZvbnQtZmFjZSB7XG4gIGZvbnQtZmFtaWx5OiBncmVhdHZpY3RvcmlhbnN3YXNoZWQ7XG4gIHNyYzogdXJsKC4uL2ZvbnRzL0dyZWF0VmljdG9yaWFuLVN3YXNoZWQub3RmKTtcbn1cblxucCwgbGkge1xuICBmb250LWZhbWlseTogXCJLYW5pdFwiLCBzYW5zLXNlcmlmO1xuICBsaW5lLWhlaWdodDogMS40O1xufVxuXG4uY2xlYXJmaXg6OmFmdGVyIHtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGNvbnRlbnQ6IFwiXCI7XG4gIGNsZWFyOiBib3RoO1xufVxuXG5hIHtcbiAgY29sb3I6ICMwMGExZTQ7XG4gIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xufVxuXG5hLm5vY29sb3Ige1xuICBjb2xvcjogaW5oZXJpdDtcbn1cblxuYS5ub3N0eWxlIHtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbn1cblxuW25nXFw6Y2xvYWtdLCBbbmctY2xvYWtdLCBbZGF0YS1uZy1jbG9ha10sIFt4LW5nLWNsb2FrXSwgLm5nLWNsb2FrLCAueC1uZy1jbG9hayB7XG4gIGRpc3BsYXk6IG5vbmUgIWltcG9ydGFudDtcbn1cblxubWFpbiB7XG4gIG1pbi1oZWlnaHQ6IDEwMHZoO1xuICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoXCIuLi9pbWFnZXMvc2hpcF9mdWxsY29sb3JfXzE2ODB4MTE2MC5qcGdcIik7XG4gIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gIGJhY2tncm91bmQtcG9zaXRpb246IGJvdHRvbTtcbn1cblxubWFpbiAubG9nbyB7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgcGFkZGluZzogMjVweCAwIDAgMDtcbiAgYW5pbWF0aW9uOiBsb2dvIDEwcyAxIGZvcndhcmRzO1xufVxuXG5tYWluIC5sb2dvIGltZyB7XG4gIHdpZHRoOiA1NXB4O1xuICBtYXJnaW46IDEwcHggYXV0bztcbn1cblxubWFpbiBoMSB7XG4gIGZvbnQtZmFtaWx5OiBcImdyZWF0dmljdG9yaWFuXCIsIHNhbnMtc2VyaWY7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgY29sb3I6ICNGMTVCMjY7XG4gIGZvbnQtc2l6ZTogNWVtO1xuICBsZXR0ZXItc3BhY2luZzogLjFlbTtcbiAgbGluZS1oZWlnaHQ6IC43O1xufVxuXG5tYWluIGgxIHNwYW4uc21hbGxUZXh0IHtcbiAgZm9udC1zaXplOiAwLjNlbTtcbiAgY29sb3I6ICNlMmQwYjc7XG4gIGxldHRlci1zcGFjaW5nOiAuNGVtO1xuICBmb250LWZhbWlseTogXCJLYW5pdFwiLCBzYW5zLXNlcmlmO1xuICBwYWRkaW5nLWxlZnQ6IDM1cHg7XG59XG5cbm1haW4gaDE6OmZpcnN0LWxldHRlciB7XG4gIGZvbnQtZmFtaWx5OiBcImdyZWF0dmljdG9yaWFuc3dhc2hlZFwiLCBzYW5zLXNlcmlmO1xufVxuXG4ub3ZlcmxheS1jb2xvciB7XG4gIG1pbi1oZWlnaHQ6IDEwMHZoO1xufVxuXG4ub3ZlcmxheS1jb2xvci5hbmltYXRlIHtcbiAgYW5pbWF0aW9uOiBiZyA1cyAxIGZvcndhcmRzO1xufVxuXG4ub3ZlcmxheS1jb2xvci5uby1hbmltYXRlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSg0NiwgMTksIDEsIDAuNyk7XG59XG5cbm5hdiB7XG4gIHdpZHRoOiAxMDAlO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIG9wYWNpdHk6IDA7XG59XG5cbm5hdiAubmF2LWl0ZW0ge1xuICB3aWR0aDogMTc1cHg7XG4gIGhlaWdodDogMTY2cHg7XG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgdmVydGljYWwtYWxpZ246IHRvcDtcbiAgcGFkZGluZzogMTBweDtcbiAgbWFyZ2luOiAwIDEwcHg7XG4gIGJvcmRlci1yYWRpdXM6IDEwcHg7XG4gIGJvcmRlcjogMnB4IHNvbGlkICNlMmQwYjc7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjIpO1xufVxuXG5uYXYgLm5hdi1pdGVtIHAge1xuICBmb250LWZhbWlseTogXCJLYW5pdFwiLCBzYW5zLXNlcmlmO1xuICBjb2xvcjogI2UyZDBiNztcbiAgbGluZS1oZWlnaHQ6IDEuMztcbn1cblxubmF2IC5uYXYtaXRlbTpob3ZlciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4xKTtcbiAgYm9yZGVyOiAycHggc29saWQgI0YxNUIyNjtcbn1cblxuLm92ZXJsYXktY29sb3IuYW5pbWF0ZSBuYXYge1xuICBhbmltYXRpb246IGxvZ28gMTBzIDEgZm9yd2FyZHM7XG4gIGFuaW1hdGlvbi1kZWxheTogNXM7XG59XG5cbi5vdmVybGF5LWNvbG9yLm5vLWFuaW1hdGUgbmF2IHtcbiAgb3BhY2l0eTogMTtcbn1cblxubmF2LnRvcCB1bCBsaS5saW5rIHtcbiAgbWFyZ2luOiAxMHB4IDA7XG59XG5cbm5hdi50b3AgdWwgbGkubGluayBwIHtcbiAgY29sb3I6ICNlMmQwYjc7XG59XG5cbm5hdi50b3AgdWwgbGkuYnV0dG9uIHtcbiAgd2lkdGg6IDIwMHB4O1xuICBib3JkZXI6IDFweCBzb2xpZCAjRjE1QjI2O1xuICBwYWRkaW5nOiAxMHB4O1xuICBtYXJnaW46IDEwcHggMDtcbiAgYmFja2dyb3VuZC1jb2xvcjogI0YxNUIyNjtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBib3JkZXItcmFkaXVzOiAxMHB4O1xufVxuXG5uYXYudG9wIHVsIHAge1xuICBmb250LWZhbWlseTogXCJLYW5pdFwiLCBzYW5zLXNlcmlmO1xuICBjb2xvcjogI2UyZDBiNztcbiAgbGluZS1oZWlnaHQ6IDEuMztcbn1cblxuI3NlcnZpY2VNYWludGVuYW5jZSBpbWcge1xuICB3aWR0aDogNzBweDtcbiAgbWFyZ2luOiAzMHB4IGF1dG8gMCBhdXRvO1xufVxuXG4jc2VydmljZVdlYkRldiBpbWcge1xuICB3aWR0aDogMTAwcHg7XG4gIG1hcmdpbjogMCBhdXRvO1xufVxuXG4jc2VydmljZUFzc2V0cyBpbWcge1xuICB3aWR0aDogMTAwcHg7XG4gIG1hcmdpbjogMCBhdXRvO1xufVxuXG5Aa2V5ZnJhbWVzIGJnIHtcbiAgMCUge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHJnYmEoNDYsIDQ5LCAxLCAwKTtcbiAgfVxuICAxMDAlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDQ2LCAxOSwgMSwgMC43KTtcbiAgfVxufVxuXG5Aa2V5ZnJhbWVzIGxvZ28ge1xuICAwJSB7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuICAxMDAlIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgbWVudSB7XG4gIDAlIHtcbiAgICBvcGFjaXR5OiAwO1xuICB9XG4gIDEwMCUge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbn1cblxuQG1lZGlhIChtYXgtd2lkdGg6IDYwMHB4KSB7XG4gIG5hdiB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIGFuaW1hdGlvbjogbG9nbyAxMHMgMSBmb3J3YXJkcztcbiAgICBvcGFjaXR5OiAwO1xuICAgIGFuaW1hdGlvbi1kZWxheTogNXM7XG4gIH1cbiAgbmF2IC5uYXYtaXRlbSB7XG4gICAgcGFkZGluZzogMTBweDtcbiAgICBtYXJnaW46IDEwcHggMTBweDtcbiAgfVxufVxuIl0sInNvdXJjZVJvb3QiOiIifQ==*/