/* Legacy OnePress 2.2.7 style overrides for 2.3.23 (site-specific) */

/* ????/?? */
body, button, input, select, textarea {
  font-family: "Microsoft Yahei", Arial, verdana, arial, sans-serif;
  font-size: 14px;
  line-height: 1.7;
  color: #2e3c4d;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Microsoft Yahei", "Raleway", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #333333;
}
a { color: #1e73be; }
a:hover { color: #777777; }

/* ???? */
.section-title-area { margin-bottom: 60px; text-align: center; }
.section-title-area .section-title {
  font-size: 30px; letter-spacing: 2px; font-weight: 500; text-transform: uppercase;
}
.section-title-area .section-subtitle {
  color: #aaaaaa; font-size: 12px; text-transform: uppercase; letter-spacing: 2px;
}

/* ?? */
.btn { text-transform: uppercase; border-radius: 2px; font-size: 13px; font-weight: 600; }
.btn-lg { font-size: 17px; }

/* Header ?????????? + ????? */
.site-header { background: #080736; line-height: 70px; }
.onepress-menu a {
  color: #f8f9f9 !important; font-family: "Raleway", Helvetica, Arial, sans-serif;
  font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px;
  padding-left: 17px; padding-right: 17px;
}
.onepress-menu a:hover { color: #03c4eb !important; }
.onepress-menu ul li a { color: #999999; }

/* Hero ?????? + ??????????? */
.hero-slideshow-fullscreen .container {
  z-index: 80;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.hero-large-text { text-align: left !important; }
.hero-large-text, .hero-small-text { color: #2e3c4d !important; }
.hero-small-text { text-align: left !important; }
.home b, .home strong { font-weight: 500; }
.hero-slideshow-wrapper {
  width: 100%; min-height: 680px; position: relative; overflow: hidden;
  background-color: #ffffff !important;
}
.video-section section.hero-slideshow-wrapper { background: transparent !important; }
.hero-slideshow-wrapper:after {
  position: absolute; top: 0; left: 0; width: 100%; height: 100%;
  background-color: rgba(37, 37, 56, 0.08); display: block; content: "";
}
.hero__content {
  color: #FFF; text-shadow: 0 2px 8px rgba(0,0,0,0.15);
  font-size: 18px; font-weight: 300;
  margin-top: 60px; margin-bottom: 60px; margin-left: auto; margin-right: auto;
}
.hero__content a.btn { margin: 10px 10px 20px 0px; }
.hero-content-style1 { text-align: left; }
.hero-content-style1 h2 {
  color: #333333 !important;
  font-size: 27px !important;
  letter-spacing: 2px !important;
  line-height: 1.3;
  text-shadow: 0 2px 8px rgba(0,0,0,0.15);
  font-weight: 800 !important;
  text-transform: uppercase;
}
.hero-content-style1 p {
  text-align: left !important;
  font-style: normal !important;
  color: #2e3c4d !important;
}
@media screen and (min-width: 720px) {
  .hero-content-style1 h2 { font-size: 45px !important; letter-spacing: 3px !important; }
}
@media screen and (min-width: 1200px) {
  .hero__content { max-width: 550px; float: left; }
  .hero-video { margin-top: 120px !important; }
}

/* Footer */
.site-footer { background: #111111; color: #bbbbbb; font-size: 14px; }
.site-footer a { color: #03c4eb; }
.footer-menu-container { margin-bottom: 12px; display: table; }
.footer-menu-container ul li { margin-right: 0; min-width: 150px; float: left; list-style: none; }
.footer-menu-container ul li ul { padding-left: 0; display: grid; }
.footer-menu-container ul li a { color: #fff; }
.footer-menu-container ul li ul li a { color: #999; font-size: 14px; }
.footer-menu-container li.menu-item-6137 { display: none; }

/* ????? */
@media screen and (min-width: 940px) {
  .section-title-area .section-title { font-size: 40px; letter-spacing: 3.5px; }
  .section-title-area .section-subtitle { font-size: 14px; }
}

/* Hero ??????????? + ??????? */
.hero__content .btn-primary {
  color: #ffffff !important;
  background-color: #0275d8 !important;
  border-color: #0275d8 !important;
}
.hero__content .btn.btn-secondary-outline {
  border-color: rgba(2, 117, 216, 0.9) !important;
  color: rgba(2, 117, 216, 0.9) !important;
}
.hero__content .btn.btn-secondary-outline:hover {
  background: #FFF !important;
  color: #333 !important;
}

/* ?? ?? | ?? ??????????? */
@media (min-width: 770px) {
  #menu-item-1272 > a {
    display: inline-block;
    color: #0f75b2;
    padding-right: 5px;
  }
  #menu-item-1269 > a {
    display: inline-block;
    color: #0f75b2;
    padding-left: 5px;
  }
  #menu-item-6137 > a {
    color: #0f75b2;
    padding-left: 0px;
    padding-right: 0px;
  }
}