@charset "utf-8";

#wrapper {
  width: 100%;
}
.inner{
  width: 1200px;
  margin:0 auto;
}
.pc{
  display: block;
}
.sp{
  display: none;
}
header:after , #content:after ,  footer:after , section:after , ul:after , section:after{
  content: "";
  display: block;
  clear: both;
}

section {
  padding: 75px 0;
}

/*title*/
.tit-lg {
  font-size: 3.5rem;
}
.tit-md {
  font-size: 3rem;
}
.tit-sm {
  font-size: 2rem;
}


/*text*/

.txt-lg {
  font-size: 1.3rem;
}
.txt-md {
  font-size: 1rem;
}
.txt-sm {
  font-size: .5rem;
}

.text {
  font-size: 17px;
  line-height: 1.8;
}



/*underline*/
.hr {
  position: relative;
  padding: 0 0 20px 0;
}
.hr:after {
   position: absolute;
   content: '';
   width: 150px;
   height: 2px;
   background-color: #378b8d;
   left: 30px;
   bottom: 0;    
}
.hr:before {
   position: absolute;
   content: '';
   width: 150px;
   height: 2px;
   background-color: red;
   right: 30px;
   bottom: -5px;    
}

/*position*/
.pos-r {
  position: relative;
}
.pos-ab {
   position: absolute;
}

/*div same height*/
.col-container {
    display: table; 
    width: 100%;     
}
.col {
    display: table-cell;
    position: relative;
}


.secTitle {
    color: #e8a722;
    margin-bottom: 60px;
    position: relative;
    text-transform: uppercase;
} 

.secTitle02 {
    color: #e8a722;
    margin-bottom: 40px;
} 
.blgTitle {
  font-size: 2.8rem;
  /*font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;*/
  border-left: 5px solid #e8a722;
  padding-left: 10px;
  margin-bottom: 20px;
}

/* Tabs */

.cmnTabs { 
  margin: 0; 
  padding: 0; 
  float: left; 
  list-style: none; 
  width:100%; 
} 

.cmnTabs li {
  float: left; 
  text-align: center;
  overflow: hidden; 
  position: relative; 
  border-bottom: 3px solid #e1e1e1;
  transition: 0.33s all ease ;
  padding: 6px 0;
}

.cmn_tabContainer { 
  overflow: hidden; 
  clear: both; 
  float: left; 
  width: 100%; 
} 
.cmn_tabText { 
  padding: 30px 20px; 
  font-size: 17px;
  line-height: 1.7;
} 

.cmnTabs li a { 
  text-decoration: none; 
  font-size: 20px; 
  color: rgba(161, 161, 161, 1); 
  outline: none; 
  display: block; 
  outline: none; 
  background:none; 
  letter-spacing: 2px;
} 
.cmnTabs li a:hover { 
  color: #e8a722;
} 
  
.cmnTabs li.active { 
  border-bottom: 3px solid #e8a722; 
} 

.cmnTabs li.active a { 
  color: #e8a722;
}

/* Margin and Padding */

.blgMar {
  margin-top: 50px;
}

.blgPad {
  padding: 50px 0;
}
.blgPad_top{
  padding-top: 50px;
}

/*---common address map--*/

.addressText table {
  width: 100%;
}
.addressText table th{
  width: 30%;
  padding-bottom: 25px;
  font-size: 16px;
}
.addressText table td{
  width: 70%;
  padding-bottom: 25px;
}

/*--scroll Topbutton--*/

#button {
  display: inline-block;
  background-color: #FF9800;
  width: 75px;
  height: 75px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 60px;
  right: 40px;
  transition: all ease .3s, 
  opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  color: #fff;
}
#button::before {
  content: "\f077";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 45px;
    color: #fff;
    display: block;
}
#button:hover {
  cursor: pointer;
  background-color: #279a10;
  transform: translateY(-5px);
}

#button:active {
  background-color: #555;
}
#button.show {
  opacity: 1;
  visibility: visible;
}



/* header
---------------------------------------------------------- */
#header {
  width: 100%;
  position: fixed;
  z-index: 99;
  background: rgba(255,255,255,0.83);
  padding: 15px 0;
}
#header .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

#header .logo img{
  width: 65px;
}

#header .logo .logoText {
    display: inline-block;
    padding: 5px 0 0 10px;
    font-family: 'Playfair Display', serif;
    font-weight: bold;
    color: #e8a722;
}

#header .logo .logoText .logoText01 {
    font-size: 22px;
    display: block;
}

#header .logo .logoText .logoText02 {
    font-size: 12px;
}

#header .hd-contact a .fb-icon {
  font-size: 20px;
    padding: 4px 15px;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-timing-function: ease;
    transition-duration: 0.4s;
    transition-timing-function: ease;
}

#header .hd-contact a:hover .fb-icon {
  background-color: #3b5998;
  color: #fff;

}

#header .gnav {
  width: 890px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#header .gnav li {
  text-align: center;
  position: relative;
}

#header .gnav li a {
  font-size: 14px;
  display: block;
  color: #e8a722;
  letter-spacing: 0.3px;
}

.fa-angle-down:before,
.fa-angle-right:before {
   color: #279a10;
   font-weight: bold;
    font-size: 18px;
}

#header .gnav li a:hover {
  -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%);
  -webkit-mask-size: 200%;
  animation: shine 2s infinite;
}

@-webkit-keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }
  
  to {
    -webkit-mask-position: -50%;
  }
}

#header .gnav li a span {
  display: block;
  text-align: center;
  font-size: 20px;
  font-family: fantasy;
}

#header .gnav li:last-child {
  padding-right: 0;
}

#header .gnav li.logo a:hover {
  background: initial;
  color: #279a10;
}

#header .gnav li .sub-menu { 
  visibility: hidden; /* hides sub-menu */
  opacity: 0;
  position: absolute;
  top: 150%;
  width: 250px;
  left: -20px;
  transform: translateY(-2em);
  z-index: 99;
  transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
  background: #fff;
  padding: 10px 0 10px 15px;
  /*border-top: 3px solid #279a10;*/
  border: 0px solid rgba(0, 0, 0, 0.15) ;
    background-color: #fafafa;
}

#header .gnav li .sub-menu li {
    padding: 0 0 10px 0;
    margin: 0;
    display: block;
    text-align: left;
}

#header .gnav li .sub-menu li a {
  width: auto;
  padding: 5px 0;
}

#header .gnav li .sub-menu li a .fa-angle-right{
  transition: .33s all ease;
}

#header .gnav li:hover .sub-menu {
  visibility: visible; /* shows sub-menu */
  opacity: 1;
  z-index: 99;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}

#header .gnav li .sub-menu li a:hover .fa-angle-right{
  padding-right: 5px;
}

#header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    animation: fadeInDown 1s ease-in-out;
    z-index: 999;
    width: 100%;
    height: 80px;
    background: #fff;
    box-shadow: 0 10px 15px rgba(0,0,0,.05);
}

#header.fixed .logo .logoText {
    padding: 3px 0 0 10px;
    font-family: 'Playfair Display', serif;
}

#header.fixed .logo .logoText .logoText01 {
    font-size: 18px;
}

#header.fixed .logo .logoText .logoText02 {
    font-size: 11px;
}

#header.fixed .gnav li.logo {
    margin-top: 0;
}

#header.fixed .gnav li.logo a {
  padding: 0;
}

#header.fixed .gnav li a span {
  font-size: 16px;
}

#header.fixed .logo img {
  width: 53px;
}

/* fadeInDown */
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.none {
  display: none;
}

#news {
  width: 100%;
  background: rgba(39, 154, 16, 0.1);
  padding: 30px 0;
  margin: 0 0 40px 0;
}

#news .list-wrap {
  height: 150px;
  margin-top: 20px;
}

#news .list-aggregate li {
  height: 40px;
  font-size: 16px;
}
#news .list-aggregate li .date{
  padding: 0 20px 0 0;
}

.banner {
  height: 100vh;
}
.pageBnr {
    width: 100%;
    height: 500px;
}
.pageBnr .pageBnr_text {
    position: absolute;
    top: 56%;
    transform: translate(0%,-50%);
    z-index: 99;
    color: #fff;
    font-size: 2rem;
    background: rgba(0,0,0,0.7);
}
/*.bg-tran {
   width: 100%;
   height: 100%;
   position: absolute;
   z-index: 99;
   background: rgba(0,0,0,.2);
}*/
.slider-box {
    top: 62%;
    position: absolute;
    overflow: auto;
    left: 5%;
    transform: translate(-50%, -50%);
    color: #fff;
    z-index: 999;
    overflow: hidden;
    background: rgba(0,0,0,0.4);
    width: 50%;
    padding: 20px 25px;


}

.slider-tit {
    font-size: 35px;
    font-weight: 500;

}

.slider-txt {
    font-size: 20px;
    padding-top: 10px;
}

.slider-btn {
    top: 70%;
    position: absolute;
    overflow: auto;
    text-align: center;
    left: 47%;
    transform: translate(-50%, -50%);
    z-index: 999;
    padding: 10px 30px;
    background: #279a10;
    border: none;
}
.slider-btn a {
  color: #fff;
    font-size: 20px;
    font-weight: bold;
    font-family: "Courier";
}

@keyframes type {
  from { width: 0 }
  to { width: 100% }
}

.bxslider li {
  min-height: 100vh;
}
.bxslider li.slider_trad {
  background: url(../../assests/images/bnrtrading.JPG) center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
.bxslider li.slider_indut {
  background: url(../../assests/images/industrial.JPG) center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
.bxslider li.slider_con {
  background: url(../../assests/images/bnrconstruction.jpg) center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
.bxslider li.slider_fin {
  background: url(../../assests/images/bnrfinance.jpg) center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
.bxslider li.slider_log {
  background: url(../../assests/images/bnrlogistics.JPG) center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
.bxslider li.slider_tour {
  background: url(../../assests/images/bnrtour.png) center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.banner ul li img {
  width: 100%;
}

.secAbout {
   position: relative;
}

.hv-line::before {
    position: absolute;
    content: "";
    width: 150px;
    color: #279a10;
    bottom: 0;
    border-bottom: 3px solid;
    left: 50%;
    transform: translate(-50%, -50%);
}

.secAbout .aboutImg img{
   width: 370px;
}

.secAbout .aboutTextsec {
    width: 791px;
    text-align: left;
    position: absolute;
    left: 30%;
    top: 29%;
}

.secAbout .aboutText {
    font-size: 20px;
    margin-bottom: 120px;
}

.secAbout .btnMore {
    float: right;
}

.btnMore {
    position: relative;
    padding: 10px 42px;
    font-size: 14px;
    font-weight: 500;
    background-color: #d8b25a;
    color: #000;
    display: inline-block;
    text-transform: capitalize;
    -webkit-transition: .5s;
    transition: .3s;
}

.btnMore::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    content: '';
    background: #e8a722;
    transform-origin: right top;
    transform: scale(0, 1);
    transition: transform .3s;
}

/*.btnMore:hover {
    background-color: #d8b25a;
    border: 2px solid #d8b25a;
    color: #fff;
}*/
.btnMore:hover {
    text-decoration: none;
    opacity: .99;
    color: #fff;
}
.btnMore:hover::before {
    transform-origin: left top;
    transform: scale(1, 1);
}

.secCompany {
  width: 100%;
  overflow: hidden;
  background-color: #f9f7f2;
}

.secCom {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
}

.secCom_bl {
    width: 50%;
}

.secCom_bl .secCom_more {
    /* position: absolute;
    top: 60%;
    width: 45%;
    left: 25%;
    transform: translate(-50%, -50%);
    height: 370px; */
    position: relative;
    padding: 35px 50px 0;
    height: 400px;
}

.secCom_bl .secCom_more02 {
    /* right: -20%;
    left: auto; */
}

.secCom_bl .secCom_more .secList_title li {
    font-size: 20px;
    padding-bottom: 17px;
}

.secCom_bl .secCom_more .secList_title li span img {
    vertical-align: middle;
    width: 25px;
}

.secCom_more .button {
  position: absolute;
  bottom: 40px;
  right: 50px;
}

.secCom_img {
    width: 50%;
    height: 400px;
    position: relative;
}

.secCom_img.secImg01 {
    background: url(../../assests/images/trading02.jpg) no-repeat;
    background-size: cover;
}

.secCom_img.secImg02 {
    background: url(../../assests/images/construction.jpg) no-repeat;
    background-size: cover;
}
.secCom_img.secImg03 {
    background: url(../../assests/images/industrial.JPG) no-repeat;
    background-size: cover;
}
.secCom_img.secImg04 {
    background: url(../../assests/images/logistics02.jpg) no-repeat;
    background-size: cover;
}
.secCom_img.secImg05 {
    background: url(../../assests/images/mother_finance.jpg) no-repeat;
    background-size: cover;
}
.secCom_img.secImg06 {
    background: url(../../assests/images/travel_tour.jpg) no-repeat;
    background-size: cover;
}

.secCom_img .secCom_text {
    color: #fff;
    background-color: rgba(0,0,0,.65);
    position: absolute;
    top: 50%;
    width: 85%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px;
    font-size: 18px;
}

.secCeo {
  background-color: #b78a2f;
  margin-top: 75px;
}

.secCeoinner {
  display: flex;
  justify-content: space-between;
}

.secCeo .ceoImg{
  width: 40%;
}

.secCeo .ceoWrap {
  width: 650px;
  color: #fff;
}

.secCeo .ceoWrap .wrapText01 {
  font-size: 30px;
  letter-spacing: 2px;
}

.secCeo .ceoWrap .wrapText02 {
  padding: 40px 0 0;
  font-size: 18px;
  line-height: 1.7;
}

.secCeo .ceoWrap .wrapText03 {
  text-align: right;
  padding: 65px 0 0;
}

.secCeo .ceoWrap .wrapText03 span {
  display: block;
  font-size: 24px;
  font-family: 'Times New Roman', Times, serif;
}

.secClient ul {
  display: flex;
  justify-content: space-between;
}

.secFuture .futText {
    font-size: 20px;
    color: #279a10;
    font-weight: 550;
    border-left: 5px solid;
    padding: 0px 0 0 15px;
    margin-bottom: 25px;
}

.secFuture .fut_more {
    text-align: right;
    display: block;
    padding: 40px 40px 0 0;
    font-size: 18px;
}

.secFuture ul {
    display: flex;
    width: 100%;
    justify-content: space-around;
}

.secFuture ul li {
    width: 47%;
    font-size: 18px;  
    margin-top: 10px;
    text-align: center;
}

.secFuture ul img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-bottom: 10px;
}

/*.secAward ul {
   width: 100%;
    display: flex;
    justify-content: space-between;
}

.secAward  ul li {
    width: 30%;
}

.secAward  ul li .award_date {
    font-size: 13px;
    color: #279a10;
    font-weight: 550;
}

.secAward  ul li .award_title {
    padding: 8px 0 15px;
    font-size: 18px;
    font-weight: 550;
}

.secAward  ul li a{
    color: #444;
    transition: all ease 0.3s;
}

.secAward ul li .award_detail {
    text-align: right;
    display: block;
    padding: 30px 10px 0 0;
}

.secAward ul li .award_title:hover a,
.secAward ul li .award_detail:hover {
    -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%);
    -webkit-mask-size: 200%;
    animation: shine 2s infinite;
    color: #e8a722;
}*/
.secSocial {
  width: 100%;
    padding: 80px 0 85px;
    background: url(../../assests/images/social_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    margin-top: 60px;
}

.secSocial_title {
    text-align: center;
    font-size: 28px;
    padding-bottom: 50px;
}

.secSocial_list {
    width: 100%;
    display: flex;
    justify-content: space-around;
}

.secSocial_list li a {
    width: 100px;
    height: 100px;
    display: block;
    line-height: 2;
    font-size: 49px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    transition: all ease 0.3s;
}
.secSocial_list li a:hover {
    transform: translateY(-15px);
}

.secSocial_list li a.facebook {
    background: #5567a9;
    line-height: 2.2;
}

.secSocial_list li a.twitter {
    background: #08c1f3;
    line-height: 2.2;
}

.secSocial_list li a.instagram {
    background: #b33632;
}

.secSocial_list li a.linkedin {
    background: #007bb6;
}
/* ------------footer---------- */

footer {
  width: 100%;
  background-color: #e1e5f0;
  padding: 40px 0 0 0;
}

footer .ftIn {
  display: flex;
  justify-content: space-between;
}

footer .ftIn .ft_bl01 {
  width: 135px;
}

footer .ftIn .ftLogo img {
  width: 105px;
}

footer .ftIn .ftLogo a span{
    width: 100px;
    color: rgba(194, 129, 0, 1);
    font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
    font-size: 13px;
    font-weight: bold;
    display: block;
}

footer .ftIn .ft_bl02 {
  width: 345px;
  display: flex;
  justify-content: space-between;
}

.ft_bl02 ul li{
  display: block;
  padding: 0 0 20px 0;
}

.ft_bl02 ul li a{
  color: #000;
}

.ft_bl02 ul li a:hover{
  color: #e8a722;
}

footer .ftIn .ft_bl03 {
  width: 530px;
}

footer .ftIn .ft_bl03 .ftCon {
  font-size: 18px;
  text-decoration: underline;
}

footer .ftIn .ftText01 {
  margin-top: 15px;
  line-height: 2;
}

footer .ftCpy {
  background-color: rgba(185, 130, 19, 1);
  text-align: center;
  border-top: 1px solid #f2f2f2;
  color: #FFFFFF;
  margin-top: 15px;
  padding: 5px 0;
  font-size: 13px;

}


/*==================About====================*/
.pageBnr.about {
  background: url(../../assests/images/about/pageBnr.jpg);
  background-size: cover;
}

#about .secAbout {
  padding: 50px 0;
  background-color: #f9f7f2;
}

#about .secAbout .aboutTextsec {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
}

#about .secAbout .aboutText {
  font-size: 16px;
  margin-bottom: 17px;
  line-height: 1.8;
}

#about .secAbout .aboutList dt{
  padding-bottom: 10px;
}

#about .secAbout .aboutList dd{
  padding-bottom: 5px;
  list-style-type: disc;
}

#about .serviceList {
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap;
  -webkit-box-pack: start;
          justify-content: flex-start;
}

#about .serviceList .item {
  width: 370px;
  margin-bottom: 25px;
  -webkit-box-flex: 0;
          flex: 0 0 32%;
  margin: 1% 0;
}
#about .serviceList .item:nth-child(3n-1) {
  margin-left: 2%;
  margin-right: 2%;
}

#about .serviceList .caption {
  font-size: 18px;
  text-align: center;
  color: #279a10;
}

#about .serviceList .serviceBox {
  position: relative;
  display: inline-block;
  overflow: hidden;
  height: auto;
  box-sizing: border-box;
  
}
#about .serviceList .serviceBox img {
  width: 370px;
  height: 250px;
  max-width: 100%;
  cursor: pointer;
  object-fit: cover;
}
#about .serviceList .serviceBox .seviceImg {
  display: block;
}
#about .serviceList .serviceBox .boxSlide {
  opacity: 0;
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  padding: 15px;
  cursor: pointer;
  -moz-transition: all 0.4s ease-in-out 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
  -moz-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}

#about .serviceList .serviceBox .boxText_hvr {
  text-align: center;
  font-size: 14px;
  display: inline-block;
  width: 80%;
  position: absolute;
  top: 50%; /*top:40%;*/
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#about .serviceList .serviceBox:hover .boxSlide {
  opacity: 1;
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}


/*================== Construction ====================*/
.pageBnr.constr {
  background: url(../../assests/images/construction/pageBnr.jpg);
  background-size: cover;
}
#construction .constrSec01 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  background: #f5f5f5;
  margin: 80px 0;
}

#construction .constrWrap {
  width: 50%;
  padding: 50px;
}


#construction .constrWrap .tabsConstr li{
  width: 33.3%;
}

#construction .constrItem {
  width: 50%;
}

#construction .constrList01,
#construction .portfolioContainer,
#construction .constrnumList  {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#construction .portfolioFilter {
  margin-top: 50px;
}

#construction .portfolioFilter a {  
  color:#666; 
  text-align: center;
  transition: all ease 0.4s;
} 

#construction .portfolioFilter a.current {  
  font-weight:bold; 
  color: #e8a722;
  border-bottom: 2px solid #e8a722;
} 

#construction .portfolioContainer {
  margin: 35px 20px 0;
}

#construction .portfolioContainer li {
  width: 32%;
  margin: 5px;
}

#construction .portfolioContainer img { 
  width: 100%;
} 

.isotope-item { 
  z-index: 2; 
} 

.isotope-hidden.isotope-item { 
  pointer-events: none; 
  z-index: 1; 
} 

.isotope, 
.isotope .isotope-item { 
/* change duration value to whatever you like */ 
  -webkit-transition-duration: 0.8s; 
  -moz-transition-duration: 0.8s; 
  transition-duration: 0.8s; 
} 

.isotope { 
  -webkit-transition-property: height, width; 
  -moz-transition-property: height, width; 
  transition-property: height, width; 
} 

.isotope .isotope-item { 
  -webkit-transition-property: -webkit-transform, opacity; 
  -moz-transition-property: -moz-transform, opacity; 
  transition-property: transform, opacity; 
} 
#construction .constr_numbers {
  background: #333;
  color: #fff;
  text-align: center;
  padding: 25px 0;
  margin: 60px 0;
}

#construction .constr_numbers .number_item .value {
  font-size: 30px;
  padding: 10px 0 0;
  text-align: center;
}

#construction .constr_numbers .number_item .numText {
  font-size: 18px;
}
#construction .constr_numbers .number_item img {
  width: 60px;
}
.constrMem_list div {
  margin: 0 5px;
}
#construction .slick-prev {
  left: -50px;
}
#construction .slick-next {
  right: -50px;
}
/* #construction .teamTitle {
  width: 400px;
  background: #589619;
  text-align: center;
  color: #fff;
  font-size: 24px;
  margin: 0 auto;
  border-radius: 5px;
  padding: 5px;
} */
.constrMem {
  overflow: hidden;
  }
  
  #construction .constr_teamTitle {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  #construction .teamTitle {
    position: relative;
    width: 400px;
    background: #576845;
    text-align: center;
    font-size: 24px;
    margin: 0;
    border-right: 2px solid #fff;
    padding: 5px;
    cursor: pointer;
    transition: : 0.3s ease;
  }
  
  #construction .teamTitle.active {
    background: #589619;
  }
  #construction .teamTitle:hover {
    background: #589619;
  }
  #construction .teamTitle a {
    color: #fff; 
  text-decoration: none;
  }
  
  #construction .teamTitle.active:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0 15px;
    border-color: #589619 transparent transparent transparent; 
    left: 50%;
    bottom: -15px;
  
  }
  #construction .membody .slick-dots {
    bottom: -4px;
  }
  #construction .teamText01 {
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    /*line-height: 3;*/
    color: #589619;
    margin-bottom: 25px;
  }
  #construction .teamText02 {
    font-size: 17px;
    padding: 0 0 20px 25px; 
    position: relative;
  }
  .team01_inner, .team02, .cmnTeam_in, .team03 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    margin: 50px 0;
  }
  .team03 {
  flex-wrap: wrap;
  }
  .team01_imgblg {
    width: 45%;
  }
  .team01_textblg {
    width: 50%;
  }
  .teamText02:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    width: 14px;
    height: 15px;
    background: url(../../assests/images/construction/team_arw.png);
  }
  #construction .cmnTeam {
     width: 48%;
  }
  #construction .cmnTeam_imgblg {
     width: 150px;
  }
  #construction .cmnTeam_imgblg img {
     width: 100%;
  }
  #construction .cmnTeam_textblg {
    width: 400px;
    margin-left: 20px;
  }
  #construction .cmnTeam_textblg .teamText01 {
     margin-top: 0;
  }
  #construction .constrCerti {
   width: 100%;
   background: url(../../assests/images/construction/certificate_bg.png);
   background-size: cover;
   padding: 60px 0 60px 0;
   margin-bottom: 60px;

}
#construction .constrCerti .certiText {
   background: rgba(0,0,0,0.75);
    width: 900px;
   color: #fff;
   border-right: 8px solid #e7a218;
   padding: 30px 30px 30px 120px;
}
#construction .constrCerti .certiText span {
  width: 30%;
  display: inline-block;
  vertical-align: top;
  margin-top: 30px;
  padding: 0;
}
#construction .constrCerti .certiText span img {
  width: 100%;
}
#construction .constrCerti .certiText .certiText01 {
   width: 52%;
   display: inline-block;
   font-size: 20px;
   margin: 30px 0 0 40px;
}
.constrOngo {
  padding: 50px 0;
  background: #ededed;
}
#construction .constrOngo_blg {
   width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
#construction .constrOngo_blg li {
  width: 23%;
  list-style: none;
}
#construction .constrOngo_blg li img{
  width: 100%;
}
#construction .ongoImg {
  overflow: hidden;
  cursor: pointer;
}
#construction .ongoImg img {
  transition: transform 1s, filter 2s ease-in-out;
  filter: blur(0.5px);
  transform: scale(1.2);
}

#construction .ongoImg:hover img {
  filter: blur(0);
  transform: scale(1);
}
.ongoTitle {
    font-size: 16px;
    color: green;
    padding: 15px 0;
    font-weight: 600;
}
.addressBlog {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  padding-top: 20px;
}
 .addressMap {
    width: 40%;
}
.addressText {
    width: 45%;
}






#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

/* Caption of Modal Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation */
.modal-content, #caption {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 100px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}

/*================== Trading ====================*/
.pageBnr.trade {
  background: url(../../assests/images/trading/pageBnr.jpg);
  background-size: cover;
}
#trading .tradService {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 70px;
}

#trading .tradWrap {
  width: 40%;
}

#trading .tradWrap ul {
  padding: 20px 0;
}

#trading .tradWrap ul li{
  padding: 7px 0;
}

#trading .tradItem {
  width: 56%;
}

#trading .tradMsg {
  background: url(../../assests/images/trading/trading_bg02.jpg) center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: auto;
  background-attachment: fixed;
  margin-top: 100px;
}

#trading .tradMsg .tradMsg_wrap {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  padding: 85px 0;
}

#trading .tradMsg .tradMsg_tit {
  text-align: center;
  font-size: 30px;
}

#trading .tradMsg .tradMsg_txt {
  width: 80%;
  margin: 0 auto;
  font-size: 17px;
  padding: 40px 0 15px;
    
}
#trading .tradClient .tradclSec {
  margin-top: 50px;
}
#trading .tradClient .clList {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 25px;
  list-style: none;
}

#trading .tradClient .clList li {
  width: 120px;
  cursor: pointer;
  transition: all ease 0.4s;
}

#trading .tradClient .clList li:hover {
  opacity: 0.6;
}


/*================== Tour Program ====================*/
.pageBnr.tour {
    background: url(../../assests/images/tour/pageBnr.png);
    background-size: cover;
}
#tour .tourSec {
  width: 100%;
  display: flex;
    flex-flow: wrap row;
    list-style: none;
    padding: 0;
}
#tour .tourSec li {
  width: 33.3%;
    position: relative;
    height: auto;
    box-sizing: border-box;
    cursor: pointer;
  position: relative;
  overflow: hidden;
  list-style: none;
}
#tour .tourSec li:hover .caption {
  opacity: 1;
  transform: translateY(-100px);
  -webkit-transform:translateY(-100px);
  -moz-transform:translateY(-100px);
  -ms-transform:translateY(-100px);
  -o-transform:translateY(-100px);
}
#tour .tourSec img {
  z-index: 4;
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 390px;
}
#tour .tourSec .caption {
  width: 100%;
  cursor: pointer;
  position: absolute;
  opacity: 0;
  top: 345px;
  -webkit-transition:all 0.15s ease-in-out;
  -moz-transition:all 0.15s ease-in-out;
  -o-transition:all 0.15s ease-in-out;
  -ms-transition:all 0.15s ease-in-out;
  transition:all 0.15s ease-in-out;
}
#tour .tourSec .blur {
  background-color: rgba(255,255,255,0.9);
  height: 300px;
  width: 100%;
  z-index: 5;
  position: absolute;
}
#tour .tourSec .textWrap {
  z-index: 10;
  color: #FF9800;
  position: absolute;
  width: 100%;
  height: 300px;
  text-align: center;
  top:20px;
}
#tour .tourSec .textWrap .tripText01 {
  font-size: 20px;
}
#tour .tourSec .tourBlog .textWrap .tripText02 {
   font-size: 16px;
   padding: 10px 0;
}
#tour .trService01 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 30px 0;
}
#tour .trItem {
  width: 37%;
}
#tour .trWrap {
  width: 58%;
}

#tour .trService01 .tabBox { 
  width:100%; 
  margin-top: 50px;
} 
#tour .trService01 .tabBox.ticketBox { 
  margin-top: 0;
} 

#tour .trService01 .tabs li { 
  width: 32%;
} 

#tour .trService01 .tabs02 li { 
  width: 50%;
} 

#tour .ticketBlg ul {
  margin: 15px 0;
}

#tour .ticketTable {
  width: 100%;
  margin-top: 20px;
}
#tour .ticketTable th,
#tour .ticketTable td {
  vertical-align: top;
  padding: 15px;
  border: 1px solid #e8a722;
}
#tour .ticketTable th {
  width: 20%;
}
#tour .ticketTable td {
  width: 35%;
  font-size: 14px;
}
#tour .bus .ticketTable tr:hover {
  background: #e8a722;
  color: #fff;
  border: 1px solid #fff;
  transition: all ease 0.33s;
}
#tour .bus .ticketTable tr:hover th {
  border-right: 1px solid #fff;
}
#tour .bus .ticketTable th {
  width: 10%;
  padding: 12px;
}
#tour .bus .ticketTable td {
  width: 90%;
  padding: 12px;
}
#tour .selectTitle {
  font-size: 22px;
  font-weight: 600;
  margin-top: 25px;
  color: rgba(0, 106, 255, 1);
}
#tour .selectText {
  font-size: 18px;
  margin-top: 25px;
  color: rgba(0, 106, 255, 1);
}


/*================== Company Profile ====================*/

#profile .profile_tb table {
  width: 100%;
}

#profile .profile_tb table tr{
 border-bottom: 2px dotted #c9caca; 
}

#profile .profile_tb table th{
  width: 25%;
  padding: 15px 0;
  font-size: 18px;
  font-weight: 550;
  color: #279a10;
}

#profile .profile_tb table td {
  width: 75%;
  padding: 15px 30px 15px 0;
  font-size: 16px;
}

#profile .profile_tb table td ul {
    padding-left: 23px;
}

#profile .profile_tb table td ul li {
    list-style: disc;
    padding-bottom: 8px;
}

#profile .profile_tb table td ul li a {
    color: #444;
}

#profile .profile_tb table td ul li a:hover {
    -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%);
    -webkit-mask-size: 200%;
    animation: shine 2s infinite;
    color: #206dcd;
}

#profile .profile_tb table tr:last-child {
  border-bottom: 0px;
}

#profile .profile_tb table td .tbText {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
}

#profile .profile_tb table td .loaction01 {
  margin-bottom: 50px;
}

#profile .profile_tb table td iframe {
  width: 100%;
  margin-top: 30px;
}

/*================== Finance ====================*/
.pageBnr.finance {
  background: url(../../assests/images/finance/pageBnr.jpg);
  background-size: cover;
}
#finance{
  width: 100%;
  background: #ededed;
}
#finance .secFinance {
  padding-top: 50px;
  margin: 0;
}
#finance .finan_aboutSec {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
#finance .finan_aboutimg {
  text-align: center;
  padding-top: 35px;
}
#finance .finan_aboutimg img{
  width: 100%;
} 
#finance .finan_aboutSec .finan_Secleft {
  width: 60%;
}
#finance .finan_aboutSec .finan_SecRight {
  width: 35%;
}
#finance .finan_aboutSec .finan_SecRight table {
  width: 100%;
}
#finance .finan_aboutSec .finan_SecRight th {
    width: 15%;
    vertical-align: top; 
}

#finance .finan_aboutSec .finan_SecRight td {
    width: 80%;
    padding: 0 0 30px 20px;
}
#finance .finan_aboutSec .finan_SecRight td .finanabout_tit {
    font-size: 18px;
    font-weight: 500;
    color: #279a10;
    margin-bottom: 7px;
    margin: 0;
}
#finance .finanService {
  background: #fff;
  padding: 70px 0;
}
#finance .finanService .finanserText {
    font-size: 18px;
    font-weight: 500;
    padding: 20px;
    color: #279a10;
}
#finance .finanService ul {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}

#finance .finanService ul li {
  width: 30%;
  text-align: center;
  flex: 0 0 31%;
  margin: 3% 0 0;
  box-shadow: 2px 2px 4px 3px #ccc;
  padding: 20px;
}
#finance .finanService ul li:nth-child(3n-1) {
    margin-left: 3%;
    margin-right: 3%;
}
#finance .finanService ul li .finanserText {
    color: #279a10;
}
#finance .finanWrap {
    display: flex;
    width: 100%;
    flex-direction: row;
    position: relative;
}
#finance .finanWrap .finanWrap_img {
  position: relative;
  width: 790px;
  background: url(../../assests/images/finance/finance_wrap.png);
  height: 550px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
#finance .finanWrap .bgtran {
  background: rgba(0,0,0,0.2);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
#finance .finanWrap .finanWrap_text {
  width: 800px;
  position: absolute;
  background: rgba(255,255,255,0.85);
  padding: 30px 30px 0 30px;
  top: 40px;
  right: 20px;
}
#finance .finanWrap .finanWrap_text .cmnTabs li {
  width: 33%;
}
#finance .finanWrap .finanWrap_text .cmnTabs li a {
  color: #212121;
}
#finance .finanWork {
  padding: 50px 0;
}
#finance .finanWork ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
#finance .finanWork ul li {
  width: 30%;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  cursor: pointer;
  min-width: 320px;
  max-width: 480px;
  max-height: 360px;
  background: rgba(0,0,0,0.9);
}
#finance .finanWork ul li img {
  max-width: none;
    width: -webkit-calc(100% + 20px);
    width: calc(100% + 20px);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-10px,0,0);
    transform: translate3d(-10px,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    display: block;
    min-height: 100%;
    opacity: 0.6;
}

#finance .finanWork ul li .textWrap {
  padding: 20px;
  color: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#finance .finanWork ul li .textWrap a {
  z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}
#finance .finanWork ul li .textWrap, #finance .finanWork ul li .textWrap a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#finance .finanWork ul li .textWrap .finanWork_tit {
    position: relative;
    overflow: hidden;
    padding: 10px 0;
    font-size: 20px;
}
#finance .finanWork ul li .textWrap .finanWork_tit::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #fff;
    content: '';
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
}
#finance .finanWork ul li .textWrap .finanWork_txt {
    padding: 16px 0;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
}
#finance .finanWork ul li:hover img {
    opacity: 0.3;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
#finance .finanWork ul li:hover .finanWork_tit::after {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
#finance .finanWork ul li:hover .finanWork_txt {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
#finance .finanHelp {
  background: #fff;
  padding: 50px 0;
}

/* finanHelp Accordion */
#finance .finanHelp .finanHelp_acc {
  margin: 0 auto;
  max-width: 800px;
  padding-top: 20px;
}

#finance .finanHelp .finan_qa {
  margin: 0 0 25px 0;
  position: relative;
}
#finance .finanHelp .finan_qa span {
  width: 25px;
  height: 25px;
  background-color: #279a10;
  border-radius: 50%;
  display: inline-block;
  color: #fff;
  text-align: center;
  position: absolute;
  left: 13px;
}

#finance .finanHelp .qa_title {
  background: #fff;
  border: 1px solid #279a10;
  font-weight: 500;
  color: #279a10;
  cursor: pointer;
  display: block;
  padding: 15px 20px 15px 60px;
  position: relative;
}
#finance .finanHelp .qa_title::after {
  width: 10px;
  height: 10px;
  border-right: 2px solid #e8a722;
  border-bottom: 2px solid #e8a722;
  position: absolute;
  right: 20px;
  content: " ";
  top: 17px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#finance .finanHelp .qa_title.active::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#finance .finanHelp .qa_pannel {
  background: #fff;
  color: #212121;
  display: none;
  margin: 0;
  padding: 25px 25px 10px 60px;
  position: relative;
}
#finance .finanHelp .qa_pannel span {
  background: #e8a722;
}
/*finance guide*/
#finance .finanGuide {
  padding: 60px 0;
}

#finance .guideStep {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#finance .steps {
    width: 60%;
}
#finance .installApp .installText {
  font-size: 24px;
  color: #279a10;
  font-weight: bold;
  border-left: 5px solid #279a10;
  padding-left: 10px;
  margin-bottom: 50px;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
#finance .installApp .appDown {
  width: 900px;
  margin: 0 auto;
  text-align: center;
}
#finance .installApp a {
  margin: 0 25px;
}
#finance .installApp .download {
  display: inline-block;
  background: rgba(0,0,0,0.87);
  color: #fff;
  width: 260px;
  height: 58px;
  vertical-align: middle;
  line-height: 3.5;
  border-radius: 5px;
  padding: 0 10px;
  font-size: 16px;
}

#finance .finanContact {
  background: #fff;
  padding: 50px 0;
}
#finance .addressBlog {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
#finance .addressMap {
  width: 40%;
}
#finance .addressText {
  width: 30%;
}
#finance .addressSocial {
  width: 23%;
}
#finance .fa-mobile-phone:before{
    content: "\f10b";
    font-size: 22px;
}
#finance .addressSocial a img{
  width: 30px;
  vertical-align: middle;
  margin: 15px 5px;
}

/*================== logistics ====================*/

.pageBnr.logistics {
  background: url(../../assests/images/logistics/pageBnr.jpg);
  background-size: cover;
}

#logistics .logistWrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
  background: #e8a722;
  color: #fff;
  margin-top: 50px;
}
#logistics .logistWrap .logistImg {
  width: 60%;
}
#logistics .logistWrap .logistImg img {
  width: 100%;
}
#logistics .logistWrap .logistTextsec {
  width: 40%;
  padding: 30px 35px;
  text-align: left;
}
#logistics .logistWrap .logistTextsec .wrapTitle {
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    font-size: 28px;
    font-weight: 600;
}
#logistics .logistWrap .logistTextsec .wrapText {
    font-size: 18px;
    font-style: italic;
    padding: 20px 0 0 40px;
}
#logistics .logistWrap .logistLink {
  position: absolute;
  background: #279a10;
  color: #fff;
  padding: 10px 30px;
  font-size: 17px;
  top: 70%;
  left: 60%;
  transform: translate(-50%, -50%);
  border: 1px solid #279a10;
  cursor: pointer;
    transition: all 0.3s ease-out;
}
#logistics .logistWrap .logistLink:hover {
    background: rgb(255,255,255,0.85);
    color: #279a10;
}


/*================== km logistics ====================*/
#km .secTitle {
    color: #FE8C09;
}
.pageBnr.km_logi {
  background: url(../../assests/images/km/pageBnr.jpg);
  background-size: cover;
}
#km li {
  list-style: square; 
  margin-left: 20px
}
#km .kmAbout {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#km .kmAbout .kmabt_left {
  width: 30%;
  text-align: left;
  padding-right: 20px;
}
#km .kmAbout .kmabt_right {
  width: 70%;
}
#km .kmAbout .kmabt_blog {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 35px;
}
#km .kmAbout .kmabt_blog ul {
  width: 47%;
}
#km .kmAbout .kmabt_blog ul li {
  padding-bottom: 30px;
  font-size: 16px;
}
#km .kmAbout .kmabt_video {
  width: 46%;
  text-align: right;
}
#km .kmAbout .kmabt_video video {
  border: 1px solid #000;
  width: 330px;
  margin-bottom: 15px;
}
#km .kmTranspt {
  background: #ededed;
  padding: 60px 0;
}
#km .kmTranspt .kmtran_blog {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#km .kmTranspt .kmtran_blog .kmtran_left {
  width: 53%;
}
#km .kmTranspt .kmtran_blog .kmtran_left ul {
  font-size: 16px;
  margin: 20px 0;
}
#km .kmTranspt .kmtran_blog .kmtran_left ul li {
  padding-bottom: 10px;
}
#km .kmTranspt .kmtran_blog .kmtran_right {
  width: 45%;
}
#km .kmPort  {
  padding: 50px 0;
}
#km .kmPort .kmportSec {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
  padding-top: 20px;

}
#km .kmPort .kmdryBlog {
  width: 31%;
  height: auto;
  background-position: center;
  position: relative;
  color: #fff;
  padding: 20px;
  margin-bottom: 50px;
}

#km .kmPort .mdyport01 {
  background: url(../../assests/images/km/mdyport01.JPG)no-repeat;
  background-size: cover;
}
#km .kmPort .mdyport02 {
  background: url(../../assests/images/km/mdyport02.JPG)no-repeat;
  background-size: cover;
}
#km .kmPort .mdyport03 {
  background: url(../../assests/images/km/mdyport03.jpg)no-repeat;
  background-size: cover;
}
#km .kmPort .mdyport04 {
  background: url(../../assests/images/km/mdyport04.png)no-repeat;
  background-size: cover;
}
#km .kmPort .mdyport05 {
  background: url(../../assests/images/km/mdyport05.jpg)no-repeat;
  background-size: cover;
}
#km .kmPort .mdyport06 {
  background: url(../../assests/images/km/mdyport06.jpg)no-repeat;
  background-size: cover;
}
#km .ygnPort .ygnport01 {
  background: url(../../assests/images/km/ygnport01.jpg)no-repeat;
  background-size: cover;
}
#km .ygnPort .ygnport02 {
  background: url(../../assests/images/km/ygnport02.jpg)no-repeat;
  background-size: cover;
}
#km .ygnPort .ygnport03 {
  background: url(../../assests/images/km/ygnport03.JPG)no-repeat;
  background-size: cover;
}
#km .ygnPort .ygnport04 {
  background: url(../../assests/images/km/ygnport04.png)no-repeat;
  background-size: cover;
}
#km .ygnPort .ygnport05 {
  background: url(../../assests/images/km/ygnport05.JPG)no-repeat;
  background-size: cover;
}
#km .ygnPort .ygnport06 {
  background: url(../../assests/images/km/ygnport06.JPG)no-repeat;
  background-size: cover;
}
#km .kmPort .kmdy_bgtran {
  background: rgba(0,0,0,0.4);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
#km .kmPort .kmdryText, #km .kmPort .kmdryList, #km .kmPort .kmdryText02 {
  position: relative;
  z-index: 9;
}
#km .kmPort .kmdryText {
  font-size: 20px;
  margin-bottom: 25px;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  font-weight: bold;
  border-bottom: 1px solid;
}
#km .kmPort .kmdryList li {
  padding-bottom: 15px;
  font-size: 15px;
  line-height: 1.4;
}
#km .kmPort .kmdryText02 {
  padding: 0 0 8px 20px;
  text-indent: -10px;
  font-size: 15px;
}
#km .kmPort .kmdryText02 .fa-angle-right:before {
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    margin-right: 10px;
}
#km .kmport_locat .kmlocat_blog {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#km .kmport_locat .kmlocat_img {
  margin: 25px 20px;
}
#km .kmService {
  background: #ededed;
  padding: 45px 0 35px;
}
#km .kmService .kmserv_sec {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
  padding-top: 20px;
}
#km .kmService .kmserv_sec li {
  width: 31%;
  list-style: none;
  margin: 0 0 25px 0;
  background: #FE8C09;
  color: #fff;
  padding: 20px;
  border-radius: 10px;
}
#km .kmService .kmserv_sec li.last {
  opacity: 0;
  overflow: hidden;
}
#km .kmService .kmserv_sec li .serviceTitle {
  text-align: center;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 12px;
}
#km .kmService .kmserv_sec li .servicImg_sec img {
  width: 100%;
  height: 200px;
}
#km .kmService .kmserv_sec li .servicText_sec li {
  width: 100%;
  margin: 10px 0 0 20px;
  padding: 0 20px 0 0;
  list-style: square;
}
#km .kmValue {
  background: #ededed;
  padding: 50px 0 20px;
}
#km .kmValue ul {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-flow: row wrap;
  padding-top: 20px;
}
#km .kmValue li {
  list-style: none;
  width: 45%;
  margin-bottom: 45px;
}
#km .kmValue li:nth-child( odd ) {
  margin-right: 50px;
}
.valueBlog {
  display: flex;
  width: 100%;
  justify-content: space-between;
  border: 2px dashed #f46b27;
  padding: 15px;
}
.valueImg {
  width: 28%;
}
.valueText {
  width: 80%;
  padding: 0px 15px 0 0;
}
.valueTitle {
  font-size: 18px;
  color: #f46b27;
  padding-bottom: 8px;
}
.constrAddress, .kmAddress {
    padding-top: 50px;
}
.kmAddress .addressText table th {
  width: 37%;
}
.kmAddress .addressText table td {
  width: 63%;
}


/*================== industrial ====================*/

.pageBnr.industrial {
  background: url(../../assests/images/industrial/pageBnr.jpg);
  background-size: cover;
}
#industrial {
  width: 100%;
  background: #ededed;
}
#industrial .industMain {
  padding-bottom: 150px;
}
#industrial .industType {
  width: 100%;
  background: #fff;
  padding-bottom: 40px;
}
#industrial .industType ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
  top: -85px;
}
#industrial .industType ul li {
  width: 30%;
  background-position: center;
  position: relative;
  color: #ededed;
}
#industrial .industType ul li.type01 {
  background: url(../../assests/images/industrial/img08.jpg)no-repeat;
  background-size: cover;
}
#industrial .industType ul li div {
  background: rgba(0,0,0,0.4);
  height: 100%;
  padding: 30px;

}
#industrial .industType ul li.type02 {
  background: url(../../assests/images/industrial/type_wood.jpg)no-repeat;
  background-size: cover;
}
#industrial .industType ul li.type03 {
  background: url(../../assests/images/industrial/type_plastic.jpg)no-repeat;
  background-size: cover;
}
#industrial .industType ul li .typeTitle {
  font-size: 22px;
  text-align: center;
  margin-bottom: 20px;
}
#industrial .industType ul li a {
  color: #fff;
  width: auto;
  display: block;
  text-align: right;
   margin-top: 20px;
  line-height: 2.7;
  transition: all ease 0.3s;
}

#industrial .industType ul li a:hover {
  padding-right: 5px;
} 

#industrial .industWrap {
    background: #fff;
    position: relative;
}
#industrial .industWrap .industWrap_text {
    position: absolute;
    top: 50%;
    left: 50%;
    background: #ededed;
    width: 550px;
    padding: 25px 30px;
}
#industrial .industWrap .industWrap_text01 {
  transform: translate(-10%, -150%);
}
#industrial .industWrap .industWrap_text02 {
  transform: translate(-10%, -15%);
}
#industrial .industWrap .wrapTitle {
  color: #279a10;
  font-size: 24px;
  margin-bottom: 10px;
  font-weight: 500;
}

.industMachine {
  width: 100%;
  position: relative;
  margin: 0 auto;
}

.industMachine .grid {
    position: relative;
    width: 96%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
}

.industMachine .grid figure {
    position: relative;
    overflow: hidden;
    margin: 10px 1%;
    width: 31%;
    height: auto;
    background: #3085a3;
    text-align: center;
    cursor: pointer;
}

.industMachine figure.effect-steve {
    z-index: auto;
    overflow: visible;
}

.industMachine figure.effect-steve:before {
    box-shadow: 0 3px 30px rgba(0,0,0,0.8);
    opacity: 0;
}

.industMachine figure.effect-steve:before, .industMachine figure.effect-steve h2:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    content: '';
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}

.industMachine figure.effect-steve:hover:before {
    opacity: 1;
}

.industMachine .grid figure img {
    position: relative;
    display: block;
    width: 480px;
    height: 360px; 
    min-height: 100%;
    max-width: 100%;
    opacity: 0.8;
    object-fit: cover;
}

.industMachine figure.effect-steve img {
    opacity: 1;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: perspective(1000px) translate3d(0,0,0);
    transform: perspective(1000px) translate3d(0,0,0);
}

.industMachine figure.effect-steve:hover img {
    -webkit-transform: perspective(1000px) translate3d(0,0,21px);
    transform: perspective(1000px) translate3d(0,0,21px);
}


.industMachine .grid figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.industMachine figure.effect-steve figcaption {
    z-index: 1;
}

.industMachine .grid figure figcaption, .industMachine .grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.industMachine .grid figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.industMachine figure.effect-steve figcaption {
    z-index: 1;
}

.industMachine figure.effect-steve h2, .industMachine figure.effect-steve p {
    background: #279a10;
    color: #fff;
}

.industMachine figure.effect-steve p {
    font-size: 15px;
    margin-top: 16px;
    padding: 8px;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(0.9,0.9,1);
    transform: scale3d(0.9,0.9,1);
}

.industMachine figure.effect-steve:hover p {
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}
/*================== Green Light Block ====================*/

.pageBnr.GLblock {
  background: url(../../assests/images/green_light/pageBnr.jpg);
  background-size: cover;
}

#GLblock .GL_secabout {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 50px 0;
}

#GLblock .GLabout_Left {
    width: 48%;
}

#GLblock .GLabout_Left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#GLblock .GLabout_Right {
    width: 48%;
}

#GLblock .GLabout_Right table {
    width: 100%;
}

#GLblock .GLabout_Right table th{
    width: 17%;
    vertical-align: top;
}

#GLblock .GLabout_Right table th .fa-cog {
    border-radius: 50%;
    border: 1px solid #ccc;
    width: 65px;
    height: 65px;
    margin: 0 auto;
    vertical-align: middle;
    text-align: center;
    transition: all ease 0.3s;
    background: transparent;
}

#GLblock .GLabout_Right table th .fa-cog:before {
    content: "\f013";
    font-size: 33px;
    vertical-align: middle;
    line-height: 1.9;
    text-align: center;
    padding-left: 2px;
}

#GLblock .GLabout_Right table tr td {
    width: 83%;
    padding-bottom: 35px;
}

#GLblock .GLabout_Right table tr:last-child td:last-child{
    padding-bottom: 0;
}

#GLblock .GLabout_Right .GLabout_title {
    font-size: 18px;
    font-weight: 550;
    padding-bottom: 15px;
    letter-spacing: 2px;
    transition: all ease 0.3s;
}

#GLblock .GLabout_Right .GLabout_txt {
    font-size: 14px;
    line-height: 1.5;
}

#GLblock .GLabout_Right table tr:hover .GLabout_title {
  color: #e8a722;
}

#GLblock .GLabout_Right table tr:hover .fa-cog {
    background: #e8a722;
    transform: translateY(-5px);
    border-color: #e8a722;
    color: #fff;
}
#GLblock .GLabout_Right table tr:hover .fa-cog:before {
    color: #fff;
}

#GLblock .GL_numList {
  width: 100%;
  display: flex;
  justify-content: space-between;
    padding: 80px 0 85px;
    background: url(../../assests/images/green_light/bg01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
}

#GLblock .GL_numList  .number_item {
    width: 25%;
    text-align: center;
}

#GLblock .GL_numList .number_item .value {
    font-size: 40px;
    padding-bottom: 5px;
}

#GLblock .GL_numList .number_item .numText {
    font-style: italic;
    font-size: 14px;
}

#GLblock .GLser_blog {
    display: flex;
    justify-content: space-between;
    margin: 60px 0;
}

#GLblock .GLser_Left {
    width: 35%;
}

#GLblock .GLser_Right {
    width: 60%;
}

#GLblock .GLser_Right ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
} 

#GLblock .GLser_Right ul li {
    width: 40%;
    flex: auto;
    position: relative;
    padding: 20px;
    border: 1px solid #bdbdbd;
    height: 170px;
    margin: 0 15px 27px 15px;
    overflow: hidden;
}

#GLblock .GLser_Right ul li .box_front {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
    display: table;
    vertical-align: top;
}

#GLblock .GLser_Right ul li:hover .box_front {
    transform: translateY(-160px);
}

#GLblock .GLser_Right ul li .box_icon {
    display: table-cell;
    font-size: 30px;
    color: #279a10;
}
#GLblock .GLser_Right ul li .box_title {
    padding-left: 25px;
    display: table-cell;
    vertical-align: top;
}

#GLblock .GLser_Right ul li .box_txt {
    display: block;
    font-size: 13px;
    padding-top: 10px;
}

#GLblock .GLser_Right ul li .box_des {
    position: absolute;
    top: 50%;
    left: 35px;
    right: 35px;
    transform: translateY(90px);
    transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
    font-size: 14px;
    line-height: 1.5;
}

#GLblock .GLser_Right ul li:hover .box_des {
    transform: translateY(-50%);
}

#GLblock .GL_process {
    background: #f1eeea;
    position: relative;
}

#GLblock .Gl_problg {
    width: 100%;
    display: flex;
    flex-flow: row;
}

#GLblock .Glpro_txtWrap {
    width: 50%;
    position: relative;
}

#GLblock .Glpro_txtWrap h5 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: -60px 0 0 0;
    font-size: 28px;
    color: #279a10;
}

#GLblock .Glpro_txtWrap p {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    text-align: center;
}

#GLblock .Glpro_Img {
  width: 50%;
}

#GLblock .Glpro_Img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#GLblock .GL_chooseblg {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 60px 0;
}

#GLblock .GL_chooseblg .GLchoose_Left {
    width: 35%;
    height: 100%;
}

#GLblock .GL_chooseblg .GLchoose_tit {
    font-size: 22px;
    margin-bottom: 20px;
}

#GLblock .GL_chooseblg .GLchoose_Left img {
    margin-bottom: 30px;
}

#GLblock .GL_chooseblg .GLchoose_Right {
    width: 60%;
}

#GLblock .GL_chooseblg .GLchoose_qa {
    margin-bottom: 17px;
    border: 1px solid #279a10;
}
#GLblock .GL_chooseblg .qa_title {
    font-weight: 550;
    color: #279a10;
    cursor: pointer;
    display: block;
    padding: 10px 35px 10px 45px;
    position: relative;
    overflow: hidden;
    margin: 0;
}

#GLblock .GL_chooseblg .qa_title::after {
    width: 8px;
    height: 8px;
    border-right: 2px solid #e8a722;
    border-bottom: 2px solid #e8a722;
    position: absolute;
    right: 20px;
    content: " ";
    top: 14px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#GLblock .GL_chooseblg .qa_title.active::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#GLblock .GL_chooseblg .GLchoose_qa span {
    width: 20px;
    height: 20px;
    background-color: #279a10;
    border-radius: 50%;
    display: inline-block;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 13px;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}
#GLblock .GL_chooseblg .qa_pannel span {
    background: #e8a722;
}

#GLblock .GL_chooseblg  .qa_pannel {
    color: #212121;
    display: none;
    margin: 0;
    position: relative;
    padding: 10px 20px 10px 45px;
}

#GLblock .GL_client {
    width: 100%;
    display: flex;
    justify-content: space-between;
    background: #f1eeea;
}

#GLblock .GLclt_Left,
#GLblock .GLclt_Right {
    width: 50%;
}

#GLblock .GLclt_Left {
    padding: 60px;
}

#GLblock .GLclt_Left ul {
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-flow: row;
    flex-wrap: wrap;
    margin-top: 30px;
}

#GLblock .GLclt_Left ul li {
    flex: auto;
    width: 33%;
    text-align: center;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 30px 0;
}

#GLblock .GLclt_Left ul li:nth-child(1),
#GLblock .GLclt_Left ul li:nth-child(4) {
  border-left: none;
}

#GLblock .GLclt_Left ul li:nth-child(4),
#GLblock .GLclt_Left ul li:nth-child(5),
#GLblock .GLclt_Left ul li:nth-child(6) {
  border-bottom: none;
}


#GLblock .GLclt_Left ul li img {
    width: 100px;
    opacity: 0.6;
    transition: all ease 0.3s;
    cursor: pointer;
}

#GLblock .GLclt_Left ul li img:hover {
    opacity: 1;
}

#GLblock .GLclt_Right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*==================Wood Factory====================*/
.pageBnr.wood {
  background: url(../../pageBnr.jpg);
  background-size: cover;
}

#wood  {
  background: #f1eeea;
}

.factory_title {
    font-size: 3.8rem;
    line-height: 1.3;
}

.bd-Left {
   border-left: 10px solid #e8a722;
   padding-left: 20px;
}

.bd-Right {
  border-right: 10px solid #e8a722;
    padding-right: 20px;
}
.factory_title span {
  display: block;
}

#wood .woodAbout {
    display: flex;
    width: 100%;
    justify-content: space-between;
    position: relative;
    padding: 30px 0 165px;
}

#wood  .woodAbout .woodAbout_Left {
    width: 400px;
}

.factoryAbt_txt {
    font-size: 18px;
    margin-top: 55px;
    line-height: 1.8;
}

#wood .woodAbout .woodAbout_Right {
    width: 600px;
    position: relative;
}

#wood .woodAbout .woodAbout_Right .woodAbt_img01 {
  width: 100%;
    padding-right: 6rem;
    object-fit: cover;
    height: 700px;
}

#wood .woodAbout .woodAbout_Right .woodAbt_img02 {
  position: absolute;
    bottom: -90px;
    right: 0;
    width: 330px;
    box-shadow: 2.5px 4.3px 62px 0 rgba(0, 0, 0, 0.22);
}

#wood .woodMaterial {
  width: 100%;
    padding: 40px 0 50px;
    display: flex;
    justify-content: space-between;
    position: relative;
    background: #fff;
}

#wood .woodMaterial .woodMat_Left {
  width: 75%;
  position: relative;
}

#wood .woodMaterial .woodMat_Left img {
    width: 100%;
    height: 500px;
    object-fit: cover;
}

#wood .woodMaterial .woodMat_Right {
    width: 35%;
    z-index: 9;
    position: absolute;
    right: 140px;
    bottom: 55px;
    text-align: right;
}


#wood .woodMaterial .woodMat_txt {
  width: 100%;
    margin-top: 40px;
    background: #656b50;
    padding: 40px 70px;
    color: #fff;
    text-align: center;
    line-height: 1.3;
}
#wood .woodFeature {
  text-align: center;
  padding: 60px 0 70px;
}
#wood .woodFeature ul {
  display: flex;
  justify-content: space-between;
}

#wood .woodFeature ul li {
  width: 30%;
}

#wood .woodFeature ul li .woodFeat_title {
    font-size: 20px;
    font-weight: 550;
    padding: 20px 0;
}

#wood .woodFeature ul li .woodFeat_txt {
    padding: 0 15px;
}

#wood .woodWrap {
  width: 100%;
  background: #eee8df;
  padding: 60px 0 70px;
}
#wood .woodWrap_inner {
  display: flex;
  justify-content: space-between;
  padding: 0 50px;
}

#wood .woodWrap_inner .woodWrap_Left {
    width: 575px;
}

#wood .woodWrap_inner .woodWrap_Left img {
    margin-top: 55px;
}

#wood .woodWrap_inner .woodWrap_Right {
  width: 700px;
  padding-top: 30px;
}

#wood .woodWrap_inner .woodWrap_title {
  font-size: 25px;
  font-weight: 550;
    padding: 35px 0 20px;
}

#wood .woodWrap_inner .woodWrap_text {
    font-size: 20px;
}

#wood .woodWrap_inner .woodWrap_Right ul {
    padding: 0 0 20px 20px;
}


#wood .woodWrap_inner .woodWrap_Right ul li {
    padding-bottom: 15px;
    font-size: 18px;
    list-style: disc;
}




/*================== Plastic Factory====================*/
.pageBnr.plastic {
  background: url(../../pageBnr.jpg);
  background-size: cover;
}
#plastic .plasticAbout {
  width: 100%;
  padding: 30px 0 40px;
}
.plasticAbout_sec01 {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

#plastic .plsticAbt_Left {
    width: 48%;
    position: relative;
}

#plastic .plsticAbt_Left .plasticAbt_img01 {
    display: inline-block;
    position: relative;
    width: 500px;
    height: 500px;
    overflow: hidden;
    border-radius: 50%;
}

#plastic .plasticAbout .plasticAbt_img01 img,
#plastic .plasticAbout .plasticAbt_img02 img {
    border-radius: 50%;
    object-fit: cover;
    width: auto;
    height: 100%;
}

#plastic .plsticAbt_Left .plasticAbt_img02 {
    display: inline-block;
    position: absolute;
    width: 250px;
    height: 250px;
    overflow: hidden;
    border-radius: 50%;
    bottom: -60px;
    right: 60px;
}

#plastic .plsticAbt_Right {
  width: 48%;
}

#plastic .plasticAbout_sec02 ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin: 150px 0 60px;
}

#plastic .plasticAbout_sec02 ul li {
  width: 33%;
}
#plastic .plasticAbout_sec02 ul li .sec02_listTit {
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 20px;
}

#plastic .plasticPurpose {
  width: 100%;
  background-color: #f4f4f4;
  display: flex;
  justify-content: space-between;
}
#plastic .Purpose_Left {
  width: 50%;
  padding: 60px 30px 0 100px;
}
#plastic .Purpose_Left .tabsConstr {
  margin-top: 50px;
}
#plastic .Purpose_Left .tabsConstr li {
  width: 33%;
}
#plastic .Purpose_Right {
  width: 50%;
}
#plastic .Purpose_Right img {
  height: 100%;
  object-fit: cover;
}

#plastic .plasticGallery {
    padding: 60px 0 80px;
}

#plastic .plasticGallery ul {
    display: flex;
    list-style: none;
    justify-content: space-around;
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
}

#plastic .plasticGallery ul li {
    width: 33%;
}

#plastic .plasticGallery ul li .galleryContent {
    position: relative;
    width: 100%;
    max-width: 400px;
    margin: auto;
    overflow: hidden;
}

#plastic .plasticGallery ul li .galleryContent .gallery_overlay {
    background: rgba(0,0,0,0.7);
    position: absolute;
    height: 99%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

#plastic .plasticGallery ul li .gallery_image {
    width: 100%;
}

#plastic .plasticGallery ul li .gallery_details {
    position: absolute;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

#plastic .plasticGallery ul li .fadeIn-top {
    top: 20%;
}

#plastic .plasticGallery ul li .gallery_details h4 {
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.15em;
    margin-bottom: 0.5em;
    text-transform: uppercase;
}

#plastic .plasticGallery ul li .gallery_details p {
    color: #fff;
    font-size: 0.8em;
}

#plastic .plasticGallery ul li .galleryContent:hover .gallery_overlay {
    opacity: 1;
}

#plastic .plasticGallery ul li .galleryContent:hover .gallery_details {
    top: 50%;
    left: 50%;
    opacity: 1;
}

#plastic .plasticService,
#plastic .plasticClient {
    width: 100%;
    background: #f4f4f4;
}

#plastic .plasticService {
  padding-top: 60px;
}

#plastic .plasticService .plasticSer_blog {
  display: flex;
    justify-content: space-between;
}

#plastic .plasticService .plasticSer_Left {
    width: 35%;
}

#plastic .plasticService .plasticSer_Right {
    list-style: none;
    padding: 0;
    width: 62%;
    display: flex;
    justify-content: space-around;
}

#plastic .plasticService .plasticSer_Right li {
    width: 45%;
    background: #fff;
    text-align: center;
    height: max-content;
    border-bottom: 2px solid #FF9800;
}

#plastic .plasticService .serRight_wrap {
  padding: 20px 25px;
}

#plastic .plasticService .plasticSer_text02 {
  font-size: 20px;
  font-weight: 550;
  padding-bottom: 20px;
}

#plastic .plasticClient {
    padding: 100px 0;
}

#plastic .plasticClient ul {
  padding: 50px 0 0 0;
    list-style: none;
    display: flex;
    width: 100%;
    justify-content: space-between;
    border-top: 1px solid #ccc;
}
#plastic .plasticClient ul li {
    width: 18%;
    text-align: center;
    opacity: 0.6;
    cursor: pointer;
    transition: all ease 0.3s;
}
    
#plastic .plasticClient ul li:hover {
    opacity: 1;
}

#plastic .plasticClient ul li img {
    width: 100px;
}
/*==================Contact====================*/

.pageBnr.contact {
  background: url(../../pageBnr.jpg);
  background-size: cover;
}
#cotact .secContact {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: row;
  box-shadow: 1px 2px 5px rgba(161, 161, 161, 1);
  margin: -60px 0 100px;
  position: relative;
  z-index: 99;
  background: #fff;
  box-sizing: border-box;
}
#cotact .secContact .contForm {
  width: 750px;
  padding: 60px 30px;
}
#cotact .secContact .contForm table {
  width: 100%;
  border-collapse: collapse;
  position: relative;
}
#cotact .secContact .contForm table td {
  width: 47%;
  padding-bottom: 30px;
}
#cotact .secContact .contForm table td:nth-child(2),
#cotact .secContact .contForm table td:nth-child(4){
  position: absolute;
  right: 0;
}
#cotact .secContact .contForm table td span{
  display: block;
  font-size: 15px;
  margin-bottom: 10px;

}
#cotact .secContact .contForm input{
  border: none;
  border-bottom: 1px solid rgba(161, 161, 161, 1);
  width: 98%;
  line-height: 1.8;
}
/* Chrome, Safari, Edge, Opera */
#cotact .secContact .contForm input::-webkit-outer-spin-button,
#cotact .secContact .contForm input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
#cotact .secContact .contForm input[type=number] {
  -moz-appearance: textfield;
}
#cotact .secContact .contForm input:focus, .contForm textarea:focus {
    box-shadow: none;
    outline: none;
}

#cotact .secContact .contForm table textarea {
  width: 99%;
  border: none;
  border-bottom: 1px solid rgba(161, 161, 161, 1);
  resize: none;
}
#cotact .secContact .contForm .contbtn {
  width: 35%;
}

#cotact .secContact .contForm .contbtn input{
 width: 100%;
  background: #fe8c09;
  color: #fff;
  line-height: 2.6;
  border-radius: 6px;
  box-shadow: 3px 3px 3px rgba(161, 161, 161, 1);
  font-size: 15px;
  text-align: center;
  cursor: pointer;
}
#cotact .secContact .contAddress {
    width: 450px;
    background: #b17905;
    padding: 45px 30px;
    color: #fff;
}
#cotact .secContact .contAddress_text {
  font-size: 18px;
}
#cotact .secContact .contAddress table td {
  font-size: 15px;
  padding-bottom: 20px;
}
#cotact .secContact .contAddress table td a {
  color: #fff;
}

#contactus .error {
   font-family: Verdana, Arial, sans-serif; 
   font-size: 0.7em;
   color: #900;
   background-color : #ffff00;
}
.formThank {
  position: relative;
  background: url(../../assests/images/tour/tour06.jpg);
  background-size: cover;
  height: 100vh;

}
.formThank .secThank {
    width: 70%;
    background: #3b5998a8;
    padding: 100px 100px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}

.formThank .secThank h5 {
    font-size: 4rem;
    margin-bottom: 45px;
}
.formThank .secThank p {
    font-size: 22px;
    margin-bottom: 40px;
}

.formThank .secThank a {
    color: #fff;
    text-decoration: none;
    transition: all ease 0.3s;
    font-size: 16px;
}
.formThank .secThank a .fa-arrow-right {
  font-size: 18px;
    padding-left: 10px;
  transition: all ease 0.3s;
}

.formThank .secThank a:hover .fa-arrow-right {
  transform: translateX(5px);
}





/*==================max-width(768px)====================*/
@media screen and (max-width: 768px) {
  .pc{
    display: none;
  }
  .sp{
    display: block;
  }
  #wrapper{
    min-width: 100%;
  }
  header.shrink{
    position: initial;
    top: 0;
    animation: initial;
  }
  .col-2 {
    width: 100%;
    float: none;
  }
  .list-hr li {
    float: none;
    width: 100%;
  }
  
}