/* Sfinance - Html Template */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header
5. Main Slider
6. Main Footer
7. Page Title
8. Call To Action
9. Fact Counter
10.Services
11.Blog Page
12.Projects
13.Contact Form
14.Testimonial
15.Team Member
16.Single Page

**********************************************/

@import url('css-Hind3004005006007007CPoppins.css');
/*font-family: 'Poppins', sans-serif;
font-family: 'Hind', sans-serif;*/

/* @import url('font-awesom e.css'); */
/* @import url('icomoon2.css'); */
@import url('animate.css');
@import url('owl.css');
/* @import url('jquery.fancybox.css'); */
/* @import url('hover.css'); */
@import url('imagehover-extended.css');
/* @import url('jquery-ui.css'); */
/* @import url('jquery.bootstrap-touchspin.css'); */

@font-face {
  font-family: 'FontAwesome';
  src: url('../font/fontawesome-webfont.eot');
  src: local('../fonts/FontAwesome'),
 
       url('../font/fontawesome-webfont.woff') format('woff'),
       url('../font/fontawesome-webfont.ttf')  format('truetype'),
  
}
/***

====================================================================
	Reset
====================================================================

 ***/

* {
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
}

/***

====================================================================
	Global Settings
====================================================================

 ***/



@media (min-width: 1200px) {
	.container,
	.container-fluid {
		padding: 0;
	}
}





/* section padding */

.sp-one {
	padding: 80px 0;
}

.sp-two {
	padding: 80px 0 50px;

}

.sp-three {
	padding: 80px 0 30px;
}

.sp-four {

}

.sp-five {
	padding: 0px 0 80px;
}

.sp-six {
	padding: 0px 0 50px;
}

.projects-block-one.mix {
	display: none;
}

.theme_color{
	color:#28166f;
}

img{
	display:inline-block;
	max-width:100%;
}

.preloader{
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:999999;
	background-color:#ffffff;
	background-position:center center;
	background-repeat:no-repeat;
	background-image:url(../images/icons/preloader.gif);
}

/*Btn Style One*/



/*Btn Style One*/

.btn-style-two {
	position:relative;
	padding: 11px 40px;
	border-radius: 25px;
	line-height:24px;
	color:#ffffff;
	text-align:center;
	display: inline-block;
	font-size:14px;
	font-weight:700;
	letter-spacing:1px;
	text-transform:uppercase;
	border:2px solid #28166f;
	font-family:'微軟正黑體', 'Poppins', sans-serif;
	background-color: #28166f;
	background-image: url(https://www.sunon.com.cn/images/background/bnt_bg.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.btn-style-two:hover {
	color:#ffffff;
	background:#101010;
	border-color:#101010;
}



/*Btn Style three*/

.btn-style-three {
	position:relative;
	padding: 11px 40px;
	line-height:24px;
	color:#28166f;
	text-align:center;
	display: inline-block;
	font-size:14px;
	font-weight:700;
	background:none;
	letter-spacing:1px;
	text-transform:uppercase;
	border:2px solid #28166f;
	font-family: '微軟正黑體','Poppins', sans-serif;
}

.btn-style-three:hover {
	color:#ffffff;
	border-color:#28166f;
	background-color:#28166f;
}

/*Btn Style four*/

.btn-style-four {
	position:relative;
	padding: 11px 40px;
	line-height:24px;
	border-radius: 25px;
	color:#28166f;
	text-align:center;
	display: inline-block;
	font-size:14px;
	font-weight:700;
	background:none;
	letter-spacing:1px;
	text-transform:uppercase;
	border:2px solid #28166f;
	font-family:'微軟正黑體', 'Poppins', sans-serif;
}

.btn-style-four:hover {
	color:#ffffff;
	border-color:#28166f;
	background-color:#28166f;
}


/*Btn Style five*/

.btn-style-five {
	position:relative;
	padding: 11px 40px;
	line-height:24px;
	color: #28166f;
	text-align:center;
	display: inline-block;
	font-size:14px;
	font-weight:700;
	background: #ffffff;
	letter-spacing:1px;
	text-transform:uppercase;
	border: 2px solid #ffffff;
	font-family:'微軟正黑體', 'Poppins', sans-serif;
}

.btn-style-five:hover {
	color:#ffffff;
	background: #28166f;
	border-color: #28166f;
}


/*Btn Style six*/

.btn-style-six {
	position:relative;
	padding: 11px 40px;
	line-height:24px;
	color:#28166f;
	text-align:center;
	border-radius: 25px;
	display: inline-block;
	font-size:14px;
	font-weight:700;
	background:#fff;
	letter-spacing:1px;
	text-transform:uppercase;
	border: 2px solid #ffffff;
	font-family:'微軟正黑體', 'Poppins', sans-serif;
}

.btn-style-six:hover {
	color:#ffffff;
	background: #28166f;
	border-color: #28166f;
}



/*Btn Style seven*/

.btn-style-seven {
	position:relative;
	padding: 11px 40px;
	line-height:24px;
	color:#fff;
	text-align:center;
	display: inline-block;
	font-size:14px;
	font-weight:700;
	background:none;
	letter-spacing:1px;
	text-transform:uppercase;
	border:2px solid #fff;
	font-family: '微軟正黑體','Poppins', sans-serif;
}

.btn-style-seven:hover {
	color:#ffffff;
	border-color:#28166f;
	background-color:#28166f;
}

/*Btn Style eight*/

.btn-style-eight {
	position:relative;
	padding: 11px 40px;
	line-height:24px;
	border-radius: 25px;
	color:#fff;
	text-align:center;
	display: inline-block;
	font-size:14px;
	font-weight:700;
	background:none;
	letter-spacing:1px;
	text-transform:uppercase;
	border:2px solid #fff;
	font-family: 'Poppins', sans-serif;
}

.btn-style-eight:hover {
	color:#ffffff;
	border-color:#28166f;
	background-color:#28166f;
}

/*Btn Style nine*/

.btn-style-nine {
	position:relative;
	padding: 11px 40px;
	line-height:24px;
	color: #28166f;
	text-align:center;
	display: inline-block;
	font-size:14px;
	font-weight:700;
	background: #f7f7f7;
	letter-spacing:1px;
	text-transform:uppercase;
	border: 2px solid #f7f7f7;
	font-family: 'Poppins', sans-serif;
}

.btn-style-nine:hover {
	color:#ffffff;
	background: #28166f;
	border-color: #28166f;
}


/*Btn Style ten*/

.btn-style-ten {
	position:relative;
	padding: 11px 40px;
	line-height:24px;
	color:#28166f;
	text-align:center;
	border-radius: 25px;
	display: inline-block;
	font-size:14px;
	font-weight:700;
	background:#f7f7f7;
	letter-spacing:1px;
	text-transform:uppercase;
	border: 2px solid #f7f7f7;
	font-family: 'Poppins', sans-serif;
}

.btn-style-ten:hover {
	color:#ffffff;
	background: #28166f;
	border-color: #28166f;
}



/*Btn Style eleven*/

.btn-style-eleven {
	position:relative;
	padding: 11px 40px;
	line-height:24px;
	color:#fff;
	text-align:center;
	display: inline-block;
	font-size:14px;
	font-weight:700;
	background:none;
	letter-spacing:1px;
	text-transform:uppercase;
	border:2px solid rgba(255, 255, 255, 0.5);
	font-family: 'Poppins', sans-serif;
}

.btn-style-eleven:hover {
	color:#ffffff;
	border-color:#28166f;
	background-color:#28166f;
}

/*Btn Style twelve*/

.btn-style-twelve {
	position:relative;
	padding: 11px 40px;
	line-height:24px;
	border-radius: 25px;
	color:#fff;
	text-align:center;
	display: inline-block;
	font-size:14px;
	font-weight:700;
	background:none;
	letter-spacing:1px;
	text-transform:uppercase;
	border:2px solid rgba(255, 255, 255, 0.5);
	font-family: 'Poppins', sans-serif;
}

.btn-style-twelve:hover {
	color:#ffffff;
	border-color:#28166f;
	background-color:#28166f;
}



/*Btn Style thirteen*/

.btn-style-thirteen {
	position:relative;
	padding: 11px 40px;
	line-height:24px;
	color:#222;
	text-align:center;
	display: inline-block;
	font-size:14px;
	font-weight:700;
	background:none;
	letter-spacing:1px;
	text-transform:uppercase;
	border:1px solid #e8e8e8;
	font-family: 'Poppins', sans-serif;
}

.btn-style-thirteen:hover {
	color:#ffffff;
	border-color:#e4007d;
	background-color:#e4007d;
}

/*Btn Style fourteen*/

.btn-style-fourteen {
	position:relative;
	padding: 11px 40px;
	line-height:24px;
	border-radius: 25px;
	color:#222;
	text-align:center;
	display: inline-block;
	font-size:14px;
	font-weight:700;
	background:none;
	letter-spacing:1px;
	text-transform:uppercase;
	border:1px solid #e8e8e8;
	font-family: 'Poppins', sans-serif;
}

.btn-style-fourteen:hover {
	color:#ffffff;
	border-color:#e4007d;
	background-color:#e4007d;
}

/*Btn Style fifteen*/

.btn-style-fifteen {
	position:relative;
	padding: 0px 12px;
	line-height:25px;
	color:#ffffff;
	text-align:center;
	display: inline-block;
	font-size:12px;
	font-weight:600;
	background:#e4007d;
	border-radius: 12px;
	letter-spacing:1px;
	text-transform:uppercase;
	border:2px solid #28166f;
	font-family: 'Poppins', sans-serif;
}

.btn-style-fifteen:hover {
	color:#e4007d;
	background: transparent;
	border-color:#e4007d;
}



/*Social Icon One*/

.social-icon-one{
	position:relative;
}

.social-icon-one li{
	position:relative;
	margin-left:20px;
	display:inline-block;
}

.social-icon-one li a{
	position:relative;
	color: #dedede;
	font-size:16px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.social-icon-one li a:hover{
	color:#ffffff;
}

/*Social Icon Two*/

.social-icon-two{
	position:relative;
}

.social-icon-two li{
	position:relative;
	margin:0px 7px;
	display:inline-block;
}

.social-icon-two li a{
	position:relative;
	width:40px;
	height:40px;
	color:#ffffff;
	font-size:16px;
	line-height:38px;
	text-align:center;
	border-radius:50%;
	display:inline-block;
	background:none;
	border:1px solid #ffffff;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.social-icon-two li a:hover{
	color:#28166f;
	border-color:#ffffff;
	background-color:#ffffff;
}

/*Social Icon Three*/

.social-icon-three{
	position:relative;
}

.social-icon-three li{
	position:relative;
	margin-right:10px;
	display:inline-block;
}

.social-icon-three li a{
	position:relative;
	width:38px;
	height:38px;
	color:#848484;
	font-size:16px;
	line-height:38px;
	text-align:center;
	border-radius:50%;
	display:inline-block;
	background:#f4f4f4;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.social-icon-three li a:hover{
	color:#ffffff;
	background-color:#28166f;
}

/*Social Icon Four*/

.social-icon-four{
	position:relative;
}

.social-icon-four li{
	position:relative;
	margin-right:10px;
	display:inline-block;
}

.social-icon-four li a{
	position:relative;
	color:#9a9a9a;
	font-size:16px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.social-icon-four li a:hover{
	color:#28166f;
}

/*Social Icon Five*/

.social-icon-five{
	position:relative;
}

.social-icon-five li{
	position:relative;
	margin-right:10px;
	display:inline-block;
}

.social-icon-five li a{
	position:relative;
	color:#fff;
	font-size:16px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.social-icon-five li a:hover{
	color:#28166f;
}


/*Social Icon six*/

.social-icon-six{
	position:relative;
	padding:10px 0;
}

.social-icon-six li{
	position:relative;
	margin:0px 4px;
	display:inline-block;
}

.social-icon-six li:first-child {
	margin-left: 0px;
}

.social-icon-six li a{
	position:relative;
	width:45px;
	height:45px;
	color:#848484;
	font-size:14px;
	line-height:41px;
	text-align:center;
	border-radius:50%;
	display:inline-block;
	background:none;
	border:1px solid #2c2c2c;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.social-icon-six li a:hover{
	color:#fff;
	border-color:#28166f;
	background-color:#28166f;
}

/*social-icon-seven*/

.social-icon-seven {
	position: relative;
	margin: 21px 0;
}

.social-icon-seven li {
	display: inline-block;
	text-transform: uppercase;
}

.social-icon-seven li a {
	color: #848484;
	margin: 0 4px;
	font-size: 18px;
	transition: .3s ease;
}
.social-icon-seven li a:hover {
	color: #e4007d;
}

/*Custom Select*/

.form-group .ui-selectmenu-button.ui-button{
	width:100%;
	font-size:14px;
	font-style:normal;
	height:50px;
	padding: 7px 20px;
	line-height:30px;
	color:#333333;
	border-radius:0px;
	border:1px solid #e5e5e5;
	background:#ffffff;
}

.form-group .ui-button .ui-icon{
	background:none;
	position:relative;
	top:3px;
	text-indent:0px;
	color:#333333;
}

.form-group .ui-button .ui-icon:before{
	font-family: 'FontAwesome';
	content: "\f107";
	position:absolute;
	right:0px;
	top:2px !important;
	top:13px;
	width:10px;
	height:20px;
	display:block;
	color:#333333;
	line-height:20px;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	z-index:5;
}

.ui-widget.ui-widget-content{
	border:1px solid #e0e0e0;
	font-family:'Poppins',sans-serif;
}

.ui-menu .ui-menu-item{
	font-size:14px;
	border-bottom:1px solid #e0e0e0;
}

.ui-menu .ui-menu-item:last-child{
	border:none;
}

.ui-state-active, .ui-widget-content .ui-state-active{
	background-color:#28166f;
}

.ui-menu .ui-menu-item-wrapper{
	position:relative;
	display:block;
	padding:8px 20px ;
	font-size:14px;
	line-height:24px;
}

.ui-menu-item:hover{
	background-color:#17519d;
}

/* owl controll */

.owl-dots-none .owl-dots{
	display:none;
}

/* style one */

.owl-dot-style-one .owl-dots{
	position:relative;
	text-align:center;
}

.owl-dot-style-one .owl-dots .owl-dot{
	position:relative;
	display:inline-block;
	margin: 0px 5px;
}

.owl-dot-style-one .owl-dots .owl-dot span{
	position:relative;
	display:block;
	width:10px;
	height:10px;
	border-radius:50%;
	border:1px solid #28166f;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.owl-dot-style-one .owl-dots .owl-dot.active span,
.owl-dot-style-one .owl-dots .owl-dot:hover span{
	background: #28166f;
	border-color: #28166f;
}

/* style two */
.owl-dot-style-two .owl-dots{
	position:relative;
	text-align:center;
	line-height: 15px;
}

.owl-dot-style-two .owl-dots .owl-dot{
	position:relative;
	display:inline-block;
	margin: 0px 5px;
}

.owl-dot-style-two .owl-dots .owl-dot span{
	position:relative;
	display:block;
	width:15px;
	height:15px;
	border-radius:50%;
	border:2px solid #ddd;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.owl-dot-style-two .owl-dots .owl-dot span:before {
	position: absolute;
	content: '';
	/* background: #e8e8e8; */
	width: 5px;
	height: 5px;
	border-radius: 50%;
	left: 3px;
	top: 3px;
}

.owl-dot-style-two .owl-dots .owl-dot.active span,
.owl-dot-style-two .owl-dots .owl-dot:hover span{
	background: #28166f;
	border-color: #28166f;
}

/* owl nav */

.owl-nav-none .owl-nav{
	display:none;
}

.owl-nav-style-one .owl-nav{
	margin:0px;
	padding:0px;
	text-align: center;
}

.owl-nav-style-one .owl-nav .owl-next,
.owl-nav-style-one .owl-nav .owl-prev{
	position: relative;
	width: 50px;
	height: 50px;
	margin: 0 8px;
	display: inline-block;
	line-height:46px;
	border:1px solid #f0f0f0;
	text-align:center;
	font-size:24px;
	color:#949494;
	border-radius: 50%;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.owl-nav-style-one .carousel-outer:hover .owl-nav .owl-next,
.owl-nav-style-one .carousel-outer:hover .owl-nav .owl-prev{
	opacity:1;
	visibility:visible;
}

.owl-nav-style-one .owl-nav .owl-prev{
	left:0px;
}

.owl-nav-style-one .owl-nav .owl-next{
	right:0px;
}

.owl-nav-style-one .owl-nav .owl-next:hover,
.owl-nav-style-one .owl-nav .owl-prev:hover{
	color: #28166f;
	border-color: #28166f;
}

/* nav style tow */

.owl-nav-style-two .owl-nav{
	padding:0px;
	text-align: center;
	bottom: 100%;
	top: inherit;
	position: absolute;
	left: inherit;
	right: 0;
}

.owl-nav-style-two .owl-nav .owl-next,
.owl-nav-style-two .owl-nav .owl-prev{
	position: relative;
	width: 50px;
	height: 50px;
	margin: 0 8px 30px;
	display: inline-block;
	line-height:46px;
	border:1px solid #f0f0f0;
	text-align:center;
	font-size:24px;
	color:#949494;
	border-radius: 50%;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
}

.owl-nav-style-two .carousel-outer:hover .owl-nav .owl-next,
.owl-nav-style-two .carousel-outer:hover .owl-nav .owl-prev{
	opacity:1;
	visibility:visible;
}

.owl-nav-style-two .owl-nav .owl-prev{
	left:0px;
}

.owl-nav-style-two .owl-nav .owl-next{
	right:0px;
}

.owl-nav-style-two .owl-nav .owl-next:hover,
.owl-nav-style-two .owl-nav .owl-prev:hover{
	color: #28166f;
	border-color: #28166f;
}

/***

====================================================================
	Section Title
====================================================================

***/

.sec-title{
	position:relative;
	margin-bottom:50px;
}

.sec-title.small{
	margin-bottom: 40px;
}

.sec-title h2{
	font-size:30px;
	color:#222222;
	font-weight:400;
	line-height:1.1em;
	font-family:'微軟正黑體', 'Hind', sans-serif;
}

.sec-title h5{
	font-size:14px;
	color:#e4007d;
	font-weight:500;
	text-transform: uppercase;
	padding-bottom:10px;	font-family:'微軟正黑體', 'Hind', sans-serif;
}

.sec-title.light h2{
	color:#ffffff;
}

.sec-title.centered{
	text-align:center;
}

.sec-title.small h2{
	font-size:24px;
}

.sec-title.with-sep {
	position: relative;
}

.sec-title.with-sep:after {
    content: "";
    position: absolute;
    top: 48px;
    left: 0;
    width: 50px;
    height: 2px;
    background: #28166f;
}

/* video section */

.video-image-box .image {
  position: relative;
}

.video-image-box img {
  display: block;
  width: 100%;
}

.video-image-box .image .overlay-link {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	display: flex;
	height: 100%;
	font-size: 50px;
	align-items: center;
	justify-content: center;
	color: #28166f;
	text-align: center;
	background: rgba(0, 0, 0, 0.50);
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.video-image-box .image .overlay-link:hover {
  background: rgba(0, 0, 0, 0.30);
}

.video-image-box .image .overlay-link .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -30px;
  margin-left: -30px;
  width: 60px;
  background: #fff;
  height: 60px;
  border-radius: 50%;
  line-height: 60px;
  font-size: 29px;
  color: #28166f;
  padding-left: 5px;
}

/*** Fancy Box ***/

.fancybox-next span,
.fancybox-prev span{
	background-image:none !important;
	width:44px !important;
	height:44px !important;
	line-height:44px !important;
	text-align:center;
}

.fancybox-next span:before,
.fancybox-prev span:before{
	content:'';
	position:absolute;
	font-family: 'FontAwesome';
	left:0px;
	top:0px;
	font-size:12px;
	width:44px !important;
	height:44px !important;
	line-height:44px !important;
	background-color:rgba(28,28,28,0.40) !important;
	color:#ffffff;
	visibility:visible;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}

.fancybox-next span:before{
	content:'\f178';
}

.fancybox-prev span:before{
	content:'\f177';
}

.fancybox-next:hover span:before,
.fancybox-prev:hover span:before{
	background-color:#ffffff !important;
	color:#000000;
}

.fancybox-type-image .fancybox-close{
	right:0px;
	top:0px;
	width:45px;
	height:45px;
	background:url(https://www.sunon.com.cn/images/icons/icon-cross.png) center center no-repeat;
	background-color:rgba(17,17,17,0.50) !important;
}

.fancybox-type-image .fancybox-close:hover{
	background-color:#000000 !important;
}

.fancybox-type-image .fancybox-skin{
	padding:0px !important;
}

/*List Style One*/

.list-style-one{
	position:relative;
}

.list-style-one li{
	position:relative;
	color:#848484;
	font-size:16px;
	font-weight:300;
	padding-left:28px;
	margin-bottom:10px;
}

.list-style-one li:before{
	position:absolute;
	content:'\f046';
	left:0px;
	top:0px;
	font-size:16px;
	color:#28166f;
	font-family: 'FontAwesome';
}

/*List Style Two*/

.list-style-two{
	position:relative;
	margin-bottom:30px;
}

.list-style-two li{
	position:relative;
	color:#848484;
	font-size:16px;
	font-weight:300;
	padding-left:20px;
	margin-bottom:6px;
}

.list-style-two li:before{
	position:absolute;
	content: '';
	left:0px;
	top: 10px;
	height: 5px;
	width: 5px;
	background: #28166f;
	font-family: 'FontAwesome';
	transform: rotate(-45deg);
}

/*List Style Three*/

.list-style-three{
	position:relative;
	margin-bottom:30px;
}

.list-style-three li{
	position:relative;
	color:#848484;
	font-size:16px;
	font-weight:300;
	padding-left:20px;
	margin-bottom:6px;
}

.list-style-three li:before{
	position:absolute;
	content:'';
	left:0px;
	top:10px;
	width:7px;
	height:7px;
	border-radius:50%;
	background-color:#28166f;
	font-family: 'FontAwesome';
}

.list-style-three li:nth-child(2):before{
	background-color:#fd5075;
}

.list-style-three li:nth-child(3):before{
	background-color:#11e6a2;
}

/* parallax-one */

.parallax-one {
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
}

.parallax-one:before {
	position: absolute;
	content: '';
	background: rgba(0, 157 ,66, 0.8);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

/*======= gallery filter ==========*/

.filter-tabs {
  display: flex;
  margin: 0;
  margin-bottom: 40px;
  justify-content: center;
}

.filter-tabs li {
  padding: 0;
  margin: 0px 7px 10px;
}

.filter-tabs li.active {}

.filter-tabs li span {
  color: #464646;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  padding: 8px 25px;
  border: 1px solid #f2f2f2;
  border-radius: 22px;
  font-family: 'Poppins', sans-serif;
  display: block;
  cursor: pointer;
  transition: .5s ease;
}

.filter-tabs li:last-child span {
  border-right: 0px;
}

.filter-tabs.style-2 li span {
  color: #fff;
}

.filter-tabs li:hover span,
.filter-tabs li.active span {
  color: #ffffff;
  background: #28166f;
  border-color: #28166f;
  transition: .5s ease;
}

.filter-tabs li span i {
  font-size: 14px;
  margin-right: 5px;
}




/***

====================================================================
	Main Header style
====================================================================

***/



/* .logo img{
	position:relative;
	display:inline-block;
	max-width:100%;
	margin: 20px 0;
	margin-right: 20px;
} */

.main-header .header-upper .upper-right{
	position:relative;
	padding-top:35px;
}

.info-box-one{
	position:relative;
	min-height:56px;
	margin-right:40px;
	font-size:13px;
	color:#777777;
	text-transform:uppercase;
	padding: 20px 0px 20px 45px;
}

.info-box-one .icon-box{
	position:absolute;
	left:0px;
	color: #184e9d;
	font-size:32px;
	text-align:left;
	line-height:1.2em;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.info-box-one li{
	position:relative;
	line-height:20px;
	color:#848484;
	font-size:16px;
	margin-bottom:3px;
	font-weight:300;
	text-transform:capitalize;
}

.info-box-one strong{
	font-weight:500;
	color:#222222;
	font-size:16px;
	font-family: 'Poppins', sans-serif;
}


.main-header .outer-box{
	position: relative;
	display: flex;
}

.header-top-one{
	position:relative;
	background-color: #28166f;
	padding: 13px 0;
	background-image: url(https://www.sunon.com.cn/images/idx_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}


.welcome-text .text {
	color: #fff;
	margin-right: 15px;
}

/*topbar-menu*/

.topbar-menu {
	position: relative;
}

.topbar-menu li {
	display: inline-block;
	border-right: 1px solid #ffffff1a;
	padding-right: 12px;
	margin-right: 8px;
}

.topbar-menu li a {
	color: #fff;
}

/*language switcher*/
.language-switcher .dropdown-menu{
	width:180px;
	padding:0px;
	margin-top:6px;
	background-color:#222222;

}

.language-switcher{
	top:-2px;
	padding-right: 8px;
    line-height: 1.4em;
}

.language-switcher a{
	border:0px;
	padding:0px;
	background:none;
	color: #fff;
}

.language-switcher .dropdown-toggle::after {
	display: none;
}

.language-switcher a:hover{
	background:none;
}

.language-switcher .dropdown-menu > li{
	padding:0px !important;
	margin:0px !important;
	float:none;
	display:block !important;
    border-bottom: 1px solid rgba(255,255,255,0.20);
}

.language-switcher .dropdown-menu > li > a{
	padding:10px 20px !important;
	color:#ffffff;
	text-align:left;
	display: block;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.language-switcher .dropdown-menu > li > a:focus{
	background:none;
}

.language-switcher .dropdown-menu > li > a:hover{
	color:#ffffff;
	background:none;
	background-color:#eb5310;
}

/*search box*/

.main-header .header-lower .search-box-outer{
	position: relative;
	min-width: 40px;
	padding-right:10px;
	padding-left: 20px;
	padding-top: 25px;
	padding-bottom: 24px;
}

.main-header .header-lower .search-box-outer .dropdown-toggle::after {
	display: none;
}

.main-header .header-lower .search-box-btn{
	position:relative;
	display:block;
	width:100%;
	font-size:16px;
	color: #222;
	line-height:20px !important;
	padding:0px;
	margin:0px;
	cursor:pointer;
	background:none;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.main-header .header-lower .search-box-outer .dropdown-menu{
	top:40px;
	right:0px;
	padding:0px;
	width:280px;
	border-radius:0px;
	border-top:3px solid #28166f;
}

.main-header .header-lower .search-box-outer .dropdown-menu > li{
	padding:0px;
	border:none;
	background:none;
}

.main-header .header-lower .search-panel .form-container{
	padding:25px 20px;
}

.main-header .header-lower .search-panel .form-group{
	position:relative;
	margin:0px;
}

.main-header .header-lower .search-panel input[type="text"],
.main-header .header-lower .search-panel input[type="search"],
.main-header .header-lower .search-panel input[type="password"],
.main-header .header-lower .search-panel select{
	display:block;
	width:100%;
	height:40px;
	color:#000000;
	line-height:24px;
	background:#ffffff;
	border:1px solid #e0e0e0;
	padding:7px 40px 7px 15px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.main-header .header-lower .search-panel input:focus,
.main-header .header-lower .search-panel select:focus{
	border-color:#28166f;
}

.main-header .header-lower .search-panel .search-btn{
	position:absolute;
	right:0px;
	top:0px;
	width:40px;
	height:40px;
	text-align:center;
	color:#555555;
	font-size:12px;
	background:none;
	cursor:pointer;
}

/*search box btn*/

.main-header .search-box-btn{
	position:relative;
	font-size:14px;
	top:50%;
	margin-top:0px;
	line-height:38px;
	color:#ffffff;
	cursor:pointer;
	background:none;
}

.main-header .search-box-outer .dropdown-menu{
	top:70px;
	padding:0px;
	width:280px;
	border-radius:0px;
	border-top:3px solid #eb5310;
}

.main-header .search-panel .form-container{
	padding:25px 20px;
}

.main-header .search-panel .form-group{
	position:relative;
	margin:0px;
}

.main-header .search-panel input[type="text"],
.main-header .search-panel input[type="search"],
.main-header .search-panel input[type="password"],
.main-header .search-panel select{
	display:block;
	width:100%;
	line-height:24px;
	padding:7px 40px 7px 15px;
	height:40px;
	border:1px solid #e0e0e0;
	background:#ffffff;
}

.main-header .search-panel input:focus,
.main-header .search-panel select:focus{
	border-color:#eb5310;
}

.main-header .search-panel .search-btn{
	position:absolute;
	right:0px;
	top:0px;
	width:40px;
	height:40px;
	text-align:center;
	color:#555555;
	font-size:12px;
	background:none;
	cursor:pointer;
}



/***

====================================================================
	Main Slider style
====================================================================

***/

.main-slider{
	position:relative;
	z-index:10;
}

.main-slider .tp-caption{
	z-index:5 !important;
}



.main-slider .tparrows.gyges{
	width:60px;
	height:60px;
	line-height:60px;
	background-color:rgba(255,255,255,0.20);
}

.main-slider .tparrows.gyges:before{
	line-height:60px;
}

.main-slider .tparrows.gyges:hover{
	background-color:#28166f;
}



.main-slider .text{
	position:relative;
	font-size:18px;
	font-weight:500;
	color:#2a4d9e;
	line-height:1.7em;
}

.main-slider .text.dark-text{
	color:#022222;
	font-size:16px;
}

.main-slider .dark-heading{
	position:relative;
	color:#022222;
	font-size:60px;
	border:0px;
	padding:0px;
	line-height:1.2em;
}

.main-slider .dark-heading:after{
	display:none;
}

.main-slider .white-heading{
	position:relative;
	color:#222;
	border:0px;
	padding:0px;
	line-height:1.2em;
	font-family: "微軟正黑體";
}

.main-slider .white-heading:after{
	display:none;
}

.main-slider h4{
	position:relative;
	font-size:36px;
	font-weight:400;
	color:#ffffff;
}

.main-slider h1{
	position:relative;
	font-size:72px;
	font-weight:700;
	color:#ffffff;
	line-height:1.2em;
	text-transform:uppercase;
}

.slider-content{
	position:relative;
	padding:35px 30px;
	background-color:rgba(0,0,0,0.60);
}

.slider-content h3{
	position:relative;
	color:#ffffff;
	font-size:30px;
	line-height:1.4em;
	font-weight:700;
	padding-bottom:18px;
	margin-bottom:25px;
	border-bottom:1px solid rgba(255,255,255,0.20);
}

.slider-content h3:after{
    position: absolute;
    content: '';
    width: 70px;
    height: 1px;
    left: 0px;
    bottom: -1px;
    z-index: 10;
    background-color: #28166f;
}

.slider-content .content-text{
	position:relative;
	color:#ffffff;
	font-size:16px;
	font-weight:500;
	margin-bottom:25px;
}

/* .main-slider .tp-bannertimer,
.main-slider .tp-bullets{
	display:none !important;
} */


/***

====================================================================
	Main Footer Style
====================================================================

***/

.footer-column-border {
	position: relative;
}

.footer-column-border:before {
	position: absolute;
	content: '';
	left: 15px;
	right: 0;
	top: 65px;

}

.footer-title {
	position: relative;
	color: #5e5e5e;
	margin-bottom: 70px;
	font-size: 22px;
}

/*footer about*/
.footer-about {
	position: relative;
	margin-bottom: 30px;
}

.footer-about .footer-logo {
	margin-bottom: 50px;
}

.footer-about .text {
	margin-bottom: 40px;
}

/* footer link */
.footer-link {
	position: relative;
}

.footer-link ul li a {
	position: relative;
	display: inline-block;
	margin-bottom: 2px;
	color: #848484;
	transition: .3s ease;
}
.footer-link ul h3{
font-family:'微軟正黑體', 'Hind', sans-serif;
font-size:18px;
color:#28166f;
padding:10px 0;
}

.footer-link ul li a:hover {
	color: #28166f;
}

.footer-link ul li a i {
	margin-right: 10px;
}

/*footer-newsletter*/

.subscribe-form-two {
	position: relative;
}

.subscribe-form-two .form-group {
	position: relative;
	margin-top: 19px;
}

.subscribe-form-two .form-group span {
	position: absolute;
	left: 15px;
	top: 16px;
	border-right: 1px solid #ffffff38;
	color: #848484;
	font-size: 14px;
	z-index: 99;
	line-height: 20px;
	padding-right: 12px;
}

.subscribe-form-two input {
	position: relative;
	width: 100%;
	padding: 11px 20px;
	padding-left: 53px;
	padding-right: 50px;
	border: 1px solid rgba(255, 255, 255, 0.19);
	background: #1c1c1c;
	color: #fff;
}

.subscribe-form-two button {
	position: absolute;
	right: 0;
	border-left: 1px solid #f4f4f42e;
	padding: 0 15px;
	background: transparent;
	top: 15px;
	color: #848484;
	font-size: 16px;
	line-height: 20px;
	cursor: pointer;
}

.footer-newsletter .social-icon-six {
	margin-top: 30px;
}

/*footer bottom*/

.footer-bottom {
	position: relative;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding: 20px 0;
}

.footer-bottom .footer-copyright a {
	color: #fff;
}

.footer-bottom .footer-menu li {
	display: inline-block;
}

.footer-bottom .footer-menu li a {
	color: #848484;
    font-family: 'Poppins', sans-serif;
}

/***

====================================================================
	Page Title Style
====================================================================



.page-title{
	position:relative;
	text-align:center;
	height: 350px;
	display: flex;
	justify-content: center;
	align-items: center;
	background:url(../images/resource/page-title-bg.jpg) repeat;
}

.page-title h1{
	position:relative;
	font-size:48px;
	font-weight:700;
	margin-top: 35px;
	color:#fff;
	line-height:1.5em;
	text-transform:capitalize;
}

.page-title .text{
	position:relative;
	color:#848484;
	font-size:16px;
	font-weight:400;
	text-align:center;
}

.page-info{
	position:relative;
	color:#272727;
	z-index: 9;
}

.page-info .flex-box-five{
	border-bottom:1px solid #eeeeee;
}

.page-info h2{
	font-size:16px;
	color:#272727;
	line-height:24px;
	font-weight:700;
}

.page-info .bread-crumb{
	position:relative;
	font-size:14px;
	padding:18px 0px 17px;
}

.page-info .bread-crumb li{
	position:relative;
	display:inline-block;
	font-size:14px;
	margin-right:24px;
	color:#28166f;
	font-weight:400;
	line-height:24px;
	text-transform:capitalize;
	font-family: 'Poppins', sans-serif;
}

.page-info .bread-crumb li:last-child{
	margin-right:0px;
}

.page-info .bread-crumb li:after{
	content:'\f105';
	font-family: 'FontAwesome';
	position:absolute;
	right:-21px;
	width:10px;
	line-height:24px;
	font-size:16px;
	color:#222222;
}

.page-info .bread-crumb li:last-child:after{
	display:none;
}

.page-info .bread-crumb li a{
	color:#1a1a1a;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.page-info .bread-crumb li a:hover{
	color:#28166f;
}

.page-info .share-link a i {
    margin-left: 7px;
    color: #28166f;
    margin-right: 7px;
    font-size: 14px;
}
***/


/***

====================================================================
	Call To Action Section
====================================================================

***/

.call-to-action-section{
	position:relative;
	padding: 44px 0px;
	background-position:left bottom;
	background-repeat:no-repeat;
	background-size:cover;
}

.call-to-action-section .text {
	position:relative;
	color:#ffffff;
	font-size:20px;
	font-weight:400;
}

.call-to-action-section .btn-column{
	position:relative;
	text-align:right;
}

.call-to-action-section .btn-column .theme-btn:hover,
.call-to-action-section-two .btn-column .theme-btn:hover{
	color:#28166f;
	background-color:#ffffff;
	border-color:#ffffff;
}

/* call to action two*/

.call-to-action-two {
	position: relative;
	padding: 100px 0;
}

.call-to-action-two h1 {
	font-size: 48px;
	color: #fff;
}

.call-to-action-two .text {
	color: #fff;
    position: relative;
    margin: 10px 0 30px;
}

.call-to-action-two .btn-style-two {
	background: #e4007d;
}

.call-to-action-two .btn-style-two:hover {
	background: transparent;
	border-color: #e4007d;
}

/***

====================================================================
	Fact Counter style
====================================================================

***/

.fact-counter{
	position:relative;
	box-shadow: 1px 0px 6px #00000012;
	padding: 30px 0px;
	padding-left: 30px;
	padding-right: 20px;
	margin-top: 30px;
	min-width: 200px;
}

.fact-counter:before{
	position:absolute;
	content:'';
	left:45%;
	top:0px;
	height:100%;
	width:1px;
	background-color:rgba(255,255,255,0.20);
}

.fact-counter:after{
	position:absolute;
	content:'';
	top:50%;
	left:0px;
	height:1px;
	width:100%;
	background-color:rgba(255,255,255,0.20);
}

.fact-counter .column{
	position:relative;
	z-index:5;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #f4f4f4;
}

.fact-counter .column:nth-child(3),
.fact-counter .column:nth-child(4){
	margin-bottom:0px;
	padding-bottom:0px;
	border: none;
}

.fact-counter .column .inner{
	position:relative;
	top:0;
	text-align:left;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.fact-counter .count-outer{
	position:relative;
	font-size:36px;
	line-height:1em;
	font-weight:500;
	margin:0px 0px;
	padding-left: 50px;
	display:inline-block;
}

.fact-counter .count-outer .icon{
	position:absolute;
	left:0px;
	top:0px;
	color:#28166f;
	font-size: 40px;
}

.fact-counter .count-outer .plus-icon{
	position:relative;
	font-weight:700;
	color:#ffffff;
	font-size:36px;
	display:inline-block;
	font-family: 'Poppins', sans-serif;
}

.fact-counter .count-outer .count-text{
	font-weight: 400;
	color: #222;
	font-size:36px;
	display:inline-block;
	font-family: 'Poppins', sans-serif;
}

.fact-counter .column .counter-title{
	position:relative;
	font-size:18px;
	font-weight:400;
	color: #848484;
	margin-top: 15px;
}


/***

====================================================================
	Services Style
====================================================================

***/


/*Services Block one*/

.services-block-one{
	position:relative;
	margin-bottom:10px;
	z-index:99;
}

@media (min-width: 1500px) {
	.services-block-one {
		width: 20%;
	}
}

.services-block-one .inner-box{
	position:relative;
	padding: 6px 15px;
	margin: 45px 0;
	text-align:center;
}

.services-block-one .inner-box .icon-box{
	position:relative;
	color: #28166f;
	font-size: 60px;
	margin-bottom: 16px;
	background-repeat: no-repeat;
	background-position: center;
}

.services-block-one .inner-box h3{
	position:relative;
	font-size:20px;
	color:#222222;
	font-weight: 400;
	margin-bottom: 20px;
}

.services-block-one .inner-box .text{
	position:relative;
	color:#848484;
	font-size: 16px;
	font-weight:300;
	line-height:1.6em;
	max-width: 315px;
	margin: 0 auto;
}

/*services block two*/

.services-block-two {
	position: relative;
}

.services-block-two .inner-box {
	position: relative;
	margin-bottom: 30px;
}

.services-block-two .title h4 {
	color: #222;
	font-size: 20px;
	font-family:'微軟正黑體', 'Hind', sans-serif;
	margin-bottom: 25px;
}


.services-block-two .text {
	margin-bottom: 20px;
}

.services-block-two .signature {
	margin-bottom: 20px;
}
.services-block-two .author-information{
width:100%;
float:left;
}
.services-block-two .author-information h4 {
	font-size: 20px;
	font-weight: 500;
	color: #222;
	font-family:'微軟正黑體', 'Hind', sans-serif;
	width:45%;
	float:left;
	margin:0 4px;
	padding:0 15px;
	line-height:46px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
.services-block-two .author-information h4:hover{
	background-color: #28166f;
		color: #FFF;
}

.services-block-two .author-information .designation {
	font-size: 16px;
	color: #28166f;
}
.services-block-two .author-information.box{
font-size:18px;
	font-family:'微軟正黑體', 'Hind', sans-serif;
margin:20px;}

/* services block three */


.services-section-two {
    margin-bottom: 46px;
}

.services-block-three {
	position: relative;
}

.imghvr-strip-vert-bottom-right {
	width: 100%;
	display: block;
}

.imghvr-strip-vert-bottom-right:before,
.imghvr-strip-vert-bottom-right:after,
.imghvr-strip-vert-bottom-right figcaption:before,
.imghvr-strip-vert-bottom-right figcaption:after {
	background: rgba(0, 0, 0, 0.8);
	width: 25%;
}

.imghvr-strip-vert-bottom-right figcaption {
	display: flex;
	align-items: flex-end;
	padding: 20px;
}

.inner-box:hover .imghvr-strip-vert-bottom-right:before,
.inner-box:hover .imghvr-strip-vert-bottom-right:after,
.inner-box:hover .imghvr-strip-vert-bottom-right figcaption:before,
.inner-box:hover .imghvr-strip-vert-bottom-right figcaption:after {
	transform: scale(1);
    opacity: 1;
}

.inner-box:hover .imghvr-strip-vert-bottom-right figcaption * {
	opacity: 1;
}

.services-block-three .content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px;
    transition: .5s ease;
}



 .inner-box:hover .visible.content {
	opacity: 0;
	visibility: hidden;
}

.services-block-three .inner-box:hover .visible.content .services-title {
	top: -50px;
	transition: .5s ease;
}

.services-block-three .icon-box {
	height: 80px;
	width: 80px;
	background: #000;
	color: #fff;
	font-size: 40px;
	line-height: 80px;
	border-radius: 50%;
	text-align: center;
	visibility: hidden;
}

.services-block-three figcaption .icon-box {
	background: rgba(228, 0, 125, 0.6);
	visibility: hidden;
}

.services-block-three h4 {
	font-size: 20px;
	color: #fff;
	font-weight: 400;
}

.services-block-three p {
	color: #fff;
	margin-bottom: 0px;
}

.services-block-three .text {
	color: #a0a0a0;
	margin-bottom: 15px;
}

.services-block-three .link a {
	display: inline-block;
	position: relative;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	font-family: 'Poppins', sans-serif;
	margin-bottom: 8px;
}

.services-block-three .link a span {
	font-size: 18px;
	margin-left: 10px;
}

.services-section-two .owl-dot-style-two .owl-dots {
    position: absolute;
    width: 100%;
    bottom: -50px;
}


.services-block-three{
	position:relative;
}

.services-block-three .inner-box{
	position:relative;
}

.services-block-three .inner-box .image{
	position:relative;
}

.services-block-three .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
}

.services-block-three .inner-box .lower-content{
	position:relative;
	padding:20px 20px 15px;
	border:1px solid #efefef;
}

.services-block-three .inner-box .lower-content .content{
	position:relative;
	padding-left:70px;
}

.services-block-three .inner-box .lower-content .content .icon-box{
	position:absolute;
	left:0px;
	top:2px;
	width:55px;
	text-align:left;
	color:#0f6eb1;
	font-size:40px;
	padding:2px 0px;
	line-height:1em;
	margin-right:12px;
	border-right:1px solid #e9e9e9;
}

.services-block-three .inner-box .lower-content .content h3{
	position:relative;
	color:#222222;
	font-size:20px;
	font-weight:700;
	text-transform:capitalize;
}

.services-block-three .inner-box .lower-content .content .title{
	position:relative;
	color:#848484;
	font-size:16px;
	font-weight:300;
}

.services-block-three .inner-box:hover .overlay-box{
	opacity:1;
}

.services-block-three .inner-box .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	opacity:0;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.services-block-three .inner-box .overlay-box:after{
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 102%;
    left: 5%;
    height: 20px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}

.services-block-three .inner-box:hover .overlay-box:after{
	opacity:1;
}

.services-block-three .inner-box .overlay-box:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:block;
	background-size:cover;
	background-color:rgba(13,112,183,0.95);
}

.services-block-three .inner-box .overlay-box .overlay-inner{
	position:relative;
	padding:30px 20px 20px;
}

.services-block-three .inner-box .overlay-box .overlay-inner .upper-box{
	position:relative;
	padding-bottom:20px;
	padding-left:70px;
	margin-bottom:25px;
	border-bottom:1px solid rgba(255,255,255,0.20);
}

.services-block-three .inner-box .overlay-box .overlay-inner .upper-box .icon-box{
	position:absolute;
	left:0px;
	top:2px;
	width:55px;
	text-align:left;
	color:#ffffff;
	font-size:40px;
	padding:2px 0px;
	line-height:1em;
	margin-right:12px;
	border-right:1px solid rgba(255,255,255,0.20);
}

.services-block-three .inner-box .overlay-box .overlay-inner .upper-box h3{
	position:relative;
	color:#ffffff;
	font-size:20px;
	font-weight:700;
	text-transform:capitalize;
}

.services-block-three .inner-box .overlay-box .overlay-inner .upper-box h3 a{
	position:relative;
	color:#ffffff;
}

.services-block-three .inner-box .overlay-box .overlay-inner .upper-box .title{
	position:relative;
	color:#ffffff;
	font-size:16px;
	font-weight:300;
}

/*Services Block four*/

.services-block-four{
	position:relative;
	margin-bottom:10px;
	z-index:99;
}

.services-block-four:before {
	position: absolute;
	content: '';
	right: 0;
	top: 60px;
	bottom: 60px;
	width: 1px;
	background: #f2f2f2;
}

.services-block-four:last-child:before {
	display: none;
}

.services-block-four .inner-box{
	position:relative;
	padding: 6px 15px;
	margin: 50px 0 40px;
	text-align:center;
}

.services-block-four .inner-box .icon-box{
	position:relative;
	color: #848484;
	font-size: 50px;
	margin-bottom: 30px;
	background-repeat: no-repeat;
	background-position: center;
}

.services-block-four .inner-box h3{
	position:relative;
	font-size:20px;
	color:#222222;
	font-weight: 400;
	margin-bottom: 20px;
}

.services-block-four .inner-box .text{
	position:relative;
	color:#848484;
	font-size: 16px;
	font-weight:300;
	line-height:1.6em;
	max-width: 315px;
	margin: 0 auto;
}

/*Services Block five*/

.services-block-five{
	position:relative;
	margin-bottom:30px;
	z-index:99;
}

.services-block-five:before {
	position: absolute;
	content: "\e911";
	font-family: 'icomoon' !important;
    speak: none;
    font-size: 26px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
	right: 0;
	top: 90px;
	color: #d7d7d7;
}

.services-block-five:last-child:before {
	display: none;
}

.services-block-five .inner-box{
	position:relative;
	text-align:center;
}

.services-block-five .inner-box .icon-box{
	position:relative;
	color: #848484;
	font-size: 50px;
	margin-top: 35px;
	line-height: 165px;
	margin-bottom: 30px;
	background-repeat: no-repeat;
	background-position: center;
}

.services-block-five .inner-box .icon-box:before {
	position: absolute;
	content: '';
	height: 165px;
	width: 165px;
	border: 1px solid #f2f2f2;
	border-radius: 50%;
	bottom: 0;
	left: 50%;
	margin-left: -82px;
}

.services-block-five .inner-box .icon-box:after {
	position: absolute;
	content: '';
	height: 200px;
	width: 200px;
	border: 1px solid #f2f2f2;
	border-radius: 50%;
	bottom: 0;
	left: 50%;
	margin-left: -100px;
}

.services-block-five .inner-box h3{
	position:relative;
	font-size:20px;
	color:#222222;
	font-weight: 400;
	margin-bottom: 10px;
}

.services-block-five .inner-box .text{
	position:relative;
	color:#848484;
	font-size: 16px;
	font-weight:300;
	line-height:1.6em;
	max-width: 315px;
	margin: 0 auto;
}

/*Services Block six*/

.services-block-six{
	position:relative;
	margin-bottom:50px;
}

.services-block-six .inner{
	position:relative;
	padding-left:100px;
}

.services-block-six .inner .icon-box{
	position:absolute;
	left:0px;
	top:0px;
	width:80px;
	height:80px;
	color: #848484;
	font-size:40px;
	text-align:center;
	background: #f7f7f7;
	line-height:80px;
	border-radius:50%;
	border:2px solid #f4f4f4;
	transition: .5s ease;
}

.services-block-six .inner:hover .icon-box {
	color: #fff;
	background: #28166f;
}

.services-block-six .inner h4{
	position:relative;
	font-size:20px;
	/* font-weight:700; */
	margin-bottom:6px;
}

.services-block-six .inner h4 a{
	position:relative;
	color:#222222;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.services-block-six .inner h4 a:hover{
	color:#0d70b7;
}

.services-block-six .inner .text{
	position:relative;
	color:#848484;
	font-weight:300;
}



/***

====================================================================
	Blog Style
====================================================================

***/

.blog-section {
	position: relative;
}

.blog-section:before {
	position: absolute;
	content: '';
	background: #f7f7f7;
	left: 0;
	top: 0;
	width: 100%;
	height: 54%;
}

.blog-section .three-item-carousel {
	position: relative;
	padding-top: 30px;
}

.blog-section .three-item-carousel:before {
	position: absolute;
    content: '';
    background: #ffffff;
    left: -30px;
    right: -30px;
    top: 0px;
    height: 100%;
}

.news-block-one {
  position: relative;
  transition: .5s ease-in-out;
  margin-bottom: 50px;
}

.news-block-one .lower-content{
  position:relative;
  padding: 30px 0px 20px;
  padding-left: 90px;
}

.news-block-one .date {
	position: absolute;
	left: 0px;
	top: -43px;
	height: 64px;
	width: 64px;
	line-height: 20px;
	padding-top: 13px;
	z-index: 9;
	color: #fff;
	text-align: center;
	background-color: #28166f;
	background-image: url(https://www.sunon.com.cn/images/background/bnt_bg.png);
	background-repeat: no-repeat;
	background-position: right top;
}

.news-block-one .lower-content .text p{
  margin-bottom: 10px;
}

.news-block-one .lower-content h4 {
  color:#222;
  font-weight: 400;
  margin-bottom: 10px;
  line-height:20px;
  	font-family:'微軟正黑體', 'Hind', sans-serif;
}

.news-block-one .lower-content h4 a{
  color:#222;
  transition: all 300ms ease;
  font-size: 18px;

}

.news-block-one .lower-content h4 a:hover{
  color:#28166f;
  transition: all 300ms ease;
}

.news-block-one .lower-content .post-meta{
  color: #848484;
  font-size:16px;
  margin-bottom: 7px;
}

.news-block-one .lower-content .default_link {
  text-transform: capitalize;
  color: #222;
  font-weight: 700;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  transition: .5s ease;
}

.news-block-one .lower-content .default_link:hover {
  transition: .5s ease;
  color: #28166f;
}

.news-block-one .image {
    display: block;
    overflow: hidden;
    position: relative;
}

.news-block-one .image img {
    transform: scale(1);
    transition: all 0.5s ease 0s;
    width: 100%;
}

.news-block-one:hover .image img {
    transform: scale(1.1);
}

.news-block-one .overlay {
    background-color: rgba(16, 37, 46, 0.9);
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 450ms ease-out 0s;
    transform: rotateY(180deg) scale(0.5,0.5);
}

.news-block-one:hover .image .overlay {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: rotateY(0deg) scale(1,1);
}

.news-block-one .overlay .box {
    display: table;
    height: 100%;
    width: 100%;
}

.news-block-one .overlay .box .content {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.news-block-one .image .overlay .box .content a i {
    background: #28166f;
    border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    height: 45px;
    line-height: 48px;
    transition: all 500ms ease 0s;
    width: 45px;
}

.news-block-one .image .overlay .box .content a:hover i {
    background: #28166f;
}

/* new block two */

.news-block-two {
  position: relative;
  transition: .5s ease-in-out;
  margin-bottom: 50px;
  padding-left: 80px;
}

.news-block-two .lower-content{
  position:relative;
  padding: 8px 0px 30px;
}

.news-block-two .date {
  position: absolute;
  left: 0px;
  top: 0;
  height: 64px;
  width: 64px;
  background: #28166f;
  line-height: 20px;
  padding-top: 13px;
  z-index: 9;
  color: #fff;
  text-align: center;
}

.news-block-two .lower-content .text p{
  margin-bottom: 20px;
}

.news-block-two .lower-content h4 {
  color:#222;
  font-weight: 400;
  margin-bottom: 10px;
  font-size: 24px;
}

.news-block-two .lower-content h4 a{
  color:#222;
  transition: all 300ms ease;
}

.news-block-two .lower-content h4 a:hover{
  color:#28166f;
  transition: all 300ms ease;
}

.news-block-two .lower-content .post-meta{
  color: #848484;
  font-size:16px;
  margin-bottom: 7px;
}

.news-block-two .lower-content .default_link {
  text-transform: capitalize;
  color: #222;
  font-weight: 700;
  text-transform: uppercase;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  transition: .5s ease;
}

.news-block-two .lower-content .default_link:hover {
  transition: .5s ease;
  color: #28166f;
}

.news-block-two .image {
    display: block;
    overflow: hidden;
    position: relative;
}

.news-block-two .image img {
    transform: scale(1);
    transition: all 0.5s ease 0s;
}

.news-block-two:hover .image img {
    transform: scale(1.1);
}

.news-block-two .overlay {
    background-color: rgba(16, 37, 46, 0.9);
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 450ms ease-out 0s;
    transform: rotateY(180deg) scale(0.5,0.5);
}

.news-block-two:hover .image .overlay {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: rotateY(0deg) scale(1,1);
}

.news-block-two .overlay .box {
    display: table;
    height: 100%;
    width: 100%;
}

.news-block-two .overlay .box .content {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.news-block-two .image .overlay .box .content a i {
    background: #28166f;
    border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    height: 45px;
    line-height: 48px;
    transition: all 500ms ease 0s;
    width: 45px;
}

.news-block-two .image .overlay .box .content a:hover i {
    background: #28166f;
}


/* blog single post*/

.blog-single{
	position:relative;
}

.blog-single .inner-box{
	position:relative;
}

.blog-single .inner-box .image{
	position:relative;
}

.blog-single .inner-box .image img{
	position:relative;
}



.blog-single .inner-box .lower-content h3{
	position:relative;
	color:#272727;
	font-size: 20px;
	font-weight:700;
}

.blog-single .inner-box .lower-content .text{
	position:relative;
	margin-top:10px;
}

.blog-single .inner-box .lower-content .text p{
	position:relative;
	color:#848484;
	font-size:16px;
	font-weight:300;
	line-height:1.7em;
	margin-bottom:15px;
}

.blog-single .inner-box .lower-content .text p:last-child{
	margin-bottom:0px;
}

.blog-single .inner-box .lower-content .text blockquote{
	position:relative;
	padding:0px;
	border:0px;
	margin-bottom:30px;
}

.blog-single .inner-box .lower-content .text .row{
	margin:30px -10px 0px;
}

.blog-single .inner-box .lower-content .text .image-column,
.blog-single .inner-box .lower-content .text .quote-column{
	padding:0px 10px;
}

.blog-single .inner-box .lower-content .text .image-column .image{
	position:relative;
	margin-bottom:30px;
}

.blog-single .inner-box .lower-content .text .image-column .image img{
	position:relative;
	width:100%;
	display:block;
}

.blog-single .inner-box .lower-content .text .quote-column .quote-icon{
	position:relative;
	color:#f1f1f1;
	font-size: 24px;
	line-height:1em;
	margin-bottom: 5px;
}

.blog-single .inner-box .lower-content .text .quote-column .text{
	position:relative;
	color:#848484;
	font-size:16px;
	font-weight:300;
	line-height:1.8em;
	margin-bottom: 10px;
}

.blog-single .lower-content .text .quote-column h3{
	position:relative;
	color:#222222;
	font-size:20px;
	margin-top: 5px;
	font-weight: 400;
	margin-bottom:5px;
	line-height:1em;
}

.blog-single .lower-content .text .quote-column .designation{
	position:relative;
	color:#28166f;
	font-size:16px;
}

/*post share options*/

.blog-single .inner-box .post-share-options{
	position:relative;
	padding:20px 0px 0px;
	border-top:1px solid #f4f4f4;
}

.blog-single .inner-box .post-share-options .tags span{
	font-size:18px;
	color:#222222;
	font-weight:400;
	font-family: 'Nunito Sans', sans-serif;
}

.blog-single .inner-box .post-share-options .tags a{
	position:relative;
	color:#28166f;
	font-size:16px;
	font-weight:300;
}

.blog-single .inner-box .post-share-options .tags{
	position:relative;
	color:#b7b7b7;
	font-size:16px;
	font-weight:700;
	margin-bottom:8px;
}

.blog-single .inner-box .author-box{
	position:relative;
	margin-top:40px;
	margin-bottom:50px;
}

.blog-single .inner-box .author-box h2{
	position:relative;
	color:#222222;
	font-size:30px;
	font-weight: 400;
	margin-bottom:25px;
}

.blog-single .inner-box .author-box .author-comment{
	position:relative;
	padding:30px 30px;
	border:1px solid #f4f4f4;
}

.blog-single .inner-box .author-box .author-comment .inner-box{
	position:relative;
	padding-left:115px;
}

.blog-single .inner-box .author-box .author-comment .inner-box .image{
	position:absolute;
	left:0px;
	top:0px;
	width:85px;
}

.blog-single .inner-box .author-box .author-comment .inner-box h3{
	position:relative;
	color:#222222;
	font-size:20px;
	font-weight: 400;
	margin-bottom:10px;
}

.blog-single .inner-box .author-box .author-comment .inner-box .text{
	position:relative;
	color:#848484;
	font-size:16px;
	font-weight:300;
	line-height:1.6em;
}

/***

====================================================================
	Comments Area
====================================================================

 ***/

.sidebar-page-container .comments-area{
	position:relative;
	margin-top:0px;
	margin-bottom:50px;
}

.sidebar-page-container .group-title{
	position:relative;
	margin-bottom:30px;
}

.sidebar-page-container .group-title h2{
	position:relative;
	font-size:30px;
	color:#222222;
	font-weight: 400;
	text-transform:capitalize;
}

.sidebar-page-container .comments-area .comment-box{
	position:relative;
	margin-bottom:30px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.sidebar-page-container .comments-area .comment-box:nth-child(1){
	padding-top:0px;
}

.sidebar-page-container .comments-area .comment-box:hover{
	border-color:#eb5310;
}

.sidebar-page-container .comments-area .comment{
	position:relative;
	font-size:14px;
	padding:0px 0px 0px 90px;
}

.sidebar-page-container .comments-area .comment .comment-inner{
	position:relative;
	padding:15px 20px;
	border:1px solid #f4f4f4;
}

.sidebar-page-container .comments-area .comment .comment-inner .rating{
	position:absolute;
	right:15px;
	top:15px;
}

.sidebar-page-container .comments-area .comment .comment-inner .rating .fa{
	display:inline-block;
	color:#28166f;
}

.sidebar-page-container .comments-area .comment-box .author-thumb{
	position:absolute;
	left:0px;
	top:0px;
	margin-bottom:20px;
}

.sidebar-page-container .comments-area .comment-box .author-thumb img{
	width:70px;
	display:block;
}

.sidebar-page-container .comments-area .comment-info{
	position:relative;
	color:#222222;
	line-height:24px;
	font-size:16px;
	font-weight:700;
	font-family: 'Nunito Sans', sans-serif;
}

.sidebar-page-container .comments-area .comment-box .text{
	color:#666666;
	font-size:16px;
    margin-top:8px;
	font-weight:300;
    line-height: 1.6em;
	margin-bottom:6px;
}

.sidebar-page-container .comments-area .reply-comment{
	margin-left:40px;
}

/*Comment Form*/

.comment-form .group-title{
	margin-bottom:20px;
}

.comment-form .rating-box{
	position:relative;
	margin-bottom:20px;
}

.comment-form .rating-box .text{
	position:relative;
	font-size:14px;
	color:#222222;
	margin-bottom:10px;
}

.comment-form .rating-box .rating{
	position:relative;
	display:inline-block;
	margin-right:20px;
}

.comment-form .rating-box .rating .fa{
	position:relative;
	margin-right:2px;
	display:inline-block;
}

.comment-form .rating-box .rating a{
	position:relative;
	color:#28166f;
	font-size:14px;
	display:inline-block;
}

.comment-form .form-group{
	position:relative;
	margin-bottom:30px;
}

.comment-form .form-group:last-child{
	margin-bottom:0px;
}

.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	padding:10px 15px;
	border:1px solid #efefef;
	height:50px;
	color:#848484;
	font-weight:300;
	background:#ffffff;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus{
	border-color:#28166f;
}

.comment-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:26px;
	padding:10px 15px;
	color:#848484;
	border:1px solid #efefef;
	height:105px;
	font-weight:300;
	background:#ffffff;
	resize:none;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.comment-form button{
	position:relative;
	margin-top:10px;
}

.comment-form input:focus,
.comment-form select:focus,
.comment-form textarea:focus{
	border-color:#f06529;
}




/***

====================================================================
	Projects Style
====================================================================

***/


.projects-block-one {
	position: relative;
	margin-bottom: 30px;
	display: inline-block;
	overflow: hidden;
}

.projects-block-one .inner-box {
	position: relative;
}

.overlay-style-one .link {
	position: absolute;
	background: rgba(0, 0, 0, 0.2);
	z-index: 5;
	left: 0;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	display: flex;
	font-size: 24px;
	color: #fff;
	top: -100%;
	transition: .5s ease;
}

.projects-block-one .inner-box:hover .link {
	top: 0;
	transition: .5s ease;
}

.overlay-style-one .link a {
	color: #fff;
	font-size: 24px;
	margin-top: -80px;
}

.overlay-style-one .bottom-text {
	position: absolute;
	background:rgba(255,255,255, 0.8) ;
	z-index: 8;
	left: 0;
	right: 0;
	bottom: -100%;
	padding: 1px 22px;
	padding-top: 15px;
	transition: .5s ease;
}

.projects-block-one .inner-box:hover .bottom-text {
	bottom: 0;
	transition: .5s ease;
}

.overlay-style-one .bottom-text h4 {
	color: #222;
}

.overlay-style-one .bottom-text p {
	color: #28166f;
	margin-bottom: 0px;
}

/* overlay style tow */
.overlay-style-two .link {
	position: absolute;
	background: rgba(0, 0, 0, 0.85);
	z-index: 5;
	left: 0;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	display: flex;
	font-size: 24px;
	color: #fff;
	top: -100%;
	transition: .5s ease;
}

.projects-block-one .inner-box:hover .link {
	top: 0;
	transition: .5s ease;
}

.overlay-style-two .link a {
	color: #fff;
	font-size: 24px;
}

.projects-block-one .project-bottom-text {
	position: relative;
	text-align: center;
    padding-top: 20px;
}

.projects-block-one .project-bottom-text h4 {
	color: #222;
	transition: .5s ease;
}

.projects-block-one .project-bottom-text h4:hover{
	color: #28166f;
}

.projects-block-one .project-bottom-text p {
	color: #28166f;
	margin-bottom: 0px;
}


/*============ single gallery ============*/

.single-gallery {
  position: relative;
}


/* inform-list */

.inform-list {
  background: #f7f7f7;
  padding: 23px 20px;
}

.inform-list li {
  color: #848484;
  font-size: 16px;
  line-height: 43px;
}

.inform-list li span {
  color: #28166f;
  font-weight: 700;
}

.client-information .title {
  color: #28166f;
  margin: 5px 0;
}

.client-information h3 {
	color: #222;
}

.client-information .text {
  margin-bottom: 20px;
}


/*contact-service*/

.service-contact {
  background: #28166f;
  padding: 30px;
  margin-top: 50px;
}

.service-contact h4 {
  color: #fff;
}

.service-contact p {
  color: #fff;
  font-size: 18px;
  margin: 10px 0
}

.service-contact .thm-btn {
  background: #fff;
  line-height: 38px;
  padding: 0 15px;
  color: #28166f;
}

.service-contact .thm-btn:hover {
  background: #fff;
  color: #28166f;
}

.section-title.style-3 h1 {
  padding-bottom: 0;
}

.section-title.style-3 h1:after {
  bottom: -50px;
}

.border-right100 {
  position: relative;
}

.border-right100:before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  right: -30px;
  top: 0;
  background: #f4f4f4;
}



/***

====================================================================
	Contact Form Style
====================================================================

***/

/*Contact Form*/

.contact-form h2{
	position:relative;
}

.contact-form .form-group:last-child{
	margin-bottom:0px;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="password"],
.contact-form select,
.contact-form textarea{
	display:block;
	width:100%;
	height:55px;
	font-size:16px;
	color:#848484;
	line-height:30px;
	padding:12px 25px;
	font-weight:300;
	background-color:#ffffff;
	border:1px solid #ececec;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus{
	border-color: #28166f;
}

.contact-form textarea{
	height:150px;
	resize:none;
	padding:12px 25px;
}

.contact-form button{
	font-size:14px;
	padding:10px 41px 10px;
	cursor: pointer;
}

.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error{
	border-color:#ff0000 !important;
}

.contact-form label.error{
	display:block;
	line-height:24px;
	padding:5px 0px 0px;
	margin:0px;
	text-transform:uppercase;
	font-size:11px;
	color:#ff0000;
	font-weight:500;
}

/* cotact form style one */
.contact-form.style-one input[type="text"],
.contact-form.style-one input[type="email"],
.contact-form.style-one input[type="password"],
.contact-form.style-one select,
.contact-form.style-one textarea {
	background: transparent;
    border-width: 2px;
    margin-bottom: 20px;
    height: 50px;
	font-family:'微軟正黑體', 'Hind', sans-serif;
}


.contact-form.style-one .form-group{
    margin-bottom: 20px;

}

.contact-form.style-one .form-group .ui-selectmenu-button.ui-button {
	background: transparent;
	border-width: 2px;
	margin-bottom: 20px;
	height: 50px;
	padding: 7px 20px;
}

.contact-form.style-one textarea {
	height: 190px;
	margin-right: 90px;
}

.contact-form.style-one .rotate-btn {
	position: absolute;
	right: 15px;
	top: 0;
	padding: 81px 20px;
	font-size: 25px;
	cursor: pointer;
}

.contact-form.style-one .pr-6 {
	padding-right: 105px;
	position: relative;
}

/* contact form style two */

.contact-form.style-two {
	margin-bottom: 30px;
}

.contact-form.style-two .form-group{
    margin-bottom: 0px;
}

.contact-form.style-two input[type="text"],
.contact-form.style-two input[type="email"],
.contact-form.style-two input[type="password"],
.contact-form.style-two select,
.contact-form.style-two textarea {
	background: transparent;
	height: 53px;
	margin-bottom: 30px;
}

.contact-form.style-two .form-group .ui-selectmenu-button.ui-button {
	background: transparent;
	margin-bottom: 30px;
	height: 53px;
	padding: 7px 20px;
}

.contact-form.style-two textarea {
	height: 220px;
	margin-right: 90px;
}

.contact-form.style-two .rotate-btn {
	position: absolute;
	right: 15px;
	top: 0;
	padding: 81px 20px;
	font-size: 25px;
	cursor: pointer;
}

/* contact form style three */

.contact-form.style-three {
	margin-bottom: 30px;
}

.contact-form.style-three .form-group{
    margin-bottom: 0px;
}

.contact-form.style-three input[type="text"],
.contact-form.style-three input[type="email"],
.contact-form.style-three input[type="password"],
.contact-form.style-three select,
.contact-form.style-three textarea {
	background: transparent;
	height: 50px;
	margin-bottom: 30px;
}

.contact-form.style-three .form-group .ui-selectmenu-button.ui-button {
	background: transparent;
	margin-bottom: 30px;
	height: 53px;
	padding: 7px 20px;
}

.contact-form.style-three textarea {
	height: 125px;
	margin-right: 90px;
}

.contact-form.style-three .rotate-btn {
	position: absolute;
	right: 15px;
	top: 0;
	padding: 81px 20px;
	font-size: 25px;
	cursor: pointer;
}

/*consultation section*/

.consultations .contact-info{
  border: 2px solid #e8e8e8;
  padding: 25px 28px 15px;
  margin-bottom: 20px;
}

.consultations .contact-info .section-title {
  margin-bottom: 25px;
}

.consultations .contact-info h4 {
  color: #222;
  font-size: 22px;
  padding-bottom: 10px;
  margin-bottom: 25px;
}

.consultations .contact-info h4:before {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 70px;
    height: 1px;
    background-color: #e8e8e8;
}

.consultations .contact-info .section-title:after {
	width: 75px;
	background: rgba(255, 255, 255, 0.5);
	top: 41px;
}

.consultations .contact-info .section-title:before {
	display: none;
}

.consultations .contact-info .text p {
	color: #848484;
	margin-bottom: 22px;
}

.consultations .contact-info li{
  position:relative;
  padding-left: 35px;
  margin-bottom: 15px;
  line-height: 24px;
  color: #848484;
}

.consultations .contact-info li span {
  position:absolute;
  left:0px;
  top:0px;
  line-height:24px;
  font-size: 16px;
  color: #28166f;
}

/* map style */

.map-section .google-map {
	height: 480px;
}

.form-bg-one {
	position: relative;
	box-shadow: -1px 1px 0px 0px rgba(0, 0, 0, 0.02);
	padding: 40px;
	padding-bottom: 10px;
	border: 1px solid #f4f4f4;
}

/*contact info*/

.contact-info-two {
	background: #28166f;
	padding: 26px 30px;
}

.info-box-two{
	position:relative;
	min-height: 50px;
	font-size:13px;
	color:#777777;
	text-transform:uppercase;
	padding: 16px 0px 16px 40px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2901960784313726);
}

.contact-info-two h4 {
	color: #fff;
	font-size: 20px;
}

.info-box-two .icon-box{
	position:absolute;
	left:0px;
	color: #ffffff;
	font-size: 24px;
	text-align:left;
	line-height:1.2em;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.info-box-two li{
	position:relative;
	line-height:20px;
	color: #d1dfff;
	font-size:16px;
	margin-bottom:3px;
	font-weight:300;
	text-transform:capitalize;
}

.info-box-two strong{
	font-weight:500;
	color: #ffffff;
	font-size:16px;
	font-family: 'Poppins', sans-serif;
}

.contact-info-two .owl-nav-style-two .owl-nav .owl-next,
.contact-info-two .owl-nav-style-two .owl-nav .owl-prev {
    border: none;
    margin: 0;
    width: 20px;
    color: #fff;
    height: 31px;
    line-height: 30px;
}

/*info-box three*/

.info-box-three{
	position:relative;
	min-height: 50px;
	font-size:13px;
	color:#777777;
	text-transform:uppercase;
	padding: 16px 0px 16px 40px;
	border-bottom: 1px solid #f2f2f2;
}

.contact-info-three h4 {
	color: #fff;
	font-size: 20px;
}

.info-box-three .icon-box{
	position:absolute;
	left:0px;
	color: #28166f;
	font-size: 24px;
	text-align:left;
	line-height:1.2em;
	-moz-transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}

.info-box-three li{
	position:relative;
	line-height:20px;
	color: #848484;
	font-size:16px;
	margin-bottom:3px;
	font-weight:300;
	text-transform:capitalize;
}

.info-box-three strong{
	font-weight:500;
	color: #222;
	font-size:16px;
	font-family: 'Poppins', sans-serif;
}

/***

====================================================================
	Testimonials Style
====================================================================

***/


.testimonial-section .testimonial-outer .quote-icon{
	position:relative;
	width:60px;
	height: 50px;
	text-align:center;
	margin:0 auto;
	background:url(https://www.sunon.com.cn/images/icons/quote-icon.png) center center no-repeat;
}

.testimonial-block-one{
	position:relative;
}

.testimonial-block-one .inner-box{
	position:relative;
	text-align:center;
}

.testimonial-block-one .inner-box .quote-icon{
	position:relative;
	color:#e2b13c;
	font-size:28px;
	margin-bottom:40px;
}

.testimonial-block-one .inner-box .text{
	position:relative;
	color:#fff;
	font-size:16px;
	max-width:770px;
	margin:0 auto;
	margin-top: 30px;
	line-height:1.8em;
	margin-bottom: 30px;
	font-weight:400;
}

.testimonial-section .client-thumb-outer{
	position:relative;
	max-width: 350px;
	margin:0 auto;
	overflow:hidden;
}

.testimonial-section .client-thumb-outer .owl-item{
}

.testimonial-section .client-thumb-outer .owl-item.active{
	opacity:1;
}

.testimonial-section .client-thumb-outer .owl-item.active .thumb-item .thumb-box{
	-o-transform: scale(1.0, 1.0);
	-ms-transform: scale(1.0, 1.0);
    -webkit-transform: scale(1.0, 1.0);
    transform: scale(1.0, 1.0);
}

.testimonial-section .client-thumb-outer .client-thumbs-carousel{
	position: relative;
    max-width: 100px;
    margin: 0 auto;
	text-align:center;
}

.testimonial-section .client-thumb-outer .client-thumbs-carousel .owl-stage-outer{
	overflow:visible;
}

.testimonial-section .client-thumbs-carousel .thumb-item .thumb-content{
	position:relative;
	text-align:center;
	margin-top:25px;
	opacity:0;
	margin-left: -30px;
    margin-right: -30px;
}

.testimonial-section .client-thumbs-carousel .thumb-item .thumb-content h3{
	font-size: 20px;
	font-weight: 400;
	color: #ffffff;
	text-transform:capitalize;
	font-family: 'Poppins', sans-serif;
}

.testimonial-section .client-thumbs-carousel .thumb-item .thumb-content .designation{
	color: #d1dfff;
	font-size:16px;
	font-weight:400;
	text-transform:capitalize;
}

.testimonial-section .client-thumb-outer .thumb-item .thumb-box{
	width:90px;
	height:90px;
	cursor:pointer;
	border-radius:50%;
	margin: 0 auto;
	-o-transform: scale(0.7, 0.7);
	-ms-transform: scale(0.7, 0.7);
    -webkit-transform: scale(0.7, 0.7);
    transform: scale(0.7, 0.7);
}

.testimonial-section .client-thumb-outer .client-thumbs-carousel .thumb-item img{
	overflow:hidden;
	width:100%;
	height:100%;
	display:block;
	border-radius:50%;
}

.testimonial-section .owl-item.active .thumb-content{
	opacity:1;
}

.testimonial-section .owl-nav{
    position: absolute;
    left: 0px;
    width: 100%;
    top: 60px;
}

.testimonial-section .owl-nav .owl-prev,
.testimonial-section .owl-nav .owl-next{
	display:inline-block;
	color: #FFF;
	font-size:32px;
	width:50px;
	height:50px;
	text-align:center;
	line-height:48px;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.testimonial-section .owl-nav .owl-prev:hover,
.testimonial-section .owl-nav .owl-next:hover{
	color:#ffffff;
	border-color:#ffffff;
}

.testimonial-section .owl-nav .owl-prev{
	position:absolute;
	left:0px;
}

.testimonial-section .owl-nav .owl-next{
	position:absolute;
	right:0px;
}

.testimonial-section .owl-nav .owl-next span {
	transform: rotate(180deg);
	display: block;
}


.testimonial-block-two{
	position:relative;
	margin-bottom:40px;
}

.testimonial-block-two .inner-box{
	position:relative;
	padding:28px 15px;
	text-align:center;
	border:1px solid #eeeeee;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.testimonial-block-two .inner-box:hover{
	border:1px solid transparent;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(244,244,244,1);
	-moz-box-shadow: 0px 0px 25px 0px rgba(244,244,244,1);
	box-shadow: 0px 0px 25px 0px rgba(244,244,244,1);
}

.testimonial-block-two .inner-box .image{
	position:relative;
	width:85px;
	height:85px;
	margin:0 auto;
	overflow:hidden;
	border-radius:50%;
	margin-bottom:18px;
}

.testimonial-block-two .inner-box .text{
	position:relative;
	color:#848484;
	font-size:16px;
	font-weight:400;
	margin-bottom:18px;
}

.testimonial-block-two .inner-box h2{
	position:relative;
	font-size:18px;
	font-weight:400;
	color:#222222;
	line-height:1.4em;
	padding-top:20px;
	margin-bottom:4px;
	border-top:1px solid #eeeeee;
}

.testimonial-block-two .inner-box .location{
	position:relative;
	font-size:16px;
	font-weight:400;
	color:#fdb821;
	line-height:1.4em;
}

/***

====================================================================
	Team Member
====================================================================

***/

/*team section*/


.team-member-one {
	position: relative;
	margin-bottom: 30px;
}

.team-member-one .image {
	position: relative;
	overflow: hidden;
}


.team-member-one .image .mail {
	position: absolute;
	bottom: -21px;
	left: 0;
	right: 0;
	text-align: center;
	color: #fff;
}

.team-member-one .image .mail a {
	color: #fff;
}

.team-member-one .image .mail i {
	color: #e4007d;
	margin-right: 8px;
}

.team-member-one:hover .image .mail {
	bottom: 0;
	transition: .5s ease;
}

.team-member-one .lower-content {
	position: relative;
	text-align: center;
	border: 1px solid #f2f2f2;
}

.team-member-one .lower-content h3 {
	position: relative;
	color: #222;
	margin-bottom: 10px;
	margin-top: 20px;
	font-size: 20px;
}

.team-member-one .lower-content .designation {
	position: relative;
	border: 1px solid #f2f2f2;
	border-radius: 20px;
	display: inline-block;
	padding: 3px 25px;
	margin-bottom: 15px;
}

.team-member-one .lower-content .social-icon-one {
	position: relative;
	border-top: 1px solid #f2f2f2;
	margin-top: 21px;
	padding: 10px 0;
}

.team-member-one .lower-content .social-icon-one li {
	border-right: 1px solid #f2f2f2;
	padding-right: 15px;
	margin-left: 10px;
}

.team-member-one .lower-content .social-icon-one li a:hover {
	color: #e4007d;
}



/***

====================================================================
	Single Page
====================================================================

***/

/* error section*/

.error-section{
	position:relative;
	padding:130px 0px 130px;
	background-color:#f4f4f4;
}

.error-section .inner-section{
	position:relative;
	text-align:center;
}

.error-section .inner-section h1{
	position:relative;
	color: #ffffff;
	font-size:150px;
	line-height:1em;
}

.error-section .inner-section h2{
	position:relative;
	font-size:20px;
	color: #ffffff;
	font-weight:500;
	text-transform:uppercase;
	font-family: 'Hind', sans-serif;
}

.error-section .inner-section .text{
	position:relative;
	color:#28166f;
	font-size:18px;
	margin-top:6px;
	margin-bottom:40px;
}

/*Search Box Widget*/

.error-search-form .form-group{
	position:relative;
	max-width:430px;
	margin:0 auto;
	width:100%;
}

.error-search-form .form-group input[type="text"],
.error-search-form .form-group input[type="search"]{
	position:relative;
	line-height:22px;
	background:none;
	display:block;
	font-size:16px;
	width:100%;
	height:54px;
	border:1px solid #eeeeee;
	background-color:#ffffff;
	padding:10px 50px 10px 20px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.error-search-form .form-group input:focus{
	border-color:#28166f;
}

.error-search-form .form-group button{
	position:absolute;
	right:0px;
	top:0px;
	height:54px;
	width:60px;
	display:block;
	font-size:16px;
	color:#ffffff;
	line-height:100%;
	background:#28166f;
	font-weight:normal;
}

/*Shop Item*/

.shop {
  position: relative;
}

.shop .hover-effect {
  margin-bottom: 15px;
  padding-top: 10px;
  transition: .5s ease;
}

.shop .hover-effect:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  transition: .5s ease-in-out;
}

.single-shop-item .img-box {
  position: relative;
  overflow: hidden;
  transition: .5s ease;
  background: #f7f7f7;
  text-align: center;
}

.single-shop-item:hover .img-box {
  transition: .5s ease;
}

.single-shop-item .img-box .offer-box {
  position: absolute;
  top: 10px;
  left: 10px;
}

.single-shop-item .img-box .offer-box .inner {
  position: relative;
}

.single-shop-item .img-box .offer-box .inner:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  display: block;
  width: 0;
  height: 0;
  background-color: transparent;
  border-bottom: 35px solid transparent;
  border-bottom: 35px solid transparent;
  border-top: 35px solid #ab7442;
  border-left: 35px solid #ab7442;
  border-right: 35px solid transparent;
}

.single-shop-item .img-box .offer-box .inner span {
  display: block;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  transform: rotate(-45deg);
  line-height: 35px;
  transform-origin: 70% 35%;
}

.single-shop-item .text-box h3,
.single-shop-item .text-box p {
  margin: 0;
}

.single-shop-item .text-box h3 {
  font-size: 18px;
  line-height: 50px;
  color: #1F1F1F;
  margin-top: 10px;
}

.single-shop-item .text-box p {
  font-size: 20px;
  line-height: 24px;
}

.single-shop-item .text-box p i {
  font-size: 18px;
}

.single-shop-item .text-box p span {
  display: inline-block;
  vertical-align: top;
  color: #ab7442;
  font-size: 18px;
  font-weight: 400;
}

.single-shop-item .text-box p del {
  color: #9f9f9f;
  font-size: 14px;
  line-height: 24px;
  vertical-align: super;
  display: inline-block;
  font-weight: normal;
}

.single-shop-item .text-box p del i {
  font-size: 14px;
}

.shop .single-shop-item {
  margin-bottom: 40px;
}

.single-shop-item figcaption .shop-link {
    position: absolute;
    margin-top: -20px;
    font-size: 20px;
    top: 50%;
    color: #fff;
    left: 0;
    right: 0;
    display: block;
    text-align: center;
}

.single-shop-item figcaption .shop-link a {
  color: #fff;
  position: relative;
  width: 50px;
  color: #252525;
  font-size: 18px;
  background: #fff;
  height: 50px;
  border-radius: 50%;
  line-height: 54px;
  text-align: center;
  margin: 0 5px;
}

.single-shop-item figcaption .shop-link a:hover {
  color: #28166f;
}


.single-shop-item .tooltip-inner {
  background: #fff;
  color: #28166f;
  min-width: 120px;
}

.single-shop-item .tooltip.top .tooltip-arrow {
    border-top-color: #fff;
}

.single-shop-item {
  margin-bottom: 40px;
}

.single-shop-item .content-box a.cart-btn {
  position: relative;
  color: #848484;
  font-size: 14px;
  transition: .7s ease;
}

.single-shop-item .content-box a.cart-btn:hover {
  color: #28166f;
  transition: .7s ease;
}

.single-shop-item .content-box a.cart-btn:before {
    content: '';
    position: absolute;
    left: 0px;
    background: transparent;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    transition: .5s ease-in-out;
}

.single-shop-item .content-box a.cart-btn:hover:before {
  background-color: #28166f;
}

.single-shop-item .content-box a.cart-btn i {
  margin-right: 6px;
}

.single-shop-item .content-box {
  position:relative;
  border: 1px solid #f4f4f4;
  border-top: 0px;
}

.single-shop-item .content-box .inner-box {
  border-bottom: 1px dashed #eee;
  padding: 14px 20px;
}

.single-shop-item .content-box .price-box {
  padding: 15px 20px 15px;
}

.single-shop-item .content-box h4{
  font-size: 16px;
  margin:0px 0px;
  line-height:1.4em;
  color: #222;
  margin-bottom: 6px;
}

.single-shop-item .content-box a,
.single-shop-item .content-boxa:hover{
}

.single-shop-item .content-box h4 a{
  color: #252525;
}

.single-shop-item .content-box .rating{
  font-size: 13px;
  color: #28166f;
  right: 5px;
  top: 3px;
  position: relative;
}

.single-shop-item .content-box .item-price{
  font-size: 16px;
  font-weight: 400;
  color: #28166f;
  line-height:24px;
}

.single-shop-item .content-box .item-price del{
  color: #a2a2a2;
  margin-left: 7px;
  font-size: 15px;
}

.single-shop-item .content-box .item-price .strike-through{
  color:#999999;
  font-weight:normal;
  font-size:14px;
  padding-left:10px;
  line-height:20px;
  font-family:'Lato',sans-serif;
}

.product-details .basic-details{
	position:relative;
	margin-bottom:32px;
}

.product-details .image-column,
.product-details .info-column{
	margin-bottom:20px;
}

.product-details .image-column .image-box img{
	position:relative;
	display:block;
	width:100%;
	background-color:#f7f7f7;
}

.product-details .basic-details .details-header{
	position:relative;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #eeeeee;
}

.product-details .basic-details .details-header h4{
	font-size:30px;
	font-weight:400;
	margin:-5px 0px 5px;
	line-height:1.4em;
	color:#222222;
}

.product-details .basic-details .details-header h4 a{
	color:#333333;
}

.product-details .basic-details .details-header .rating{
	font-size:14px;
	color:#28166f;
	margin-bottom:10px;
}

.product-details .basic-details .details-header .rating .fa{
	display:inline-block;
	margin-right:2px;
}

.product-details .basic-details .details-header .rating .txt{
	font-size:14px;
	padding-left:10px;
	color:#777777;
}

.product-details .basic-details .reviews{
	display:inline-block;
	color:#848484;
	margin-left:3px;
	font-size:16px;
}

.product-details .basic-details .details-header .item-price{
	font-size:24px;
	font-weight:400;
	color:#28166f;
	line-height:24px;
	letter-spacing:1px;
}

.product-details .basic-details .prod-info{
	margin-bottom:15px;
	line-height:1.6em;
	font-size:13px;
}

.product-details .basic-details .prod-info strong{
	font-weight:700;
	color:#111111;
}

.product-details .basic-details .text{
	margin-bottom: 30px;
	color:#848484;
	font-size:16px;
	line-height:1.8em;
}

.product-details .basic-details .item-quantity .field-label{
	float:left;
	font-weight:700;
	font-size:14px;
	line-height:32px;
	display:inline-block;
	padding-right:20px;
}

.product-details .item-quantity {
    max-width: 50px;
    display: inline-block;
    margin-right: 20px;
}

.product-details .item-quantity input {
	text-align: center;
}


.product-details .basic-details .add-to-cart{
	padding:13px 37px;
}

.product-details .basic-details .expired {
	position:relative;
	color:#28166f;
	font-size:16px;
	margin-bottom: 30px;
}

/*Pincode Form*/

.pincode-form{
	position:relative;
	margin:0px;
}

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

.pincode-form .form-group input[type="text"]{
	position:relative;
	line-height:14px;
	padding:4px 10px 4px 10px;
	border: 1px solid #f0f0f0;
	background:none;
	font-size:14px;
	width:170px;
	height:40px;
	display:inline-block;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.pincode-form .form-group button{
	position:relative;
	height:40px;
	width:100px;
	font-size:16px;
	color:#222222;
	border-radius: 20px;
	font-weight:500;
	line-height:100%;
	background:#f7f7f7;
	margin-left:8px;
	display:inline-block;
}

/***

====================================================================
	Product Tabs Style
====================================================================

***/

.prod-tabs{
	position:relative;
	margin-top: 30px;
}

.prod-tabs .tab-btns{
	position:relative;
	z-index:1;
	border-bottom:1px solid #eeeeee;
}

.prod-tabs .tab-btns .tab-btn{
	position:relative;
	top:1px;
	display:block;
	float:left;
	margin-right:5px;
	font-size:16px;
	background: transparent;
	color:#222222;
	border:1px solid #f4f4f4;
	text-transform:capitalize;
	font-weight:400;
	line-height:24px;
	cursor:pointer;
	padding:12px 18px 10px;
	transition:all 500ms ease;
	border-radius:5px 5px 0px 0px;
	font-family: 'Montserrat', sans-serif;
}

.prod-tabs .tab-btns .tab-btn.active-btn:after{
	position:absolute;
	content:'';
	left:0px;
	bottom:-1px;
	width:100%;
	height:1px;
	background-color:#ffffff;
}

.prod-tabs .tab-btns .tab-btn:hover,
.prod-tabs .tab-btns .tab-btn.active-btn{
	color:#28166f;
	background: #f7f7f7;
}

.prod-tabs .tabs-content{
	position:relative;
}

.prod-tabs .tabs-content .tab{
	position:relative;
	padding: 30px 20px;
	display:none;
	border-top:0px;
	border: 1px solid #f3f3f3;
	background: #f7f7f7;
}

.prod-tabs .tabs-content .tab.active-tab{
	display:block;
}

.prod-tabs .tabs-content .tab p{
	font-size:16px;
	line-height:1.7em;
	color:rgba(18,18,26,0.80);
	margin-bottom:20px;
}

.prod-tabs .tabs-content .tab p:last-child{
	margin-bottom:0px;
}

.prod-tabs .tabs-content .tab h3,
.prod-tabs .tabs-content .tab h4,
.prod-tabs .tabs-content .tab h5,
.prod-tabs .tabs-content .tab h6{
	margin-bottom:15px;
}

.prod-tabs .tabs-content .tab h4{
	font-size:16px;
	font-weight:700;
	text-transform:uppercase;
	color:#222222;
}

.prod-tabs .reviews-container{
	position:relative;
	padding-bottom:1px;
}

.prod-tabs .tabs-content .tab .title{
	position:relative;
	color:#212121;
	font-size:20px;
	font-weight:400;
	margin-bottom:20px;
}

.prod-tabs .reviews-container .review-box{
	position:relative;
	margin-bottom: 30px;
	padding-left:120px;
	min-height: 120px;
	padding-bottom: 25px;
	border-bottom:1px solid #f0f0f0;
}

.prod-tabs .reviews-container .rev-thumb{
	position:absolute;
	left:0px;
	top:5px;
	width:100px;
	height:100px;
	background:#ffffff;
	border-radius:3px;
	margin-bottom:20px;
}

.prod-tabs .reviews-container .rev-thumb img{
	display:block;
	width:100%;
}

.prod-tabs .reviews-container .rev-content{
	position:relative;
	background:#ffffff;
}

.prod-tabs .reviews-container .rev-header{
	position:relative;
}

.prod-tabs .reviews-container .rev-header h4{
	float:left;
	line-height:30px;
	font-size:19px;
	color:#222222;
	text-transform:capitalize;
	font-weight:400;
	margin-bottom:10px;
}

.prod-tabs .reviews-container .rev-header .rating{
	position:relative;
	float:left;
	margin-left:20px;
	color:#28166f;
	line-height:30px;
	font-size:14px;
}

.prod-tabs .reviews-container .rev-header .rating .fa{
	margin-right:3px;
}

.prod-tabs .reviews-container .rev-option{
	font-size:14px;
	color:#9e9e9e;
}

.prod-tabs .reviews-container .rev-option a{
	font-size:14px;
	text-transform:uppercase;
	font-weight:700;
}

.prod-tabs .reviews-container .rev-text{
	font-size:16px;
	color:#848484;
	line-height:1.7em;
	margin-bottom:5px;
}

.prod-tabs .reviews-container .reply{
	position:relative;
	color:#28166f;
	font-size:16px;
	font-weight:500;
}

/*Comment Form*/

.comment-form .group-title{
	margin-bottom:20px;
}

.comment-form .group-title h2 {
	color: #222;
	font-size: 24px;
}

.comment-form .rating-box{
	position:relative;
	margin-bottom:20px;
}

.comment-form .rating-box .text{
	position:relative;
	font-size:14px;
	color:#222222;
	margin-bottom:10px;
}

.comment-form .rating-box .rating{
	position:relative;
	display:inline-block;
	margin-right:20px;
}

.comment-form .rating-box .rating .fa{
	position:relative;
	margin-right:2px;
	display:inline-block;
}

.comment-form .rating-box .rating a{
	position:relative;
	color:#28166f;
	font-size:14px;
	display:inline-block;
}

.comment-form .form-group{
	position:relative;
	margin-bottom:30px;
}

.comment-form .form-group:last-child{
	margin-bottom:0px;
}

.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select{
	position:relative;
	display:block;
	width:100%;
	line-height:28px;
	padding:10px 15px;
	border:1px solid #eeeeee;
	height:50px;
	color:#848484;
	font-weight:300;
	background:#ffffff;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus{
	border-color:#28166f;
}

.comment-form .form-group textarea{
	position:relative;
	display:block;
	width:100%;
	line-height:26px;
	padding:10px 15px;
	color:#848484;
	border:1px solid #efefef;
	height:105px;
	font-weight:300;
	background:#ffffff;
	resize:none;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.comment-form button{
	position:relative;
	margin-top:10px;
}

.comment-form input:focus,
.comment-form select:focus,
.comment-form textarea:focus{
	border-color:#f06529;
}

/***

====================================================================
	CheckOut Sectioon
====================================================================

***/

.checkout-page{
	position:relative;
	padding:75px 0px 70px;
}

.checkout-form{
	position:relative;
}

.checkout-form .column .sec-title{
	position:relative;
}

.checkout-form .form-group{
	position:relative;
	margin-bottom:25px;
}

.checkout-form .form-group .field-label{
	display:block;
	line-height:24px;
	margin-bottom:6px;
	text-transform:capitalize;
	color:#222222;
	font-size:16px;
	font-weight:400;
	font-family: 'Montserrat', sans-serif;
}

.checkout-form .form-group .field-label sup{
	top:-1px;
	color:#28166f;
	font-size:16px;
}

.checkout-form input[type="text"],
.checkout-form input[type="email"],
.checkout-form input[type="password"],
.checkout-form input[type="tel"],
.checkout-form input[type="number"],
.checkout-form input[type="url"],
.checkout-form select,
.checkout-form textarea{
	position:relative;
	display:block;
	width:100%;
	background:#ffffff;
	line-height:22px;
	padding:12px 15px;
	height:48px;
	border:1px solid #eeeeee;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
}

.checkout-form textarea{
	resize:none;
	height:120px !important;
}

.checkout-form input:focus,
.checkout-form select:focus,
.checkout-form textarea:focus{
	border-color:#28166f;
}

.checkout-page .check-box{
	line-height:24px;
	font-size:14px;
	font-weight:normal;
	padding-top:5px;
}

.checkout-page .check-box label{
	position:relative;
	top:-1px;
	font-weight:normal;
	padding:0px;
	font-size:16px;
	cursor:pointer;
	color:#848484;
	font-family: 'Montserrat', sans-serif;
}

.checkout-page .lower-content{
	margin-top:30px;
}

.checkout-page .lower-content .order-column{
	margin-bottom:40px;
}

/*cart outer*/

.cart-outer{
	position:relative;
}

.cart-outer .table-outer{
	position:relative;
	width:100%;
	overflow-x:	auto;
}

.checkout-page .lower-content .order-column .cart-outer{
	overflow-x:auto;
	margin-top: 60px;
}

.checkout-page .lower-content .order-column .cart-table{
	width:100%;
}

.cart-table .cart-header{
	position:relative;
	width:100%;
	text-transform:capitalize;
	font-size:18px;
	background:#f7f7f7;
	color:#222222;
	font-family: 'Montserrat', sans-serif;
}

.cart-table thead tr th{
	line-height:24px;
	padding:13px 30px;
	font-weight:400;
	font-family: 'Montserrat', sans-serif;
}

.cart-table thead tr th .fa{
	font-size:18px;
}

.cart-table thead tr th.prod-column{
	text-align:left;
}

.cart-table tbody tr{
	border-bottom:1px solid #eeeeee;
}

.cart-table tbody tr td{
	line-height:24px;
	padding:30px 0px 30px 30px;
}
.qty .input-group {
	width: 50px;
}

.bootstrap-touchspin .input-group-btn-vertical > .btn {
	padding: 12px 10px;
}

.bootstrap-touchspin .input-group-btn-vertical i {
	top: 7px;
}

.cart-table tbody tr .prod-column .column-box{
	position:relative;
	min-height:70px;
	padding-left:100px;
	padding-top:20px;
	text-align:left;
	min-width:230px;
}

.cart-table tbody tr .prod-column .column-box .prod-thumb{
	position:absolute;
	width:80px;
	left:0px;
	top:0px;
}

.cart-table tbody tr .prod-column .column-box .prod-thumb img{
	 display:block;
	 max-width:100%;
}

.cart-table tbody tr .prod-column .column-box h4{
	font-size:18px;
	color:#222222;
	font-weight:400;
	margin-bottom:5px;
	text-transform:capitalize;
	font-family: 'Montserrat', sans-serif;
}

.cart-table tbody tr .sub-total{
	font-weight:400;
	font-size:18px;
	color:#28166f;
}

.cart-table tbody tr .price{
	font-weight:700;
	font-size:14px;
	color:#777777;
}

/*Total Table*/

.checkout-page .lower-content .totals-table{
	position:relative;
	margin-bottom:40px;
	border:1px solid #eeeeee;
	margin-top: 60px;
}

.checkout-page .lower-content .totals-table li .col{
	padding:12px 20px;
}

.checkout-page .lower-content .totals-table li{
	line-height:24px;
	border-bottom:1px solid #eeeeee;
}

.checkout-page .lower-content .totals-table li .col.title{
	font-weight:400;
	color:#222222;
	font-size:16px;
	border-right:1px solid #eeeeee;
	font-family: 'Montserrat', sans-serif;
}

.checkout-page .lower-content .totals-table li:last-child{
	border-bottom:none;
	margin-bottom:0px;
}

.checkout-page .lower-content .totals-table .col{
	position:relative;
	display:block;
	float:left;
	line-height:24px;
	width:50%;
	color: #848484;
	font-weight: 400;
	font-size:16px;
}

/*Payment Option*/

.checkout-page .payment-options{
	position:relative;
	padding:30px 20px;
	background-color:#f7f7f7;
}

.checkout-page .payment-options li{
	position:relative;
	margin-bottom:15px;
}

.checkout-page .payment-options li .radio-option{
	position:relative;
}

.checkout-page .payment-options li .radio-option label{
	position:relative;
	display:inline-block;
	padding-left:30px;
	font-weight:500 !important;
	text-transform:capitalize;
	letter-spacing:1px;
	color:#333333;
	cursor:pointer;
}

.checkout-page .payment-options li .radio-option label strong{
	font-weight:400;
	color:#222222;
	font-size:14px;
	font-family: 'Montserrat', sans-serif;
}

.checkout-page .payment-options li .radio-option label strong a{
	font-size:16px;
	margin-left:30px;
	text-decoration:underline;
	font-family: 'Raleway', sans-serif;
}

.checkout-page .payment-options li .radio-option input[type="radio"]{
	position:absolute;
	left:0px;
	top:3px;
}

.checkout-page .payment-options li .radio-option label .small-text{
	display:block;
	padding-top:5px;
	letter-spacing:0px;
	text-transform:none;
	font-weight:normal;
	font-size:16px;
	color:#848484;
	line-height:1.7em;
}

.checkout-page .payment-options li .radio-option label img{
	position:relative;
	top:-3px;
	display:inline-block;
	max-width:100%;
	padding-left:30px;
}

.checkout-page .place-order{
	padding:11px 39px;
	margin-left:30px;
	text-transform:capitalize;
}



/***

====================================================================
	Cart Section style
====================================================================

***/

.cart-section{
	position:relative;
	padding:80px 0px;
}

.cart-section .cart-outer{
	position:relative;
}

.cart-section .table-outer{
	position:relative;
	width:100%;
	overflow-x:	auto;
}

.cart-section .cart-table{
	width:100%;
	min-width:900px;
}

.cart-table .cart-header{
	position:relative;
	width:100%;
	text-transform:uppercase;
	font-size:16px;
	border-radius:0px;
	background:#f7f7f7;
	color:#1f1f1f;
}

.cart-table thead tr th{
	line-height:24px;
	padding:20px 15px;
	min-width:120px;
	font-weight:600;
}

.cart-table thead tr th.prod-column{
	text-align:left;
	padding-left:40px;
}

.cart-table tbody tr td{
	line-height:24px;
	padding:30px 10px 20px;
	min-width:100px;
}

.cart-table tbody tr .qty{
	width:130px;
	padding-right:40px;
}

.cart-table tbody tr .qty .quantity-spinner{
	background:#f5f5f5;
	height: 50px;
}

.cart-table tbody tr .prod-column .column-box{
	position:relative;
	min-height:90px;
	padding-left:90px;
	padding-top:20px;
	text-align:left;
}


.column.default-column .cart-table tbody tr .qty{
	width:110px;
	padding-right:20px;
}

.cart-table tbody tr .prod-column .column-box .prod-thumb{
	position:absolute;
	width:70px;
	border:1px solid #f0f0f0;
	left:0px;
	top:0px;
}

.cart-table tbody tr .prod-column .column-box .prod-thumb img{
	 display:block;
	 max-width:100%;
}

.cart-table tbody tr .prod-column .column-box h3{
	font-size:20px;
	color:#1f1f1f;
	font-weight:400;
	margin-bottom:5px;
}

.cart-table tbody tr .sub-total{
	font-weight:400;
	color:#28166f;
}

.cart-table tbody tr .remove-btn{
	position:relative;
	font-size:14px;
	color:#1f1f1f;
	line-height:30px;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	transition:all 500ms ease;
}

.cart-table tbody tr .remove-btn .fa{
	position:relative;
	top:2px;
	font-size:10px;
	line-height:14px;
	width:14px;
	height:14px;
	margin-right:8px;
	background:#f0f0f0;
	color:#ffffff;
	text-align:center;
	overflow:hidden;
	text-indent:100px;
}

.cart-table tbody tr .remove-btn:hover{
	color:#28166f;
}

.cart-table tbody tr .remove-btn:hover .fa{
	text-indent:0px;
	background:#28166f;
}

.cart-table tbody tr{
	border-bottom:1px solid #f0f0f0;
}

.cart-table tbody tr td{
	vertical-align:middle;
}

.cart-table tbody tr td .quantity-spinner{
	padding:5px 0px 5px 20px;
	line-height:24px;
	height:34px;
	display:block;
	width:100%;
	position:relative;
}

.cart-table tbody .available-info{
	position:relative;
	padding-left:50px;
}

.cart-table tbody .available-info .icon{
	position:absolute;
	left:0px;
	top:5px;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:18px;
	color:#ffffff;
	background:#28166f;
	border-radius:50%;
}

.cart-section .coupon-outer{
	position:relative;
	margin:50px 0px 70px ;
}

.cart-section .apply-coupon{
	position:relative;
}

.cart-section .apply-coupon .form-group{
	position:relative;
	float:left;
	margin-right:15px;
}

.cart-section .apply-coupon .form-group input[type="text"]{
	display:block;
	line-height:26px;
	padding:12px 20px;
	border:1px solid #f0f0f0;
	height:50px;
	border-radius:23px;
	width:230px;
	background:none;
}

.cart-section .estimate-form{
	position:relative;
}

.cart-section .sec-title{
	margin-bottom:25px;
}

.cart-section .sec-title h2{
	font-size:28px;

}

.cart-section .estimate-form .row{
	margin-left:-7px;
	margin-right:-7px;
}

.cart-section .estimate-form .row .form-group{
	padding:0px 7px !important;
	margin-bottom:30px;
}

.cart-section .totals-table{
	position:relative;
	border:1px solid #f0f0f0;
	border-radius:2px;
	margin-bottom:30px;
}

.cart-section .totals-table .col{
	position:relative;
	display:block;
	float:left;
	padding:15px 15px;
	line-height:24px;
	width:50%;
}

.cart-section .totals-table .col-title{
	font-size:14px;
	color:#353535;
	border-right:1px solid #f0f0f0;
}

.cart-section .totals-table li{
	position:relative;
	border-bottom:1px solid #f0f0f0;
}

.cart-section .totals-table li:last-child{
	border-bottom:none;
}

.cart-section .cart-note{
	position:relative;
	margin-bottom:50px;
	padding:16px 20px;
	text-align:center;
	border:1px dashed #28166f;
	border-radius:3px;
	background:#f4f4f4;
	line-height:1.7em;
}

.glyphicon.glyphicon-chevron-up,
.glyphicon.glyphicon-chevron-down {
    display: inline-block;
    font-family: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    line-height: 10px;
    font-size: 15px !important;
}

.cart-section .default-form .form-group{
    margin-bottom: 20px;
}

.cart-section .default-form input[type="text"],
.cart-section .default-form input[type="email"],
.cart-section .default-form input[type="password"],
.cart-section .default-form select,
.cart-section .default-form textarea{
	display:block;
	width:100%;
	height:50px;
	font-size:16px;
	color:#848484;
	line-height:26px;
	padding:12px 15px;
	font-weight:400;
	background:#ffffff;
	border:1px solid #ececec;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.cart-section .default-form input:focus,
.cart-section .default-form select:focus,
.cart-section .default-form textarea:focus{
	border-color:#28166f;
}

.cart-section .default-form textarea{
	height:150px;
	resize:none;
	padding:12px 15px;
}

.cart-section .default-form .form-group .text{
	position:relative;
	color:#848484;
	font-size:16px;
	line-height:1.6em;
}

.cart-section .btn-style-one,
.cart-section .btn-style-three {
    border-radius: 25px;
}


/***

====================================================================
	Login / Register Section
====================================================================

***/

.register-section{
	position:relative;
	padding:80px 0px 40px;
}

.register-section .sec-title{
	margin-bottom:30px;
}

.register-section .form-column{
	margin-bottom:30px;
}

.styled-form{
	position:relative;
}

.styled-form .form-group{
	position:relative;
	margin-bottom:25px;
	font-size:14px;
	color:#9e9e9e;
}

/*checkout*/

.checkout-page .exisitng-customer {
  border: 1px solid #f7f7f7;
  display: block;
  padding: 20px 28px 21px;
  position: relative;
  margin-bottom: 20px;
}
.checkout-page .exisitng-customer:before{
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background: #28166f;
  content: "";
}
.checkout-page .exisitng-customer h5{
  color: #252525;
  font-size: 16px;
  font-weight: 300;
}
.checkout-page .exisitng-customer h5 a{
  color: #28166f;
  display: inline-block;
  padding-left: 15px;
}

.checkout-page .coupon {
  border: 1px solid #f7f7f7;
  display: block;
  padding: 20px 28px 21px;
  position: relative;
  margin-bottom: 60px;
}
.checkout-page .coupon:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background: #28166f;
  content: "";
}
.checkout-page .coupon h5 {
  color: #252525;
  font-size: 16px;
  font-weight: 300;
}
.checkout-page .coupon h5 a {
  color: #28166f;
  display: inline-block;
  padding-left: 15px;
}


.checkout-section .styled-form .form-group{
	position:relative;
	margin-bottom:20px;
}

.cart-table .qty input {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: none;
    color: #252525;
    display: block;
    font-size: 18px;
    font-weight: 400;
    height: 34px;
    width: 50px;
    padding: 6px 0;
    text-align: center;
}


.styled-form .form-group .check-box{
	line-height:24px;
	font-size:15px;
	font-weight:normal;
	padding-top:5px;
	color:#1f1f1f;
}

.styled-form .form-group .check-box label{
	position:relative;
	top:-1px;
	font-weight:normal;
	padding:0px;
	font-size:15px;
	cursor:pointer;
}

.styled-form .pull-left label,
.styled-form .pull-right label{
	cursor:pointer;
	font-weight:400;
}

.styled-form .form-group .adon-icon{
	position:absolute;
	top:50%;
	margin-top:-10px;
	right:10px;
	width:20px;
	height:20px;
	line-height:20px;
	font-size:15px;
	color:#999999;
	z-index:2;
}

.styled-form .form-group .field-label{
	display:block;
	color:#1f1f1f;
	text-transform:capitalize;
	font-size:16px;
	margin-bottom:7px;
	font-weight:400;
}

.styled-form input[type="text"],
.styled-form input[type="email"],
.styled-form input[type="password"],
.styled-form input[type="tel"],
.styled-form input[type="number"],
.styled-form input[type="url"],
.styled-form select,
.styled-form textarea{
	position:relative;
	display:block;
	width:100%;
	background:#ffffff;
	line-height:30px;
	padding:8px 20px;
	height:48px;
	border:1px solid #e0e0e0;
	border-radius:3px;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
}

.checkout-section .styled-form input[type="text"],
.checkout-section .styled-form input[type="email"],
.checkout-section .styled-form input[type="password"],
.checkout-section .styled-form select{
	line-height:26px;
	height:44px;
}

.styled-form select{
	-webkit-appearance:none;
	-ms-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
	background:#ffffff url(https://www.sunon.com.cn/images/icons/icon-select.png) right center no-repeat;
	cursor:pointer;
}

.styled-form select option{
	text-indent:20px;
}

.styled-form textarea{
	resize:none;
	height:110px;
}

.styled-form input:focus,
.styled-form select:focus,
.styled-form textarea:focus{
	border-color:#28166f;
}

.styled-form .form-group .theme-btn{
	min-width:150px;
	text-align:center;
	padding:10px 30px;
}

.styled-form .forgot{
	font-size:14px;
}

.social-links-two a{
	position:relative;
	display:inline-block;
	font-size:14px;
	width:42px;
	height:42px;
	line-height:42px;
	text-align:center;
	color:#ffffff;
	background:#28166f;
	margin:0px 0px 0px 15px;
	transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
}

.social-links-two a:hover{
	opacity:0.80;
}

.social-links-two .facebook{
	background:#3b5998;
}

.social-links-two .twitter{
	background:#33ccfe;
}

.social-links-two .google-plus{
	background:#dd4b39;
}

.padd-top-5{
	padding-top:5px;
}

.padd-top-10{
	padding-top:10px;
}

.padd-top-15{
	padding-top:15px;
}


.sidebar-page-container{
	position:relative;
	padding:80px 0px 40px;
}

.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side{
	margin-bottom:40px;
}

.sidebar-widget{
    position: relative;
    margin-bottom: 50px;
}

/*Search Box Widget*/

.sidebar .search-box .form-group{
	position:relative;
	margin:0px;
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"]{
	position:relative;
	line-height:28px;
	padding:10px 50px 10px 20px;
	border:1px solid #eeeeee;
	background:none;
	display:block;
	font-size:16px;
	width:100%;
	height:50px;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.sidebar .search-box .form-group button{
	position:absolute;
	right:0px;
	top:0px;
	height:50px;
	width:50px;
	display:block;
	font-size:16px;
	color:#222222;
	line-height:100%;
	background:#f4f4f4;
	font-weight:normal;
}

/*Sidebar Title*/

.sidebar-title{
    position: relative;
    margin-bottom:25px;
}

.sidebar-title h2{
    font-size: 22px;
    color: #222222;
    font-weight: 400;
    line-height: 1.2em;
    padding-bottom:15px;
    text-transform: capitalize;
}

.sidebar-title h2:after{
	position:absolute;
	content:'';
	left:0px;
	bottom:-1px;
	width:45px;
	height:1px;
}



/*Blog Category*/

.blog-cat{
	position:relative;
	border: 1px solid #f0f0f0;
	border-left: 2px solid #28166f;
}

.blog-cat li{
	position:relative;
}

.blog-cat li a{
	position:relative;
	font-size:16px;
	font-weight:400;
	display:block;
	margin: 0 20px;
	padding: 10px 0;
	color:#848484;
	border-bottom:1px solid #eeeeee;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	font-family: 'Raleway', sans-serif;
}

.blog-cat li:last-child a {
	border:0px;
}

.blog-cat li a:hover{
	color:#28166f;
}

.blog-cat li a span {
	position: absolute;
	right: 10px;
	top: 5px;
}



/*Post Widget*/

.sidebar .popular-posts .post{
	position:relative;
	font-size:14px;
	color:#666666;
	padding:0px 0px;
	padding-left:95px;
	min-height:75px;
	margin-bottom:40px;
}

.sidebar .popular-posts .post:last-child{
	margin-bottom:0px;
}

.sidebar .popular-posts .post .post-thumb{
	 position:absolute;
	 left:0px;
	 top:0px;
	 width:75px;
}

.sidebar .popular-posts .post:hover .post-thumb img{
	opacity:0.70;
}

.sidebar .popular-posts .post .post-thumb img{
	display:block;
	width:100%;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.sidebar .popular-posts .post .text{
	position:relative;
	top:-4px;
	font-size:16px;
	margin:0px 0px 0px;
	font-weight:400;
	color:#222222;
	line-height:1.4em;
	text-transform:capitalize;
	font-family: 'Montserrat', sans-serif;
}

.sidebar .popular-posts .post .text a{
	color:#222222;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.sidebar .popular-posts .post a,
.sidebar .popular-posts .post a:hover{
	color:#28166f;
}

.sidebar .popular-posts .post-info{
	position:relative;
	font-size:16px;
	color:#999999;
	padding-left:22px;
	font-family: 'Raleway', sans-serif;
}

.sidebar .popular-posts .post-info:before{
	position:absolute;
	content:'\f073';
	left:0px;
	top:0px;
	color:#28166f;
	font-family: 'FontAwesome';
}

/*Popular Tags*/

.sidebar .popular-tags a{
	position:relative;
	display:inline-block;
	line-height:24px;
	padding:6px 20px 6px;
	margin:0px 6px 10px 0px;
	color:#222222;
	text-align:center;
	font-size:14px;
	text-transform:capitalize;
	background:#f4f4f4;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
}

.sidebar .popular-tags a:hover{
	color:#ffffff;
	background-color:#28166f;
}


/*Sidebar Range slider */

.rangeslider-widget .outer-box{
	position:relative;
	padding:10px 0px 0px;
}

.rangeslider-widget .form-group{
	position:relative;
	color:#848484;
	font-weight:400;
	font-size:16px;
	margin:30px 0px 0px;
}

.rangeslider-widget .val-box{
	position:relative;
	display:inline-block;
	margin:0px 5px 0px 0px;
	line-height:24px;
	font-size:16px;
	padding:5px 0px;
	width:50px;
	text-align:center;
	color:#848484;
	font-weight:400;
}

.rangeslider-widget .noUi-connect{
	background:#222222 !important;
	box-shadow:none;
}

.rangeslider-widget .noUi-background{
	background:#eef2f5 !important;
	border-color:#eef2f5 !important;
}

.rangeslider-widget .noUi-handle{
	top:-5px !important;
	background-color:transparent !important;
	border:1px solid #222222 !important;
	cursor:pointer;
	width:14px !important;
	height:14px !important;
	background:#009d42 !important;
	margin-left:14px;
	border-radius:50%;
	-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
	box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}

.rangeslider-widget .noUi-horizontal{
	height:4px !important;
	box-shadow:none !important;
	background:#f06529;
}

.rangeslider-widget .filter-btn{
	color:#222222;
	font-size: 14px;
	font-weight: 700;
	padding: 4px 24px;
	display:inline-block;
	background-color:#ffffff;
	border:2px solid #eeeeee;
	border-radius: 20px;
}

/*Sidebar Realated Posts */

.sidebar .related-posts .post{
	position:relative;
	padding:0px 0px;
	padding-left:90px;
	min-height:95px;
	margin-bottom:20px;
	border-bottom:1px solid #eeeeee;
}

.sidebar .related-posts .post:last-child{
	margin-bottom:0px;
	border:0px;
	min-height:inherit;
}

.sidebar .related-posts .post .post-thumb{
	 position:absolute;
	 left:0px;
	 top:0px;
	 width:70px;
}

.sidebar .related-posts .post .post-thumb img{
	display:block;
	width:100%;
}

.sidebar .related-posts .post h4{
	top:-2px;
	font-size:16px;
	font-weight:400;
	color:#222222;
	text-transform:capitalize;
}

.sidebar .related-posts .post h4 a{
	color:#222222;
	transition:all 300ms ease;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
}

.sidebar .related-posts .post a,
.sidebar .related-posts .post a:hover{
	color:#28166f;
}

.sidebar .related-posts .post .price{
	font-size:18px;
	letter-spacing:1px;
	font-weight:400;
	color:#28166f;
}

.sidebar .related-posts .post .rating{
	margin-bottom:3px;
}

.sidebar .related-posts .post .rating .fa{
	position:relative;
	display:inline-block;
	margin-right:5px;
	font-size:12px;
	line-height:26px;
	color:#28166f;
}

.sidebar .related-posts .post .rating .fa-star.light{
	color:#ebeff2;
}

.styled-pagination{
	position:relative;
}

.styled-pagination ul{
	position:relative;
	display:inline-block;
}

.styled-pagination li{
	position:relative;
	display:block;
	float:left;
	margin:0px 8px 0px 0px;
}

.styled-pagination li a{
	position:relative;
	display:inline-block;
	line-height: 40px;
	border-radius: 50%;
	padding:9px 5px;
	height:55px;
	font-size:18px;
	min-width:55px;
	color:#252525;
	font-weight:400;
	text-align:center;
	background:none;
	border:1px solid #eeeeee;
	text-transform:capitalize;
	transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
}

.styled-pagination li a.prev,
.styled-pagination li a.next{
	color:#9e9e9e;
	font-weight:600;
	padding:8px 20px;
	line-height: 36px;
	text-transform:uppercase;
	border: 2px solid #eeeeee;
	font-family: 'Montserrat', sans-serif;
}

.styled-pagination li a:hover,
.styled-pagination li a.active{
	color:#ffffff;
	border-color:#28166f;
	background-color:#28166f;
}


.section-title h3 {
	color: #222;
}



/***

====================================================================
	Accordion Style
====================================================================

***/

.accordion-box{
	position:relative;
	border:1px solid #efefef;
}

.accordion-box .block{
	position: relative;
    padding:19px 20px;
	border-bottom: 1px solid #f2f2f2;
}

.accordion-box .block:last-child{
	margin-bottom:0px;
	border:0px;
}

.accordion-box .block .acc-btn{
	position:relative;
	font-size:20px;
	cursor:pointer;
	line-height:1.2em;
	color:#222222;
	font-weight:700;
	padding: 0px 30px 0px 0px;
	transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	font-family: 'Nunito Sans', sans-serif;
}

.accordion-box .block .icon-outer{
	position:absolute;
	right:15px;
	top:20px;
	font-size:16px;
	color: #222222;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.accordion-box .block .icon-outer .icon {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    font-size: 12px;
    color: #222222;
    font-weight: 700;
    line-height: 1em;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.accordion-box .block .icon-outer .icon_plus{
	opacity:1;
}

.accordion-box .block .icon-outer .icon_minus{
	opacity:0;
	color: #28166f;
	font-weight:700;
}

.accordion-box .block .acc-btn.active .icon-outer .icon_minus{
	opacity:1;
}

.accordion-box .block .acc-btn.active .icon-outer .icon_plus{
	opacity:0;
}

.accordion-box .block .acc-btn.active .icon-outer{
	color:#11da61;
}

.accordion-box .block .acc-content{
	position:relative;
	display:none;
}

.accordion-box .block .acc-content .content-text{
	padding-bottom:6px;
}

.accordion-box .block .acc-content.current{
	display:block;
}

.accordion-box .block .content{
	position:relative;
	font-size:14px;
	padding:15px 0px 0px 0px;
}

.accordion-box .block .content p{
	margin-bottom:20px;
	line-height:1.8em;
	font-size:16px;
	color:#848484;
	font-weight:300;
}

.accordion-box .block .content p:last-child{
	margin-bottom:0px;
}

/*Accordian Style Two*/

.accordion-box.style-two{
	border:0px;
}

.accordion-box.style-two .block{
	margin-bottom:2px;
	padding:23px 20px;
	border:1px solid rgba(255,255,255,0.20);
}

.accordion-box.style-two .block .acc-btn{
	color:#ffffff;
}

.accordion-box.style-two .block .content p{
	color:#adadad;
	font-size:16px;
	line-height:1.9em;
}

/*Accordian Style Three*/

.accordion-box.style-three{
	position:relative;
	padding-left:30px;
	padding-right:30px;
	margin-bottom:70px;
}

.accordion-box.style-three .block{
	padding-left:0px;
}

.accordion-box.style-three .block .acc-btn{
	font-weight:400;
	padding-left: 40px;
	padding-right: 0;
}

.accordion-box.style-three .block .icon-outer{
	left: 0px;
}

.accordion-box.style-three .block .icon-outer .icon {
    position: absolute;
    top: 50%;
    margin-top: -22px;
    font-size: 12px;
    border: 2px solid #f0f0f0;
    border-radius: 50%;
    width: 30px;
    text-align: center;
    line-height: 26px;
    height: 30px;
    color: #222222;
    font-weight: 700;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

/*Accordian Style Four*/

.accordion-box.style-four{
	border:0px;
}

.accordion-box.style-four .block{
	border:0px;
	padding:0px;
	margin-bottom:10px;
}

.accordion-box.style-four .block .acc-btn{
	padding:13px 20px;
	background-color:#f7f7f7;
}

.accordion-box.style-four .block .icon-outer .icon{
	font-size:20px;
	margin-top:-20px;
}

.accordion-box.style-four .block .icon-outer{
	right:30px;
	top:36px;
}

.accordion-box.style-four .block .acc-btn.active .icon-outer .icon_plus{
	opacity:1;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
}

.accordion-box.style-four .block .content{
	padding:20px 20px;
	border:1px solid #f4f4f4;
	border-top:0px;
}

/*Accordian Style Five*/

.accordion-box.style-five{
	position:relative;
	padding:0px 30px;
	border:0px;
	background-color:#f7f7f7;
}

.accordion-box.style-five .block{
	padding:0px 0px;
}

.accordion-box.style-five .block:last-child .acc-content{
	padding-bottom:25px;
}

.accordion-box.style-five .block .acc-btn{
	padding-right:0px;
	padding-left:40px;
	padding-top:19px;
	padding-bottom:19px;
}

.accordion-box.style-five .block .acc-btn.active{
	color:#28166f;
}

.accordion-box.style-five .block .acc-btn.active .icon-outer{
	background-color:#28166f;
}

.accordion-box.style-five .block .icon-outer{
	left:0px;
	top:50%;
	right:auto;
	width:20px;
	height:20px;
	color:#ffffff;
	line-height:21px;
	border-radius:50%;
	text-align:center;
	margin-top:-10px;
	background-color:#cccccc;
}

.accordion-box.style-five .block .icon-outer .icon{
	left:0px;
	top:19px;
	width:20px;
	height:20px;
	color:#ffffff;
}

.accordion-box.style-five .block .content{
	background-color:#ffffff;
	margin-top:0px;
	padding:25px 40px;
}

.mb-60 {
	margin-bottom: 60px !important;
}


/*Accordian Style six*/

.accordion-box.style-six{
	position:relative;
	padding-left:30px;
	padding-right:30px;
	margin-bottom:70px;
}

.accordion-box.style-six .block{
	padding: 24px 20px;
	padding-left:0px;
}

.accordion-box.style-six .block .acc-btn{
	font-weight:400;
	font-size: 16px;
    font-family: 'Poppins', sans-serif;
}

.accordion-box.style-six .block .icon-outer{
	right:0px;
}

.accordion-box.style-six .block .icon-outer .icon_minus {
	color: #222;
}

.accordion-box.style-six .block .acc-btn.active {
	color: #28166f;
}

/***

====================================================================
	feature-section
====================================================================

***/

.feature-section {
	position: relative;
}

.feature-section:before {
	position: absolute;
	content: '';
	background: #f7f7f7;
	left: 0;
	top: 0;
	width: 100%;
	height: 61%;
}

.feature-section .feature-bg {
	position: relative;
	background: #fff;
	border: 1px solid #f2f2f2;
}

.faq-section h3 {
	color: #222;
	margin-bottom: 20px;
}



/*Service Single One*/

.service-single-one{
	position:relative;
}

.service-single-one .inner-box{
	position:relative;
}

.service-single-one .inner-box .image{
	position:relative;
}

.service-single-one .inner-box .image img{
	position:relative;
	width:100%;
	display:block;
}

.service-single-one .inner-box .lower-content{
	position:relative;
	padding-top:50px;
}

.service-single-one .inner-box .lower-content h2{
	position:relative;
	color:#222222;
	font-size:32px;
	font-weight:400;
	padding-bottom:10px;
	margin-bottom:30px;
}

.service-single-one .inner-box .lower-content h2:after{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	width:50px;
	height:2px;
	background-color:#28166f;
}

.service-single-one .inner-box .lower-content .text{
	position:relative;
}

.service-single-one .inner-box .lower-content .text p{
	position:relative;
	color:#848484;
	font-size:16px;
	line-height:1.7em;
	margin-bottom:15px;
	font-weight:300;
}

.service-single-one .inner-box .lower-content .text blockquote{
	position:relative;
	padding:20px 25px;
	margin-top:30px;
	margin-bottom:40px;
	border:2px solid #efefef;
}

.service-single-one .inner-box .lower-content .text blockquote .text{
	color:#28166f;
	font-size:18px;
	font-style:italic;
	font-weight:500;
	line-height:1.6em;
	padding-left:60px;
}

.service-single-one .inner-box .lower-content .text blockquote .text .quote-icon{
	position:absolute;
	left:0px;
	top:5px;
	font-size:36px;
	color:#efefef;
	line-height:1em;
}

.service-single-one .inner-box .lower-content .text h3{
	position:relative;
	color:#222222;
	font-size:24px;
	font-weight:400;
	padding-bottom:12px;
	margin-bottom:25px;
}

.service-single-one .inner-box .lower-content .text h3:after{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	width:50px;
	height:2px;
	background-color:#28166f;
}

.services-section-three .owl-dot-style-two .owl-dots {
	margin-top: 30px;
}

/*Video Box*/

.video-box{
	position:relative;
}

.video-box .image img{
	position:relative;
	width:100%;
}

.video-box .overlay-box{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	text-align:center;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.video-box:hover .overlay-box{
	background-color:rgba(250,153,40,0.40);
}

.video-box .overlay-box span{
	position: relative;
	width:60px;
	height:60px;
    top: 46%;
	z-index:99;
	color: #ffffff;
	font-weight:300;
	font-size:18px;
	margin-top: -28px;
	text-align: center;
	border-radius:50%;
	line-height:50px;
	padding-left:4px;
	display: inline-block;
	border:6px solid #ffffff;
}

/*Business Tab Section*/

.business-tab-section{
	position:relative;
	margin-top: 10px;
	border-top: 1px solid #f2f2f2f2;
	padding-top: 25px;
}

.business-tab-section h3{
    position: relative;
    color: #222222;
    font-size: 24px;
    font-weight: 400;
    padding-bottom: 12px;
    margin-bottom: 30px;
}

.business-tab-section h3:after{
	position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 50px;
    height: 2px;
    background-color: #28166f;
}

.business-tab-section .text{
	position:relative;
	color:#848484;
	font-size:16px;
	line-height:1.7em;
	font-weight:300;
}

/*Services Category*/

.services-category{
	position:relative;
	background: #f7f7f7;
	padding: 20px 30px;
}

.services-category h4 {
	color: #222;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.services-category .services-list{
	position:relative;
}

.services-category .services-list li{
	position:relative;
}

.services-category .services-list li a{
	position:relative;
	color: #222;
	font-size: 16px;
	font-weight:700;
	padding: 5px 0px 8px;
	padding-left: 30px;
	display:block;
	font-family: 'Nunito Sans', sans-serif;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.services-category .services-list li a .icon{
	position:absolute;
	left: 0;
	top:0px;
	color: #d4d4d4;
	font-size: 16px;
	line-height: 36px;
	font-weight:400;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
}

.services-category .services-list li.active a,
.services-category .services-list li a:hover{
	color: #28166f;
}

.services-category .services-list li.active span,
.services-category .services-list li a:hover span{
	color: #009d42 !important;
}

/*boucher*/

.boucher-area {
	position: relative;
	padding: 20px 30px 10px;
	margin-bottom: 40px;
	border: 1px solid #f2f2f2;
}

.boucher-area h4 {
	color: #222;
	border-bottom: 1px solid #f2f2f2;
	padding-bottom: 10px;
	margin-bottom: 30px;
}

.boucher li {
  position: relative;
  background: #f7f7f7;
  padding: 10px 0;
  padding-left: 30px;
  margin-bottom: 20px;
  transition: .3s ease;
}

.boucher li i {
  margin-right: 10px;
}

.boucher li:hover {
  color: #fff;
  background: #28166f;
  cursor: pointer;
  transition: .3s ease;
}

.boucher li p {
	margin: 0;
}

.boucher li:hover p {
  color: #fff;
  transition: .3s ease;
}

/*contact-info-four*/

.contact-info-four {
	position: relative;
	padding: 20px 30px 0px;
	border: 1px solid #f2f2f2;
	margin-bottom: 40px;
}

.contact-info-four h4 {
    color: #222;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 10px;
    margin-bottom: 15px;
}




@media screen and (max-width: 360px) {
.services-block-two .author-information h4 {
    font-size: 15px;
    font-weight: 500;
    color: #222;
    font-family: '微軟正黑體', 'Hind', sans-serif;
    width: 45%;
    float: left;
    margin: 0 4px;
    padding: 0;
    line-height: 46px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #CCCCCC;
}
.parallax-one{
height:800px;
}
.services-block-three .content {
  padding: 15px 30px;
}
}