/*
    Last update  : 07.2024
*/

/* ------------------------------------------ */
/*             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: #172A88;
  overflow: hidden;
}
#loader {
  background: url(../images/1.gif);
  width: 64px;
  height: 64px;
  position: relative;
  top: 50%;
  margin: -32px auto 0 auto;
}
/*======== Global css ========*/
* {
	margin:0;
	padding: 0;
}
body {
	font-family: Lato, Arial, "Microsoft JhengHei", PingFang, sans-serif;
	color: #dfdfdf;
	font-size: 16px;
	font-weight: 400;
	overflow-x: hidden !important;
	position: relative;
	background-color: #252422;
}
h1, h2, h3, h4,h5, h6, p, ul {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {
	font-family: Arial, "Microsoft JhengHei", PingFang, sans-serif;
	color: #ffffff;
	text-transform: capitalize;
	font-weight: 500;
}
h1 {
	font-size: 55px;
	line-height: 65px;
	font-weight: 700;
}
h2 {
	font-size: 45px;
	line-height: 55px;
	font-weight: 700;
}
h3 {
	font-size: 30px;
	line-height: 38px;
	font-weight: 600;
}
h4 {font-size: 26px; line-height: 34px;}
h5 {font-size: 23px; line-height: 30px;}
h6 {font-size: 18px; line-height: 24px;}
p {
	font-family: Lato, Arial, "Microsoft JhengHei", PingFang, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	color: #dfdfdf;
}
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: #ffffff;
	-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: #2EA7E0;
}
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: #6b6b6b;}
.p-color-bg {background: #f8f9fa;}
.text-center {text-align: center;}

/**additional setting for text**/
h4.v_title {font-size: 23px; 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 #666666;
}
.navbar-collapse .search-here {
    border-top: solid 1px #666666;
    margin: 10px 15px 20px;
    padding-right: 30px;
    padding-top: 5px;
    position: relative;
    border-bottom: solid 1px #666666;
}
.top-header .search-here > input,
.navbar-collapse .search-here > input {
	height: 44px;
	width: 100%;
	border: none;
	font-size: 16px;
	font-style: italic;
	font-family: Lato, Arial, "Microsoft JhengHei", PingFang, sans-serif;
	color: #dfdfdf;
}
.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: #cfcfcf;
}
.top-header .header-icon-tx:hover h5 > a,
.top-header .search-here>button:hover>i {color: #ffffff;}
.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: #202020;
}
.top-header .header-icon-tx p {
	color: #8d8d8d;
	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: #172A88;
}
.theme-menu-fix-banner.menu_3 .navbar.menu_3 {margin-bottom: 0;}
.theme-main-menu {
	background: #172A88;
	position: relative;
}
.theme-main-menu:before {
	content: "";
	width: 2000px;
	background: #172A88;
	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: #172A88!important;
	font-family: Arial, "Microsoft JhengHei", PingFang, sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.5px;
}
.main-menu .navbar-nav .menu-button > a.hvr-bounce-to-right:before {background: #172A88;}
.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: Arial, "Microsoft JhengHei", PingFang, sans-serif;
	background: transparent;
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase;
	color: #ffffff;
	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: #172A88;}
.main-menu nav ul li.dropdown-holder .fa {
	display: none;
	line-height: 42px;
	width: 55px;
	font-size: 18px;
	color: #ffffff;
	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: #ffffff;
	height: 3px;
	width: 30px;
}
.theme-menu-V-two-fix .navbar-toggle .icon-bar {background:#ffffff;}

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

/*=============== 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: Arial, "Microsoft JhengHei", PingFang, sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 23px;
	text-transform: capitalize;
	color: #ffffff;
	padding: 15px 10px;
	display: block;
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	background: #172A88;
	position: relative;
	z-index: 1;
	min-height: 47px;
}
.main-menu .navbar-nav > li.dropdown-holder .sub-menu li a:hover {
	background: #252422;
	padding-left: 18px;
	color: #ffffff;
}
.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: Arial, "Microsoft JhengHei", PingFang, sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 20px;
	text-transform: capitalize;
	color: #ffffff;
	padding: 15px 10px;
	display: block;
	border-bottom: 1px solid rgba(255,255,255,0.15);
	background: #172A88;
	position: relative;
	z-index: 1;
	min-height: 47px;
}
.main-menu .navbar-nav > li.dropdown-holder .sub-menu ul li a:hover {
	background: #252422;
	padding-left: 18px;
}

.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: 100px;
	width: 30px;
	margin-top: -50px;
	text-align: center;
}
#theme-main-banner .camera_prev:hover,
#theme-main-banner .camera_next:hover {background: rgba(0, 0, 0, 0.75);}
#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: 100px;
}
#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;}
#theme-main-banner .camera_caption .container a {text-transform: unset;}
#theme-main-banner .camera_caption .container h1 {color:#FFFFFF; font-size:55px; line-height:65px; text-transform: unset; text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);}
#theme-main-banner .camera_caption .container h1 > span.slider-text-1 {font-weight:300;}
#theme-main-banner .camera_caption .container h1 > span.slider-text-2 {font-weight:800;}
#theme-main-banner .camera_caption .container p {
	color: #FFFFFF;
	font-family: Arial, "Microsoft JhengHei", PingFang, sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	text-transform: none;
	margin: 5px 0 0 0;
	width: 530px;
	text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}

/*=============== box-1 business section ===============*/
.home-business-section {margin: 20px 0;}
.home-business-section .business-text > h1 {
	font-size: 45px;
    line-height: 55px;
	text-align: center;
	color:#ffffff;
	margin-left:10%;
	margin-right:10%;
	text-transform: inherit;
}
.home-business-section .business-text > h1 > a {color:#ffffff;}
.home-business-section .business-text > h1 > a:hover {color:#2EA7E0;}
.home-business-section .business-text > span.decoration {
	display: block;
	width: 50px;
	border-bottom: 3px solid #58B9E6;
	margin: 20px auto 0;
}
.home-business-section .business-item {margin-top:40px; padding:0 30px;}
.home-business-section .business-item > div {
	height: 60px;
	margin-bottom: 10px;
	text-align: center;
}
.home-business-section .business-item > h2 {
	font-size: 23px;
	line-height: 30px;
	font-weight: 600;
}
.home-business-section .business-item > h2 > a {color: #2EA7E0;}
.home-business-section .business-item > p {
	margin: 12px 0 30px 0;
	position: relative;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	white-space: normal;
	overflow: hidden;
	max-height: 185px;
	color: #dfdfdf;
}
.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: #ffffff;}
.home-business-section .business-item:not(.home-two-business):hover:after {
	border-color: #2EA7E0;
	-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: 50px;
	border-bottom: 3px solid #58B9E6;
	padding-top: 20px;
}

/*=============== box-2 Events Section ===============*/
.events-section {
	margin: 80px 0;
}
.events-section .event-areya {position: relative;}
.events-section .event-areya .event-margin {margin-bottom: 40px;}
.events-section .event-areya .event-margin > span.decoration {display:inline-block;}
.events-section .event-areya .event-margin h2 a {color:#ffffff;}
.events-section .event-areya .event-margin h2 a:hover {color:#2EA7E0;}
.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: 12px;
	background: #CD462D;
	text-align: center;
	padding: 0 8px;
	border-radius: 0 0 4px 4px;
}
.event-areya .event-item .event-img>div>span:nth-of-type(1) {
	font-size: 18px;
	font-weight: 600;
	font-family: Arial, "Microsoft JhengHei", PingFang, sans-serif;
	text-transform: uppercase;
	color: #ffffff;
	display: block;
	padding-top: 15px;
	letter-spacing: 1px;
}
.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: #2EA7E0;
	font-size: 23px;
	line-height: 30px;
}
.event-item .event-text > a:hover > h3,
.event-item:hover .event-text > a:hover > h3 {color: #ffffff;}
.event-item .event-text > a > p {
	margin: 12px 0 20px 0;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	white-space: normal;
	overflow: hidden;
	max-height: 168px;
	text-transform: initial;
}
.event-item .event-text > a > span {
    font-weight: 700;
    font-size: 14px;
	padding: 12px 20px;
    color: #020205;
    background: #2EA7E0;
    display: inline-block;
	border-radius: 25px;
}
.event-item .event-text > a > span:hover {background: #172A88; color:#FFFFFF;}

/*=============== box-3 Latest News Section ===============*/
.home-latest-news {margin: 80px 0;}
.home-latest-news .them-main-title h2 a {color:#ffffff;}
.home-latest-news .them-main-title h2 a:hover {color:#2EA7E0;}
.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: 12px;
	top: 0;
	background: #CD462D;
	font-size: 18px;
	font-weight: 600;
	font-family: Arial, "Microsoft JhengHei", PingFang, sans-serif;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 10px 10px 2px;
	border-radius: 0 0 4px 4px;
}
.news-item-wrapper .news-item .news-text-item {padding:25px 0 0 0;}
.news-item-wrapper .news-item .news-text-item > a > h3 {
	font-size: 23px;
	line-height: 30px;
	margin: 0;
}
.news-item-wrapper .news-item .news-text-item > a > h3 {color: #2EA7E0;}
.news-item-wrapper .news-item:hover .news-text-item > a > h3 {color: #ffffff;}
.news-item-wrapper .news-item .news-text-item > 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: 112px;
}
.news-item-wrapper .news-item .news-text-item > a > span {
    font-weight: 700;
    font-size: 14px;
	padding: 12px 20px;
    color: #020205;
    background: #2EA7E0;
    display: inline-block;
	border-radius: 25px;
}
.news-item-wrapper .news-item .news-text-item > a > span:hover {background: #172A88; color:#FFFFFF; }


/*=============== box-4 right side Choose Section ===============*/
.choose-section {
	background: #252422 url(/Templates/pic/bg_company.jpg) center no-repeat;  /** upload image **/
	background-size: cover;
	background-attachment: fixed;
	margin: 80px 0;
}
.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(23, 42, 136, 0.25);}
.choose-section .left-side .left-side-content {padding-top: 120px;}
.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: #ffffff; text-transform: inherit;}
.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: 40px 0;
	text-align:right;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	white-space: normal;
	max-height: 168px;
	overflow: hidden;
	color: #dfdfdf;
}

.choose-section .home-two-right-side {background: rgba(23, 42, 136, 0.25);}
.choose-section .home-two-right-side .right-side-content {
	padding: 40px 0 0 80px;
	margin: 80px 0 0 0;
	border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.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 {
	color: #2EA7E0;
	font-size: 23px;
    line-height: 30px;
}
.choose-section .home-two-right-side .right-side-content .right-content-text .right-side-item > h3 > a {
	color:#2EA7E0;
	text-transform: capitalize;
}
.choose-section .home-two-right-side .right-side-content .right-content-text .right-side-item:hover > h3 > a {color: #ffffff;}
.choose-section .home-two-right-side .right-side-content .right-content-text .right-side-item > p {
	color: #dfdfdf; 
	margin: 10px 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal;
	max-height: 84px;
	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: #172A88; 
	padding: 30px 0;
}
.them-footer-section .footer-button-section h3 {
	font-size: 28px; 
	color: #ffffff; 
	line-height: 55px;
}
.them-footer-section .footer-button-section a {
	width: 195px;
	line-height: 55px;
	background: #2EA7E0;
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	float: right;
}
.them-footer-section .footer-button-section a:hover {color: #172A88;}
.them-footer-section .footer-section {
	background: rgba(0, 0, 0, 0.5); 
	padding-top: 50px; 
}
.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: #ffffff;
}
.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: #2EA7E0;}
.them-footer-section .footer-section .footer-item-one .footre-logo > img {margin:10px 0 0 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: #ffffff;
	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 #58B9E6;
	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: #2EA7E0;}
.them-footer-section .footer-section .footer-item-two > ul > li > a {
	text-transform: capitalize; 
	color: rgba(255,255,255,0.75);
}
.them-footer-section .footer-section .footer-item-two > ul > li > a:hover {color: #2EA7E0;}
.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: #ffffff;
}
.them-footer-section .footer-section .footer-item-three > ul > li > h4 > a:hover {color: #2EA7E0;}
.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:28px
}
.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: #ffffff;}
.them-footer-section .footer-section .footer-bottom-item p > a {
	text-transform: capitalize; 
	color: #ffffff;
}
.them-footer-section .footer-section .footer-bottom-item p > a:hover {color: #2EA7E0;}
.them-footer-section .footer-section .footer-bottom-item .privacy-item > p {
	color: #ffffff; 
	display: inline-block; 
}
.them-footer-section .footer-section .footer-bottom-item .privacy-item > p > a {color: #ffffff;}
.them-footer-section .footer-section .footer-bottom-item .privacy-item > p > a:hover {color: #2EA7E0;}

/*=============== index-2 ===============*/
.top-header-v-two {
	background: #172A88; 
	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: #2EA7E0;
	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: #ffffff;
}
.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: 22px;
	color: #2EA7E0;
	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: #172A88;
    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: #172A88;
    color: #ffffff;
    border: 1px solid #ffffff;
    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: #172A88;
	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;}
.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: #172A88;
	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 > p {
	color: #dfdfdf;
	margin: 40px 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: 23px;
	line-height: 30px;
}
.experts-claider-wrapper .item a h3 {color: #2EA7E0;}
.experts-claider-wrapper .item span {
	color: #ffffff; 
	font-size: 18px;
	font-family: Arial, "Microsoft JhengHei", PingFang, sans-serif;
	font-weight: 600;
	line-height: 26px;
	margin: 12px 0; 
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	max-height: 84px;
	overflow: hidden;
}
.experts-claider-wrapper .item p {
	color: #dfdfdf;
	margin:0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal;
	max-height: 84px;
	overflow: hidden;
}
.experts-claider-wrapper .item:hover h3 {color: #ffffff;}
.experts-claider-wrapper .item:hover span {color: #2EA7E0;}

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

/*=============== Enar-page-banner ===============*/
.Enar-page-banner {
	background: #172A88;
	background: linear-gradient(0deg, rgba(69, 85, 160, 1) 0%, rgba(23, 42, 136, 1) 100%);
}
.Enar-page-banner .Enar-page-banner-opact {
	padding:30px 15px 40px 15px;
	text-align:center;
}
.Enar-page-banner .Enar-page-banner-opact .rmBCDesc {margin:0 25px;}
.Enar-page-banner .Enar-page-banner-opact h1 {
	font-size: 24px;
	line-height: 32px;
	font-weight: 400;
	color: #ffffff;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.Enar-page-banner .Enar-page-banner-opact h2 {
	color: rgba(255, 255, 255, 0.7);
    font-weight: normal;
    line-height: 25px;
    font-size: 14px;
    text-transform: none;
}
.Enar-page-banner .Enar-page-banner-opact ul {font-size: 14px; margin: 0 25px;}
.Enar-page-banner .Enar-page-banner-opact ul > li {
	display: inline-block; 
	color: rgba(255, 255, 255, 0.7);
}
.Enar-page-banner .Enar-page-banner-opact ul > li:first-child {margin:5px 0; display:block;}
.Enar-page-banner .Enar-page-banner-opact ul > li > span.decoration {
	display: inline-block; 
	width: 50px;
	border-bottom: 3px solid #58B9E6;
	vertical-align: middle;
}
.Enar-page-banner .Enar-page-banner-opact ul > li > a {
	text-transform: capitalize; 
	margin: 0 4px;
	color: #dfdfdf;
}
.Enar-page-banner .Enar-page-banner-opact ul > li:last-child {text-transform: capitalize;}
.Enar-page-banner .Enar-page-banner-opact ul > li:last-child,
.Enar-page-banner .Enar-page-banner-opact ul > li:last-child > a {color:#dfdfdf;}
.Enar-page-banner .Enar-page-banner-opact ul > li > a:hover {color: #2EA7E0;}

/*=============== About us & Branch ===============*/
.About-us-section .About-us-img-section .About-us-img {overflow: hidden; text-align:center; color:#999999; 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: 40px; 
	line-height: 48px; 
	margin-bottom: 20px;
}
.About-us-section .About-us-img-section .About-us-img-text span {
	display: flex; 
	width: 50px; 
	border-top: 3px solid #58B9E6;
	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: #2EA7E0; 
	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: #ffffff;}
.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(255, 255, 255, 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:#2EA7E0;
	font-size: 26px;
	line-height: 34px;
	margin: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: #2EA7E0;
	font-size: 32px; 
	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: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: #2EA7E0;
	font-size: 23px;
	font-weight: 600;
	line-height: 30px;
	margin: 15px 0;
}
.About-us-section .Branch-section .branches-block .branch-col h5,
.Branch-section .branches-block .branch-col h5 {
	color: #ffffff; 
	margin: 15px 0;
}
.About-us-section .Branch-section .branches-block .branch-col p,
.Branch-section .branches-block .branch-col p {
	color: #2EA7E0; 
	margin-bottom: 10px; 
	font-size: 18px;
}
.About-us-section .Branch-section .branches-block .branch-col span,
.Branch-section .branches-block .branch-col span {
	color: #dfdfdf; 
	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: #999999; 
	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: #2EA7E0; 
	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: #ffffff;}

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


.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: 38px; 
	line-height: 50px; 
	margin-bottom: 25px;
}
.normal_section .normal_img_section .img-text-border .img-text span {
	display: block; 
	width: 50px; 
	border-top: 3px solid #58B9E6;
}
.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: #2EA7E0; 
	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: #ffffff;}
.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: 600; 
	margin-bottom: 30px;
}
.normal_section .text h5 {
	color: #ffffff; 
	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: #dfdfdf; 
	font-weight: 700; 
	margin-bottom: 14px;
}
.normal_section .text > ul li > i {
	font-size: 8px; 
	color: #ffffff; 
	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: #ffffff; margin: 15px 0;}
.normal_section .Branch-section .branches-block .branch-col p {color: #2EA7E0; margin-bottom: 10px; font-size: 18px;}
.normal_section .Branch-section .branches-block .branch-col span {color: #dfdfdf; display: block; margin-bottom:10px;}
.normal_section .Branch-section .branches-block .branch-col span > i {color: #2EA7E0; vertical-align: middle; margin-right: 8px;}
.normal_section .Branch-section .branches-block .branch-col span > a {color: #2EA7E0; text-transform: none}
.normal_section .Branch-section .branches-block .branch-col span > a:hover {color: #A2AACF;}


/*=============== Service-V-1 ===============*/
.service-v1-section {margin: 80px 0 120px;}
.service-v1-section .service-section .service-offer-item {background: #172A88; border: 1px solid #f4f4f4;}
.service-v1-section .service-section .service-offer-item:hover {background: #172A88;}
.service-v1-section .service-section .service-offer-item h3 > a {color: #ffffff;}
.service-v1-section .service-section .service-offer-item:hover a,
.service-v1-section .service-section .service-offer-item:hover h3 > a {color: #2EA7E0;}
.service-v1-section .service-section .service-offer-item a p {color: #919191;}
.service-v1-section .service-section .service-offer-item:hover a p {color: #fbbfc8;}
.service-v1-section .service-section .service-offer-item a {color: #2EA7E0;}
.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;
}
.service-v2-item .item-text > a {color: #2EA7E0; margin-bottom: 20px;}
.service-v2-item .item-text > a > h3 {
	color: #2EA7E0;
	font-size: 23px;
	line-height: 30px;
	margin: 0 0 12px 0;
}
.service-v2-item .item-text > a > p {
	color: #dfdfdf;
	margin: 0 0 20px 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal;
	overflow: hidden;
	max-height: 84px;
}
.service-v2-item .item-text > a > span.bottonBorder {
	font-size: 16px;
	font-weight: 500;
	line-height: 45px;
	background: rgba(0, 0, 0, 0.15);
	color: #2EA7E0;
	padding: 0 25px;
	text-align: center;
	border: 1px solid #2EA7E0;
	border-radius: 50px;
	display: inline-block;
	margin: 10px 5px 10px 0;
	text-transform: capitalize;
}
.service-v2-item .item-text > a > span.bottonBorder > i {margin-right: 8px;}
.service-v2-item .item-text > a > span.bottonBorder:hover {
	background:#172A88;
	border: 1px solid #172A88;
	color:#ffffff;
}
.service-v2-item:hover .item-text > a > h3 {color: #ffffff;}
.service-v2-item:hover .item-text > a {color: #A2AACF;}

/*=============== 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: #ffffff;}
.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: 700; margin-bottom: 14px;}
.Service-Details .Service-Detail-left-col ul > li > i {margin-right: 8px; color: #ffffff; 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: 600;
	color: #2EA7E0;
	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: #ffffff;}
.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: #dfdfdf;}
.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: 600; 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: #ffffff; 
	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: #dfdfdf; font-weight: 700; margin-bottom: 14px;}
.Service-Details .Service-Details-right-side-item .right-side-item-benefits>h3 {font-weight: 600; 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: #172A88;}
.Service-Details .Service-Details-left-side-item>ul>li>a {padding: 20px 20px 20px 25px; display: block; text-transform: capitalize; font-weight: 500;}
.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: 300; color: #dfdfdf;}
.Service-Details .Service-Details-left-side-item .coll-us-item > p > span {font-weight: 700; color: #2EA7E0;}
.Service-Details .Service-Details-left-side-item .coll-us-item > h6 > a {color: #dfdfdf; margin-top: 15px; text-transform: capitalize;}

/*=============== Sidebar Download PDF & Call Us ===============*/
.call-us-item,
.Download-PDF-item {
	border-radius:4px;
	background-color: rgba(0, 0, 0, 0.35);
	border: 1px solid rgba(255, 255, 255, 0.05);
	margin:0 0 30px 0;
	padding:20px;
}
.Download-PDF-item > p.Download-PDF-item-title {
	color: #2EA7E0;
	font-family: Arial, "Microsoft JhengHei", PingFang, sans-serif;
	font-size: 26px;
	line-height: 34px;
	margin: 0 0 20px 0;
	font-weight: 600;
}
.Download-PDF-item > p {color:#dfdfdf; font-size:16px; margin:0 0 20px 0;}
.Download-PDF-item > div > a > img {width:25px; margin-right:12px;}
.Download-PDF-item > div > a {
	color: #2EA7E0; 
	font-size: 16px; 
	font-family: Arial, "Microsoft JhengHei", PingFang, sans-serif;
	vertical-align: middle;
	padding-top: 2px;
}
.Download-PDF-item > div > a:hover {color:#A2AACF;}

.call-us-item {text-align: center;}
.call-us-item > p {font-size:18px; font-weight:300; color:#dfdfdf; line-height:30px;}
.call-us-item > a {color: #2EA7E0; margin-top:15px; text-transform:capitalize; font-size:16px; font-weight:600; font-family: Arial, "Microsoft JhengHei", PingFang, sans-serif;}
.call-us-item > a:hover {color:#A2AACF;}
.call-us-item p.contact-us-tel-side {color:#ffffff; font-weight:600;}

/*=============== 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:#2EA7E0; text-transform: capitalize;}
.isotop-item .item-text-col > h5 > a:hover {color:#ffffff;}
.isotop-item .item-text-col > p {}
.isotop-item .item-text-col > a {color:#2EA7E0; text-transform: capitalize;}
.isotop-item .item-text-col > a > i {color:#2EA7E0;}
.isotop-item .item-text-col > a:hover,
.isotop-item .item-text-col > a:hover > i {color:#A2AACF;}

/*=============== 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: #2EA7E0; 
	text-transform: capitalize; 
	font-size: 28px; 
	font-weight: 600;
	margin: 60px 0 40px;
}
.Single-Project .Single-Project-Right-Side:hover>h3>a,
.Single-Project .Single-Project-left-Side:hover>h3>a {color: #ffffff;}
.Single-Project .Single-Project-left-Side>h6 {font-size: 18px; line-height: 25px; color: #2EA7E0; margin-bottom: 20px;}
.Single-Project p {color: #dfdfdf;}
.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: 700; color: #676767;}
.Single-Project .Single-Project-left-Side>.Project-Challange>ul>li>i {
	position: absolute;
	left: 0;
	top: 7px;
	color: #ffffff;
	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 #666666; margin-top: 50px;}
.Single-Project .Single-Project-Right-Side ul>li {border-bottom: 1px solid #666666; padding: 15px 10px 15px 40px;}
.Single-Project .Single-Project-Right-Side ul>li>h6>a {color: #2EA7E0; font-size: 18px; text-transform: capitalize; margin-bottom: 10px;}
.Single-Project .Single-Project-Right-Side ul>li:hover>h6>a {color: #ffffff;}

/*=============== 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(255, 255, 255, 0.2);}
.Blog-pages-button > li > a {color: #afafaf; font-weight: 600; line-height: 33px; padding: 0 12px;}
.Blog-pages-button > li:hover > a {color: #2b2b2b; background: #afafaf;}
.news-Sidebar-item-wrapper > form {border: 1px solid rgba(0, 0, 0, 0.5); height: 55px; margin-bottom: 50px; border-radius: 3px;}
.news-Sidebar-item-wrapper > form > input {
	width: 85%;
	height: 100%;
	float: left;
	padding-left: 5%;
	color: #6b6b6b;
	border: none;
}
.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: #ffffff; background: #172A88;}
.news-Sidebar-item-wrapper>form>button {
	width: 15%;
	height: 100%;
	float: right;
	background: #2EA7E0;
	color: #020205;
	font-size: 20px;
}
.news-Sidebar-item-wrapper h3 {
	color: #2EA7E0;
	font-size: 26px;
	line-height: 34px;
	margin:0 0 20px 0;
}
.news-Sidebar-item-wrapper .Categories>ul>li {border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 15px; margin-bottom:15px;}
.news-Sidebar-item-wrapper .Categories>ul>li:last-child {border-bottom: none;}
.news-Sidebar-item-wrapper .Categories>ul>li:hover > a {color: #2EA7E0;}
.news-Sidebar-item-wrapper .Categories>ul>li> a {color:#dfdfdf; text-transform:capitalize; display:block; padding:0 30px 0 0;}
.news-Sidebar-item-wrapper .Categories>ul>li> a:hover {padding-left:10px; color:#2EA7E0;}
.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(255, 255, 255, 0.5);}
.news-Sidebar-item-wrapper .Categories>ul>li> span > i:hover {color:#2EA7E0;}
.news-Sidebar-item-wrapper .Categories>ul>li> ul {margin:15px 0 0 15px;}
.news-Sidebar-item-wrapper .Categories>ul>li> ul > li {margin:15px 0; font-size: 0.9em;}
.news-Sidebar-item-wrapper .Categories>ul>li> ul > li > a {color:#dfdfdf; text-transform:capitalize; display:block; padding:0;}
.news-Sidebar-item-wrapper .Categories>ul>li> ul > li > a:hover {padding-left:10px; color: #2EA7E0;}
.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(255, 255, 255, 0.5);}
.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: #ffffff; text-transform: capitalize; line-height: 25px;}
.news-Sidebar-item-wrapper .Recent-Sidebar-News>ul>li>.recent-news-text>span {display: block; color:rgba(255, 255, 255, 0.5); 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(255, 255, 255, 0.5); border:1px solid rgba(255, 255, 255, 0.2); padding:10px 15px;}
.news-Sidebar-item-wrapper .Keyword>ul>li:hover>a {color:#2EA7E0; border:1px solid #2EA7E0;}
/*==========*/
.blog-Vtwo-sidebar {
	border-radius:4px;
	background-color: rgba(0, 0, 0, 0.35);
	border: 1px solid rgba(255, 255, 255, 0.05);
	margin:0 0 30px 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: #bcbcbc; padding: 0 8px;}
.Blog-V-three-Singleblog .Singleblog-item .Singleblog-Text>.Share>ul>li>a:hover {color: #ffffff;}
.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: 600;}
.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: #2EA7E0; 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: 500;}
.Blog-V-three-Singleblog .Singleblog-Comments>ul>li>p {color: #dfdfdf; 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: #ffffff;}

.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: 500;
	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: 500;
	color: #7f7f7f;
	padding: 20px;
	margin-bottom: 25px;
}
.Blog-V-three-Singleblog .Singleblog-Leave-A-Comment > form button {
	width: 200px;
	height: 50px;
	font-weight: 600;
	text-transform: uppercase;
	color: #ffffff;
	background: #172A88;
}
.Blog-V-three-Singleblog .Singleblog-Leave-A-Comment>form button:before {background: #7f7f7f;}

/*=============== 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(255, 255, 255, 0.25);}
.News-index-page .news-list-col > ul > li:hover >.news-icon > i {color:#82CAEC;}
.News-index-page .news-list-col > ul > li > a {text-transform: capitalize;}
.News-index-page .news-list-col > ul > li > a > h4 {color:#2EA7E0; font-size: 18px; font-weight: 600; display: inline-block; margin: 0 0 10px 0;}
.News-index-page .news-list-col > ul > li > a > span {display:block; color:#999999; font-weight:400; margin:0 0 10px 0; font-size:14px;}
.News-index-page .news-list-col > ul > li > p {color: #dfdfdf; margin: 0 0 15px 0;}
.News-index-page .news-list-col > ul > li > a > span.bottonBorder {font-size: 16px; line-height: 28px; display: block; font-weight: 400; color:#2EA7E0;}
.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:#ffffff;}
.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:#A2AACF;}

.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: #999999; font-weight: 500; margin: 0 0 10px 0;}
.News-single-page .news-detail > p {color: #dfdfdf; 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: #ffffff; 
	vertical-align: middle; 
	margin-right: 8px;
}
.News-single-page .news-detail > ul > li {color: #dfdfdf; font-weight: 700; 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: #ABDCF3;
	font-size: 16px;
	margin: 0 0 12px 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: 56px;
}
.single-item-Wrapper .single-Text-item .clear-fix span {
	display: block;
	color: #FFB919;
	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: #2EA7E0;}
.single-item-Wrapper .single-Text-item > a {
	display: block;
	text-transform: capitalize;
}
.single-item-Wrapper .single-Text-item > a:before {background: #172A88; border-radius:2px;}
.single-item-Wrapper .single-Text-item > a:hover {color: #ffffff;}
.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:#2EA7E0; margin: 25px 0 12px 0; font-weight:600;}
.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: 16px;
	font-weight: 500;
	line-height: 45px;
	background: rgba(0, 0, 0, 0.15);
	color: #2EA7E0;
	padding: 0 25px;
	text-align: center;
	border: 1px solid #2EA7E0;
	border-radius: 50px;
	display: inline-block;
	margin: 0 5px 10px 0;
	text-transform: capitalize;
}
.display-in-grid .single-item-Wrapper .single-Text-item > a > span.bottonBorder:hover {
	background:#172A88;
	border: 1px solid #172A88;
	color:#ffffff;
}
.display-in-grid .single-item-Wrapper:hover .single-Text-item > a > h5 {color:#ffffff;}

.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%;} /****此為grid展示下3組一列轉換為list展示時的比例****/
/*.single-list-item-Wrapper .list-img-item {overflow: hidden; border-radius: 5px; width: 23%;}*/ /****此為grid展示下4組一列轉換為list展示時的比例****/
.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;} /****此為grid展示下3組一列轉換為list展示時的比例****/
/*.single-list-item-Wrapper .list-text-col {width: 76.5%; padding-left: 40px; padding-bottom: 5px;}*//****此為grid展示下4組一列轉換為list展示時的比例****/
.single-list-item-Wrapper .list-text-col > a > h5 {color:#2EA7E0; margin: 0 0 12px 0; font-weight:600;}
.single-list-item-Wrapper:hover .list-text-col > a > h5 {color: #ffffff;}
.single-list-item-Wrapper:hover .list-text-col a:hover > h5 {color: #ffffff;}
.single-list-item-Wrapper .list-text-col h6 {
	color: #ABDCF3;
	font-size: 16px;
	display: inline-block;
	margin: 0 0 12px 0;
}
.single-list-item-Wrapper .list-text-col .clear-fix > span {
	display: block;
	color: #FFB919;
	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: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	overflow: hidden;
	max-height: 56px;
}
.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: 16px;
	font-weight: 500;
	line-height: 45px;
	background: rgba(0, 0, 0, 0.15);
	color: #2EA7E0;
	padding: 0 25px;
	text-align: center;
	border: 1px solid #2EA7E0;
	border-radius: 50px;
	display: inline-block;
	margin: 0 5px 10px 0;
	text-transform: capitalize;
}
.single-list-item-Wrapper .list-text-col > a > span.bottonBorder:hover {
	background:#172A88;
	border: 1px solid #172A88;
	color:#ffffff;
}
.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:2px;
	border: none;
	color: #2EA7E0;
	font-weight: 500;
	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:#A2AACF;}

.item-width .item-Wrapper a.bottonBorder > i {margin-right:8px;}
.item-width .item-Wrapper a.bottonBorder {
	background: rgba(0, 0, 0, 0.15);
	color:#2EA7E0;
	padding: 0 25px;
	text-align: center;
	border: 1px solid #2EA7E0;
	border-radius: 50px;
	display: inline-block;
	font-weight: 500;
	line-height: 45px;
	margin: 5px 5px 5px 0;
	text-transform: capitalize;
}
.item-width .item-Wrapper a.bottonBorder span {color:#2EA7E0;}
.item-width .item-Wrapper a.bottonBorder:hover span {color:#ffffff;}
.item-width .item-Wrapper a.bottonBorder:hover {background: #172A88; color:#ffffff; border: 1px solid #172A88;}
.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 #2EA7E0;
	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 #666666;
	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: #172A88;}
.price-ranger .ui-slider-handle {
	background: #172A88;
	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: #2EA7E0;
	color: #020205;
	text-transform: capitalize;
	margin: 50px auto 0 auto;
}
.price-ranger .button-two.hvr-bounce-to-right:before {background: #172A88; color:#FFFFFF;}

/*=============== Sidebar Popular Products ===============*/
.sidebar-popular-product {margin:0 0 30px 0;}
.sidebar-popular-product > h3 {
	font-size: 26px;
	line-height: 34px;
	margin: 0 0 20px 0;
	text-transform: capitalize;
}
.single-popular-product {padding: 13px 0; position: relative;}
.single-popular-product a {display: initial;}
.single-popular-product img {width: 100%; border-radius: 4px 4px 0 0;}
.single-popular-product > div.banner {
	position: absolute; 
	top: 10px;
	left: 6px;
	width: 40px;
	height: 50px;
	background: #CD462D;
	text-align: center;
}
.single-popular-product > div.banner > span {
	font-size: 18px;
	padding-top: 20px;
	color: #ffffff;
	display: block;
}
.single-popular-product .product {
	width: 100%;
	background: #2EA7E0;
	padding: 10px 15px;
	border-radius: 0 0 4px 4px;
}
.single-popular-product .product.hvr-bounce-to-right:before {background: #172A88; border-radius: 0 0 4px 4px;}
.single-popular-product .product h6 a,
.single-popular-product a.product h6,
.single-popular-product a.product p {
	font-family: Arial, "Microsoft JhengHei", PingFang, sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: #020205;
	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: #020205;
}
.single-popular-product:hover .product h6 a,
.single-popular-product:hover a.product h6,
.single-popular-product:hover a.product p {color: #ffffff;}

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

/*=============== History Products ===============*/
.history-product {margin:30px 0;}
.history-product > h3 {
	font-size: 26px;
	line-height: 34px;
	margin: 0 0 20px 0;
	text-transform: capitalize;
	color: #2EA7E0;
}
.single-history-product {padding: 13px 0 0; position: relative;}
.single-history-product img {width: 130px!important; border-radius:4px!important;}
.single-history-product > div.del {
	position: absolute; 
	top: 10px;
	left: 5px;
	width: 25px;
	height: 25px;
	background: #172A88;
	text-align: center;
}
.single-history-product > div.del:hover {
	background: #151515;
    color: #fff;
    text-decoration: none;
}
.single-history-product > div.del > span {
	font-size: 13px;
	color: #ffffff;
}
.single-history-product .product {padding-left: 20px;}
.single-history-product .product a {
	font-weight: 600;
	font-size: 16px;
	color: #dfdfdf;
	text-transform: capitalize;
	display: block;
	line-height: 22px;
}
.single-history-product .product a:hover {color: #2EA7E0;}
.single-history-product .product span {
	display: block;
	margin: 7px 0 0 0;
	font-size: 14px;
	color: #999999;
}
#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: 18px !important;
	height: 50px;
	line-height: 50px;	
	width: 20px;
	margin: -20px 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 4px 0 0;
	cursor: pointer;
}
.single-product-details .image ul li:nth-child(4n) {
	display: inline-block;
	width: 65px;
	height: 100%;
	overflow: hidden;
	margin: 14px 4px 0 0;
	cursor: pointer;
}
.single-product-details .info {}
.single-product-details .info h2 {
	font-size:40px;
	line-height:48px;
	margin-bottom: 20px;
}
.single-product-details .info span {
	display: flex;
	width: 50px;
	border-top: 3px solid #58B9E6;
	margin: 0 0 30px 0;
}
.single-product-details .info h3 {color:#2EA7E0; font-size:26px;font-weight: 600; line-height:34px; margin:30px 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: 500; 
	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: #adadad;
	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: #999999;
	font-weight: 400;
}
.single-product-details .info p.desc_title_nickname {font-size: 18px; font-weight: 600;  margin: 15px 0;}
.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: #172A88;
	font-size: 14px;
	font-weight: 500;
	margin: 0px 2px 10px 2px;
}
.single-product-details .info .color-show a:hover {
	background: #172A88;
	-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%;}
.single-product-details .icon > div.clear-fix > span {
	font-size: 18px; 
	font-weight: 500; 
	float: right; 
	display: inline-block;
}
.single-product-details .icon .color-show {margin-left:15px;}
.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 {
	line-height: 45px;
	text-align: center;
	background: #2EA7E0;
	font-size: 14px;
	font-weight: 500;
	margin: 15px 0;
	color: #020205;
	padding: 0 25px;
	border-radius: 50px;
}
.single-product-details .icon .color-show a:hover {
	background: #172A88;
	color: #ffffff;
	-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 .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;}
.single-product-details .single-product-section.single-center .single-product-content {width: 100%;} /**規避滿版文字內容過少時，inquire now按鈕往左靠的問題**/

.review-tab {margin: 60px 0 72px 0;}
.review-tab .nav-tabs {border: none;}
.review-tab .nav-tabs li a {
	background: #f1f1f1;
	color: #dfdfdf;
	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:#ffffff;}
.review-tab .nav-tabs > li.active > a,
.review-tab .nav-tabs > li.active > a:hover,
.review-tab .nav-tabs > li.active > a:focus {background: #172A88; border-top: 3px solid #58B9E6; color:#ffffff;}
.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: #dfdfdf; margin: 0 0 30px 0;}
.review-tab .tab-pane > ul {color: #dfdfdf; 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: #ffffff; 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: #ffffff; text-transform: capitalize;}
.review-tab .tab-pane .pdf-download-col > ul > li > h6 > a:hover {color: #2EA7E0;}
.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: #2EA7E0; 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: #A2AACF;}

/*new product*/
.single-product-details .single-product-detail {margin-top: 30px;}
.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: #dfdfdf; 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: #ffffff; 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: #ffffff; text-transform: capitalize;}
.single-product-detail .pdf-download-col > ul > li > h6 > a:hover {color: #2EA7E0;}
.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: #2EA7E0; 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: #A2AACF;}

.related-product {margin-bottom: 70px;}
.related-product > h5 {
	font-size: 23px;
	font-weight: 600;
	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: #bbbbbb;
	margin:0 3px;
	background: #172A88;
	padding: 0;
}
.related-product-slider.owl-theme .owl-nav [class*=owl-]:hover {color: #ffffff; border-color: #ffffff;}
.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(85, 70, 60, 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-color: #ffffff;}

/*=============== Contact-us ===============*/
.Contact-us-section .Contact-us-form form input {
	width: 100%;
	height: 50px;
	border: 1px solid #e8e9ed;
	color: #dfdfdf;
	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: #dfdfdf;
	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: #ffffff;}
.Contact-us-section .Contact-us-form form button {
	width: 188px;
	height: 50px;
	background: #172A88;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: Arial, "Microsoft JhengHei", PingFang, sans-serif;
	font-size: 14px;
	color: #ffffff;
}
.Contact-us-section .Contact-us-form form button:before {background: #252422;}
.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: 50px; 
	border-top: 3px solid #58B9E6; 
	margin-top: 25px;
}
.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:#ffffff;}
.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: #dfdfdf;}
.Contact-us-section .Contact-us-title-text > ul > li > i {margin-right: 12px;}
.Contact-us-section .Contact-us-title-text > ul > li > a {color: #ffffff;}
.Contact-us-section .Contact-us-title-text > ul > li > a:hover {color: #2EA7E0;}

.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: Lato, Arial, "Microsoft JhengHei", PingFang, sans-serif;
    border: none;
    color: #dfdfdf;
    display: block;
    font-size: 14px;
    font-weight: 200;
    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: #2EA7E0;
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
	position: relative;
	padding: 12px 20px 12px 45px;
	text-transform: capitalize;
}
.inspiration-tab .panel-body {
  border: none !important;
  padding: 5px 10px;
}
.inspiration-tab .panel-body > p {color: #dfdfdf; margin: 0 0 20px 0;}
.inspiration-tab .panel-body > a > span {color:#2EA7E0; text-transform: capitalize; line-height: 28px;}
.inspiration-tab .panel-body > a > span > i {margin-right:8px;}
.inspiration-tab .panel-heading h4 a:hover {color:#ffffff;}
.inspiration-tab .panel-body > a:hover > span {color:#A2AACF;}

.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 #666666;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  font-size: 20px;
  text-align: center;
  top:50%;
  color: #999999;
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  transform:translateY(-50%);
}
.inspiration-tab .panel-heading.active-panel h4 a:before {content: '-'; color:#ffffff; background: #172A88; border: 1px solid #172A88; 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: #dfdfdf;
	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: #dfdfdf;
	padding: 20px;
	margin-bottom: 30px;
}
.faq-page-form-section form button {
	display: block;
	width: 190px;
	height: 50px;
	margin: 0 auto;
	border: 2px solid #ffffff;
	color: #ffffff;
	font-weight: 600;
	text-transform: uppercase;
	background: transparent;
}
.faq-page-form-section form button:before {background: #172A88;}
.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: #dfdfdf; 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: #ffffff; 
	vertical-align: middle; 
	margin-right: 8px;
}
.faq-single-page .faq_cont > ul > li {color: #dfdfdf; font-weight: 700; 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: #dfdfdf; 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: #ffffff; 
	vertical-align: middle; 
	margin-right: 8px;
}
.faq_cont > ul > li {color: #dfdfdf; font-weight: 700; 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: 300; line-height: 50px;}
.error-pages-section .text-smill {color: #dfdfdf; 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: #172A88;
	font-weight: 600;
}
.error-pages-button-or-Search > li >a:hover {background: #172A88;}
.error-pages-button-or-Search > li >span {padding: 0 16px; font-weight: 600; 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: #dfdfdf;
	float: left;
}
.error-pages-button-or-Search > li > form > button {
	width: 15%;
	height: 100%;
	background: transparent;
	border-left: 1px solid #e8e9ed;
	color: #a3a3a3;
}
.error-pages-button-or-Search >li > form > button:hover {background: #172A88; color: #ffffff;}
.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:#6b6b6b!important;
	font-size: 30px;
	display: none;
	border:2px solid #f8f9fa;
	border-radius:45px;
}
.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: #6b6b6b!important;
	border: 2px solid #f8f9fa;
	background-color: #f8f9fa!important;
}
.scroll-inquiry i {
	font-size: 28px;
    top: -2px;
    left: 1.5px;
}
.scroll-inquiry:hover, .scroll-inquiry:active {
    border-color: #2EA7E0!important;
	background-color: #2EA7E0!important;
}
.scroll-inquiry:hover i, .scroll-inquiry:active i {color:#020205;}

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

====================================================================
  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: #ffffff;
  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:#252422; padding: 10px 0;}
.language_box {
	color: #ffffff;
	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: #ffffff; float: right; margin-left: 10px; position: relative; line-height: 16px;}
.language_box > li > a {color: #ffffff;}
.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: rgba(0,0,0,0.75);
	border: 1px solid rgba(0,0,0,0.15);
}
.language_box > li.language ul a {
	display: block;
	padding: 5px;
	color: #e4e4e4;
	font-size: 0.9em;
	text-align: center;
	text-transform: uppercase;
}
.language_box > li.language ul a:hover {color: #ffffff; text-decoration: none;}
.language_box .drop {display: none; list-style: none;}

.cart_col {
    padding: 10px;
    width: 50px;
    margin: 0 10px 0 0;
	border-radius: 45px;
}
.cart_col a > i {
    font-size: 28px;
	font-weight: bold;
    position: relative;
    color: #cfcfcf;
}
.cart_col a:hover > i {color: #2EA7E0;}
.cart_col a > i > span {
	font-family: Lato, Arial, "Microsoft JhengHei", PingFang, sans-serif;
	position: absolute;
	height: 16px;
	width: 16px;
	background-color: #172A88;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	font-size: 12px;
	line-height: 16px;
	right: -6px;
	bottom: -6px;
	color: #ffffff;
}
@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 #289BCD;
		background: #289BCD;
	}
	.cart_col:hover {
		border-color: #172A88!important;
		background-color: #172A88!important;
		color: #ffffff!important;
	}
	.cart_col a > i {font-size: 26px; color: #ffffff; left: -0.8px; top: 1px; font-weight: 500;}
	.cart_col a:hover > i {color: #ffffff;}
	.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: #2EA7E0;}
.user_col a > i,
.compare_col a > i {font-size: 1em;}
.user_col a > i > span,
.compare_col a > i > span {
	font-family: Lato, 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: #dfdfdf;
	clear: both;
	width: 100%;
}

th {
	background-color: #3c3c3c;
	padding: 12px 10px!important;
	font-size: 0.95em;
	line-height: 145%;
	border: 1px solid #666666;
	text-align: center;
}
td {
	background-color: transparent;
	padding: 12px 10px; 
	font-size: 0.95em; 
	line-height: 145%;
	border: 1px solid #666666;
}

tr:first-child > th {background-color:#3c3c3c; text-transform: uppercase; color:#ffffff;}

/*
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: 4px;
	margin: 30px 0;
	padding: 25px;
}
.seo_block_full {
	border: 1px solid #e8e9ed;
	border-radius: 4px;
	margin: 50px 0 0 0;
	padding: 25px;
	width: 100%;
}
.seo_block > h3,
.seo_block_full > h3 {font-size: 20px; font-weight: 600; color: #999999;}
.seo_block > p,
.seo_block_full > p {color: #999999; 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: #dfdfdf; text-transform: capitalize;}
.seo_block a:hover,
.seo_block_full a:hover {color:#ffffff;}

#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(255, 255, 255, 0.25); padding-bottom:20px; margin-bottom: 25px; color: #ffffff;}
.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: #999999; border:1px solid #666666; padding:10px 15px;}
.Keyword > ul > li:hover > a,
.side_Keyword > ul > li:hover > a {color:#ffffff; background:#172A88; border:1px solid #172A88;}
.Keyword > ul > li:first-chlid,
.side_Keyword > ul > li:first-chlid {marin-left:0;}
 

/** SITEMAP **/
.sitemap-wrapper {margin:0;}
.sitemap-wrapper h2 {
	font-family: Lato, Arial, "Microsoft JhengHei", PingFang, sans-serif;
	font-size: 50px;
	font-weight: 300;
	line-height: 50px;
	color: #dfdfdf;
}
.sitemap-wrapper p {margin: 30px 0 40px 0;}
.sitemap-wrapper a {display:block;}
.sitemap-wrapper a:hover {color: #ffffff; padding-left:10px;}
.sitemap-wrapper ul {margin-left: 18px;}
.sitemap-wrapper ul li {
	font-weight: 600;
	margin:10px 0;
	line-height: 28px;
	list-style: disc outside;
	color: #999999;
}
.sitemap-wrapper ul li > a {text-transform: uppercase; color:#172A88;}
.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:#dfdfdf;}

/** Pages Buttons **/
.faq-page .pages-button,
.Blog-V-one-news .blog-Vtwo-wrapper .pages-button {margin:0 15px;}
.pages-button {margin:0; padding: 20px 0;}
.pages-button > li {display: inline-block; margin-right: 8px; border: 1px solid #666666;}
.pages-button > li > a {color: #999999; font-weight: 600; line-height: 33px; padding: 0 12px;}
.pages-button > li:hover > a {color: #ffffff; background: #172A88;}
.pages-button > li.active,
.pages-button > li.active > a {color: #dfdfdf;}
.pages-button > li.active:hover > a {color: #ffffff; background: #172A88;}

.pages-button .pagination {float:right; margin:5px 0;}
.pages-button .pagination > a {
	margin-right:6px; 
	border:1px solid #666666; 
	color:#999999; 
	font-weight:400;
	font-size:14px;
	line-height:25px; 
	padding:0 8px;
	border-radius: 30px;
}
.pages-button .pagination > a.current {color: #2EA7E0; border-color:#2EA7E0;}
.pages-button .pagination > a:hover,
.pages-button .pagination > a.current:hover {color: #ffffff; background: #172A88; border-color:#172A88;}
.pages-button > span.fleft {float:left; margin:10px 0; color:#999999; font-size:14px;}

/** Popout Multiple Search **/
.multiple-search-page {
	background-color: #181818;
	display: block;
	overflow: hidden;
	opacity: 0.8;
}
.multiple-search-page .container {
	background: #172A88;
	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: #dfdfdf; text-transform: capitalize;}
.multi-search-col {padding:0;}
.multi-search-col button {
	background: #172A88 !important;
	font-family: Lato, Arial, "Microsoft JhengHei", PingFang, sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: #ffffff;
	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: #172A88;}
.multi-search-col select {
	width: 100%;
	height: 50px;
	border: 1px solid #e8e9ed;
	color: #dfdfdf;
	padding: 0 20px;
	margin-bottom: 20px;
}


/** Product Category **/
.category-intro {padding:0 15px 30px 15px;}
.category-intro h3 {font-weight: 600; margin-bottom: 30px;}
.category-intro h5 {color:#ffffff; margin-bottom: 15px;}
.category-intro p {margin-bottom: 30px;}
.category-intro > ul {margin: 0 0 30px 0;}
.category-intro > ul > li {color: #dfdfdf; font-weight: 700; margin-bottom: 14px;}
.category-intro > ul > li > i {font-size: 8px; color: #ffffff; vertical-align: middle; margin-right: 8px;}

.display-icon-wrapper {
	border-top: 1px dashed rgba(255, 255, 255, 0.25);
    margin: 20px 0;
    padding: 20px 0 0 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:#999999; margin-right: 2px;}
.display-icon-wrapper > ul > li > a {color: #999999; padding: 0 4px;}
.display-icon-wrapper > ul > li > a:hover {color: #ffffff;}
.display-icon-wrapper > ul > li > a.active {color:#dfdfdf;}
.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: #181818; display: block; overflow: hidden; opacity: 0.8;}

.cart-page {background: #000; 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: #dfdfdf;}
.cart-page span > a:hover {color: #2EA7E0;}

.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: #fff;}
.cart-icon-wrapper > ul > li > a {color: #b4b4b4; padding: 0 4px; text-transform: capitalize;}
.cart-icon-wrapper > ul > li > a > i {color:#b4b4b4; margin-right:8px;}
.cart-icon-wrapper > ul > li > a:hover,
.cart-icon-wrapper > ul > li > a:hover > i {color: #2EA7E0;}

.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;
    border-radius: 5px;
    width: 25%;
}
.cart-item-list .single-list-item-Wrapper .list-img-item > a > img {width: 100%;}
.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: 600;}
.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: 56px;
}
.cart-item-list .single-list-item-Wrapper .list-text-col > a {width:auto; padding:10px 20px; border:1px solid #666666; border-radius:50px;}
.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 {border:1px solid #2EA7E0;}

/** Table **/
.Table-page table {
	width: 100%;
	background-color: transparent;
	border-collapse: separate;
	border-spacing: 0; 
	border: 1px solid #e8e9ed;
	margin: 0;
	color: #dfdfdf;
	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: #dfdfdf;}
.Table-page table td a:hover {color: #ffffff;}
.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: #dfdfdf;
	padding: 10px 12px;
	margin: 4px;
}
.Table-page table tr td:last-child > ul > li > a:hover {background-color:#ffffff; color:#ffffff;}

/** 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: #bcbcbc;}
.Compare-page span > a:hover {color: #ffffff;}
.Compare-page .compare-intro {margin-bottom: 40px;}
.Compare-page .compare-intro h3 {font-weight: 600; 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: #dfdfdf;
	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: #dfdfdf;
	padding: 10px 12px;
	margin: 4px;
}
.Compare-page table tr:last-child td > ul > li > a:hover {background-color:#ffffff; color:#ffffff;}

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: #dfdfdf;
	padding: 10px 12px;
	margin: 4px;
}
table.compare-h td:last-child ul > li > a:hover {background-color:#ffffff; color:#ffffff;}

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

/*new*/
.Compare-page table td a {
    color: #dfdfdf;
    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: #dfdfdf;
	padding: 0 20px;
	margin-bottom: 20px;
}
.Login-section .Login-form form button {
	width: 188px;
	height: 50px;
	background: #172A88;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: Arial, "Microsoft JhengHei", PingFang, sans-serif;
	font-size: 14px;
	color: #ffffff;
}
.Login-section .Login-form form button:before {background: #252422;}

.Login-section .Login-text span.decoration {
    display: block;
    width: 50px;
    border-top: 3px solid #58B9E6;
    margin-top: 25px;
}
.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: #ffffff;
}

.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 #f4f4f4;
	border-top: none;
	padding: 40px 15px 20px 40px;
	min-height: 210px;
}
.category-index .service-v2-item:hover .iteme-text {border-color: #ffffff;}
.category-index .service-v2-item .iteme-text > h3 > a {color: #2EA7E0; text-transform: capitalize; margin-bottom: 14px;}
.category-index .service-v2-item:hover .iteme-text > a > h3 {color: #ffffff;}
.category-index .service-v2-item .iteme-text > p {color: #dfdfdf; margin: 0 0 30px 0;}
.category-index .service-v2-item .iteme-text > a {color: #2EA7E0; text-transform: capitalize; font-weight: 500;}
.category-index .service-v2-item .iteme-text > a > i {color: #2EA7E0; margin-right: 8px;}
.category-index .service-v2-item:hover .iteme-text > a {color: #2EA7E0;}
.category-index .service-v2-item:hover .iteme-text > a > i {color: #2EA7E0;}
.category-index .service-v2-item:hover .iteme-text > a:hover,
.category-index .service-v2-item:hover .iteme-text > a:hover > i {color: #ffffff;}
.category-index .service-v2-item:hover .iteme-text > a:hover > i {color: #ffffff;}

.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: #999999; font-size: 10px; vertical-align: middle;}

h2.name {
	font-size: 40px;
	line-height: 48px;
	padding-bottom: 20px;
	background: url(../images/deco.png) bottom left no-repeat;
	margin: 0 0 30px 0;
	display: flex;
}
h3.name_title {
	color: #2EA7E0;
	font-size: 23px;
	line-height: 30px;
	margin: 30px 0;
}
.content p.title {color: #dfdfdf; font-size: 18px; margin: 0 0 30px 0;}
.content span.date {display:block; color:#999999; font-weight:400; font-size:14px; margin:0 0 10px 0;}

.content button.gallery_cycle { 
    position: absolute;
    width: 100%;
    background: black;
    color: white;
    opacity: 0.75;
    bottom: 12px;
	border-radius: 0 0 5px 5px;
}
.content button.gallery_cycle p { 
    font-size: 14px;
    color: white!important;
	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: #FFB919;
    font-size: 21px;
	font-weight: 200;
	line-height: 1em;
    margin: 5px 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: #172A88;
	font-size: 14px;
	font-weight: 500;
	margin: 0px 2px 10px 2px;
}
.content .color-show.normal a:hover {
	background: #172A88;
	-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: 50px; border-top: 3px solid #58B9E6; margin: 25px 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 #666666;
}
.content .empty_wrap .search-here > input {
	height: 44px;
	width: 100%;
	border: none;
	font-size: 16px;
	font-style: italic;
	font-family: Lato, 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: #ffffff;}

.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-family: Lato, Arial, "Microsoft JhengHei", PingFang, sans-serif;
	font-size: 50px;
	font-weight: 300;
	line-height: 50px;
	color: #dfdfdf;
}
.tree-wrapper p {margin: 30px 0 40px 0;}
.tree-wrapper a {display:block;}
.tree-wrapper a:hover {color: #ffffff; padding-left:10px;}
.tree-wrapper ul {margin-left: 18px;}
.tree-wrapper ul li {
	font-weight: 600;
	margin:10px 0;
	line-height: 28px;
	list-style: disc outside;
	color: #dfdfdf;
}
.tree-wrapper ul li > a {text-transform: uppercase; color:#2EA7E0;}
.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:#dfdfdf;}

/* 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(255,255,255,0.25);
	border-left:0px;
	border-right:0px;
    margin:0 0 50px 0;
    padding:20px 2px;
}
#box-6 {position: relative; margin: 50px 0;}
#box-6 .rm-oesu {margin: 0 15px;}

.rm-oesu h2 {
    font-size: 13px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.6);
    line-height: 25px;
}

.rm-oesu p,
#rm-oesulink {
    color: rgba(255, 255, 255, 0.6);
    font-size: 13px;
	line-height: 25px;
    margin: 12px 0;
}

#rm-oesulink a {
    color: #afafaf;
    text-transform: initial;
	text-decoration: underline;
}
#rm-oesulink a:hover {color: #2EA7E0; text-decoration: none;}

a.interlink {color: #2EA7E0; text-decoration: underline;}
a.interlink:hover {color: #A2AACF; text-decoration: none;}

/* sitemap */
#sitemap ul.sitemap {padding-left: 20px;}
#sitemap ul.sitemap li {
    font-weight: 600;
    margin: 10px 0;
    line-height: 28px;
    list-style: disc outside;
    color: #999999;
}
#sitemap ul.sitemap li a:hover {
    color: #ffffff;
    padding-left: 10px;
}
#sitemap ul.sitemap li > a {
    text-transform: uppercase;
    color: #2EA7E0;
}
#sitemap ul.sitemap > li > ul {margin-left: 18px;}

/** Zabra Form **/
.desc_html .Zebra_Form .row {
	background-color: transparent;
	padding: 15px; 
	border-bottom: 0px solid rgba(0, 0, 0, 0);
}
.desc_html .Zebra_Form .even {background-color: rgba(0, 0, 0, 0);}
.desc_html .Zebra_Form label {
	color: #DFDFDF;
	font-weight: normal;
}
.desc_html .Zebra_Form input.text {
	width: 200px; 
	padding: 10px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	border: 1px solid #6B6B6B;
	background-image: none;
	background-color: #AFAFAF;
	color:#050505;
}
.desc_html .Zebra_Form .row img {margin: 10px 0;}
.desc_html .Zebra_Form .note {line-height:150%; color:#DFDFDF; background:none; padding-left:0; font-size:small;}
.desc_html .Zebra_Form .note b {color:#DFDFDF;}
.Zebra_Form input.submit {
	text-transform: capitalize;
	font-size: 1em;
	font-family: Lato, Arial, '微軟正黑體', sans-serif!important;
	font-weight: normal!important;
	padding: 12px 22px!important;
	border: none!important;
	-webkit-border-radius: 25px!important;
	-moz-border-radius: 25px!important;
	border-radius: 25px!important;
	height: auto!important;
	box-shadow: none!important;
	color: #020205!important;
	background-color: #2EA7E0!important;
	background-image: none!important;
}
.Zebra_Form input.submit:hover {
	background-color: #172A88!important;
	background-image: none!important;
	color: #FFFFFF!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: 4px; margin: 5px 0; width: 100%;}
.img_center_col img,
.img_center img {border-radius: 4px; 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: #999999; 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: #2EA7E0; text-transform: initial;}
*[class^="desc_"] a:hover {color: #A2AACF;}
*[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 {color:#2EA7E0; font-weight:600; 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: 4px;}
.media-body h5 {color:#2EA7E0; font-weight:600; margin:0 0 15px 0;}
.media-object {width: auto;}

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

.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;}

.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(255, 255, 255, 0.3);
    font-weight: 600;
    line-height: 33px;
    padding: 0 12px;
}
.blog_scroll div a:hover {
    color: #ffffff;
    background: #172A88;
}

/** lite menu **/
.navbar.navbar-inverse {
	margin-bottom: 0;
    background-color: #ffffff;
    border-color: #ffffff;
    min-height: 90px;
}
.navbar .container {margin-top: 8px;}
.navbar-brand {
	height: 60px;
    padding: 0 30px 0 15px;
}
.navbar-brand > img {
	height: auto;
	margin: 5px 0 0 0;
}
.navbar-nav {margin: 10px 0;}
.navbar-inverse .navbar-nav > li > a {
	color: #172A88;
	padding: 15px 25px;
	font-weight: 600;
}
.navbar-inverse .navbar-nav > li > a > b.caret {color: rgba(0,0,0,0.6);}
.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(255,255,255,0.6);}
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {color: #ffffff;}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover {background-color: #ffffff;}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    color: #ffffff;
    background-color: #ffffff!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: #3b3b3b;
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
	color: #ffffff;
    background-color: #ffffff;
}
.navbar-nav > li > ul.dropdown-menu-custom {
	border-radius: 0;
	min-width: 230px;
	padding: 0;
	border: 1px solid rgba(0,0,0,0.15);
}
.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.15);
}
@media (max-width: 991px) {
	.container { width: auto; }
	.navbar .container { margin:5px 0 0 0; }
	.navbar.navbar-inverse { min-height: 70px; }
	.navbar-brand > img { width:235px; height:auto; margin:0; }
	.side-logo .navbar-brand {margin: 0 25px!important; padding: 0}
	.navbar-inverse .navbar-toggle { background-color:#289BCD; margin:5px 10px 10px 10px; border-radius:45px; 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: #222;
		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:#fff;}
	.navbar-inverse .navbar-collapse { border-color: #ccc; }
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
		color: #222;
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: 20px;
	}
	ul > li.dropdown.open > ul > li.dropdown.open > a { color: #fff; }
	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: #fff;}
	.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: #ffffff;}
}

/** 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: 700;
    font-size: 14px;
    padding: 0 20px;
    border: 2px solid #172A88;
    margin: 8px 20px 0 0;
    line-height: 46px;
    text-align: center;
    opacity: 1;
    color: #172A88;
}
.carousel-caption a:before, .carousel-caption a:hover {background-color: #ffffff;}
a.carousel-control i.fa {top: 50%;}
.camera_wrap img {
	clip-path: polygon(100% 0%, 0% 0% , 0.00% 90.91%, 3.33% 92.15%, 6.67% 93.33%, 10.00% 94.39%, 13.33% 95.25%, 16.67% 95.89%, 20.00% 96.27%, 23.33% 96.36%, 26.67% 96.16%, 30.00% 95.69%, 33.33% 94.96%, 36.67% 94.02%, 40.00% 92.92%, 43.33% 91.71%, 46.67% 90.45%, 50.00% 89.22%, 53.33% 88.08%, 56.67% 87.09%, 60.00% 86.30%, 63.33% 85.76%, 66.67% 85.48%, 70.00% 85.50%, 73.33% 85.80%, 76.67% 86.37%, 80.00% 87.18%, 83.33% 88.18%, 86.67% 89.33%, 90.00% 90.57%, 93.33% 91.82%, 96.67% 93.02%, 100.00% 94.12%);
}

/** 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:#172A88;
	max-width:480px;
}

#home-image .home-image-text p {
	color: #ffffff;
	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% 90.91%, 3.33% 92.15%, 6.67% 93.33%, 10.00% 94.39%, 13.33% 95.25%, 16.67% 95.89%, 20.00% 96.27%, 23.33% 96.36%, 26.67% 96.16%, 30.00% 95.69%, 33.33% 94.96%, 36.67% 94.02%, 40.00% 92.92%, 43.33% 91.71%, 46.67% 90.45%, 50.00% 89.22%, 53.33% 88.08%, 56.67% 87.09%, 60.00% 86.30%, 63.33% 85.76%, 66.67% 85.48%, 70.00% 85.50%, 73.33% 85.80%, 76.67% 86.37%, 80.00% 87.18%, 83.33% 88.18%, 86.67% 89.33%, 90.00% 90.57%, 93.33% 91.82%, 96.67% 93.02%, 100.00% 94.12%);
}


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

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

.Zebra_Form .row img {width: auto;}

/*=============== box-9 home 2 business section ===============*/
.home-two-business {margin: 80px 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: inherit;
	text-align: left;
	color: #ffffff;
}
.home-two-business .business-text > h1 > a:hover {color:#2EA7E0;}
.home-two-business .business-text > h1 {margin-left:0; margin-right:15%;}
.home-two-business .business-text > span.decoration {
	margin:20px 0 0 0;
	display: block;
	width: 50px;
	border-bottom: 3px solid #58B9E6;
}
.home-two-business .business-item {
	background-color:#172A88;
	margin-top:50px;
	padding:30px;
	border-radius: 5px 50px;
}
.home-two-business .business-item > div {height:60px; margin-bottom:10px;}
.home-two-business .business-item > h2 {
	font-size: 23px;
	line-height: 30px;
	color:#ffffff;
	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,
.home-two-business .business-item > h2 > a:hover {color:#ffffff;}
.home-two-business .business-item:hover > h2 > a,
.home-two-business .business-item:hover > h2 > a:hover {color:#2EA7E0;}
.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: 112px;
	min-height: 112px;
	text-align: left!important;
}
.home-two-business .business-item > p:after {
	content: "";
	border-bottom: 15px solid #2EA7E0;
	border-top: none;
	height: 2px;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 15px;
	border-radius: 50%;
}
.home-two-business .business-item:hover > p:after {border-color: rgba(0, 0, 0, 0.2);}

/*=============== box-10 Service Offer ===============*/
.service-offer .them-main-title > span.decoration {margin: 0 auto;}
.service-offer {margin:0 0 40px 0;}
.service-section {padding-top: 20px;}
.service-section .service-offer-item {
	padding: 30px;
	margin-bottom: 30px;
}
.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-size: 40px;
	line-height: 40px;
	color: rgba(255, 255, 255, 0.5);
	padding: 10px;
	font-weight: 300;
	position: absolute;
	top:-5px;
	left: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;
}
.service-section .service-offer-item h3,
.service-section .service-offer-item h3 > a {
	color:#2EA7E0;
	font-size: 23px;
	line-height: 30px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	max-height: 64px;
	overflow: hidden;
}
.service-section .service-offer-item p {
	color: #dfdfdf;
	margin: 12px 0 0 0;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal;
	height: 84px;
	overflow: hidden;
}
.service-section .service-offer-item:hover {background:#172A88; border-radius: 5px;}
.service-section .service-offer-item:hover h3 > a {color:#ffffff;}
.service-section .service-offer-item:hover > .service-icon > span {
	color: #2EA7E0;
	-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: #dfdfdf;}


/*=============== box-11 choose-section-2 ===============*/
#box-11.choose-section {
	background: #252422 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(23, 42, 136, 0.75);}
#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:#ffffff;}
#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: 40px 0;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	white-space: normal;
	max-height: 168px;
	overflow: hidden;
	text-align: left;
}

#box-11.choose-section .right-side {background: rgba(0, 0, 0, 0.35);}
#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: 23px;
    line-height: 30px;
}
#box-11.choose-section .right-side .right-side-content .right-content-text .right-side-item > h3 > a {
	text-transform: capitalize; 
	color: #2EA7E0;
}
#box-11.choose-section .right-side .right-side-content .right-content-text .right-side-item:hover > h3 > a {color: #ffffff;}
#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: 112px;
	overflow: hidden;
}

/*=============== box-12 Home Gallery ===============*/
.home-gallery {margin: 80px 0 30px 0;}
.home-gallery .them-main-title.gallery-title-ful-widtm {width:100%;}

.isotop_menu {margin-bottom: 50px;}
.isotop_menu ul {display: inline-block;}
.isotop_menu ul li {
	font-family: Arial, "Microsoft JhengHei", PingFang, sans-serif;
	font-size: 16px;
	font-weight: 500;
	display: inline-block;
	cursor: pointer;
	padding: 8px 10px;
	text-transform: capitalize;
	color:rgba(255, 255, 255, 0.5);
}
.isotop_menu ul li.is-checked,
.isotop_menu ul li:hover {color: #2EA7E0;}

.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: 23px;
    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: #2EA7E0;
}
#isotop-gallery-wrapper .isotop-item > h3 > a:hover {color:#ffffff;}
.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(23, 42, 136, 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: #ffffff;
	line-height: 0;
	text-transform: none;
}
.single_item_wrapper > div > a:hover {color: #2EA7E0;}

/*=============== box-13 Numver Section ===============*/
.numver-section {
	background: #172A88;
	background: linear-gradient(0deg, rgba(69, 85, 160, 1) 0%, rgba(23, 42, 136, 1) 100%);
}
.numver-section .numver-section-opact {padding: 50px 0;} 
.numver-section .numver-section-opact .numver-title > h2 {color:#ffffff;}
.numver-section .numver-section-opact .numver-item > div {
	float: left;
	width: 33.333333%;
	color: #ffffff;
	padding: 10px 50px;
}
.numver-section .numver-section-opact .numver-item > div > h3 {color:#ffffff; font-size:55px; font-weight:700; line-height:55px;}
.numver-section .numver-section-opact .numver-item > div > h3:before {
	content: "";
	display: block;
	width: 45px;
	border-top: 3px solid #58B9E6;
	margin-bottom: 20px;
	opacity: 1;
}
.numver-section .numver-section-opact .numver-item > div > p  {
	font-size: 16px;
	font-weight: 500;
	color:#ffffff;
	line-height: 22px;
	margin: 10px 0 0 0;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

/*=============== box-14 Home Client Claider ===============*/
.them-main-title.text-center > span {margin: 0 auto;}
.home-client-claider {margin: 80px 0 50px 0;}
.home-client-claider .them-main-title > h2 a {color:#ffffff;}
.home-client-claider .them-main-title > h2 a:hover {color:#2EA7E0;}
.client-claider-wrapper {margin-top: 40px;}
.client-claider-wrapper .item {border: 1px solid #252422; min-height: 165px;}
.client-claider-wrapper .item > div {padding: 0 50px;}
.client-claider-wrapper .item > div > p {
	margin-bottom: 25px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal;
	max-height: 84px;
	overflow: hidden;
}
.client-claider-wrapper .item > div > div {position:relative; padding:0 0 0 40px;}
.client-claider-wrapper .item > div > div span.deco {
	display: inline-block;
	width: 30px;
	border-top: 3px solid #58B9E6;
	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: 5px;
	right: 5px;
	font-size: 50px;
	color: rgba(255, 255, 255, 0.25);
	-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: #ffffff;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	max-height: 52px;
	overflow: hidden;
	margin: 0 70px 5px 0;
}
.client-claider-wrapper .item:hover > div > div span.deco {border-color: #58B9E6;}
.client-claider-wrapper .item:hover > div > div > h3 > a {color: #2EA7E0;}
.client-claider-wrapper .item:hover > div > div > i.fa {
	color: #82CAEC;
	-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: #999999;
}
#client-claider-carousel.owl-theme .owl-dots .owl-dot.active span,
#client-claider-carousel.owl-theme .owl-dots .owl-dot span:hover {border-color: #ffffff; background: #172A88;}

/*=============== box-15 Home Form Section ===============*/
.home-form-section {
	padding: 80px 0;
	background: rgba(0, 0, 0, 0.5);
}
.home-form-section .form-text-item {text-align: right; color: #ffffff;}
.home-form-section .form-text-item > .them-main-title {margin-top:10px;}
.home-form-section .form-text-item > .them-main-title > h2 > a {color:#ffffff; text-transform:inherit;}
.home-form-section .form-text-item > .them-main-title > h2 > a:hover {color:#2EA7E0;}
.home-form-section .form-text-item > .them-main-title > span {
	display: inline-block;
	width: 50px;
	border-bottom: 3px solid #58B9E6;
	padding-top: 20px;
}
.home-form-section .form-text-item > p {
	margin-top: 40px;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	white-space: normal;
	max-height: 112px;
	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: #ffffff;}
.home-logo-slide .them-main-title > h2 > a:hover {color:#2EA7E0;}
.home-logo-slide .them-main-title > p {
	margin: 40px 0 0 0;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	white-space: normal;
	max-height: 112px;
	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: rgba(255, 255, 255, 0.6); font-style: italic;}
#logo-claider-carousel .item > div {border: 1px solid rgba(0, 0, 0, 0);}
#logo-claider-carousel .item > h3 {
    font-size: 18px;
	font-style: normal;
	line-height: 26px;
	margin: 15px 0 12px 0;
	color: #ffffff;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal;
	max-height: 78px;
	overflow: hidden;
}
#logo-claider-carousel .item > h3 > a {color: #ffffff;}
#logo-claider-carousel .item > h3 > a:hover {color: #2EA7E0;}

/*=============== box-17 Home-two-our-Service ===============*/
.home-two-our-service {background: #252422;}
.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: 90% 10% 0;
	color: #ffffff;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(55%, transparent), color-stop(100%, #000000));
	background-image: -webkit-linear-gradient(top, transparent 55%, #000000 100%);
	background-image: -moz-linear-gradient(top, transparent 55%, #000000 100%);
	background: linear-gradient(to bottom, transparent 55%, #000000 100%);
}
.home-two-our-service .home-two-our-service-item:hover .item-opact-text {
	background: rgba(23, 42, 136, 0.85);
	padding: 30% 10% 0;
}
.home-two-our-service .home-two-our-service-item .item-opact-text h2 {
    font-size: 23px;
    line-height: 30px;
    font-weight: 600;
}
.home-two-our-service .home-two-our-service-item .item-opact-text h2 > a {
	text-transform: capitalize;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: normal;
	max-height: 56px;
	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 h2 > a:hover,
.home-two-our-service .home-two-our-service-item .item-opact-text h2 > a:hover > i {color:#2EA7E0;}
.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 p {
	margin: 12px 0;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	white-space: normal;
	max-height: 112px;
	overflow: hidden;
}

/*=============== box-18 Home two Recent work ===============*/
.Recent-work-section {margin: 80px 0;}
.Recent-work-taitle .them-main-title > h2 a {color:#ffffff;}
.Recent-work-taitle .them-main-title > h2 a:hover {color:#2EA7E0;}
.Recent-work-taitle > p {
	margin: 40px 0 0 0;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	white-space: normal;
	max-height: 112px;
	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: 23px;
    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:#2EA7E0;}
#Recent-work-claider-carousel .item > h3 a:hover {color:#ffffff;}

/*=============== box-19 Our Membership ===============*/
.Our-Membership {margin: 80px 0;}
.Our-Membership .them-main-title {margin-bottom: 30px;}
.Our-Membership .them-main-title > p {margin: 40px 10% 35px;}
.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;
	color: #ffffff;
	border-radius: 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: 80%;
	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;
	font-weight: 600;
    line-height: 26px;
	margin: 0 12% 25px;
}
.Our-Membership .Our-Membership-item .Membership-div > h4 {
	font-size: 23px;
	line-height: 30px;
	font-weight: 600;
	margin: 15px 12%;
}
.Our-Membership .Our-Membership-item .Membership-div > p {
	margin: 0 20%; 
	color: #ffffff;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	white-space: normal;
	max-height: 112px;
	overflow: hidden;
}
.Our-Membership .Our-Membership-item .Membership-div > span {
	display: block;
	text-transform: uppercase;
	font-size: 14px;
	font-family: Arial, "Microsoft JhengHei", PingFang, sans-serif;
	line-height: 20px;
	margin: 25px 12% 0;
}
.Our-Membership .Our-Membership-item .Membership-div.item-one-color {background: #172A88;}
.Our-Membership .Our-Membership-item .Membership-div.item-two-color {background: #172A88;}
.Our-Membership .Our-Membership-item .Membership-div.item-three-color {background: #172A88;}
.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:#ffffff; text-transform:uppercase;}
.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:#2EA7E0;}
.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: #2EA7E0;}
.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: #2EA7E0;}

.Our-Membership .Our-Membership-item:hover .Membership-div h3 a {color:#2EA7E0;}

/*=============== box-20 box settings shared with box-2 ===============*/
#box-20.events-section .event-areya h2 {margin-right:15%;}
#box-20.events-section .event-areya .event-item {margin-bottom:0;}
#box-20 .event-item .event-text > h3 {
    font-size: 28px;
	font-weight: 400;
	line-height: 36px;
	text-transform: unset;
	color: #2EA7E0;
}
#box-20 .event-item .event-text > h3 a {color: #2EA7E0;}
#box-20 .event-item .event-text > h3 a:hover {color: #ffffff;}
#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: 168px;
}

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

/*=============== top search ===============*/
.top_search { display: block; float: right; font-size: 0.85em; color: #ffffff; }
.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: #2EA7E0!important;}
.desc_html > small > a:hover,
*[class^="desc_"] > small > a:hover {color: #A2AACF!important;}

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

/** Advanced Search **/
.advsearch-search {
	padding: 10px 15px;
	border: 2px solid #2EA7E0;
	border-radius: 45px;
	text-transform: none;
  	color: #2EA7E0!important;
}
.advsearch-search:hover { background-color: #172A88; border-color: #172A88; }
.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: #F8F9FA;
		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: #2EA7E0; float: right; text-transform: initial; }
#show_adv_search_blk .all_conditions:hover { color: #ffffff; }
#show_adv_search_blk h5 { margin-bottom: 15px; font-size: 38px; line-height: 50px;}
#show_adv_search_blk p { margin-bottom: 15px; }
#show_adv_search_blk button.btn-mini {
    float: left;
	margin: 10px 10px 10px 0; 
	color: #020205; 
	font-weight: 600; 
	line-height: 33px; 
	padding: 7px 15px;
	background-color: #2EA7E0;
	-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:25px;
}
#show_adv_search_blk button.btn-mini:hover { color: #ffffff; background: #172A88; }
#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: #172A88;}
.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: #ffffff; text-transform: capitalize;}
.advsearch-search-box .form-text-item > .them-main-title > h2 > a:hover {color: #2EA7E0;}
.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: 115px;
	overflow: hidden;
}
.advsearch-search-box .form-section-opact .form-text-item > a {
	line-height: 45px;
	background: #2EA7E0;
	text-align: center;
	font-weight: 600;
	margin-top: 15px;
	padding: 0 25px;
	color:#020205;
}
.advsearch-search-box .form-section-opact .form-text-item > a:hover {background: #172A88; color:#FFFFFF;}
.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(229 229 229 / 0) 0,rgb(111 111 111 / 80%) 100%);
	display: none;
}
.scrollDown.show {
	display: block;
	z-index: 1;
}
.scroll-down {
	border: 2px solid #fff;
	border-radius: 20px;
	bottom: 25px;
	height: 50px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	width: 30px;
}
.scroll-down::before {
	animation: scrollDownAnimation 2s infinite;
	background-color: #fff;
	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: 30px!important;
    color: #fff!important;
    background: #222!important;
    height: 65px;
    width: 25px;
    line-height: 65px;
    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;
	}
}