body,h1, h2, h3, h4, h5, h6, p{
	font-family: "Lato", "微軟正黑體", "Microsoft JhengHei", sans-serif!important;
}
body,p{
	font-weight: normal;
	font-size: 15px;

}
img {
    max-width: 100%;
    height: auto;
}
.animate{
	-webkit-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	transition: 0.3s ease;
}

/*bg color*/
.bg-white {
   background-color: #fff !important;
}

.bg-light-gray {
   background-color: #f3f3f3 !important;
}

/*text color*/
.text-black {
   color: #000 !important;
}

a, a:hover, a:focus, a:active, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, h5.reservation-contact, .reservation-form .input-group .input-group-btn .btn-number:hover, .title-head h4, .content-parallax .title-head h4, .absolute-title span, .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active .img-containt h5 a:hover, .img-footer h6 a:hover, .primary, .fa-primary, .noempaty, .error, .drop-primary, .btn-primary.btn-bordered, .icon-circle.icon-bordered:hover, .icon-square.icon-bordered:hover, .icon-circle.icon-bordered.fa-primary, .icon-square.icon-bordered.fa-primary, .custom-tabs.icon ul.nav > li > a:hover, .custom-tabs.icon ul.nav > li > a:focus, .custom-tabs.icon ul.nav > li.active > a, .list-icons li .fa, #tweecool ul > li a:hover, #tweecool ul > li a:focus, ul.footer-link li a:hover, ul.footer-link li a:focus, .page-title .breadcrumb li a:hover, .page-title .breadcrumb li.active, footer .subfooter a, .check-list li:before, ul.cart-list > li > h6 > a, .attr-nav > ul > li > a:hover, .attr-nav > ul > li > a:focus, ul.top-link li a:hover, ul.top-share li a:hover, ul.top-link li .dropdown-menu li a:hover, ul.top-link li .dropdown-menu li a:focus, ul.top-link li .dropdown-menu li a:active, nav.navbar.bootsnav.no-background.dark ul.nav > li > a:hover, nav.navbar.bootsnav.no-background.dark ul.nav > li > a:active, nav.navbar.bootsnav.no-background.dark ul.nav > li > a:focus, nav.navbar.bootsnav.no-background.dark .attr-nav > ul > li > a:hover, nav.navbar.bootsnav.no-background.dark .attr-nav > ul > li > a:active, nav.navbar.bootsnav.no-background.dark .attr-nav > ul > li > a:focus, nav.navbar.bootsnav.no-background.white ul.nav > li > a:hover, nav.navbar.bootsnav.no-background.white ul.nav > li > a:active, nav.navbar.bootsnav.no-background.white ul.nav > li > a:focus, nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a:hover, nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a:active, nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a:focus, nav.bootsnav .navbar-toggle:hover, nav.navbar-inverse.bootsnav.navbar-full .navbar-toggle:hover, nav.navbar.bootsnav.navbar-inverse li.dropdown ul.dropdown-menu > li > a:hover, nav.navbar.bootsnav.navbar-inverse li.dropdown ul.dropdown-menu > li > a:focus, nav.navbar.bootsnav.navbar-inverse li.dropdown ul.dropdown-menu > li > a:active, nav.navbar.bootsnav.navbar-inverse li.megamenu-fw ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover, nav.navbar.bootsnav.navbar-inverse li.megamenu-fw ul.dropdown-menu.megamenu-content .content ul.menu-col li a:focus, nav.navbar.bootsnav.navbar-inverse li.megamenu-fw ul.dropdown-menu.megamenu-content .content ul.menu-col li a:active, nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover, nav.navbar-sidebar ul.nav li.dropdown.on > a, nav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title, nav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a:hover, nav.navbar ul.nav li.dropdown.on > a, nav.navbar.navbar-inverse ul.nav li.dropdown.on > a, nav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a, nav.navbar .dropdown .megamenu-content .col-menu.on .title, nav.navbar ul.nav > li > a:hover, nav.navbar li.dropdown ul.dropdown-menu > li a:hover, nav.navbar.bootsnav ul.nav li.active > a:hover, nav.navbar.bootsnav ul.nav li.active > a:focus, nav.navbar.bootsnav ul.nav li.active > a, nav.navbar.bootsnav ul.nav li li.active > a, .ls-fullwidth .ls-nav-prev:hover, .ls-fullwidth .ls-nav-prev:focus, .ls-fullwidth .ls-nav-prev:active, .ls-fullwidth .ls-nav-next:hover, .ls-fullwidth .ls-nav-next:focus, .ls-fullwidth .ls-nav-next:active, .ls-fullwidth .ls-nav-start:hover, .ls-fullwidth .ls-nav-stop:hover, .ls-fullwidth .ls-nav-start:focus, .ls-fullwidth .ls-nav-stop:focus, .ls-fullwidth .ls-nav-start:active, .ls-fullwidth .ls-nav-stop:active, .filter-items.text-only li a.active, .filter-items.text-only li a:hover, .filter-items.text-only li a:focus, .filter-items.text-only li a:active, .headline1, .headline4 span, .breadcrumb > li a:hover, .breadcrumb > li a:focus, .breadcrumb > li a:active, .breadcrumb > .active, .link-list li a:hover, .recent-post li a:hover, .team-detail span, .img-caption a, .img-caption a:hover, .img-caption h5 a:hover, .img-title h5 a:hover, .img-wrapper.img-blur .img-caption h5 a:hover, article.post h5 a:hover, .recent-widget h6 a:hover, ul.post-meta li a:hover, .leftControls-right.owl-theme .owl-controls.clickable .owl-buttons div:hover, .process-icon .fa, .icon-box li:hover .fa, .icon-linner li ul li:hover .fa, .custom-tabs.icon ul.nav > li > a:hover, .custom-tabs.icon ul.nav > li > a:focus, .custom-tabs.icon ul.nav > li.active > a, .tabbable ul.nav > li > a:hover, ul.cat li:hover:before, ul.cat li a:hover, .product-wrapper .product-containt h6 a:hover, .product-wrapper.product-list .product-containt h5 a:hover, .product-containt .price, .recent-widget .price, .shop-title .price, .circle-intro span, .membernav li.active a, .membernav li a:hover, .membernav li a:focus, .membernav li a:active, .inputfile-icon:focus + label, .inputfile-icon.has-focus + label, .inputfile-icon + label:hover, .list-styled li a:hover, .textline1, .headline7 {
   color: #38b72c;
}

nav.navbar li.dropdown ul.dropdown-menu, .cart-dropdown, .primary-border, .btn-primary, .btn-primary.btn-bordered.btn-icon .fa, .icons-wrapp.icons-primary:before, .icon-circle.icon-bordered:hover, .icon-square.icon-bordered:hover, .icons-wrapp.icons-primary, .icon-circle.icon-bordered.fa-primary, .icon-square.icon-bordered.fa-primary, nav.navbar.bootsnav ul.nav li.active > a:hover, nav.navbar.bootsnav ul.nav li.active > a:focus, nav.navbar.bootsnav ul.nav li.active > a, nav.navbar.brand-center.white.bootsnav ul.nav > li.active > a, nav.navbar.brand-center.white.bootsnav ul.nav > li.active > a:hover, nav.navbar.brand-center.white.bootsnav ul.nav > li.active > a:focus, .owl-theme .owl-controls.clickable .owl-page:hover span, .owl-theme .owl-controls.clickable .owl-buttons div:hover, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .line-chart li span:before, .line-chart li span:after, .form-control:focus, .jcf-select:focus, .checkator_source:focus+.checkator_element, .checkator_source:hover+.checkator_element, .filter-items li a:hover, .filter-items li a.active, .filter-items li a.active:hover, .filter-items li a.active:focus, .filter-items li a.active:active, .filter-items.text-only li a.active, ul.top-share li a:hover, .cta-primary, .cd-vertical-nav a:hover, .progress.type3 .circle, .custom-tabs ul.nav > li > a:hover, .custom-tabs ul.nav > li.active > a, .icons-wrapp:before, .process-line li:hover .process-head .ph-icon, .tag:hover, .tag:focus, .tag:active, .grider a:hover, .grider a.active, .grider a.active:hover, .flex-control-thumbs .flex-active, .flex-control-thumbs img:hover {
   border-color: #38b72c;
}

.cart-item, .top-container, .toTop:hover, .primary-bg, .slider-selection, .drop-primary.drop-circle, .drop-primary.drop-square, .register-link .signup-btn, .btn-primary, .highlight.primary, .btn-link:before, .icon-circle:hover, .icon-square:hover, .icons-wrapp.icons-primary, .icon-circle.fa-primary, .icon-square.fa-primary, nav.bootsnav.navbar-centered .navbar-brand, div.pp_default .pp_close:hover, div.pp_default .pp_expand:hover, div.pp_default .pp_contract:hover, .ls-fullwidth .ls-bottom-slidebuttons a:hover:before, .ls-fullwidth .ls-bottom-slidebuttons a:focus:before, .ls-fullwidth .ls-bottom-slidebuttons a:active:before, .headline3, .textline-icon .fa, .jp-play-bar, .jp-volume-bar-value, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .filter-items li a:hover, .filter-items li a.active, .filter-items li a.active:hover, .filter-items li a.active:focus, .filter-items li a.active:active, .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span, .owl-theme .owl-controls.clickable .owl-buttons div:hover, .jcf-scrollbar-vertical .jcf-scrollbar-handle:hover, .jcf-scrollbar-vertical .jcf-scrollbar-handle:focus, .jcf-scrollbar-vertical .jcf-scrollbar-handle:active, .jcf-scrollbar-vertical .jcf-scrollbar-dec:hover, .jcf-scrollbar-vertical .jcf-scrollbar-inc:hover, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today, .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current, .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover, ul.top-link li a.login, .attr-nav > ul > li > a span.badge, nav.navbar .share ul > li > a:hover, nav.navbar .share ul > li > a:focus, ul.cart-list > li.total > .btn, .title-head:after, .title-intro:after, .video-wrapper .play-icon:hover a, .cta-primary, .maps.map-primary i, ul.icon-boxline li:hover .fa, .panel-group .panel .panel-heading .panel-title a:after, .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover, .flexslider-photo:hover .flex-next:hover, .flexslider-photo:hover .flex-prev:hover, .flex-control-paging li a:hover, .flex-control-paging li a.flex-active, .cd-vertical-nav a:hover, .icon-column.box-primary, .progress .progress-bar, .custom-tabs ul.nav > li > a:hover, .custom-tabs ul.nav > li.active > a, .thumbnail:hover .caption .fa, .icons-wrapp .count, .precess-column.hover .precess-icons, .process-line li:hover .process-head .ph-icon, aside .widget .widget-head:after, .tag:hover, .tag:focus, .tag:active, .irs-bar, .irs-bar-edge, .irs-from, .irs-to, .irs-single, .product-label, .grider a.active, .styled-table thead th, .styled-table thead td, .basket-shopping, .inputfile-1:focus + label, .inputfile-1.has-focus + label, .inputfile-1 + label:hover, .inputfile-icon:focus + label span.figure, .inputfile-icon.has-focus + label span.figure, .inputfile-icon + label:hover span.figure, .inputfile-default:focus + label, .inputfile-default.has-focus + label, .inputfile-default + label:hover, .wrap-estate h5 i {
   background-color: #38b72c !important;
}

.object, nav.navbar li.dropdown ul.dropdown-menu, ul.top-link li .dropdown-menu, .irs-from:after, .irs-to:after, .irs-single:after, .membernav li.active a {
   border-top-color: #38b72c !important;
}

/*font size*/
.fs-22 {
   font-size: 22px !important;
}
.fs-21 {
   font-size: 21px !important;
}
.fs-20 {
   font-size: 20px !important;
}
.fs-19 {
   font-size: 19px !important;
}
.fs-18 {
   font-size: 18px !important;
}
.fs-17 {
   font-size: 17px !important;
}
.fs-16 {
   font-size: 16px !important;
}
.fs-15 {
   font-size: 15px !important;
}
.fs-14 {
   font-size: 14px !important;
}

/*border radius*/
.rad-0 {
   border-radius: 0 !important;
}


/*--------------------------------
start. index*/

/*--------------------------------
start. header*/
.top-search {
	background-color: #352e23;
}

nav.navbar.navbar-default.navbar-fixed.fixsticky, nav.navbar.navbar-default.navbar-sticky.sticked {
	background-color: #25190d;
}

nav.navbar.bootsnav ul.nav li.active > a {
	background-color: #f7f7f7 !important;
}

nav.navbar.navbar-default.navbar-sticky.sticked.bootsnav ul.nav li.active > a,
nav.navbar.navbar-default.navbar-sticky.sticked.bootsnav ul.nav li:hover > a {
	background-color: rgba(255, 255, 255, 0.1) !important;
	color: #5bd252;
}

.loading-center p {
	margin-left: -45px;
}

/*end. header
--------------------------------*/

/*--------------------------------
start. container*/
.headline4 {
	font-size: 48px;
   text-shadow: 0 0 5px rgba(0,0,0,0.7);
   white-space: initial;
}

.textline-lg {
	font-size: 30px;
	font-weight: 600;
	background-color: rgba(108, 169, 42, 0.88);
	padding: 5px 10px !important;
	box-shadow: 0 0 5px rgba(0,0,0,.5);
}

.arrow {
    background: transparent url(../img/arrows.png) no-repeat 0 0;
    width: 120px;
    height: 47px;
    display: inline-block;
    position: absolute;
    background-position: -209px 0;
    bottom: -10px;
    left: 180px;
}

.gray-bg {
	background-color: #f3f3f3;
}

.full-recent {
	border-top: 0;
}

.recent-box {
	border-right: 1px solid #ffffff;
	background-color: #f3f3f3;
	padding: 30px 30px 50px;
}

ul.post-meta li a {
	color: #38b72c;
}

.recent-widget h5 {
	margin-bottom: 5px;
}

.recent-widget h5 a {
	color: #333333;
}

.recent-widget h6 {
	font-weight: 400;
}

.img-caption h4 a, .img-caption h5 a {
	color: #fff;
	text-decoration: none;
}

.img-caption:hover h4 a {
	background-color: #5bc43e;
	padding: 5px 10px 18px;
	border-radius: 5px;
	font-size: 23px;
}

.img-caption:hover h4 a, .img-caption:hover h5 a {
	color: #fff;
}

.img-caption:hover h5 a {
	font-size: 16px;
}

.icon-circle, .icon-square {
	line-height: 34px;
}

.img-caption i {
	opacity: 0;
	position: relative;
	top: -16px;
	font-size: 18px;
}

.img-caption:hover i {
	opacity: 1;
	display: block;
	margin: 0 auto;
	-webkit-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	transition: 0.3s ease;
	background-color: #4ca334 !important;
}

.half-column-wrapp {
	margin-bottom: 0;
}

.half-box .column-content {
	padding: 60px 70px 40px 70px;
}

.half-box .column-content h5 {
	color: #fff;
}

.full-title {
	background: #38b72c url(../img/gress-bg.png) center no-repeat;
	position: relative;
}

.full-title h4 {
	color: #fff;
}

.title-head {
	margin-bottom: 30px;
}

.title-head h4 {
	margin-bottom: 30px;
	font-size: 27px;
	margin-top: 30px;
	display: inline-block;
   vertical-align: middle;
   line-height: 1.2;
}

.title-head img {
	display: inline-block;
	vertical-align: middle;
	width: 45px;
}

.title-head.line-dark::before {
	background: rgba(255, 255, 255, 0.2);
}

.padding-right-10 {
	padding-right: 10px;
}

.title-head.centered:before {
	width: 100%;
	left: 0;
	margin-left: 0;
}

.display-block {
	display: block;
}

#recent-full.owl-theme .owl-controls .owl-buttons div {
   font-size: 56px;
   position: absolute;
   top: 50%;
   box-shadow: none;
   background: none;
   border: 0;
   color: #38b72c;
   margin-top: -25px;
   height: 50px;
   line-height: 45px;
   margin: -25px 0 0;
}

#recent-full.owl-theme .owl-controls .owl-buttons div:hover {
   color: #fff;
   background-color: #38b72c;
}

#recent-full.owl-theme .owl-controls .owl-buttons div.owl-next {
   right: 5px;
}

#recent-full.owl-theme .owl-controls .owl-buttons div.owl-prev {
   left: 5px;
}


/*end. container
--------------------------------*/

/*--------------------------------
start. footer*/
footer {
	background: url(../img/footer-bg.jpg);
	background-position: center bottom;
	position: relative;
	background-repeat: no-repeat;
}

footer:after {
	content: '';
	background-image: url(../img/footer-bottom.png);
	top: 0;
	width: 100%;
	height: 40px;
	position: absolute;
	-webkit-transform: rotate(-180deg) translateY(0%);
	transform: rotate(-180deg) translateY(0);
}

.overlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.overlay.dark-5 {
	background-color: rgba(0,0,0,.5);
}

footer .link-list li a, footer .recent-post li a {
	color: #f3f3f3;
	font-size: 14.5px;
}

.recent-post li {
   border-bottom: 0;
   position: relative;
   padding-left: 30px;
   margin-bottom: 11px;
}

.recent-post li h6 {
	font-weight: 400;
	font-size: 14.5px;
	color: #f3f3f3;
}

.post-data {
	line-height: 20px;
	font-size: 15px;
   color: #38b72c;
   position: absolute;
   top: 0;
   left: 0;
}

footer .widget {
	margin-bottom: 0;
}

footer .link-list li {
	margin-bottom: 10px;
}

footer .list-icons li i {
	margin-right: 10px;
}

.footer-logo {
	max-width: 100%;
	width: 210px;
}

.footer-company {
	text-align: center;
}



.copyright {
	border-top: 1px solid #ffffff40;
	text-align: center;
	margin-top: 20px;
	padding-top: 20px;
}

.copyright p {
	font-size: 14px;
   color: #fff;
   letter-spacing: 1px;
}

/*end. footer
--------------------------------*/


nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after {
    content: "\f107";
    color: #212121;
    font-weight: 100;
    font-size: 19px;
}

nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a {
    text-align: left;
}

nav.navbar ul.nav > li > a {
	font-size: 15px;
	color: #000;
	font-weight: 600;
}

nav.navbar.navbar-default.navbar-fixed.fixsticky ul.nav > li > a, 
nav.navbar.navbar-default.navbar-fixed.fixsticky ul.nav > li.dropdown > a.dropdown-toggle:after,
nav.navbar.navbar-default.navbar-fixed.fixsticky .attr-nav > ul > li > a,
nav.navbar.navbar-default.navbar-sticky.sticked ul.nav > li > a, 
nav.navbar.navbar-default.navbar-sticky.sticked ul.nav > li.dropdown > a.dropdown-toggle:after,
nav.navbar.navbar-default.navbar-sticky.sticked .attr-nav > ul > li > a
{
	color: #fff;
}

nav.navbar.navbar-default.navbar-fixed.fixsticky .attr-nav > ul > li > a,
nav.navbar.navbar-default.navbar-sticky.sticked .attr-nav > ul > li > a {
	background: none;
	border: 1px solid rgba(255, 255, 255, 0.5);
}

nav.navbar.navbar-default.navbar-fixed.fixsticky .attr-nav > ul > li:hover > a,
nav.navbar.navbar-default.navbar-sticky.sticked .attr-nav > ul > li:hover > a {
	background-color: rgba(255, 255, 255, 0.2);
}

.attr-nav {
	margin-top: 35px;
}

.attr-nav > ul > li {
	padding-left: 5px;
}

.attr-nav > ul > li > a {
	color: #fff;
	padding: 6px;
	height: 36px;
	width: 36px;
	background: #25190d;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	border-radius: 4px;
	line-height: initial;
}

.attr-nav > ul > li > a:hover {
	background-color: #eee;
}

nav.navbar.navbar-default.navbar-fixed {
	background-color: rgba(255, 255, 255, 0.7);
	border-bottom: 0;
}

nav.navbar.navbar-default {
   border-bottom: 0;
}

nav.navbar.bootsnav ul.nav > li > a {
	padding: 40px 15px;
}


nav.navbar .navbar-brand img.logo {
	width: 305px;
}

nav.navbar .navbar-brand img.logo.logo-w {
	display: none;
	position: absolute;
	top: 6px;
	left: 18px;
}

nav.navbar.navbar-default.navbar-fixed.fixsticky .navbar-brand img.logo.logo-w,
nav.navbar.navbar-default.navbar-sticky.sticked .navbar-brand img.logo.logo-w {
	display: block;
}

nav.navbar.navbar-default.navbar-fixed.fixsticky .navbar-brand img.logo.logo-d,
nav.navbar.navbar-default.navbar-sticky.sticked .navbar-brand img.logo.logo-d {
	display: none;
}

.navbar-brand {
	padding: 6px 15px;
}

/*end. index
--------------------------------*/


/*--------------------------------
start. in*/
aside .widget.aside-style-2 {
   padding: 20px;
   background-color: #ffffff;
   border-radius: 5px;
   box-shadow: 0 4px 1px rgba(0, 138, 73, 0.5);
   border: 1px solid #86dc7e;
}

ul.cat li {
   margin: 0;
   padding: 0;
   border-bottom: 1px solid #98d892;
}

ul.cat li:before {
   top: 10px;
   right: 5px;
   left: auto;
}

ul.cat li:last-child {
   border-bottom: 0;
}

ul.cat li a {
   padding: 8px 20px;
   display: block;
   text-decoration: initial;
   color: #000000;
   font-size: 14px;
}

ul.cat li:hover a, ul.cat li.active a {
   padding-left: 10px;
   background-color: #f5f7eb;
}

.pagination > li > a, .pagination > li > span {
   border: 1px solid transparent;
   background-color: #ececec;
   opacity: 1;
   box-shadow: none;
   color: #020202;
   border-radius: 4px;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus {
   background-color: #38b72c;
   border-color: #38b72c;
   color: #fff;
}



.contain-wrapp {
	padding: 60px 0;
}

.inner-head {
	padding: 90px 0 100px;
	overflow: hidden;
   border: 0;
   text-align: right;
}

.inner-head h1, .inner-head h2, .inner-head h3, .inner-head h4, .inner-head h5, .inner-head h6 {
	font-size: 25px;
	line-height: 35px;
	margin-bottom: 0;
	color: #fff;
}

.breadcrumb > li {
	font-size: 13px;
}

.breadcrumb > li a {
	color: #fff;
}

.breadcrumb > li + li:before {
	padding: 0 13px 0 8px;
	color: #b1b1b1;
	content: "|";
}

.panel-title {
	font-size: 16.5px;
}

.sidebar ul li {
	padding: 5px;
	border-bottom: 1px #ccc dotted;
}

.sidebar ul li:last-child {
	border-bottom: 0;
}

.sidebar ul li a {
	font-size: 14px;
	color: #555;
}

.sidebar ul li.active a {
	color: #38b72c;
}

.panel-group .panel .panel-body {
	padding: 5px 15px 0;
}

.panel-group .panel .panel-heading .panel-title a {
	padding: 10px 68px 10px 20px;
}

.panel-group .panel .panel-heading .panel-title a:after {
	width: 39px;
	height: 39px;
}

.panel-group .panel .panel-heading .panel-title a:before {
	right: -55px;
}

.img-caption {
	background: rgba(26,26,26,0);
	background: -moz-linear-gradient(top, rgba(26,26,26,0) 0%, rgba(26,26,26,0.6) 50%, rgba(26,26,26,0.8) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(26,26,26,0)), color-stop(50%, rgba(26,26,26,0.6)), color-stop(100%, rgba(26,26,26,0.8)));
	background: -webkit-linear-gradient(top, rgba(26,26,26,0) 0%, rgba(26,26,26,0.6) 50%, rgba(26,26,26,0.8) 100%);
	background: -o-linear-gradient(top, rgba(26,26,26,0) 0%, rgba(26,26,26,0.6) 50%, rgba(26,26,26,0.8) 100%);
	background: -ms-linear-gradient(top, rgba(26,26,26,0) 0%, rgba(26,26,26,0.6) 50%, rgba(26,26,26,0.8) 100%);
	background: linear-gradient(to bottom, rgba(26,26,26,0) 0%, rgba(26,26,26,0.6) 50%, rgba(26,26,26,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#1a1a1a', GradientType=0 );
}


/*product main page*/
aside .widget .widget-head {
	padding-bottom: 20px;
	margin-bottom: 25px;
}

.pro-process-pox {
	position: relative;
}

.pro-process-pox ul li {
	position: absolute;
	top: 15px;
	left: 50%;
}

.pro-process-pox ul li img {
	width: 188px;
}

.pro-process-pox ul li img:last-child {
	opacity: 0;
	-webkit-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	transition: 0.3s ease;
	position: absolute;
	left: 5px;
	top: 0;
}

.pro-process-pox ul li:hover img:last-child {
	opacity: 1;
	transform: scale(1.1);
}

.pro-process-pox ul li:hover img:first-child {
	opacity: 0;
	-webkit-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	transition: 0.3s ease;
}

.pro-process-pox ul li.pro-ps-3 {
	margin-left: -99px;
}

.pro-process-pox ul li.pro-ps-4 {
	margin-left: 130px;
}

.pro-process-pox ul li.pro-ps-5 {
	margin-left: 365px;
}



/*servie main page*/

.icon-linner ul li {
	padding: 30px 20px;
}

.icon-linner ul li .icon-img img:last-child {
	display: none;
}

.icon-linner ul li img{
	color:#333;
	display:inline-block;
	margin-bottom:10px;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	width: 65px;
}

.icon-linner ul li:hover img{
  -webkit-animation-name: icon-up;
  animation-name: icon-up;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

.icon-linner ul li:hover .icon-img img:last-child {
	display: block;
	margin: 0 auto 10px;
}

.icon-linner ul li:hover .icon-img img:first-child {
	display: none;
}

.icon-linner ul li .fa {
	margin-bottom: 0;
	color: #fff;
}

.icon-linner ul li:hover .fa {
	color: #fff !important;
}

/*news*/
article.post {
   background-color: #f7f7f7;
}

article.post .media-wrapper {
   margin-bottom: 0;
}

article.post .post-info {
   padding: 20px 20px 20px 0;
}

article.post ul.post-meta {
   font-size: 12px;
   background-color: #ececec;
   border-top: 0;
   border-bottom: 0;
   padding: 3px 13px;
   margin: 0 0 8px 0;
}

article.post ul.post-meta li {
   color: #38b72c;
}

/*contact*/
.contact-detail-box {
   padding: 5px;
   border: 1px solid #dadada;
}

.contact-detail {
   padding: 16px 35px 6px;
   border: 0;
}

.contact-detail ul li {
   padding: 5px 0 1px 33px;
   position: relative;
   margin-bottom: 10px;
}

.contact-detail ul li p {
   font-size: 14px;
   color: #555;
}

.contact-detail ul li p strong {
   background-color: #dadada;
   padding: 2px 6px;
   margin-right: 9px;
}

.contact-detail ul li i {
   position: absolute;
   top: 8px;
   left: 0px;
   font-size: 13px;
   height: 20px;
   width: 20px;
   text-align: center;
   color: #ffffff;
   background: #6e4c21;
   line-height: 20px;
   border-radius: 3px;
}

.form-control {
   height: 40px;
   border: 1px solid #fff;
   background: #f3f3f3;
   -webkit-box-shadow: inset 0 2px 1px rgba(0,0,0,.1);
   box-shadow: inset 0 2px 1px rgba(0,0,0,.1);
}

.contact-form .form-group {
   margin-bottom: 25px;
}

.contact-form .form-group h6 {
   font-size: 15px;
   margin-bottom: 7px;
   padding-left: 5px;
}

.contact-form .form-group .form-control:focus {
   box-shadow: 0 0 5px rgba(0,0,0,0.25);
   background-color: #f7f7f7;
}

.contact-logo-box img {
   width: 220px;
}

/*group*/
.wrap-team {
   background-color: #f7f7f7;
   border: 0;
   margin-bottom: 60px;
   border-radius: 0;
   border-top: 2px solid #5bd252;
}

.wrap-team .name small {
   color: #ffffff;
   background: #38b72c;
   padding: 6px;
   line-height: 1.2;
}

.wrap-team p {
   font-size: 14px;
}

.wrap-team.standard .content {
   padding: 0 20px 5px 20px;
}

.wrap-team.standard .content ul.location-info li {
   font-size: 14px;
}

.wrap-team.standard .content ul.location-info li .info-title {
   background-color: #d2d2d2;
   color: #000;
   padding: 0px 10px 1px;
   margin-right: 12px;
}

.img-wrapper:hover {
   cursor: initial;
}


/*pro in*/
.in-left img {
   padding: 5px;
   border: 2px solid #5bd252;
   box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.15);
}

/*about*/
.in-right {
   color: #333;
}

.timeline {
   border-left: 2px solid #6ca946;
   color: #000;
}

.timeline li {
   position: relative;
   margin-bottom: 20px;
}

.timeline li .period {
   padding: 2px;
   border: 1px solid #38b72c;
   display: inline-block;
   margin-bottom: 8px;
   border-radius: 6px;
}

.timeline li .period span {
   float: none;
   color: #ffffff;
   text-align: left;
   font-size: 20px;
   font-weight: 600;
   background-color: #38b72c;
   display: inline-block;
   padding: 4px 10px;
   border-radius: 6px;
}

.timeline li .period-details {
   margin-left: 0;
   display: inline-block;
   vertical-align: top;
}

.timeline li:before, .timeline li:after {
   position: absolute;
   left: 0;
   display: block;
   border-radius: 50%;
   margin-left: -1px;
   content: "";
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
}

.timeline li:before {
   z-index: 2;
   top: 26px;
   width: 11px;
   height: 11px;
   background-color: #38b72c;
}

.timeline li:after {
   z-index: 1;
   top: 20px;
   width: 23px;
   height: 23px;
   border: 2px solid #38b72c;
   background-color: #fff;
   opacity: 1;
}

.time-pic {
   padding-left: 50px;
}

.timeline li:hover:after {
   background-color: #5f833b;
   box-shadow: 0 0 10px rgba(0,0,0,0.2);
   border: 2px solid #517231;
}

.time-pic img {
   padding: 3px;
   background-color: rgba(255, 255, 255, 0.8);
   border-radius: 5px;
   box-shadow: 0 0 10px rgba(0,0,0,0.2);
}


@media (max-width: 1199px) {
nav.navbar .navbar-brand img.logo {
    width: 240px;
}

nav.navbar.bootsnav ul.nav > li > a {
	padding: 40px 12px;
	font-size: 15px;
}

.navbar-brand {
	padding: 16px 15px;
}

nav.navbar .navbar-brand img.logo.logo-w {
	top: 15px;
}

.pro-process-pox ul li {
	top: 20px;
}

.pro-process-pox ul li img {
	width: 140px;
}

.pro-process-pox ul li.pro-ps-3 {
	margin-left: -74px;
}

.pro-process-pox ul li.pro-ps-4 {
	margin-left: 117px;
}

.pro-process-pox ul li.pro-ps-5 {
	margin-left: 313px;
}

footer {
	background-size: cover;
}

}


@media (max-width: 1024px) {
   nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after {
      content: none;
   }
}

@media (max-width: 992px){
   

   nav.navbar.navbar-default {
      box-shadow: 0 3px 7px rgba(0,0,0,0.25);
   }

   nav.navbar.bootsnav .navbar-nav {
      margin: 0;
      padding: 25px 0 0;
   }

   nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu {
      padding: 0 !important;
      margin: 1px 0 -1px 0 !important;
   }

   nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a {
      padding: 10px 28px;
      color: #444;
   }

   nav.navbar.bootsnav ul.nav > li > a {
      border-top: 1px solid transparent;
      padding: 13px 16px;
   }

   .navbar {
      min-height: 80px;
   }

   .attr-nav > ul > li > a {
      padding: 6px !important;
   }

   .attr-nav {
      margin-top: 18px;
   }

   .navbar-brand {
      padding: 5px 0 !important;
   }

   nav.navbar .navbar-brand img.logo.logo-w {
      position: relative;
      top: 0;
      left: 0;
   }

   nav.navbar.bootsnav .navbar-toggle {
      margin-top: 18px;
   }

   nav.navbar.navbar-default.navbar-fixed {
      background-color: #fff;
   }

   .navbar-collapse {
      box-shadow: none;
   }

   nav.navbar.navbar-default.navbar-fixed.fixsticky.bootsnav .navbar-nav > li > a, nav.navbar.navbar-default.navbar-sticky.sticked.bootsnav .navbar-nav > li > a {
      border-bottom: solid 1px #545454;
   }
}

@media (max-width: 991px){
}

@media (max-width: 768px){
}

@media (max-width: 767px){
   /*g-recaptcha*/
   .g-recaptcha {
      transform: scale(0.82);
      -webkit-transform: scale(0.82);
      transform-origin: 0 0;
      -webkit-transform-origin: 0 0;
   }
   
   .full-title {
      padding-left: 15px;
      padding-right: 15px;
   }

   .full-title h4 {
      font-size: 15px;
      line-height: inherit;
   }

   .img-caption i {
      display: none;
   }

   nav.navbar.bootsnav.navbar-fixed,
   .wrap-sticky nav.navbar.bootsnav.sticked, 
   nav.navbar.bootsnav.fixsticky {
      position: static;
   }

   .img-caption h4 {
      font-size: 18px;
      margin-bottom: 0;
   }

   .headline4 {
      font-size: 16px !important;
   }

   .attr-nav {
      right: 50px;
      top: 83px;
      margin-top: 0;
   }

   nav.navbar.bootsnav .navbar-toggle {
      left: 12px;
      top: 72px;
   }

   nav.navbar.bootsnav .navbar-collapse.collapse.in {
      position: static;
      width: 100%;
      z-index: 99;
      margin-right: 0;
      margin-left: 0;
      padding-right: 0;
      padding-left: 0;
   }

   footer .widget {
      margin-bottom: 0px;
      text-align: center;
   }

   footer .widget h5 {
      border-top: 1px solid #ffffff40;
      padding-top: 20px;
   }

   .recent-post li {
      margin: 0 0 10px 0;
      padding-left: 0;
   }
   
   .footer-company h6  {
      font-size: 12px;
   }

   .recent-post li h6 {
      margin-bottom: 20px;
   }

   footer .widget i {
      display: none;
   }

   .half-box .column-content {
      padding: 40px 15px !important;
   }

   .timeline li .period {
      text-align: left;
      margin-left: 30px;
      margin-top: 10px;
   }

   .timeline li .period-details {
      margin-left: 30px;
   }

   .timeline + .btn {
      margin-left: 30px;
   }

   .inner-head {
      text-align: left;
   }
}

@media (max-width: 767px){
   nav.navbar.bootsnav .navbar-header {
      min-height: 130px;
   }

   .ls-fullwidth .ls-nav-prev, .ls-fullwidth .ls-nav-next {
      font-size: 40px !important;
   }

   .ls-fullwidth .ls-nav-next, .ls-fullwidth .ls-nav-prev {
      width: 40px !important;
      height: 40px !important;
      text-align: center !important;
      line-height: 40px !important;
   }

   .ls-fullwidth:hover .ls-nav-next {
      right: 0 !important;
   }

   .ls-fullwidth:hover .ls-nav-prev {
      left: 0 !important;
   }

   .top-search .input-group-addon.close-search {
      padding-right: 16px;
      padding-left: 16px;
   }
}

@media (max-width: 575px){
   .contact-detail {
      padding: 15px 20px 1px;
   }

   .wrap-team {
      margin-bottom: 15px;
   }

   .w-100-xs {
      width: 100%;
   }
}

@media (max-width: 420px){
}

@media (max-width: 400px){
}

@media (max-width: 360px){


}

/*end. in
--------------------------------*/