/*reset*/
.bg-transparent.navbar-color-re-w .rd-navbar-static .rd-navbar-nav > li a, .bg-transparent .rd-navbar-fullwidth .rd-navbar-nav > li a{ color: #231815;}
.bg-transparent .rd-navbar-static .rd-navbar-nav > li.focus > a, .bg-transparent .rd-navbar-static .rd-navbar-nav > li > a:hover, .bg-transparent .rd-navbar-static .rd-navbar-nav > li.active > a, .bg-transparent .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a, .bg-transparent .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover, .bg-transparent .rd-navbar-fullwidth .rd-navbar-nav > li.active > a{background-color: transparent; color: #888;}
.bg-transparent.navbar-color-re-w .rd-navbar-static.rd-navbar--is-stuck, .bg-transparent .rd-navbar-fullwidth.rd-navbar--is-stuck{background-color: #fff!important;}
.bg-transparent a.fa-shopping-cart, .bg-transparent .rd-navbar-search-toggle, .bg-transparent a.fa-shopping-cart span{color: #000;}
.rd-navbar-search-toggle:hover, a.fa-shopping-cart:hover{background-color: #000; color: #fff;}
a.fa-shopping-cart:hover span{color: #fff;}
.brand-name > img{height: unset; width: 100%;}
.rd-navbar-static .rd-navbar-brand{ width: 125px;}
a.fa-shopping-cart span{position: absolute;right: -12px; background-color: yellow; border-radius: 123px; font-size:10px ; width: 20px; height: 20px;}
.search-block{ height: unset!important;}
.page-head .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .page-head .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown{ background: rgba(228, 239, 206, 0.9); border-radius: 0; border-top: 5px solid #bbd68b;  width: 180px;  margin-top: 8px;}
.page-head .bg-transparent .rd-navbar-static .rd-navbar-nav > li .rd-navbar-dropdown li a, .page-head .bg-transparent .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-dropdown li a{ color: #595757;}
.page-head .bg-transparent .rd-navbar-static .rd-navbar-nav > li .rd-navbar-dropdown li a:hover, .page-head .bg-transparent .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-dropdown li a:hover{color: #000;}
.page-head .rd-navbar-static .rd-navbar-megamenu, .page-head .rd-navbar-fullwidth .rd-navbar-megamenu{ background: #fff;}
.page-head .bg-transparent .rd-navbar-static .rd-navbar-nav > li .rd-navbar-megamenu li a, .page-head .bg-transparent .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-megamenu li a{color: #000;}
.page-head .rd-navbar-static .rd-navbar-megamenu > li > p, .page-head .rd-navbar-fullwidth .rd-navbar-megamenu > li > p{color: #000;}
.page-head .rd-navbar-fixed .rd-navbar-nav li.active > a{ background: #efefef; color: #000;}
.page-head .rd-navbar-fixed .rd-navbar-nav li.active .rd-navbar-submenu-toggle:after{color: #000;}
.page-head .bg-transparent .rd-navbar-static .rd-navbar-panel, .page-head .bg-transparent .rd-navbar-fullwidth .rd-navbar-panel{ padding: 20px 0;}
.rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu > a:after, .rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu > a:after{content: unset!important;}
.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-brand, .rd-navbar-static.rd-navbar--is-clone .rd-navbar-brand, .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-brand, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-brand{ width: 70px;   padding-top: 0!important;}



/*tool*/
.justify{ text-align: justify!important; }
.clear{ clear:both; }
.f-24{ font-size: 24px; }
.f-20{ font-size: 20px; }
.f-18{ font-size: 18px!important; }
.f-16{ font-size: 16px; }
.c-000{ color:#000; }
.c-fff{ color:#fff!important; }
.c-1D2D90{ color:#1D2D90; }
.c-152e9d{color:#152e9d!important;}
.bg-102fbb{background-color: #102fbb;}
.bgc-535d97{ background-color: #535d97; }
.bgc-fff{ background-color: #fff; }
.bg-888{background-color: #888888;}
.bg-3443a4{ background-color: #3443a4; }
.bg-000{ background-color: #000; }
.line-h-1{line-height:2!important;}
.width-90{ width:90%; margin: auto;}
.width-80{ width:80%; margin: auto;}

.m-open{ display: none; }
.f-w-900{ font-weight: 900!important; }
.f-w-700{ font-weight: 700!important; }
.f-w-400{ font-weight: 400!important; }
.pd-10{ padding:10px; }
.pb-20{ padding-bottom:20px; }
.pb-40{padding-bottom: 40px;}
.pt-0{ padding-top:0!important; }
.mb-20{ margin-bottom: 20px;}
.mb-30{margin-bottom: 30px!important;}
.mb-50{margin-bottom: 50px!important;}
.mt-50{ margin-top:50px; }
.mr-20{ margin-right:20px; }
.height-233{ height: 233px;}

.inline-block{display: inline-block;}
.block{ display: block; }
.t-boder-b{ border-bottom:1px solid #4C4B4B; }
.t-boder-t{ border-top:1px solid #4C4B4B; }
.border-000{border: 1px solid #000;}
.radius-non{ border-radius: unset!important;}
.float-r{ float: right;}
.clear{ clear:both: }
/*btn*/
.letter-s{ letter-spacing: 5px;}
.move-l{ position: relative;  }
.move-l .move-box-o >span{  transition-property: margin-left; transition-timing-function: ease ;  transition-duration: 0.5s; }
.move-l:hover .move-box-o >span{ margin-left:10px;  }
.move-box-o{ width: 25px; height: 20px; overflow: hidden; display: inline-block;}
/*box-img 1x1*/
.box-img{ overflow: hidden; width: 100%; padding-top:100%; position: relative; }
.box-img img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); width:100%; height:100%; object-fit:cover; }
/*box-img 16x9*/
.box-img-16-9{ overflow: hidden; width: 100%; padding-top:calc( 9 / 16 * 100% + 45px ); position: relative; }
.box-img-16-9 img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); width:100%; height:100%; object-fit:cover; }
/*box-img 5x4*/
.box-img-5-4{ overflow: hidden; width: 100%; padding-top: calc( 4 / 5 * 100% ) ; position: relative; }
.box-img-5-4 img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%);  width:100%; height:100%; object-fit:cover;}
/*box-img 4x5*/
.box-img-4-5{ overflow: hidden; width: 100%; padding-top: calc( 5 / 4 * 100% ) ; position: relative; }
.box-img-4-5 img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); width:100%; height:100%; object-fit:cover; }
/*article set*/
.max-w-800 img{ max-width: 800px; }
/*table-rwd*/
.table-rwd{ overflow-x: auto; }

/*pagination-mi*/
ul.pagination-m { display: inline-block; padding: 0; margin: 0;}
ul.pagination-m li {display: inline;}
ul.pagination-m li a {font-size: 16px; color: black; float: left; padding: 8px 16px; text-decoration: none;}
ul.pagination-m li a.active { background-color: #c6d4a2;color: white;}
ul.pagination-m li a:hover:not(.active) {background-color: #ddd;}

ul.topicon{position: relative; right: -999px; top: -27px; display: flex;}
ul.topicon li{margin: 0 5px; }
ul.topicon li img{width: 25px; height: 25px;}

/*layout-logocenter-i2*/
.layout-logocenter-i2.rd-navbar-static .rd-navbar-inner, .layout-logocenter-i2.rd-navbar-fullwidth .rd-navbar-inner{display: flex;flex-direction: column; align-items: center;}
.layout-logocenter-i2.rd-navbar-static .rd-navbar-nav, .layout-logocenter-i2.rd-navbar-fullwidth .rd-navbar-nav{text-align: center;}
.layout-logocenter-i2 ul.topicon{ right: -274px;}
.layout-logocenter-i2.rd-navbar-static .rd-navbar-nav, .layout-logocenter-i2.rd-navbar-fullwidth .rd-navbar-nav{ padding-top: 0;}
.layout-logocenter-i2.rd-navbar-static .rd-navbar-nav-wrap{margin-top: -15px;}
.bg-transparent .layout-logocenter-i2.rd-navbar{ padding-bottom: 10px;}
.page-head .bg-transparent .layout-logocenter-i2.rd-navbar-static .rd-navbar-panel, .page-head .bg-transparent .layout-logocenter-i2.rd-navbar-fullwidth.rd-navbar-panel{padding: 20px 0 0 0;}
.layout-logocenter-i2.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-brand, .layout-logocenter-i2.rd-navbar-static.rd-navbar--is-clone .rd-navbar-brand, .layout-logocenter-i2.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-brand, .layout-logocenter-i2.rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-brand{padding-top: 0;}
/*layout-logocenter-more*/
.layout-logocenter-more.rd-navbar-static .rd-navbar-inner, .layout-logocenter-more.rd-navbar-fullwidth .rd-navbar-inner{display: flex;flex-direction: column; align-items: center;}
.layout-logocenter-more.rd-navbar-static .rd-navbar-nav, .layout-logocenter-more.rd-navbar-fullwidth .rd-navbar-nav{text-align: center;}
.layout-logocenter-more ul.topicon{ right: -274px;}
.layout-logocenter-more.rd-navbar-static .rd-navbar-nav, .layout-logocenter-more.rd-navbar-fullwidth .rd-navbar-nav{ padding-top: 0;}
.layout-logocenter-more.rd-navbar-static .rd-navbar-nav-wrap{margin-top: -15px;}
.bg-transparent .layout-logocenter-more.rd-navbar{ padding-bottom: 10px;}
.page-head .bg-transparent .layout-logocenter-more.rd-navbar-static .rd-navbar-panel, .page-head .bg-transparent .layout-logocenter-more.rd-navbar-fullwidth .rd-navbar-panel{padding: 20px 0 0 0;}
.layout-logocenter-more.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-brand, .layout-logocenter-more.rd-navbar-static.rd-navbar--is-clone .rd-navbar-brand, .layout-logocenter-more .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-brand, .layout-logocenter-more.rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-brand{padding-top: 0;}

/*layout-logoleft-i2*/
.layout-logoleft-i2 ul.topicon{ top: -49px; }

/*layout-logoleft-more*/
.layout-logoleft-more ul.topicon{ top: -49px; }

/*layout-logoleft-navright-i2*/
.layout-logoleft-navright-i2 ul.topicon{ top: -79px; right: -1079px;}
.layout-logoleft-navright-i2.rd-navbar-static .rd-navbar-nav, .layout-logoleft-navright-i2.rd-navbar-fullwidth .rd-navbar-nav{ text-align: right;padding-top: 50px;}
/*layout-logoleft-navright-more*/
.layout-logoleft-navright-more ul.topicon{ top: -79px; }
.layout-logoleft-navright-more.rd-navbar-static .rd-navbar-nav, .layout-logoleft-navright-more.rd-navbar-fullwidth .rd-navbar-nav{ text-align: right;padding-top: 50px;}

/*layout-logoleft-i2 re-bn-cross*/
.layout-logoleft-i2.bn-ab-top{top: -149px;}
.bg-transparent .layout-logoleft-i2.rd-navbar-static.rd-navbar--is-stuck, .bg-transparent .layout-logoleft-i2.rd-navbar-fullwidth.rd-navbar--is-stuck{background-color: #fff;}
.bg-transparent .layout-logoleft-i2.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > li a, .bg-transparent .layout-logoleft-i2.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > li a{color: #231815;}
.bg-transparent .layout-logoleft-i2.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > li a:hover, .bg-transparent .layout-logoleft-i2.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > li a:hover{color: #888;}
.layout-logoleft-i2.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-brand .brand-name{background: transparent;}

/*固定背景改良*/
.background-fixed-q {
  margin-top: 80px;
  margin-bottom: 80px;
  min-height: 40vh;
  color: #fff;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 15px;
  overflow: hidden;
}

/*supports是寫給部分瀏覽器讀的，意思是看得懂括弧內的參數的瀏覽器才會執行的意思*/
@supports (clip-path: inset(0 0 0 0)) { 
  .background-fixed-q {
    clip-path: inset(0 0 0 0); /*inset的是形狀遮罩，例如像SVG裡就會看見*/
  }
}

.background-fixed-q + .background-fixed-q {
  margin-top: -80px;
}

.background-fixed-q--dark {
  color: #000;
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
}

.background-fixed-q__background {
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
}

@supports (clip-path: inset(0 0 0 0)) {
  .background-fixed-q__background {
    position: fixed;
    background-attachment: scroll;
  }
}

.background-fixed-q__background::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0;
  z-index: 0;
}

.background-fixed-q--dark .background-fixed-q__background::before {
  background: #fff;
}

/* Opacity levels for .background-fixed-q__background */
.background-fixed-q__background--opacity-10::before { opacity: 0.1; }
.background-fixed-q__background--opacity-20::before { opacity: 0.2; }
.background-fixed-q__background--opacity-30::before { opacity: 0.3; }
.background-fixed-q__background--opacity-40::before { opacity: 0.4; }
.background-fixed-q__background--opacity-50::before { opacity: 0.5; }
.background-fixed-q__background--opacity-60::before { opacity: 0.6; }
.background-fixed-q__background--opacity-70::before { opacity: 0.7; }
.background-fixed-q__background--opacity-80::before { opacity: 0.8; }
.background-fixed-q__background--opacity-90::before { opacity: 0.9; }

.background-fixed-q__content {
  max-width: calc(960px + 2em);
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  padding: 4em 2em;
}

.background-fixed-q__content > div {
  max-width: 600px;
}


/*----*/
.bgc-aec480{ background-color:#aec480; }
.bgc-eef2dd{background-color: #eef2dd;}
.section-pd{padding: 100px 0;}
.products-area{padding:0 0 230px 0; margin-top: 50px;}
.about-part{ padding:130px 0 35px 0; }
.point-area{padding: 50px 0;}
.case-area{padding: 50px 0 0 0;}
.page-about{padding-bottom: 100px;}
.page-process{ padding: 50px 0; }
.page-faq{padding: 50px 0;}
.page-contact{padding: 50px 0;}
.page-product{padding: 50px 0;}
.page-case{padding: 50px 0;}
.page-advantages{padding: 50px 0;}
.advantages-table{padding-bottom: 50px;}

.ex-style{height: 100px; background-color: #efefef;}
.shopping-car{position: relative;}
.shopping-car span{background-color: #000; border-radius: 50px; font-size: 10px; color: #fff; width: 20px;height: 20px;display: inline-block; padding: 1px 3px; position: absolute; left: 14px;top: -10px; border: 2px solid #fff;text-align: center;}

.products-bg{ background-image:url(../images/index-section-bg.jpg); background-size:cover; background-repeat:no-repeat;background-position: bottom; }

.products-featured{padding: 20px 0 100px 50px;}
.products-featured .col-md-8.no-padding{padding: 0;}
.products-featured-owl{ background-color: #fff;border-radius: 30px 0 0 30px; border: 3px solid #95cebf; border-right: unset!important; padding: 50px 20px 20px 20px; display: block; width: 100%; overflow: hidden; box-shadow: 0px 1px 8px #6b6a6a;}
.products-featured-title{display: inline-block; }
.products-featured-title p{ color:#353535; font-size:20px; text-align:center;font-weight: 400; padding:1px 10px; border-radius:0 10px 0 10px; background-color:#bbd68b; display:inline-block; }
.products-featured-title h3{color:#353535; font-size:26px; letter-spacing: 0; margin-bottom: 50px;}
.products-featured-title img{ width:240px; max-width:100%; }
.products-featured.re-flex .row{display: flex; }
.products-slick-item{padding: 0 20px 0 20px; width: 100%;}
.products-box-img{ width:100%; padding-top: calc( 4 / 5 * 95%); position: relative; overflow: hidden;}
.products-box-img img{ position:absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); object-fit:cover; width: 100%; height:100%; transition:ease .3s all; }
.products-slick-item:hover .products-box-img img{ transform:translate(-50%,-50%) scale(1.2)!important;  }
.products-slick-item h3{ color: #656868; font-size: 22px; font-weight: 400; letter-spacing: 0; margin-top: 10px; }
.other-products-box-img{width: 100%; padding-top: calc(4 / 5 * 100%); overflow: hidden; position: relative; margin: auto;}
.other-products-box-img img{ position:absolute; left: 50%; top: 50%;  transform: translate(-50%,-50%); object-fit:cover; width:100%; height:100%; }
.other-products-link{border-left: 1px solid #bebfbb; padding: 20px;}
.other-products-link h3{ font-size:22px; letter-spacing:0; font-weight:400; text-align:center; color:#000; }
.other-products .col-md-4.no-padding{padding: 0!important}
/*.other-products.re-flex .row .other-products-tt{display: flex;  justify-content: center;}*/
.other-products.re-flex >.row {display: flex; align-items: center;}

.about-info{background-color: #d8e8b3; border-radius: 0 80px 0 80px; padding: 50px;}
.about-experience{ background-color: #fff; border:1px solid #7f9e5f; border-radius: 70px 0 70px 0; padding: 50px;position: absolute; left: -150px;top: 100px;}
.about-info-wrap{width: 76%;}
.about-info-wrap h3{ font-size:22px;letter-spacing:0; font-weight:400; text-transform:unset!important; }
.about-info-wrap p{font-size:16px;}
.about-experience ul{padding: 0; display: flex; margin: 0;}
.about-experience ul li{ color:#8ebc5e; font-size:20px;  font-weight:500; letter-spacing:0; border-right:1px solid #54683c; margin-right: 30px; padding-right: 30px; }
.about-experience ul li:last-child{border-right:unset!important; margin-right: unset!important; padding-right: unset!important;}
.about-experience ul li span{display: block;color:#9a9b9a; font-size: 53px; font-weight: 400;    letter-spacing: 3px;}
.about-btn a{color: #a5c17e; position: relative; right: -80px;top: 45px;}
.about-btn a:hover{color: #708454;}
.page-about .about-info-wrap{width: 100%;}


.point-item{border-right: 1px solid #bddd99; border-bottom: 1px solid #bddd99; padding: 25px;}
.point-area .col-md-4:nth-child(3) .point-item{border-right: unset!important; }
.point-area .col-md-4:nth-child(6) .point-item{border-right: unset!important; }
.point-area .col-md-4:nth-child(4) .point-item, .point-area .col-md-4:nth-child(5) .point-item , .point-area .col-md-4:nth-child(6) .point-item{border-bottom: unset!important; }
.point-area .col-md-4:nth-child(1) .point-item::before , .point-area .col-md-4:nth-child(2) .point-item::before{content: ""; display: block; width: 25px; height: 25px; position: absolute; right: -12px; bottom: -11px; z-index: 99999; background-color: #fdfdfd; border-radius: 50%;}
.point-area .col-md-4:nth-child(4) .point-item::before , .point-area .col-md-4:nth-child(5) .point-item::before{content: ""; display: block; width: 25px; height: 25px; position: absolute; right: -12px; bottom: 176px; z-index: 99999; background-color: #fdfdfd; border-radius: 50%;}
.point-item h3 img{ width:30px; margin-right:15px; margin-top:-8px; }
.point-item h3{ font-size:22px; color:#7ba854; letter-spacing:0; font-weight:400; }
.point-item p{font-size: 16px; font-weight: 400;overflow: hidden;height: 92px;}
.point-area .col-md-4.no-padding{padding: 0!important;}

.case-wrap{display: block; width: 90%; margin: auto;}
.case-wrap .products-slick-item.case-item{   margin-bottom: 20px;}
.case-wrap .products-slick-item.case-item h3{text-align: center; color: #000; margin-top: 20px; font-size: 18px;}
.case-wrap .products-slick-item.case-item .products-box-wrap{ padding: 15px; border: 1px solid #7c7e7f; box-shadow: 7px 5px 1px #abccca;}
.case-wrap .products-slick-item.case-item .products-box-img{ padding-top: calc(4 / 5 * 84%)!important; }
.case-area .products-featured-title{ text-align:center; margin:20px auto 0 auto; display:block; }
.case-area .products-featured-title h3{text-transform:unset!important; font-size: 22px; letter-spacing: 3px;}

.f-logo{width: 150px; margin-top: 80px;}
.f-title{font-size: 24px; color: #606060; font-weight:400; }
.f-info-list{ margin-top:15px!important; padding-left:0; }
.f-info-list li a{margin-bottom: 10px; display: block;color: #606060;font-weight:400; font-size:18px; }
.f-info-list li a:hover{opacity: 0.8;}
.footer-btn{float: left; margin: 10px 5px 10px -10px; display: block;    overflow: hidden;}
.footer-btn img{width: 130px; transition: ease 0.5s all;}
.page-foot h4 + *{margin-top: 10px!important;}
.footer-btn-wrap{clear: both;}
.footer-btn:hover img{opacity: 0.8;}
.f-fb iframe{margin: auto;display: block; max-width: 100%; height: 320px;}
.pagetop-list{ display:flex;  }
.pagetop-list li{ margin-right:30px;position:relative;  }
.pagetop-list li::after{content: ">"; color: #888;position: absolute; right: -18px;}
.pagetop-list li:last-child::after{ content:unset!important; }
.pagetop-list li a{color: #888;}

.breadcrumb-area{ position: relative; overflow: hidden;}
.breadcrumb-area .pagetop-topic::after{content: ""; background:linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.21) 40%,rgba(0,0,0,0.8) 80%); position: absolute; top: 0; left:0; display: block; width: 100%; height: 100vh;}
.breadcrumb-area h3{ font-size:32px; letter-spacing:0; color:#fff; text-align: center; text-transform: unset;  position:absolute; left:50%; top: 65%; transform:translate(-50%,-50%); }
.breadcrumb-area h3 small{display: block; font-weight: 700;letter-spacing: 3px; }
.page-about.products-bg{ background-position: 0px -300px; background-size: 100%; }


.page-about .about-part-wrap{width: 100%;}
.page-about .about-part .row{display: flex; flex-direction: column;align-items: center;}
.page-about .about-part .row .about-experience{   left: unset!important; right: -108px; top: -40px;}
.page-about .about-part .right{ width: 70%;    margin: auto;}
.about-part-wrap .left{display: inline-block; width: 60%;}
.page-about .about-part-wrap .left{ width: 100%;}
.page-about .about-part .about-part-wrap{ clear:both; }
.page-about .about-part{padding: 60px 0 15px 0;}
.page-about-point-list{background-color: rgba(255, 255, 255, 0.95); padding: 20px;margin-top: 230px;}
.page-about-point-list ul li{display: flex;align-items: center;margin-bottom: 20px;}
.page-about-point-list ul li p:first-child{ font-size:20px; font-weight:600; margin-right:10px; width:30%;position:relative; word-break: keep-all; }
.page-about-point-list ul li p:last-child{ font-size:14px; font-weight:400; margin-top:-5px;width: 49%; }
.page-about-point-list ul li p:first-child::before{content: ""; display: block; width: 80px; height: 5px; background-color: #d8e8b3;position: absolute; bottom: -1px; transform: skewX(325deg) rotate(356deg) scale(1.2);}
.page-process-pic img{ width:100%; }
.page-process-pic h3{ font-size:20px; background-color:#d8e8b3; color:#70822e; padding:10px;width:850px; max-width:100%; margin:auto; }
.page-process-pic p{font-size:20px;}
.page-process-pic{width:850px; max-width:100%; display:block; margin:auto;}
.page-process-call-a a{display: block; font-size: 20px;color: #000;}
.page-process-call-a a:hover{opacity: 0.5;}
.page-process-call-p p{ font-size: 20px;color: #000; }

.resp-easy-accordion .resp-arrow{ background-color: #aec480;}
.resp-easy-accordion .resp-accordion.resp-tab-active{  background: #eef2dd; border-color: #eef2dd;}
.resp-easy-accordion .resp-tab-content{    background: #f8fbe9;}
.resp-easy-accordion .resp-accordion.resp-tab-active:hover{ color: #888;}
.resp-easy-accordion .resp-accordion:hover{ color: #ccc;}
.page-faq-wrap{width: 900px; max-width: 100%; display: block; margin: auto;}
.resp-easy-accordion .resp-tab-content p{padding-top: 15px;}

.contact-a{display: block; color: #000;}
.contact-a:hover{opacity: 0.7;}
.contact-info a,.contact-info p{ color:#888; }

.page-product-wrap{width: 900px; max-width: 100%;display: block; margin: auto; }

.page-product .resp-tabs-list .resp-tab-active{  background-color: transparent; color: #657835; border-right:5px solid #657835; }
.page-product .btn-primary-variant-1{ border-color: transparent;}
.vertical-tabs .resp-tabs-list li{  font-size: 20px; border-radius: unset!important;border:unset; border-right: 5px solid transparent; text-align: right; color: #82a793;width: 350px;background: transparent;padding: 20px 20px 0 20px;} 
.vertical-tabs .resp-tabs-list li img{width: 30px;    margin-left: 10px; float: right;}
.page-product .resp-tabs-list .resp-tab-item:hover{   background-color: transparent; border:unset; border-right: 5px solid #c4ccae;}
.page-product .resp-tabs-container >div h4{ font-size:20px; color:#657835; border-bottom: 1px solid #c5cab3; padding-bottom: 10px;}
.page-product .resp-tabs-container >div p{color:#657835;    line-height: 27px;}

.page-product-text p{ margin-top:30px; color:#657835; line-height:27px; }
.page-product-title{font-size: 22px; color: #000; text-align: center; margin-bottom: 60px; border-bottom: 3px solid #000; display: inline-block; position: relative; left: 50%; transform: translateX(-50%);}

.product-item{border-radius: 20px; box-shadow: 0 0 10px #ccc; padding: 20px; transition: ease .3s all;}
.product-item:hover{box-shadow: 0 0 3px #888;}
.product-item h4{text-decoration: underline;}
.product-item p{ line-height: 30px;}
.page-product-title.mb-20{margin-bottom: 20px!important;}
.page-product-subtitle{margin-bottom: 50px;display: block;}

.case-box-img{ width: 100%; padding-top: calc( 4 / 5 * 84%); overflow:hidden; position:relative; }
.case-box-img img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit:cover; width:100%; height:100%; transition:ease .3s all; }
.case-box-img:hover img{ transform:translate(-50%,-50%) scale(1.2); }
.page-case-item h3{ text-align: center; color: #000; margin-top: 20px;font-size: 18px; font-weight: 400; letter-spacing: 0;}
.page-case .col-md-4.mb-20 a:hover{ text-decoration:unset!important; }
.case-box-img-wrap{ padding: 15px; border: 1px solid #7c7e7f; box-shadow: 7px 5px 1px #abccca;  }
.page-case-z{position: relative; z-index: 999;}

.case-wrap-inner-content img{ max-width:100%; height:unset!important;  }
.case-wrap-inner-content .inner-title{ font-size:22px; font-weight:400; letter-spacing:0; border-bottom:1px solid #efefef; padding:10px 0; margin-bottom:20px; }
/*case nav*/
.page-case .navbar-nav .dropdown-menu{ position: absolute; }
.page-case .navbar-nav{flex-direction: unset;position: absolute;}
.page-case .collapse.navbar-collapse{ position: relative; margin-bottom: 80px; }
.page-case .navbar-nav .nav-link{ color:#000; font-size:16px;  border-right: 1px solid #000; padding: 0 20px; margin: 0;}
.page-case .navbar-nav .nav-item:last-child .nav-link{ border-right: unset!important;}
.page-case .dropdown-submenu.dropright > .dropdown-toggle{ font-size: 16px;}
.page-case .dropdown-item{ font-size: 16px;}
.page-case .dropdown:hover>.dropdown-menu{ width: 180px;}

.advantages-item-box{width: 100%; padding-top: calc(4 / 5 * 92%); border-radius: 20px; overflow: hidden; position: relative;}
.advantages-item-box img{ position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); object-fit:cover; width:100%; height:100%; }
.page-advantages-item p mark{ color:#fff; background-color:#f0aa7a !important; font-weight:700; padding:0px 10px; }
.page-advantages-item h4{letter-spacing: 0; font-size: 20px;}
.page-advantages .row{ display: flex; flex-wrap: wrap; }
.page-advantages .row .col-md-4{margin-bottom: 20px;}

.product-item p mark{ color:#60b1b1; background-color:unset!important; font-weight:700; padding: 0; }


.advantages-table-wrap table {
      border-collapse: collapse;
      width: 100%;
      text-align: center;
    }

   .advantages-table-wrap th, .advantages-table-wrap td {
      border: 1px solid #888;
      padding: 8px 10px;
      font-size: 18px;
      vertical-align: middle;
    }

   .advantages-table-wrap th {
      background-color: #4d97a4;
      font-weight: bold;
      text-align: center;
      color: #fff;
    }

   .advantages-table-wrap td:first-child {
      background-color: #f8edd9;
      font-weight: bold;
      white-space: nowrap;
    }

   .advantages-table-wrap .blue {
      background-color: #dceff7;
      color: #b10000;
      font-weight: bold;
    }

   .advantages-table-wrap .gray {
      background-color: #f1f1f1;
    }

   .advantages-table-wrap .red {
      color: #b10000;
      font-weight: bold;
    }

   .advantages-table-wrap .price {
      font-size: 18px;
    }


@media(max-width:1440px){
  .products-bg{     background-position: 0 0; }
  .products-area{     padding: 0 0 150px 0; }
}


@media(min-width: 768px) and (max-width: 1200px){
    ul.topicon{    right: unset!important;top: unset!important;}
    .brand-name > img{   width: 145px;margin-bottom: 30px;}
}

@media(min-width: 768px) and (max-width: 1199px){
    /*reset*/
    /*.page-head .rd-navbar-fullwidth.rd-navbar--is-stuck{ transform: translateY(-50px);}*/

    /*layout-logocenter-i2*/
    .layout-logocenter-i2.rd-navbar-fullwidth .rd-navbar-nav-wrap{width: 100%;}
    .page-head .layout-logocenter-i2.rd-navbar-fullwidth.rd-navbar--is-stuck{ transform: translateY(-31px);}
    .page-head .bg-transparent .layout-logocenter-i2.rd-navbar-static .rd-navbar-panel, .page-head .bg-transparent .layout-logocenter-i2.rd-navbar-fullwidth .rd-navbar-panel{ padding: 20px 0 0 0;}
    /*layout-logocenter-more*/
    .layout-logocenter-more.rd-navbar-fullwidth .rd-navbar-nav-wrap{width: 100%;}
    .page-head .layout-logocenter-more.rd-navbar-fullwidth.rd-navbar--is-stuck{ transform: translateY(-20px);}
    /*layout-logoleft-i2*/
    .bg-transparent .layout-logoleft-i2.rd-navbar-fullwidth .rd-navbar-megamenu{ margin-top: 0;}
    .layout-logoleft-i2.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .layout-logoleft-i2.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown{ margin-top: 10px;}
    .layout-logoleft-i2.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-i2.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-i2.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-i2.rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ margin-top: 0;}
    .page-head .layout-logoleft-i2.rd-navbar-fullwidth.rd-navbar--is-stuck{ transform: translateY(-45px);}
    .page-head .bg-transparent .layout-logoleft-i2.rd-navbar-static .rd-navbar-panel, .page-head .bg-transparent .layout-logoleft-i2.rd-navbar-fullwidth .rd-navbar-panel{ padding: 20px 0 0 0;}
    
    /*layout-logoleft-more*/
    .bg-transparent .layout-logoleft-more.rd-navbar-fullwidth .rd-navbar-megamenu{ margin-top: 0;}
    .layout-logoleft-more.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .layout-logoleft-more.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown{ margin-top: 10px;}
    .layout-logoleft-more.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-more.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-more.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-more.rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ margin-top: 0;}
    .page-head .layout-logoleft-more.rd-navbar-fullwidth.rd-navbar--is-stuck{ transform: translateY(-45px);}
    .page-head .bg-transparent .layout-logoleft-more.rd-navbar-static .rd-navbar-panel, .page-head .bg-transparent .layout-logoleft-more.rd-navbar-fullwidth .rd-navbar-panel{ padding: 20px 0 0 0;}
    
    /*layout-logoleft-navright-i2*/
    .bg-transparent .layout-logoleft-navright-i2.rd-navbar-fullwidth .rd-navbar-megamenu{margin-top: 0;}
    .layout-logoleft-navright-i2.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .layout-logoleft-navright-i2.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown{ margin-top: 10px;}
    .layout-logoleft-navright-i2.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-i2.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-i2.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-i2.rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ margin-top: 0;}
    .layout-logoleft-navright-i2.rd-navbar-static .rd-navbar-nav, .layout-logoleft-navright-i2.rd-navbar-fullwidth .rd-navbar-nav{ padding-top: 10px;}
    .page-head .layout-logoleft-navright-i2.rd-navbar-fullwidth.rd-navbar--is-stuck{ transform: translateY(-45px);}
    .page-head .bg-transparent .layout-logoleft-navright-i2.rd-navbar-static .rd-navbar-panel, .page-head .bg-transparent .layout-logoleft-navright-i2.rd-navbar-fullwidth .rd-navbar-panel{ padding: 20px 0 0 0;}
    
    /*layout-logoleft-navright-more*/
    .bg-transparent .layout-logoleft-navright-more.rd-navbar-fullwidth .rd-navbar-megamenu{margin-top: 0;}
    .layout-logoleft-navright-more.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .layout-logoleft-navright-more.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown{ margin-top: 10px;}
    .layout-logoleft-navright-more.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-more.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-more.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-more.rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ margin-top: 0;}
    .layout-logoleft-navright-more.rd-navbar-static .rd-navbar-nav, .layout-logoleft-navright-more.rd-navbar-fullwidth .rd-navbar-nav{padding-top: 10px;}
    .page-head .layout-logoleft-navright-more.rd-navbar-fullwidth.rd-navbar--is-stuck{ transform: translateY(-45px);}
    .page-head .bg-transparent .layout-logoleft-navright-more.rd-navbar-static .rd-navbar-panel, .page-head .bg-transparent .layout-logoleft-navright-more.rd-navbar-fullwidth .rd-navbar-panel{ padding: 20px 0 0 0;}
    


}
@media(min-width: 1200px){
    .rd-navbar-brand .brand-name{ margin-top: unset;}
    


    /*layout-logocenter-i2*/
    .layout-logocenter-i2.rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logocenter-i2 .rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{transform: translateY(10px);}
    .layout-logocenter-i2.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logocenter-i2.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logocenter-i2 .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logocenter-i2 .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ margin-top: 0px;}
    .layout-logocenter-i2.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .layout-logocenter-i2 .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown{margin-top: 10px;}
    /*layout-logocenter-more*/
    .layout-logocenter-more.rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logocenter-more .rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{transform: translateY(10px);}
    .layout-logocenter-more.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logocenter-more.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logocenter-more .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logocenter-more .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ margin-top: 0px;}
    .layout-logocenter-more.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .layout-logocenter-more .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown{margin-top: 10px;}
    /*layout-logoleft-i2*/
    .layout-logoleft-i2.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-i2.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-i2 .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-i2 .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ margin-top: -30px;}
    /*layout-logoleft-more*/
    .layout-logoleft-more.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-more.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-more .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-more .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ margin-top: -30px;}
    /*layout-logoleft-navright-i2*/
    .layout-logoleft-navright-i2.rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-i2.rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ transform: translateY(0);}
    .layout-logoleft-navright-i2.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-i2.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-i2.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-i2.rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ margin-top: 0;}
    .layout-logoleft-navright-i2.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .layout-logoleft-navright-i2.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown{ margin-top: 30px;}
    /*layout-logoleft-navright-more*/
    .layout-logoleft-navright-more.rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-more.rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ transform: translateY(0);}
    .layout-logoleft-navright-more.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-more.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-more.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-more.rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ margin-top: 0;}
    .layout-logoleft-navright-more.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .layout-logoleft-navright-more.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown{ margin-top: 30px;}

    .rd-navbar-static .rd-navbar-dropdown li > a, .rd-navbar-static .rd-navbar-megamenu li > a, .rd-navbar-fullwidth .rd-navbar-dropdown li > a, .rd-navbar-fullwidth .rd-navbar-megamenu li > a{  padding: 2px 15px 4px!important;}

}

@media(max-width: 1200px){
  
    .about-part{  padding: 150px 0 125px 0;}

    .bg-transparent .rd-navbar-static .rd-navbar-panel, .bg-transparent .rd-navbar-fullwidth .rd-navbar-panel{ display: flex;flex-direction: column;align-items: center;}
    .page-about .about-part .right{ float: unset;width: 100%; margin-top: 100px;}
    .about-part-wrap .left{ width: 75%;}
    .about-info-wrap{ width: 73%;}
/*    .page-about .about-part .row .about-experience{ right: -698px;top: -160px;}*/
    .page-about-point-list ul li{ justify-content: flex-start;}
    .page-about-point-list ul li p:first-child{width: unset!important;margin-right: 30px;}
    .page-about-point-list ul li p:last-child{ width: 100%;}
}

@media (max-width: 991px){
    /*reset*/
    .rd-navbar-fixed .rd-navbar-panel:before{ background: #fff;}
    .rd-navbar-toggle span:after, .rd-navbar-toggle span:before, .rd-navbar-toggle span{ background-color: #1a1a1a;}
    .rd-navbar-fixed .rd-navbar-brand img{ display: block; width: unset; height: 48px;}
    .rd-navbar-fixed .rd-navbar-brand{text-align: center;}
    .rd-navbar-fixed .rd-navbar-nav, .rd-navbar-sidebar{background: #fff;}
    .rd-navbar-fixed .rd-navbar-nav li > a{ color: #000;}
    .rd-navbar-fixed .rd-navbar-nav-wrap:before{background-color: #fff;}
    .jSlider.mob{margin-top: 47px;}
    .rd-navbar-fixed .rd-navbar-nav li:hover > a, .rd-navbar-fixed .rd-navbar-nav li:hover > a:hover, .rd-navbar-fixed .rd-navbar-nav li.focus > a, .rd-navbar-fixed .rd-navbar-nav li.focus > a:hover{ background-color: #d8e8b3!important; color: #000!important;}
    .rd-navbar-fixed .rd-navbar-nav li.opened > a{background-color: #d8e8b3!important; color: #000!important;}
    .rd-navbar-fixed .rd-navbar-nav .rd-navbar-submenu-toggle::after{     color: #414141!important; }
    .rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-dropdown, .rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-megamenu{  padding-left: 20px; }


    /*tool*/
    .m-close{ display: none!important; }
    .m-open{ display: block!important; }
    .m-no-padding{padding: 0!important;}
    /*article set*/
    .max-w-800 img{ max-width: 100%; width:100%; }
    /*table-rwd*/
    .table-rwd{width: 100%;overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; }
    .table-rwd{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.product-tt>.table{margin-bottom:0}.product-tt>.table>tbody>tr>td,.product-tt>.table>tbody>tr>th,.product-tt>.table>tfoot>tr>td,.product-tt>.table>tfoot>tr>th,.product-tt>.table>thead>tr>td,.product-tt>.table>thead>tr>th{white-space:nowrap}.product-tt>.table-bordered{border:0}.product-tt>.table-bordered>tbody>tr>td:first-child,.product-tt>.table-bordered>tbody>tr>th:first-child,.product-tt>.table-bordered>tfoot>tr>td:first-child,.product-tt>.table-bordered>tfoot>tr>th:first-child,.product-tt>.table-bordered>thead>tr>td:first-child,.product-tt>.table-bordered>thead>tr>th:first-child{border-left:0}.product-tt>.table-bordered>tbody>tr>td:last-child,.product-tt>.table-bordered>tbody>tr>th:last-child,.product-tt>.table-bordered>tfoot>tr>td:last-child,.product-tt>.table-bordered>tfoot>tr>th:last-child,.product-tt>.table-bordered>thead>tr>td:last-child,.product-tt>.table-bordered>thead>tr>th:last-child{border-right:0}.product-tt>.table-bordered>tbody>tr:last-child>td,.product-tt>.table-bordered>tbody>tr:last-child>th,.product-tt>.table-bordered>tfoot>tr:last-child>td,.product-tt>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}

    /*  ---  */
    .about-part{  padding: 50px 0 50px 0; }
    .point-area{  padding: 0 0 50px 0;}
    .breadcrumb-area{ margin-top: 55px;}

    .products-featured.re-flex .row{ flex-direction: column; }
    .products-featured.re-flex .row .col-md-4{ justify-content: flex-start; }
    .products-featured-title{ margin-bottom: 20px;}
    .products-featured-title div{float: left;}
    .products-featured-title img{ width: 130px; margin-left: 20px;}
    .products-featured-title h3{ font-size: 20px;margin-bottom: 0;}
    .products-featured-title p{  font-size: 20px;}
    .other-products.re-flex >.row{     align-items: flex-start; flex-direction: column;}
    .products-featured{ padding: 20px 0 60px 50px; }
    .other-products.re-flex .col-xs-12{  margin-top: unset!important; }
    .other-products-link{     border-left: unset!important;padding: unset!important; }
    .about-info-wrap{width: 100%;}
    .about-experience{ padding: 80px 30px 20px 30px!important;    border-radius: 0 70px 0 70px!important; position: unset!important; width: 100%;float: right; margin-top: -30px;}
    .about-experience ul{justify-content: center;    flex-direction: column;}
    .about-experience ul li{border-right: unset!important; margin-bottom: 30px;border-bottom: 1px solid #c3c5c0; margin-right: 0;padding-right: 0;  text-align: center;}
    .about-experience ul li:last-child{border-bottom: unset!important;}
    .about-info{    padding: 25px 25px 40px 25px;}
    .about-info-wrap p{font-size: 14px;}
    .point-item{border-right: unset!important; border-bottom: unset!important; }
    .case-area .products-featured-title{  margin: 60px auto 30px auto!important; }
    .case-wrap .products-slick-item.case-item .products-box-wrap{ padding: 5px!important;}
    .products-bg{ background-position: 26% -205px!important;}
    .footer-btn{width: 49%; display: inline-block;}
    .footer-btn img{width: 100%;}
    .f-fb iframe{ height: 400px; margin: auto;}
    .f-logo{ margin-top: unset!important; width: 110px;}
    .breadcrumb-area h3{ font-size: 18px;}
    .about-part-wrap .left{ width: 100%;}
    .page-about .about-part .right{  margin-top: 40px;}
    .page-process-call-p p{  float:unset!important;}
    .page-process-pic{ padding: 0 15px;}
    .page-process-pic .sub-title{ padding-left: 10px;}
    .page-process-call{ padding-left: 10px; }

    .page-case .collapse.navbar-collapse{  display: block!important;}
    .page-case .navbar-nav{     width: 100%;    position: static; left: 0; flex-direction: column; }
    .page-case .navbar-nav .dropdown-menu{ position: static;  padding: 10px 30px; }
    .page-case .dropdown-menu .dropdown-submenu .dropdown-menu{display: block!important; }
    .page-case .navbar-nav .nav-link{ border-right: unset!important; }
    .page-case .navbar-nav >li{ border-bottom:1px solid #efefef; padding:5px 0; }
    .page-advantages .row .col-md-4{width: 100%;}
    .page-about.products-bg{ background-position:11% 60px!important;    background-size: cover;}
    .page-about-point-list{ background-color: transparent;    margin-top: 0; }
    .page-about-point-list ul{padding-left:0; }
    .page-about .about-part{   padding: 0 0 0;}
    .advantages-table-wrap{ overflow-x: auto; }
    .advantages-table-wrap table{ width: 600px; }
    .point-area .col-md-4:nth-child(1) .point-item::before , .point-area .col-md-4:nth-child(2) .point-item::before{content: unset!important; }
    .point-area .col-md-4:nth-child(4) .point-item::before , .point-area .col-md-4:nth-child(5) .point-item::before{content: unset!important; }

}

@media(min-width:768px){
  .rd-navbar-static .rd-navbar-nav{    border-top: 1px solid #141312; border-bottom: 1px solid #141312; padding: 10px 0;  position: relative;bottom: -35px; width: 100%; display: flex;justify-content: space-around;}
  .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav{bottom: -15px!important;padding: 0!important;}
  .products-featured.re-flex .row .col-md-3{display: flex; justify-content: center; align-items: center;}
  .products-featured.re-flex .row .col-md-4{display: flex; justify-content: center; align-items: center;}

  .page-product .vertical-tabs .resp-tabs-container{   width: 61%;}
  .page-product .vertical-tabs .resp-tabs-list{ width: 360px;border-right: 3px solid #c5cab3; }
}


@media(max-width: 768px){
    /*reset*/
    .rd-navbar-fixed a.fa-shopping-cart, .rd-navbar-fixed .rd-navbar-search{ top: 0;transform: unset;left: 0!important;}
    .rd-navbar-fixed .rd-navbar-search-form{width: 80px; border: 1px solid #efefef;position: unset;}
    .rd-navbar-fixed .rd-navbar-search-form-input input::placeholder{color: #ccc; font-size: 14px;}
    .rd-navbar-fixed .rd-navbar-panel{justify-content: space-between;}
    ul.topicon{ right: unset!important;  top: unset!important;  display: flex!important; width: 28%;text-align: center;margin-top: 10px; z-index: 999;}
    ul.topicon li img{    width: 20px;height: 20px;}
    .shopping-car span{top: -6px;}
    .rd-navbar-fixed a.fa-shopping-cart{    left: unset; text-align: left; position: relative;}
    .mobile .rd-navbar-fixed .rd-navbar-search{position: relative; left: unset;top: -4px;}

    /*layout-logocenter-more*/
    .layout-logocenter-more.rd-navbar-fixed .rd-navbar-panel{ height: 97px;}
    .layout-logocenter-more ul.topicon{bottom: -7px;position: absolute;justify-content: center;  width: 100%;}
    /*layout-logoleft-more*/
    .layout-logoleft-more.rd-navbar-fixed .rd-navbar-panel{ height: 97px;}
    .layout-logoleft-more ul.topicon{bottom: -7px;position: absolute;justify-content: center;  width: 100%;}
    /*layout-logoleft-navright-more*/
    .layout-logoleft-navright-more.rd-navbar-fixed .rd-navbar-panel{ height: 97px;}
    .layout-logoleft-navright-more ul.topicon{bottom: -7px;position: absolute;justify-content: center;  width: 100%;}

    /* -- */
    .page-product{padding: 50px 0 0 0 ;}

    .products-slick-item h3{ font-size: 16px; }
    .case-wrap .products-slick-item.case-item h3{ font-size: 16px; }
    .other-products-box-img{ width: 70%; padding-top: calc(4 / 5 * 70%);}

    .vertical-tabs .resp-tabs-list li{ border-right: unset;text-align: left;border-left: 5px solid transparent; padding: 0 20px;}
    .page-product .resp-tabs-list .resp-tab-item:hover{    border-right: unset; border-left: 5px solid #c4ccae;}
    .page-product .resp-tabs-list .resp-tab-active{  border-right: unset;   border-left: 5px solid #657835;}
    .vertical-tabs .resp-tabs-list{ margin-bottom: 0; }
    .page-product .resp-tabs-container >div h4{text-align: center;}
    .page-product-title{ margin-bottom: 40px; }
    .page-product .resp-tabs-container{ background-color: #ffffff; padding: 5px 10px; border-radius: 10px;margin-bottom: 30px; }

    .page-product-title{text-align: left!important; left: 0!important;}
    .products-bg{  background-position: bottom !important;}



}