@charset "UTF-8";
@import url(normalize.css);
@import url("https://fonts.googleapis.com/css?family=Bitter|Lato|Roboto");
@import url("https://fonts.googleapis.com/css?family=Lato:400,700,900");
@import url("https://fonts.googleapis.com/css?family=Hammersmith+One");
@import url("https://fonts.googleapis.com/css?family=Open+Sans");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:700");
@import url("https://fonts.googleapis.com/css?family=Roboto");
@import url(fontello/css/fontello.css);
/* ==========================================================================
    default
 @mixin =========================================================================*/
html, body {
  -webkit-overflow-scrolling: touch;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

main {
  overflow: hidden; }

body {
  -webkit-text-size-adjust: none;
  overflow-x: hidden; }

@media all and (max-width: 320px) {
  body, html, header {
    width: 320px !important; } }

.hidden {
  display: none; }

.scrollbarX {
  overflow-x: auto; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

/* ==========================================================================
    lightcase-case 覆蓋
 @mixin =========================================================================*/
@media screen and (max-width: 640px) {
  html[data-lc-type=inline] #lightcase-case {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
       -moz-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
       -moz-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important; }
    html[data-lc-type=inline] #lightcase-case #lightcase-info {
      padding: 0; } }

/* ==========================================================================
    mCustomScrollbar 覆蓋
 @mixin =========================================================================*/
.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  width: 6px;
  -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px;
  margin: 0 0 0 auto; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #004694;
  margin: 0 0 0 auto;
  width: 6px;
  -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
          border-radius: 0px; }

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #004694; }

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #004694; }

/* ==========================================================================
    slick 覆蓋
 @mixin =========================================================================*/
.submenu.slick .slick-slide {
  line-height: 0; }

.submenu.slick li a {
  max-width: 100%; }
  @media only screen and (min-width: 1300px) {
    .submenu.slick li a {
      max-width: 170px; } }
  @media only screen and (max-width: 1300px) and (min-width: 992px) {
    .submenu.slick li a {
      width: -webkit-calc((100vw - 170px)/5);
      width: -moz-calc((100vw - 170px)/5);
      width: calc((100vw - 170px)/5); } }
  @media only screen and (max-width: 992px) and (min-width: 768px) {
    .submenu.slick li a {
      width: -webkit-calc((100vw - 80px)/5);
      width: -moz-calc((100vw - 80px)/5);
      width: calc((100vw - 80px)/5); } }
  @media only screen and (max-width: 768px) and (min-width: 480px) {
    .submenu.slick li a {
      width: -webkit-calc((100vw - 80px)/4);
      width: -moz-calc((100vw - 80px)/4);
      width: calc((100vw - 80px)/4); } }

/* Arrows */
.submenu.slick a {
  white-space: normal;
  line-height: 1.5;
  text-align: center; }
  @media only screen and (max-width: 374px) {
    .submenu.slick a {
      font-size: 0.9rem; } }

.submenu.slick .slick-list {
  margin: 0 40px;
  border-right: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5; }

.submenu.slick .slick-prev, .submenu.slick .slick-next {
  width: 40px;
  height: 100%;
  border: 1px solid #e5e5e5; }
  .submenu.slick .slick-prev:hover, .submenu.slick .slick-prev:focus, .submenu.slick .slick-next:hover, .submenu.slick .slick-next:focus {
    border: 1px solid #e5e5e5;
    background-color: #e5e5e5; }
  .submenu.slick .slick-prev:before, .submenu.slick .slick-next:before {
    color: #004694;
    font-family: "fontello";
    opacity: 1;
    font-size: 1rem; }

.submenu.slick .slick-prev {
  left: 0px; }
  .submenu.slick .slick-prev:before {
    content: "\e80c"; }

.submenu.slick .slick-next {
  right: 0px; }
  .submenu.slick .slick-next:before {
    content: "\e809"; }

.submenu.slick .slick-prev.slick-disabled:hover, .submenu.slick .slick-prev.slick-disabled:focus, .submenu.slick .slick-next.slick-disabled:hover, .submenu.slick .slick-next.slick-disabled:focus {
  background-color: transparent;
  border: 1px solid #e5e5e5; }

.submenu.slick .slick-prev.slick-disabled:before, .submenu.slick .slick-next.slick-disabled:before {
  opacity: .5; }

/* ----------------------------------------
 index
 ----------------------------------------*/
@-webkit-keyframes wave {
  0%, 100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%); }
  40%, 50% {
    -webkit-transform: translateY(1.8%);
            transform: translateY(1.8%); }
  50% {
    -webkit-transform: translateY(2%);
            transform: translateY(2%); } }
@-moz-keyframes wave {
  0%, 100% {
    -moz-transform: translateY(0%);
         transform: translateY(0%); }
  40%, 50% {
    -moz-transform: translateY(1.8%);
         transform: translateY(1.8%); }
  50% {
    -moz-transform: translateY(2%);
         transform: translateY(2%); } }
@-o-keyframes wave {
  0%, 100% {
    -o-transform: translateY(0%);
       transform: translateY(0%); }
  40%, 50% {
    -o-transform: translateY(1.8%);
       transform: translateY(1.8%); }
  50% {
    -o-transform: translateY(2%);
       transform: translateY(2%); } }
@keyframes wave {
  0%, 100% {
    -webkit-transform: translateY(0%);
       -moz-transform: translateY(0%);
         -o-transform: translateY(0%);
            transform: translateY(0%); }
  40%, 50% {
    -webkit-transform: translateY(1.8%);
       -moz-transform: translateY(1.8%);
         -o-transform: translateY(1.8%);
            transform: translateY(1.8%); }
  50% {
    -webkit-transform: translateY(2%);
       -moz-transform: translateY(2%);
         -o-transform: translateY(2%);
            transform: translateY(2%); } }

#index .slider {
  margin-bottom: 0; }
  #index .slider .wrap {
    margin: 0 auto;
    width: 95%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    display: flex !important; }
    #index .slider .wrap .text h2 {
      margin: 0;
      color: #1d5e9e; }
    #index .slider .wrap .text .sub, #index .slider .wrap .text ul {
      color: black; }
    #index .slider .wrap img {
      -webkit-animation: wave 5s infinite;
         -moz-animation: wave 5s infinite;
           -o-animation: wave 5s infinite;
              animation: wave 5s infinite; }
      @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
        #index .slider .wrap img {
          -webkit-animation: none 5s infinite;
             -moz-animation: none 5s infinite;
               -o-animation: none 5s infinite;
                  animation: none 5s infinite; } }
  #index .slider div[class^=bgc] {
    -moz-background-size: cover;
      -o-background-size: cover;
         background-size: cover; }

#index .slick-prev, #index .slick-next {
  height: 45px;
  width: 45px;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  border: 1px solid rgba(110, 110, 110, 0.7);
  -webkit-transition: color 0.3s, background-color 0.3s;
  -o-transition: color 0.3s, background-color 0.3s;
  -moz-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s; }
  #index .slick-prev:before, #index .slick-next:before {
    color: rgba(110, 110, 110, 0.7);
    opacity: 1;
    font-size: 0.8rem;
    font-weight: 800;
    content: "\e804";
    font-family: "fontello"; }
  #index .slick-prev:hover, #index .slick-next:hover {
    -webkit-transition: color 0.3s, background-color 0.3s;
    -o-transition: color 0.3s, background-color 0.3s;
    -moz-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s; }
  #index .slick-prev:hover, #index .slick-next:hover {
    background-color: #004694; }
    #index .slick-prev:hover:before, #index .slick-next:hover:before {
      color: #ffffff; }

#index .slick-prev {
  left: 4%;
  z-index: 1;
  -webkit-transform: translate(0, -50%) rotate(180deg);
     -moz-transform: translate(0, -50%) rotate(180deg);
      -ms-transform: translate(0, -50%) rotate(180deg);
       -o-transform: translate(0, -50%) rotate(180deg);
          transform: translate(0, -50%) rotate(180deg); }

#index .slick-next {
  right: 4%; }

@media only screen and (max-width: 1860px) {
  #index .slick-prev {
    left: 2%; }
  #index .slick-next {
    right: 2%; } }

@media only screen and (max-width: 1200px) {
  #index .slick-prev, #index .slick-next {
    height: 42px;
    width: 42px;
    border: 1px solid white;
    background-color: rgba(0, 0, 0, 0.05); }
    #index .slick-prev:before, #index .slick-next:before {
      color: #ffffff; } }

#index .slick-prev, #index .slick-next {
  border: 1px solid #fff;
  background-color: rgba(0, 0, 0, 0.05); }
  #index .slick-prev:hover, #index .slick-next:hover {
    background-color: #004694; }
  #index .slick-prev:before, #index .slick-next:before {
    color: #ffffff; }

#index .slick-dots {
  bottom: 35px; }
  #index .slick-dots li {
    margin: 0 3px; }
    #index .slick-dots li button:before {
      height: 10px;
      width: 10px;
      content: '';
      background-color: rgba(255, 255, 255, 0);
      border: 1px solid #FFFFFF;
      -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
              border-radius: 50%;
      opacity: 0.9; }
    #index .slick-dots li.slick-active button:before {
      background-color: #FFFFFF; }
  @media only screen and (max-width: 480px) {
    #index .slick-dots {
      bottom: 20px; }
      #index .slick-dots li {
        margin: 0 1px; }
        #index .slick-dots li button:before {
          height: 10px;
          width: 10px; } }

#index .slider .wrap {
  max-width: 84%; }
  @media only screen and (min-width: 1920px) {
    #index .slider .wrap {
      height: 550px; } }
  @media only screen and (max-width: 1919px) and (min-width: 480px) {
    #index .slider .wrap {
      height: -webkit-calc(400px + (((100vw - 480px)/1439))*150);
      height: -moz-calc(400px + (((100vw - 480px)/1439))*150);
      height: calc(400px + (((100vw - 480px)/1439))*150); } }
  @media screen and (max-width: 480px) {
    #index .slider .wrap {
      height: 400px; } }
  #index .slider .wrap .text {
    max-width: 580px;
    margin-right: 50px; }
    #index .slider .wrap .text h2 {
      line-height: 1; }
      @media only screen and (min-width: 1920px) {
        #index .slider .wrap .text h2 {
          font-size: 50px; } }
      @media only screen and (max-width: 1919px) and (min-width: 480px) {
        #index .slider .wrap .text h2 {
          font-size: -webkit-calc(24px + (((100vw - 480px)/1439))*26);
          font-size: -moz-calc(24px + (((100vw - 480px)/1439))*26);
          font-size: calc(24px + (((100vw - 480px)/1439))*26); } }
      @media screen and (max-width: 480px) {
        #index .slider .wrap .text h2 {
          font-size: 24px; } }
    #index .slider .wrap .text .sub {
      margin: 15px 0;
      font-family: 'Open Sans', sans-serif;
      font-weight: bolder; }
      @media only screen and (min-width: 1920px) {
        #index .slider .wrap .text .sub {
          font-size: 22px; } }
      @media only screen and (max-width: 1919px) and (min-width: 480px) {
        #index .slider .wrap .text .sub {
          font-size: -webkit-calc(18px + (((100vw - 480px)/1439))*4);
          font-size: -moz-calc(18px + (((100vw - 480px)/1439))*4);
          font-size: calc(18px + (((100vw - 480px)/1439))*4); } }
      @media screen and (max-width: 480px) {
        #index .slider .wrap .text .sub {
          font-size: 18px; } }
    #index .slider .wrap .text ul {
      font-size: 1rem; }
      #index .slider .wrap .text ul li {
        margin-left: -5px; }
      @media only screen and (max-width: 991px) {
        #index .slider .wrap .text ul {
          display: none; } }

#index .slider .bgc1 img {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  @media only screen and (min-width: 1920px) {
    #index .slider .bgc1 img {
      width: 700px; } }
  @media only screen and (max-width: 1919px) and (min-width: 480px) {
    #index .slider .bgc1 img {
      width: -webkit-calc(380px + (((100vw - 480px)/1439))*320);
      width: -moz-calc(380px + (((100vw - 480px)/1439))*320);
      width: calc(380px + (((100vw - 480px)/1439))*320); } }
  @media screen and (max-width: 480px) {
    #index .slider .bgc1 img {
      width: 380px; } }

@media only screen and (min-width: 1920px) {
  #index .slider .bgc2 img {
    width: 509px; } }

@media only screen and (max-width: 1919px) and (min-width: 480px) {
  #index .slider .bgc2 img {
    width: -webkit-calc(220px + (((100vw - 480px)/1439))*289);
    width: -moz-calc(220px + (((100vw - 480px)/1439))*289);
    width: calc(220px + (((100vw - 480px)/1439))*289); } }

@media screen and (max-width: 480px) {
  #index .slider .bgc2 img {
    width: 220px; } }

@media only screen and (max-width: 1200px) {
  #index .slider .bgc2 {
    background-position-x: 20%; } }

@media only screen and (max-width: 991px) {
  #index .slider .bgc2 {
    background-position-x: 0%; } }

@media only screen and (min-width: 1920px) {
  #index .slider .bgc3 img {
    width: 619px; } }

@media only screen and (max-width: 1919px) and (min-width: 480px) {
  #index .slider .bgc3 img {
    width: -webkit-calc(280px + (((100vw - 480px)/1439))*339);
    width: -moz-calc(280px + (((100vw - 480px)/1439))*339);
    width: calc(280px + (((100vw - 480px)/1439))*339); } }

@media screen and (max-width: 480px) {
  #index .slider .bgc3 img {
    width: 280px; } }

@media only screen and (max-width: 991px) {
  #index .slider .bgc3 {
    background-position-x: 0%; } }

@media only screen and (max-width: 1200px) {
  #index .slider .wrap .text {
    margin-right: 20px; }
    #index .slider .wrap .text li {
      font-size: 1.1rem; } }

@media only screen and (max-width: 991px) {
  #index .slider .wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 70px 0; }
    #index .slider .wrap .text {
      text-align: center;
      margin-right: 0;
      max-width: 80%; }
      #index .slider .wrap .text .sub {
        max-width: 80%;
        margin: 10px auto; } }

@media only screen and (max-width: 480px) {
  #index .text {
    max-width: 100% !important; }
    #index .text .sub {
      font-weight: normal !important; } }

@media only screen and (max-width: 360px) {
  #index .slider.onlyText .bgc1 {
    background-position: 15% 50%; }
  #index .slider.onlyText .group, #index .slider.onlyText img {
    display: none; }
  #index .slider.onlyText .wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    #index .slider.onlyText .wrap ul {
      width: 80%;
      margin: 0 auto;
      font-size: 0.9375rem; } }

#index .container {
  padding: 16px 35px 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  #index .container a {
    margin-right: 8px;
    margin-bottom: 12px;
    margin-left: 8px;
    display: block;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
       -moz-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    overflow: hidden; }
    @media only screen and (min-width: 1920px) {
      #index .container a {
        height: 380px; } }
    @media only screen and (max-width: 1920px) and (min-width: 992px) {
      #index .container a {
        height: -webkit-calc(188px + (((100vw - 992px)/928))*192);
        height: -moz-calc(188px + (((100vw - 992px)/928))*192);
        height: calc(188px + (((100vw - 992px)/928))*192); } }
    @media only screen and (max-width: 992px) {
      #index .container a {
        height: 188px; } }
    #index .container a .imgLiquid {
      height: 100%;
      width: 100%; }
    #index .container a .cover {
      position: absolute;
      bottom: 0;
      left: 0;
      height: 50%;
      width: 100%;
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.74)));
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.74) 100%);
      background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.74) 100%);
      background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.74) 100%);
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.74) 100%); }
    #index .container a .wrap {
      overflow: hidden;
      position: absolute;
      bottom: 15px;
      left: 30px; }
      #index .container a .wrap h3.big {
        font-size: 1.5rem; }
      #index .container a .wrap h3 {
        margin: 0;
        font-family: 'Roboto', sans-serif;
        color: white;
        font-size: 1.375rem;
        position: relative;
        letter-spacing: 1px;
        font-weight: normal; }
        #index .container a .wrap h3:after {
          content: "";
          display: block;
          border-bottom: 1px solid white;
          height: 8px;
          width: 0px; }
  #index .container a.w50 {
    width: -webkit-calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: calc(50% - 20px); }
  #index .container a.w33 {
    width: -webkit-calc(33% - 20px);
    width: -moz-calc(33% - 20px);
    width: calc(33% - 20px); }
  @media only screen and (max-width: 991px) {
    #index .container a .wrap {
      position: absolute;
      bottom: 15px;
      left: 25px; }
      #index .container a .wrap h3, #index .container a .wrap h3.big {
        font-size: 1.125rem; }
    #index .container a.w33 {
      width: -webkit-calc(50% - 20px);
      width: -moz-calc(50% - 20px);
      width: calc(50% - 20px);
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
         -moz-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0; } }
  @media only screen and (max-width: 768px) {
    #index .container a {
      width: -webkit-calc(100% - 20px) !important;
      width: -moz-calc(100% - 20px) !important;
      width: calc(100% - 20px) !important; } }
  @media only screen and (max-width: 480px) {
    #index .container {
      padding: 15px 5px 15px; }
      #index .container a {
        margin-bottom: 10px; } }

#index .container a .imgLiquid {
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  -o-transition: -o-transform 0.6s;
  -moz-transition: transform 0.6s, -moz-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s, -moz-transform 0.6s, -o-transform 0.6s; }

#index .container a .cover {
  -webkit-transition: height 1s;
  -o-transition: height 1s;
  -moz-transition: height 1s;
  transition: height 1s; }

#index .container a:hover .imgLiquidFill {
  -webkit-transform: scale(1.07);
     -moz-transform: scale(1.07);
      -ms-transform: scale(1.07);
       -o-transform: scale(1.07);
          transform: scale(1.07);
  -webkit-transition: -webkit-transform 0.6s;
  transition: -webkit-transform 0.6s;
  -o-transition: -o-transform 0.6s;
  -moz-transition: transform 0.6s, -moz-transform 0.6s;
  transition: transform 0.6s;
  transition: transform 0.6s, -webkit-transform 0.6s, -moz-transform 0.6s, -o-transform 0.6s; }

#index .container a:hover .cover {
  height: 150%;
  -webkit-transition: height 1s ease-out;
  -o-transition: height 1s ease-out;
  -moz-transition: height 1s ease-out;
  transition: height 1s ease-out; }

#index .container a:hover .wrap {
  left: 50%;
  bottom: 50%;
  -webkit-transform: translate(-50%, 50%);
     -moz-transform: translate(-50%, 50%);
      -ms-transform: translate(-50%, 50%);
       -o-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%); }
  #index .container a:hover .wrap h3 {
    -webkit-animation: slideUp 0.6s forwards;
       -moz-animation: slideUp 0.6s forwards;
         -o-animation: slideUp 0.6s forwards;
            animation: slideUp 0.6s forwards; }
    #index .container a:hover .wrap h3:after {
      width: 100%;
      -webkit-transition: width 0.7s 0.3s ease-out;
      -o-transition: width 0.7s 0.3s ease-out;
      -moz-transition: width 0.7s 0.3s ease-out;
      transition: width 0.7s 0.3s ease-out; }

@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%); }
  100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1; } }

@-moz-keyframes slideUp {
  0% {
    -moz-transform: translateY(100%);
         transform: translateY(100%); }
  100% {
    -moz-transform: translateY(0%);
         transform: translateY(0%);
    opacity: 1; } }

@-o-keyframes slideUp {
  0% {
    -o-transform: translateY(100%);
       transform: translateY(100%); }
  100% {
    -o-transform: translateY(0%);
       transform: translateY(0%);
    opacity: 1; } }

@keyframes slideUp {
  0% {
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%); }
  100% {
    -webkit-transform: translateY(0%);
       -moz-transform: translateY(0%);
         -o-transform: translateY(0%);
            transform: translateY(0%);
    opacity: 1; } }

@media only screen and (min-width: 480px) {
  .justify {
    text-align: justify;
    word-wrap: break-word; } }

.reset {
  margin: 0; }

#about .landing, #history .landing {
  background-image: url(./images/02-landing.jpg); }

#about .section {
  width: 100%;
  margin: auto;
  padding: 0 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover; }
  @media screen and (max-width: 480px) {
    #about .section {
      padding: 0 18px; } }
  @media only screen and (min-width: 1920px) {
    #about .section {
      padding-top: 90px; } }
  @media only screen and (max-width: 1919px) and (min-width: 480px) {
    #about .section {
      padding-top: -webkit-calc(50px + (((100vw - 480px)/1439))*40);
      padding-top: -moz-calc(50px + (((100vw - 480px)/1439))*40);
      padding-top: calc(50px + (((100vw - 480px)/1439))*40); } }
  @media screen and (max-width: 480px) {
    #about .section {
      padding-top: 50px; } }
  @media only screen and (min-width: 1920px) {
    #about .section {
      padding-bottom: 90px; } }
  @media only screen and (max-width: 1919px) and (min-width: 480px) {
    #about .section {
      padding-bottom: -webkit-calc(50px + (((100vw - 480px)/1439))*40);
      padding-bottom: -moz-calc(50px + (((100vw - 480px)/1439))*40);
      padding-bottom: calc(50px + (((100vw - 480px)/1439))*40); } }
  @media screen and (max-width: 480px) {
    #about .section {
      padding-bottom: 50px; } }
  #about .section .wrap {
    max-width: 1080px; }
    @media only screen and (max-width: 1300px) {
      #about .section .wrap {
        max-width: 100%; } }
    #about .section .wrap h3 {
      margin: 0 0 10px 0;
      font-size: 1.5rem;
      font-weight: bold;
      color: #000000;
      font-family: 'Open Sans', sans-serif;
      display: block;
      text-align: center; }
      @media only screen and (max-width: 480px) {
        #about .section .wrap h3 {
          font-size: 1.25rem; } }
    #about .section .wrap p {
      color: #1a1a1a; }

#about .section.vision {
  background-image: url(./images/02-landing2.jpg);
  height: 380px; }
  #about .section.vision .wrap {
    padding: 0 30px; }
    #about .section.vision .wrap h3, #about .section.vision .wrap p {
      color: white; }
    @media only screen and (max-width: 480px) {
      #about .section.vision .wrap {
        padding: 0; } }

#about .section.philosophy {
  background: url(./images/02-landing3.jpg) bottom right no-repeat;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover; }
  @media only screen and (min-width: 1920px) {
    #about .section.philosophy {
      padding-top: 80px; } }
  @media only screen and (max-width: 1919px) and (min-width: 480px) {
    #about .section.philosophy {
      padding-top: -webkit-calc(50px + (((100vw - 480px)/1439))*30);
      padding-top: -moz-calc(50px + (((100vw - 480px)/1439))*30);
      padding-top: calc(50px + (((100vw - 480px)/1439))*30); } }
  @media screen and (max-width: 480px) {
    #about .section.philosophy {
      padding-top: 50px; } }
  @media only screen and (min-width: 1920px) {
    #about .section.philosophy {
      padding-bottom: 80px; } }
  @media only screen and (max-width: 1919px) and (min-width: 480px) {
    #about .section.philosophy {
      padding-bottom: -webkit-calc(50px + (((100vw - 480px)/1439))*30);
      padding-bottom: -moz-calc(50px + (((100vw - 480px)/1439))*30);
      padding-bottom: calc(50px + (((100vw - 480px)/1439))*30); } }
  @media screen and (max-width: 480px) {
    #about .section.philosophy {
      padding-bottom: 50px; } }
  @media only screen and (min-width: 1920px) {
    #about .section.philosophy .wrap {
      padding-right: 420px; } }
  @media only screen and (max-width: 1919px) and (min-width: 480px) {
    #about .section.philosophy .wrap {
      padding-right: -webkit-calc(330px + (((100vw - 480px)/1439))*90);
      padding-right: -moz-calc(330px + (((100vw - 480px)/1439))*90);
      padding-right: calc(330px + (((100vw - 480px)/1439))*90); } }
  @media screen and (max-width: 480px) {
    #about .section.philosophy .wrap {
      padding-right: 330px; } }
  #about .section.philosophy .wrap h4 {
    font-size: 1.125rem;
    font-weight: bold;
    margin-top: 10px;
    color: #000000; }
  @media screen and (max-width: 768px) {
    #about .section.philosophy {
      background: none; }
      #about .section.philosophy .wrap {
        padding-right: 0; } }

#about .section.principle {
  background-color: #f7f7f7;
  padding: 50px 25px;
  height: 460px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }
  #about .section.principle h3 {
    margin-bottom: 15px; }
  #about .section.principle .cover {
    position: relative;
    height: 294px;
    width: 1080px; }
    #about .section.principle .cover > img {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      pointer-events: none; }
  #about .section.principle .row {
    margin: 0 auto;
    padding-top: 55px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    width: 970px; }
    #about .section.principle .row .block {
      height: 185px;
      width: 175px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; }
      #about .section.principle .row .block span {
        font-weight: bold;
        font-size: 18px;
        margin: 5px 0;
        width: 100%; }
      #about .section.principle .row .block p {
        margin-top: 0;
        line-height: 1.2;
        font-size: 14.5px;
        width: 100%; }
  @media screen and (max-width: 1200px) {
    #about .section.principle {
      height: auto; }
      #about .section.principle .cover {
        width: 100%;
        height: auto; }
        #about .section.principle .cover > img {
          display: none; }
        #about .section.principle .cover .row {
          width: -webkit-calc(90vw - 90px);
          width: -moz-calc(90vw - 90px);
          width: calc(90vw - 90px); } }
  @media screen and (max-width: 992px) {
    #about .section.principle .wrap {
      width: 100%; }
      #about .section.principle .wrap .row {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        width: 90vw; }
        #about .section.principle .wrap .row .block {
          width: -webkit-calc(50% - 10px);
          width: -moz-calc(50% - 10px);
          width: calc(50% - 10px); }
          #about .section.principle .wrap .row .block p {
            max-width: 220px; }
        #about .section.principle .wrap .row .block:nth-child(1),
        #about .section.principle .wrap .row .block:nth-child(2) {
          margin-bottom: 25px; } }
  @media screen and (max-width: 480px) {
    #about .section.principle .wrap .row .block {
      width: -webkit-calc(100% - 30px);
      width: -moz-calc(100% - 30px);
      width: calc(100% - 30px); }
    #about .section.principle .wrap .row .block:nth-child(3) {
      margin-bottom: 25px; } }

#about .section.core .wrap {
  width: 100%; }
  #about .section.core .wrap h3 + p {
    font-weight: 600; }
  #about .section.core .wrap .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    margin: 30px -8px 0 -8px; }
    #about .section.core .wrap .row .card {
      margin: 0 8px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
         -moz-box-flex: 1;
          -ms-flex: 1 1 auto;
              flex: 1 1 auto; }
      #about .section.core .wrap .row .card > * {
        max-width: 100%; }
      #about .section.core .wrap .row .card .imgwrap {
        width: 100%;
        height: 180px;
        overflow: hidden; }
        #about .section.core .wrap .row .card .imgwrap .imgLiquid {
          height: 100%;
          width: 100%;
          -webkit-transition: -webkit-transform 0.5s;
          transition: -webkit-transform 0.5s;
          -o-transition: -o-transform 0.5s;
          -moz-transition: transform 0.5s, -moz-transform 0.5s;
          transition: transform 0.5s;
          transition: transform 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s, -o-transform 0.5s; }
      #about .section.core .wrap .row .card h4 {
        margin-top: 22px;
        margin-bottom: 3px;
        font-size: 1.25rem; }
      #about .section.core .wrap .row .card .content {
        margin: 0;
        max-width: 260px;
        color: #333333;
        text-align: left !important; }
    #about .section.core .wrap .row .card:hover {
      color: #004694; }
      #about .section.core .wrap .row .card:hover .imgLiquid {
        -webkit-transform: scale(1.05);
           -moz-transform: scale(1.05);
            -ms-transform: scale(1.05);
             -o-transform: scale(1.05);
                transform: scale(1.05);
        -webkit-transition: -webkit-transform 0.5s;
        transition: -webkit-transform 0.5s;
        -o-transition: -o-transform 0.5s;
        -moz-transition: transform 0.5s, -moz-transform 0.5s;
        transition: transform 0.5s;
        transition: transform 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s, -o-transform 0.5s; }

@media only screen and (max-width: 1200px) {
  #about .section.core .wrap .row {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    #about .section.core .wrap .row .card {
      width: -webkit-calc(50% - 16px);
      width: -moz-calc(50% - 16px);
      width: calc(50% - 16px); }
      #about .section.core .wrap .row .card .content {
        margin-bottom: 30px; } }

@media only screen and (max-width: 480px) {
  #about .section.core .wrap .row .card {
    width: -webkit-calc(100% - 16px);
    width: -moz-calc(100% - 16px);
    width: calc(100% - 16px); }
    #about .section.core .wrap .row .card .imgwrap {
      height: 50vw; } }

#history .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
  #history .container h3 {
    margin: 55px 0 55px 0;
    font-size: 1.5rem;
    font-weight: bold;
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    display: block;
    text-align: center; }
    @media only screen and (max-width: 480px) {
      #history .container h3 {
        font-size: 1.25rem; } }
  #history .container .row {
    margin-bottom: 55px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }

@media only screen and (min-width: 1360px) {
  #history .container {
    width: 82%; } }

#history .left-padding {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 50%;
     -moz-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  height: 100px; }

#history .right {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 50%;
     -moz-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  border-left: 2px solid #e5e5e5; }
  #history .right .imgwrap {
    width: 100%;
    max-width: 450px;
    height: 50vw;
    max-height: 270px;
    overflow: hidden; }
  #history .right .imgLiquid {
    height: 100%;
    width: 100%;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    -o-transition: -o-transform 0.5s;
    -moz-transition: transform 0.5s, -moz-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s, -o-transform 0.5s; }

@media only screen and (max-width: 1400px) {
  #history .right .imgwrap {
    max-width: 350px;
    max-height: 220px; } }

#history .block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  position: relative;
  top: -15px; }
  #history .block .square {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
    @media only screen and (min-width: 1920px) {
      #history .block .square {
        width: 100px; } }
    @media only screen and (max-width: 1919px) and (min-width: 480px) {
      #history .block .square {
        width: -webkit-calc(50px + (((100vw - 480px)/1439))*50);
        width: -moz-calc(50px + (((100vw - 480px)/1439))*50);
        width: calc(50px + (((100vw - 480px)/1439))*50); } }
    @media screen and (max-width: 480px) {
      #history .block .square {
        width: 50px; } }
    #history .block .square:before {
      content: "";
      display: block;
      height: 10px;
      width: 10px;
      background-color: #004694;
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
         -moz-transform: translate(-50%, -50%) rotate(45deg);
          -ms-transform: translate(-50%, -50%) rotate(45deg);
           -o-transform: translate(-50%, -50%) rotate(45deg);
              transform: translate(-50%, -50%) rotate(45deg);
      position: relative;
      top: 10px;
      left: 0px; }
    #history .block .square:after {
      content: "";
      display: block;
      margin: 0 auto;
      border-top: 2px solid #e5e5e5; }
      @media only screen and (min-width: 1920px) {
        #history .block .square:after {
          width: 60px; } }
      @media only screen and (max-width: 1919px) and (min-width: 480px) {
        #history .block .square:after {
          width: -webkit-calc(15px + (((100vw - 480px)/1439))*45);
          width: -moz-calc(15px + (((100vw - 480px)/1439))*45);
          width: calc(15px + (((100vw - 480px)/1439))*45); } }
      @media screen and (max-width: 480px) {
        #history .block .square:after {
          width: 15px; } }
  #history .block .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    width: 100%;
    max-width: 540px; }
    #history .block .inner .sub {
      font-size: 1.125rem;
      color: #1a1a1a;
      font-weight: 900; }
    #history .block .inner .sub + p {
      margin-top: 5px;
      margin-bottom: 16px;
      font-size: 1rem;
      max-width: 100%; }

#history .block:hover .sub {
  color: #004694;
  -webkit-transition: color 0.3s, background-color 0.3s;
  -o-transition: color 0.3s, background-color 0.3s;
  -moz-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s; }
  #history .block:hover .sub:hover {
    -webkit-transition: color 0.3s, background-color 0.3s;
    -o-transition: color 0.3s, background-color 0.3s;
    -moz-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s; }

#history .block:hover .imgLiquid {
  -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
      -ms-transform: scale(1.05);
       -o-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  -o-transition: -o-transform 0.5s;
  -moz-transition: transform 0.5s, -moz-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s, -o-transform 0.5s; }

@media only screen and (min-width: 991px) {
  #history .right {
    position: relative;
    height: 1400px; }
    #history .right .block {
      position: absolute;
      z-index: 10; }
    #history .right .block.left {
      -webkit-transform: scale(-1, 1) translateX(100%);
         -moz-transform: scale(-1, 1) translateX(100%);
          -ms-transform: scale(-1, 1) translateX(100%);
           -o-transform: scale(-1, 1) translateX(100%);
              transform: scale(-1, 1) translateX(100%); }
      #history .right .block.left .inner {
        -webkit-transform: scale(-1, 1);
           -moz-transform: scale(-1, 1);
            -ms-transform: scale(-1, 1);
             -o-transform: scale(-1, 1);
                transform: scale(-1, 1);
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
           -moz-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
        text-align: right; }
        #history .right .block.left .inner .sub {
          text-align: right; }
    #history .right .block:nth-child(2) {
      top: 95px; }
      #history .right .block:nth-child(2) .inner {
        max-width: 600px; }
    #history .right .block:nth-child(3) {
      top: 360px; }
    #history .right .block:nth-child(4) {
      top: 460px; }
    #history .right .block:nth-child(5) {
      top: 540px; }
    #history .right .block:nth-child(6) {
      top: 640px; }
    #history .right .block:nth-child(7) {
      top: 740px; }
    #history .right .block:nth-child(8) {
      top: 1010px; }
    #history .right .block:nth-child(9) {
      top: 1310px; } }

@media screen and (max-width: 992px) {
  #history .square:before {
    left: -1px !important; } }

@media only screen and (max-width: 992px) and (min-width: 992px) {
  #history .block {
    margin-bottom: 40px; } }

@media only screen and (max-width: 992px) and (max-width: 992px) and (min-width: 480px) {
  #history .block {
    margin-bottom: -webkit-calc(30px + (((100vw - 480px)/511))*10);
    margin-bottom: -moz-calc(30px + (((100vw - 480px)/511))*10);
    margin-bottom: calc(30px + (((100vw - 480px)/511))*10); } }

@media screen and (max-width: 992px) and (max-width: 480px) {
  #history .block {
    margin-bottom: 30px; } }

@media screen and (max-width: 992px) {
  #history .block .inner {
    -webkit-transform: translateY(3px);
       -moz-transform: translateY(3px);
        -ms-transform: translateY(3px);
         -o-transform: translateY(3px);
            transform: translateY(3px); }
  #history .left-padding {
    max-width: 15%; } }

@media screen and (max-width: 768px) {
  #history .left-padding {
    max-width: 10%; }
  #history .right {
    padding-right: 12px; } }

@media screen and (max-width: 480px) {
  #history .square {
    width: 25px !important; }
    #history .square:after {
      display: none !important; } }

#support .landing, #RMA .landing, #downloads .landing {
  background-image: url(./images/05-landing.jpg); }

#support .container {
  padding-top: 55px;
  padding-bottom: 60px;
  max-width: 1060px; }
  #support .container ul.context {
    margin-bottom: 40px; }
    #support .container ul.context .question {
      padding: 16px 0;
      padding-right: 40px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
         -moz-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
      background-color: whitesmoke;
      border-bottom: 5px solid white;
      -webkit-transition: background-color 0.3s;
      -o-transition: background-color 0.3s;
      -moz-transition: background-color 0.3s;
      transition: background-color 0.3s;
      position: relative;
      color: #282828; }
      #support .container ul.context .question span {
        margin-right: 20px;
        color: #1a1a1a;
        line-height: 1;
        padding: 0 20px;
        border-right: 1px solid #cccccc;
        font-weight: bold;
        font-size: 1.0625rem; }
      #support .container ul.context .question .plus {
        margin-left: auto; }
        #support .container ul.context .question .plus:before, #support .container ul.context .question .plus:after {
          position: absolute;
          right: 22px;
          content: "";
          height: 3px;
          width: 12px;
          display: block;
          background-color: #4d4d4d;
          -webkit-transition: 0.3s;
          -o-transition: 0.3s;
          -moz-transition: 0.3s;
          transition: 0.3s; }
        #support .container ul.context .question .plus:after {
          -webkit-transform: rotate(-90deg);
             -moz-transform: rotate(-90deg);
              -ms-transform: rotate(-90deg);
               -o-transform: rotate(-90deg);
                  transform: rotate(-90deg);
          -webkit-transform-origin: 50%;
             -moz-transform-origin: 50%;
              -ms-transform-origin: 50%;
               -o-transform-origin: 50%;
                  transform-origin: 50%;
          -webkit-transition: 0.3s;
          -o-transition: 0.3s;
          -moz-transition: 0.3s;
          transition: 0.3s; }
    #support .container ul.context .question.active .plus:before {
      -webkit-transform: rotate(180deg);
         -moz-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
           -o-transform: rotate(180deg);
              transform: rotate(180deg);
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      -moz-transition: 0.3s;
      transition: 0.3s; }
    #support .container ul.context .question.active .plus:after {
      -webkit-transform: rotate(0deg);
         -moz-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
           -o-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      -moz-transition: 0.3s;
      transition: 0.3s; }
    #support .container ul.context .question.active {
      background-color: #004694;
      -webkit-transition: background-color 0.3s;
      -o-transition: background-color 0.3s;
      -moz-transition: background-color 0.3s;
      transition: background-color 0.3s;
      color: white; }
      #support .container ul.context .question.active span {
        color: white; }
      #support .container ul.context .question.active .plus:after, #support .container ul.context .question.active .plus:before {
        background-color: #fff; }
    #support .container ul.context .answer {
      padding: 25px 62px;
      color: black;
      line-height: 1.5;
      color: black;
      font-weight: bolder;
      display: none; }
      #support .container ul.context .answer .btn {
        margin-top: 15px;
        height: 45px;
        width: 140px; }
        #support .container ul.context .answer .btn span {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
             -moz-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
             -moz-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          margin-left: 5px;
          font-size: 1.3rem; }
    @media only screen and (max-width: 480px) {
      #support .container ul.context .question span {
        padding: 0 12px;
        margin-right: 12px; }
      #support .container ul.context .answer {
        padding: 20px; } }

#RMA .container {
  max-width: 1000px;
  padding-top: 45px;
  padding-bottom: 55px; }
  #RMA .container h4 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    display: block;
    text-align: center;
    margin-bottom: 40px;
    font-size: 1.25rem; }
    @media only screen and (max-width: 480px) {
      #RMA .container h4 {
        font-size: 1.25rem; } }
    #RMA .container h4:after {
      display: block;
      margin: 0 auto;
      position: relative;
      bottom: -15px;
      content: "";
      height: 1px;
      width: 70px;
      border-bottom: 1px solid #999999; }
  #RMA .container .context {
    margin-bottom: 30px; }
    #RMA .container .context p {
      margin-top: 0;
      margin-bottom: 0.6em; }

#RMA .login {
  height: 150px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  background-color: #ededed;
  padding: 7px;
  display: none; }
  #RMA .login .btn {
    margin: 0 7px; }

#RMA .btn {
  margin: 0 auto; }

#download .container, #downloads .container {
  max-width: 1100px; }
  @media only screen and (min-width: 1400px) {
    #download .container, #downloads .container {
      max-width: 1300px; } }
  #download .container .note, #downloads .container .note {
    margin: 0 auto 32px;
    max-width: 860px;
    color: #999999; }
    @media only screen and (max-width: 991px) {
      #download .container .note, #downloads .container .note {
        max-width: 100%; } }

#download table, #downloads table {
  width: 100%;
  min-width: 900px;
  white-space: nowrap;
  border-collapse: collapse; }
  #download table th, #download table td, #downloads table th, #downloads table td {
    height: 45px;
    font-size: 0.9375rem; }
  #download table tr:first-child th, #downloads table tr:first-child th {
    background-color: #595959;
    color: white;
    font-weight: normal; }
  #download table tr:first-child th:not(:first-child), #downloads table tr:first-child th:not(:first-child) {
    position: relative; }
    #download table tr:first-child th:not(:first-child):after, #downloads table tr:first-child th:not(:first-child):after {
      position: absolute;
      top: -webkit-calc((45px - 16px)/2);
      top: -moz-calc((45px - 16px)/2);
      top: calc((45px - 16px)/2);
      border-right: 1px solid #dbdbdb;
      height: 16px;
      content: "";
      display: block; }
  #download table tr:nth-child(odd):not(:first-child) td, #downloads table tr:nth-child(odd):not(:first-child) td {
    background-color: whitesmoke; }
  #download table td, #downloads table td {
    text-align: left;
    padding: 0 40px; }
  #download table tr a, #downloads table tr a {
    display: block;
    position: relative;
    margin: 0 auto;
    height: 30px;
    width: 30px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background-color: rgba(215, 35, 45, 0); }
    #download table tr a .icon-download, #downloads table tr a .icon-download {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      height: 100%;
      width: 100%; }
    #download table tr a .icon-download:before, #downloads table tr a .icon-download:before {
      font-size: 1rem;
      color: black; }
  #download table tr a:hover, #downloads table tr a:hover {
    background-color: #d7232d;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s; }
    #download table tr a:hover .icon-download:before, #downloads table tr a:hover .icon-download:before {
      color: white;
      -webkit-transition: color 0.3s;
      -o-transition: color 0.3s;
      -moz-transition: color 0.3s;
      transition: color 0.3s; }
  #download table tr:not(:first-child):hover, #downloads table tr:not(:first-child):hover {
    color: #004694; }
    #download table tr:not(:first-child):hover a, #downloads table tr:not(:first-child):hover a {
      color: #004694; }

#download ul.pages, #downloads ul.pages {
  margin: 45px 0 55px 0; }

#search .landing, #products .landing, #category .landing {
  background-image: url(./images/16-landing.jpg); }

#search .landing.input, #products .landing.input {
  max-height: 480px;
  height: 25vw; }
  @media only screen and (max-width: 768px) {
    #search .landing.input, #products .landing.input {
      height: auto;
      padding: 30px 20px; } }

#search .transparent, #products .transparent {
  max-width: 1120px; }
  #search .transparent .title, #products .transparent .title {
    color: white; }
  #search .transparent .dashboard, #products .transparent .dashboard {
    background-color: transparent; }
    #search .transparent .dashboard .group select, #products .transparent .dashboard .group select {
      background-image: url("./images/tri-white.png");
      background-color: transparent;
      border-color: white;
      color: white; }
      #search .transparent .dashboard .group select option, #products .transparent .dashboard .group select option {
        background-color: #27799f;
        color: white; }
    #search .transparent .dashboard .group:hover select, #products .transparent .dashboard .group:hover select {
      background-color: rgba(200, 200, 200, 0.1) !important;
      -webkit-transition: background-color 0.3s;
      -o-transition: background-color 0.3s;
      -moz-transition: background-color 0.3s;
      transition: background-color 0.3s; }
  #search .transparent input[type="search"], #products .transparent input[type="search"] {
    background-color: transparent; }
  #search .transparent .search input, #products .transparent .search input {
    color: white;
    border-color: white; }
  #search .transparent ::-webkit-input-placeholder, #products .transparent ::-webkit-input-placeholder {
    color: white; }
  #search .transparent :-moz-placeholder, #products .transparent :-moz-placeholder {
    color: white; }
  #search .transparent ::-moz-placeholder, #products .transparent ::-moz-placeholder {
    color: white; }
  #search .transparent :-ms-input-placeholder, #products .transparent :-ms-input-placeholder {
    color: white; }
  #search .transparent ::-ms-input-placeholder, #products .transparent ::-ms-input-placeholder {
    color: white; }
  #search .transparent ::placeholder, #products .transparent ::placeholder {
    color: white; }
  #search .transparent .search:hover input, #products .transparent .search:hover input {
    background-color: rgba(200, 200, 200, 0.1) !important;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s; }
  #search .transparent .search:hover:after, #products .transparent .search:hover:after {
    color: #ffffff; }

#products .row:first-child {
  border-top: 5px solid #FFF; }

#products .row {
  width: 100%;
  margin: auto;
  padding: 0 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  border-bottom: 5px solid #FFF; }
  @media screen and (max-width: 480px) {
    #products .row {
      padding: 0 18px; } }
  #products .row img {
    position: relative;
    height: 30vw;
    max-height: 500px; }
  #products .row .wrap {
    max-width: 510px;
    margin: 110px; }
    #products .row .wrap h3 {
      font-size: 1.5rem;
      font-weight: bold;
      color: #000000;
      font-family: 'Open Sans', sans-serif;
      display: block;
      text-align: center;
      margin: 0;
      text-align: left; }
      @media only screen and (max-width: 480px) {
        #products .row .wrap h3 {
          font-size: 1.25rem; } }
    #products .row .wrap p {
      margin: 20px 0 25px; }
    #products .row .wrap .btn {
      background-color: #004694;
      color: #FFF;
      -webkit-transition: background-color 0.3s;
      -o-transition: background-color 0.3s;
      -moz-transition: background-color 0.3s;
      transition: background-color 0.3s;
      border: none; }
      #products .row .wrap .btn:hover {
        background-color: #d7232d;
        -webkit-transition: background-color 0.3s;
        -o-transition: background-color 0.3s;
        -moz-transition: background-color 0.3s;
        transition: background-color 0.3s; }

#products .rowlist .row:nth-child(even) {
  background-color: #f7f7f7; }
  #products .rowlist .row:nth-child(even) img {
    top: 3vw;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
       -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }

#products .rowlist .row:nth-child(odd) {
  background-color: #ededed; }
  #products .rowlist .row:nth-child(odd) img {
    top: -3vw; }

@media only screen and (max-width: 1440px) {
  #products .row {
    height: auto; }
    #products .row img {
      height: 26vw;
      margin: 0; }
    #products .row .wrap {
      margin: 90px 80px;
      max-width: 450px; } }

@media only screen and (max-width: 1365px) {
  #products .row .wrap {
    margin: 90px 60px;
    max-width: 350px; }
    #products .row .wrap p {
      margin: 10px 0 20px; } }

@media only screen and (max-width: 991px) {
  #products .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    #products .row .wrap {
      margin-top: 40px;
      margin-bottom: 30px;
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
         -moz-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
    #products .row img {
      top: 20px !important; } }

@media only screen and (max-width: 768px) {
  #products .row img {
    height: 40vw;
    max-height: 280px; } }

@media only screen and (max-width: 480px) {
  #products .row h3, #products .row p {
    text-align: center !important; }
  #products .row .wrap {
    margin-right: 0;
    margin-left: 0; }
    #products .row .wrap h3 + p {
      font-size: 0.9375rem; }
  #products .row a.btn {
    margin: 0 auto; } }

#category .landing {
  height: 380px; }
  #category .landing .wrap {
    max-width: 900px; }
    #category .landing .wrap h2 {
      margin: 10px 0; }
  @media only screen and (min-width: 1400px) {
    #category .landing {
      height: 520px; }
      #category .landing .wrap {
        max-width: 1080px; } }

#search .container, #category .container {
  max-width: 1480px; }
  @media only screen and (max-width: 1400px) {
    #search .container, #category .container {
      max-width: 1100px; } }
  #search .container .ps, #category .container .ps {
    margin: 25px auto;
    font-size: 0.9375rem;
    color: #999999;
    max-width: 1200px; }
  #search .container .wrap, #category .container .wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    #search .container .wrap .card, #category .container .wrap .card {
      position: relative; }
      #search .container .wrap .card .new, #category .container .wrap .card .new {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        color: white;
        height: 0px;
        width: 0px;
        border-style: solid;
        border-width: 0 62px 62px 0;
        border-color: transparent #d7232d transparent transparent; }
        #search .container .wrap .card .new div, #category .container .wrap .card .new div {
          -webkit-transform: translate(50%, 30%) rotate(45deg);
             -moz-transform: translate(50%, 30%) rotate(45deg);
              -ms-transform: translate(50%, 30%) rotate(45deg);
               -o-transform: translate(50%, 30%) rotate(45deg);
                  transform: translate(50%, 30%) rotate(45deg);
          height: 40px;
          width: 40px; }
    #search .container .wrap .card, #category .container .wrap .card {
      max-width: 300px;
      background-color: #f7f7f7;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
      padding: 25px 0;
      border: 3px solid white; }
      #search .container .wrap .card img, #category .container .wrap .card img {
        height: 120px;
        max-width: 80%; }
      #search .container .wrap .card .sub, #category .container .wrap .card .sub {
        height: 40px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-top: 15px;
        font-size: 1rem;
        color: #000; }
      #search .container .wrap .card .inner, #category .container .wrap .card .inner {
        width: 100%;
        padding: 0 30px;
        margin-bottom: 15px; }
        #search .container .wrap .card .inner .row, #category .container .wrap .card .inner .row {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-direction: row;
             -moz-box-orient: horizontal;
             -moz-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
             -moz-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          -webkit-box-align: center;
          -webkit-align-items: center;
             -moz-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-flex-wrap: nowrap;
              -ms-flex-wrap: nowrap;
                  flex-wrap: nowrap;
          height: 40px;
          border-top: 1px solid #cccccc;
          font-size: 0.9375rem; }
        #search .container .wrap .card .inner .row:last-child, #category .container .wrap .card .inner .row:last-child {
          border-bottom: 1px solid #cccccc; }
      #search .container .wrap .card .btn, #category .container .wrap .card .btn {
        border: 1px solid #cccccc;
        color: #646464; }
        #search .container .wrap .card .btn:hover, #category .container .wrap .card .btn:hover {
          background-color: #004694;
          color: #FFF;
          -webkit-transition: background-color 0.3s, color 0.3s;
          -o-transition: background-color 0.3s, color 0.3s;
          -moz-transition: background-color 0.3s, color 0.3s;
          transition: background-color 0.3s, color 0.3s; }
    #search .container .wrap .card.padding, #category .container .wrap .card.padding {
      background: none;
      padding: 0; }
  #search .container .pages, #category .container .pages {
    margin: 30px 0 35px; }

@media screen and (min-width: 1200px) {
  #search .container .wrap .card, #category .container .wrap .card {
    width: 25%; } }

@media only screen and (max-width: 1200px) and (min-width: 768px) {
  #search .container .wrap .card, #category .container .wrap .card {
    width: 33%; } }

@media only screen and (max-width: 768px) and (min-width: 480px) {
  #search .container .wrap .card, #category .container .wrap .card {
    width: 50%; }
    #search .container .wrap .card .inner, #category .container .wrap .card .inner {
      padding: 0 25px; } }

@media screen and (max-width: 480px) {
  #search .container .wrap .card, #category .container .wrap .card {
    width: 100%; } }

.top-info .slider-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  margin-right: 90px;
  margin-left: 40px; }
  .top-info .slider-wrap .slider-for {
    margin-bottom: 40px;
    height: 300px;
    width: 300px; }
    .top-info .slider-wrap .slider-for .slick-track {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; }
  .top-info .slider-wrap .nav-wrap {
    position: relative; }
    .top-info .slider-wrap .nav-wrap .slick-next, .top-info .slider-wrap .nav-wrap .slick-prev {
      height: 35px;
      width: 35px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-transition: color 0.3s, background-color 0.3s;
      -o-transition: color 0.3s, background-color 0.3s;
      -moz-transition: color 0.3s, background-color 0.3s;
      transition: color 0.3s, background-color 0.3s; }
      .top-info .slider-wrap .nav-wrap .slick-next:hover, .top-info .slider-wrap .nav-wrap .slick-prev:hover {
        -webkit-transition: color 0.3s, background-color 0.3s;
        -o-transition: color 0.3s, background-color 0.3s;
        -moz-transition: color 0.3s, background-color 0.3s;
        transition: color 0.3s, background-color 0.3s; }
      .top-info .slider-wrap .nav-wrap .slick-next:hover, .top-info .slider-wrap .nav-wrap .slick-prev:hover {
        background-color: #004694; }
        .top-info .slider-wrap .nav-wrap .slick-next:hover:before, .top-info .slider-wrap .nav-wrap .slick-prev:hover:before {
          color: white; }
    .top-info .slider-wrap .nav-wrap .slick-next:before,
    .top-info .slider-wrap .nav-wrap .slick-prev:before {
      content: "\e804";
      font-family: "fontello";
      color: #666666;
      font-weight: bold;
      font-size: 0.8rem; }
    .top-info .slider-wrap .nav-wrap .slick-next {
      right: -40px; }
    .top-info .slider-wrap .nav-wrap .slick-prev {
      left: -40px; }
      .top-info .slider-wrap .nav-wrap .slick-prev:before {
        content: "\e804";
        -webkit-transform: rotate(180deg);
           -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
             -o-transform: rotate(180deg);
                transform: rotate(180deg); }
  .top-info .slider-wrap .slider-nav {
    padding: 0;
    max-width: 300px; }
    .top-info .slider-wrap .slider-nav .slick-slide {
      cursor: pointer;
      border: 1px solid #cccccc;
      margin: 0 8px;
      height: 45px;
      width: 45px; }
      .top-info .slider-wrap .slider-nav .slick-slide > div {
        padding: 6px; }
        .top-info .slider-wrap .slider-nav .slick-slide > div img {
          max-height: 32px;
          width: 100%; }
      .top-info .slider-wrap .slider-nav .slick-slide:hover {
        -webkit-transition: background-color 0.3s;
        -o-transition: background-color 0.3s;
        -moz-transition: background-color 0.3s;
        transition: background-color 0.3s; }
    .top-info .slider-wrap .slider-nav .slick-slide.slick-current {
      border: 1px solid #1d5e9e; }
  @media only screen and (max-width: 1200px) {
    .top-info .slider-wrap {
      margin-bottom: 50px;
      margin-right: 0;
      margin-left: 0; } }
  @media only screen and (max-width: 768px) {
    .top-info .slider-wrap .slider-for {
      height: 50vw;
      width: 50vw;
      margin-bottom: 25px; } }
  @media only screen and (max-width: 480px) {
    .top-info .slider-wrap .nav-wrap .slick-next {
      right: -25px; }
    .top-info .slider-wrap .nav-wrap .slick-prev {
      left: -25px; }
    .top-info .slider-wrap .slider-nav .slick-slide {
      margin: 0 4px;
      width: -webkit-calc(80vw / 5 - 8px);
      width: -moz-calc(80vw / 5 - 8px);
      width: calc(80vw / 5 - 8px);
      height: -webkit-calc(80vw / 5 - 8px);
      height: -moz-calc(80vw / 5 - 8px);
      height: calc(80vw / 5 - 8px); }
      .top-info .slider-wrap .slider-nav .slick-slide > div {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding: 8px;
        height: 100%;
        width: 100%; } }

.top-info .right {
  width: 100%;
  max-width: 820px;
  min-height: 380px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
     -moz-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
  .top-info .right .top-btn {
    margin-bottom: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
            align-self: flex-end; }
    .top-info .right .top-btn a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      position: relative; }
      .top-info .right .top-btn a div {
        display: inline-block;
        position: absolute;
        left: 0;
        -webkit-border-radius: 50%;
           -moz-border-radius: 50%;
                border-radius: 50%;
        border: 1px solid #999999;
        height: 30px;
        width: 30px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        color: #999999; }
        @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
          .top-info .right .top-btn a div {
            -webkit-transform: translateY(-50%);
               -moz-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                 -o-transform: translateY(-50%);
                    transform: translateY(-50%); } }
      .top-info .right .top-btn a span {
        margin-left: 40px;
        color: black; }
    .top-info .right .top-btn a:hover span {
      color: #004694;
      -webkit-transition: color 0.4s;
      -o-transition: color 0.4s;
      -moz-transition: color 0.4s;
      transition: color 0.4s; }
    .top-info .right .top-btn a:hover div {
      background-color: #004694;
      color: white;
      -webkit-transition: background-color 0.4s;
      -o-transition: background-color 0.4s;
      -moz-transition: background-color 0.4s;
      transition: background-color 0.4s; }
    @media only screen and (min-width: 521px) {
      .top-info .right .top-btn a:not(:last-child) {
        margin-right: 20px;
        padding-right: 20px;
        border-right: 1px solid #999999; } }
  .top-info .right h2 {
    margin: 0 0 10px;
    font-size: 2.25rem;
    font-family: 'Hammersmith One', sans-serif;
    font-weight: lighter; }
  .top-info .right .row {
    margin-bottom: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    width: 100%; }
    .top-info .right .row .col-w40 {
      -webkit-box-flex: 5;
      -webkit-flex: 5;
         -moz-box-flex: 5;
          -ms-flex: 5;
              flex: 5;
      margin-right: 20px; }
    .top-info .right .row .col-w60 {
      -webkit-box-flex: 6;
      -webkit-flex: 6;
         -moz-box-flex: 6;
          -ms-flex: 6;
              flex: 6; }
    .top-info .right .row div[class^="col"] {
      line-height: 1.4; }
      .top-info .right .row div[class^="col"] h3 {
        font-size: 1.125rem;
        font-weight: bold;
        margin: 0; }
      .top-info .right .row div[class^="col"] p, .top-info .right .row div[class^="col"] ul {
        margin: 10px 0; }
      .top-info .right .row div[class^="col"] ul li {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
           -moz-box-orient: horizontal;
           -moz-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
           -moz-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
           -moz-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap; }
        .top-info .right .row div[class^="col"] ul li:before {
          content: "";
          display: inline-block;
          height: 3px;
          width: 3px;
          background-color: #666666;
          -webkit-border-radius: 50%;
             -moz-border-radius: 50%;
                  border-radius: 50%;
          margin: 8px 6px; }
  .top-info .right .certification {
    margin: auto 0 0px auto; }
    .top-info .right .certification img {
      max-width: 42px; }
    .top-info .right .certification img:not(:last-child) {
      margin-right: 15px; }
  @media only screen and (max-width: 1200px) {
    .top-info .right {
      height: auto; }
      .top-info .right .top-btn {
        -webkit-align-self: center;
            -ms-flex-item-align: center;
                align-self: center; } }
  @media only screen and (max-width: 768px) {
    .top-info .right .row .col-w40 {
      margin-right: 20px; }
    .top-info .right .certification {
      margin-top: 10px; }
      .top-info .right .certification img {
        max-width: 35px; } }
  @media only screen and (max-width: 520px) {
    .top-info .right {
      padding: 0 10px; }
      .top-info .right .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        .top-info .right .row p {
          padding-left: 12px; } }
    @media only screen and (max-width: 520px) and (-ms-high-contrast: active), only screen and (max-width: 520px) and (-ms-high-contrast: none) {
      .top-info .right .row {
        height: 380px; }
        .top-info .right .row > * {
          width: 100%; } }
  @media only screen and (max-width: 520px) {
      .top-info .right .top-btn {
        margin-top: -10px;
        margin-bottom: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
           -moz-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; }
        .top-info .right .top-btn a {
          margin-bottom: 23px; } }

.top-info .landing {
  background-color: #f0f0f0;
  color: black;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

.top-info .wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
     -moz-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  max-width: 1450px;
  width: 100%;
  margin: 60px auto 60px; }
  @media only screen and (max-width: 1400px) {
    .top-info .wrap {
      max-width: 90%; } }
  @media only screen and (max-width: 1200px) {
    .top-info .wrap {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
         -moz-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
      margin-top: 20px !important;
      max-height: 100%; } }
  @media only screen and (max-width: 1200px) and (min-width: 992px) {
    .top-info .wrap {
      margin-top: 60px; } }
  @media only screen and (max-width: 1200px) and (max-width: 992px) and (min-width: 480px) {
    .top-info .wrap {
      margin-top: -webkit-calc(20px + (((100vw - 480px)/511))*40);
      margin-top: -moz-calc(20px + (((100vw - 480px)/511))*40);
      margin-top: calc(20px + (((100vw - 480px)/511))*40); } }
  @media only screen and (max-width: 1200px) and (max-width: 480px) {
    .top-info .wrap {
      margin-top: 20px; } }
  @media only screen and (max-width: 1200px) and (min-width: 992px) {
    .top-info .wrap {
      margin-bottom: 60px; } }
  @media only screen and (max-width: 1200px) and (max-width: 992px) and (min-width: 480px) {
    .top-info .wrap {
      margin-bottom: -webkit-calc(30px + (((100vw - 480px)/511))*30);
      margin-bottom: -moz-calc(30px + (((100vw - 480px)/511))*30);
      margin-bottom: calc(30px + (((100vw - 480px)/511))*30); } }
  @media only screen and (max-width: 1200px) and (max-width: 480px) {
    .top-info .wrap {
      margin-bottom: 30px; } }

.top-info .container {
  min-height: 200px; }

.top-info #infobox, .top-info #confirm {
  display: none; }

#lightcase-content .lightcase-inlineWrap {
  padding: 0 !important;
  overflow: hidden; }

@media only screen and (min-width: 768px) {
  #lightcase-content #infobox {
    width: 400px; } }

#lightcase-content #infobox span {
  font-size: 1.5rem;
  font-weight: bold;
  color: #000000;
  font-family: 'Open Sans', sans-serif;
  display: block;
  text-align: center; }
  @media only screen and (max-width: 480px) {
    #lightcase-content #infobox span {
      font-size: 1.25rem; } }

#lightcase-content #infobox .block {
  height: 85px;
  padding: 0 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  cursor: pointer; }
  #lightcase-content #infobox .block img {
    height: 60px;
    width: 60px;
    margin-right: 20px; }
  #lightcase-content #infobox .block img + div {
    font-size: 1rem;
    color: black; }
  #lightcase-content #infobox .block input {
    margin-left: auto;
    opacity: 0; }
    #lightcase-content #infobox .block input + .box:before {
      content: '';
      margin-right: 10px;
      display: inline-block;
      vertical-align: text-top;
      height: 20px;
      width: 20px;
      border: 1px solid #cccccc; }
    #lightcase-content #infobox .block input:hover + .box:before {
      background: #1d5e9e; }
    #lightcase-content #infobox .block input:focus + .box:before {
      -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
         -moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
              box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12); }
    #lightcase-content #infobox .block input:checked + .box {
      position: relative; }
    #lightcase-content #infobox .block input:checked + .box:before {
      background: #004694; }
    #lightcase-content #infobox .block input:checked + .box:after {
      content: '';
      position: absolute;
      display: block;
      left: 5px;
      top: 12px;
      background: white;
      width: 2px;
      height: 2px;
      -webkit-box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white,4px -6px 0 white,4px -8px 0 white;
         -moz-box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white,4px -6px 0 white,4px -8px 0 white;
              box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white,4px -6px 0 white,4px -8px 0 white;
      -webkit-transform: rotate(45deg);
         -moz-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
           -o-transform: rotate(45deg);
              transform: rotate(45deg); }

#lightcase-content #infobox label.block {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start; }

#lightcase-content #infobox .block:not(:last-child) {
  border-bottom: 1px solid #cccccc; }

#lightcase-content #infobox .btn {
  background-color: #004694;
  color: white;
  font-size: 1rem; }
  #lightcase-content #infobox .btn:hover {
    background-color: #1d5e9e; }

#lightcase-content #confirm {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
  #lightcase-content #confirm img + div {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 18px;
    font-size: 1.25rem;
    font-weight: bold; }
  #lightcase-content #confirm .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    #lightcase-content #confirm .row .btn:first-child {
      margin-right: 10px;
      background-color: #0767c5; }
    #lightcase-content #confirm .row .btn {
      background-color: #004694;
      color: white;
      font-size: 1rem; }
      #lightcase-content #confirm .row .btn:hover {
        background-color: #1d5e9e; }
  @media only screen and (min-width: 1200px) {
    #lightcase-content #confirm {
      height: 270px;
      width: 500px; } }
  @media only screen and (max-width: 1200px) {
    #lightcase-content #confirm {
      padding: 30px; } }
  @media only screen and (max-width: 480px) {
    #lightcase-content #confirm {
      padding: 15px; }
      #lightcase-content #confirm .btn {
        width: 120px; } }

@media only screen and (max-width: 640px) {
  #lightcase-content #infobox,
  #lightcase-content #confirm {
    background-color: #ffffff;
    text-shadow: none; } }

#detail .container {
  max-width: 1450px;
  padding-top: 70px;
  padding-bottom: 70px; }
  #detail .container table {
    border-collapse: collapse;
    width: 100%; }
  #detail .container td, #detail .container th {
    height: 50px;
    padding: 0 20px 0 50px; }
  #detail .container th {
    text-align: left; }
  #detail .container td:nth-child(1) {
    font-weight: 900;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 320px;
       -moz-box-flex: 0;
        -ms-flex: 0 0 320px;
            flex: 0 0 320px; }
  #detail .container tr:nth-child(1) th {
    background-color: #595959;
    color: white; }
  #detail .container tr:nth-child(odd) td {
    background-color: whitesmoke; }
  #detail .container tr:last-child td {
    border-top: 1px solid #dbdbdb;
    background-color: white; }
  #detail .container tr:last-child .btn {
    margin-top: 30px;
    border: 1px solid #004694;
    color: #004694; }
    #detail .container tr:last-child .btn:hover {
      background-color: #004694;
      color: white;
      -webkit-transition: background-color 0.3s, color 0.3s;
      -o-transition: background-color 0.3s, color 0.3s;
      -moz-transition: background-color 0.3s, color 0.3s;
      transition: background-color 0.3s, color 0.3s; }
  #detail .container tr:not(:first-child):hover {
    color: #1d5e9e; }
  #detail .container tr.gray td {
    background-color: #a0a0a0;
    color: white; }

@media only screen and (max-width: 1400px) {
  #detail .container {
    max-width: 1100px;
    padding-top: 50px;
    padding-bottom: 50px; }
    #detail .container td, #detail .container th {
      font-size: 0.9375rem;
      height: 45px;
      padding: 0 20px 0 30px; }
      #detail .container td:last-child .btn, #detail .container th:last-child .btn {
        margin-top: 20px; } }

#video .container {
  padding: 75px 0; }
  #video .container .block {
    display: block;
    margin: 0 auto;
    height: 750px;
    width: 1450px;
    overflow: hidden; }
  #video .container .imgLiquidFill {
    height: 100%;
    width: 100%;
    -webkit-transition: -webkit-transform 1.2s;
    transition: -webkit-transform 1.2s;
    -o-transition: -o-transform 1.2s;
    -moz-transition: transform 1.2s, -moz-transform 1.2s;
    transition: transform 1.2s;
    transition: transform 1.2s, -webkit-transform 1.2s, -moz-transform 1.2s, -o-transform 1.2s;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  #video .container .imgLiquidFill > div {
    padding: 0 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
  #video .container .play {
    color: white;
    font-size: 1.25rem;
    margin-bottom: 10px;
    text-align: center;
    width: 100%; }
  #video .container .icon-play {
    color: white;
    border: 2px solid white;
    height: 40px;
    width: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%; }
  #video .container .icon-play:before {
    font-size: 1.2rem;
    font-weight: bold;
    -webkit-transform: scale(0.75, 1) translateX(2px);
       -moz-transform: scale(0.75, 1) translateX(2px);
        -ms-transform: scale(0.75, 1) translateX(2px);
         -o-transform: scale(0.75, 1) translateX(2px);
            transform: scale(0.75, 1) translateX(2px); }
  #video .container .block:hover .imgLiquidFill {
    -webkit-transform: scale(1.06);
       -moz-transform: scale(1.06);
        -ms-transform: scale(1.06);
         -o-transform: scale(1.06);
            transform: scale(1.06);
    -webkit-transition: -webkit-transform 1.2s;
    transition: -webkit-transform 1.2s;
    -o-transition: -o-transform 1.2s;
    -moz-transition: transform 1.2s, -moz-transform 1.2s;
    transition: transform 1.2s;
    transition: transform 1.2s, -webkit-transform 1.2s, -moz-transform 1.2s, -o-transform 1.2s; }
  @media only screen and (max-width: 1650px) {
    #video .container {
      padding: 40px 0; }
      #video .container .block {
        height: 40vw;
        width: 80%; } }
  @media only screen and (max-width: 768px) {
    #video .container {
      padding: 40px 0; }
      #video .container .block {
        height: 60vw;
        width: 90%; }
      #video .container .play {
        font-size: 1.375rem;
        margin-bottom: 15px; } }
  @media only screen and (max-width: 480px) {
    #video .container .play {
      font-size: 1rem;
      margin-bottom: 8px;
      margin-top: 20px; }
    #video .container .icon-play {
      -webkit-transform: scale(0.6);
         -moz-transform: scale(0.6);
          -ms-transform: scale(0.6);
           -o-transform: scale(0.6);
              transform: scale(0.6);
      -webkit-transform-origin: 50% 0%;
         -moz-transform-origin: 50% 0%;
          -ms-transform-origin: 50% 0%;
           -o-transform-origin: 50% 0%;
              transform-origin: 50% 0%;
      border: 1px solid white; } }

#application .slider-application {
  margin-bottom: 0 !important; }
  #application .slider-application .landing {
    background-image: url(./images/26-landing.jpg);
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
    @media only screen and (min-width: 1920px) {
      #application .slider-application .landing {
        height: 400px; } }
    @media only screen and (max-width: 1919px) and (min-width: 480px) {
      #application .slider-application .landing {
        height: -webkit-calc(280px + (((100vw - 480px)/1439))*120);
        height: -moz-calc(280px + (((100vw - 480px)/1439))*120);
        height: calc(280px + (((100vw - 480px)/1439))*120); } }
    @media screen and (max-width: 480px) {
      #application .slider-application .landing {
        height: 280px; } }
  #application .slider-application .slick-dots {
    bottom: 35px; }
    #application .slider-application .slick-dots li {
      margin: 0 3px; }
      #application .slider-application .slick-dots li button:before {
        height: 10px;
        width: 10px;
        content: '';
        background-color: rgba(255, 255, 255, 0);
        border: 1px solid #FFFFFF;
        -webkit-border-radius: 50%;
           -moz-border-radius: 50%;
                border-radius: 50%;
        opacity: 0.9; }
      #application .slider-application .slick-dots li.slick-active button:before {
        background-color: #FFFFFF; }
    @media only screen and (max-width: 480px) {
      #application .slider-application .slick-dots {
        bottom: 20px; }
        #application .slider-application .slick-dots li {
          margin: 0 1px; }
          #application .slider-application .slick-dots li button:before {
            height: 10px;
            width: 10px; } }

#application .container .row {
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 50px;
  max-width: 1080px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

#application .container .text {
  max-width: 530px; }
  #application .container .text h3 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    display: block;
    text-align: center;
    margin-bottom: 15px;
    text-align: left; }
    @media only screen and (max-width: 480px) {
      #application .container .text h3 {
        font-size: 1.25rem; } }
  #application .container .text p {
    margin-top: 0;
    margin-bottom: 0.5em; }

#application .container .pic {
  height: 320px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  #application .container .pic img {
    height: 100%; }

#application .smart .text {
  color: black;
  margin-right: 100px; }

#application .technology {
  background-color: #404040; }
  #application .technology .text {
    margin-left: 50px; }
    #application .technology .text h3 {
      color: #f7f7f7; }
    #application .technology .text p {
      color: #d2d2d2; }

@media only screen and (max-width: 1200px) {
  #application .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    #application .row .text {
      max-width: 800px;
      width: 100%; }
  #application .smart .text {
    margin: 0 0 20px 0; }
  #application .technology .text {
    margin: 20px 0 0 0; } }

@media only screen and (max-width: 768px) {
  #application .smart .row, #application .technology .row {
    padding-top: 30px;
    padding-bottom: 30px; }
  #application .smart .pic, #application .technology .pic {
    height: 40vw; }
  #application .smart h3, #application .technology h3 {
    margin-top: 10px; } }

@media only screen and (max-width: 480px) {
  #application .smart .row, #application .technology .row {
    padding: 30px 0; } }

#application .related .slick-prev, #application .related .slick-next {
  height: 45px;
  width: 45px;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  border: 1px solid rgba(110, 110, 110, 0.7);
  -webkit-transition: color 0.3s, background-color 0.3s;
  -o-transition: color 0.3s, background-color 0.3s;
  -moz-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s; }
  #application .related .slick-prev:before, #application .related .slick-next:before {
    color: rgba(110, 110, 110, 0.7);
    opacity: 1;
    font-size: 0.8rem;
    font-weight: 800;
    content: "\e804";
    font-family: "fontello"; }
  #application .related .slick-prev:hover, #application .related .slick-next:hover {
    -webkit-transition: color 0.3s, background-color 0.3s;
    -o-transition: color 0.3s, background-color 0.3s;
    -moz-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s; }
  #application .related .slick-prev:hover, #application .related .slick-next:hover {
    background-color: #004694; }
    #application .related .slick-prev:hover:before, #application .related .slick-next:hover:before {
      color: #ffffff; }

#application .related .slick-prev {
  left: 4%;
  z-index: 1;
  -webkit-transform: translate(0, -50%) rotate(180deg);
     -moz-transform: translate(0, -50%) rotate(180deg);
      -ms-transform: translate(0, -50%) rotate(180deg);
       -o-transform: translate(0, -50%) rotate(180deg);
          transform: translate(0, -50%) rotate(180deg); }

#application .related .slick-next {
  right: 4%; }

@media only screen and (max-width: 1860px) {
  #application .related .slick-prev {
    left: 2%; }
  #application .related .slick-next {
    right: 2%; } }

@media only screen and (max-width: 1200px) {
  #application .related .slick-prev, #application .related .slick-next {
    height: 42px;
    width: 42px;
    border: 1px solid white;
    background-color: rgba(0, 0, 0, 0.05); }
    #application .related .slick-prev:before, #application .related .slick-next:before {
      color: #ffffff; } }

#application .related .slick-next {
  right: 4%; }

#application .related .slick-prev {
  left: 4%; }

#application .related {
  padding: 0 0 70px 0; }
  #application .related .text {
    margin-top: 50px;
    margin-bottom: 20px;
    max-width: 100%; }
  #application .related .slicker-4 {
    position: relative; }
  #application .related .slick-list {
    margin: 0 auto;
    max-width: 1456px;
    width: 80%; }
  #application .related .block {
    padding: 4px 4px; }
  #application .related .bgc {
    padding: 40px 0 25px;
    background-color: whitesmoke;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
    #application .related .bgc > span {
      font-size: 1rem;
      margin-top: 18px;
      color: black; }
    #application .related .bgc img {
      height: 10vw;
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0;
      -webkit-transition: -webkit-transform 0.6s;
      transition: -webkit-transform 0.6s;
      -o-transition: -o-transform 0.6s;
      -moz-transition: transform 0.6s, -moz-transform 0.6s;
      transition: transform 0.6s;
      transition: transform 0.6s, -webkit-transform 0.6s, -moz-transform 0.6s, -o-transform 0.6s; }
    #application .related .bgc:hover {
      background-color: #e6e6e6;
      -webkit-transition: color 0.3s, background-color 0.3s;
      -o-transition: color 0.3s, background-color 0.3s;
      -moz-transition: color 0.3s, background-color 0.3s;
      transition: color 0.3s, background-color 0.3s; }
      #application .related .bgc:hover:hover {
        -webkit-transition: color 0.3s, background-color 0.3s;
        -o-transition: color 0.3s, background-color 0.3s;
        -moz-transition: color 0.3s, background-color 0.3s;
        transition: color 0.3s, background-color 0.3s; }
      #application .related .bgc:hover img {
        -webkit-transform: scale(1.08);
           -moz-transform: scale(1.08);
            -ms-transform: scale(1.08);
             -o-transform: scale(1.08);
                transform: scale(1.08);
        -webkit-transition: -webkit-transform 0.6s;
        transition: -webkit-transform 0.6s;
        -o-transition: -o-transform 0.6s;
        -moz-transition: transform 0.6s, -moz-transform 0.6s;
        transition: transform 0.6s;
        transition: transform 0.6s, -webkit-transform 0.6s, -moz-transform 0.6s, -o-transform 0.6s; }

@media only screen and (max-width: 991px) {
  #application .related {
    margin-bottom: 50px; }
    #application .related .block img {
      height: 15vw !important; }
    #application .related .block > span {
      margin-top: 10px; } }

@media only screen and (max-width: 600px) {
  #application .related .block img {
    height: 20vw !important; } }

@media only screen and (max-width: 400px) {
  #application .related {
    margin-bottom: 0px; }
    #application .related .slick-list {
      width: 70%; }
    #application .related .block img {
      height: 28vw !important; } }

#location .landing, #join .landing, #inquiry .landing {
  background-image: url(./images/27-landing.jpg); }

#location .submenu li:first-child a, #join .submenu li:first-child a, #inquiry .submenu li:first-child a {
  white-space: normal;
  text-align: center; }

#location .container {
  padding: 55px 0 20px; }
  #location .container > h4 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    display: block;
    text-align: center;
    margin: 0 0 20px; }
    @media only screen and (max-width: 480px) {
      #location .container > h4 {
        font-size: 1.25rem; } }

#location .slicker-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
  #location .slicker-3 .slick-prev, #location .slicker-3 .slick-next {
    height: 45px;
    width: 45px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    border: 1px solid rgba(110, 110, 110, 0.7);
    -webkit-transition: color 0.3s, background-color 0.3s;
    -o-transition: color 0.3s, background-color 0.3s;
    -moz-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s; }
    #location .slicker-3 .slick-prev:before, #location .slicker-3 .slick-next:before {
      color: rgba(110, 110, 110, 0.7);
      opacity: 1;
      font-size: 0.8rem;
      font-weight: 800;
      content: "\e804";
      font-family: "fontello"; }
    #location .slicker-3 .slick-prev:hover, #location .slicker-3 .slick-next:hover {
      -webkit-transition: color 0.3s, background-color 0.3s;
      -o-transition: color 0.3s, background-color 0.3s;
      -moz-transition: color 0.3s, background-color 0.3s;
      transition: color 0.3s, background-color 0.3s; }
    #location .slicker-3 .slick-prev:hover, #location .slicker-3 .slick-next:hover {
      background-color: #004694; }
      #location .slicker-3 .slick-prev:hover:before, #location .slicker-3 .slick-next:hover:before {
        color: #ffffff; }
  #location .slicker-3 .slick-prev {
    left: 4%;
    z-index: 1;
    -webkit-transform: translate(0, -50%) rotate(180deg);
       -moz-transform: translate(0, -50%) rotate(180deg);
        -ms-transform: translate(0, -50%) rotate(180deg);
         -o-transform: translate(0, -50%) rotate(180deg);
            transform: translate(0, -50%) rotate(180deg); }
  #location .slicker-3 .slick-next {
    right: 4%; }
  @media only screen and (max-width: 1860px) {
    #location .slicker-3 .slick-prev {
      left: 2%; }
    #location .slicker-3 .slick-next {
      right: 2%; } }
  @media only screen and (max-width: 1200px) {
    #location .slicker-3 .slick-prev, #location .slicker-3 .slick-next {
      height: 42px;
      width: 42px;
      border: 1px solid white;
      background-color: rgba(0, 0, 0, 0.05); }
      #location .slicker-3 .slick-prev:before, #location .slicker-3 .slick-next:before {
        color: #ffffff; } }
  #location .slicker-3 .slick-list {
    margin: 0 auto;
    width: 86%;
    max-width: 1455px;
    -webkit-user-select: text;
       -moz-user-select: text;
        -ms-user-select: text;
            user-select: text; }
  #location .slicker-3 .block {
    margin: 0 6px 25px 6px;
    padding: 30px 10px 20px 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: space-between;
    -webkit-align-items: space-between;
       -moz-box-align: space-between;
        -ms-flex-align: space-between;
            align-items: space-between;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    border: 1px solid #e6e6e6;
    -webkit-transition: color 0.3s, background-color 0.3s;
    -o-transition: color 0.3s, background-color 0.3s;
    -moz-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s; }
    #location .slicker-3 .block:hover {
      -webkit-transition: color 0.3s, background-color 0.3s;
      -o-transition: color 0.3s, background-color 0.3s;
      -moz-transition: color 0.3s, background-color 0.3s;
      transition: color 0.3s, background-color 0.3s; }
    #location .slicker-3 .block:hover {
      background-color: whitesmoke; }
    #location .slicker-3 .block img {
      width: 130px;
      height: 130px;
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0; }
    #location .slicker-3 .block .info {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
         -moz-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
         -moz-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
      width: 100%;
      margin-left: 20px;
      font-size: 0.9375rem; }
      #location .slicker-3 .block .info .title {
        margin-bottom: 10px;
        color: black; }
        #location .slicker-3 .block .info .title span:first-child {
          position: relative;
          margin-right: 12px;
          padding-right: 12px;
          font-size: 1.25rem;
          font-weight: bold; }
          #location .slicker-3 .block .info .title span:first-child:after {
            content: "";
            display: inline-block;
            position: absolute;
            right: 0;
            bottom: 4px;
            height: 14px;
            border-right: 1px solid #666666; }
      #location .slicker-3 .block .info .addr {
        margin-bottom: auto;
        width: 100%;
        font-size: 0.875rem; }
        #location .slicker-3 .block .info .addr:before {
          margin-right: 5px;
          content: "\F031";
          display: inline-block;
          font-family: "fontello";
          color: #004694; }
      #location .slicker-3 .block .info .line:before {
        margin-bottom: 10px;
        content: "";
        display: block;
        height: 1px;
        width: 15px;
        background-color: #999999; }
      #location .slicker-3 .block .info .tel, #location .slicker-3 .block .info .mail {
        font-weight: bold; }

@media only screen and (max-width: 1300px) {
  #location .slicker-3 .block {
    padding: 30px 20px 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    #location .slicker-3 .block .info {
      max-width: 280px;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-top: 15px;
      margin-left: 0;
      text-align: center; }
      #location .slicker-3 .block .info .line {
        margin-top: 6px; }
        #location .slicker-3 .block .info .line:before {
          display: none; } }

@media only screen and (max-width: 480px) {
  #location .slicker-3 .slick-list {
    max-width: 270px; }
  #location .slicker-3 .block {
    margin-bottom: 15px;
    padding: 15px 20px; } }

#location #map {
  width: 100%;
  height: 600px; }
  #location #map .gm-style-iw .info {
    padding: 8px 0;
    font-size: 0.9rem;
    line-height: 1.5;
    font-weight: bold; }
  @media only screen and (max-width: 3330px) {
    #location #map .gm-style-iw {
      max-width: 280px; } }
  @media only screen and (max-width: 768px) {
    #location #map {
      height: 60vh; } }

#join .column {
  width: 100%;
  margin: auto;
  padding: 0 25px;
  margin: 40px auto 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  max-width: 1120px; }
  @media screen and (max-width: 480px) {
    #join .column {
      padding: 0 18px; } }
  #join .column h4 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    display: block;
    text-align: center; }
    @media only screen and (max-width: 480px) {
      #join .column h4 {
        font-size: 1.25rem; } }
  #join .column p {
    margin-top: 20px;
    text-align: center;
    width: 100%;
    max-width: 900px; }
  #join .column .row {
    margin-top: 15px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
    #join .column .row a {
      height: 50px;
      width: 200px;
      border: 1px solid #004694;
      color: #004694;
      margin: 0 5px; }
      #join .column .row a:hover {
        background-color: #004694;
        color: #ffffff;
        -webkit-transition: background-color 0.3s, color 0.3s;
        -o-transition: background-color 0.3s, color 0.3s;
        -moz-transition: background-color 0.3s, color 0.3s;
        transition: background-color 0.3s, color 0.3s; }
  #join .column img {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    width: 700px; }

@media only screen and (max-width: 768px) and (min-width: 480px) {
  #join .column .row {
    width: 100%; }
    #join .column .row a {
      width: 30%; } }

@media only screen and (max-width: 480px) {
  #join .column .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    #join .column .row a {
      margin-bottom: 10px; } }

#join .container {
  padding: 35px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  width: 100%;
  background-color: #f7f7f7; }
  #join .container .block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    max-width: 520px;
    padding: 20px 0 0;
    width: 100%;
    line-height: 1.3; }
    @media only screen and (min-width: 1900px) {
      #join .container .block {
        padding-right: 60px; } }
    @media only screen and (max-width: 1900px) and (min-width: 991px) {
      #join .container .block {
        padding-right: -webkit-calc(20px + (((100vw - 991px)/909))*40);
        padding-right: -moz-calc(20px + (((100vw - 991px)/909))*40);
        padding-right: calc(20px + (((100vw - 991px)/909))*40); } }
    @media only screen and (max-width: 991px) {
      #join .container .block {
        padding-right: 20px; } }
    @media only screen and (min-width: 1900px) {
      #join .container .block {
        padding-left: 60px; } }
    @media only screen and (max-width: 1900px) and (min-width: 991px) {
      #join .container .block {
        padding-left: -webkit-calc(20px + (((100vw - 991px)/909))*40);
        padding-left: -moz-calc(20px + (((100vw - 991px)/909))*40);
        padding-left: calc(20px + (((100vw - 991px)/909))*40); } }
    @media only screen and (max-width: 991px) {
      #join .container .block {
        padding-left: 20px; } }
    #join .container .block:not(:last-child) {
      border-right: 1px solid gainsboro; }
    #join .container .block img {
      width: 65px; }
    #join .container .block > *:not(img) {
      width: 100%; }
    #join .container .block h4 {
      margin: 15px 0;
      font-size: 1.5rem;
      font-weight: bold;
      color: #000000;
      font-family: 'Open Sans', sans-serif;
      display: block;
      text-align: center;
      font-size: 1.25rem; }
      @media only screen and (max-width: 480px) {
        #join .container .block h4 {
          font-size: 1.25rem; } }
    #join .container .block p {
      margin-bottom: 12px;
      margin-top: 0; }

@media only screen and (max-width: 991px) {
  #join .container {
    padding: 20px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    #join .container .block:not(:last-child) {
      border-right: none;
      border-bottom: 1px solid gainsboro; } }

@media only screen and (max-width: 480px) {
  #join .container .block h4 {
    margin: 6px 0; } }

#join .section {
  padding: 50px 0; }
  #join .section h4 {
    margin: 0 0 25px;
    font-size: 1.5rem;
    font-weight: bold;
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    display: block;
    text-align: center; }
    @media only screen and (max-width: 480px) {
      #join .section h4 {
        font-size: 1.25rem; } }
  #join .section .slicker-3 {
    width: 100%; }
    #join .section .slicker-3 .slick-list {
      margin: 0 auto;
      max-width: 1440px;
      width: 80%; }
    #join .section .slicker-3 .slick-next {
      right: 4%; }
    #join .section .slicker-3 .slick-prev {
      left: 4%; }
  #join .section .col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
    #join .section .col .imgwrap {
      height: 350px;
      width: 480px;
      overflow: hidden; }
      #join .section .col .imgwrap .imgLiquidFill {
        height: 100%;
        width: 100%;
        -webkit-transition: -webkit-transform 0.5s;
        transition: -webkit-transform 0.5s;
        -o-transition: -o-transform 0.5s;
        -moz-transition: transform 0.5s, -moz-transform 0.5s;
        transition: transform 0.5s;
        transition: transform 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s, -o-transform 0.5s; }
      #join .section .col .imgwrap:hover .imgLiquidFill {
        -webkit-transform: scale(1.05);
           -moz-transform: scale(1.05);
            -ms-transform: scale(1.05);
             -o-transform: scale(1.05);
                transform: scale(1.05);
        -webkit-transition: -webkit-transform 0.5s;
        transition: -webkit-transform 0.5s;
        -o-transition: -o-transform 0.5s;
        -moz-transition: transform 0.5s, -moz-transform 0.5s;
        transition: transform 0.5s;
        transition: transform 0.5s, -webkit-transform 0.5s, -moz-transform 0.5s, -o-transform 0.5s; }

#join .slicker-3 .slick-prev, #join .slicker-3 .slick-next {
  height: 45px;
  width: 45px;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  border: 1px solid rgba(110, 110, 110, 0.7);
  -webkit-transition: color 0.3s, background-color 0.3s;
  -o-transition: color 0.3s, background-color 0.3s;
  -moz-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s; }
  #join .slicker-3 .slick-prev:before, #join .slicker-3 .slick-next:before {
    color: rgba(110, 110, 110, 0.7);
    opacity: 1;
    font-size: 0.8rem;
    font-weight: 800;
    content: "\e804";
    font-family: "fontello"; }
  #join .slicker-3 .slick-prev:hover, #join .slicker-3 .slick-next:hover {
    -webkit-transition: color 0.3s, background-color 0.3s;
    -o-transition: color 0.3s, background-color 0.3s;
    -moz-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s; }
  #join .slicker-3 .slick-prev:hover, #join .slicker-3 .slick-next:hover {
    background-color: #004694; }
    #join .slicker-3 .slick-prev:hover:before, #join .slicker-3 .slick-next:hover:before {
      color: #ffffff; }

#join .slicker-3 .slick-prev {
  left: 4%;
  z-index: 1;
  -webkit-transform: translate(0, -50%) rotate(180deg);
     -moz-transform: translate(0, -50%) rotate(180deg);
      -ms-transform: translate(0, -50%) rotate(180deg);
       -o-transform: translate(0, -50%) rotate(180deg);
          transform: translate(0, -50%) rotate(180deg); }

#join .slicker-3 .slick-next {
  right: 4%; }

@media only screen and (max-width: 1860px) {
  #join .slicker-3 .slick-prev {
    left: 2%; }
  #join .slicker-3 .slick-next {
    right: 2%; } }

@media only screen and (max-width: 1200px) {
  #join .slicker-3 .slick-prev, #join .slicker-3 .slick-next {
    height: 42px;
    width: 42px;
    border: 1px solid white;
    background-color: rgba(0, 0, 0, 0.05); }
    #join .slicker-3 .slick-prev:before, #join .slicker-3 .slick-next:before {
      color: #ffffff; } }

@media only screen and (max-width: 1800px) {
  #join .slicker-3 .col .imgwrap {
    width: auto;
    height: 17vw; } }

@media only screen and (max-width: 768px) {
  #join .slicker-3 .col .imgwrap {
    height: 28vw; } }

@media only screen and (max-width: 480px) {
  #join .slicker-3 .col .imgwrap {
    height: 55vw; } }

#inquiry .subtitle {
  font-size: 1.5rem;
  font-weight: bold;
  color: #000000;
  font-family: 'Open Sans', sans-serif;
  display: block;
  text-align: center; }
  @media only screen and (max-width: 480px) {
    #inquiry .subtitle {
      font-size: 1.25rem; } }

#inquiry .typelist {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #f7f7f7; }
  #inquiry .typelist .row {
    margin-top: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
    #inquiry .typelist .row .block {
      display: inline-block;
      padding: 20px 12px;
      -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
              border-radius: 10px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
      margin: 0 18px; }
      #inquiry .typelist .row .block .wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
           -moz-box-orient: horizontal;
           -moz-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
        position: relative; }
      #inquiry .typelist .row .block span {
        margin-top: 20px;
        font-size: 1.125rem;
        color: #1e1e1e; }
    #inquiry .typelist .row .block:not(.mark) {
      display: none; }
    #inquiry .typelist .row .block.mark {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex; }
      #inquiry .typelist .row .block.mark .wrap:after {
        content: url(./images/31-delete.png);
        width: 50px;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
           -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
             -o-transform: translateX(-50%);
                transform: translateX(-50%);
        opacity: 0; }
        @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
          #inquiry .typelist .row .block.mark .wrap:after {
            -webkit-transform: translateY(-50%) translateX(-50%);
               -moz-transform: translateY(-50%) translateX(-50%);
                -ms-transform: translateY(-50%) translateX(-50%);
                 -o-transform: translateY(-50%) translateX(-50%);
                    transform: translateY(-50%) translateX(-50%); } }
    #inquiry .typelist .row .block:hover {
      background-color: #ebebeb;
      -webkit-transition: color 0.3s, background-color 0.3s;
      -o-transition: color 0.3s, background-color 0.3s;
      -moz-transition: color 0.3s, background-color 0.3s;
      transition: color 0.3s, background-color 0.3s; }
      #inquiry .typelist .row .block:hover:hover {
        -webkit-transition: color 0.3s, background-color 0.3s;
        -o-transition: color 0.3s, background-color 0.3s;
        -moz-transition: color 0.3s, background-color 0.3s;
        transition: color 0.3s, background-color 0.3s; }
      #inquiry .typelist .row .block:hover .wrap:after {
        -webkit-transition: opacity 0.3s;
        -o-transition: opacity 0.3s;
        -moz-transition: opacity 0.3s;
        transition: opacity 0.3s;
        opacity: 1; }

@media only screen and (max-width: 1366px) {
  #inquiry .typelist {
    padding-top: 40px;
    padding-bottom: 40px; }
    #inquiry .typelist .row .block {
      max-width: 180px;
      margin: 0 10px; } }

@media only screen and (max-width: 1168px) {
  #inquiry .typelist .row {
    overflow: auto;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
    #inquiry .typelist .row .block {
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0; } }
    @media only screen and (max-width: 1168px) and (-ms-high-contrast: active), only screen and (max-width: 1168px) and (-ms-high-contrast: none) {
      #inquiry .typelist .row .block {
        -webkit-flex-shrink: 1;
            -ms-flex-negative: 1;
                flex-shrink: 1; } }

@media only screen and (max-width: 768px) {
  #inquiry .typelist {
    padding-top: 30px;
    padding-bottom: 30px; }
    #inquiry .typelist .row {
      margin-top: 5px; }
      #inquiry .typelist .row .block {
        max-width: 150px;
        margin: 0 8px; } }

@media only screen and (max-width: 480px) {
  #inquiry .typelist .row .block {
    margin: 0 6px; }
    #inquiry .typelist .row .block span {
      margin-top: 8px; } }

#inquiry .container {
  padding-top: 60px;
  padding-bottom: 60px; }
  @media only screen and (max-width: 480px) {
    #inquiry .container {
      padding-top: 40px;
      padding-bottom: 40px; } }
  #inquiry .container .intro {
    margin: 15px auto 25px;
    width: 86%;
    max-width: 700px;
    text-align: center;
    color: gray; }
    #inquiry .container .intro a {
      color: #004694;
      font-weight: bold; }
    @media only screen and (max-width: 768px) {
      #inquiry .container .intro {
        text-align: justify; } }
    @media only screen and (max-width: 480px) {
      #inquiry .container .intro {
        width: 100%; } }
  #inquiry .container form {
    margin: 0 auto;
    width: 80%;
    max-width: 1200px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    white-space: nowrap; }
    #inquiry .container form .star:after {
      content: "*";
      display: inline-block;
      color: #d7232d; }
    #inquiry .container form .group {
      margin-bottom: 8px;
      font-size: 1rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
         -moz-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
      min-height: 45px;
      width: -webkit-calc(50% - 15px);
      width: -moz-calc(50% - 15px);
      width: calc(50% - 15px); }
      #inquiry .container form .group label {
        width: 100px;
        -webkit-flex-shrink: 0;
            -ms-flex-negative: 0;
                flex-shrink: 0;
        color: #1e1e1e; }
      #inquiry .container form .group input, #inquiry .container form .group textarea, #inquiry .container form .group select {
        border: 1px solid #e5e5e5;
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;
        color: gray;
        padding: 0 10px;
        height: 45px;
        width: 100%; }
        #inquiry .container form .group input:hover, #inquiry .container form .group textarea:hover, #inquiry .container form .group select:hover {
          background-color: #fafafa; }
        #inquiry .container form .group input:focus, #inquiry .container form .group textarea:focus, #inquiry .container form .group select:focus {
          border-color: #c6d6e6; }
      #inquiry .container form .group textarea {
        padding: 10px;
        height: 220px; }
      #inquiry .container form .group select {
        font-size: 1rem;
        padding: 0 10px;
        background-repeat: no-repeat;
        background-position: right center;
        background-image: url("./images/tri.png");
        -moz-background-size: 30px;
          -o-background-size: 30px;
             background-size: 30px; }
        #inquiry .container form .group select::-ms-expand {
          display: none; }
    #inquiry .container form .group.radio {
      width: 100%; }
      #inquiry .container form .group.radio span {
        margin-right: 25px;
        color: #000000; }
      #inquiry .container form .group.radio .radio-wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
           -moz-box-orient: horizontal;
           -moz-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
           -moz-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap; }
        #inquiry .container form .group.radio .radio-wrap > div {
          margin-right: 25px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-direction: row;
             -moz-box-orient: horizontal;
             -moz-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
             -moz-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          -webkit-box-align: center;
          -webkit-align-items: center;
             -moz-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-flex-wrap: nowrap;
              -ms-flex-wrap: nowrap;
                  flex-wrap: nowrap; }
          #inquiry .container form .group.radio .radio-wrap > div label {
            width: auto;
            margin-left: 7px;
            color: gray; }
          #inquiry .container form .group.radio .radio-wrap > div input[type="radio"] {
            height: 15px;
            width: 15px;
            background-color: #fff;
            -webkit-flex-shrink: 0;
                -ms-flex-negative: 0;
                    flex-shrink: 0; }
        @media only screen and (max-width: 480px) {
          #inquiry .container form .group.radio .radio-wrap > div label {
            margin-left: 5px;
            margin: 0; }
          #inquiry .container form .group.radio .radio-wrap > div input[type="radio"] {
            height: auto;
            width: auto;
            margin: 0; } }
    #inquiry .container form .group.w100 {
      width: 100%; }
      #inquiry .container form .group.w100 label {
        width: auto;
        margin-right: 18px; }
    #inquiry .container form .group.area {
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
         -moz-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
      #inquiry .container form .group.area label {
        margin-top: 15px; }
    #inquiry .container form .verify {
      width: 710px; }
      #inquiry .container form .verify label {
        width: 160px; }
      #inquiry .container form .verify label + div {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
           -moz-box-orient: horizontal;
           -moz-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
           -moz-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
           -moz-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap; }
        #inquiry .container form .verify label + div .codepic {
          -webkit-flex-shrink: 0;
              -ms-flex-negative: 0;
                  flex-shrink: 0;
          margin-left: 10px;
          cursor: pointer; }
  #inquiry .container .wrap {
    width: 100%;
    margin-top: 40px; }
    #inquiry .container .wrap a {
      margin: 0 auto;
      height: 45px;
      width: 180px; }

@media only screen and (max-width: 1100px) and (min-width: 991px) {
  #inquiry .container form .group.radio.except span {
    margin-right: 10px; }
  #inquiry .container form .group.radio.except .radio-wrap label {
    margin-left: 5px; } }

@media only screen and (max-width: 991px) {
  #inquiry .container form .group.radio {
    padding: 12px 0; }
    #inquiry .container form .group.radio .radio-wrap {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      #inquiry .container form .group.radio .radio-wrap > div {
        margin-top: 8px; } }

@media only screen and (max-width: 768px) {
  #inquiry .container form {
    width: 100%; }
    #inquiry .container form .group {
      width: -webkit-calc(100% - 15px);
      width: -moz-calc(100% - 15px);
      width: calc(100% - 15px);
      max-width: 500px;
      margin: 0 auto 9px; }
    #inquiry .container form .sm-w100 {
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      #inquiry .container form .sm-w100 > label, #inquiry .container form .sm-w100 span {
        margin-bottom: 8px; }
    #inquiry .container form .group.area textarea {
      height: 25vw; }
    #inquiry .container form .group.area label {
      margin-top: 0; } }

@media only screen and (max-width: 480px) {
  #inquiry .container form .group {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    #inquiry .container form .group > label, #inquiry .container form .group span {
      margin-bottom: 8px; } }

#inquiry #confirm {
  display: none; }

#lightcase-content #confirm.large img {
  max-width: 62px; }

#lightcase-content #confirm.large img + div {
  font-size: 1.125rem; }

#lightcase-content #confirm.large .except {
  line-height: 1.1;
  max-width: 340px;
  font-size: 1.0625rem;
  text-align: center;
  margin-top: -12px;
  margin-bottom: 20px;
  color: #787878; }

#lightcase-content #confirm.large .row .btn {
  background-color: #004694;
  margin: 0; }
  #lightcase-content #confirm.large .row .btn:hover {
    background-color: #1d5e9e; }

@media only screen and (min-width: 1200px) {
  #lightcase-content #confirm.large {
    height: 300px;
    width: 500px; } }

#privacy .landing {
  background-image: url(./images/32-landing.jpg); }

#privacy .container {
  margin-top: 45px;
  max-width: 1000px; }

#privacy .prev {
  font-size: 1rem;
  margin-bottom: 30px;
  font-weight: bold; }

#privacy .block {
  margin-bottom: 40px; }
  #privacy .block span {
    display: block;
    margin-bottom: 15px;
    font-size: 1.25rem;
    color: black;
    font-weight: bold; }
    #privacy .block span:before {
      display: inline-block;
      margin-right: 14px;
      margin-bottom: -4px;
      content: "";
      height: 22px;
      width: 1px;
      border-left: 3px solid #004694; }
  #privacy .block li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    margin-bottom: 10px; }
    #privacy .block li:before {
      content: "";
      margin: 8px 13px 0px 18px;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 8px;
         -moz-box-flex: 0;
          -ms-flex: 0 0 8px;
              flex: 0 0 8px;
      height: 8px;
      display: block;
      border: 1px solid #ef2e32;
      -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
              border-radius: 50%; }
  #privacy .block .highlight {
    margin: 15px 0;
    font-weight: bold; }

/* ==========================================================================
	clear
 @mixin ========================================================================= */
button, select {
  text-transform: none; }

button, html input[type="button"] {
  -webkit-appearance: button;
  cursor: pointer; }

input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

input[type="search"] {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }
  input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

button {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  display: inline-block; }

figure, address {
  padding: 0;
  margin: 0; }

* {
  outline: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

/* ==========================================================================
    public
 @mixin ========================================================================= */
@media screen and (min-width: 992px) {
  html {
    font-size: 15px;
    line-height: 1.35; } }

@media only screen and (max-width: 992px) and (min-width: 768px) {
  html {
    line-height: 1.3;
    font-size: 15px; } }

@media only screen and (max-width: 768px) {
  html {
    line-height: 1.3;
    font-size: 14.5px; } }

body {
  margin: 0;
  padding: 0;
  height: 100.1% !important;
  overflow-x: hidden;
  font-family: 'Roboto',"Open Sans", Verdana, Heiti TC, Microsoft JhengHei, "微軟正黑體";
  color: #4d4d4d;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: hidden; }

.safari body {
  -webkit-text-size-adjust: none; }

body:after {
  display: block;
  content: "We're sorry! this website does not support your browser, please upgrade your browser, thank you.";
  position: fixed;
  z-index: 100000000000000;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  padding: 50px;
  background-color: #fff;
  text-align: center;
  font-size: 20px;
  color: #3f3f3f; }

:root body:after {
  display: none; }

.wp {
  min-width: 320px;
  overflow: hidden;
  background-color: #fff; }

/* ==========================================================================
    public
 @mixin ========================================================================= */
button {
  outline: none !important; }

a {
  outline: none !important;
  cursor: pointer;
  text-decoration: none;
  behavior: expression(this.onFocus=this.blur());
  -webkit-transition: color 0s ease-in-out;
  -o-transition: color 0s ease-in-out;
  -moz-transition: color 0s ease-in-out;
  transition: color 0s ease-in-out; }
  a:active {
    cursor: pointer;
    text-decoration: none;
    behavior: expression(this.onFocus=this.blur()); }

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
  line-height: normal; }

img {
  max-width: 100%;
  height: auto;
  border: none;
  -o-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
      user-select: none; }

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

.hidden {
  display: none; }

ul.noneStyle {
  margin: 0;
  padding: 0; }
  ul.noneStyle > li {
    list-style: none; }

.form {
  display: block; }
  .form .group {
    margin-bottom: 20px; }
    .form .group:after {
      content: '';
      display: block;
      clear: both; }

textarea {
  resize: none; }

::-webkit-input-placeholder, ::-moz-placeholder, ::-o-placeholder, ::-ms-placeholder, ::-ms-input-placeholder {
  color: #888888; }

select {
  -webkit-appearance: none;
  -moz-appearance: none; }

.scrollbar {
  -webkit-overflow-scrolling: touch; }

.scrollbarX {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto; }

.scrollbar {
  -webkit-overflow-scrolling: touch; }

.scrollbarY {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto; }

table {
  -webkit-backface-visibility: visible; }

.table {
  width: 100%;
  border-collapse: collapse; }

.msie .table {
  table-layout: fixed; }

.textLeft {
  text-align: left !important; }

.textCenter {
  text-align: center !important; }

.textRight {
  text-align: right !important; }

@media only screen and (min-width: 992px) {
  main > *:not(#nav) {
    margin-left: 90px; } }

@media only screen and (max-width: 991px) {
  main > *:not(#nav):not(#footer) {
    margin-left: 0;
    margin-top: 55px; } }

main a {
  color: #4d4d4d; }

a.btn {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
  width: 150px;
  border: 1px solid #004694;
  color: #004694;
  -webkit-transition: color 0.3s, background-color 0.3s;
  -o-transition: color 0.3s, background-color 0.3s;
  -moz-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s; }
  a.btn:hover {
    -webkit-transition: color 0.3s, background-color 0.3s;
    -o-transition: color 0.3s, background-color 0.3s;
    -moz-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s; }
  a.btn:hover {
    background-color: #004694;
    color: white; }
  a.btn:active {
    background-color: green #004694; }

.container {
  width: 100%;
  margin: auto;
  padding: 0 25px; }
  @media only screen and (max-width: 480px) {
    .container {
      padding: 0 18px; } }

.landing {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  width: 100%;
  margin: auto;
  padding: 0 25px;
  color: white;
  background-position: center;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover; }
  @media screen and (max-width: 480px) {
    .landing {
      padding: 0 18px; } }
  .landing h2 {
    letter-spacing: 0.5px; }
    @media only screen and (min-width: 1920px) {
      .landing h2 {
        font-size: 35px; } }
    @media only screen and (max-width: 1919px) and (min-width: 480px) {
      .landing h2 {
        font-size: -webkit-calc(25px + (((100vw - 480px)/1439))*10);
        font-size: -moz-calc(25px + (((100vw - 480px)/1439))*10);
        font-size: calc(25px + (((100vw - 480px)/1439))*10); } }
    @media screen and (max-width: 480px) {
      .landing h2 {
        font-size: 25px; } }

@media only screen and (min-width: 1920px) {
  .landing.slogan {
    height: 340px; } }

@media only screen and (max-width: 1919px) and (min-width: 480px) {
  .landing.slogan {
    height: -webkit-calc(180px + (((100vw - 480px)/1439))*160);
    height: -moz-calc(180px + (((100vw - 480px)/1439))*160);
    height: calc(180px + (((100vw - 480px)/1439))*160); } }

@media screen and (max-width: 480px) {
  .landing.slogan {
    height: 180px; } }

@media only screen and (min-width: 1920px) {
  .landing.contact {
    height: 420px; } }

@media only screen and (max-width: 1919px) and (min-width: 480px) {
  .landing.contact {
    height: -webkit-calc(300px + (((100vw - 480px)/1439))*120);
    height: -moz-calc(300px + (((100vw - 480px)/1439))*120);
    height: calc(300px + (((100vw - 480px)/1439))*120); } }

@media screen and (max-width: 480px) {
  .landing.contact {
    height: 300px; } }

.landing.contact .wrap {
  max-width: 720px;
  width: 100%; }

.landing.contact h2 {
  margin: 18px 0; }

.landing.contact .inner {
  position: relative;
  font-size: 1.0625rem;
  color: white; }
  .landing.contact .inner span:first-child {
    display: block; }

.landing.contact .link {
  margin-left: 12px;
  padding: 12px 17px 13px;
  color: white;
  background-color: #d7232d;
  white-space: nowrap; }
  .landing.contact .link:hover {
    color: white;
    background-color: #ef2e32;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s; }

@media screen and (max-width: 992px) {
  .landing.contact .inner {
    font-size: 0.9375rem; }
    .landing.contact .inner span:nth-child(2) {
      display: block;
      margin-bottom: 25px; } }

@media screen and (max-width: 480px) {
  .landing.contact .wrap h2 {
    margin: 10px 0; } }

.submenu {
  background-color: white;
  border-bottom: 1px solid #e5e5e5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
  .submenu li {
    border-right: 1px solid #e5e5e5; }
    .submenu li:first-child {
      border-left: 1px solid #e5e5e5; }
    .submenu li a {
      display: block;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
      font-size: 1rem;
      height: 50px;
      white-space: nowrap;
      width: 33.3vw;
      max-width: 150px; }
  .submenu li.active {
    background-color: #004694;
    border: none; }
    .submenu li.active a {
      color: #ededed; }
  .submenu li:hover {
    background-color: #1d5e9e;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s; }
    .submenu li:hover a {
      color: #FFF;
      -webkit-transition: color 0.3s;
      -o-transition: color 0.3s;
      -moz-transition: color 0.3s;
      transition: color 0.3s; }
  @media only screen and (max-width: 480px) {
    .submenu li a {
      width: auto;
      padding: 0 20px; } }

.dashboard {
  padding: 28px 0;
  background-color: whitesmoke;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
  .dashboard > * {
    margin: 0 6px; }
  .dashboard .title {
    margin-right: 20px;
    color: #333333;
    font-size: 1.125rem;
    cursor: default; }
    @media only screen and (max-width: 480px) {
      .dashboard .title {
        margin-bottom: 15px; } }

.dashboard .group select {
  height: 45px;
  background-color: #fff;
  padding: 0 15px;
  color: #666666;
  border: 1px solid #cccccc;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: right center;
  background-image: url("./images/tri.png");
  -moz-background-size: 30px;
    -o-background-size: 30px;
       background-size: 30px; }
  @media only screen and (min-width: 992px) {
    .dashboard .group select {
      width: 290px; } }
  @media only screen and (max-width: 992px) and (min-width: 480px) {
    .dashboard .group select {
      width: -webkit-calc(160px + (((100vw - 480px)/511))*130);
      width: -moz-calc(160px + (((100vw - 480px)/511))*130);
      width: calc(160px + (((100vw - 480px)/511))*130); } }
  @media screen and (max-width: 480px) {
    .dashboard .group select {
      width: 160px; } }
  .dashboard .group select::-ms-expand {
    display: none; }

.dashboard .group:hover select {
  color: #004694;
  border-color: #004694;
  -webkit-transition: border-color 0.3s, color 0.3s;
  -o-transition: border-color 0.3s, color 0.3s;
  -moz-transition: border-color 0.3s, color 0.3s;
  transition: border-color 0.3s, color 0.3s; }

@media only screen and (max-width: 480px) {
  .dashboard.twice {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .dashboard.twice .group {
      width: 80%; }
    .dashboard.twice select {
      width: 100%;
      margin-bottom: 10px; } }

.dashboard.third .search {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 45px;
  width: 250px; }
  .dashboard.third .search input[type="search"] {
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    padding: 0 15px;
    background-color: #fff;
    color: #666666;
    border: 1px solid #cccccc; }
    .dashboard.third .search input[type="search"]:focus {
      border-color: #004694;
      color: #004694; }
  .dashboard.third .search input[type="submit"] {
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0; }
  .dashboard.third .search:after {
    content: "\e802";
    font-size: 1.2rem;
    font-family: "fontello";
    position: absolute;
    top: 0;
    right: 15px;
    pointer-events: none;
    line-height: 43px; }
  .dashboard.third .search:hover input[type="search"] {
    color: #004694;
    border-color: #004694;
    -webkit-transition: border-color 0.3s, color 0.3s;
    -o-transition: border-color 0.3s, color 0.3s;
    -moz-transition: border-color 0.3s, color 0.3s;
    transition: border-color 0.3s, color 0.3s; }
    .dashboard.third .search:hover input[type="search"]::-webkit-input-placeholder {
      color: #004694; }
    .dashboard.third .search:hover input[type="search"]:-moz-placeholder {
      color: #004694; }
    .dashboard.third .search:hover input[type="search"]::-moz-placeholder {
      color: #004694; }
    .dashboard.third .search:hover input[type="search"]:-ms-input-placeholder {
      color: #004694; }
    .dashboard.third .search:hover input[type="search"]::-ms-input-placeholder {
      color: #004694; }
    .dashboard.third .search:hover input[type="search"]::placeholder {
      color: #004694; }
  .dashboard.third .search:hover:after {
    color: #004694;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s; }

@media only screen and (max-width: 1440px) and (min-width: 768px) {
  .dashboard.third select, .dashboard.third .search {
    width: 20vw;
    max-width: 220px; } }

@media only screen and (max-width: 768px) and (min-width: 480px) {
  .dashboard.third {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .dashboard.third .title {
      padding: 0 18px; }
    .dashboard.third > * {
      margin: 0 6px 10px 6px; }
    .dashboard.third .title, .dashboard.third select, .dashboard.third .search {
      width: -webkit-calc(50vw - 12px);
      width: -moz-calc(50vw - 12px);
      width: calc(50vw - 12px);
      max-width: 250px; } }

@media screen and (max-width: 480px) {
  .dashboard.third {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .dashboard.third .group, .dashboard.third .search {
      width: 80%; }
    .dashboard.third select {
      margin-bottom: 10px;
      width: 100%; } }

.type {
  margin: 20px auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  @media only screen and (max-width: 680px) {
    .type {
      width: 100%; }
      .type ul {
        display: none; }
      .type select {
        height: 45px;
        background-color: #fff;
        padding: 0 18px;
        color: #666666;
        border: 1px solid #cccccc;
        cursor: pointer;
        background-repeat: no-repeat;
        background-position: right center;
        background-image: url("./images/tri.png");
        -moz-background-size: 30px;
          -o-background-size: 30px;
             background-size: 30px; } }
    @media only screen and (max-width: 680px) and (min-width: 992px) {
      .type select {
        width: 290px; } }
    @media only screen and (max-width: 680px) and (max-width: 992px) and (min-width: 480px) {
      .type select {
        width: -webkit-calc(170px + (((100vw - 480px)/511))*120);
        width: -moz-calc(170px + (((100vw - 480px)/511))*120);
        width: calc(170px + (((100vw - 480px)/511))*120); } }
    @media only screen and (max-width: 680px) and (max-width: 480px) {
      .type select {
        width: 170px; } }
  @media only screen and (max-width: 680px) {
        .type select::-ms-expand {
          display: none; }
      .type:hover select {
        color: #004694;
        border-color: #004694;
        -webkit-transition: border-color 0.3s, color 0.3s;
        -o-transition: border-color 0.3s, color 0.3s;
        -moz-transition: border-color 0.3s, color 0.3s;
        transition: border-color 0.3s, color 0.3s; } }
  @media only screen and (min-width: 681px) {
    .type select {
      display: none; }
    .type ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
      padding: 15px 0;
      min-width: 640px; }
      .type ul li {
        line-height: 1;
        font-size: 1rem;
        color: gray;
        padding: 0 25px; }
      .type ul li:not(:last-child) {
        border-right: 1px solid #b2b2b2; }
      .type ul li:after {
        content: "";
        width: 0%;
        display: block;
        border-bottom: 1px solid #ffffff;
        position: relative;
        bottom: -8px; }
      .type ul li.active a {
        color: #004694; }
      .type ul li.active:after {
        border-color: #004694;
        width: 100%; }
      .type ul li:hover a {
        color: #004694; }
      .type ul li:hover:after {
        border-color: #004694;
        width: 100%;
        -webkit-transition: width 0.2s, border 0.2s;
        -o-transition: width 0.2s, border 0.2s;
        -moz-transition: width 0.2s, border 0.2s;
        transition: width 0.2s, border 0.2s; } }

.pages {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
  .pages li:first-child a {
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg); }
  .pages li {
    margin: 0 3px;
    height: 42px;
    width: 42px; }
    .pages li a {
      display: block;
      height: 100%;
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
      line-height: 1.5;
      color: black; }
      .pages li a.active {
        background-color: #004694;
        color: white; }
      .pages li a:hover {
        background-color: #1d5e9e;
        color: white;
        -webkit-transition: background-color 0.3s, color 0.3s;
        -o-transition: background-color 0.3s, color 0.3s;
        -moz-transition: background-color 0.3s, color 0.3s;
        transition: background-color 0.3s, color 0.3s; }
    .pages li [class^="icon"] {
      color: #646464; }
      .pages li [class^="icon"]:before {
        font-size: 1rem;
        -webkit-transform: scale(0.6);
           -moz-transform: scale(0.6);
            -ms-transform: scale(0.6);
             -o-transform: scale(0.6);
                transform: scale(0.6); }

@media only screen and (min-width: 769px) {
  .animation-wrap .drag-animation {
    display: none; }
  .animation-wrap.in-view {
    -webkit-animation: fade-in 1s forwards;
       -moz-animation: fade-in 1s forwards;
         -o-animation: fade-in 1s forwards;
            animation: fade-in 1s forwards; } }

@media only screen and (max-width: 768px) {
  .animation-wrap.animate {
    position: relative;
    opacity: 1; }
    .animation-wrap.animate .drag-animation {
      opacity: 0;
      pointer-events: none; }
  .animation-wrap.in-view .drag-animation {
    z-index: 10;
    opacity: 1;
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(40, 40, 40, 0.4);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: rew;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: rew;
            flex-direction: rew;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-animation: hide 1s 3.6s;
       -moz-animation: hide 1s 3.6s;
         -o-animation: hide 1s 3.6s;
            animation: hide 1s 3.6s;
    -webkit-animation-fill-mode: forwards;
       -moz-animation-fill-mode: forwards;
         -o-animation-fill-mode: forwards;
            animation-fill-mode: forwards; }
    .animation-wrap.in-view .drag-animation span {
      margin-top: 80px;
      color: #ffffff;
      font-size: 2.5rem;
      -webkit-animation: drag 1.8s ease-in-out 2;
         -moz-animation: drag 1.8s ease-in-out 2;
           -o-animation: drag 1.8s ease-in-out 2;
              animation: drag 1.8s ease-in-out 2; }
  @-webkit-keyframes drag {
    0%, 50%, 100% {
      -webkit-transform: translateX(0%);
              transform: translateX(0%); }
    25% {
      -webkit-transform: translateX(80%);
              transform: translateX(80%); }
    75% {
      -webkit-transform: translateX(-80%);
              transform: translateX(-80%); } }
  @-moz-keyframes drag {
    0%, 50%, 100% {
      -moz-transform: translateX(0%);
           transform: translateX(0%); }
    25% {
      -moz-transform: translateX(80%);
           transform: translateX(80%); }
    75% {
      -moz-transform: translateX(-80%);
           transform: translateX(-80%); } }
  @-o-keyframes drag {
    0%, 50%, 100% {
      -o-transform: translateX(0%);
         transform: translateX(0%); }
    25% {
      -o-transform: translateX(80%);
         transform: translateX(80%); }
    75% {
      -o-transform: translateX(-80%);
         transform: translateX(-80%); } }
  @keyframes drag {
    0%, 50%, 100% {
      -webkit-transform: translateX(0%);
         -moz-transform: translateX(0%);
           -o-transform: translateX(0%);
              transform: translateX(0%); }
    25% {
      -webkit-transform: translateX(80%);
         -moz-transform: translateX(80%);
           -o-transform: translateX(80%);
              transform: translateX(80%); }
    75% {
      -webkit-transform: translateX(-80%);
         -moz-transform: translateX(-80%);
           -o-transform: translateX(-80%);
              transform: translateX(-80%); } }
  @-webkit-keyframes hide {
    0% {
      opacity: 1; }
    100% {
      opacity: 0; } }
  @-moz-keyframes hide {
    0% {
      opacity: 1; }
    100% {
      opacity: 0; } }
  @-o-keyframes hide {
    0% {
      opacity: 1; }
    100% {
      opacity: 0; } }
  @keyframes hide {
    0% {
      opacity: 1; }
    100% {
      opacity: 0; } } }

@media only screen and (max-width: 768px) and (-ms-high-contrast: active), only screen and (max-width: 768px) and (-ms-high-contrast: none) {
  .animation-wrap.in-view .drag-animation {
    display: none; } }

#footer {
  background-color: #004694; }
  #footer address {
    font-style: normal !important; }
  #footer .container {
    max-width: 1000px;
    padding-top: 50px;
    padding-bottom: 50px; }
    #footer .container a {
      color: #cccccc;
      font-size: 0.875rem;
      font-family: 'Lato', serif; }
    #footer .container a:hover:not(.nolink) {
      color: white;
      -webkit-transition: color 0.3s;
      -o-transition: color 0.3s;
      -moz-transition: color 0.3s;
      transition: color 0.3s; }
    #footer .container a.nolink {
      cursor: default; }
    #footer .container .menu {
      margin-bottom: 40px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
         -moz-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
         -moz-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
      height: 150px; }
      #footer .container .menu li {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
           -moz-box-orient: vertical;
           -moz-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
           -moz-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
           -moz-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
        width: -webkit-calc(100% / 6);
        width: -moz-calc(100% / 6);
        width: calc(100% / 6);
        height: 100%; }
        #footer .container .menu li a {
          display: block;
          text-align: center;
          font-size: 0.8125rem; }
        #footer .container .menu li a:first-child {
          margin-bottom: 6px;
          font-size: 1rem;
          color: #e6e6e6; }
        #footer .container .menu li a:hover {
          color: white;
          -webkit-transition: color 0.3s;
          -o-transition: color 0.3s;
          -moz-transition: color 0.3s;
          transition: color 0.3s; }
        #footer .container .menu li a:not(:first-child) {
          line-height: 1.7; }
      #footer .container .menu li:not(:last-child) {
        border-right: 0.5px solid #5082b3; }
    #footer .container .logo {
      margin-bottom: 20px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
         -moz-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; }
      #footer .container .logo a {
        margin: 0 5px;
        height: 34px;
        width: 34px;
        display: block;
        border: 2px solid #c6d6e6;
        -webkit-border-radius: 50%;
           -moz-border-radius: 50%;
                border-radius: 50%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
           -moz-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
           -moz-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        #footer .container .logo a i {
          font-size: 1rem;
          position: relative; }
          #footer .container .logo a i.icon-linkedin {
            top: -1px; }
      #footer .container .logo a:hover {
        -webkit-transition: color 0.3s, background-color 0.3s;
        -o-transition: color 0.3s, background-color 0.3s;
        -moz-transition: color 0.3s, background-color 0.3s;
        transition: color 0.3s, background-color 0.3s;
        background-color: #cccccc; }
        #footer .container .logo a:hover:hover {
          -webkit-transition: color 0.3s, background-color 0.3s;
          -o-transition: color 0.3s, background-color 0.3s;
          -moz-transition: color 0.3s, background-color 0.3s;
          transition: color 0.3s, background-color 0.3s; }
        #footer .container .logo a:hover i {
          color: #004694; }
    #footer .container .group {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
         -moz-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; }
      #footer .container .group a {
        display: block;
        padding: 0 8px; }
    #footer .container .logo + .group a:not(:last-child):after {
      content: "";
      border-right: 0.5px solid #c6d6e6;
      padding: 0 8px; }
    #footer .container .group:last-child a {
      font-size: 0.875rem;
      line-height: 1.6; }
    #footer .container .group:last-child a:last-child {
      text-decoration: underline; }
  @media screen and (max-width: 992px) {
    #footer .container {
      padding-top: 40px; }
      #footer .container .menu {
        display: none; }
      #footer .container .group {
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
        #footer .container .group a {
          text-align: center; }
      #footer .container .logo + .group a:nth-child(2):after {
        border-right: none; } }
  @media screen and (max-width: 480px) {
    #footer .container {
      padding: 30px 25px; }
      #footer .container a {
        letter-spacing: 0px;
        font-size: 0.8rem !important; }
      #footer .container .logo + .group a:after {
        border: none !important;
        padding: 0 !important; }
      #footer .container .logo + .group a {
        width: 100%;
        line-height: 1.7; }
      #footer .container .logo + .group a.addr {
        margin-bottom: 15px; }
        #footer .container .logo + .group a.addr span {
          display: block; }
      #footer .container .group:last-child a {
        padding: 0 3px; } }

@media screen and (-ms-high-contrast: active) and (max-width: 992px), screen and (-ms-high-contrast: none) and (max-width: 992px) {
  #footer .container {
    line-height: 1.5; } }

#nav {
  z-index: 60;
  background-color: white;
  position: fixed;
  top: 0;
  left: 0; }
  #nav .search, #nav .language {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
    #nav .search [class^="icon"], #nav .language [class^="icon"] {
      font-size: 1.3rem;
      color: gray; }
      @media only screen and (max-width: 991px) {
        #nav .search [class^="icon"], #nav .language [class^="icon"] {
          font-size: 1.1rem; } }
  #nav > * {
    cursor: pointer; }
    #nav > * > *:not(img) {
      cursor: default; }
    #nav > *:hover > span, #nav > *:hover [class^="icon"] {
      color: #004694 !important;
      -webkit-transition: color 0.3s;
      -o-transition: color 0.3s;
      -moz-transition: color 0.3s;
      transition: color 0.3s;
      cursor: pointer; }
    #nav > *:hover .one, #nav > *:hover .two, #nav > *:hover .three {
      background-color: #004694 !important;
      -webkit-transition: color 0.3s;
      -o-transition: color 0.3s;
      -moz-transition: color 0.3s;
      transition: color 0.3s; }
  #nav .search .panel {
    padding-top: 0 !important; }
  #nav .search .block {
    height: 100px;
    width: 100%;
    background-color: #4d4d4d;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    #nav .search .block form {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      width: 90%;
      max-width: 280px; }
    #nav .search .block input {
      width: 100%;
      padding: 10px 0;
      border: none;
      border-bottom: 1px solid #cccccc;
      color: #cccccc;
      font-size: 1.1rem;
      background-color: transparent;
      background: url(./images/search.png) right no-repeat;
      -moz-background-size: 7%;
        -o-background-size: 7%;
           background-size: 7%; }
      #nav .search .block input::-webkit-input-placeholder {
        color: #cccccc; }
      #nav .search .block input:-moz-placeholder {
        color: #cccccc; }
      #nav .search .block input::-moz-placeholder {
        color: #cccccc; }
      #nav .search .block input:-ms-input-placeholder {
        color: #cccccc; }
      #nav .search .block input::-ms-input-placeholder {
        color: #cccccc; }
      #nav .search .block input::placeholder {
        color: #cccccc; }
    #nav .search .block button {
      opacity: 0;
      height: 100%;
      width: 30px;
      position: absolute;
      right: 0; }
  #nav .menu .menu-toggle {
    width: 20px;
    cursor: pointer; }
    #nav .menu .menu-toggle .one, #nav .menu .menu-toggle .two, #nav .menu .menu-toggle .three {
      height: 2px;
      width: 100%;
      background: #5a5a5a;
      margin: 3px auto;
      -webkit-backface-visibility: hidden;
         -moz-backface-visibility: hidden;
              backface-visibility: hidden;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      -moz-transition: 0.3s;
      transition: 0.3s; }
  #nav .menu .panel, #nav .search .panel {
    background-color: #303030; }
    #nav .menu .panel .primary, #nav .search .panel .primary {
      letter-spacing: 1px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      color: #dbdbdb;
      font-size: 1.1875rem; }
      #nav .menu .panel .primary div, #nav .search .panel .primary div {
        height: 60px; }
        #nav .menu .panel .primary div:first-child, #nav .search .panel .primary div:first-child {
          min-width: 36%;
          -webkit-flex-shrink: 0;
              -ms-flex-negative: 0;
                  flex-shrink: 0;
          padding-left: 38px;
          padding-right: 10px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-direction: row;
             -moz-box-orient: horizontal;
             -moz-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-pack: start;
          -webkit-justify-content: flex-start;
             -moz-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start;
          -webkit-box-align: center;
          -webkit-align-items: center;
             -moz-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-flex-wrap: nowrap;
              -ms-flex-wrap: nowrap;
                  flex-wrap: nowrap;
          white-space: nowrap; }
        #nav .menu .panel .primary div.arrow, #nav .search .panel .primary div.arrow {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -webkit-flex-direction: row;
             -moz-box-orient: horizontal;
             -moz-box-direction: normal;
              -ms-flex-direction: row;
                  flex-direction: row;
          -webkit-box-pack: end;
          -webkit-justify-content: flex-end;
             -moz-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end;
          -webkit-box-align: center;
          -webkit-align-items: center;
             -moz-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-flex-wrap: nowrap;
              -ms-flex-wrap: nowrap;
                  flex-wrap: nowrap;
          padding-right: 38px;
          width: 100%; }
          #nav .menu .panel .primary div.arrow:after, #nav .search .panel .primary div.arrow:after {
            -webkit-transition: -webkit-transform 0.2s;
            transition: -webkit-transform 0.2s;
            -o-transition: -o-transform 0.2s;
            -moz-transition: transform 0.2s, -moz-transform 0.2s;
            transition: transform 0.2s;
            transition: transform 0.2s, -webkit-transform 0.2s, -moz-transform 0.2s, -o-transform 0.2s;
            font-family: "fontello";
            content: '\e809';
            font-size: 1rem; }
    #nav .menu .panel .primary.expend .arrow:after, #nav .search .panel .primary.expend .arrow:after {
      -webkit-transform: rotate(-90deg);
         -moz-transform: rotate(-90deg);
          -ms-transform: rotate(-90deg);
           -o-transform: rotate(-90deg);
              transform: rotate(-90deg);
      -webkit-transition: -webkit-transform 0.2s;
      transition: -webkit-transform 0.2s;
      -o-transition: -o-transform 0.2s;
      -moz-transition: transform 0.2s, -moz-transform 0.2s;
      transition: transform 0.2s;
      transition: transform 0.2s, -webkit-transform 0.2s, -moz-transform 0.2s, -o-transform 0.2s; }
    #nav .menu .panel .primary + ul a, #nav .search .panel .primary + ul a {
      font-size: 1.0625rem;
      color: #e6e6e6;
      height: 40px;
      padding-left: 65px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-direction: row;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
         -moz-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; }
    #nav .menu .panel .primary + ul a:hover, #nav .search .panel .primary + ul a:hover {
      background-color: #004694; }
  #nav .language {
    width: 100%; }
    #nav .language ul {
      display: block;
      background-color: white;
      height: 100px;
      width: 160px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
      border: 1px solid #e5e5e5;
      position: absolute;
      right: -160px;
      bottom: 10px;
      display: none; }
      #nav .language ul li {
        padding: 10px 0;
        width: 100%;
        text-align: center; }
        #nav .language ul li:hover {
          background-color: #e5e5e5; }

@media only screen and (max-width: 991px) {
  #nav {
    height: 55px;
    width: 100vw;
    border-bottom: 1.3px solid #e5e5e5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
    #nav .logo {
      margin: 0 0 10px 15px;
      -webkit-align-self: flex-end;
          -ms-flex-item-align: end;
              align-self: flex-end; }
    #nav > *:not(.logo) {
      position: absolute;
      height: 55px; }
      #nav > *:not(.logo) > span {
        display: none; }
    #nav .language {
      right: 105px;
      width: auto; }
      #nav .language ul {
        top: 55px;
        right: -105px; }
    #nav .search {
      right: 70px; }
      #nav .search input {
        width: 80%; }
    #nav .menu {
      right: 15px;
      padding-left: 15px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      #nav .menu:before {
        display: block;
        content: "";
        height: 20px;
        width: 1px;
        border-left: 1px solid #d2d2d2;
        margin-right: 20px; }
    #nav .menu .panel, #nav .search .panel {
      height: 100vh;
      width: 360px;
      position: fixed;
      top: 55px;
      right: -360px;
      padding: 50px 0px 20px; }
    #nav .menu.expend .panel, #nav .search.expend .panel {
      right: 0; } }
  @media only screen and (max-width: 991px) and (max-width: 480px) {
    #nav .menu .panel, #nav .search .panel {
      width: 100%;
      right: -100%;
      padding: 30px 0px; }
      #nav .menu .panel .primary, #nav .search .panel .primary {
        font-size: 1.125rem; }
        #nav .menu .panel .primary div, #nav .search .panel .primary div {
          height: 50px; }
          #nav .menu .panel .primary div:after, #nav .search .panel .primary div:after {
            font-size: 1rem; }
      #nav .menu .panel .primary + ul, #nav .search .panel .primary + ul {
        margin: 10px 0; }
        #nav .menu .panel .primary + ul a, #nav .search .panel .primary + ul a {
          font-size: 1rem;
          height: 35px;
          padding-left: 70px; } }

@media only screen and (min-width: 992px) {
  #nav {
    height: 100vh;
    width: 90px;
    border-right: 1.3px solid #e5e5e5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
    #nav .logo {
      margin: 30px 0 50px 0;
      padding: 0 8px 0 14px; }
    #nav > * {
      width: 100%; }
      #nav > * > span {
        margin-top: 4px;
        font-size: 0.8125rem;
        color: #1a1a1a; }
    #nav .language {
      margin-top: auto;
      margin-bottom: 20px; }
    #nav .menu, #nav .search {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
         -moz-box-orient: vertical;
         -moz-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
         -moz-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap;
      margin-bottom: 40px; }
      #nav .menu .panel-wrap, #nav .search .panel-wrap {
        position: absolute;
        top: 0;
        left: 90px;
        height: 100vh;
        width: -webkit-calc(100vw - 90px);
        width: -moz-calc(100vw - 90px);
        width: calc(100vw - 90px);
        overflow: hidden; }
      #nav .menu .panel, #nav .search .panel {
        height: 100vh;
        width: 380px;
        position: absolute;
        top: 0;
        left: -380px;
        padding: 80px 0px 20px; }
    #nav .menu.expend .panel, #nav .search.expend .panel {
      left: 0; } }

#nav .menu .panel-wrap, #nav .search .panel-wrap {
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: background 0.4s ease-in-out;
  -o-transition: background 0.4s ease-in-out;
  -moz-transition: background 0.4s ease-in-out;
  transition: background 0.4s ease-in-out;
  pointer-events: none; }

#nav .menu .panel, #nav .search .panel {
  -webkit-transition: left 0.4s ease-in-out, right 0.4s ease-in-out;
  -o-transition: left 0.4s ease-in-out, right 0.4s ease-in-out;
  -moz-transition: left 0.4s ease-in-out, right 0.4s ease-in-out;
  transition: left 0.4s ease-in-out, right 0.4s ease-in-out;
  pointer-events: auto; }
  #nav .menu .panel .primary, #nav .search .panel .primary {
    opacity: 0;
    -webkit-transform: translate(-3%, -10%);
       -moz-transform: translate(-3%, -10%);
        -ms-transform: translate(-3%, -10%);
         -o-transform: translate(-3%, -10%);
            transform: translate(-3%, -10%);
    -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out, -o-transform 0.4s ease-in-out;
    -moz-transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out, -moz-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out, -moz-transform 0.4s ease-in-out, -o-transform 0.4s ease-in-out; }
    #nav .menu .panel .primary:hover, #nav .search .panel .primary:hover {
      background-color: #004694; }
  #nav .menu .panel .primary + ul, #nav .search .panel .primary + ul {
    display: none;
    margin-bottom: 10px; }

#nav .menu.expend .menu-toggle .one, #nav .search.expend .menu-toggle .one {
  -webkit-transform: translate(0px, 5px) rotate(45deg);
     -moz-transform: translate(0px, 5px) rotate(45deg);
      -ms-transform: translate(0px, 5px) rotate(45deg);
       -o-transform: translate(0px, 5px) rotate(45deg);
          transform: translate(0px, 5px) rotate(45deg); }

#nav .menu.expend .menu-toggle .two, #nav .search.expend .menu-toggle .two {
  opacity: 0; }

#nav .menu.expend .menu-toggle .three, #nav .search.expend .menu-toggle .three {
  -webkit-transform: translate(0px, -5px) rotate(-45deg);
     -moz-transform: translate(0px, -5px) rotate(-45deg);
      -ms-transform: translate(0px, -5px) rotate(-45deg);
       -o-transform: translate(0px, -5px) rotate(-45deg);
          transform: translate(0px, -5px) rotate(-45deg); }

#nav .menu.expend .panel-wrap, #nav .search.expend .panel-wrap {
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: background 0.4s ease-in-out;
  -o-transition: background 0.4s ease-in-out;
  -moz-transition: background 0.4s ease-in-out;
  transition: background 0.4s ease-in-out;
  pointer-events: auto; }
  #nav .menu.expend .panel-wrap .panel, #nav .search.expend .panel-wrap .panel {
    opacity: 1;
    -webkit-transition: left 0.4s ease-in-out, right 0.4s ease-in-out;
    -o-transition: left 0.4s ease-in-out, right 0.4s ease-in-out;
    -moz-transition: left 0.4s ease-in-out, right 0.4s ease-in-out;
    transition: left 0.4s ease-in-out, right 0.4s ease-in-out; }
    #nav .menu.expend .panel-wrap .panel .primary, #nav .search.expend .panel-wrap .panel .primary {
      opacity: 1;
      -webkit-transform: translate(0px);
         -moz-transform: translate(0px);
          -ms-transform: translate(0px);
           -o-transform: translate(0px);
              transform: translate(0px);
      -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
      transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
      -o-transition: opacity 0.4s ease-in-out, -o-transform 0.4s ease-in-out;
      -moz-transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out, -moz-transform 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
      transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out, -moz-transform 0.4s ease-in-out, -o-transform 0.4s ease-in-out; }
    #nav .menu.expend .panel-wrap .panel li:nth-child(1) .primary, #nav .search.expend .panel-wrap .panel li:nth-child(1) .primary {
      -webkit-transition-delay: -webkit-calc(0.1s - 0.015s);
         -moz-transition-delay: -moz-calc(0.1s - 0.015s);
           -o-transition-delay: calc(0.1s - 0.015s);
              transition-delay: calc(0.1s - 0.015s); }
    #nav .menu.expend .panel-wrap .panel li:nth-child(2) .primary, #nav .search.expend .panel-wrap .panel li:nth-child(2) .primary {
      -webkit-transition-delay: -webkit-calc(0.3s - 0.06s);
         -moz-transition-delay: -moz-calc(0.3s - 0.06s);
           -o-transition-delay: calc(0.3s - 0.06s);
              transition-delay: calc(0.3s - 0.06s); }
    #nav .menu.expend .panel-wrap .panel li:nth-child(3) .primary, #nav .search.expend .panel-wrap .panel li:nth-child(3) .primary {
      -webkit-transition-delay: -webkit-calc(0.5s - 0.135s);
         -moz-transition-delay: -moz-calc(0.5s - 0.135s);
           -o-transition-delay: calc(0.5s - 0.135s);
              transition-delay: calc(0.5s - 0.135s); }
    #nav .menu.expend .panel-wrap .panel li:nth-child(4) .primary, #nav .search.expend .panel-wrap .panel li:nth-child(4) .primary {
      -webkit-transition-delay: -webkit-calc(0.7s - 0.24s);
         -moz-transition-delay: -moz-calc(0.7s - 0.24s);
           -o-transition-delay: calc(0.7s - 0.24s);
              transition-delay: calc(0.7s - 0.24s); }
    #nav .menu.expend .panel-wrap .panel li:nth-child(5) .primary, #nav .search.expend .panel-wrap .panel li:nth-child(5) .primary {
      -webkit-transition-delay: -webkit-calc(0.9s - 0.375s);
         -moz-transition-delay: -moz-calc(0.9s - 0.375s);
           -o-transition-delay: calc(0.9s - 0.375s);
              transition-delay: calc(0.9s - 0.375s); }

#frame .container {
  max-width: 73%; }

.frame_float {
  height: 56.25vw;
  position: absolute;
  top: 50%;
  right: 4vw;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%); }

.frame_gray {
  background-color: #f3f3f3;
  padding-top: 120px;
  padding-bottom: 50px; }
  .frame_gray .title {
    color: #4d4d4d;
    font-size: 44px;
    font-weight: bold;
    margin-bottom: 16px;
    letter-spacing: 1px; }
  .frame_gray .sub {
    max-width: 520px;
    font-size: 17px;
    letter-spacing: 0.5px; }

.frame_main {
  height: 31.25vw;
  position: relative;
  -moz-background-size: cover;
    -o-background-size: cover;
       background-size: cover; }

.frame_bottom {
  margin-top: 50px;
  margin-bottom: 60px; }
  .frame_bottom .f22 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 12px;
    letter-spacing: 0.5px; }
  .frame_bottom ul {
    line-height: 1.8;
    font-size: 17px;
    max-width: 840px;
    margin-bottom: 30px;
    text-indent: -14px;
    padding-left: 14px; }
  .frame_bottom .frame_btn {
    margin-right: auto;
    margin-left: auto;
    background-color: #d7232d;
    color: #fff;
    padding: 12px 14px;
    display: block;
    max-width: 110px;
    text-align: center;
    -webkit-transition: 0.3s background-color;
    -o-transition: 0.3s background-color;
    -moz-transition: 0.3s background-color;
    transition: 0.3s background-color; }
    .frame_bottom .frame_btn:hover {
      background-color: #ef2e32;
      -webkit-transition: 0.3s background-color;
      -o-transition: 0.3s background-color;
      -moz-transition: 0.3s background-color;
      transition: 0.3s background-color; }

@media only screen and (max-width: 1366px) {
  .frame_gray {
    padding-top: 100px;
    padding-bottom: 40px; }
    .frame_gray .title {
      font-size: 40px; }
  .frame_bottom {
    margin-top: 40px;
    margin-bottom: 40px; }
  .frame_float {
    height: 47vw; } }

@media only screen and (max-width: 768px) {
  #frame .container {
    max-width: 80%; }
  .frame_gray {
    padding-top: 60px;
    padding-bottom: 30px; }
    .frame_gray .title {
      font-size: 30px; }
  .frame_main {
    position: relative;
    min-height: 300px; }
  .frame_float {
    height: 400px; } }

@media only screen and (max-width: 480px) {
  #frame .container {
    max-width: -webkit-calc(100% - 30px);
    max-width: -moz-calc(100% - 30px);
    max-width: calc(100% - 30px); }
  #frame .sub {
    font-size: 15px; }
  .frame_float {
    height: 260px; }
  .frame_main {
    min-height: 180px; }
  .frame_gray {
    padding-top: 40px;
    padding-bottom: 20px; }
    .frame_gray .title {
      font-size: 24px;
      margin-bottom: 15px; }
    .frame_gray .sub {
      line-height: 1.5; }
  .frame_bottom .f22 {
    font-size: 18px; }
  .frame_bottom ul {
    margin-bottom: 20px;
    font-size: 15px;
    padding-left: 13px;
    text-indent: -13px; }
  .frame_bottom ul {
    line-height: 1.6; } }

/* ==========================================================================
    animation
 @mixin =========================================================================*/
@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
    opacity: 0; }
  40% {
    opacity: 0.7; }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }
@-moz-keyframes fade-in-bottom {
  0% {
    -moz-transform: translateY(10%);
         transform: translateY(10%);
    opacity: 0; }
  40% {
    opacity: 0.7; }
  100% {
    -moz-transform: translateY(0);
         transform: translateY(0);
    opacity: 1; } }
@-o-keyframes fade-in-bottom {
  0% {
    -o-transform: translateY(10%);
       transform: translateY(10%);
    opacity: 0; }
  40% {
    opacity: 0.7; }
  100% {
    -o-transform: translateY(0);
       transform: translateY(0);
    opacity: 1; } }
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(10%);
       -moz-transform: translateY(10%);
         -o-transform: translateY(10%);
            transform: translateY(10%);
    opacity: 0; }
  40% {
    opacity: 0.7; }
  100% {
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }

@-webkit-keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
    opacity: 0; }
  40% {
    opacity: 0.7; }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }

@-moz-keyframes fade-in-top {
  0% {
    -moz-transform: translateY(-10%);
         transform: translateY(-10%);
    opacity: 0; }
  40% {
    opacity: 0.7; }
  100% {
    -moz-transform: translateY(0);
         transform: translateY(0);
    opacity: 1; } }

@-o-keyframes fade-in-top {
  0% {
    -o-transform: translateY(-10%);
       transform: translateY(-10%);
    opacity: 0; }
  40% {
    opacity: 0.7; }
  100% {
    -o-transform: translateY(0);
       transform: translateY(0);
    opacity: 1; } }

@keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-10%);
       -moz-transform: translateY(-10%);
         -o-transform: translateY(-10%);
            transform: translateY(-10%);
    opacity: 0; }
  40% {
    opacity: 0.7; }
  100% {
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
    opacity: 1; } }

@-webkit-keyframes fade-in {
  0% {
    opacity: 0; }
  50% {
    opacity: 0.7; }
  100% {
    opacity: 1; } }

@-moz-keyframes fade-in {
  0% {
    opacity: 0; }
  50% {
    opacity: 0.7; }
  100% {
    opacity: 1; } }

@-o-keyframes fade-in {
  0% {
    opacity: 0; }
  50% {
    opacity: 0.7; }
  100% {
    opacity: 1; } }

@keyframes fade-in {
  0% {
    opacity: 0; }
  50% {
    opacity: 0.7; }
  100% {
    opacity: 1; } }

main,
.animate {
  opacity: 0; }

main.in-view {
  -webkit-animation: fade-in 1.5s forwards;
     -moz-animation: fade-in 1.5s forwards;
       -o-animation: fade-in 1.5s forwards;
          animation: fade-in 1.5s forwards; }

#index .container a.in-view {
  -webkit-animation: fade-in-bottom 2s forwards;
     -moz-animation: fade-in-bottom 2s forwards;
       -o-animation: fade-in-bottom 2s forwards;
          animation: fade-in-bottom 2s forwards; }

@media only screen and (min-width: 991px) {
  #index .container a:nth-child(1).in-view {
    -webkit-animation: fade-in-bottom 2s forwards 0.15s;
       -moz-animation: fade-in-bottom 2s forwards 0.15s;
         -o-animation: fade-in-bottom 2s forwards 0.15s;
            animation: fade-in-bottom 2s forwards 0.15s; }
  #index .container a:nth-child(2).in-view {
    -webkit-animation: fade-in-bottom 2s forwards 0.3s;
       -moz-animation: fade-in-bottom 2s forwards 0.3s;
         -o-animation: fade-in-bottom 2s forwards 0.3s;
            animation: fade-in-bottom 2s forwards 0.3s; }
  #index .container a:nth-child(3).in-view {
    -webkit-animation: fade-in-bottom 2s forwards 0.45s;
       -moz-animation: fade-in-bottom 2s forwards 0.45s;
         -o-animation: fade-in-bottom 2s forwards 0.45s;
            animation: fade-in-bottom 2s forwards 0.45s; }
  #index .container a:nth-child(4).in-view {
    -webkit-animation: fade-in-bottom 2s forwards 0.6s;
       -moz-animation: fade-in-bottom 2s forwards 0.6s;
         -o-animation: fade-in-bottom 2s forwards 0.6s;
            animation: fade-in-bottom 2s forwards 0.6s; }
  #index .container a:nth-child(5).in-view {
    -webkit-animation: fade-in-bottom 2s forwards 0.75s;
       -moz-animation: fade-in-bottom 2s forwards 0.75s;
         -o-animation: fade-in-bottom 2s forwards 0.75s;
            animation: fade-in-bottom 2s forwards 0.75s; }
  #index .container a:nth-child(6).in-view {
    -webkit-animation: fade-in-bottom 2s forwards 0.9s;
       -moz-animation: fade-in-bottom 2s forwards 0.9s;
         -o-animation: fade-in-bottom 2s forwards 0.9s;
            animation: fade-in-bottom 2s forwards 0.9s; }
  #index .container a:nth-child(7).in-view {
    -webkit-animation: fade-in-bottom 2s forwards 1.05s;
       -moz-animation: fade-in-bottom 2s forwards 1.05s;
         -o-animation: fade-in-bottom 2s forwards 1.05s;
            animation: fade-in-bottom 2s forwards 1.05s; }
  #index .container a:nth-child(8).in-view {
    -webkit-animation: fade-in-bottom 2s forwards 1.2s;
       -moz-animation: fade-in-bottom 2s forwards 1.2s;
         -o-animation: fade-in-bottom 2s forwards 1.2s;
            animation: fade-in-bottom 2s forwards 1.2s; }
  #index .container a:nth-child(9).in-view {
    -webkit-animation: fade-in-bottom 2s forwards 1.35s;
       -moz-animation: fade-in-bottom 2s forwards 1.35s;
         -o-animation: fade-in-bottom 2s forwards 1.35s;
            animation: fade-in-bottom 2s forwards 1.35s; }
  #index .container a:nth-child(10).in-view {
    -webkit-animation: fade-in-bottom 2s forwards 1.5s;
       -moz-animation: fade-in-bottom 2s forwards 1.5s;
         -o-animation: fade-in-bottom 2s forwards 1.5s;
            animation: fade-in-bottom 2s forwards 1.5s; } }

#about .wrap.in-view {
  -webkit-animation: fade-in-bottom 2s forwards;
     -moz-animation: fade-in-bottom 2s forwards;
       -o-animation: fade-in-bottom 2s forwards;
          animation: fade-in-bottom 2s forwards; }
  @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    #about .wrap.in-view {
      -webkit-animation: none;
         -moz-animation: none;
           -o-animation: none;
              animation: none;
      opacity: 1; } }

#history .block.in-view {
  -webkit-animation: fade-in 2s forwards;
     -moz-animation: fade-in 2s forwards;
       -o-animation: fade-in 2s forwards;
          animation: fade-in 2s forwards; }

#products img.in-view {
  -webkit-animation: fade-in-bottom 2s forwards;
     -moz-animation: fade-in-bottom 2s forwards;
       -o-animation: fade-in-bottom 2s forwards;
          animation: fade-in-bottom 2s forwards; }

#application .text.in-view {
  -webkit-animation: fade-in-bottom 2s forwards;
     -moz-animation: fade-in-bottom 2s forwards;
       -o-animation: fade-in-bottom 2s forwards;
          animation: fade-in-bottom 2s forwards; }

#join .column.in-view {
  opacity: 1; }
  #join .column.in-view > *:nth-child(1) {
    opacity: 0;
    -webkit-animation: fade-in 2s forwards 0.2s;
       -moz-animation: fade-in 2s forwards 0.2s;
         -o-animation: fade-in 2s forwards 0.2s;
            animation: fade-in 2s forwards 0.2s; }
  #join .column.in-view > *:nth-child(2) {
    opacity: 0;
    -webkit-animation: fade-in 2s forwards 0.4s;
       -moz-animation: fade-in 2s forwards 0.4s;
         -o-animation: fade-in 2s forwards 0.4s;
            animation: fade-in 2s forwards 0.4s; }
  #join .column.in-view > *:nth-child(3) {
    opacity: 0;
    -webkit-animation: fade-in 2s forwards 0.6s;
       -moz-animation: fade-in 2s forwards 0.6s;
         -o-animation: fade-in 2s forwards 0.6s;
            animation: fade-in 2s forwards 0.6s; }
  #join .column.in-view > *:nth-child(4) {
    opacity: 0;
    -webkit-animation: fade-in 2s forwards 0.8s;
       -moz-animation: fade-in 2s forwards 0.8s;
         -o-animation: fade-in 2s forwards 0.8s;
            animation: fade-in 2s forwards 0.8s; }
  #join .column.in-view > *:nth-child(5) {
    opacity: 0;
    -webkit-animation: fade-in 2s forwards 1s;
       -moz-animation: fade-in 2s forwards 1s;
         -o-animation: fade-in 2s forwards 1s;
            animation: fade-in 2s forwards 1s; }
  #join .column.in-view > *:nth-child(6) {
    opacity: 0;
    -webkit-animation: fade-in 2s forwards 1.2s;
       -moz-animation: fade-in 2s forwards 1.2s;
         -o-animation: fade-in 2s forwards 1.2s;
            animation: fade-in 2s forwards 1.2s; }
  #join .column.in-view > *:nth-child(7) {
    opacity: 0;
    -webkit-animation: fade-in 2s forwards 1.4s;
       -moz-animation: fade-in 2s forwards 1.4s;
         -o-animation: fade-in 2s forwards 1.4s;
            animation: fade-in 2s forwards 1.4s; }
  #join .column.in-view > *:nth-child(8) {
    opacity: 0;
    -webkit-animation: fade-in 2s forwards 1.6s;
       -moz-animation: fade-in 2s forwards 1.6s;
         -o-animation: fade-in 2s forwards 1.6s;
            animation: fade-in 2s forwards 1.6s; }
  #join .column.in-view > *:nth-child(9) {
    opacity: 0;
    -webkit-animation: fade-in 2s forwards 1.8s;
       -moz-animation: fade-in 2s forwards 1.8s;
         -o-animation: fade-in 2s forwards 1.8s;
            animation: fade-in 2s forwards 1.8s; }
  #join .column.in-view > *:nth-child(10) {
    opacity: 0;
    -webkit-animation: fade-in 2s forwards 2s;
       -moz-animation: fade-in 2s forwards 2s;
         -o-animation: fade-in 2s forwards 2s;
            animation: fade-in 2s forwards 2s; }

#join .container.in-view {
  opacity: 1; }
  #join .container.in-view > *:nth-child(1) {
    opacity: 0;
    -webkit-animation: fade-in 2s forwards 0.2s;
       -moz-animation: fade-in 2s forwards 0.2s;
         -o-animation: fade-in 2s forwards 0.2s;
            animation: fade-in 2s forwards 0.2s; }
  #join .container.in-view > *:nth-child(2) {
    opacity: 0;
    -webkit-animation: fade-in 2s forwards 0.4s;
       -moz-animation: fade-in 2s forwards 0.4s;
         -o-animation: fade-in 2s forwards 0.4s;
            animation: fade-in 2s forwards 0.4s; }
  #join .container.in-view > *:nth-child(3) {
    opacity: 0;
    -webkit-animation: fade-in 2s forwards 0.6s;
       -moz-animation: fade-in 2s forwards 0.6s;
         -o-animation: fade-in 2s forwards 0.6s;
            animation: fade-in 2s forwards 0.6s; }
  #join .container.in-view > *:nth-child(4) {
    opacity: 0;
    -webkit-animation: fade-in 2s forwards 0.8s;
       -moz-animation: fade-in 2s forwards 0.8s;
         -o-animation: fade-in 2s forwards 0.8s;
            animation: fade-in 2s forwards 0.8s; }
  #join .container.in-view > *:nth-child(5) {
    opacity: 0;
    -webkit-animation: fade-in 2s forwards 1s;
       -moz-animation: fade-in 2s forwards 1s;
         -o-animation: fade-in 2s forwards 1s;
            animation: fade-in 2s forwards 1s; }
  #join .container.in-view > *:nth-child(6) {
    opacity: 0;
    -webkit-animation: fade-in 2s forwards 1.2s;
       -moz-animation: fade-in 2s forwards 1.2s;
         -o-animation: fade-in 2s forwards 1.2s;
            animation: fade-in 2s forwards 1.2s; }
  #join .container.in-view > *:nth-child(7) {
    opacity: 0;
    -webkit-animation: fade-in 2s forwards 1.4s;
       -moz-animation: fade-in 2s forwards 1.4s;
         -o-animation: fade-in 2s forwards 1.4s;
            animation: fade-in 2s forwards 1.4s; }
  #join .container.in-view > *:nth-child(8) {
    opacity: 0;
    -webkit-animation: fade-in 2s forwards 1.6s;
       -moz-animation: fade-in 2s forwards 1.6s;
         -o-animation: fade-in 2s forwards 1.6s;
            animation: fade-in 2s forwards 1.6s; }
  #join .container.in-view > *:nth-child(9) {
    opacity: 0;
    -webkit-animation: fade-in 2s forwards 1.8s;
       -moz-animation: fade-in 2s forwards 1.8s;
         -o-animation: fade-in 2s forwards 1.8s;
            animation: fade-in 2s forwards 1.8s; }
  #join .container.in-view > *:nth-child(10) {
    opacity: 0;
    -webkit-animation: fade-in 2s forwards 2s;
       -moz-animation: fade-in 2s forwards 2s;
         -o-animation: fade-in 2s forwards 2s;
            animation: fade-in 2s forwards 2s; }

#join .section.in-view {
  -webkit-animation: fade-in 2s forwards;
     -moz-animation: fade-in 2s forwards;
       -o-animation: fade-in 2s forwards;
          animation: fade-in 2s forwards; }

/* ==========================================================================
    Animation End
 @mixin =========================================================================*/

/*# sourceMappingURL=style.css.map */