@charset "utf-8";

body{font-size:110%;font-weight:normal;margin:0;padding:0;font-family: 'Open Sans', sans-serif;, sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color: #666666;}
.clear,body,li,p,ul{padding:0;}
.showc{-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}
a{outline:none;border:none;color: #666666;transition: all .25s ease;}
a:hover,a:active,a:focus{outline:none;color:#e49576;text-decoration: none;}
.home_txt_main{color: #e49576;}

/* body::after{ content:''; display:block; height:245px; } */

.font-white{color: #FFF;}
.font-green{color: #8BC53F;}
.font-black{color: #000;}
.font-theme01{color: #e49576;}
.home_list_art_bg_txt_q .bgwhite{background-color: #FFF;}
.home_list_art_bg_txt_q .bggray{background-color: #A6A8AB;}

.font_shadow1{text-shadow: 2px 2px #304251;}


.font_open_sansbold{font-family: 'open_sansbold';}
.font_open_sansregular{font-family: 'open_sansregular';}
.font_open_sanssemibold{font-family: 'open_sanssemibold';}
.font_bebasregular{font-family: 'bebasregular';}

.active{border-bottom: 4px solid #fff;}

.bgweb01{background-color: #006838 !important;}
.bgweb02{background-color: #2a3430 !important;}
.bgweb03{background-color: #efefef !important;}
.bgweb04{background-color: #338660 !important;}


.colorwe01{color: #cccccc !important}
.colorwe02{color: #075a38 !important}
.colorwe03{color: #feb403 !important}

.bd-imgshowhome{max-height: 400px; overflow: hidden;display: block}
.carousel-inner{max-height: 400px;}
.home-bg-setting{background: url('../images/img_home_setting.png') no-repeat;}
.txt-whyh{display: table;height: 100%;text-transform: uppercase;text-align: center;width: 100%;}
.txt-whyh2{display: table-cell;vertical-align: middle;}
.position-relative{position: relative;}

.btn-web01{border:1px solid #34b37f; padding: 6px 10px;color: #1a875a;}
.footerbp{border-top: 1px solid #222;}

.contentshowcms{width: 100%;float:left;overflow: hidden;}
.contentshowcms2{float: left;}
.contentshowcms ul{padding-left: 20px;}
.contentshowcms img{max-width: 100% !important; height:auto!important;}
/*  */
.swiper-container {
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  height: 200px;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-slide-content {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
/*  */

.owl-carousel .item{height: auto;padding: 0;position: relative;text-align: center;}
.owl-carousel {
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-item{float: left;min-height: 1px;}
  .owl-carousel-artist1 .owl-item{float: left;min-height: 1px;}
  .owl-carousel-artist1 .owl-item img{overflow: hidden;-webkit-box-shadow: 10px 10px 23px -6px rgba(0,0,0,0.69);
    -moz-box-shadow: 10px 10px 23px -6px rgba(0,0,0,0.69);box-shadow: 10px 10px 23px -6px rgba(0,0,0,0.69);}
    .owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled {display: none; }
    .owl-carousel .owl-nav .owl-prev,
    .owl-carousel .owl-nav .owl-next,
    .owl-carousel .owl-dot {
      cursor: pointer;
      cursor: hand;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }
    .owl-carousel .owl-dots {
      top: 100px;
      display: inline-block;
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
    }
    .owl-carousel .owl-dots .owl-dot {
      width: 11px;
      height: 11px;
      background: #d5cccd;
      border-radius: 50%;
      float: left;
      margin: 0px 5px;
    }
    .owl-carousel .owl-prev .home_slide1left{width: 50px;height: 50px; position: absolute;left: 30px;top: 76px;background-color: #FFF;-moz-border-radius: 50px;border-radius: 50px;text-align: center;padding-top: 15px; background: none;}
    .owl-carousel .owl-next .home_slide1right{width: 50px;height: 50px; position: absolute;right: 30px;top: 76px;background-color: #FFF;-moz-border-radius: 50px;border-radius: 50px;text-align: center;padding-top: 15px;background: none;}

    .owl-carousel .owl-prev .home_slide2left{width: 50px;height: 50px; position: absolute;left: 30px;top: 125px;background-color: #FFF;-moz-border-radius: 50px;border-radius: 50px;text-align: center;padding-top: 15px;background: none;}
    .owl-carousel .owl-next .home_slide2right{width: 50px;height: 50px; position: absolute;right: 30px;top: 125px;background-color: #FFF;-moz-border-radius: 50px;border-radius: 50px;text-align: center;padding-top: 15px;background: none;}

    .owl-carousel .owl-prev .framesize2left{width: 50px;height: 50px; position: absolute;left: -22px;top: 80px;background-color: #FFF;-moz-border-radius: 50px;border-radius: 50px;text-align: center;padding-top: 15px;background: none;}
    .owl-carousel .owl-next .framesize2right{width: 50px;height: 50px; position: absolute;right: -22px;top: 80px;background-color: #FFF;-moz-border-radius: 50px;border-radius: 50px;text-align: center;padding: 3rem 0;background: none;}

    .home_blog_slide{width: 100%; overflow: hidden;}
    .line_fixed{position:fixed; top:38px; z-index:3;}



    /* .footer{
    position:absolute;
    bottom:0;
    width:100%;
    height:260px;
    } */

    /*  */

    nav {
      /* border-bottom: solid 1px #176d2a; */
      min-height: 60px;
    }


    nav .brand {
      display: block;
      position: relative;
      width: 146px;
      top: 2px;
    }

    nav .brand img {
      width: 100%;
    }

    nav .menu li a {
      display: block;
      padding: 20px 25px;
      text-decoration: none;
      color: #3a3a3a;
    }

    nav .menu li.active > a,
    nav .menu li a:hover {
      color: #e74c3c;
    }

    nav button {
      background: transparent;
      border: none;
      outline: none;
    }

    @media (max-width: 992px) {
      nav .full-container,
      nav .nav-container {
        padding-left: 0;
        padding-right: 0;
      }

      nav .nav-header {
        min-height: 60px;
      }

      nav .nav-header .brand {
        margin: 0 auto 5px;
        float: none;
      }

      nav .nav-header .toggle-bar {
        font-size: 18px;
        position: absolute;
        top: 17px;
        left: 15px;
      }

      nav .menu li a {
        padding: 10px 10px;
        border-bottom: solid 1px #efefef;
      }

      nav .menu li:last-child a {
        border-bottom: none;
      }
    }

    /*  */

.global-footer-notification{width:100%;background-color:#f0f0f0;position:fixed;bottom:0;left:0;z-index:999;padding-bottom:40px;box-shadow:0 -7px 32px 0 rgba(0,0,0,0.05)}.global-footer-notification h3{text-transform:uppercase;font-size:.625em;font-weight:600;letter-spacing:.08em;line-height:1.8em;float:left;margin-right:.5em}.global-footer-notification p{font-size:.6875em;line-height:1.6364em;font-weight:400;color:gray;margin-bottom:0}.global-footer-notification .close-container{padding-top:10px;padding-bottom:10px}.global-footer-notification .close{opacity:1;height:20px;width:20px;position:relative}.global-footer-notification .close:before,.global-footer-notification .close:after{content:'';display:block;position:absolute;top:0;left:10px;width:2px;height:20px;background-color:silver}.global-footer-notification .close:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.global-footer-notification .close:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}@media(min-width:767px){.global-footer-notification{padding-top:14px;padding-bottom:36px}.global-footer-notification .close-container{padding-top:0;padding-bottom:0}}
.owl-carousel .owl-prev .home_slide1left{width: 50px;height: 50px; position: absolute;left: 30px;top: 76px;background-color: #FFF;-moz-border-radius: 50px;border-radius: 50px;text-align: center;padding-top: 15px; background: none;}
.owl-carousel .owl-next .home_slide1right{width: 50px;height: 50px; position: absolute;right: 30px;top: 76px;background-color: #FFF;-moz-border-radius: 50px;border-radius: 50px;text-align: center;padding-top: 15px;background: none;}

.owl-carousel .owl-prev .home_slide2left{width: 50px;height: 50px; position: absolute;left: 30px;top: 90px;background-color: #FFF;-moz-border-radius: 50px;border-radius: 50px;text-align: center;padding-top: 15px;background: none;}
.owl-carousel .owl-next .home_slide2right{width: 50px;height: 50px; position: absolute;right: 30px;top: 90px;background-color: #FFF;-moz-border-radius: 50px;border-radius: 50px;text-align: center;padding-top: 15px;background: none;}

.owl-carousel .owl-prev .framesize2left{width: 50px;height: 50px; position: absolute;left: -22px;top: 80px;background-color: #FFF;-moz-border-radius: 50px;border-radius: 50px;text-align: center;padding-top: 15px;background: none;}
.owl-carousel .owl-next .framesize2right{width: 50px;height: 50px; position: absolute;right: -22px;top: 80px;background-color: #FFF;-moz-border-radius: 50px;border-radius: 50px;text-align: center;padding: 3rem 0;background: none;}

.owl-carousel .owl-prev .home_news2left{width: 32px;height: 50px; position: absolute;left: 0;top: 20px;background-color: #FFF;-moz-border-radius: 50px;border-radius: 50px;text-align: center;padding-top: 15px;background: none;z-index: 2;}
.owl-carousel .owl-next .home_news2right{width: 32px;height: 50px; position: absolute;right: 0;top: 20px;background-color: #FFF;-moz-border-radius: 50px;border-radius: 50px;text-align: center;padding-top: 15px;background: none;z-index: 2;}

.post-creative-footer{list-style: none;}

.owl-carousel {width: 98%;-webkit-tap-highlight-color: transparent;position: relative;z-index: 1;padding-top: 55px;overflow: hidden;}
.owl-carousel .owl-nav{position: relative;}
.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled {display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .owl-carousel{padding-top: 5px;}
  .owl-item .imgeb01{width: 80px!important}
  .tgintext{float: left;width:80%;}
  .item a .imgeb02{width: 80px!important}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .owl-carousel{padding-top: 47px;}
  .owl-item .imgeb01{width: 80px!important}
}