/** Import Bootstrap functions */
/** Bootstrap navbar fix (https://git.io/fADqW) */
/** Import everything from autoload */
/**
 * Import npm dependencies
 *
 * Prefix your imports with `~` to grab from node_modules/
 * @see https://github.com/webpack-contrib/sass-loader#imports
 */
/* Slider */
/* line 3, node_modules/slick-carousel/slick/slick.scss */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

/* line 17, node_modules/slick-carousel/slick/slick.scss */
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  /* line 24, node_modules/slick-carousel/slick/slick.scss */
  .slick-list:focus {
    outline: none; }
  /* line 28, node_modules/slick-carousel/slick/slick.scss */
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

/* line 33, node_modules/slick-carousel/slick/slick.scss */
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/* line 42, node_modules/slick-carousel/slick/slick.scss */
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  /* line 50, node_modules/slick-carousel/slick/slick.scss */
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  /* line 56, node_modules/slick-carousel/slick/slick.scss */
  .slick-track:after {
    clear: both; }
  /* line 60, node_modules/slick-carousel/slick/slick.scss */
  .slick-loading .slick-track {
    visibility: hidden; }

/* line 64, node_modules/slick-carousel/slick/slick.scss */
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  /* line 68, node_modules/slick-carousel/slick/slick.scss */
  [dir="rtl"] .slick-slide {
    float: right; }
  /* line 71, node_modules/slick-carousel/slick/slick.scss */
  .slick-slide img {
    display: block; }
  /* line 74, node_modules/slick-carousel/slick/slick.scss */
  .slick-slide.slick-loading img {
    display: none; }
  /* line 80, node_modules/slick-carousel/slick/slick.scss */
  .slick-slide.dragging img {
    pointer-events: none; }
  /* line 84, node_modules/slick-carousel/slick/slick.scss */
  .slick-initialized .slick-slide {
    display: block; }
  /* line 88, node_modules/slick-carousel/slick/slick.scss */
  .slick-loading .slick-slide {
    visibility: hidden; }
  /* line 92, node_modules/slick-carousel/slick/slick.scss */
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

/* line 98, node_modules/slick-carousel/slick/slick.scss */
.slick-arrow.slick-hidden {
  display: none; }

/** Import theme styles */
/* line 1, resources/assets/styles/common/_global.scss */
a:hover {
  text-decoration: none; }

/* line 5, resources/assets/styles/common/_global.scss */
html,
body {
  font-family: "Raleway", simhei, sans-serif;
  width: 100%;
  height: auto;
  color: #003a75;
  font-weight: 600;
  text-align: center;
  margin: 0; }

/* line 16, resources/assets/styles/common/_global.scss */
p {
  margin-top: 0;
  margin-bottom: 1em; }
  /* line 20, resources/assets/styles/common/_global.scss */
  p:last-child {
    margin-bottom: 0; }

/* line 25, resources/assets/styles/common/_global.scss */
h1,
h2,
h3,
h4,
h5 {
  margin-bottom: 0;
  margin-top: 0; }

/* line 34, resources/assets/styles/common/_global.scss */
.waypoint_fadeIn {
  opacity: 0;
  transition: opacity 1s, transform 1s; }

/* line 39, resources/assets/styles/common/_global.scss */
.waypoint_fadeIn.fadeIn_show {
  opacity: 1; }

/* line 43, resources/assets/styles/common/_global.scss */
.waypoint_fadeIn.fadeInUp {
  transform: translateY(50px); }

/* line 47, resources/assets/styles/common/_global.scss */
.waypoint_fadeIn.fadeInUp.fadeIn_show {
  transform: translateY(0); }

/* line 51, resources/assets/styles/common/_global.scss */
.waypoint_fadeIn.fadeInRight {
  transform: translateX(50px); }

/* line 55, resources/assets/styles/common/_global.scss */
.waypoint_fadeIn.fadeInLeft {
  transform: translateX(-50px); }

/* line 59, resources/assets/styles/common/_global.scss */
.waypoint_fadeIn.fadeInRight.short {
  transform: translateX(30px); }

/* line 63, resources/assets/styles/common/_global.scss */
.waypoint_fadeIn.fadeInLeft.short {
  transform: translateX(-30px); }

/* line 67, resources/assets/styles/common/_global.scss */
.waypoint_fadeIn.fadeInLeft.fadeIn_show,
.waypoint_fadeIn.fadeInRight.fadeIn_show {
  transform: translateX(0); }

/* line 72, resources/assets/styles/common/_global.scss */
.waypoint_fadeIn.fadeIn_d2 {
  transition-delay: 0.2s; }

/* line 76, resources/assets/styles/common/_global.scss */
.waypoint_fadeIn.fadeIn_d4 {
  transition-delay: 0.4s; }

/* line 80, resources/assets/styles/common/_global.scss */
.container {
  max-width: 1320px;
  margin: 0 auto;
  padding-left: 60px;
  padding-right: 60px; }

/* line 87, resources/assets/styles/common/_global.scss */
.page_text {
  font-family: "Raleway", simhei, sans-serif;
  color: #000;
  font-size: 17px;
  line-height: 1.88235;
  font-weight: 400;
  text-align: left; }

/* line 96, resources/assets/styles/common/_global.scss */
.page_section {
  padding-top: 100px; }

/* line 100, resources/assets/styles/common/_global.scss */
.page_image {
  display: block;
  width: 100%;
  margin-bottom: 50px; }

/* line 106, resources/assets/styles/common/_global.scss */
.page_title {
  font-family: "Raleway", simhei, sans-serif;
  color: #000;
  font-weight: 700;
  font-size: 36px;
  line-height: 1.5; }

/* line 114, resources/assets/styles/common/_global.scss */
.page_subtitle {
  font-family: "Raleway", simhei, sans-serif;
  color: #000;
  font-weight: 700;
  text-align: left;
  font-size: 30px;
  line-height: 1.5;
  margin-bottom: 25px; }

/* line 124, resources/assets/styles/common/_global.scss */
.page_banner {
  background-position: center center;
  background-size: cover;
  height: 550px; }

/* line 130, resources/assets/styles/common/_global.scss */
.page_banner .contentLayer {
  background-color: rgba(50, 78, 110, 0.4);
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  display: table; }

/* line 139, resources/assets/styles/common/_global.scss */
.learnMore:hover {
  background-color: #003a75;
  color: #fff; }

/* line 144, resources/assets/styles/common/_global.scss */
#page-heading {
  padding-top: 120px; }

/* line 148, resources/assets/styles/common/_global.scss */
#header {
  background-color: rgba(255, 255, 255, 0.6);
  height: auto; }

@media only screen and (max-width: 767px) {
  /* line 154, resources/assets/styles/common/_global.scss */
  .page_section {
    font-size: 16px;
    padding-top: 60px; }
  /* line 159, resources/assets/styles/common/_global.scss */
  .container {
    padding-left: 25px;
    padding-right: 25px; }
  /* line 164, resources/assets/styles/common/_global.scss */
  .page_subtitle {
    font-size: 24px;
    line-height: 1.66667; }
  /* line 169, resources/assets/styles/common/_global.scss */
  .page_banner {
    height: 450px; }
  /* line 173, resources/assets/styles/common/_global.scss */
  .page_image {
    object-fit: cover;
    height: 240px;
    margin-bottom: 25px; }
  /* line 179, resources/assets/styles/common/_global.scss */
  .bottom_section.center_bottom .page_subtitle {
    margin-bottom: 15px; } }

/* line 3, resources/assets/styles/components/_banner.scss */
#banner #page-heading {
  text-align: center; }

/* line 1, resources/assets/styles/layouts/_header.scss */
.showMenu {
  float: none;
  display: flex;
  justify-content: space-between;
  align-items: center; }

/* line 8, resources/assets/styles/layouts/_header.scss */
#logo {
  margin-right: 40px;
  flex: 0 0 170px;
  max-width: 170px; }

/* line 14, resources/assets/styles/layouts/_header.scss */
.menu {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center; }
  /* line 20, resources/assets/styles/layouts/_header.scss */
  .menu div {
    padding: 0; }
  /* line 25, resources/assets/styles/layouts/_header.scss */
  .menu .lang span {
    color: #7e7e7e;
    display: inline-block;
    vertical-align: middle; }
  /* line 31, resources/assets/styles/layouts/_header.scss */
  .menu .lang a {
    display: inline-block;
    vertical-align: middle; }

/* line 38, resources/assets/styles/layouts/_header.scss */
.menuBtn {
  z-index: 2; }

/* line 43, resources/assets/styles/layouts/_header.scss */
.home #header {
  background-color: rgba(255, 255, 255, 0.6);
  height: auto; }

/* line 49, resources/assets/styles/layouts/_header.scss */
.menu_bg {
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s; }

/* line 62, resources/assets/styles/layouts/_header.scss */
.show_menu .menu_bg {
  visibility: visible;
  opacity: 1;
  z-index: 5; }

@media only screen and (min-width: 1116px) {
  /* line 72, resources/assets/styles/layouts/_header.scss */
  #header .menu li {
    padding: 50px 0;
    margin-left: 40px;
    margin-right: 40px; }
  /* line 80, resources/assets/styles/layouts/_header.scss */
  #header .menu-item-has-children .sub-menu {
    position: absolute;
    top: 100%;
    margin-left: -35px;
    padding-top: 15px;
    display: none; }
    /* line 87, resources/assets/styles/layouts/_header.scss */
    #header .menu-item-has-children .sub-menu .menu-item {
      display: block;
      padding-left: 35px;
      background-color: rgba(255, 255, 255, 0.5);
      width: 300px;
      text-align: left;
      padding-top: 35px;
      padding-bottom: 0;
      box-sizing: border-box;
      margin-left: 0;
      margin-right: 0; }
      /* line 99, resources/assets/styles/layouts/_header.scss */
      #header .menu-item-has-children .sub-menu .menu-item:last-child {
        padding-bottom: 35px; }
  /* line 106, resources/assets/styles/layouts/_header.scss */
  #header .menu-item-has-children:hover .sub-menu {
    display: block; }
  /* line 111, resources/assets/styles/layouts/_header.scss */
  #header .menu-item-has-children.current-page-parent, #header .menu-item-has-children.current-menu-item {
    position: relative; }
    /* line 115, resources/assets/styles/layouts/_header.scss */
    #header .menu-item-has-children.current-page-parent::after, #header .menu-item-has-children.current-menu-item::after {
      content: "";
      height: 2px;
      bottom: 0;
      width: 100%;
      background-color: #003a75;
      position: absolute;
      left: 0; } }

@media only screen and (max-width: 1115px) {
  /* line 130, resources/assets/styles/layouts/_header.scss */
  .menuBtn {
    top: 45px; }
  /* line 134, resources/assets/styles/layouts/_header.scss */
  #logo {
    position: relative;
    left: 0;
    top: 0; }
  /* line 140, resources/assets/styles/layouts/_header.scss */
  #header {
    height: auto;
    transition: 0.3s; }
    /* line 145, resources/assets/styles/layouts/_header.scss */
    #header .menu-item-has-children > a {
      position: relative; }
      /* line 148, resources/assets/styles/layouts/_header.scss */
      #header .menu-item-has-children > a::after {
        content: "";
        width: 16px;
        height: 8px;
        background-image: url("/wp-content/themes/zhaoda/dist/images/arrow_down.svg");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        right: 0; }
    /* line 164, resources/assets/styles/layouts/_header.scss */
    #header .menu-item-has-children .sub-menu {
      display: none; }
      /* line 167, resources/assets/styles/layouts/_header.scss */
      #header .menu-item-has-children .sub-menu .menu-item {
        border-bottom: none; }
    /* line 174, resources/assets/styles/layouts/_header.scss */
    #header .menu-item-has-children.active > a::after {
      transform: rotate(180deg); }
    /* line 179, resources/assets/styles/layouts/_header.scss */
    #header .menu-item-has-children.active .sub-menu {
      display: block; }
    /* line 185, resources/assets/styles/layouts/_header.scss */
    #header .menu-item a {
      padding: 23px 0 23px 0;
      font-size: 18px;
      width: 100%;
      margin: 0 auto;
      display: block; }
      /* line 192, resources/assets/styles/layouts/_header.scss */
      #header .menu-item a:hover {
        cursor: pointer; }
    /* line 198, resources/assets/styles/layouts/_header.scss */
    #header .sub-menu .menu-item a {
      font-size: 16px;
      font-weight: 600; }
    /* line 205, resources/assets/styles/layouts/_header.scss */
    #header .menu-item.active > a {
      color: #6f6f6f; }
    /* line 210, resources/assets/styles/layouts/_header.scss */
    #header .showMenu {
      display: block;
      text-align: left;
      height: auto; }
      /* line 215, resources/assets/styles/layouts/_header.scss */
      #header .showMenu div:hover {
        background: transparent; }
      /* line 219, resources/assets/styles/layouts/_header.scss */
      #header .showMenu .menu {
        flex-direction: column;
        opacity: 1;
        overflow: hidden;
        height: 0;
        padding: 0 50px;
        box-sizing: border-box; }
        /* line 227, resources/assets/styles/layouts/_header.scss */
        #header .showMenu .menu li {
          display: block;
          text-align: center;
          max-height: initial; }
          /* line 232, resources/assets/styles/layouts/_header.scss */
          #header .showMenu .menu li:last-child {
            border-bottom: 2px solid #f2f2f2; }
        /* line 237, resources/assets/styles/layouts/_header.scss */
        #header .showMenu .menu .lang {
          padding: 23px 0 23px 0;
          text-align: center; }
  /* line 245, resources/assets/styles/layouts/_header.scss */
  #header.active {
    background-color: #fff; }
    /* line 248, resources/assets/styles/layouts/_header.scss */
    #header.active .menuBtn span.firstline {
      transform: translate(0, 10px) rotate(45deg);
      border-radius: 40px; }
    /* line 253, resources/assets/styles/layouts/_header.scss */
    #header.active .menuBtn span.secondline {
      opacity: 0; }
    /* line 257, resources/assets/styles/layouts/_header.scss */
    #header.active .menuBtn span.thirdline {
      transform: translate(0, -10px) rotate(-45deg);
      border-radius: 40px; }
  /* line 263, resources/assets/styles/layouts/_header.scss */
  .menuBtn span {
    transition-duration: 0.2s; } }

@media only screen and (max-width: 768px) {
  /* line 269, resources/assets/styles/layouts/_header.scss */
  #logo img {
    width: 143px;
    height: auto;
    top: 0;
    left: 0;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 20px; }
  /* line 281, resources/assets/styles/layouts/_header.scss */
  #header .showMenu .menu {
    padding-left: 20px;
    padding-right: 20px; }
  /* line 288, resources/assets/styles/layouts/_header.scss */
  .menuBtn {
    top: 25px; } }

/* line 1, resources/assets/styles/layouts/_footer.scss */
#joinIntro {
  margin-top: 20px;
  text-align: left;
  line-height: 25px;
  font-size: 15px;
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
  margin-bottom: 20px; }

/* line 11, resources/assets/styles/layouts/_footer.scss */
.contact_container {
  display: flex;
  margin-left: -20px;
  margin-right: -20px;
  width: 100%; }

/* line 18, resources/assets/styles/layouts/_footer.scss */
#contactInfo {
  padding-top: 50px;
  padding-bottom: 50px;
  height: auto; }

/* line 24, resources/assets/styles/layouts/_footer.scss */
.contact_item {
  margin: 0;
  display: block;
  float: none;
  flex: 0 0 25%;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box; }

/* line 34, resources/assets/styles/layouts/_footer.scss */
.contactText {
  max-width: 100%;
  flex: none; }

/* line 39, resources/assets/styles/layouts/_footer.scss */
.contactText .text_item {
  text-align: left;
  line-height: 1.5625; }

/* line 45, resources/assets/styles/layouts/_footer.scss */
#serviceIntro .content-Line {
  width: 100%; }

/* line 49, resources/assets/styles/layouts/_footer.scss */
#serviceIntro > a {
  display: inline-block; }

/* line 54, resources/assets/styles/layouts/_footer.scss */
#footer .contactText img {
  top: 5px; }

/* line 59, resources/assets/styles/layouts/_footer.scss */
.footer_menu .menu-item {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  font-family: "Noto Sans", sans-serif; }
  /* line 65, resources/assets/styles/layouts/_footer.scss */
  .footer_menu .menu-item::after {
    content: "|";
    padding: 0 10px; }
  /* line 70, resources/assets/styles/layouts/_footer.scss */
  .footer_menu .menu-item:last-child::after {
    display: none; }

/* line 76, resources/assets/styles/layouts/_footer.scss */
#ZD-Logo-Contact img {
  max-width: 160px;
  height: auto; }

/* line 81, resources/assets/styles/layouts/_footer.scss */
#companyIntro {
  margin-top: 20px; }

/* line 85, resources/assets/styles/layouts/_footer.scss */
#footer .contactText li {
  margin-bottom: 15px;
  margin-top: 0; }
  /* line 89, resources/assets/styles/layouts/_footer.scss */
  #footer .contactText li:last-child {
    margin-bottom: 0; }

@media only screen and (min-width: 992px) {
  /* line 95, resources/assets/styles/layouts/_footer.scss */
  #copyright {
    padding: 35px 5%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  /* line 103, resources/assets/styles/layouts/_footer.scss */
  #ccStatement1 {
    margin: 0; }
  /* line 107, resources/assets/styles/layouts/_footer.scss */
  #ccStatement2 {
    margin-bottom: 0; }
  /* line 111, resources/assets/styles/layouts/_footer.scss */
  .ccMenu {
    margin: 0; } }

@media only screen and (max-width: 767px) {
  /* line 117, resources/assets/styles/layouts/_footer.scss */
  #footer #contactInfo {
    display: block; }
  /* line 121, resources/assets/styles/layouts/_footer.scss */
  .contact_container {
    flex-wrap: wrap; }
  /* line 125, resources/assets/styles/layouts/_footer.scss */
  .contact_item {
    flex: 0 0 50%; } }

@media only screen and (max-width: 585px) {
  /* line 131, resources/assets/styles/layouts/_footer.scss */
  .contact_item {
    flex: 0 0 100%;
    margin-bottom: 60px;
    padding-left: 0;
    padding-right: 0; }
    /* line 137, resources/assets/styles/layouts/_footer.scss */
    .contact_item:last-child {
      margin-bottom: 0; }
  /* line 142, resources/assets/styles/layouts/_footer.scss */
  #serviceIntro > a div {
    min-height: 0; }
  /* line 146, resources/assets/styles/layouts/_footer.scss */
  #contactInfo {
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 25px;
    padding-right: 25px; }
  /* line 153, resources/assets/styles/layouts/_footer.scss */
  #companyIntro {
    margin-top: 15px; }
  /* line 157, resources/assets/styles/layouts/_footer.scss */
  #ccStatement1 {
    margin-top: 40px; }
  /* line 161, resources/assets/styles/layouts/_footer.scss */
  #copyright {
    height: auto;
    padding-bottom: 20px; }
  /* line 166, resources/assets/styles/layouts/_footer.scss */
  .contact_container {
    margin-left: 0;
    margin-right: 0; }
  /* line 171, resources/assets/styles/layouts/_footer.scss */
  #contactHeading1,
  #contactHeading2,
  #contactHeading3 {
    font-size: 22px; }
  /* line 177, resources/assets/styles/layouts/_footer.scss */
  #companyIntro,
  #joinIntro,
  #contactDetail,
  #serviceIntro {
    font-size: 14px;
    line-height: 1.5625; } }

@media only screen and (max-width: 414px) {
  /* line 187, resources/assets/styles/layouts/_footer.scss */
  #footer #contactInfo {
    display: block; } }

/* line 1, resources/assets/styles/layouts/_pages.scss */
.page_not_found {
  padding-top: 150px;
  padding-bottom: 150px; }
  /* line 5, resources/assets/styles/layouts/_pages.scss */
  .page_not_found h1 {
    font-size: 21px; }

/* line 1, resources/assets/styles/layouts/_tinymce.scss */
body#tinymce {
  margin: 12px !important; }

/* line 2, resources/assets/styles/layouts/_homepage.scss */
.home .top_video {
  height: 100vh;
  position: relative;
  overflow: hidden; }
  /* line 7, resources/assets/styles/layouts/_homepage.scss */
  .home .top_video video {
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%); }
  /* line 16, resources/assets/styles/layouts/_homepage.scss */
  .home .top_video .banner_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: none; }

/* line 30, resources/assets/styles/layouts/_homepage.scss */
#form-first {
  height: auto;
  margin: 0;
  float: none;
  width: 100%; }

/* line 37, resources/assets/styles/layouts/_homepage.scss */
.form-group {
  margin-bottom: 20px; }

/* line 41, resources/assets/styles/layouts/_homepage.scss */
.form-control {
  margin-bottom: 0; }

/* line 45, resources/assets/styles/layouts/_homepage.scss */
#contactUs {
  margin-bottom: 95px;
  height: auto; }

/* line 50, resources/assets/styles/layouts/_homepage.scss */
#contactUs .title {
  color: black;
  font-size: 30px;
  font-weight: 700; }

/* line 56, resources/assets/styles/layouts/_homepage.scss */
.wpcf7 .ajax-loader {
  display: none; }

/* line 60, resources/assets/styles/layouts/_homepage.scss */
#contactWrapper {
  display: flex;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto; }

/* line 67, resources/assets/styles/layouts/_homepage.scss */
#row-contact-first {
  line-height: 1.6; }

/* line 71, resources/assets/styles/layouts/_homepage.scss */
#row-contact-first,
#row-contact-second {
  flex: 0 0 50%;
  padding-left: 25px;
  padding-right: 25px;
  box-sizing: border-box;
  margin: 0; }

/* line 80, resources/assets/styles/layouts/_homepage.scss */
.wpcf7-form-control-wrap {
  display: block; }

/* line 84, resources/assets/styles/layouts/_homepage.scss */
.btn-send {
  width: 100%; }

/* line 88, resources/assets/styles/layouts/_homepage.scss */
#input-comment {
  height: 120px; }

/* line 92, resources/assets/styles/layouts/_homepage.scss */
#OEMHeading {
  font-size: 20px;
  line-height: 32px; }

/* line 97, resources/assets/styles/layouts/_homepage.scss */
.serviceBlock {
  background-color: rgba(255, 255, 255, 0.5);
  padding-top: 55px;
  padding-bottom: 60px; }

@media only screen and (max-width: 1115px) {
  /* line 105, resources/assets/styles/layouts/_homepage.scss */
  .home .top_video {
    height: 415px; }
    /* line 108, resources/assets/styles/layouts/_homepage.scss */
    .home .top_video video {
      display: none; }
    /* line 112, resources/assets/styles/layouts/_homepage.scss */
    .home .top_video .banner_bg {
      display: block; } }

@media only screen and (max-width: 767px) {
  /* line 120, resources/assets/styles/layouts/_homepage.scss */
  #aboutContent {
    font-size: 16px;
    line-height: 30px; }
  /* line 127, resources/assets/styles/layouts/_homepage.scss */
  #service .serviceLayer .block-wrapper {
    display: block; }
  /* line 133, resources/assets/styles/layouts/_homepage.scss */
  #row-contact-first {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 45px;
    flex: 0 0 100%;
    max-width: 600px;
    width: 100%; }
    /* line 142, resources/assets/styles/layouts/_homepage.scss */
    #row-contact-first p {
      font-size: 16px;
      line-height: 30px; }
  /* line 148, resources/assets/styles/layouts/_homepage.scss */
  .form-control,
  .btn-send {
    width: 100%;
    position: relative;
    top: 0; }
  /* line 155, resources/assets/styles/layouts/_homepage.scss */
  #row-contact-second {
    flex: 0 0 100%;
    max-width: 600px;
    width: 100%; }
    /* line 160, resources/assets/styles/layouts/_homepage.scss */
    #row-contact-second form {
      padding-bottom: 0; }
  /* line 165, resources/assets/styles/layouts/_homepage.scss */
  #contactWrapper {
    display: block; }
  /* line 169, resources/assets/styles/layouts/_homepage.scss */
  #contactUs .title {
    font-size: 25px; }
  /* line 173, resources/assets/styles/layouts/_homepage.scss */
  #aboutHeading {
    font-size: 25px; }
  /* line 177, resources/assets/styles/layouts/_homepage.scss */
  #contactUs {
    margin-bottom: 80px; } }

@media only screen and (max-width: 414px) {
  /* line 183, resources/assets/styles/layouts/_homepage.scss */
  .homepage #contactUs {
    display: block;
    margin: 60px 0; } }

/* line 1, resources/assets/styles/layouts/_aboutus.scss */
.about-us_page {
  padding-bottom: 140px; }

/* line 5, resources/assets/styles/layouts/_aboutus.scss */
.bottom_section {
  display: flex;
  margin-left: -20px;
  margin-right: -20px;
  flex-wrap: wrap; }
  /* line 11, resources/assets/styles/layouts/_aboutus.scss */
  .bottom_section .left_col,
  .bottom_section .right_col {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box; }

/* line 21, resources/assets/styles/layouts/_aboutus.scss */
.aboutus-subpage {
  max-width: 900px; }
  /* line 24, resources/assets/styles/layouts/_aboutus.scss */
  .aboutus-subpage .bottom_section {
    align-items: center;
    margin-bottom: 75px; }
    /* line 28, resources/assets/styles/layouts/_aboutus.scss */
    .aboutus-subpage .bottom_section:last-child {
      margin-bottom: 0; }

/* line 34, resources/assets/styles/layouts/_aboutus.scss */
.aboutus-container {
  max-width: 840px; }

@media only screen and (min-width: 768px) {
  /* line 41, resources/assets/styles/layouts/_aboutus.scss */
  .bottom_section .left_col .page_image {
    margin-bottom: 0; } }

@media only screen and (max-width: 767px) {
  /* line 50, resources/assets/styles/layouts/_aboutus.scss */
  .bottom_section .left_col,
  .bottom_section .right_col {
    flex: 0 0 100%;
    max-width: 100%; }
  /* line 57, resources/assets/styles/layouts/_aboutus.scss */
  .bottom_section.center_bottom .page_subtitle,
  .bottom_section.center_bottom .page_text {
    text-align: center; }
  /* line 64, resources/assets/styles/layouts/_aboutus.scss */
  .about-us_page {
    padding-bottom: 60px; }
  /* line 69, resources/assets/styles/layouts/_aboutus.scss */
  .aboutus-subpage .bottom_section {
    margin-bottom: 60px; } }

/* line 1, resources/assets/styles/layouts/_services.scss */
.services_page {
  padding-bottom: 140px;
  max-width: 840px; }
  /* line 5, resources/assets/styles/layouts/_services.scss */
  .services_page .bottom_section {
    margin-bottom: 75px; }
    /* line 8, resources/assets/styles/layouts/_services.scss */
    .services_page .bottom_section:last-child {
      margin-bottom: 0; }
    /* line 12, resources/assets/styles/layouts/_services.scss */
    .services_page .bottom_section .right_col {
      text-align: left; }

/* line 18, resources/assets/styles/layouts/_services.scss */
.services #banner {
  margin-bottom: 0; }

@media only screen and (max-width: 767px) {
  /* line 23, resources/assets/styles/layouts/_services.scss */
  .services_page {
    padding-bottom: 80px; }
    /* line 27, resources/assets/styles/layouts/_services.scss */
    .services_page .bottom_section .right_col {
      text-align: center; }
  /* line 33, resources/assets/styles/layouts/_services.scss */
  .services #banner {
    margin-bottom: 0; } }

/* line 1, resources/assets/styles/layouts/_joinus.scss */
.joinus_page {
  max-width: 840px;
  padding-bottom: 140px; }
  /* line 5, resources/assets/styles/layouts/_joinus.scss */
  .joinus_page .bottom_section {
    text-align: left; }
  /* line 9, resources/assets/styles/layouts/_joinus.scss */
  .joinus_page .mail_link {
    margin-top: 50px;
    display: inline-block; }
    /* line 13, resources/assets/styles/layouts/_joinus.scss */
    .joinus_page .mail_link img {
      margin-right: 10px; }
    /* line 17, resources/assets/styles/layouts/_joinus.scss */
    .joinus_page .mail_link img,
    .joinus_page .mail_link span {
      display: inline-block;
      vertical-align: middle;
      font-family: "Raleway", simhei, sans-serif;
      font-weight: 400; }

@media only screen and (max-width: 767px) {
  /* line 28, resources/assets/styles/layouts/_joinus.scss */
  .joinus_page {
    padding-bottom: 80px; }
    /* line 31, resources/assets/styles/layouts/_joinus.scss */
    .joinus_page .left_col {
      order: 2;
      margin-top: 60px; }
      /* line 35, resources/assets/styles/layouts/_joinus.scss */
      .joinus_page .left_col .page_image {
        margin-bottom: 0; }
    /* line 40, resources/assets/styles/layouts/_joinus.scss */
    .joinus_page .mail_link {
      margin-top: 25px; } }

/* line 1, resources/assets/styles/layouts/_contactus.scss */
.contact-us-page {
  padding-bottom: 50px; }

@media only screen and (min-width: 1151px) {
  /* line 6, resources/assets/styles/layouts/_contactus.scss */
  .locationInfo {
    position: relative;
    top: 0;
    left: 0;
    margin-left: 70px; }
    /* line 13, resources/assets/styles/layouts/_contactus.scss */
    .locationInfo .contactText li {
      position: relative; }
      /* line 16, resources/assets/styles/layouts/_contactus.scss */
      .locationInfo .contactText li a {
        margin-top: 0; }
    /* line 22, resources/assets/styles/layouts/_contactus.scss */
    .locationInfo .image {
      top: 3px; }
  /* line 27, resources/assets/styles/layouts/_contactus.scss */
  #googleMap {
    display: flex;
    align-items: center; } }

@media only screen and (max-width: 1150px) {
  /* line 34, resources/assets/styles/layouts/_contactus.scss */
  .locationInfo {
    position: relative;
    top: 0;
    left: 0;
    order: 0;
    box-sizing: border-box;
    width: 100%; }
    /* line 43, resources/assets/styles/layouts/_contactus.scss */
    .locationInfo .contactText li {
      position: relative; }
      /* line 46, resources/assets/styles/layouts/_contactus.scss */
      .locationInfo .contactText li a {
        margin-top: 0; }
    /* line 52, resources/assets/styles/layouts/_contactus.scss */
    .locationInfo .image {
      top: 3px; }
    /* line 56, resources/assets/styles/layouts/_contactus.scss */
    .locationInfo #map {
      top: auto;
      position: relative; }
  /* line 62, resources/assets/styles/layouts/_contactus.scss */
  #googleMap {
    display: flex;
    flex-direction: column; } }

@media only screen and (max-width: 767px) {
  /* line 69, resources/assets/styles/layouts/_contactus.scss */
  .contact-us #contactUs {
    margin-bottom: 10px; } }

/*# sourceMappingURL=main.css.map*/
#googleMap {
  justify-content: center;
}
.locationInfo {
  margin-left: 0;
}
.contact-description {
  font-size: 20px;
  font-weight: 400;
  color: black;
  float: left;
  text-align: justify;
  margin-bottom: 12px;
  line-height: 25px;
}
#row-contact-second .wpcf7-form {
  display: inline-block;
  width: 100%;
}
.wpcf7-not-valid-tip {
  margin-top: 10px;
}
.contact-us-page .wpcf7 form .wpcf7-response-output {
  margin: 0;
}
#contactWrapper {
  justify-content: center;
}
@media (max-width:767px) {
  .contact-description {
    margin-bottom: 30px;
  }
}