/*
    Last update : 04.2025
*/

/* ------------------------------------------ */
/*             TABLE OF CONTENTS
/* ------------------------------------------ */
/*   01 - Loading Transition  */
/*   02 - Global stlye  */
/*   03 - Header Theme Menu  */
/*   04 - Theme Main Banner */
/*   05 - business section */
/*   06 - Service Offer  */
/*   07 - Events Section  */
/*   08 - Choose Section  */
/*   09 - Home Gallery  */
/*   10 - Home Client Claider  */
/*   11 - Home Form Section  */
/*   12 - Latest News Section.  */
/*   13 - home Footer section  */
/*   14 - menu-V-2  */
/*   15 - Home-two-our-Service  */
/*   16 - Home-two Experts section  */
/*   17 - Choose Section  */
/*   18 - Our Membership  */
/*   19 - Enar-page-banner  */
/*   20 - About us */
/*   21 - Service Details  */
/*   22 - Single Projects  */
/*   23 - Blog  */
/*   24 - Shop Page */
/*   25 - Contact-us */

/***

====================================================================
  Loading Transition
====================================================================

 ***/
 #loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background: #AFC5BE;
  overflow: hidden;
}
#loader {
  background: url(../images/1.html);
  width: 64px;
  height: 64px;
  position: relative;
  top: 50%;
  margin: -32px auto 0 auto;
}
/*======== Global css ========*/
* {
	margin:0;
	padding: 0;
}
body {
	font-family: Tahoma, Arial, "Microsoft JhengHei", PingFang, sans-serif;
	color: #686868;
	font-size: 16px;
	font-weight: 400;
	overflow-x: hidden !important;
	position: relative;
	background-color: #ffffff;
}
h1, h2, h3, h4,h5, h6, p, ul {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {
	font-family: "Noto Sans", "Trebuchet MS", Arial, "Microsoft JhengHei", PingFang, "sans-serif";
	color: #4D4D4D;
	text-transform: inherit;
	font-weight: 800;
}
h1 {
	font-size: 55px;
	line-height: 65px;
}
h2 {
	font-size: 45px;
	line-height: 55px;
}
h3 {
	font-size: 30px;
	line-height: 38px;
}
h4 {font-size: 21px; line-height: 30px;}
h5 {font-size: 21px; line-height: 30px;}
h6 {font-size: 16px; line-height: 24px;}
p {
	color: #686868;
	font-family: Tahoma, Arial, "Microsoft JhengHei", PingFang, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0.5px;
}
a, a > h1, a > h2, a > h3, a > h4, a > h5, a > h6, a > span {
	text-decoration: none;
	display: inline-block;
	text-transform: capitalize;
	color: #576D5F;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
a:hover > i, a:hover > h1, a:hover > h2, a:hover > h3, a:hover > h4, a:hover > h5, a:hover > h6, a:hover > span {
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
a:hover, a:active, a:visited, a:focus {
	text-decoration: none;
	outline: none;
	color: #576D5F;
}
a:visited {color:inherit;}
input,
textarea {outline: none; -webkit-box-shadow: none; box-shadow: none;-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
button {
	border: none;
	outline: none;
	box-shadow: none;
	display: block;
	padding: 0;
}
ul {list-style-type: none;}
.clear-fix {clear: both;}
.clear-fix:after {
	display: table;
	content: '';
	clear: both;
}
.float-left {float: left;}
.float-right {float: right;}

.error-pages-button-or-Search > li > form > button, .news-item-wrapper .news-item .news-text-item > a > i,
.inspiration-tab .panel-heading h4 a:before, .faq-page-form-section form > textarea, .faq-page-form-section form > input,
.single-item-Wrapper .single-Text-item > h5, .related-product-slider.owl-theme .owl-nav [class*=owl-],
.service-v1-section .service-section .service-offer-item p, .service-v2-item .iteme-text,
.Our-Membership .Our-Membership-item, .Our-Membership .Our-Membership-item .Membership-div,
.them-footer-section .footer-section .footer-item-two > ul > li > i, .home-two-our-service .home-two-our-service-item .item-opact-text,
.single_item_wrapper > div, .client-claider-wrapper .item > div > div span, .news-item-wrapper .news-item,
.home-business-section .business-item > p:after, .service-section .service-offer-item > .service-icon > .flaticon,
.top-header .search-here > button > i, #theme-main-banner .camera_prev, #theme-main-banner .camera_next,
.tran3s, .cat-item-wrapper .cat-item .cat-text-item > a > i,
.News-index-page .news-list-col > ul > li > .news-icon > i,
.News-index-page .news-list-col > ul > li:hover > .news-icon > i {
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.service-section .service-offer-item,
img, .tran7s {
	-webkit-transition: all .7s ease-out;
	-moz-transition: all .7s ease-out;
	-ms-transition: all .7s ease-out;
	-o-transition: all .7s ease-out;
	transition: all .7s ease-out;
}
.p-color {color: #FAFAFA;}
.p-color-bg {background: #919191;}
.text-center {text-align: center;}

/**additional setting for text**/
h4.v_title {font-size: 21px; line-height: 30px; margin-bottom: 15px;}

/***

====================================================================
  INDEX HOME
====================================================================

 ***/

/*=============== Header Top ===============*/
.top-header {padding: 40px 0;}
.top-header .them-logo,
.top-header .search-opson,
.top-header .header-icon-tx {height: 60px;}
.top-header .search-opson {padding-left: 10px;}
.top-header .search-here {
	float: right;
	width: 100%;
	padding-right: 30px;
	padding-top: 5px;
	position: relative;
	border-bottom: solid 1px #e0e0e0;
}
.navbar-collapse .search-here {
    border-top: solid 1px #e0e0e0;
    margin: 10px 15px 20px;
    padding-right: 30px;
    padding-top: 5px;
    position: relative;
    border-bottom: solid 1px #e0e0e0;
}
.top-header .search-here > input,
.navbar-collapse .search-here > input {
	height: 44px;
	width: 100%;
	border: none;
	font-size: 16px;
	font-style: italic;
	font-family: Tahoma, Arial, "Microsoft JhengHei", PingFang, sans-serif;
	color: #767676;
}
.navbar-collapse .search-here > input {background: transparent;}
.top-header .search-here > input:focus {outline: none;}
.top-header .search-here > button,
.navbar-collapse .search-here > button {
	height: 44px;
	width: 30px;
	padding-left: 10px;
	position: absolute;
	top: 2px;
	right: 0;
	background: transparent;
	color: #767676;
}
.top-header .header-icon-tx:hover h5 > a,
.top-header .search-here > button:hover > i {color: #576D5F;}
.top-header .header-icon-tx {
	padding-left: 50px;
	position: relative;
	padding-top: 10px;
}
.top-header .header-icon-tx > img {
	position: absolute;
	top: 11px;
	left: 0;
}
.top-header .header-icon-tx h5 {font-size: 16px;}
.top-header .header-icon-tx h5 > a {
	text-transform: none;
	color: #686868;
}
.top-header .header-icon-tx p {
	color: #767676;
	font-size: 14px;
}
.seo-header .rmLogoDesc#rmPageDesc {
	text-indent: -6000px;
	overflow: hidden;
}

/*=============== Menu ===============*/
.banner-ad-menu {position: relative;}
.theme-menu-fix-banner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
}
.theme-menu-fix-banner.menu_3 {
    position: relative;
    background: #AFC5BE;
}
.theme-menu-fix-banner.menu_3 .navbar.menu_3 {margin-bottom: 0;}
.theme-main-menu {
	background: #AFC5BE;
	position: relative;
}
.theme-main-menu:before {
	content: "";
	width: 2000px;
	background: #AFC5BE;
	float: left;
	position: absolute;
	top: 0;
	bottom: 0;
}
.main-menu .navbar-nav .menu-button {float: right!important;}
.main-menu .navbar-nav .menu-button > a {
	border-right: none;
	background: #609629!important;
	font-family: "Noto Sans", "Trebuchet MS", Arial, "Microsoft JhengHei", PingFang, "sans-serif";
	font-size: 14px;
	font-weight: 800;
	letter-spacing: 0.5px;
	color: #282F21;
}
.main-menu .navbar-nav .menu-button > a.hvr-bounce-to-right:before {background: #D4D4D4;}
.main-menu .navbar-nav {
	margin: 0;
	width: 100%;
}
.navbar {border: none;}
.main-menu .navbar-collapse {
	padding:0;
	box-shadow: none;
}
.main-menu .navbar-nav > li > a {
	font-family: "Noto Sans", "Trebuchet MS", Arial, "Microsoft JhengHei", PingFang, "sans-serif";
	background: transparent;
	font-size: 15px;
	font-weight: 800;
	text-transform: uppercase;
	color: #000000;
	padding: 0px 25px;
	line-height: 60px;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.main-menu .navbar-nav > li.active > a,
.main-menu .navbar-nav > li:hover a,
.main-menu .navbar-nav > li:focus a {background: rgba(0,0,0,0.2);}
.main-menu nav ul li.dropdown-holder .fa {
	display: none;
	line-height: 42px;
	width: 55px;
	font-size: 18px;
	color: rgba(0,0,0,0.47);
	position: absolute;
	top:0;
	right:0;
	text-align: center;
	cursor: pointer;
}
.navbar-toggle {
	float: right !important;
	border: none;
	margin: 7px 8px 0 0;
	background: transparent;
	padding: 16px 10px;
}
.navbar-toggle .icon-bar {
	background: #000000;
	height: 3px;
	width: 30px;
}
.theme-menu-V-two-fix .navbar-toggle .icon-bar {background:#000000;}

#navbar-collapse-2 #form-search {
	display: none;
    border-top: solid 1px rgba(0,0,0,0.07);
	border-bottom: solid 1px rgba(0,0,0,0.07);
}
#navbar-collapse-2 #form-search.search-here > input {color:rgba(0, 0, 0, 0.07);}

/*=============== Sub Menu ===============*/
.main-menu .navbar-nav > li.dropdown-holder .sub-menu {
	position: absolute;
	min-width: 230px;
	left: 0;
	opacity: 0;
	visibility: hidden;
	z-index: 99999;
	top: 100%;
	padding: 0;
    margin: 0;
	-webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -o-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
	-webkit-transition: -webkit-transform .4s ease,opacity .4s ease;
	-moz-transition: transform .4s ease,opacity .4s ease;
	-o-transition: transform .4s ease,opacity .4s ease;
    transition: transform .4s ease,opacity .4s ease;
    -webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
}
.main-menu .navbar-nav > li.dropdown-holder:hover .sub-menu {
	opacity: 1;
	visibility: visible;
	z-index: 99999;
	top: 100%;
    -webkit-transform:translateY(0px);
    -moz-transform:translateY(0px);
    -o-transform:translateY(0px);
    -ms-transform:translateY(0px);
    transform:translateY(0px);
}
.main-menu .navbar-nav > li.dropdown-holder .sub-menu li a {
	font-family: Tahoma, Arial, "Microsoft JhengHei", PingFang, "sans-serif";
	font-size: 15px;
	font-weight: 400;
	line-height: 23px;
	text-transform: capitalize;
	color: #000000;
	padding: 15px 10px;
	display: block;
	border-bottom: 1px solid rgba(0, 0, 0, 0.07);
	background: #AFC5BE;
	position: relative;
	z-index: 1;
	min-height: 47px;
}
.main-menu .navbar-nav > li.dropdown-holder .sub-menu li a:hover {
	background: rgba(0,0,0,0.2);
	padding-left: 18px;
	color: #000000;
}
.main-menu .navbar-nav > li.dropdown-holder .sub-menu li:last-child a {border:none;}
/*=============== Sub Menu level 2 ===============*/
.main-menu .navbar-nav > li.dropdown-holder .sub-menu li {position: relative;}
.main-menu .navbar-nav > li.dropdown-holder .sub-menu ul {
	position: absolute;
	min-width:230px;
	left: 230px;
	opacity: 0;
	visibility: hidden;
	z-index: 99999;
	top: 0;
	padding: 0;
    margin: 0;
	-webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -o-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
	-webkit-transition: -webkit-transform .4s ease,opacity .4s ease;
	-moz-transition: transform .4s ease,opacity .4s ease;
	-o-transition: transform .4s ease,opacity .4s ease;
    transition: transform .4s ease,opacity .4s ease;
    -webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
}
.main-menu .navbar-nav > li.dropdown-holder .sub-menu ul li a {
	font-family: Tahoma, Arial, "Microsoft JhengHei", PingFang, "sans-serif";
	font-size: 15px;
	font-weight: 200;
	line-height: 20px;
	text-transform: capitalize;
	color: #000000;
	padding: 15px 10px;
	display: block;
	border-bottom: 1px solid rgba(0, 0, 0, 0.07);
	background: #AFC5BE;
	position: relative;
	z-index: 1;
	min-height: 47px;
}
.main-menu .navbar-nav > li.dropdown-holder .sub-menu ul li a:hover {
	background: rgba(0, 0, 0, 0.2);
	padding-left: 18px;
	color: #000000;
}

.main-menu .navbar-nav > li.dropdown-holder .sub-menu > li.dropdown-holder:hover > ul {
	opacity: 1;
	top: 0;
	visibility: visible;
	z-index: 99999;
    -webkit-transform:translateY(0px);
    -moz-transform:translateY(0px);
    -o-transform:translateY(0px);
    -ms-transform:translateY(0px);
    transform:translateY(0px);
}
/*=============== scroll Menu ===============*/
@keyframes menu_sticky {
	0%   {margin-top:-120px; opacity: 0;}
	50%  {margin-top: -64px; opacity: 0;}
	100% {margin-top: 0; opacity: 1;}
}
.theme-menu-fix-banner.fixed {
	position: fixed !important;
	width:100%;
	top:0;
	left:0;
	z-index: 999;
	margin: 0;
	animation-name: menu_sticky;
	animation-duration: 0.90s;
	animation-timing-function: ease-in-out;
	height: 60px;
}
.theme-menu-fix-banner .navbar-header .them-logo a {display: initial;}
.theme-menu-fix-banner .navbar-header .them-logo a img {
    display: none;
    height: 42px;
    padding: 7px 0 0 10px;
    float: left;
}

/*=============== Theme Main Banner ===============*/
.camera_wrap {float:none;}
#theme-main-banner .camera_overlayer {
	content: '';
	position: absolute;
	top:0;
	left:0;
	right: 0;
	bottom: 0;
}
#theme-main-banner .camera_prev,
#theme-main-banner .camera_next {
	background: rgba(0, 0, 0, 0.25);
	height: 60px;
	width: 30px;
	margin-top: -50px;
	text-align: center;
}
#theme-main-banner .camera_prev .fa.fa-angle-left,
#theme-main-banner .camera_next .fa.fa-angle-right {line-height: 60px;}
#theme-main-banner .camera_prev:hover,
#theme-main-banner .camera_next:hover {background: rgba(0, 0, 0, 0.65);}
#theme-main-banner .camera_prev > span,
#theme-main-banner .camera_next > span {
	background: none;
	display: block;
	width: 100%;
	height: 100%;
}
#theme-main-banner .camera_prev > span:before,
#theme-main-banner .camera_next > span:before {
	font-family: "font-awesome";
	font-size: 32px;
	color:#ffffff;
	line-height: 60px;
}
#theme-main-banner .camera_prev > span:before {content: '';}
#theme-main-banner .camera_next > span:before {content: '';}
#theme-main-banner.camera_wrap .camera_pag .camera_pag_ul li {display: none !important;}
#theme-main-banner .camera_caption {height: 100%;}
#theme-main-banner .camera_caption > div {
	background: transparent;
	position: absolute;
	width: 100%;
	z-index: 1;
	top: 48%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	text-shadow: none;
	left: 0;
	padding: 0;
}
#theme-main-banner .camera_caption .container.align-center {text-align: center;}
#theme-main-banner .camera_caption .container.align-right {text-align: right; margin-top: 30px;}
#theme-main-banner .camera_caption .container a {
	text-transform: unset;
	max-width: 53%;
	background: rgba(175, 197, 190, 0.85);
	padding: 25px;
}
#theme-main-banner .camera_caption .container.align-right a {float:right;}
#theme-main-banner .camera_caption .container.align-center a {text-align:center; margin-left:auto; margin-right:auto;}
#theme-main-banner .camera_caption .container h1 {font-size:55px; font-weight:800; line-height:65px; text-transform:unset; display:block;}
#theme-main-banner .camera_caption .container a > br,
#theme-main-banner .camera_caption .container h1 > br {display:none;}
#theme-main-banner .camera_caption .container h1 > span.slider-text-1 {display:block;}
#theme-main-banner .camera_caption .container h1 > span.slider-text-2 {display:block;}
#theme-main-banner .camera_caption .container p {
	color: #4D4D4D;
	font-family: Tahoma, Arial, "Microsoft JhengHei", PingFang, sans-serif;
	font-size:16px;
	line-height:22px;
	font-weight: 400;
	margin:10px 0;
}

/*=============== box-1 business section ===============*/
.home-business-section {
	padding: 100px 0;
	background: rgba(175, 197, 190, 0.35);
}
.home-business-section .business-text > h1 {
	font-size: 45px;
    line-height: 55px;
	text-align: center;
	color:#345719;
	margin-left:10%;
	margin-right:10%;
	font-weight: 200;
	text-transform: none;
}
.home-business-section .business-text > h1 > a {color:#345719; text-transform: none;}
.home-business-section .business-text > h1 > a:hover {color:#000000;}
.home-business-section .business-text > span.decoration {
	display: block;
	width: 40px;
	border-bottom: 3px solid #758B73;
	margin: 15px auto 0;
}
.home-business-section .business-item {margin-top:30px; padding:0 15px; text-align:center!important;}
.home-business-section .business-item > div {
	height: 60px;
	margin-bottom: 10px;
	text-align: center;
}
.home-business-section .business-item > h2 {
	font-size: 21px;
	line-height: 30px;
	font-weight: 800;
	text-transform: none;
}
.home-business-section .business-item > h2 > a {color: #576D5F; text-transform: none;}
.home-business-section .business-item > p {
	margin: 12px 0 30px 0;
	position: relative;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	white-space: normal;
	overflow: hidden;
	max-height: 130px;
}
.home-business-section:not(.home-two-business) .business-item:after {
	content: "";
	border-top: 1px solid rgba(255,255,255,0);
	border-bottom: 1px solid rgba(255,255,255,0);
	height: 5px;
	position: absolute;
	bottom: 0;
	left: 45%;
	right: 45%;
	width: 10%;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.home-business-section .business-item:hover > h2 > a {color: #000000;}
.home-business-section .business-item:not(.home-two-business):hover:after {
	border-color: #758B73;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}


/*=============== them-main-title ===============*/
.them-main-title > span.decoration {
	display: block;
	width: 40px;
	border-bottom: 3px solid #758B73;
	padding-top: 15px;
}

/*=============== box-2 Events Section ===============*/
.events-section {
	margin: 80px 0;
	/* background-color:#5b446d;
	background-image: -moz-linear-gradient(top, #37284e, #5b446d);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#37284e), to(#5b446d));
	background-image: -webkit-linear-gradient(top, #37284e, #5b446d);
	background-image: -o-linear-gradient(top, #37284e, #5b446d);
	background-image: linear-gradient(to bottom, #37284e, #5b446d);
	background-repeat: repeat-x; */
}
.events-section .event-areya {position: relative;}
.events-section .event-areya .event-margin {margin-bottom: 35px;}
.events-section .event-areya .event-margin > span.decoration {display:inline-block;}
.events-section .event-areya .event-margin h2 a {color:#345719;}
.events-section .event-areya .event-margin h2 a:hover {color:#000000;}
.event-areya .event-item {margin-bottom: 40px;}
.event-areya .event-item .event-img {
	position: relative;
	overflow: hidden;
	border-radius: 5px;
}
.event-areya .event-item .event-img > a {width: 100%;}
.event-areya .event-item .event-img > a > img {width: 100%;}
.event-areya .event-item .event-img > div {
	position: absolute;
	top: 0;
	left: 8px;
	background: #BC4749;
	text-align: center;
	padding: 0 6px 3px;
	border-radius: 0 0 5px 5px;
}
.event-areya .event-item .event-img>div>span:nth-of-type(1) {
	font-size: 18px;
	font-weight: 800;
	font-family: "Noto Sans", "Trebuchet MS", Arial, "Microsoft JhengHei", PingFang, "sans-serif";
	text-transform: uppercase;
	color: #ffffff;
	display: block;
	padding-top: 10px;
	letter-spacing: unset;
}
.event-areya .event-item .event-img>div>span:nth-of-type(2) {
	font-size: 14px;
	text-transform: lowercase;
	color: #ffffff;
	display: block;
}
/*.event-areya .event-item:hover .event-img > a > img {
 	-webkit-transform: scale3D(1.1, 1.1, 1);
    transform: scale3D(1.1, 1.1, 1);
    opacity: 1;
}*/
.event-item .event-border {
	border: none;
	margin-left: -15px;
	padding-left: 50px;
}
.event-item .event-text {min-height: inherit;}
.event-item .event-text > a > h3,
.event-item:hover .event-text > a > h3 {
	color: #576D5F;
	font-size: 21px;
	line-height: 30px;
	text-transform: none;
}
.event-item .event-text > a:hover > h3,
.event-item:hover .event-text > a:hover > h3 {color: #000000;}
.event-item .event-text > a > p {
	margin: 12px 0 20px 0;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	white-space: normal;
	overflow: hidden;
	max-height: 104px;
	text-transform: initial;
}
.event-item .event-text > a > span {
    font-weight: 400;
    font-size: 14px;
	padding: 15px 20px;
    color: #282F21;
    background: #AFC5BE;
    display: inline-block;
	border-radius: 5px;
	letter-spacing: 0.5px;
	line-height: 1em;
}
.event-item .event-text > a > span:hover {background: #D4D4D4;}

/*=============== box-3 Latest News Section ===============*/
.home-latest-news {
	background: #AFC5BE url(../../../../../Templates/pic/bg_recommend.jpg) right center no-repeat;  /** upload image **/
	background-size: cover;
	background-attachment: fixed;
	padding: 80px 0;
}
.home-latest-news .them-main-title h2 a {color:#000000;}
.home-latest-news .them-main-title h2 a:hover {color:#345719;}
.home-latest-news .news-item-wrapper {margin-top: 40px;}
.news-item-wrapper .news-item {
	margin-bottom: 40px;
	border-left: none;
	border-right: none;
}
.news-item-wrapper .news-item .news-item-img {
	overflow: hidden;
	position: relative;
	border-radius: 5px;
}
.news-item-wrapper .news-item .news-item-img > a {
	width: 100%;
	display: block;
}
.news-item-wrapper .news-item .news-item-img > a > img {width: 100%; height: auto; border-radius: 5px;}
.news-item-wrapper .news-item:hover .news-item-img > a > img {opacity: 1;}
.news-item-wrapper .news-item .news-item-img > span {
	text-align: center;
	position: absolute;
	left: 8px;
	top: 0;
	background: #BC4749;
	font-size: 20px;
	font-weight: 800;
	font-family: "Noto Sans", "Trebuchet MS", Arial, "Microsoft JhengHei", PingFang, "sans-serif";
	color: #ffffff;
	text-transform: uppercase;
	padding: 4px 8px;
	border-radius: 0 0 4px 4px;
}
.news-item-wrapper .news-item .news-text-item {padding:25px 0 0 0; text-align: center;}
.news-item-wrapper .news-item .news-text-item > a > h3 {
	font-size: 21px;
	line-height: 30px;
	margin: 0;
	text-transform: none;
}
.news-item-wrapper .news-item .news-text-item > a > h3 {color: #282F21;}
.news-item-wrapper .news-item:hover .news-text-item > a > h3 {color: #576D5F;}
.news-item-wrapper .news-item .news-text-item > a > p {
	margin: 12px 0 20px 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal;
	overflow: hidden;
	max-height: 78px;
	color:#4B4B4B;
	text-transform: none;
}
.news-item-wrapper .news-item .news-text-item > a > span {
    font-weight: 400;
    font-size: 14px;
	padding: 15px 20px;
    color: #ffffff;
    background: #345719;
    display: inline-block;
	border-radius: 5px;
	letter-spacing: 0.5px;
	line-height: 1em;
}
.news-item-wrapper .news-item .news-text-item > a > span:hover {background: #4D4D4D;}


/*=============== box-4 right side Choose Section ===============*/
.choose-section {
	background: #ffffff url(../../../../../Templates/pic/bg_company.jpg) center no-repeat;  /** upload image **/
	background-size: cover;
	background-attachment: fixed;
}
.choose-section .left-side,
.choose-section .right-side {
	width: 50%;
	height: 600px;
	overflow: hidden;
}
.choose-section .right-side .right-side-content,
.choose-section .left-side .left-side-content {
	width: 585px;
	max-width: 585px;
	height: 100%;
	overflow: hidden;
}
.choose-section .left-side {
	background-size: cover;
	background-attachment: fixed;
}
.choose-section .left-side .left-side-opact {height: 100%; background: rgba(0, 0, 0, 0.1);}
.choose-section .left-side .left-side-content {padding-top: 100px;}
.choose-section .left-side .left-side-content .left-content-text {padding-right: 80px;}
.choose-section .left-side .left-side-content .left-content-text > .them-main-title {text-align:right; overflow:hidden;}
.choose-section .left-side .left-side-content .left-content-text > .them-main-title h2 {color: #345719; font-weight: 200; text-transform: none;}
.choose-section .left-side .left-side-content .left-content-text > .them-main-title span {float:right;}
.choose-section .left-side .left-side-content .left-content-text > p {
	margin: 30px 0;
	text-align:right;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	white-space: normal;
	max-height: 156px;
	overflow: hidden;
	color: #686868;
}

.choose-section .home-two-right-side {background: rgba(0, 0, 0, 0.1);}
.choose-section .home-two-right-side .right-side-content {
	padding: 40px 0 0 80px;
	margin: 80px 0 0 0;
	border-left: 1px solid rgba(0, 0, 0, 0.07);
}
.choose-section .home-two-right-side .right-side-content .right-content-text {margin: 0;}
.choose-section .home-two-right-side .right-side-content .right-content-text .right-side-item {
	width: 100%;
	padding: 0;
	min-height: auto;
	margin: 0 0 40px 0;
	position: relative;
}
.choose-section .home-two-right-side .right-side-content .right-content-text .right-side-item > h3 {
	font-size: 21px;
    line-height: 30px;
}
.choose-section .home-two-right-side .right-side-content .right-content-text .right-side-item > h3 > a {
	color:#576D5F;
	text-transform: none;
}
.choose-section .home-two-right-side .right-side-content .right-content-text .right-side-item:hover > h3 > a {color: #000000;}
.choose-section .home-two-right-side .right-side-content .right-content-text .right-side-item > p {
	color: #686868;
	margin: 10px 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal;
	max-height: 78px;
	overflow: hidden;
}

/*=============== Logo slide ===============*/
#logo-claider-carousel.owl-theme .owl-dots .owl-dot span {display: none !important;}
#logo-claider-carousel .item > div {border: 1px solid #e7e5e5;}
#logo-claider-carousel .item > div > img {width: 100% !important;}

/*=============== home Footer section ===============*/
.them-footer-section .footer-button-section {
	background: #AFC5BE;
	padding: 30px 0;
}
.them-footer-section .footer-button-section h3 {
	font-size: 28px;
	color: #282F21;
	line-height: 55px;
}
.them-footer-section .footer-button-section a {
	width: 195px;
	line-height: 55px;
	background: #345719;
	text-align: center;
	font-size: 14px;
	font-weight: 800;
	float: right;
	color: #ffffff;
}
.them-footer-section .footer-button-section a:hover {color:#ffffff; background: #4D4D4D;}
.them-footer-section .footer-section {
	background: rgba(175, 197, 190, 0.35);
	padding-top: 30px;
}
.them-footer-section .footer-section .footer-item-one,
.them-footer-section .footer-section .footer-item-two,
.them-footer-section .footer-section .footer-item-three,
.them-footer-section .footer-section .footer-item-four {padding-bottom: 40px; min-height: 330px; /**min-height is optional**/}
.them-footer-section .footer-section .footer-item-one > p {
	margin: 25px 0;
}
.them-footer-section .footer-section .footer-item-one > ul > li {display: inline-block;}
.them-footer-section .footer-section .footer-item-one > ul > li > a {
	margin: 5px;
	color: #686868;
}
.them-footer-section .footer-section .footer-item-three > ul > li:hover > h6 > a,
.them-footer-section .footer-section .footer-item-one > ul > li > a:hover {color: #576D5F;}
.them-footer-section .footer-section .footer-item-one .footre-logo > img {margin:0;}
.them-footer-section .footer-section .footer-item-two > h3,
.them-footer-section .footer-section .footer-item-three > h3,
.them-footer-section .footer-section .footer-item-four address > h3 {
	color: #4D4D4D;
	position: relative;
	padding-left: 35px;
	margin-bottom: 20px;
}
.them-footer-section .footer-section .footer-item-two > h3:before,
.them-footer-section .footer-section .footer-item-three > h3:before,
.them-footer-section .footer-section .footer-item-four address > h3:before {
	content: "";
	display: inline-block;
	width: 20px;
	border-bottom: 3px solid #758B73;
	position: absolute;
	left: 0;
	top: 18px;
}
.them-footer-section .footer-section .footer-item-two > ul > li {
	position: relative;
	padding-left: 18px;
	margin-bottom: 15px;
	margin-left: 10px;
}
.them-footer-section .footer-section .footer-item-two > ul > li > i {
	position: absolute;
	left: 0;
	top: 3px;
}
.them-footer-section .footer-section .footer-bottom-item .privacy-item>h6>a:hover,
.them-footer-section .footer-section .footer-item-two > ul > li:hover>i {color: #576D5F;}
.them-footer-section .footer-section .footer-item-two > ul > li > a {
	text-transform: capitalize;
	color: #686868;
}
.them-footer-section .footer-section .footer-item-two > ul > li > a:hover {color: #576D5F;}
.them-footer-section .footer-section .footer-item-three > ul > li {margin-bottom: 25px;}
.them-footer-section .footer-section .footer-item-three > ul > li > h4 {font-size: 16px;}
.them-footer-section .footer-section .footer-item-three > ul > li > h4 > a {
	line-height: 25px;
	text-transform: capitalize;
	color: #4D4D4D;
}
.them-footer-section .footer-section .footer-item-three > ul > li > h4 > a:hover {color: #576D5F;}
.them-footer-section .footer-section .footer-item-three>ul>li>i {
	display: block;
	margin-top: 8px;
}
.them-footer-section .footer-section .footer-item-four address > span {
	display: block;
	margin-bottom: 15px;
	line-height: 26px
}
.them-footer-section .footer-section .footer-item-four address > span > i {margin-right:12px;}
.them-footer-section .footer-section .footer-bottom-item {
	padding: 20px 0;
	/* background:rgba(0,0,0,1.0); */
}
.them-footer-section .footer-section .footer-bottom-item p {color: #686868;}
.them-footer-section .footer-section .footer-bottom-item p > a {
	text-transform: capitalize;
	color: #686868;
}
.them-footer-section .footer-section .footer-bottom-item p > a:hover {color: #576D5F;}
.them-footer-section .footer-section .footer-bottom-item .privacy-item > p {
	color: #686868;
	display: inline-block;
}
.them-footer-section .footer-section .footer-bottom-item .privacy-item > p > a {color: #686868;}
.them-footer-section .footer-section .footer-bottom-item .privacy-item > p > a:hover {color: #000000;}

/*=============== index-2 ===============*/
.top-header-v-two {
	background: #4D4D4D;
	padding: 8px 0 10px;
}
.top-header-v-two ul>li {
	display: inline-block;
	margin-right: 26px;
}
.top-header-v-two ul>li>a {text-transform: capitalize;}
.top-header-v-two .top-header-left>li>a>i {
	margin-right: 7px;
	font-size: 18px;
}
.top-header-v-two .top-header-right>li {float: right;}
.top-header-v-two .top-header-right>li>ul>li {margin: 0;}
.top-header-v-two .top-header-right>li:nth-of-type(1) {margin-right: 0;}
.top-header-v-two .top-header-right>li>ul>li>a {
	padding: 0 6px;
	color: #ffa9bb;
}
.top-header-v-two .top-header-right>li>ul>li>a:hover {color: #ffffff;}

/*=============== menu-V-2 ===============*/
.theme-menu-V-two-fix.theme-menu-fix-banner {
	position: static;
	padding: 30px 0;
}
.theme-menu-V-two-fix>div {position: relative;}
.theme-menu-V-two-fix .manu-logo-v-two a {line-height: 60px;}
.theme-menu-V-two-fix .theme-main-menu {background: #ffffff !important;}
.theme-menu-V-two-fix .theme-main-menu:before {display: none !important;}
.theme-menu-V-two-fix .navbar {margin-bottom: 0;}
.theme-menu-V-two-fix .main-menu .navbar-nav >li>a {
	color: #000000;
	padding: 0px 15px;
	border-right: none;
}
.theme-menu-V-two-fix .main-menu .navbar-nav >li.active>a,
.theme-menu-V-two-fix .main-menu .navbar-nav >li:hover a,
.theme-menu-V-two-fix .main-menu .navbar-nav >li:focus a {
	background: transparent;
	color: #4D4D4D;
}
.theme-menu-V-two-fix .main-menu .navbar-nav {padding-left: 100px;}
.theme-menu-V-two-fix .navbar-toggle {margin-top: 13px;}
.theme-menu-V-two-fix .search_option {position: relative;}
.theme-menu-V-two-fix .search_option .search {
	background:transparent;
	border:none;
	font-size: 21px;
	color: #576D5F;
	line-height: 60px;
}
.theme-menu-V-two-fix .search_option form.dropdown-menu {
    position: absolute;
    height: 55px;
    width: 280px;
    padding: 5px;
    border-radius: 0;
    right: 0;
    left: auto;
    top: 50px;
    font-size: 15px;
    box-shadow: none;
    border: none;
    float: none;
    margin: 0;
    background: #ffffff;
    z-index: 9999999;
}
.theme-menu-V-two-fix .search_option form input {
    width: 100%;
    height: 100%;
    background: transparent;
    outline: none;
    border: 1px solid #ececec;
    padding: 0 52px 0 10px;
}
.theme-menu-V-two-fix .search_option form button {
    display: block;
    width: 48px;
    background: #4D4D4D;
    color: #ffffff;
    border: 1px solid #ececec;
    border-left: none;
    line-height: 45px;
    text-align: center;
    position: absolute;
    top: 4px;
    right: 5px;
}
.theme-menu-V-two-fix .manu-icon>div>a {
	color: #171717;
	line-height: 60px;
}
.theme-menu-V-two-fix .manu-icon>div>a>i {
	font-size: 22px;
	position: relative;
	margin-right: 25px;
}
.theme-menu-V-two-fix .manu-icon>div>a>i>span {
	position: absolute;
	height: 16px;
	width: 16px;
	background: #345719;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	font-size: 12px;
	line-height: 16px;
	right: -10px;
	bottom: -10px;
	color: #ffffff;
}
.theme-menu-V-two-fix .search_option .search:hover,
.theme-menu-V-two-fix .manu-icon > div > a:hover {color: #ffffff; background: #4D4D4D;}
.theme-menu-V-two-fix.fixed {
	position: fixed !important;
	width:100%;
	top:0;
	left:0;
	z-index: 9999;
	margin: 0;
	animation-name: menu_sticky;
	animation-duration: 0.90s;
	animation-timing-function: ease-in-out;
	height: 70px;
	background: #345719;
	padding: 0;
	-webkit-box-shadow: 0px 13px 20px -12px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0px 13px 20px -12px rgba(0, 0, 0, 0.10);
    box-shadow: 0px 13px 20px -12px rgba(0, 0, 0, 0.10);
}

/*=============== box-5 Home-two Experts section ===============*/
.home-two-experts-section {
	margin: 80px 0 50px 0;
	/* background:#5b446d;
	background: url(/Templates/pic/bg_prd_box.jpg) top left no-repeat;
	background-size: auto;
	background-attachment: scroll; */
}
.home-two-experts-section .them-main-title > h2 {margin:0 10%;}
.home-two-experts-section .them-main-title > p {
	color: #686868;
	margin: 30px 10% 0;
}
.experts-claider-wrapper {margin-top: 50px;}
.experts-claider-wrapper .item .expert-img {
	border-radius: 5px;
	overflow: hidden;
	margin: 0 auto 25px;
}
.experts-claider-wrapper .item .expert-img > img {width: 100%;}
.experts-claider-wrapper .item:hover .expert-img > img {opacity: 1;}
.experts-claider-wrapper .item h3 {
	font-size: 21px;
	line-height: 30px;
}
.experts-claider-wrapper .item a h3 {color: #576D5F; text-transform: none;}
.experts-claider-wrapper .item span {
	color: #4D4D4D;
	font-size: 16px;
	font-family: "Noto Sans", "Trebuchet MS", Arial, "Microsoft JhengHei", PingFang, "sans-serif";
	font-weight: 800;
	line-height: 24px;
	margin: 10px 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	max-height: 48px;
	overflow: hidden;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.experts-claider-wrapper .item p {
	color: #686868;
	margin:0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal;
	max-height: 78px;
	overflow: hidden;
}
.experts-claider-wrapper .item:hover h3 {color: #000000;}
.experts-claider-wrapper .item:hover span {
	color: #576D5F;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

#home-two-experts-carousel.owl-theme .owl-dots .owl-dot span {display: none;}

/*=============== Enar-page-banner ===============*/
.Enar-page-banner .Enar-page-banner-opact {
	padding: 20px 350px 0 365px;
}
.Enar-page-banner .Enar-page-banner-opact .container {
	width: unset;
	padding: 0 0 30px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.Enar-page-banner .Enar-page-banner-opact h1 {
	font-size: 21px;
	line-height: 30px;
	font-weight: 200;
	color: #4D4D4D;
	text-transform: none;
	letter-spacing: 1px;
	margin: 15px 0 5px 0;
}
.Enar-page-banner .Enar-page-banner-opact h2 {
	color: #686868;
    font-weight: 200;
    line-height: 20px;
    font-size: 14px;
    text-transform: none;
}
.Enar-page-banner .Enar-page-banner-opact ul {font-size: 14px; line-height: 20px;}
.Enar-page-banner .Enar-page-banner-opact ul > li {
	display: inline-block;
	color: #767676;
}
.Enar-page-banner .Enar-page-banner-opact ul > li:first-child {margin: 10px 5px 0 0;}
.Enar-page-banner .Enar-page-banner-opact ul > li > span.decoration {
	display: inline-block;
	width: 20px;
	border-bottom: 2px solid #758B73;
	vertical-align: middle;
}
.Enar-page-banner .Enar-page-banner-opact ul > li > a {
	text-transform: none;
	margin: 0 4px;
	color:#686868;
}
.Enar-page-banner .Enar-page-banner-opact ul > li:last-child {text-transform: none;}
.Enar-page-banner .Enar-page-banner-opact ul > li:last-child,
.Enar-page-banner .Enar-page-banner-opact ul > li:last-child > a {color:#4D4D4D;}
.Enar-page-banner .Enar-page-banner-opact ul > li > a:hover {color: #576D5F;}


/*=============== About us & Branch ===============*/
.About-us-section .About-us-img-section .About-us-img {overflow: hidden; text-align:center; color:#767676; border-radius: 5px; margin-bottom: 30px;}
.About-us-section .About-us-img-section .About-us-img img {border-radius: 5px; width: 100%; height: auto;}
/*.About-us-section .About-us-img-section .About-us-img:hover img {
	-webkit-transform: scale3D(1.1, 1.1, 1);
    transform: scale3D(1.1, 1.1, 1);
}*/
.About-us-section .About-us-img-section .img-text-border {margin-left: -15px;}
.About-us-section .About-us-img-section .img-text-border .About-us-img-text {padding: 0 15px;}
.About-us-section .About-us-img-section .About-us-img-text h2 {
	font-size: 42px;
	line-height: 50px;
	margin-bottom: 20px;
}
.About-us-section .About-us-img-section .About-us-img-text span {
	display: flex;
	width: 40px;
	border-top: 3px solid #758B73;
	margin: 0 0 30px 0;
}
.About-us-section .About-us-img-section .About-us-img-text p {margin: 30px 0;}
.About-us-section .About-us-img-section .img-text-border .About-us-img-text ul > li > h6 > a {
	color: #576D5F;
	text-transform: capitalize;
	margin: 20px 0 8px;
}
.About-us-section .About-us-img-section .img-text-border .About-us-img-text:hover ul > li > h6 > a {color: #000000;}
.About-us-section .About-us-img-section .img-text-border .About-us-img-text ul > li {color: #9d9d9d;}
.About-us-section .About-us-img-section > hr {
	border-bottom: 1px dashed rgba(0, 0, 0, 0.25);
	border-top: 0;
	clear: both;
	padding: 0;
	margin: 30px 15px;
	display: none;
}

.About-us-section .About-us-text-section {margin-top: 0;}
.About-us-section .About-us-text-section .About-us-text {margin-bottom: 15px;}
.About-us-section .About-us-text-section .About-us-text h3,
.About-us-section .About-us-img-section .About-us-img-text h3 {
	color:#576D5F;
	font-size: 32px;
	font-weight: 200;
	line-height: 42px;
	margin:25px 0 30px 0;
}
.About-us-section .About-us-img-section .About-us-img-text span.contact-us-tel,
.About-us-section .About-us-img-section .img-text-border .About-us-img-text span.contact-us-tel {
	color: #345719;
	font-family: "Noto Sans", "Trebuchet MS", Arial, "Microsoft JhengHei", PingFang, "sans-serif";
	font-size: 30px;
	font-weight: 200;
	width: unset;
	border-top: none;
	margin: 30px 0;
}
.About-us-section .About-us-img-section .About-us-img-text {padding: 0 15px;}

.About-us-section .Branch-section, .Branch-section {margin:20px 0 40px 0;}
.About-us-section .Branch-section .branches-block,
.Branch-section .branches-block {
	margin:0;
	overflow: hidden;
}
.Branch-section .branches-block .branch-col {margin-bottom:30px;}
.About-us-section .Branch-section .branches-block h4,
.Branch-section .branches-block h4 {
	color: #576D5F;
	font-size: 23px;
	font-weight: 800;
	line-height: 30px;
	margin: 15px 0;
}
.About-us-section .Branch-section .branches-block .branch-col h5,
.Branch-section .branches-block .branch-col h5 {
	color: #4D4D4D;
	margin: 15px 0;
}
.About-us-section .Branch-section .branches-block .branch-col p,
.Branch-section .branches-block .branch-col p {
	color: #576D5F;
	margin-bottom: 10px;
	font-size: 18px;
}
.About-us-section .Branch-section .branches-block .branch-col span,
.Branch-section .branches-block .branch-col span {
	color: #686868;
	display: block;
	margin-bottom:6px;
}
.About-us-section .Branch-section .branches-block .branch-col span > i,
.Branch-section .branches-block .branch-col span > i {
	color: #767676;
	vertical-align: middle;
	margin-right: 8px;
}
.About-us-section .Branch-section .branches-block .branch-col span > a,
.Branch-section .branches-block .branch-col span > a {
	color: #576D5F;
	text-transform: none;
}
.About-us-section .Branch-section .branches-block .branch-col span > a:hover,
.Branch-section .branches-block .branch-col span > a:hover {color: #4D4D4D;}

.branch-pic {
	margin: 15px 0;
	width: 100%;
}
.branch-pic img {border-radius: 5px; width: 100%;}


.normal_section {margin: 130px 0 40px;}
.normal_section .normal_img_section .normal_img {overflow: hidden;}
.normal_section .normal_img_section .normal_img img {width: 100%;}
/*.normal_section .normal_img_section:hover .normal_img img {
	-webkit-transform: scale3D(1.1, 1.1, 1);
    transform: scale3D(1.1, 1.1, 1);
    opacity: 1;
}*/
.normal_section .normal_img_section .img-text-border {margin-left: -15px;}
.normal_section .normal_img_section .img-text-border .img-text {padding: 45px 15px 0 70px;}
.normal_section .normal_img_section .img-text-border .img-text h3 {
	font-size: 32px;
	line-height: 42px;
	margin-bottom: 25px;
	font-weight: 200;
}
.normal_section .normal_img_section .img-text-border .img-text span {
	display: block;
	width: 40px;
	border-top: 3px solid #758B73;
}
.normal_section .normal_img_section .img-text-border .img-text p {
	padding-right: 40px;
	margin: 30px 0;
}
.normal_section .normal_img_section .img-text-border .img-text ul>li>h6>a {
	color: #576D5F;
	text-transform: capitalize;
	font-size: 18px;
	margin: 20px 0 8px;
}
.normal_section .normal_img_section .img-text-border .img-text:hover ul>li>h6>a {color: #000000;}
.normal_section .normal_img_section .img-text-border .img-text:hover ul>li {color: #9d9d9d;}
.normal_section .normal_img_section > hr {
	border-bottom: 1px solid #e8e9ed;
	border-top: 0;
	clear: both;
	padding-top: 90px;
	margin: 0 15px;
}

.normal_section .normal_text_section {margin-top: 80px;}
.normal_section .text h3 {
	font-weight: 800;
	margin-bottom: 30px;
}
.normal_section .text h5 {
	color: #4D4D4D;
	margin-bottom: 15px;
}
.normal_section .text p {margin-bottom: 30px;}
.normal_section .text > ul {margin: 0 0 30px 0;}
.normal_section .text > ul li {
	color: #686868;
	font-weight: 400;
	margin-bottom: 14px;
}
.normal_section .text > ul li > i {
	font-size: 8px;
	color: #767676;
	vertical-align: middle;
	margin-right: 8px;
}

.normal_section .Branch-section {margin:80px 0 40px 0;}
.normal_section .Branch-section .branches-block {margin:0 0 40px 0; overflow: hidden;}
.normal_section .Branch-section .branches-block h3 {margin-bottom: 15px;}
.normal_section .Branch-section .branches-block .branch-col h5 {color: #4D4D4D; margin: 15px 0;}
.normal_section .Branch-section .branches-block .branch-col p {color: #576D5F; margin-bottom: 10px; font-size: 18px;}
.normal_section .Branch-section .branches-block .branch-col span {color: #686868; display: block; margin-bottom:10px;}
.normal_section .Branch-section .branches-block .branch-col span > i {color: #576D5F; vertical-align: middle; margin-right: 8px;}
.normal_section .Branch-section .branches-block .branch-col span > a {color: #576D5F; text-transform: none}
.normal_section .Branch-section .branches-block .branch-col span > a:hover {color: #4D4D4D;}


/*=============== Service-V-1 ===============*/
.service-v1-section {margin: 80px 0 120px;}
.service-v1-section .service-section .service-offer-item {background: rgba(0, 0, 0, 0.05);}
.service-v1-section .service-section .service-offer-item:hover {background: #AFC5BE;}
.service-v1-section .service-section .service-offer-item h3 > a {color: #576D5F;}
.service-v1-section .service-section .service-offer-item:hover a,
.service-v1-section .service-section .service-offer-item:hover h3 > a {color: #282F21;}
.service-v1-section .service-section .service-offer-item a p {color: #686868;}
.service-v1-section .service-section .service-offer-item:hover a p {color: #4B4B4B;}
.service-v1-section .service-section .service-offer-item a {color: #576D5F;}
.service-v1-section .service-section .service-offer-item > .service-icon > span {color: #eaeaea;}

/*=============== Service-V-2 ===============*/
.our-service-v2-section {margin: 80px 0;}
.service-v2-item {margin-bottom: 15px;}
.service-v2-item .item-img {overflow: hidden; border:none; border-radius: 5px;}
.service-v2-item .item-img > a {display: block;}
.service-v2-item .item-img > a > img {width: 100%; height: auto;}
/*.service-v2-item:hover .item-img > a > img {
	-webkit-transform: scale3D(1.1,1.1,1);
    transform: scale3D(1.1,1.1,1);
    opacity: 1;
}*/
.service-v2-item .item-text {
	border: none;
	padding: 25px 2px;
	/*min-height: 260px;*/
}
.service-v2-item .item-text > a {color: #576D5F; margin-bottom: 20px;}
.service-v2-item .item-text > a > h3 {
	color: #576D5F;
	font-size: 23px;
	line-height: 30px;
	margin: 0 0 12px 0;
}
.service-v2-item .item-text > a > p {
	color: #686868;
	margin: 0 0 20px 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	overflow: hidden;
	max-height: 52px;
}
.service-v2-item .item-text > a > span.bottonBorder {
	font-size: 14px;
	background: #AFC5BE;
	color: #282F21;
	padding: 15px 20px;
	text-align: center;
	border-radius: 5px;
	display: inline-block;
	margin: 10px 5px 10px 0;
	text-transform: capitalize;
	letter-spacing: 0.5px;
	line-height: 1em;
}
.service-v2-item .item-text > a > span.bottonBorder > i {margin-right: 8px;}
.service-v2-item .item-text > a > span.bottonBorder:hover {
	background: #D4D4D4;
	color: #282F21;
}
.service-v2-item:hover .item-text > a > h3 {color: #000000;}
.service-v2-item:hover .item-text > a {color: #4D4D4D;}

/*=============== Service Details ===============*/
.Service-Details {margin: 80px 0;}

.Service-Details .Service-Detail-left-col {overflow: hidden; margin-bottom: 30px;}
.Service-Details .Service-Detail-left-col h3 {margin-bottom: 30px;}
.Service-Details .Service-Detail-left-col h5 {margin-bottom: 15px; color: #4D4D4D;}
.Service-Details .Service-Detail-left-col h6 {margin-bottom: 15px;}
.Service-Details .Service-Detail-left-col p {margin-bottom: 30px;}
.Service-Details .Service-Detail-left-col ul {margin-bottom: 30px;}
.Service-Details .Service-Detail-left-col ul > li {font-weight: 400; margin-bottom: 14px;}
.Service-Details .Service-Detail-left-col ul > li > i {margin-right: 8px; color: #767676; font-size: 8px; vertical-align: middle;}

.Service-Details .Service-Details-right-side-item {padding-left: 35px;}
.Service-Details .Service-Details-right-side-item .right-side-item-top-area .top-area-img {overflow: hidden;}
.Service-Details .Service-Details-right-side-item .right-side-item-top-area .top-area-img img {width: 100%;}
.Service-Details .Service-Details-right-side-item .right-side-item-Our-Approch:hover .Approch-img img,
/*.Service-Details .Service-Details-right-side-item:hover .right-side-item-top-area .top-area-img img {
	-webkit-transform: scale3D(1.1,1.1,1);
    transform: scale3D(1.1,1.1,1);
    opacity: 1;
}*/
.Service-Details .Service-Details-right-side-item .right-side-item-top-area>h3>a {
	font-size: 28px;
	font-weight: 800;
	color: #576D5F;
	text-transform: capitalize;
	margin: 60px 0 35px;
	line-height: 30px;
}
.Service-Details .Service-Details-left-side-item .coll-us-item:hover>h6>a,
.Service-Details .Service-Details-left-side-item .Download-PDF-item:hover>div>a,
.Service-Details .Service-Details-right-side-item .right-side-item-top-area:hover>h3>a {color: #000000;}
.Service-Details .Service-Details-right-side-item .right-side-item-top-area>h6 {font-size: 18px; margin-bottom: 40px; line-height: 25px;}
.Service-Details .Service-Details-right-side-item p {color: #686868;}
.Service-Details .Service-Details-right-side-item .right-side-item-Our-Approch {margin: 70px 0;}
.Service-Details .Service-Details-right-side-item .right-side-item-Our-Approch .Approch-img {
	float: left;
	overflow: hidden;
	width: 40%;
}
.Service-Details .Service-Details-right-side-item .right-side-item-Our-Approch .Approch-img img {width: 100%}
.Service-Details .Service-Details-right-side-item .right-side-item-Our-Approch .Approch-text {
	float: right;
	width: 60%;
	padding-left: 50px;
}
.Service-Details .Service-Details-right-side-item .right-side-item-Our-Approch .Approch-text>h3 {font-weight: 800; margin-bottom: 15px;}
.Service-Details .Service-Details-right-side-item .right-side-item-Our-Approch .Approch-text>h6 {line-height: 30px; margin-bottom: 20px;}
.Service-Details .Service-Details-right-side-item .right-side-item-benefits>ul>li>i,
.Service-Details .Service-Details-right-side-item .right-side-item-Our-Approch .Approch-text>ul>li>i {
	font-size: 8px;
	color: #767676;
	vertical-align: middle;
	margin-right: 5px;
}
.Service-Details .Service-Details-right-side-item .right-side-item-benefits>ul>li,
.Service-Details .Service-Details-right-side-item .right-side-item-Our-Approch .Approch-text>ul>li {color: #686868; font-weight: 400; margin-bottom: 14px;}
.Service-Details .Service-Details-right-side-item .right-side-item-benefits>h3 {font-weight: 800; margin-bottom: 30px;}
.Service-Details .Service-Details-right-side-item .right-side-item-benefits>ul {margin: 35px 0;}
.Service-Details .Service-Details-right-side-item .right-side-item-benefits {margin-bottom: 50px;}
/*=======*/
.Service-Details .Service-Details-left-side-item>ul {max-width: 270px;}
.Service-Details .Service-Details-left-side-item>ul>li {background: #AFC5BE;}
.Service-Details .Service-Details-left-side-item>ul>li>a {padding: 20px 20px 20px 25px; display: block; text-transform: capitalize; font-weight: 400;}
.Service-Details .Service-Details-left-side-item>ul>li>a:hover {padding-left: 40px; background: rgba(0,0,0,0.1);}
.Service-Details .Service-Details-left-side-item .coll-us-item {border: solid 1px #e8e9ed; text-align: center; padding: 30px 10px; margin: 20px 0;}
.Service-Details .Service-Details-left-side-item .coll-us-item > p {font-size: 18px; font-weight: 400; color: #686868;}
.Service-Details .Service-Details-left-side-item .coll-us-item > p > span {font-weight: 800; color: #576D5F;}
.Service-Details .Service-Details-left-side-item .coll-us-item > h6 > a {color: #686868; margin-top: 15px; text-transform: capitalize;}

/*=============== Sidebar Download PDF & Call Us ===============*/
.call-us-item,
.Download-PDF-item {
	border-radius: 5px;
	background-color: rgba(0, 0, 0, 0.05);
	margin:0 0 50px 0;
	padding:20px;
}
.Download-PDF-item > p.Download-PDF-item-title {
	color: #4D4D4D;
	font-family: "Noto Sans", "Trebuchet MS", Arial, "Microsoft JhengHei", PingFang, "sans-serif";
	font-size: 21px;
	font-weight: 800;
	line-height: 30px;
	margin: 0 0 20px 0;
	letter-spacing: unset;
}
.Download-PDF-item > p {color:#686868; font-size:16px; margin:0 0 20px 0;}
.Download-PDF-item > div > a > img {margin-right:5px;}
.Download-PDF-item > div > a {
	color: #576D5F;
	font-size: 16px;
	font-family: "Noto Sans", "Trebuchet MS", Arial, "Microsoft JhengHei", PingFang, "sans-serif";
	vertical-align: middle;
	padding-top: 2px;
}
.Download-PDF-item > div > a:hover {color:#4D4D4D;}

.call-us-item {text-align: center;}
.call-us-item > p {font-size:18px; color:#686868; line-height:30px;}
.call-us-item > a {color: #576D5F; margin-top:15px; text-transform:capitalize; font-size:16px; font-weight:800; font-family: "Noto Sans", "Trebuchet MS", Arial, "Microsoft JhengHei", PingFang, "sans-serif";}
.call-us-item > a:hover {color:#4D4D4D;}
.call-us-item p.contact-us-tel-side {color:#576D5F; font-weight:800;}

/*=============== Projects V-2 ===============*/
.Projects-gallery-v-Two>.gallery_item_wrapper>.grid-sizer,
.Projects-gallery-v-Two>.gallery_item_wrapper>.isotop-item {width: 25%;}

.isotop-item .item-text-col {
	text-align: center;
	padding: 15px;
	border: 1px solid #e8e9ed;
	border-top: none;
}
.isotop-item .item-text-col > h5 {}
.isotop-item .item-text-col > h5 > a {color:#576D5F; text-transform: capitalize;}
.isotop-item .item-text-col > h5 > a:hover {color:#000000;}
.isotop-item .item-text-col > p {}
.isotop-item .item-text-col > a {color:#576D5F; text-transform: capitalize;}
.isotop-item .item-text-col > a:hover {color:#4D4D4D;}
.isotop-item .item-text-col > a > i {color:#576D5F;}

/*=============== Projects V-3 ===============*/
.Projects-gallery-v-Three>.gallery_item_wrapper>.grid-sizer,
.Projects-gallery-v-Three>.gallery_item_wrapper>.isotop-item {width: 50%;}

/*================ Single Projects ===============*/
.Single-Project {margin: 150px 0 100px 0;}
.Single-Project .Single-Project-img-item {overflow: hidden;}
.Single-Project .Single-Project-img-item img {width: 100%;}
.Single-Project .Single-Project-left-Side:hover .Single-Project-img-item img,
/*.Single-Project .Single-Project-Right-Side:hover .Single-Project-img-item img {
 	-webkit-transform: scale3D(1.1,1.1,1);
    transform: scale3D(1.1,1.1,1);
    opacity: 1;
}*/
.Single-Project .Single-Project-Right-Side>h3>a,
.Single-Project .Single-Project-left-Side>h3>a {
	color: #576D5F;
	text-transform: capitalize;
	font-size: 28px;
	font-weight: 800;
	margin: 60px 0 40px;
}
.Single-Project .Single-Project-Right-Side:hover>h3>a,
.Single-Project .Single-Project-left-Side:hover>h3>a {color: #000000;}
.Single-Project .Single-Project-left-Side>h6 {font-size: 18px; line-height: 25px; color: #576D5F; margin-bottom: 20px;}
.Single-Project p {color: #686868;}
.Single-Project .Single-Project-left-Side>.Project-Challange {margin: 60px 0;}
.Single-Project .Single-Project-left-Side>.Project-Challange>h3 {margin-bottom: 30px;}
.Single-Project .Single-Project-left-Side>.Project-Challange>ul {margin-top: 30px;}
.Single-Project .Single-Project-left-Side>.Project-Challange>ul>li {position: relative; padding-left: 18px; margin-bottom: 20px; font-weight: 400; color: #676767;}
.Single-Project .Single-Project-left-Side>.Project-Challange>ul>li>i {
	position: absolute;
	left: 0;
	top: 7px;
	color: #767676;
	font-size: 8px;
}
.Single-Project .Single-Project-left-Side>.Result {margin-bottom: 50px;}
.Single-Project .Single-Project-left-Side>.Result>h3 {margin-bottom: 25px;}
.Single-Project .Single-Project-Right-Side ul {border: 1px solid #e0e0e0; margin-top: 50px;}
.Single-Project .Single-Project-Right-Side ul>li {border-bottom: 1px solid #e0e0e0; padding: 15px 10px 15px 40px;}
.Single-Project .Single-Project-Right-Side ul>li>h6>a {color: #576D5F; font-size: 18px; text-transform: capitalize; margin-bottom: 10px;}
.Single-Project .Single-Project-Right-Side ul>li:hover>h6>a {color: #000000;}

/*=============== Team ===============*/
.Team-section {margin: 60px 0 100px;}
.Team-section .Team-Width {margin-bottom: 60px;}
/*.Team-section .Team-Width:hover .expert-img > img {
	-webkit-transform: scale3D(1.1,1.1,1);
    transform: scale3D(1.1,1.1,1);
    opacity: 1;
}*/

/*=============== Blog V-1 ===============*/
.Blog-V-one-news {margin: 150px 0 120px;}
.Blog-pages-button {margin:0; padding: 30px 0 0 0;}
.Blog-pages-button > li {display: inline-block; margin-right: 8px; border: 1px solid rgba(0, 0, 0, 0.2);}
.Blog-pages-button > li > a {color: #767676; font-weight: 400; line-height: 33px; padding: 0 12px;}
.Blog-pages-button > li:hover > a {color: #4D4D4D; background: #f2f2f2;}
.news-Sidebar-item-wrapper > form {border: 1px solid #e0e0e0; height: 55px; margin-bottom: 45px; border-radius: 6px;}
.news-Sidebar-item-wrapper > form > input {
	width: 85%;
	height: 100%;
	float: left;
	padding-left: 15px;
	color: #6D6D6D;
	border: none;
	border-radius: 5px 0 0 5px;
	background: #f2f2f2;
}
.news-Sidebar-item-wrapper > form > input:focus {outline: none;}
.news-Sidebar-item-wrapper .Recent-Sidebar-News > ul > li:hover > .recent-news-text > h6 > a,
.news-Sidebar-item-wrapper > form:hover > button {color: #282F21; background: #D4D4D4;}
.news-Sidebar-item-wrapper > form > button {
	width: 15%;
	height: 100%;
	float: right;
	background: #AFC5BE;
	color: #282F21;
	font-size: 14px;
	border-radius: 0 5px 5px 0;
}
.news-Sidebar-item-wrapper h3 {
	color: #4D4D4D;
	font-size: 21px;
	line-height: 30px;
	margin:5px 0 20px 0;
}
.news-Sidebar-item-wrapper .Categories>ul>li {border-bottom: 1px solid rgba(0, 0, 0, 0.07); padding-bottom: 15px; margin-bottom:15px;}
.news-Sidebar-item-wrapper .Categories>ul>li:last-child {border-bottom: none; margin-bottom: 0;}
.news-Sidebar-item-wrapper .Categories>ul>li:hover > a {color: #576D5F;}
.news-Sidebar-item-wrapper .Categories>ul>li> a {color:#686868; text-transform:capitalize; display:block; padding:0 30px 0 0;}
.news-Sidebar-item-wrapper .Categories>ul>li> a:hover {padding-left:10px; color:#576D5F;}
.news-Sidebar-item-wrapper .Categories>ul>li> span {position:relative; top:-22px; float:right; width:30px; height:30px; text-align:right;}
.news-Sidebar-item-wrapper .Categories>ul>li> span:hover {padding-left:0;}
.news-Sidebar-item-wrapper .Categories>ul>li> span > i {color:rgba(0, 0, 0, 0.45);}
.news-Sidebar-item-wrapper .Categories>ul>li> span > i:hover {color:#576D5F;}
.news-Sidebar-item-wrapper .Categories>ul>li> ul {margin:15px 0 0 15px;}
.news-Sidebar-item-wrapper .Categories>ul>li> ul > li {margin:20px 0; font-size: 0.9em;}
.news-Sidebar-item-wrapper .Categories>ul>li> ul > li > a {color:#686868; text-transform:capitalize; display:block; padding:0;}
.news-Sidebar-item-wrapper .Categories>ul>li> ul > li > a:hover {padding-left:10px; color: #576D5F;}
.news-Sidebar-item-wrapper .Categories>ul>li>a > span {position: relative; top:-22px; right: 2px; margin-left: 8px; float: right;}
.news-Sidebar-item-wrapper .Categories>ul>li>a:hover > span {padding-left: 0;}
.news-Sidebar-item-wrapper .Categories>ul>li>a > span > i {color:rgba(0, 0, 0, 0.45);}
.news-Sidebar-item-wrapper .Recent-Sidebar-News {margin-bottom: 50px;}
.news-Sidebar-item-wrapper .Recent-Sidebar-News>ul>li {position: relative; padding-left: 95px; margin-bottom: 28px;}
.news-Sidebar-item-wrapper .Recent-Sidebar-News>ul>li>.recent-news-img {
	width: 75px;
	height: 70px;
	position: absolute;
	top: 5px;
	left: 0;
}
.news-Sidebar-item-wrapper .Recent-Sidebar-News>ul>li>.recent-news-img>img {width: 100%; height: 100%;}
.news-Sidebar-item-wrapper .Recent-Sidebar-News>ul>li:hover>.recent-news-img>img {opacity: 1;}
.news-Sidebar-item-wrapper .Recent-Sidebar-News>ul>li>.recent-news-text>h6>a {color: #686868; text-transform: capitalize; line-height: 25px;}
.news-Sidebar-item-wrapper .Recent-Sidebar-News>ul>li>.recent-news-text>span {display: block; color:rgba(0, 0, 0, 0.55); margin-top: 4px;}
.news-Sidebar-item-wrapper .Keyword>ul>li {
	display:inline-block;
	margin:0 4px 8px 0;
	font-size:14px;
	line-height:24px;
	text-transform:capitalize;
}
.news-Sidebar-item-wrapper .Keyword>ul>li>a {color:rgba(0, 0, 0, 0.55); border:1px solid rgba(0, 0, 0, 0.2); padding:10px 15px;}
.news-Sidebar-item-wrapper .Keyword>ul>li:hover>a {color:#576D5F; border:1px solid #576D5F;}
/*==========*/
.blog-Vtwo-sidebar {
	border-radius: 5px;
	background-color: rgba(0, 0, 0, 0.05);
	margin:0 0 40px 0;
	padding:20px;
}

/*=============== Blog V-3 Singleblog ===============*/
.Blog-V-three-Singleblog .Singleblog-item {border: none;}
.Blog-V-three-Singleblog .Singleblog-item .Singleblog-Text>p:nth-of-type(1) {
	background: #f9fafa;
	padding: 50px;
	color: #8b8d8f;
	font-size: 23px;
	line-height: 45px;
	margin-bottom: 50px;
}
.Blog-V-three-Singleblog .Singleblog-item .Singleblog-Text>p:nth-of-type(1)>i {font-size: 20px;}
.Blog-V-three-Singleblog .Singleblog-item .Singleblog-Text>p:nth-of-type(1)>i.fa-quote-left {padding-right: 20px;}
.Blog-V-three-Singleblog .Singleblog-item .Singleblog-Text>p:nth-of-type(1)>i.fa-quote-right {padding-left: 20px;}
.Blog-V-three-Singleblog .Singleblog-item .Singleblog-Text>.Share {
	border: 1px solid #e9e9e9;
	border-left: none;
	border-right: none;
	margin-top: 55px;
	padding: 15px 0;
}
.Blog-V-three-Singleblog .Singleblog-item .Singleblog-Text>.Share>h6 {color: #8d8d8d; float: left;}
.Blog-V-three-Singleblog .Singleblog-item .Singleblog-Text>.Share>ul {float: right;}
.Blog-V-three-Singleblog .Singleblog-item .Singleblog-Text>.Share>ul>li {display: inline-block;}
.Blog-V-three-Singleblog .Singleblog-item .Singleblog-Text>.Share>ul>li>a {color: #949494; padding: 0 8px;}
.Blog-V-three-Singleblog .Singleblog-item .Singleblog-Text>.Share>ul>li>a:hover {color: #4D4D4D;}
.Blog-V-three-Singleblog .Singleblog-item .Singleblog-Text>.Share>ul>li>h6 {margin-right: 12px;}

.Blog-V-three-Singleblog .Singleblog-Comments {margin: 80px 0 50px;}
.Blog-V-three-Singleblog .Singleblog-Leave-A-Comment>h3,
.Blog-V-three-Singleblog .Singleblog-Comments>h3 {margin-bottom: 50px; font-size: 28px; font-weight: 800;}
.Blog-V-three-Singleblog .Singleblog-Comments>ul>li {
	position: relative;
	padding: 0 10px 0 100px;
	margin-bottom: 60px;
}
.Blog-V-three-Singleblog .Singleblog-Comments>ul>li>.Comments-img {
	width: 80px;
	height: 80px;
	position: absolute;
	top: 5px;
	left: 0;
}
.Blog-V-three-Singleblog .Singleblog-Comments>ul>li>.Comments-img>img {width: 100%;  height: 100%;}
.Blog-V-three-Singleblog .Singleblog-Comments>ul>li:hover>.Comments-img>img {opacity: 1;}
.Blog-V-three-Singleblog .Singleblog-Comments>ul>li a {color: #576D5F; text-transform: capitalize;}
.Blog-V-three-Singleblog .Singleblog-Comments>ul>li>h6 {display: inline-block; margin-right: 30px;}
.Blog-V-three-Singleblog .Singleblog-Comments>ul>li>span {display: inline-block; color: #b1b1b1; font-weight: 800;}
.Blog-V-three-Singleblog .Singleblog-Comments>ul>li>p {color: #686868; margin-top: 10px;}
.Blog-V-three-Singleblog .Singleblog-Comments>ul>li>a {position: absolute; top: -20px; right: 5px;}
.Blog-V-three-Singleblog .Singleblog-Comments>ul>li>a:hover,
.Blog-V-three-Singleblog .Singleblog-Comments>ul>li:hover>h6>a {color: #000000;}

.Blog-V-three-Singleblog .Singleblog-Leave-A-Comment {margin-bottom: 70px;}
.Blog-V-three-Singleblog .Singleblog-Leave-A-Comment>form input {
	width: 100%;
	height: 55px;
	border: 1px solid #e5e5e5;
	font-weight: 400;
	color: #7f7f7f;
	padding: 20px;
	margin-bottom: 25px;
}
.Blog-V-three-Singleblog .Singleblog-Leave-A-Comment>form textarea {
	width: 100%;
	max-width: 100%;
	height: 250px;
	max-height: 250px;
	border: 1px solid #e5e5e5;
	font-weight: 400;
	color: #7f7f7f;
	padding: 20px;
	margin-bottom: 25px;
}
.Blog-V-three-Singleblog .Singleblog-Leave-A-Comment > form button {
	width: 200px;
	height: 50px;
	font-weight: 400;
	text-transform: uppercase;
	color: #282F21;
	background: #AFC5BE;
}
.Blog-V-three-Singleblog .Singleblog-Leave-A-Comment > form button:before {background: #D4D4D4;}

/*=============== News ===============*/
.News-index-page .news-list-col {margin: 0 0 50px 0;}
.News-index-page .news-list-col > ul > li {
	position: relative;
	padding: 0 10px 0 100px;
	margin-bottom: 60px;
	list-style: none;
}
.News-index-page .news-list-col > ul > li > .news-icon {
	width: 80px;
	height: 80px;
	position: absolute;
	top: 5px;
	left: 0;
}
.News-index-page .news-list-col > ul > li >.news-icon > i {font-size: 60px; color:rgba(0, 0, 0, 0.15);}
.News-index-page .news-list-col > ul > li:hover >.news-icon > i {color:#AFC5BE;}
.News-index-page .news-list-col > ul > li > a {text-transform: capitalize;}
.News-index-page .news-list-col > ul > li > a > h4 {color:#576D5F; font-size: 18px; font-weight: 800; display: inline-block; margin: 0 0 10px 0;}
.News-index-page .news-list-col > ul > li > a > span {display:block; color:#767676; font-weight:400; margin:0 0 10px 0; font-size:14px;}
.News-index-page .news-list-col > ul > li > a > p {
	color: #686868;
	margin: 0 0 15px 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal;
	overflow: hidden;
	max-height: 84px;
}
.News-index-page .news-list-col > ul > li > a > span.bottonBorder {font-size: 16px; line-height: 28px; display: block; font-weight: 400; color:#576D5F;}
.News-index-page .news-list-col > ul > li > a > span.bottonBorder > i {margin-right:8px;}
.News-index-page .news-list-col > ul > li:hover > a > h4,
.News-index-page .news-list-col > ul > li:hover > a:hover > h4 {color:#000000;}
.News-index-page .news-list-col > ul > li:hover > a > span.bottonBorder,
.News-index-page .news-list-col > ul > li:hover > a:hover > span.bottonBorder {;color:#4D4D4D;}

.News-single-page .news-detail {overflow:hidden;}
.News-single-page .news-detail > h5,
.News-single-page .news-detail > h6 {margin-bottom: 15px;}
.News-single-page .news-detail > span {display: block; color: #767676; font-weight: 400; margin: 0 0 10px 0;}
.News-single-page .news-detail > p {color: #686868; font-size: 18px; margin: 0 0 30px 0;}
.News-single-page .news-detail > ul {margin: 0 0 30px 0;}
.News-single-page .news-detail > ul > li > i {
	font-size: 8px;
	color: #767676;
	vertical-align: middle;
	margin-right: 8px;
}
.News-single-page .news-detail > ul > li {color: #686868; font-weight: 400; margin-bottom: 14px;}


/*=============== Shop ===============*/
.shop-section {margin: 150px 0 120px;}
.single-item-Wrapper {margin-bottom: 45px;}
.single-item-Wrapper .shop-img-item {overflow: hidden; border-radius: 5px;}
.single-item-Wrapper .shop-img-item > a,
.single-item-Wrapper .shop-img-item > a > img {width: 100%;}
/*.single-item-Wrapper:hover .shop-img-item > a > img {
	-webkit-transform: scale3D(1.1,1.1,1);
    transform: scale3D(1.1,1.1,1);
	opacity: 1;
}*/
.single-item-Wrapper .single-Text-item > h5 {
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	overflow: hidden;
	max-height: 60px;
}
.single-item-Wrapper .single-Text-item h6 {
	color: #4D4D4D;
	font-size: 16px;
	margin: 0 0 8px 0;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	white-space: normal;
	overflow: hidden;
	max-height: 24px;
}
.single-item-Wrapper .single-Text-item p {
	margin: 0 0 20px 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	overflow: hidden;
	max-height: 52px;
}
.single-item-Wrapper .single-Text-item .clear-fix span {
	display: block;
	color: #BC4749;
	font-size: 16px;
	margin:0 0 5px 0;
	clear:left;
}
.single-item-Wrapper .single-Text-item > div.clear-fix > ul {float: right;}
.single-item-Wrapper .single-Text-item > div.clear-fix > ul > li {display: inline-block;}
.single-item-Wrapper .single-Text-item > div.clear-fix > ul > li > i {color: #576D5F;}
.single-item-Wrapper .single-Text-item > a {
	display: block;
	text-transform: capitalize;
}
.single-item-Wrapper .single-Text-item > a:before {background: #D4D4D4; border-radius: 5px;}
.single-item-Wrapper .single-Text-item > a:hover {color: #282F21;}
.single-item-Wrapper .single-Text-item > a > i {margin-right:8px;}

.display-in-grid .single-item-Wrapper .single-Text-item > a {
	display: block;
	text-transform: capitalize;
}
.display-in-grid .single-item-Wrapper .single-Text-item > a > h5 {color:#576D5F; margin:15px 0 8px 0; text-transform:none;}
.display-in-grid .single-item-Wrapper .single-Text-item > a > span.bottonBorder > i {margin-right:8px;}
.display-in-grid .single-item-Wrapper .single-Text-item > a > span.bottonBorder {
	font-size: 14px;
	background: #AFC5BE;
	color: #282F21;
	padding: 15px 20px;
	text-align: center;
	border-radius: 5px;
	display: inline-block;
	margin: 0 5px 10px 0;
	text-transform: capitalize;
	letter-spacing: 0.5px;
	line-height: 1em;
}
.display-in-grid .single-item-Wrapper .single-Text-item > a > span.bottonBorder:hover {
	background:#D4D4D4;
	color:#282F21;
}
.display-in-grid .single-item-Wrapper:hover .single-Text-item > a > h5 {color:#000000;}
.display-in-grid .single-item-Wrapper .single-Text-item a h6 {
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.display-in-grid .single-item-Wrapper:hover .single-Text-item a h6 {
	color:#576D5F;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

.Shop-section-item-wrapper .single-list-item-Wrapper {margin-bottom: 50px; overflow: hidden;}
.item-width .single-list-item-Wrapper {margin-bottom: 50px; overflow: hidden;}
.single-list-item-Wrapper .list-img-item {overflow: hidden; border-radius: 5px; width: 31.5%;}
.single-list-item-Wrapper .list-img-item > a,
.single-list-item-Wrapper .list-img-item > a > img {width: 100%;}
/*.single-list-item-Wrapper:hover .list-img-item > a > img {
	-webkit-transform: scale3D(1.1,1.1,1);
    transform: scale3D(1.1,1.1,1);
	opacity: 1;
}*/
.single-list-item-Wrapper .list-text-col {width: 68%; padding-left: 40px; padding-bottom: 5px;}
.single-list-item-Wrapper .list-text-col > a > h5 {color:#576D5F; margin:5px 0 8px 0;  text-transform:none;}
.single-list-item-Wrapper:hover .list-text-col > a > h5 {color: #000000;}
.single-list-item-Wrapper:hover .list-text-col a:hover > h5 {color: #000000;}
.single-list-item-Wrapper .list-text-col h6 {
	color: #4D4D4D;
	font-size: 16px;
	display: inline-block;
	margin: 0 0 8px 0;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.single-list-item-Wrapper:hover .list-text-col a h6 {
	color:#576D5F;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.single-list-item-Wrapper .list-text-col .clear-fix > span {
	display: block;
	color: #BC4749;
	font-size: 16px;
	margin:0 0 5px 0;
}
.single-list-item-Wrapper .list-text-col p {
	margin: 0 0 20px 0;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	white-space: normal;
	overflow: hidden;
	max-height: 26px;
}
.single-list-item-Wrapper .list-text-col > a > span.bottonBorder > i {margin-right: 8px;}
.single-list-item-Wrapper .list-text-col > a > span.bottonBorder {
	font-size: 14px;
	background: #AFC5BE;
	color: #282F21;
	padding: 15px 20px;
	text-align: center;
	border-radius: 5px;
	display: inline-block;
	margin: 0 5px 10px 0;
	text-transform: capitalize;
	letter-spacing: 0.5px;
	line-height: 1em;
}
.single-list-item-Wrapper .list-text-col > a > span.bottonBorder:hover {
	background:#D4D4D4;
	color:#282F21;
}
.display-in-grid .single-item-Wrapper .single-Text-item > a.but-more,
.single-list-item-Wrapper .list-text-col > a.but-more {
	display: inline-block;
	background-color: transparent;
	border-radius: 5px;
	border: none;
	color: #576D5F;
	font-weight: 400;
	line-height: 43px;
	text-align: left;
	margin: 0;
	text-transform: capitalize;
	width: auto;
	padding: 0;
}
.display-in-grid .single-item-Wrapper .single-Text-item > a.but-more > i,
.single-list-item-Wrapper .list-text-col > a.but-more > i {margin-right:8px;}

.single-item-Wrapper:hover .single-Text-item > a.but-more,
.single-list-item-Wrapper:hover .list-text-col > a.but-more {color:#4D4D4D;}

.item-width .item-Wrapper a.bottonBorder > i {margin-right:8px;}
.item-width .item-Wrapper a.bottonBorder {
	background: #AFC5BE;
	color:#282F21;
	font-size: 14px;
	padding: 15px 20px;
	text-align: center;
	border-radius: 5px;
	display: inline-block;
	margin: 5px 5px 5px 0;
	text-transform: capitalize;
	letter-spacing: 0.5px;
	line-height: 1em;
}
.item-width .item-Wrapper a.bottonBorder span {color:#000000;}
.item-width .item-Wrapper a.bottonBorder:hover span {color:#000000;}
.item-width .item-Wrapper a.bottonBorder:hover {background: #D4D4D4; color:#282F21;}
.item-width .item-Wrapper.single-list-item-Wrapper a.bottonBorder { display: inline-block;}

/*=========*/
.sidebar-price {margin-bottom: 70px;}
.sidebar-price > h3 {
	font-size: 23px;
	text-transform: capitalize;
	margin-bottom: 25px;
}
.sidebar-price .price-ranger {
	border: 1px solid #758B73;
	border-radius: 4px;
	padding: 18px 20px 20px 20px;
}
.price-ranger .ranger-min-max-block {margin: 0 -10px;}
.price-ranger .ranger-min-max-block [class*="col-"] {padding: 0 10px;}
.price-ranger .ranger-min-max-block input {
	width: 100%;
	height: 35px;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	padding: 0 10px;
}
.price-ranger .ranger-min-max-block label {
	font-weight: normal;
	font-size: 15px;
	color: rgba(0, 0, 0, 0.4);
}
.price-ranger .ui-widget-content {
	background: #eef2f5;
	border: none;
	height:5px;
	margin-top: 40px;
}
.price-ranger .ui-widget-header {background: #AFC5BE;}
.price-ranger .ui-slider-handle {
	background: #AFC5BE;
	width: 14px;
	height: 14px;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
	border-radius: 50%;
	border: none;
	outline: none;
}
.price-ranger .ui-slider-horizontal .ui-slider-handle {top: -5px;}
.price-ranger .button-two {
	width: 100%;
	height: 45px;
	background: #AFC5BE;
	color: #282F21;
	text-transform: capitalize;
	margin: 50px auto 0 auto;
}
.price-ranger .button-two.hvr-bounce-to-right:before {background: #D4D4D4;}

/*=============== Sidebar Popular Products ===============*/
.sidebar-popular-product {margin:0 0 30px 0;}
.sidebar-popular-product > h3 {
	font-size: 21px;
	line-height: 30px;
	margin: 0 0 20px 0;
	text-transform: capitalize;
}
.single-popular-product {padding:0 0 10px 0; position: relative;}
.single-popular-product a {display: initial;}
.sidebar-popular-product .single-popular-product img {width: 100%; border-radius: 5px 5px 0 0;}
.single-popular-product > div.banner {
	position: absolute;
	top: 0;
	left: 8px;
	width: 40px;
	height: 35px;
	background: #BC4749;
	text-align: center;
	border-radius: 0 0 5px 5px;
}
.single-popular-product > div.banner > span {
	font-size: 18px;
	padding-top: 6px;
	color: #ffffff;
	display: block;
}
.single-popular-product .product {
	width: 100%;
	background: #AFC5BE;
	padding: 10px 15px;
	border-radius: 0 0 5px 5px;
	color: #282F21;
}
.single-popular-product .product.hvr-bounce-to-right:before {background: #D4D4D4; border-radius: 0 0 5px 5px;}
.single-popular-product .product h6 a,
.single-popular-product a.product h6,
.single-popular-product a.product p {
	font-family: "Noto Sans", "Trebuchet MS", Arial, "Microsoft JhengHei", PingFang, "sans-serif";
	font-weight: 800;
	font-size: 18px;
	color: #000000;
	text-transform: capitalize;
	display: block;
	margin: 10px 0;
	text-align: center;
}
.single-popular-product .product strong {
	display: block;
	margin: 7px 0 0 0;
	font-size: 16px;
	color: #000000;
}
.single-popular-product:hover .product h6 a,
.single-popular-product:hover a.product h6,
.single-popular-product:hover a.product p {color: #000000;}

.single-popular-product .product ul li {
	display: inline-block;
	color: #949494;
	font-size: 15px;
	margin-right: 3px;
}

.sidebar-popular-product .owl-theme .owl-dots .owl-dot span {background: rgba(0, 0, 0, 0.2);}
.sidebar-popular-product .owl-theme .owl-dots .owl-dot.active span,
.sidebar-popular-product .owl-theme .owl-dots .owl-dot:hover span {background: #949494;}

/*=============== History Products ===============*/
.history-product {margin:0 0 30px 0; padding:0 0 50px 0;}
.history-product > h3 {
	color: #000000;
	margin: 0 0 10px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px dashed rgba(0, 0, 0, 0.25);
	font-weight: 200;
}
.single-history-product {padding: 13px 30px 0; position: relative;}
.single-history-product img {width: 130px!important; border-radius:4px!important;}
.single-history-product > div.del {
	position: absolute;
	top: 10px;
	left: 35px;
	width: 25px;
	height: 25px;
	background: #949494;
	text-align: center;
}
.single-history-product > div.del:hover {
	background: #727272;
    color: #fff;
    text-decoration: none;
}
.single-history-product > div.del > span {
	font-size: 13px;
	color: #fff;
}
.single-history-product > div.del > span a,
.single-history-product > div.del:hover > span a {color:#fff;}
.single-history-product .product {padding-left: 20px;}
.single-history-product .product a {
	font-weight: 800;
	font-size: 16px;
	color: #686868;
	text-transform: capitalize;
	display: block;
	line-height: 22px;
}
.single-history-product .product a:hover {color: #576D5F;}
.single-history-product .product span {
	display: block;
	margin: 7px 0 0 0;
	font-size: 14px;
	color: #767676;
}
#side-5 .owl-item .single-history-product img {width:100px;}
#box-22 .owl-nav .owl-prev,
#box-22 .owl-nav .owl-next,
#side-5 .owl-nav .owl-prev,
#side-5 .owl-nav .owl-next {
	font-size: 14px!important;
	height: 30px;
	line-height: 30px;
	width: 18px;
	margin: -15px 0 0 0 !important;
}

/*=============== Single Products ===============*/
.Single-products {margin: 80px 0;}
.single-product-details {padding: 0 15px;}
.single-product-details .image {width: 34.5%; margin-right: 50px;}
.single-product-details .image img {width: 100%;}
.single-product-details .image ul li {
	display: inline-block;
	width: 65px;
	height: 100%;
	overflow: hidden;
	margin: 14px 10px 0 0;
	cursor: pointer;
}
/*.single-product-details .image ul li:nth-child(4n) {
	display: inline-block;
	width: 65px;
	height: 100%;
	overflow: hidden;
	margin: 14px 0 0 0;
	cursor: pointer;
}*/
.single-product-details .info {}
.single-product-details .info h2 {
	font-size: 42px;
	line-height: 50px;
	margin-bottom: 20px;
	color:#345719;
}
.single-product-details .info span {
	display: flex;
	width: 40px;
	border-top: 3px solid #758B73;
	margin: 0 0 30px 0;
}
.single-product-details .info h3 {color:#576D5F; font-size:32px; font-weight: 200; line-height:42px; margin:20px 0;}
.single-product-details .info > div.clear-fix {margin:15px 0; overflow: hidden;}
.single-product-details .info > div.clear-fix > span {
	color: #990006;
	font-size: 18px;
	font-weight: 800;
	float: right;
	display: inline-block;
}
.single-product-details .info ul.rating {margin: 8px 0 15px;}
.single-product-details .info ul.rating li {
	display: inline-block;
	color: #949494;
	position: relative;
	margin:10px 3px 0 0;
}
.single-product-details .info ul.rating li .fa {color: #f3880a; font-size: 15px;}
.single-product-details .info ul.rating li:nth-child(6) {margin-left: 10px;}
.single-product-details .info strong {
	font-size: 28px;
	color: #767676;
	font-weight: 800;
}
.single-product-details .info p.desc_title_nickname {font-size: 16px; font-weight: 800;  margin: 15px 0; color: #4D4D4D;}
.single-product-details .info .quantity,
.single-product-details .info .color-show {width: 50%; vertical-align: bottom;}
.single-product-details .info input {
	width: 100px;
	height: 45px;
	border: 1px solid #e8e9ed;
	padding: 0 0 0 20px;
}
.single-product-details .info .color-show a {
	min-width: 175px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	background: #AFC5BE;
	font-size: 14px;
	font-weight: 400;
	margin: 0px 2px 10px 2px;
	color: #282F21;
}
.single-product-details .info .color-show a:hover {
	background: #D4D4D4;
	-webkit-box-shadow: 0px 4px 8px 1px rgba(40, 40, 40, 0.25);
	-moz-box-shadow: 0px 4px 8px 1px rgba(40, 40, 40, 0.25);
	box-shadow: 0px 4px 8px 1px rgba(40, 40, 40, 0.25);
}
.single-product-details .info .color-show a i {margin-right: 8px;}

.single-product-details .icon {width: 100%; overflow: hidden; margin: 0 0 15px 0;}
.single-product-details .icon > div.clear-fix > span {
	font-size: 18px;
	font-weight: 800;
	float: right;
	display: inline-block;
}
.single-product-details .icon .color-show {margin-right:15px; float: left;}
.single-product-details .icon input {
	width: 100px;
	height: 45px;
	border: 1px solid #e8e9ed;
	padding: 0 0 0 20px;
}
.single-product-details .icon .color-show a {
	text-align: center;
	background: #AFC5BE;
	font-size: 14px;
	font-weight: 400;
	margin: 2px 0 10px 0;
	color: #282F21;
	padding: 15px 20px;
	border-radius: 5px;
	letter-spacing: 0.5px;
	line-height: 1em;
}
.single-product-details .icon .color-show a:hover {
	background: #D4D4D4;
	color: #282F21;
	-webkit-box-shadow: 0px 0px 4px 1px rgba(40,40,40,0.15);
	-moz-box-shadow: 0px 0px 4px 1px rgba(40,40,40,0.15);
	box-shadow: 0px 0px 4px 1px rgba(40,40,40,0.15);
}
.single-product-details .icon .color-show a i {margin-right: 8px;}
.single-product-details .single-product-section .single-product-image.pull-right {padding: 0; margin-left: 20px;}
.single-product-details .single-product-section .single-product-image.pull-left {padding: 0; margin-right: 20px;}

.review-tab {margin: 60px 0 72px 0;}
.review-tab .nav-tabs {border: none;}
.review-tab .nav-tabs li a {
	background: #f2f2f2;
	color: #686868;
	margin-right: 10px;
	border: 1px solid #e8e9ed;
	border-bottom: none;
	padding: 15px 25px;
	font-weight: 400;
	font-size: 14px;
	border-radius: 0;
}
.review-tab .nav-tabs li a:hover {color:#576D5F;}
.review-tab .nav-tabs > li.active > a,
.review-tab .nav-tabs > li.active > a:hover,
.review-tab .nav-tabs > li.active > a:focus {background: #576D5F; border-top: 3px solid #AFC5BE; color:#000000;}
.review-tab .tab-pane {padding-top: 25px; border-top: 1px solid #e8e9ed; overflow: hidden;}
.review-tab .tab-pane > h5 {margin-bottom: 15px; line-height: 145%;}
.review-tab .tab-pane > p {color: #686868; margin: 0 0 30px 0;}
.review-tab .tab-pane > ul {color: #686868; margin: 0 0 30px 0;}
.review-tab .tab-pane > ul > li {position: relative; margin: 0 0 20px 0;}
.review-tab .tab-pane > ul > li > i {margin-right:8px; font-size: 8px; color: #767676; vertical-align:2px;}
.review-tab .tab-pane img {max-width: 100%; margin:0 0 30px 0; border-radius: 5px;}
.review-tab .tab-pane .intro-img-col {margin:0 0 30px 0; overflow: hidden;}
.review-tab .tab-pane .intro-img-col > a {float: left;}
.review-tab .tab-pane .intro-img-col > a > img,
.review-tab .tab-pane .intro-img-col > iframe {max-width: 100%; float: left; margin: 0 40px 15px 0;}
.review-tab .tab-pane .intro-img-col > h6 {margin: 5px 0 15px 0;}
.review-tab .tab-pane .intro-img-col > p {margin-bottom: 30px;}
.review-tab .tab-pane .pdf-download-col {overflow: hidden;}
.review-tab .tab-pane .pdf-download-col > ul > li {position: relative; padding: 0 10px 30px 100px; margin-bottom: 30px; border-bottom: 1px solid #e8e9ed;}
.review-tab .tab-pane .pdf-download-col > ul > li:last-child {border-bottom: none;}
.review-tab .tab-pane .pdf-download-col > ul > li > .pdf-icon {width: 80px; height: 80px; position: absolute; top: 0; left: 0;}
.review-tab .tab-pane .pdf-download-col > ul > li > .pdf-icon > img {width:100%; height: 100%;}
.review-tab .tab-pane .pdf-download-col > ul > li > h6 {display: inline-block; margin: 0 0 10px 0;}
.review-tab .tab-pane .pdf-download-col > ul > li > h6 > a {color: #4D4D4D; text-transform: capitalize;}
.review-tab .tab-pane .pdf-download-col > ul > li > h6 > a:hover {color: #576D5F;}
.review-tab .tab-pane .pdf-download-col > ul > li > p {margin: 0 0 15px 0;}
.review-tab .tab-pane .pdf-download-col > ul > li > span > a {font-size: 0.95em; color: #576D5F; text-transform: capitalize;}
.review-tab .tab-pane .pdf-download-col > ul > li > span > a i {margin-right: 8px;}
.review-tab .tab-pane .pdf-download-col > ul > li > span > a:hover {color: #4D4D4D;}

/*new product*/
.single-product-details .single-product-detail {margin-top: 0;}
.single-product-detail > h4 {margin:15px 0;}
.single-product-detail > h5 {margin-bottom: 15px; line-height: 145%;}
.single-product-detail > p,
.single-product-detail > ul {color: #686868; margin: 0 0 30px 0;}
.single-product-detail > ul > li {position: relative; margin: 0 0 20px 0;}
.single-product-detail > ul > li > i {margin-right:8px; font-size: 8px; color: #767676; vertical-align:2px;}
.single-product-detail .intro-img-col {margin:0 0 30px 0; overflow: hidden;}
.single-product-detail .intro-img-col > a {float: left;}
.single-product-detail > a > img {margin-bottom: 30px; width: 100%;}
.single-product-detail .intro-img-col > a > img,
.single-product-detail .intro-img-col > iframe {max-width: 100%; float: left; margin: 0 40px 15px 0;}
.single-product-detail .intro-img-col > h6 {margin: 5px 0 15px 0; line-height: 145%;}
.single-product-detail .intro-img-col > p {margin-bottom: 30px;}
.single-product-detail .pdf-download-col {overflow: hidden;}
.single-product-detail .pdf-download-col > ul > li {position: relative; padding: 0 10px 30px 100px; margin-bottom: 30px; border-bottom: 1px solid #e8e9ed;}
.single-product-detail .pdf-download-col > ul > li:last-child {border-bottom: none;}
.single-product-detail .pdf-download-col > ul > li > .pdf-icon {width: 80px; height: 80px; position: absolute; top: 0; left: 0;}
.single-product-detail .pdf-download-col > ul > li > .pdf-icon > img {width:100%; height: 100%;}
.single-product-detail .pdf-download-col > ul > li > h6 {display: inline-block; margin: 0 0 10px 0;}
.single-product-detail .pdf-download-col > ul > li > h6 > a {color: #4D4D4D; text-transform: capitalize;}
.single-product-detail .pdf-download-col > ul > li > h6 > a:hover {color: #576D5F;}
.single-product-detail .pdf-download-col > ul > li > p {margin: 0 0 15px 0;}
.single-product-detail .pdf-download-col > ul > li > span > a {font-size: 0.95em; color: #576D5F; text-transform: capitalize;}
.single-product-detail .pdf-download-col > ul > li > span > a i {margin-right: 8px;}
.single-product-detail .pdf-download-col > ul > li > span > a:hover {color: #4D4D4D;}
.single-product-details .single-product-section.single-center .pull-center .owl-carousel {margin-bottom: 30px;}

.related-product {margin-bottom: 70px;}
.related-product > h5 {
	font-size: 21px;
	font-weight: 800;
	margin-bottom: 33px;
}
.related-product-slider .item .Adoban-T-Shirt-ITEM-IMG {overflow: hidden;}
.related-product-slider.owl-theme .owl-nav [class*=owl-] {
	font-family: "font-awesome";
	width: 30px;
	height: 31px;
	line-height: 26px;
	border: 2px solid rgba(0, 0, 0, 0.07);
	border-radius: 0;
	font-size: 24px;
	color: #282F21;
	margin:0 3px;
	background: #AFC5BE;
	padding: 0;
}
.related-product-slider.owl-theme .owl-nav [class*=owl-]:hover {color: #282F21; background: #D4D4D4;}
.related-product-slider.owl-theme .owl-nav {position: absolute; top:-60px; right: 2px;}

.single-product-details .elevateZoom-image {position: relative;}
.elevateZoom-image .elevateZoom-enlarge {
    position: absolute;
    right: 10px;
    bottom: 10px;
    padding: 5px 10px;
    background: rgba(25, 25, 25, 0.5);
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    z-index: 2;
}
.elevateZoom-image .elevateZoom-enlarge:hover {background: rgba(25, 25, 25, 0.8);}

/*=============== Contact-us ===============*/
.Contact-us-section .Contact-us-form form input {
	width: 100%;
	height: 50px;
	border: 1px solid #e8e9ed;
	color: #686868;
	padding: 0 20px;
	margin-bottom: 20px;
}
.Contact-us-section .Contact-us-form form textarea {
	width: 100%;
	max-width: 100%;
	height: 240px;
	max-height: 240px;
	border: 1px solid #e8e9ed;
	color: #686868;
	padding: 20px;
	margin-bottom: 20px;
}
.Contact-us-section .Contact-us-form form input:focus,
.Contact-us-section .Contact-us-form form textarea:focus {border-color: #e0e0e0;}
.Contact-us-section .Contact-us-form form button {
	width: 188px;
	height: 50px;
	background: #32c3eb;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: "Noto Sans", "Trebuchet MS", Arial, "Microsoft JhengHei", PingFang, "sans-serif";
	font-size: 14px;
	color: #000000;
}
.Contact-us-section .Contact-us-form form button:before {background: #37cda5;}
.Contact-us-section .Contact-us-title-text,
.Contact-us-section .Contact-us-form {margin-bottom: 150px;}
.Contact-us-section .Contact-us-title-text > h3 {font-size: 38px; line-height: 50px;}
.Contact-us-section .Contact-us-title-text > span.decoration {
	display: block;
	width: 40px;
	border-top: 3px solid #758B73;
	margin-top: 15px;
}
.Contact-us-section .Contact-us-title-text > p {font-size: 20px; margin: 40px 0 20px 0;}
.Contact-us-section .Contact-us-title-text > strong {font-size: 22px; display: block; margin-bottom: 35px; color:#4D4D4D;}
.Contact-us-section .Contact-us-title-text > ul {border-top: 1px solid #e8e9ed; padding-top:25px;}
.Contact-us-section .Contact-us-title-text > ul > li {display: block; margin: 8px 2px; color: #686868;}
.Contact-us-section .Contact-us-title-text > ul > li > i {margin-right: 12px;}
.Contact-us-section .Contact-us-title-text > ul > li > a {color: #576D5F;}
.Contact-us-section .Contact-us-title-text > ul > li > a:hover {color: #4D4D4D;}

.Contact-us-section .Contact-us-form form input.file {border: none; padding: 0; height: 40px;}
.Contact-us-section .Contact-us-form form label {
	font-family: Tahoma, Arial, "Microsoft JhengHei", PingFang, sans-serif;
    border: none;
    color: #686868;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 200%;
    padding: 0 0 2px 0;
}

/*=============== Google Map <Box-8> ===============*/
.Contact-us-Google-map {height: /*540px*/ 0;}
.Contact-us-Google-map > div {width: 100%; height: 100%;}

/*=============== FAQ ===============*/
.faq-page {margin: 120px 0 0 0;}
.faq-page .inspiration-tab .inspiration-panel {margin-top: 70px;}
.inspiration-tab .panel-heading {padding: 0;}
.inspiration-tab .panel-heading h4 a {
	display: block;
	color: #576D5F;
	font-size: 18px;
	font-weight: 800;
	line-height: 24px;
	position: relative;
	padding: 12px 20px 12px 45px;
	text-transform: capitalize;
}
.inspiration-tab .panel-body {
  border: none !important;
  padding: 0 20px 10px 45px;
}
.inspiration-tab .panel-body > p {color: #686868; margin: 0 0 20px 0;}
.inspiration-tab .panel-body > a > span {color:#576D5F; text-transform: capitalize; line-height: 28px;}
.inspiration-tab .panel-body > a > span > i {margin-right:8px;}
.inspiration-tab .panel-heading h4 a:hover {color:#000000;}
.inspiration-tab .panel-body > a:hover > span {color:#4D4D4D;}

.inspiration-tab .panel {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
  border-radius: 0;
  margin: 5px 0;
  background-color: initial;
}
.inspiration-tab .inspiration-panel {margin-top: 0;}
.inspiration-tab .inspiration-panel .panel-group {margin-bottom: 0;}
.inspiration-tab .panel-heading h4 a:before {
  content: '+';
  line-height: 30px;
  border: 1px solid #e0e0e0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  font-size: 20px;
  text-align: center;
  top: 50%;
  color: #767676;
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  transform:translateY(-50%);
}
.inspiration-tab .panel-heading.active-panel h4 a:before {content: '-'; color:#282F21; background: #AFC5BE; border: 1px solid #AFC5BE; line-height: 25px;}
.inspiration-tab .panel .collapse.in {margin-bottom:25px;}
/*==========*/
.faq-page-form-section {background: #f6f6f6; padding: 80px 0;}
.faq-page-form-section h3 {text-align: center; margin-bottom: 40px; font-size: 38px; line-height: 45px;}
.faq-page-form-section form input {
	width: 100%;
	height: 58px;
	border: 1px solid #e8e9ed;
	color: #686868;
	padding: 0 20px;
	margin-bottom: 20px;
}
.faq-page-form-section form textarea {
	width: 100%;
	max-width: 100%;
	height: 165px;
	max-height: 165px;
	border: 1px solid #e8e9ed;
	color: #686868;
	padding: 20px;
	margin-bottom: 30px;
}
.faq-page-form-section form button {
	display: block;
	width: 190px;
	height: 50px;
	margin: 0 auto;
	color: #282F21;
	font-weight: 400;
	text-transform: capitalize;
	background: #AFC5BE;
}
.faq-page-form-section form button:before {background: #D4D4D4;}
.faq-page-form-section form textarea:focus,
.faq-page-form-section form input:focus {
	outline: none !important;
	border-color: transparent;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
}
/*==========*/
.faq-single-page {margin: 120px 0 120px 0;}
.faq-single-page .faq_cont {overflow: hidden;}
.faq-single-page .faq_cont h4 {
  font-size: 38px;
  margin-bottom: 30px;
}
.faq-single-page .faq_cont h5,
.faq-single-page .faq_cont h6 {margin-bottom:15px;}
.faq-single-page .faq_cont p {color: #686868; font-size: 18px; margin: 0 0 30px 0;}
.faq-single-page .faq_cont > ul {margin: 0 0 30px 0;}
.faq-single-page .faq_cont > ul > li > i {
	font-size: 8px;
	color: #767676;
	vertical-align: middle;
	margin-right: 8px;
}
.faq-single-page .faq_cont > ul > li {color: #686868; font-weight: 400; margin-bottom: 14px;}

/*new faq*/
.faq_cont {overflow: hidden;}
.faq_cont h4 {
  font-size: 38px;
  margin-bottom: 30px;
}
.faq_cont h5,
.faq_cont h6 {margin-bottom:15px;}
.faq_cont p {color: #686868; font-size: 18px; margin: 0 0 30px 0;}
.faq_cont > ul {margin: 0 0 30px 0;}
.faq_cont > ul > li > i {
	font-size: 8px;
	color: #767676;
	vertical-align: middle;
	margin-right: 8px;
}
.faq_cont > ul > li {color: #686868; font-weight: 400; margin-bottom: 14px;}


/*=============== Error pages ===============*/
.error-pages-section {margin: 150px 0;}
.error-pages-section h1 {font-size: 150px; line-height: 180px;}
.error-pages-section .text-big {font-size: 50px; font-weight: 200; line-height: 50px;}
.error-pages-section .text-smill {color: #686868; margin: 30px 0 40px 0;}
.error-pages-button-or-Search > li {display: inline-block;}
.error-pages-button-or-Search > li > a {
	width: 127px;
	line-height: 55px;
	background: #AFC5BE;
	font-weight: 400;
	color: #282F21;
}
.error-pages-button-or-Search > li > a:hover {background: #D4D4D4;}
.error-pages-button-or-Search > li > span {padding: 0 16px; font-weight: 400; display: block;}
.error-pages-button-or-Search > li > form {width: 380px; height: 55px; border: 1px solid #e8e9ed;}
.error-pages-button-or-Search > li > form > input {
	width: 85%;
	height: 100%;
	border: none;
	padding: 0 5%;
	color: #686868;
	float: left;
}
.error-pages-button-or-Search > li > form > button {
	width: 15%;
	height: 100%;
	background: #AFC5BE;
	color: #282F21;
}
.error-pages-button-or-Search >li > form > button:hover {background: #D4D4D4; color: #282F21;}
.error-pages-button-or-Search > li > form > input:focus {outline: none;}

/*-------------------------------------------------------------------------------------------------------------*/
/*=============== Click To Top ===============*/ /** Add Scroll Inquiry **/
.scroll-top, .scroll-inquiry {
	width:40px;
	height:40px;
	position: fixed;
	bottom: 5px;
	right: 10px;
	z-index: 99;
	text-align: center;
	color:#FAFAFA!important;
	font-size: 30px;
	display: none;
	border:2px solid #919191;
	border-radius: 4px;
}
.scroll-top i, .scroll-inquiry i {position:relative; top:-6px;}
.scroll-top:after {
	position: absolute;
	z-index: -1;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 1;
	background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}
.scroll-inquiry {
	bottom: 55px;
	color: #FAFAFA!important;
	border: 2px solid #919191;
	background-color: #919191!important;
}
.scroll-inquiry i {
	font-size: 28px;
    top: -2px;
    left: 1.5px;
}
.scroll-inquiry:hover, .scroll-inquiry:active {
    border-color: #609629!important;
	background-color: #609629!important;
}
.scroll-inquiry:hover i, .scroll-inquiry:active i {color:#FAFAFA;}

/*-------------------------------------------------------------------------------------------------------------*/
/***

====================================================================
  Conatct Form Activation
====================================================================

 ***/
.alert-wrapper {
  display: none;
  position: fixed;
  width: 100%;
  height:100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  z-index: 9999999;
}
#success,
#error {
  position: relative;
  width:500px;
  height: 100px;
  top: calc(50% - 50px);
  left:calc(50% - 250px);
  background: rgba(0,0,0,0.8);
  text-align: center;
}
#success .wrapper,
#error .wrapper {
  display: table;
  width:100%;
  height: 100%;
}
#success .wrapper p,
#error .wrapper p {
  display: table-cell;
  vertical-align: middle;
  letter-spacing: 1px;
}
#success {color: #ffce6e;}
#error {color: #C9182B;}
#error button,
#success button {
  color: #767676;
  width: 40px;
  height: 40px;
  line-height: 20px;
  background: transparent;
  border-radius: 50%;
  position: absolute;
  top: -20px;
  right: -20px;
  font-size: 20px;
}
.form-validation label.error {display: none!important;}
.form-validation input.error,
.form-validation textarea.error {border: 1px solid #f03838!important;}

/*-------------------------------------------------------------------------------------------------------------*/
/**** New Added Item & Additional ****/

/*=============== Language and Cart ===============*/
.top_col {background-color:#ffffff; padding: 10px 0;}
.language_box {
	color: #767676;
	font-size: 0.85em;
	float: right;
	list-style: none;
	position: relative;
	z-index: 2;
	margin: 0 10px;
	padding: 0;
}
.language_box > li:first-child {float: left; margin-left: 0;}
.language_box > li {color: #767676; float: right; margin-left: 10px; position: relative; line-height: 16px;}
.language_box > li > a {color: #767676;}
.language_box > li > a:focus, .language_box > li > a:hover {text-decoration: none;}
.language {z-index: 1; position: relative;}
.language:before {display: inline-block;}
.language_box > li.language ul {
	width: 100px;
	position: absolute;
	top: 28px;
	background: #f2f2f2;
	border: 1px solid rgba(0,0,0,0.1);
}
.language_box > li.language ul a {
	display: block;
	padding: 5px;
	color: #686868;
	font-size: 0.9em;
	text-align: center;
	text-transform: uppercase;
}
.language_box > li.language ul a:hover {color: #576D5F; text-decoration: none;}
.language_box .drop {display: none; list-style: none;}

.cart_col {
    padding: 10px;
    width: 50px;
    margin: 0 10px 0 0;
	border-radius: 4px;
}
.cart_col a > i {
    font-size: 28px;
	font-weight: bold;
    position: relative;
    color: #FAFAFA;
}
.cart_col a:hover > i {color: #FAFAFA;}
.cart_col a > i > span {
	font-family: Tahoma, Arial, "Microsoft JhengHei", PingFang, sans-serif;
	position: absolute;
	height: 16px;
	width: 16px;
	background-color: #AFC5BE;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	font-size: 12px;
	line-height: 16px;
	right: -6px;
	bottom: -6px;
	color: #000;
}
@media (max-width: 1200px) {
	.cart_col {
		position: fixed;
		right: 10px;
		padding: 4px 6px;
		width: 41px;
		height: 41px;
		margin: 0;
		bottom: 5px;
		z-index: 999;
		border: 2px solid #919191;
		background: #919191;
	}
	.cart_col:hover {
		border-color: #609629!important;
		background-color: #609629!important;
		color: #FAFAFA!important;
	}
	.cart_col a > i {font-size: 26px; color: #FAFAFA; left: -0.8px; top: 1px; font-weight: 400;}
	.cart_col a:hover > i {color: #FAFAFA;}
	.cart_col a > i > span {right: -5px;}
	.navbar-fixed-top .cart_col {bottom: 105px;}
	.cart_col.index-cart-none {display: none;}
}

.user_col {margin: 0 6px; display: inline-block; text-align: center;}
.user_col a,
.compare_col a {color: #e4e4e4;}
.user_col a:hover,
.compare_col a:hover{color: #576D5F;}
.user_col a > i,
.compare_col a > i {font-size: 1em;}
.user_col a > i > span,
.compare_col a > i > span {
	font-family: Tahoma, Arial, "Microsoft JhengHei", PingFang, sans-serif;
	font-size: 12px;
	line-height: 16px;
	margin-left: 5px;
}
.compare_col {margin: 0 6px; display: none; text-align: center;}

/** Logo **/
.logo_col {width:50%!important;}

/** Table **/
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 30px 0;
	color: #686868;
	clear: both;
	width: 100%;
	background-color: rgba(0,0,0,0.05);
}

th {
	background-color: rgba(0,0,0,0.05);
	padding: 12px 10px!important;
	font-size: 0.95em;
	line-height: 145%;
	border: 1px solid rgba(0,0,0,0.15);
	text-align: center;
}
td {
	background-color: transparent;
	padding: 12px 10px;
	font-size: 0.95em;
	line-height: 145%;
	border: 1px solid rgba(0,0,0,0.2);
}

tr:first-child > th {background-color: #6D6D6D; text-transform:capitalize; color:#FAFAFA;}

/*
tr:nth-child(1) {}
tr:nth-child(even) td {}
tr:nth-child(odd) td {}
*/

/** SEO Block & Keyword Tags **/
.seo_block {
	border: 1px solid #e8e9ed;
	border-radius: 5px;
	margin: 30px 0;
	padding: 25px;
}
.seo_block_full {
	border: 1px solid #e8e9ed;
	border-radius: 5px;
	margin: 50px 0 0 0;
	padding: 25px;
	width: 100%;
}
.seo_block > h3,
.seo_block_full > h3 {font-size: 20px; font-weight: 800; color: #4D4D4D;}
.seo_block > p,
.seo_block_full > p {color: #767676; font-size: 16px; margin: 20px 0;}
.seo_block > p:last-child,
.seo_block_full > p:last-child {margin-bottom: 0;}
.seo_block a,
.seo_block_full a {color: #282F21; text-transform: capitalize;}
.seo_block a:hover,
.seo_block_full a:hover {color:#576D5F;}

#box-7 {position: relative; top: 0;}
.Keyword {margin: 50px 0; width: 100%;}
.side_Keyword {margin:30px 0;}
.Keyword h3,
.side_Keyword h3 {border-bottom:1px dashed rgba(0, 0, 0, 0.25); padding-bottom:20px; margin-bottom: 25px; color: #4D4D4D; font-weight: 200;}
.Keyword h3 > i,
.side_Keyword h3 > i {margin-right:12px;}
.Keyword > ul > li,
.side_Keyword > ul > li {font-size:14px; display:inline-block; margin:0 2px 8px 2px; text-transform:capitalize; line-height:20px;}
.Keyword > ul > li > a,
.side_Keyword > ul > li > a {color: #767676; border:1px solid #e0e0e0; padding:8px 12px;}
.Keyword > ul > li:hover > a,
.side_Keyword > ul > li:hover > a {color:#282F21; background:#AFC5BE; border:1px solid #AFC5BE;}
.Keyword > ul > li:first-chlid,
.side_Keyword > ul > li:first-chlid {marin-left:0;}


/** SITEMAP **/
.sitemap-wrapper {margin:0;}
.sitemap-wrapper h2 {
	font-size: 50px;
	font-weight: 200;
	line-height: 50px;
	color: #686868;
}
.sitemap-wrapper p {margin: 30px 0 40px 0;}
.sitemap-wrapper a {display:block;}
.sitemap-wrapper a:hover {color: #576D5F; padding-left:10px;}
.sitemap-wrapper ul {margin-left: 18px;}
.sitemap-wrapper ul li {
	font-weight: 400;
	margin:10px 0;
	line-height: 28px;
	list-style: disc outside;
	color: #767676;
}
.sitemap-wrapper ul li > a {text-transform: uppercase; color:#576D5F;}
.sitemap-wrapper ul li > ul li {
	border:none;
	font-weight: normal;
	list-style: circle outside;
	text-transform: capitalize;
}
.sitemap-wrapper ul li > ul li > a { text-transform:capitalize; color:#686868;}

/** Pages Buttons **/
.faq-page .pages-button,
.Blog-V-one-news .blog-Vtwo-wrapper .pages-button {margin:0 15px;}
.pages-button {margin:15px 0 0 0; padding:0 0 30px 0;}
.pages-button > li {display: inline-block; margin-right: 8px; border: 1px solid #e0e0e0;}
.pages-button > li > a {color: #767676; font-weight: 400; line-height: 33px; padding: 0 12px;}
.pages-button > li:hover > a {color: #4D4D4D; background: #f2f2f2;}
.pages-button > li.active,
.pages-button > li.active > a {color: #4D4D4D;}
.pages-button > li.active:hover > a {color: #4D4D4D; background: #f2f2f2;}

.pages-button .pagination {float:right; margin:5px 0;}
.pages-button .pagination > a {
	margin-right:6px;
	border:1px solid #e0e0e0;
	color:#767676;
	font-weight:400;
	font-size:14px;
	line-height:25px;
	padding:0 8px;
	border-radius: 4px;
}
.pages-button .pagination > a.current {color: #4D4D4D; border-color:#4D4D4D;}
.pages-button .pagination > a:hover,
.pages-button .pagination > a.current:hover {color: #4D4D4D; background: #f2f2f2; border-color:#f2f2f2;}
.pages-button > span.fleft {float:left; margin:10px 0; color:#767676; font-size:14px;}

/** Popout Multiple Search **/
.multiple-search-page {
	background-color: #181818;
	display: block;
	overflow: hidden;
	opacity: 0.8;
}
.multiple-search-page .container {
	background: #fafafa;
	width: 300px;
	margin: 80px auto;
	padding: 25px!important;
}
.multiple-search-page h3 {
	border-bottom: 1px solid #e8e9ed;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
.multiple-search-page label {font-weight: 400; color: #686868; text-transform: capitalize;}
.multi-search-col {padding:0;}
.multi-search-col button {
	background: #AFC5BE !important;
	font-family: Tahoma, Arial, "Microsoft JhengHei", PingFang, sans-serif;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: #282F21;
	padding: 0px 25px;
	line-height: 60px;
	margin: 10px 0 0 0;
}
.multi-search-col button i {margin-right: 8px;}
.multi-search-col button.hvr-bounce-to-right:before {background: #D4D4D4;}
.multi-search-col select {
	width: 100%;
	height: 50px;
	border: 1px solid #e8e9ed;
	color: #686868;
	padding: 0 20px;
	margin-bottom: 20px;
}


/** Product Category **/
.category-intro {padding:0 15px 30px 15px;}
.category-intro h3 {font-weight: 800; margin-bottom: 30px;}
.category-intro h5 {color:#4D4D4D; margin-bottom: 15px;}
.category-intro p {margin-bottom: 30px;}
.category-intro > ul {margin: 0 0 30px 0;}
.category-intro > ul > li {color: #686868; font-weight: 400; margin-bottom: 14px;}
.category-intro > ul > li > i {font-size: 8px; color: #767676; vertical-align: middle; margin-right: 8px;}

.display-icon-wrapper {
	border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
    margin: 20px 0 0 0;
    padding: 0 0 10px 0;
}

.display-icon-wrapper > h4 {margin: 0 10px 0 0; display: inline-block; float: left;}
.display-icon-wrapper > ul {float: right; font-size: 18px;}
.display-icon-wrapper > ul > li {display: inline-block;}
.display-icon-wrapper > ul > li > span {font-size: 14px; color:#6D6D6D; margin-right: 2px;}
.display-icon-wrapper > ul > li > a {color: #6D6D6D; padding: 0 4px;}
.display-icon-wrapper > ul > li > a:hover {color: #576D5F;}
.display-icon-wrapper > ul > li > a.active {color:#576D5F;}
.display-icon-wrapper > ul > li > a > i {font-size: 18px; vertical-align: middle;}

.display-in-grid,
.display-in-list {overflow: hidden; margin-right: -15px; margin-left: -15px;}

/** Popout Cart **/
.Cart-Page-Wrapper {background-color: #000; display: block; overflow: hidden; opacity: 0.8;}

.cart-page {background: #fff; width: 95%; margin: 80px auto; padding: 35px 35px 55px 35px;}
.cart-page span {float:right; position: relative; top:-15px; right: -10px; font-size: 30px; line-height: 30px;}
.cart-page span > a {color: #686868;}
.cart-page span > a:hover {color: #576D5F;}

.modal-footer {
	border-top: 1px dashed rgba(0, 0, 0, 0.25)!important;
	border-bottom: 1px dashed rgba(0, 0, 0, 0.25)!important;
}
.cart-page .cart-intro {margin-bottom: 40px;}
.cart-page .cart-intro h3 {margin-bottom:40px;}
.cart-page .cart-intro h3 > i {margin-right: 12px;}
.cart-page .cart-icon-wrapper {
	border: 1px solid #e8e9ed;
	border-right: none;
	border-left: none;
	margin: 15px;
	padding: 15px 0;
}
.cart-icon-wrapper > ul {float: right; font-size: 16px;}
.cart-icon-wrapper > ul > li {display: inline-block; margin: 0 10px;}
.cart-icon-wrapper > ul > li:first-child {color: #686868;}
.cart-icon-wrapper > ul > li > a {color: #4D4D4D; padding: 0 4px; text-transform: capitalize;}
.cart-icon-wrapper > ul > li > a > i {color:#4D4D4D; margin-right:8px;}
.cart-icon-wrapper > ul > li > a:hover,
.cart-icon-wrapper > ul > li > a:hover > i {color: #576D5F;}

.cart-item-list {overflow: hidden;}
.cart-item-list .single-list-item-Wrapper {margin:15px 0;}
.cart-item-list .single-list-item-Wrapper .list-img-item {
    overflow: hidden;
    width: 25%;
}
.cart-item-list .single-list-item-Wrapper .list-img-item > a > img {border-radius: 4px;}
/*.cart-item-list .single-list-item-Wrapper:hover .list-img-item > a > img {
	-webkit-transform: scale3D(1.1, 1.1, 1);
    transform: scale3D(1.1, 1.1, 1);
	opacity: 1;
}*/
.cart-item-list .single-list-item-Wrapper .list-text-col {width:75%; padding-left: 10px;}
.cart-item-list .single-list-item-Wrapper .list-text-col h5 {font-size: 20px; line-height: 28px; font-weight: 800;}
.cart-item-list .single-list-item-Wrapper .list-text-col h6 {margin: 0;}
.cart-item-list .single-list-item-Wrapper .list-text-col p {
	margin: 0 0 15px 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	overflow: hidden;
	max-height: 52px;
}
.cart-item-list .single-list-item-Wrapper .list-text-col h5 > a {color:#576D5F;}
.cart-item-list .single-list-item-Wrapper .list-text-col h5 > a:hover {color:#000000;}
.cart-item-list .single-list-item-Wrapper .list-text-col > a {color:#576D5F; width:auto; padding:10px 20px; border:1px solid #576D5F; border-radius: 5px;}
.cart-item-list .single-list-item-Wrapper .list-text-col > a > i {margin-right:8px;}
.cart-item-list .single-list-item-Wrapper .list-text-col > a:hover {color:#4D4D4D; border:1px solid #4D4D4D;}

/** Table **/
.Table-page table {
	width: 100%;
	background-color: transparent;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid #e8e9ed;
	margin: 0;
	color: #686868;
	clear: both;
}

.Table-page table th {
	background-color: #f1f1f1;
	padding: 15px 6px;
	font-size: 0.95em;
	line-height: 145%;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #e8e9ed;
	border-bottom: 1px solid #e8e9ed;
	border-left: 1px solid #ffffff;
	color: #3f3f3f;
	text-align: center;
	text-transform: capitalize;
	width: 20%;
}
.Table-page table td {
	background-color: transparent;
	padding: 15px 6px;
	font-size: 0.95em;
	line-height: 145%;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #e8e9ed;
	border-bottom: 1px solid #e8e9ed;
	border-left: 1px solid #ffffff;
	text-align: center;
}
.Table-page table td a {color: #686868;}
.Table-page table td a:hover {color: #576D5F;}
.Table-page table td p {margin-bottom: 0px;}

.Table-page table tr td:first-child > a > img {width: 80%;}
.Table-page table tr td:last-child > ul.but-col {margin:0 auto; display: inline-block;}
.Table-page table tr td:last-child > ul > li {
	float: left;
	display: block;
	font-size: 16px;
	line-height: 16px;
	font-weight: unset;
	margin-bottom: 0px;
}
.Table-page table tr td:last-child > ul > li > a {
	background-color: #e8e9ed;
	border-radius: 5px;
	color: #686868;
	padding: 10px 12px;
	margin: 4px;
}
.Table-page table tr td:last-child > ul > li > a:hover {background-color:#ffffff; color:#576D5F;}

/** Compare **/
.Compare-Page-Wrapper {margin: 150px 0 120px 0;}
.Compare-page {padding: 0 15px 30px 15px;}
.Compare-page span {float:right; position: relative; top:-15px; right: -10px; font-size: 30px; line-height: 30px;}
.Compare-page span > a {color: #767676;}
.Compare-page span > a:hover {color: #576D5F;}
.Compare-page .compare-intro {margin-bottom: 40px;}
.Compare-page .compare-intro h3 {font-weight: 800; margin-bottom: 30px;}
.Compare-page .compare-intro h3 > i {margin-right: 12px;}
.Compare-page .compare-intro p {margin-bottom: 30px;}

.Compare-page table {
	width: 100%;
	background-color: transparent;
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid #e8e9ed;
	margin: 0;
	color: #686868;
	clear: both;
}

.Compare-page table th {
	background-color: #f1f1f1;
	padding: 15px 6px;
	font-size: 0.95em;
	line-height: 145%;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #e8e9ed;
	border-bottom: 1px solid #e8e9ed;
	border-left: 1px solid #ffffff;
	color: #3f3f3f;
	text-align: center;
	text-transform: capitalize;
	width: 20%;
}
.Compare-page table td {
	background-color: transparent;
	padding: 15px 6px;
	font-size: 0.95em;
	line-height: 145%;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #e8e9ed;
	border-bottom: 1px solid #e8e9ed;
	border-left: 1px solid #ffffff;
	text-align: center;
}

.Compare-page table tr:first-child > td:last-child,
.Compare-page table td:last-child {border-right: 1px solid #ffffff;}
.Compare-page table tr:last-child th,
.Compare-page table tr:last-child td {border-bottom: 1px solid #ffffff;}
.Compare-page table tr:first-child > td > a > img {max-width:200px;}
.Compare-page table tr:last-child td > ul.but-col {margin:0 auto; display: inline-block;}
.Compare-page table tr:last-child td > ul > li {display: block; font-size: 16px; line-height: 16px; margin: 10px 0 0;}
.Compare-page table tr:last-child td > ul > li > a {
	background-color: #e8e9ed;
	border-radius: 5px;
	color: #686868;
	padding: 10px 12px;
	margin: 4px;
}
.Compare-page table tr:last-child td > ul > li > a:hover {background-color:#ffffff; color:#576D5F;}

table.compare-h th:first-child,
table.compare-h td:first-child {width:25%;}
table.compare-h td:first-child img {width:100%; min-width:200px;}
table.compare-h td:last-child ul.but-col {margin:0 auto; display: inline-block;}
table.compare-h td:last-child ul > li {display: block; font-size: 16px; line-height: 16px; margin: 10px 0 0 0;}
table.compare-h td:last-child ul > li > a {
	background-color: #e8e9ed;
	border-radius: 5px;
	color: #686868;
	padding: 10px 12px;
	margin: 4px;
}
table.compare-h td:last-child ul > li > a:hover {background-color:#ffffff; color:#576D5F;}

table img {-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}

/*new*/
.Compare-page table td a {
    color: #686868;
    text-transform: none;
}
.Compare-page table tr:last-child td > ul > li:first-child {margin: 0;}
.Compare-page table td .spec > li {list-style-type: square; text-align: left; font-weight: unset; margin-bottom: unset; margin-left: 10px;}

table.compare-h td:last-child ul > li:first-child {margin: 0;}
table.compare-h td .spec > li {list-style-type: square; text-align: left; font-weight: unset; margin-bottom: unset; margin-left: 10px;}
table.compare-h td .spec {min-width:200px;}
table.compare-h td .desc_feature {min-width:200px;}
table.compare-h td .desc_html {min-width:200px;}

/** User Login **/
.Login-section {margin-top: 150px;}
.Login-section .Login-form {margin-bottom: 150px;}
.Login-section .Login-text {margin-bottom: 150px;}

.Login-section .Login-form form input {
	width: 100%;
	height: 50px;
	border: 1px solid #e8e9ed;
	color: #686868;
	padding: 0 20px;
	margin-bottom: 20px;
}
.Login-section .Login-form form button {
	width: 188px;
	height: 50px;
	background: #32c3eb;
	text-transform: capitalize;
	letter-spacing: 1px;
	font-family: "Noto Sans", "Trebuchet MS", Arial, "Microsoft JhengHei", PingFang, "sans-serif";
	font-size: 14px;
	color: #000000;
}
.Login-section .Login-form form button:before {background: #37cda5;}

.Login-section .Login-text span.decoration {
    display: block;
    width: 40px;
    border-top: 3px solid #758B73;
    margin-top: 15px;
}
.Login-section .Login-text h3 {
	font-size: 38px;
	line-height: 50px;
}
.Login-section .Login-text p {
	font-size: 20px;
	margin: 40px 0 20px 0;
}
.Login-section .Login-text strong {
	font-size: 22px;
	display: block;
	margin-bottom: 35px;
	color: #4D4D4D;
}

.section-container {margin: 50px 0;}

/*=============== category-index ===============*/
.category-index {margin: 80px 0;}
.category-index .service-v2-item {margin-bottom: 45px;}
.category-index .service-v2-item .item-img {overflow: hidden;}
.category-index .service-v2-item .item-img > img {width: 100%;}
/*.category-index .service-v2-item:hover .item-img > img {
	-webkit-transform: scale3D(1.1, 1.1, 1);
    transform: scale3D(1.1, 1.1, 1);
    opacity: 1;
}*/
.category-index .service-v2-item .iteme-text {
	border: 1px solid #f2f2f2;
	border-top: none;
	padding: 40px 15px 20px 40px;
	min-height: 210px;
}
.category-index .service-v2-item:hover .iteme-text {border-color: #AFC5BE;}
.category-index .service-v2-item .iteme-text > h3 > a {color: #576D5F; text-transform: capitalize; margin-bottom: 14px;}
.category-index .service-v2-item:hover .iteme-text > a > h3 {color: #000000;}
.category-index .service-v2-item .iteme-text > p {color: #686868; margin: 0 0 30px 0;}
.category-index .service-v2-item .iteme-text > a {color: #576D5F; text-transform: capitalize; font-weight: 400;}
.category-index .service-v2-item .iteme-text > a > i {color: #576D5F; margin-right: 8px;}
.category-index .service-v2-item:hover .iteme-text > a {color: #576D5F;}
.category-index .service-v2-item:hover .iteme-text > a > i {color: #576D5F;}
.category-index .service-v2-item:hover .iteme-text > a:hover,
.category-index .service-v2-item:hover .iteme-text > a:hover > i {color: #4D4D4D;}
.category-index .service-v2-item:hover .iteme-text > a:hover > i {color: #4D4D4D;}

.box-work figure {
    margin: 0;
    position: relative;
    z-index: 1;
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
.box-work > figure > a > img {width: 100%;height: auto;}

/*new*/
/*content*/
.content h3 {margin-bottom: 30px;}
.content h5 {margin-bottom: 15px;}
.content p {margin-bottom: 30px;}
.content ul, .content ol {margin-bottom: 30px;}
.content ul > li,
.content ol > li {font-weight: 400; margin:0; line-height: 28px;}
.content ul > li {list-style: disc inside;}
.content ol > li {list-style: decimal inside;}

.content .display-icon-wrapper ul {margin-bottom: 0px;}
.content .display-icon-wrapper ul > li {margin-bottom:0px;}
.content .display-icon-wrapper ul > li > i {margin-right:8px; color: #767676; font-size: 10px; vertical-align: middle;}

h2.name {
	font-size: 42px;
	line-height: 50px;
	padding-bottom: 20px;
	background: url(../images/deco.png) bottom left no-repeat;
	margin: 0 0 30px 0;
	display: flex;
}
h3.name_title {
	color: #576D5F;
	font-size: 32px;
	font-weight: 200;
	line-height: 42px;
	margin: 30px 0;
}
.content p.title {color: #686868; font-size: 18px; margin: 0 0 30px 0;}
.content span.date {display:block; color:#767676; font-weight:400; font-size:14px; margin:0 0 10px 0;}

.content button.gallery_cycle {
    position: absolute;
    width: 100%;
    background: white;
    color: dimgray;
    opacity: 0.8;
    bottom: 10px;
	border-radius: 0 0 5px 5px;
}
.content button.gallery_cycle p {
    font-size: 14px;
    color: dimgray;
	margin: 2px 10px!important;
	line-height: 20px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	white-space: normal;
	height: 20px;
	overflow: hidden;
}

.content span.price {
    display: inline-block;
    color: #BC4749;
    font-size: 21px;
	font-weight: 400;
	line-height: 1em;
    margin: 0;
	width: auto;
	border-top: none;
}

.content .color-show.normal {vertical-align: bottom; margin: -10px 0 20px 5px;}
.content .color-show.normal a {
	min-width: 175px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	background: #AFC5BE;
	font-size: 14px;
	font-weight: 400;
	margin: 0px 2px 10px 2px;
	color: #282F21;
}
.content .color-show.normal a:hover {
	background: #D4D4D4;
	color: #282F21;
	-webkit-box-shadow: 0px 4px 8px 1px rgba(40, 40, 40, 0.25);
	-moz-box-shadow: 0px 4px 8px 1px rgba(40, 40, 40, 0.25);
	box-shadow: 0px 4px 8px 1px rgba(40, 40, 40, 0.25);
}
.content .color-show.normal a i {margin-right: 8px;}
.content .color-show.normal a i {margin-right: 8px;}
.content > a > img {width:100%;}
.content > span.decoration {display: block; width: 40px; border-top: 3px solid #758B73; margin: 15px 0 30px 0;}
.content .desc_html_member_area ul > li > a {color: rgb(128, 128, 128); text-transform: unset;}
.content .desc_html_member_area ul > li > a:hover {color: rgb(21, 21, 21);}
.content .desc_html_member_area ul > li {color: rgb(21, 21, 21); list-style: outside disc; margin: 0 0 0 15px;}

/*content empty*/
.content .empty_wrap .search-opson { margin-bottom: 30px; height: 60px; }
.content .empty_wrap .search-here {
	float: left;
	width: 25%;
	padding-right: 30px;
	padding-top: 5px;
	position: relative;
	border-bottom: 1px solid #e0e0e0;
}
.content .empty_wrap .search-here > input {
	height: 44px;
	width: 100%;
	border: none;
	font-size: 16px;
	font-style: italic;
	font-family: Tahoma, Arial, "Microsoft JhengHei", PingFang, sans-serif;
}
.content .empty_wrap .search-here > input:focus {outline: none;}
.content .empty_wrap .search-here > button {
	height: 44px;
	width: 30px;
	padding-left: 10px;
	position: absolute;
	top: 2px;
	right: 0;
	background: transparent;
}
.content .empty_wrap .search-here>button:hover>i {color: #4D4D4D;}

.content .empty_wrap h4 {margin-bottom: 15px;}
.content .empty_wrap ul {margin-left: 25px;}

/* pages-button*/
.pages-button .pagination span {margin-right: 8px;}

/* style switcher */
.tab-content .tab-pane ul {list-style-type: disc;}
.tab-content .tab-pane ul > li {margin-left: 10px;}

/* tree-wrapper */
.tree-wrapper {margin:0;}
.tree-wrapper h2 {
	font-size: 50px;
	font-weight: 200;
	line-height: 50px;
	color: #686868;
}
.tree-wrapper p {margin: 30px 0 40px 0;}
.tree-wrapper a {display:block;}
.tree-wrapper a:hover {color: #4D4D4D; padding-left:10px;}
.tree-wrapper ul {margin-left: 18px;}
.tree-wrapper ul li {
	font-weight: 400;
	margin:10px 0;
	line-height: 28px;
	list-style: disc outside;
	color: #686868;
}
.tree-wrapper ul li > a {text-transform: uppercase; color:#576D5F;}
.tree-wrapper ul li > ul li {
	border:none;
	font-weight: normal;
	list-style: circle outside;
	text-transform: capitalize;
}
.tree-wrapper ul li > ul li > a {text-transform:capitalize; color:#686868;}

/* VIP */
#controller_memberview_login {margin-top: 50px;}
.Zebra_Form div.error div.container span {margin: -4px 0 0 30px;}

/*box-6 and SEO */
.rm-oesu {
    border:1px dashed rgba(0,0,0,0.25);
	border-left:0px;
	border-right:0px;
    margin:0 0 50px 0;
    padding:20px 2px;
}
#box-6 {position: relative; margin: 0 0 50px 0;}
#box-6 .rm-oesu {margin: 0;}

.rm-oesu h2 {
    font-size: 13px;
    font-weight: 800;
    color: #6D6D6D;
    line-height: 25px;
}

.rm-oesu p,
#rm-oesulink {
    color: #767676;
    font-size: 13px;
	line-height: 20px;
    margin: 10px 0 15px 0;
}

#rm-oesulink a {
    color: #4D4D4D;
    text-transform: initial;
	text-decoration: underline;
}
#rm-oesulink a:hover {color: #576D5F; text-decoration: none;}

a.interlink {color: #576D5F; text-decoration: underline;}
a.interlink:hover {color: #4D4D4D; text-decoration: none;}

/* sitemap */
#sitemap ul.sitemap {padding-left: 20px;}
#sitemap ul.sitemap li {
    font-weight: 400;
    margin: 10px 0;
    line-height: 28px;
    list-style: disc outside;
    color: #686868;
}
#sitemap ul.sitemap li a:hover {
    color: #4D4D4D;
    padding-left: 10px;
}
#sitemap ul.sitemap li > a {
    text-transform: uppercase;
    color: #576D5F;
}
#sitemap ul.sitemap > li > ul {margin-left: 18px;}

/** Zabra Form **/
.Zebra_Form .row {
	background-color: transparent!important;
	padding: 15px!important;
	border-bottom: 0px solid rgba(0, 0, 0, 0.05)!important;
}
.Zebra_Form .even {background-color: rgba(0, 0, 0, 0.05)!important;}
.Zebra_Form label {
	color: #686868!important;
	font-weight: normal!important;
}
.Zebra_Form input.text {
	width: 200px!important;
	padding: 5px!important;
	-moz-border-radius: 0px!important;
	-webkit-border-radius: 0px!important;
	border-radius: 0px!important;
	border: 1px solid #e8e9ed!important;
}
.Zebra_Form .row img {margin: 10px 0;}
.Zebra_Form input.submit {
	text-transform: uppercase;
	font-size: 1em;
	font-family: Lato, Arial, '微軟正黑體', sans-serif!important;
	font-weight: normal!important;
	padding: 12px 22px!important;
	border: none!important;
	-webkit-border-radius: 0px!important;
	-moz-border-radius: 0px!important;
	border-radius: 0px!important;
	height: auto!important;
	box-shadow: none!important;
	color: #282F21!important;
	background-color: #AFC5BE!important;
	background-image: none!important;
}
.Zebra_Form input.submit:hover {
	background-color: #D4D4D4!important;
	background-image: none!important;
}
.Zebra_Form .note {line-height: 150%!important; color: #686868!important;}

.modal-dialog h3,
.modal-dialog #tab_tplsys > li > a { color: #525252; }
.modal-dialog .modal-content .modal-footer > button.btn {background-color: #9a9a9a!important;}

/** Image Column 與 html欄位中image 的相關設定 **/
.img_center_col,
.img_center {
	text-align: center;
	margin: 0 auto 20px auto;
	clear: both;
	overflow: hidden;
	width: 100%;
}
.img_right_col,
.img_right {
	float: right;
	width: 30%;
	overflow: hidden;
	text-align: center;
	margin: 0 0 20px 40px;
	clear: both;
}
.img_left_col,
.img_left {
	float: left;
	width: 30%;
	overflow: hidden;
	text-align: center;
	margin: 0 40px 20px 0;
	clear: both;
}
.img_right_col img, .img_left_col img,
.img_right img, .img_left img {border-radius: 5px; margin: 5px 0; width: 100%;}
.img_center_col img,
.img_center img {border-radius: 5px; margin: 5px auto; width: 100%;}
.img_right_col > span, .img_left_col > span, .img_center_col > span,
.img_right > span, .img_left > span, .img_center > span {font-size: 0.95em; color: #767676; line-height: 140%; display: block;}

.img_right_col:hover > a > img,
.img_left_col:hover > a > img,
.img_center_col:hover > a > img {opacity: 1!important;}

hr.clear {clear: both; margin:0; padding: 0; visibility: hidden;}

/** desc_html 欄位內容相關設定 **/
*[class^="desc_"] ul,
*[class^="desc_"] ol {margin-bottom: 30px;}
*[class^="desc_"] ul > li,
*[class^="desc_"] ol > li {font-weight: 400; margin: 6px 0;}
*[class^="desc_"] ul > li {list-style: disc inside;}
*[class^="desc_"] ol > li {list-style: decimal inside;}
*[class^="desc_"] a {color: #576D5F; text-transform: initial;}
*[class^="desc_"] a:hover {color: #4D4D4D;}
*[class^="desc_"] ul.no-list-style li {list-style: none;}
*[class^="desc_"] a img {/*width: auto;*/max-width: 100%;}

*[class^="desc_"] ul.no-list-style li .fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 16px;
	text-rendering: auto;
	width: 25px;
}

.About-us-text h4, .gallerys h4,
*[class^="gallerys_"] h4,
*[class^="img_"] h4,
*[class^="desc_"] h4 {margin:15px 0;}
*[class^="desc_"] h5 {margin:15px 0;}
*[class^="desc_"] h6 {margin:15px 0;}

.desc_html_youtube {clear:both; margin: 30px 0;}
.desc_html_youtube .rm_vedio_desc {}
.desc_html_youtube lite-youtube {}

/** media 欄位內容相關設定**/
.media {margin: 15px 0;}
.media-left {padding-right: 30px;}
.media-right {padding-left: 30px;}
.media-center {padding-bottom: 30px;}
.media-bottom {padding-bottom: 30px;}
.media-center > a > img,
.media-bottom > a > img {max-width: 100%; border-radius: 5px;}
.media-body h5 {font-weight:800; margin:0 0 15px 0;}
.media-object {width: auto;}

.media h4,
*[class^="media_"] h4 {margin:15px 0;}
.media img,
*[class^="media_"] img {border-radius: 5px;}

.media.img_center_col .media-body {text-align: left;} /** 刪除此設定將會使media中的居中指令顯示為為圖文都居中排列 **/

/** item grid **/
#item-show {display: flex; display: -webkit-flex; flex-wrap: wrap;}

/** gallerys **/
#gallerys,
*[id^="gallerys_"] {margin-bottom: 30px;}

#gallerys h4,
*[id^="gallerys_"] h4 {margin:15px 0;}

.icon_pdf {margin: 0 5px 2px 0;}

/** category next prev button **/
.blog_scroll.txt-1 {
    line-height: 24px;
    margin: 15px 0 0 0;
}
.blog_scroll .fleft {
    float: left!important;
}
.blog_scroll .fright {
    float: right!important;
}
.blog_scroll div a {
    margin-right: 8px;
    border: 1px solid #dcdcdc;
    color: rgba(0, 0, 0, 0.55);
    font-weight: 600;
    line-height: 33px;
    padding: 0 12px;
}
.blog_scroll div a:hover {
    color: #000000;
    background: #AFC5BE;
}

/** lite menu **/
.navbar.navbar-inverse {
	margin-bottom: 0;
    background-color: #AFC5BE;
    border-color: #AFC5BE;
    min-height: 90px;
}
.navbar .container {margin-top: 8px;}
.navbar-brand {
	height: 60px;
    padding: 0 30px 0 15px;
}
.navbar-brand > img {
	margin: 5px 0 0 0;
	height: 60px;
	width: auto;
}
.navbar-nav {margin: 10px 0;}
.navbar-inverse .navbar-nav > li > a {
	color: #000000;
	padding: 15px 25px;
	font-weight: 800;
}
.navbar-inverse .navbar-nav > li > a > b.caret {color: rgba(0,0,0,0.47);}
.navbar-inverse .navbar-nav > li.active > a > b.caret,
.navbar-inverse .navbar-nav > li > a:focus > b.caret,
.navbar-inverse .navbar-nav > li > a:hover > b.caret {color: rgba(0,0,0,0.47);}
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {color: #000000; background-color: rgba(96, 150, 41, 0.25);}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover {color: #000000; background-color: rgba(96, 150, 41, 0.25);}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    color: #000000;
    background-color: rgba(96, 150, 41, 0.25)!important;
}
.dropdown-menu {
	padding:0;
	border-radius:0;
	border: 1px solid rgba(0,0,0,0.15);
}
.dropdown-menu > li > a {
	padding: 12px 20px;
	text-transform: none;
	white-space: unset;
	color: #000000;
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
	color: #000000;
	background-color: rgba(96, 150, 41, 0.25)!important;
}
.navbar-nav > li > ul.dropdown-menu-custom {
	border-radius: 0;
	min-width: 230px;
	padding: 0;
	border: 1px solid rgba(0,0,0,0.07);
}
.navbar-nav > li > ul.dropdown-menu-custom > li > ul.dropdown-menu-custom-sub {
	top: 0;
	left: 100%!important;
	min-width: 230px;
	border-radius: 0;
	padding: 0;
	border: 1px solid rgba(0,0,0,0.07);
}
@media (max-width: 991px) {
	.container { width: auto; }
	.navbar .container { margin:5px 0 0 0; }
	.navbar.navbar-inverse { min-height: 70px; }
	.navbar-brand > img { width: auto; height: 50px; margin:0; }
	.side-logo .navbar-brand > img {margin: 0 25px 0 0;}
	.navbar-inverse .navbar-toggle { background-color:#AFC5BE; margin:5px 10px 10px 10px; border-radius:4px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);}
	.navbar-collapse .navbar-toggle {margin:3px 25px 12px 15px;}
	ul > li.dropdown > i.fa {
		float: right;
		display: block;
		line-height: 42px;
		width: 55px;
		font-size: 18px;
		color: rgba(0,0,0,0.47);
		position: absolute;
		top:8px;
		right: 0;
		text-align: center;
		cursor: pointer;
	}
	ul.dropdown-menu > li.dropdown > i.fa { top: 0; line-height: 40px; }
	ul > li.dropdown.open > i.fa {color: rgba(0,0,0,0.47);}
	.navbar-inverse .navbar-collapse { border-color: #ccc; }
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
		color: #000000;
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: 20px;
	}
	ul > li.dropdown.open > ul > li.dropdown.open > a { color: #000000; }
	ul > li.dropdown.open > ul > li.dropdown.open > ul > li > a { margin-left: 10px; }
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {color: #000000;}
	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

}
@media (max-width: 767px) {
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {color: #000000;}
}

/** lite slider **/
#lite-slider {min-height: 560px;}
.carousel-caption {
	top: 30%;
	left: 15%;
}
.carousel-caption.align-left {text-align: left;}
.carousel-caption.align-center {text-align: center;}
.carousel-caption.align-right {text-align: right;}
.carousel-caption h1,
.carousel-caption p { margin-bottom: 10px; }
.carousel-caption a {
	font-weight: 400;
    font-size: 14px;
    padding: 0 20px;
    background-color: #AFC5BE;
    margin: 8px 20px 0 0;
    line-height: 46px;
    text-align: center;
    opacity: 1;
    color: #282F21;
}
.carousel-caption a:before, .carousel-caption a:hover {background-color: #D4D4D4; color: #282F21;}
a.carousel-control i.fa {top: 50%;}
.camera_wrap img {
	clip-path: polygon(100% 0%, 0% 0% , 0.00% 94.43%, 2.00% 93.70%, 4.00% 92.98%, 6.00% 92.26%, 8.00% 91.56%, 10.00% 90.88%, 12.00% 90.25%, 14.00% 89.67%, 16.00% 89.15%, 18.00% 88.69%, 20.00% 88.31%, 22.00% 88.01%, 24.00% 87.79%, 26.00% 87.67%, 28.00% 87.63%, 30.00% 87.69%, 32.00% 87.83%, 34.00% 88.07%, 36.00% 88.39%, 38.00% 88.79%, 40.00% 89.26%, 42.00% 89.79%, 44.00% 90.39%, 46.00% 91.03%, 48.00% 91.71%, 50.00% 92.42%, 52.00% 93.14%, 54.00% 93.87%, 56.00% 94.59%, 58.00% 95.29%, 60.00% 95.96%, 62.00% 96.59%, 64.00% 97.17%, 66.00% 97.70%, 68.00% 98.15%, 70.00% 98.53%, 72.00% 98.83%, 74.00% 99.05%, 76.00% 99.17%, 78.00% 99.21%, 80.00% 99.15%, 82.00% 99.01%, 84.00% 98.77%, 86.00% 98.45%, 88.00% 98.06%, 90.00% 97.59%, 92.00% 97.05%, 94.00% 96.45%, 96.00% 95.81%, 98.00% 95.13%, 100.00% 94.43%);
}

/** home image **/
#home-image {position: relative;}
#home-image .home-image-text {
	position: absolute;
	top: 35%;
	left: 0;
    width: 100%;
    padding: 0 15%;
}
#home-image .home-image-text h1 {
	color:#AFC5BE;
	max-width:480px;
}

#home-image .home-image-text p {
	color: #FAFAFA;
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
	text-transform: none;
	margin: 20px 0;
	max-width:480px;
}

/** handheld device image **/
#handheld-device-img img {
	object-fit: cover;
	position: absolute;
	width: 100%;
	height: 315px;
	clip-path: polygon(100% 0%, 0% 0% , 0.00% 93.28%, 2.00% 92.40%, 4.00% 91.53%, 6.00% 90.66%, 8.00% 89.81%, 10.00% 89.00%, 12.00% 88.24%, 14.00% 87.54%, 16.00% 86.91%, 18.00% 86.36%, 20.00% 85.90%, 22.00% 85.53%, 24.00% 85.28%, 26.00% 85.12%, 28.00% 85.08%, 30.00% 85.15%, 32.00% 85.32%, 34.00% 85.61%, 36.00% 85.99%, 38.00% 86.47%, 40.00% 87.04%, 42.00% 87.69%, 44.00% 88.40%, 46.00% 89.18%, 48.00% 90.00%, 50.00% 90.85%, 52.00% 91.72%, 54.00% 92.60%, 56.00% 93.47%, 58.00% 94.31%, 60.00% 95.13%, 62.00% 95.89%, 64.00% 96.59%, 66.00% 97.22%, 68.00% 97.77%, 70.00% 98.23%, 72.00% 98.59%, 74.00% 98.85%, 76.00% 99.00%, 78.00% 99.05%, 80.00% 98.98%, 82.00% 98.80%, 84.00% 98.52%, 86.00% 98.14%, 88.00% 97.66%, 90.00% 97.09%, 92.00% 96.44%, 94.00% 95.72%, 96.00% 94.95%, 98.00% 94.13%, 100.00% 93.28%);
}


#tab_tplsys>li>a { color: #686868; }

.dis_con { display: contents; }
.dis_non { display: none; }

.Zebra_Form .row img {width: auto;}

/*=============== box-9 home 2 business section ===============*/
.home-two-business {padding: 100px 0;}
.home-two-business .business-text > h1,
.home-two-business .business-text > h1 > a {
	font-size: 45px;
	line-height: 55px;
	letter-spacing: 0;
	text-transform: none;
	text-align: left;
	color:#345719;
}
.home-two-business .business-text > h1 > a:hover {color:#000000;}
.home-two-business .business-text > h1 {margin-left:0; margin-right:15%; font-weight:200;}
.home-two-business .business-text > span.decoration {
	margin: 20px 0 0 0;
	display: block;
	width: 40px;
	border-bottom: 3px solid #758B73;
}
.home-two-business .business-item {
	background: rgba(175, 197, 190, 0.1);
	margin-top: 40px;
	padding: 30px 40px;
	border-radius: 5px 5px 25px 5px;
	text-align: left!important;
}
.home-two-business .business-item > div {height:60px; margin-bottom:10px;}
.home-two-business .business-item > h2 {
	font-size: 21px;
	line-height: 30px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	overflow: hidden;
	max-height: 60px;
}
.home-two-business .business-item > h2 > a {color:#576D5F; text-transform: none;}
.home-two-business .business-item:hover > h2 > a,
.home-two-business .business-item:hover > h2 > a:hover {color:#000000;}
.home-two-business .business-item > p {
	margin: 12px 0;
	position: relative;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	white-space: normal;
	overflow: hidden;
	max-height: 104px;
	min-height: 104px;
	text-align: left!important;
}
.home-two-business .business-item > p:after {
	content: "";
	border-bottom: 12px solid #AFC5BE;
	border-top: none;
	height: 12px;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 12px;
	border-radius: 50%;
}
.home-two-business .business-item:hover > p:after {border-color: #758B73;}

/*=============== box-10 Service Offer ===============*/
.service-offer {margin:80px 0 60px 0;}
.service-offer .them-main-title > span.decoration {margin: 0 auto;}
.service-section {padding-top: 10px;}
.service-section .service-offer-item {
	padding: 30px;
	margin-bottom: 30px;
	border-radius: 5px 5px 25px 5px;
}
.service-section .service-offer-item > .service-icon {margin-bottom: 25px; position: relative;}
.service-section .service-offer-item > .service-icon > a {display: unset;}
.service-section .service-offer-item > .service-icon > a > img.icon-img {
	margin: 0;
	width: 100%;
	border-radius: 5px;
}
.service-section .service-offer-item > .service-icon > span {
	display: block;
	font-family: "Noto Sans", "Trebuchet MS", Arial, "Microsoft JhengHei", PingFang, "sans-serif";
	font-size: 50px;
	font-weight: 200;
	line-height: 40px;
	color: rgba(0, 0, 0, 0.55);
	padding: 10px;
	position: absolute;
	bottom: 0;
	left: -2px;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.service-section .service-offer-item h3,
.service-section .service-offer-item h3 > a {
	color:#576D5F;
	font-size: 21px;
	line-height: 30px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	max-height: 60px;
	overflow: hidden;
	text-transform: none;
}
.service-section .service-offer-item p {
	color: #686868;
	margin: 12px 0 0 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal;
	height: 78px;
	overflow: hidden;
}
.service-section .service-offer-item:hover {background:#AFC5BE;}
.service-section .service-offer-item:hover h3 > a {color:#576D5F;}
.service-section .service-offer-item:hover > .service-icon > span {
	color: #345719;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.service-section .service-offer-item:hover p {color: #4B4B4B;}


/*=============== box-11 choose-section-2 ===============*/
#box-11.choose-section {
	background: #ffffff url(../../../../../Templates/pic/bg_company-01.jpg) right center no-repeat;  /** upload image **/
	background-size: cover;
	background-attachment: fixed;
	margin: 80px 0;
}
#box-11.choose-section .left-side,
#box-11.choose-section .right-side {
	width: 50%;
	height: 560px;
	overflow: hidden;
}
#box-11.choose-section .right-side .right-side-content,
#box-11.choose-section .left-side .left-side-content {
	width: 585px;
	max-width: 585px;
	height: 100%;
	overflow: hidden;
}
#box-11.choose-section .left-side {
	/*background-size: cover;
	background-attachment: fixed;*/
}
#box-11.choose-section .left-side .left-side-opact {height: 100%; background: rgba(175, 197, 190, 0.8);}
#box-11.choose-section .left-side .left-side-content {padding-top: 120px;}
#box-11.choose-section .left-side .left-side-content .left-content-text {padding-right: 80px;}
#box-11.choose-section .left-side .left-side-content .left-content-text > .them-main-title h2 {color:#000000; font-weight: 200;}
#box-11.choose-section .left-side .left-side-content .left-content-text > .them-main-title {text-align: left;}
#box-11.choose-section .left-side .left-side-content .left-content-text > .them-main-title span  {float: left;}
#box-11.choose-section .left-side .left-side-content .left-content-text > p {
	margin: 30px 0;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	white-space: normal;
	max-height: 156px;
	overflow: hidden;
	text-align: left;
	color: #4B4B4B;
}

#box-11.choose-section .right-side {background: rgba(96, 150, 41, 0.4);}
#box-11.choose-section .right-side .right-side-content {padding: 100px 0 0 80px;}
#box-11.choose-section .right-side .right-side-content .right-content-text {margin: 0 -15px;}
#box-11.choose-section .right-side .right-side-content .right-content-text .right-side-item {
	width: 50%;
	padding: 0 15px;
	height: 185px;
	margin-bottom: 25px;
}
#box-11.choose-section .right-side .right-side-content .right-content-text .right-side-item a > .icon-img {
    height: 60px;
    width: 60px;
	margin-bottom: 15px;
}
#box-11.choose-section .right-side .right-side-content .right-content-text .right-side-item > img {width: auto;}
#box-11.choose-section .right-side .right-side-content .right-content-text .right-side-item > h3 {
    font-size: 21px;
    line-height: 30px;
}
#box-11.choose-section .right-side .right-side-content .right-content-text .right-side-item > h3 > a {
	text-transform: none;
	color: #576D5F;
}
#box-11.choose-section .right-side .right-side-content .right-content-text .right-side-item:hover > h3 > a {color: #000000;}
#box-11.choose-section .right-side .right-side-content .right-content-text .right-side-item > p {
	margin: 12px 0;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	white-space: normal;
	max-height: 104px;
	overflow: hidden;
}

/*=============== box-12 Home Gallery ===============*/
.home-gallery {margin: 80px 0 30px 0;}
.home-gallery .them-main-title.gallery-title-ful-widtm {width:100%;}
.home-gallery .them-main-title > h2 > a {color: #345719;}
.home-gallery .them-main-title > h2 > a:hover {color: #000000;}
.isotop_menu {margin-bottom: 40px;}
.isotop_menu ul {display: inline-block;}
.isotop_menu ul li {
	font-family: Tahoma, Arial, "Microsoft JhengHei", PingFang, "sans-serif";
	font-size: 16px;
	font-weight: 400;
	display: inline-block;
	cursor: pointer;
	padding: 8px 10px;
	text-transform: capitalize;
	color:rgba(0, 0, 0, 0.55);
}
.isotop_menu ul li.is-checked,
.isotop_menu ul li:hover {color: #576D5F;}

.gallery_item_wrapper > .grid-sizer,
.gallery_item_wrapper > .isotop-item {
	width: 33.333333%;
	padding: 0 15px;
}
.gallery_item_wrapper > .isotop-item {float: left;}
#isotop-gallery-wrapper .single_item_wrapper img {width: 100%;}
#isotop-gallery-wrapper .isotop-item > h3 {
    font-size: 21px;
    line-height: 30px;
}
#isotop-gallery-wrapper .isotop-item > h3 > a {
	margin: 25px 0 50px 0;
	text-align: center;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	overflow: hidden;
	max-height: 60px;
	min-height: 60px;
	color: #576D5F;
	text-transform: none;
}
#isotop-gallery-wrapper .isotop-item > h3 > a:hover {color:#000000;}
.single_item_wrapper {
	position: relative;
	overflow: hidden;
	border-radius: 5px;
}
.single_item_wrapper > div {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(175, 197, 190, 0.75);
	opacity: 0;
	transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
}
.single_item_wrapper:hover > div {
	opacity: 1;
	transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.single_item_wrapper > div > a {
	font-size: 50px;
	font-weight: 800;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 50%;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
	text-align: center;
	color: #282F21;
	line-height: 0;
	text-transform: none;
}
.single_item_wrapper > div > a:hover {color: #000000;}

/*=============== box-13 Numver Section ===============*/
.numver-section {
	/* background: #AFC5BE url(/Templates/pic/bg_number_box.jpg) center no-repeat;
    background-size: cover;
    background-attachment: fixed; */
	background: #AFC5BE;
}
.numver-section .numver-section-opact {padding: 50px 0;}
.numver-section .numver-section-opact .numver-title > h2 {color:#000000; text-transform: none;}
.numver-section .numver-section-opact .numver-item > div {
	float: left;
	width: 33.333333%;
	color: #000000;
	padding: 10px 50px;
}
.numver-section .numver-section-opact .numver-item > div > h3 {color:#282F21; font-size:30px; line-height:30px;}
.numver-section .numver-section-opact .numver-item > div > h3 > span.timer {font-size:60px; line-height: 60px;}
.numver-section .numver-section-opact .numver-item > div > h3:before {
	content: "";
	display: block;
	width: 40px;
	border-top: 3px solid #758B73;
	margin-bottom: 15px;
	opacity: 1;
}
.numver-section .numver-section-opact .numver-item > div > p  {
	color: #4B4B4B;
	line-height: 24px;
	margin: 5px 0 0 0;
}

/*=============== box-14 Home Client Claider ===============*/
.them-main-title.text-center > span {margin: 0 auto;}
.home-client-claider {margin: 70px 0 55px 0;}
.home-client-claider .them-main-title > h2 a {color:#345719;}
.home-client-claider .them-main-title > h2 a:hover {color:#000000;}
.client-claider-wrapper {margin-top: 40px;}
.client-claider-wrapper .item {background: rgba(0, 0, 0, 0.05); min-height: 165px; border-radius: 5px 5px 25px 5px;}
.client-claider-wrapper .item > div {padding: 30px 50px 40px 50px;}
.client-claider-wrapper .item > div > p {
	margin-bottom: 25px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	max-height: 52px;
	overflow: hidden;
}
.client-claider-wrapper .item > div > div {position:relative; padding:0 0 0 30px; color: #6D6D6D;}
.client-claider-wrapper .item > div > div span.deco {
	display: inline-block;
	width: 20px;
	border-top: 3px solid #AFC5BE;
	position: absolute;
	top: 10px;
	left: 0;
}
.client-claider-wrapper .item > div > div > img {
	width: 52px;
	height: 45px;
	position: absolute;
	top: 0;
	right: 5px;
}
.client-claider-wrapper .item > div > div > i.fa {
	width: 52px;
	height: 45px;
	position: absolute;
	top: 25px;
	right: 0;
	font-size: 50px;
	color: rgba(0, 0, 0, 0.15);
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.client-claider-wrapper .item > div > div > h3 {
	font-size: 18px;
	line-height: 26px;
	color: #576D5F;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	max-height: 52px;
	overflow: hidden;
	margin: 0 75px 12px 0;
	font-style: italic;
}
.client-claider-wrapper .item > div > div > h3 > a {text-transform: none; color: #576D5F;}
.client-claider-wrapper .item:hover > div > div span.deco {border-color: #758B73;}
.client-claider-wrapper .item:hover > div > div > h3 > a {color: #000000;}
.client-claider-wrapper .item:hover > div > div > i.fa {
	color: rgba(175, 197, 190, 1.0);
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}

#client-claider-carousel.owl-theme .owl-nav.disabled+.owl-dots {margin-top: 50px;}
#client-claider-carousel.owl-theme .owl-dots .owl-dot span {
    margin: 5px 5px;
    background: #949494;
}
#client-claider-carousel.owl-theme .owl-dots .owl-dot.active span,
#client-claider-carousel.owl-theme .owl-dots .owl-dot span:hover {background: #AFC5BE;}

/*=============== box-15 Home Form Section ===============*/
.home-form-section {
	padding: 80px 0;
	background: rgba(0, 0, 0, 0.05);
}
.home-form-section .form-text-item {text-align: right; color: #686868;}
.home-form-section .form-text-item > .them-main-title > h2 {font-weight: 200;}
.home-form-section .form-text-item > .them-main-title > h2 > a {color: #345719; text-transform: none;}
.home-form-section .form-text-item > .them-main-title > h2 > a:hover {color: #000000;}
.home-form-section .form-text-item > .them-main-title > span {
	display: inline-block;
	width: 40px;
	border-bottom: 3px solid #758B73;
	padding-top: 15px;
}
.home-form-section .form-text-item > p {
	margin-top: 30px;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	white-space: normal;
	max-height: 104px;
	overflow: hidden;
}
.home-form-section .form-contact-item {padding: 0 0 0 40px;}
.home-form-section .form-contact-item > a > img {width: 100%; border-radius: 5px;}

/*=============== box-16 Logo slide ===============*/
.home-logo-slide {margin: 80px 0;}
.home-logo-slide .them-main-title > span {display: inline-block;}
.home-logo-slide .them-main-title > h2 > a {color: #345719;}
.home-logo-slide .them-main-title > h2 > a:hover {color:#000000;}
.home-logo-slide .them-main-title > p {
	margin: 30px 0 0 0;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	white-space: normal;
	max-height: 104px;
	overflow: hidden;
}
#logo-claider-carousel.owl-carousel {margin-bottom:0;}
#logo-claider-carousel.owl-theme .owl-dots .owl-dot span {display: none !important;}
#logo-claider-carousel .owl-item .item > div > img {width: 99.9%;}
#logo-claider-carousel .item {font-size: 16px; color: #767676; font-style: italic;}
#logo-claider-carousel .item > div {border: 1px solid rgba(0, 0, 0, 0);}
#logo-claider-carousel .item > h3 {
    font-size: 18px;
	line-height: 26px;
	margin: 15px 0 12px 0;
	color: #576D5F;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	max-height: 52px;
	overflow: hidden;
}
#logo-claider-carousel .item > h3 > a {color: #576D5F; text-transform: none;}
#logo-claider-carousel .item > h3 > a:hover {color: #000000;}

/*=============== box-17 Home-two-our-Service ===============*/
.home-two-our-service {background: #ffffff;}
.home-two-our-service .home-two-our-service-item {
	width: 25%;
	overflow: hidden !important;
	position: relative;
}
.home-two-our-service .home-two-our-service-item img {width: 100%;}
.home-two-our-service .home-two-our-service-item .item-opact-text {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 45% 10% 0;
	color: #ffffff;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(45%, transparent), color-stop(100%, #000000));
	background-image: -webkit-linear-gradient(top, transparent 45%, #000000 100%);
	background-image: -moz-linear-gradient(top, transparent 45%, #000000 100%);
	background: linear-gradient(to bottom, transparent 45%, #000000 100%);
}
.home-two-our-service .home-two-our-service-item:hover .item-opact-text {
	background: rgba(175, 197, 190, 0.85);
	padding: 20% 10% 0;
}
.home-two-our-service .home-two-our-service-item .item-opact-text h2 {
    font-size: 21px;
    line-height: 30px;
}
.home-two-our-service .home-two-our-service-item .item-opact-text h2 > a {
	text-transform: none;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	max-height: 60px;
	overflow: hidden;
	color: #ffffff;
}
.home-two-our-service .home-two-our-service-item .item-opact-text h2 > a > i {vertical-align: middle; margin-left: 10px;}
.home-two-our-service .home-two-our-service-item .item-opact-text p {display: none;}
.home-two-our-service .home-two-our-service-item:hover .item-opact-text h2 > a {color: #282F21;}
.home-two-our-service .home-two-our-service-item:hover .item-opact-text h2 > a:hover,
.home-two-our-service .home-two-our-service-item:hover .item-opact-text h2 > a:hover > i {color:#345719;}
.home-two-our-service .home-two-our-service-item:hover .item-opact-text p {
	margin: 12px 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal;
	max-height: 78px;
	overflow: hidden;
	color: #4B4B4B;
}

/*=============== box-18 Home two Recent work ===============*/
.Recent-work-section {
	background: rgba(0, 0, 0, 0.05);
	padding: 80px 0 40px 0;
}
.Recent-work-taitle .them-main-title > h2 a {color:#345719;}
.Recent-work-taitle .them-main-title > h2 a:hover {color:#000000;}
.Recent-work-taitle > p {
	margin: 30px 0 0 0;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	white-space: normal;
	max-height: 104px;
	overflow: hidden;
}
#Recent-work-claider-carousel.owl-theme .owl-dots .owl-dot span {display: none;}
#Recent-work-claider-carousel .item:hover img {opacity: 1;}
#Recent-work-claider-carousel .item > h3 {
    font-size: 21px;
    line-height: 30px;
    margin: 15px 0 0 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	max-height: 60px;
	overflow: hidden;
}
#Recent-work-claider-carousel .item > h3 a {color:#576D5F; text-transform: none;}
#Recent-work-claider-carousel .item > h3 a:hover {color:#000000;}

/*=============== box-19 Our Membership ===============*/
.Our-Membership {margin: 80px 0;}
.Our-Membership .them-main-title {margin-bottom: 30px;}
.Our-Membership .them-main-title > h2 {margin: 0 10%;}
.Our-Membership .them-main-title > p {margin: 30px 10% 45px;}
.Our-Membership .Our-Membership-item {padding-top: 15px; margin-bottom: 15px;}
.Our-Membership .Our-Membership-item:hover {padding: 0 0 15px;}
.Our-Membership .Our-Membership-item .Membership-div {
	overflow: hidden;
	padding: 30px 10px;
	border-radius: 5px 5px 25px 5px;
}
.Our-Membership .Our-Membership-item:hover .Membership-div {
	-webkit-box-shadow: 0px 18px 21px -3px rgba(0, 0, 0, 0.35);
	-moz-box-shadow: 0px 18px 21px -3px rgba(0, 0, 0, 0.35);
	box-shadow: 0px 18px 21px -3px rgba(0, 0, 0, 0.35);
}
.Our-Membership .Our-Membership-item .Membership-div > div > a > img {
	width: 85%;
	border-radius: 5px;
	margin: 0 auto;
}
.Our-Membership .Our-Membership-item .Membership-div.item-one-color > div > img,
.Our-Membership .Our-Membership-item .Membership-div.item-two-color > div > img,
.Our-Membership .Our-Membership-item .Membership-div.item-three-color > div > img {
	display: block;
	margin: 0 auto;
	width: auto;
	border-radius: 5px;
}

.Our-Membership .Our-Membership-item .Membership-div > h3 {
    font-size: 18px;
    line-height: 26px;
	margin: 0 10% 20px;
}
.Our-Membership .Our-Membership-item .Membership-div > h4 {
	margin: 15px 10% 5px;
	font-weight: 200;
	text-transform: uppercase;
}
.Our-Membership .Our-Membership-item .Membership-div > p {
	margin: 0 12%;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal;
	max-height: 78px;
	overflow: hidden;
}
.Our-Membership .Our-Membership-item .Membership-div > span {
	display: block;
	text-transform: none;
	font-size: 14px;
	font-family: "Noto Sans", "Trebuchet MS", Arial, "Microsoft JhengHei", PingFang, "sans-serif";
	line-height: 20px;
	margin: 25px 12% 10px;
}
.Our-Membership .Our-Membership-item .Membership-div.item-one-color,
.Our-Membership .Our-Membership-item .Membership-div.item-two-color,
.Our-Membership .Our-Membership-item .Membership-div.item-three-color {background: rgba(0, 0, 0, 0.05);}
.Our-Membership .Our-Membership-item .Membership-div.item-one-color > h3 > a,
.Our-Membership .Our-Membership-item .Membership-div.item-two-color > h3 > a,
.Our-Membership .Our-Membership-item .Membership-div.item-three-color > h3 > a {color:#000000; text-transform: none;}
.Our-Membership .Our-Membership-item .Membership-div.item-one-color > h3 > a:hover,
.Our-Membership .Our-Membership-item .Membership-div.item-two-color > h3 > a:hover,
.Our-Membership .Our-Membership-item .Membership-div.item-three-color > h3 > a:hover {color:#000000;}
.Our-Membership .Our-Membership-item .Membership-div.item-one-color > h4,
.Our-Membership .Our-Membership-item .Membership-div.item-two-color > h4,
.Our-Membership .Our-Membership-item .Membership-div.item-three-color > h4 {color: #576D5F;}
.Our-Membership .Our-Membership-item .Membership-div.item-one-color > span,
.Our-Membership .Our-Membership-item .Membership-div.item-two-color > span,
.Our-Membership .Our-Membership-item .Membership-div.item-three-color > span {color: #576D5F;}

.Our-Membership .Our-Membership-item:hover .Membership-div.item-one-color,
.Our-Membership .Our-Membership-item:hover .Membership-div.item-two-color,
.Our-Membership .Our-Membership-item:hover .Membership-div.item-three-color {background: #AFC5BE;}
.Our-Membership .Our-Membership-item:hover .Membership-div h3 a {color:#282F21;}
.Our-Membership .Our-Membership-item:hover .Membership-div h3 a:hover {color:#000000;}
.Our-Membership .Our-Membership-item:hover .Membership-div h4 {color:#576D5F;}
.Our-Membership .Our-Membership-item:hover .Membership-div p {color:#4B4B4B;}
.Our-Membership .Our-Membership-item:hover .Membership-div span {color:#576D5F;}

/*=============== box-20 box settings shared with box-2 ===============*/
#box-20.events-section {
	background: rgba(0, 0, 0, 0.05);
	margin: 0;
	padding: 70px 0 80px;
}
#box-20.events-section .event-areya h2 {margin-right:15%; text-transform: none;}
#box-20.events-section .event-areya .event-item {margin-bottom:0;}
#box-20 .event-item .event-text > h3 {
    font-size: 32px;
	font-weight: 200;
	line-height: 40px;
	text-transform: unset;
}
#box-20 .event-item .event-text > h3 a {color: #576D5F; text-transform: none;}
#box-20 .event-item .event-text > h3 a:hover {color: #000000;}
#box-20 .event-item .event-text > p {
    margin: 20px 0;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
    max-height: 156px;
}

.a_INQ {display:block; margin-bottom:30px; border-bottom:1px dashed rgba(0, 0, 0, 0.25);}

/*=============== top search ===============*/
.top_search { display: block; float: right; font-size: 0.85em; color: #4D4D4D; }
.navbar-search { display: none; }
.search-here {
    padding: 0 15px 0 30px;
    position: relative;
}
.search-here > input {
    border: none;
    background: transparent;
}
.search-here > button {
    width: 30px;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
}
@media (max-width: 991px) {
    .top_search { display: none; float: none; }
    .navbar-search { display: block; }
    .navbar-collapse .search-here { border-top: none; margin: 10px 15px; }
    .navbar-collapse .search-here > button { padding-left: 0; top: 4px;}
	.navbar-collapse .search-here > input {margin-left: 5px;}
}

.language_box { margin: 2px 0 0 0; }
.language_box > li.language ul { top: 27px; }
.content .empty_wrap .search-here > button { padding: 0; }

/*========== google map linking color ==========*/
.desc_html > small > a,
*[class^="desc_"] > small > a {color: #576D5F!important;}
.desc_html > small > a:hover,
*[class^="desc_"] > small > a:hover {color: #4D4D4D!important;}

/*========== replace settings in bootstrap-min ==========*/
hr {
	border-bottom: 1px dashed rgba(0, 0, 0, 0.25);
	border-top: 0;
	clear: both;
	padding: 0;
	margin: 20px 0;
}

/** Advanced Search **/
.advsearch-search {
	padding: 10px 15px;
	border: 2px solid #9b9b9b;
	border-radius: 5px;
	text-transform: none;
  	color: #767676!important;
}
.advsearch-search:hover { background-color: #AFC5BE; border-color: #AFC5BE; }
.advsearch-search i { margin: 6px 0 0; }
@media (max-width: 1200px) {
	.advsearch-search {
		position: fixed;
		top: unset;
		bottom: 5px;
		z-index: 1;
		padding: 0;
		background: #AFC5BE;
		font-size: 22px;
		text-align: center;
		width: 40px;
		height: 40px;
	}
	.advsearch-search.advsearch-search-fixed-bottom { bottom: 155px; }
	.advsearch-search.index-advsearch-none { display: none; }
	.advsearch-search i { margin-right: 0; }
	.advsearch-search span{ display: none; }
}

.block-widget {
    border: 1px solid rgba(0,0,0,0.2);
    margin: 30px 0;
    padding: 25px;
    overflow: hidden;
	background: rgba(0,0,0,0.15);
}
#show_adv_search_blk .all_conditions { text-decoration: underline; color: #576D5F; float: right; text-transform: initial; }
#show_adv_search_blk .all_conditions:hover { color: #4D4D4D; }
#show_adv_search_blk h5 { margin-bottom: 15px; font-size: 38px; line-height: 48px;}
#show_adv_search_blk p { margin-bottom: 15px; }
#show_adv_search_blk button.btn-mini {
    float: left;
	margin: 10px 10px 10px 0;
	color: #282F21;
	font-weight: 400;
	line-height: 26px;
	padding: 8px 15px;
	background-color: #AFC5BE;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-ms-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
	text-transform:capitalize;
	border-radius:5px;
}
#show_adv_search_blk button.btn-mini:hover { color: #282F21; background: #D4D4D4; }
#show_adv_search_blk .select2-container-multi {
	margin: 5px 5px 5px 0;
    width: 24%;
    float: left;
}
#show_adv_search_blk .select2-container-multi .select2-choices {
	border-color: #d1d1d1;
	/*background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #f2f2f2), color-stop(15%, #fff));
	background-image: -webkit-linear-gradient(top, #f2f2f2 1%, #fff 15%);
	background-image: -moz-linear-gradient(top, #f2f2f2 1%, #fff 15%);
	background-image: linear-gradient(to bottom, #f2f2f2 1%, #fff 15%);*/
	background-image:none;
	padding: 2px;
	margin: 5px 5px 5px 0;
}
#show_adv_search_blk .select2-container-multi .select2-choices .select2-search-field .select2-input {
	font-weight: 400;
	padding: 10px 8px;
	margin:0;
}

/*=============== box-21 Advsearch Search ===============*/
.advsearch-search-box {background: #ffffff;}
.advsearch-search-box .form-section-opact {padding: 50px 0;}
.advsearch-search-box .form-contact-item {padding: 10px 0 0 40px;}
.advsearch-search-box .form-contact-item > a {border: none;}
.advsearch-search-box .form-text-item {text-align: left;}
.advsearch-search-box .form-text-item > .them-main-title > h2,
.advsearch-search-box .form-text-item > .them-main-title > h2 > a {color: #345719; text-transform: capitalize;}
.advsearch-search-box .form-text-item > .them-main-title > h2 > a:hover {color: #000000;}
.advsearch-search-box .form-text-item > .them-main-title > span {display: inline-block;}
.advsearch-search-box .form-text-item > p {
	margin-top: 15px;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	white-space: normal;
	max-height: 104px;
	overflow: hidden;
}
.advsearch-search-box .form-section-opact .form-text-item > a {
	line-height: 20px;
	background: #AFC5BE;
	text-align: center;
	font-weight: 400;
	margin-top: 15px;
	padding: 12px 20px;
	color: #282F21;
}
.advsearch-search-box .form-section-opact .form-text-item > a:hover {color: #282F21; background: #D4D4D4;}
.advsearch-search-box .form-section-opact .form-text-item.text-left {text-align: left; margin-left: 60px;}

/** menuModel **/
.menuModel {
	float: right;
}

/** scrollDown **/
.scrollDown {
	width: 100%;
	height: 100px;
	position: fixed;
	bottom: 0;
	background-image: linear-gradient(to bottom,rgb(255 255 255 / 0) 0,rgb(245 245 245 / 75%) 90%);
	display: none;
}
.scrollDown.show {
	display: block;
	z-index: 1;
}
.scroll-down {
	border: 2px solid #c4c4c4;
	border-radius: 20px;
	bottom: 25px;
	height: 50px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	width: 30px;
	background: rgba(245, 245, 245, 0.85);
	backdrop-filter: blur( 8px );
}
.scroll-down::before {
	animation: scrollDownAnimation 2s infinite;
	background-color: #949494;
	border-radius: 100%;
	content: '';
	height: 6px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: 10px;
	width: 6px;
}
@-moz-keyframes scrollDownAnimation {
	0% {
		opacity: 0;
		transform: translate(0, 0);
	}
	40% {
		opacity: 1;
	}
	80% {
		opacity: 0;
		transform: translate(0, 20px);
	}
	100% {
		opacity: 0;
	}
}
@-webkit-keyframes scrollDownAnimation {
	0% {
		opacity: 0;
		transform: translate(0, 0);
	}
	40% {
		opacity: 1;
	}
	80% {
		opacity: 0;
		transform: translate(0, 20px);
	}
	100% {
		opacity: 0;
	}
}
@-o-keyframes scrollDownAnimation {
	0% {
		opacity: 0;
		transform: translate(0, 0);
	}
	40% {
		opacity: 1;
	}
	80% {
		opacity: 0;
		transform: translate(0, 20px);
	}
	100% {
		opacity: 0;
	}
}
@keyframes scrollDownAnimation {
	0% {
		opacity: 0;
		transform: translate(0, 0);
	}
	40% {
		opacity: 1;
	}
	80% {
		opacity: 0;
		transform: translate(0, 20px);
	}
	100% {
		opacity: 0;
	}
}

/** owlCarousel **/
.owl-carousel {
	margin-bottom: 40px;
}
.owl-carousel.owl-right, .owl-carousel.owl-left,
.pull-right .owl-carousel, .pull-left .owl-carousel {
	margin-bottom: 0;
}
.owl-carousel .owl-item img {
	margin-right: auto;
	margin-left: auto;
	border-radius: 5px;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
    top: 50%;
    position: absolute;
    font-size: 25px!important;
    color: #fff!important;
    background: #222!important;
    height: 50px;
    width: 25px;
    line-height: 50px;
    text-align: center;
    opacity: 0.5;
    margin: -40px 0 0 0!important;
    padding: 0!important;
    display: block!important;
    border-radius: 0!important;
}
.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel .owl-nav .owl-next:hover {
    opacity: 1;
}
.owl-carousel .owl-nav .owl-next {
    right: 0;
}
.owl-carousel.owl-right {
	width: 40%;
	float: right;
	margin-left: 40px;
}
.owl-carousel.owl-left {
	width: 40%;
	float: left;
	margin-right: 40px;
}
@media (max-width: 991px) {
	.owl-carousel .owl-item img {/*width: auto!important;*/}

	.owl-carousel.owl-right img, .owl-carousel.owl-left img {
		width: 100%!important;
	}
}
@media (max-width: 568px) {
	.owl-carousel .owl-item img {
		width: 100%!important;
	}
	.owl-carousel.owl-right, .owl-carousel.owl-left {
		width: 100%!important;
		float: none;
		margin: 0;
	}
	.owl-carousel .owl-nav .owl-prev,
	.owl-carousel .owl-nav .owl-next {
		top: 60%;
		font-size: 22px!important;
		height: 45px;
		width: 20px;
		line-height: 45px;
	}
}