@charset "utf-8";
/* CSS Document */

	/* *****----- Primary: Green - #b7d339 -----***** */
	
	::-moz-selection {
color: #fff;
background-color: #f27227;
}
::selection {
	color: #fff;
	background-color: #f27227;
}
/*----*****---- << Color >> ----*****----*/

.dt-sc-counter h5, .dt-sc-service:hover h3, .dt-sc-ico-content:hover h3 a, .dt-sc-ico-content.type1:hover h3 a, .dt-sc-team .team-details h6, .dt-sc-testimonial:hover .author-detail span, .entry-meta .date, .entry-metadata a, .phone a:hover, .opening-time li span, #footer .textwidget .dt-sc-contact-info .icon i.fa, .dt-sc-contact-info p a:hover, .widget ul li a:hover, #footer .footer-links li a:hover, .copyright-content > p a:hover, .dt-sc-donutchart-small:hover h5.dt-sc-donutchart-title, ul.dt-sc-fancy-list.leaf > li:hover:before, ul.dt-sc-fancy-list.scissor li:hover:before, .dt-sc-tabs-frame-content .alignright h4, .dt-sc-timeline-content:hover h3 a, .dt-sc-timeline-section.type1 .dt-sc-timeline-content.dt-sc-icon:hover:before, .dt-sc-contacts-info > p a:hover, .dt-sc-contacts-info .icon i.fa, table.dt-sc-rate td span, .dt-sc-service.content .gallery-thumb .gallery-overlay > h4 span, .pagination ul li a.active-page, .pagination ul li:hover a, .widget_categories ul li:hover a, .widget_categories ul li:hover a:before, .widget_categories ul li:hover a span, .widget ul.tweet_list li.tweet a, ul.dt-sc-rate li span, .dt-sc-donutchart-medium:hover h5, .widget.widget_recent_entries .entry-metadata .author > a, .widget.widget_recent_entries .entry-metadata .comments > a, .date-select .date, select option, .pagination .next-post a:hover, .pagination .prev-post a:hover, .dt-sc-team.type2 h6, .dt-sc-team.type3 h6, .aligncenter .tooltip, .dt-sc-button.transparent, .dt-sc-timeline:hover .dt-sc-timeline-content h3 a, .author-name a, .reply a, p.dt-sc-price-tag span, .dt-sc-sorting-container a.active-sort, .blog-post blockquote q::before, .blog-post blockquote q::after, .dollar, .price, .terms, #pager a.selected::before, .dt-sc-sorting-container a:hover, .widget.commentbox ul.recent-cmt li h4 {
	color: #f27227;
}
/*----*****---- << BackGround Color >> ----*****----*/

input[type="submit"], button, input[type="button"], input[type="reset"], /*#header .dt-sc-button,*/ .dt-sc-service:hover a.dt-sc-explore, a.dt-sc-explore:hover, .dt-sc-team .team-details .team-details-social-icons, .form-row > input[type="submit"], .icon-search, h5.dt-sc-toggle-accordion.active:before, ul.dt-sc-tabs-frame li a.current, ul.dt-sc-social-network > li:hover, h5.dt-sc-toggle-accordion:hover:before, ul.dt-sc-tabs-vertical-frame li a.current, h5.dt-sc-toggle:hover:before, h5.dt-sc-toggle.active:before, .dt-sc-button, .dt-sc-animation-eff2:hover:before, .dt-sc-animation-eff2:before, .dt-sc-animation-eff1:after, .dt-sc-booking li.select:before, table.skin th, .ll-skin-latoja td a.ui-state-active, .ll-skin-latoja td a.ui-state-active.ui-state-hover, .radio-btn input[type="radio"]:checked + span::before, p:hover .dt-sc-dropcap.dt-sc-dropcap-bordered-circle, .dt-sc-button.transparent:hover, .content .bx-controls a.bx-prev, .content .bx-controls a.bx-next, h2.border-title.aligncenter:after, h3.border-title:after, .blog-post.blog-single-entry:hover .entry-details .entry-title h4::after, .dt-sc-service:hover .gallery-details::after, .dt-sc-service:hover .gallery-details::before, .dt-sc-testimonial:hover blockquote::after, .dt-sc-testimonial:hover blockquote::before, .dt-sc-toggle-frame h5.dt-sc-toggle-accordion.active a, .dt-sc-toggle-frame h5.dt-sc-toggle-accordion:hover a, .dt-sc-toggle-frame h5.dt-sc-toggle.active a, .dt-sc-toggle-frame h5.dt-sc-toggle:hover a, .overlay-section-second ul li::after, .overlay-section-second ul li, .overlay-section-first > h5 a, .widget .flickr-widget .flickr_badge_image, .dt-sc-donutchart-medium:hover .dt-sc-donutchart span, ul.shop-times li, .photostack nav span.current, .dt-sticky-menu.type3:after, .dt-sticky-menu.type4:after, ul.shop-times li.closed::after {
	background-color: #f27227;
}
.dt-sc-service:hover .gallery-details::before, .dt-sc-service.type2:hover .gallery-details::after {
	background-color: #f27227 !important;
}
/*----*****---- << BorderColor >> ----*****----*/ 

#header, .dt-sc-service:hover .gallery-details, .dt-sc-testimonial:hover blockquote, #footer .textwidget .dt-sc-contact-info .icon, .pagination ul li a.active-page, .pagination ul li:hover a, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="range"]:focus, input[type="date"]:focus, textarea:focus, input.text:focus, input[type="search"]:focus, .dt-sc-animation-eff2:hover, .pagination .next-post a:hover, .pagination .prev-post a:hover, p:hover .dt-sc-dropcap.dt-sc-dropcap-bordered-circle, .dt-sc-button.transparent, .aligncenter .tooltip, .dt-sc-service:hover .gallery-thumb img, #haircut-style-picker ul li a.selected {
	border-color: #f27227;
}
.dt-sc-sorting-container a::after, .dt-sc-sorting-container a.active-sort::before {
	border-color: #f27227 !important;
}
/*----*****---- << Others >> ----*****----*/ 
	
.team-details-social-icons:after, .selection-box:before {
	border-top-color: #f27227 !important;
}
.dt-sc-service .gallery-thumb::after, .gallery-overlay, .dt-sc-service.content:hover::after, .overlay-section-first {
	background-color: rgba(183, 211, 57, 0.5);
}
.blog-entry .entry-thumb::after, .blog-entry .entry-thumb::before, .portfolio figure::after, .portfolio figure::before {
	background-color: rgba(183, 211, 57, 0.15);
}
.dt-sc-team.type2 .image::before, .dt-sc-team.type3 .image::before {
	box-shadow: 0 0 0 10px rgba(183, 211, 57, 0.5) inset;
}
.dt-sc-team.type2:hover .image::before, .dt-sc-team.type3:hover .image::before {
	background-color: rgba(183, 211, 57, 0.5);
}
.dt-sc-team.type3 .team-details::after, .entry-thumb-desc {
	background-color: rgba(183, 211, 57, 0.9);
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="range"]:focus, input[type="date"]:focus, textarea:focus, input.text:focus, input[type="search"]:focus {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 5px #f27227;
}
.dt-sc-service.content:hover .gallery-thumb .item-mask {
	background-image: url(../images/service-shape-hover.png);
}
.dt-sc-service:hover .gallery-thumb .item-mask {
	background-image: url(../images/shape-hover.png);
}
/*.icon-date-picker { background-image: url(../images/datepicker-icon.png); }*/
.dt-sc-testimonial:hover blockquote q:after {
	background-image: url(../images/testimonial-shape1.png);
}
.dt-sc-testimonial:hover blockquote q::before {
	background: url(../images/quote1.png) no-repeat;
}
.bx-controls a.bx-prev:hover {
	background: url(../images/bx-prev-arrow1.png) no-repeat;
}
.bx-controls a.bx-next:hover {
	background: url(../images/bx-next-arrow1.png) no-repeat;
}
.effect1:before {
	box-shadow: 0 0 0 35px #f27227 inset;
}
.effect1:hover::before {
	box-shadow: 0 0 0 0 #f27227 inset;
}
.dt-sc-team.type2:hover .image::before {
	box-shadow: 0 0 0 15px rgba(183, 211, 57, 1) inset !important;
}
#toTop {
	box-shadow: 0 0 0 2px #f27227;
}
#toTop:hover {
	box-shadow: -2px -2px 0 0 #f27227;
}
.error-404 h2 {
	text-shadow: 2px 2px 1px #f27227;
}
/*----*****---- << Gradient >> ----*****----*/
	
#header .dt-sc-button, #main-menu ul.menu li a::after, #main-menu > ul.menu > li.current_page_item a::after, .dt-sc-service:hover .gallery-details::before {
	background: rgba(0, 0, 0, 0) linear-gradient(to right, #b7d339 0%, #f27227 100%);
	background-image: -webkit-linear-gradient(left, #b7d339 0%, #f27227 100%);
}
#header, #main-menu ul li.dropdown ul, #main-menu ul li.dropdown ul li ul {
	border-image: linear-gradient(to right, #b7d339 0%, #f27227 100%) 1 1 1 1;
}
.dt-sc-testimonial:hover .hexagon2::before, .dt-sc-ico-content.type1:hover .hexagon .hexagon2::before, .dt-sc-ico-content.type2:hover .hexagon .hexagon2::before {
	background: rgba(0, 0, 0, 0) linear-gradient(to right, #b7d339 0%, #f27227 100%);
	background-image: -webkit-linear-gradient(left, #b7d339 0%, #f27227 100%);
}
.dt-sc-counter:hover .dt-sc-counter-number::after {
	background: rgba(0, 0, 0, 0) linear-gradient(to right, #b7d339 0%, #f27227 100%);
	background-image: -webkit-linear-gradient(right, #b7d339 0%, #f27227 100%);
}
.blog-entry:hover .entry-details .entry-title h4::after, .blog-post.blog-single-entry:hover .entry-details .entry-title h4::after {
	background: rgba(0, 0, 0, 0) linear-gradient(to right, #b7d339 0%, #f27227 100%);
	background-image: -webkit-linear-gradient(right, #b7d339 0%, #f27227 100%);
}
.dt-sc-service.type2:hover .gallery-details::after {
	background: linear-gradient(to right, #b7d339 -20%, #f27227 100%);
	background-image: -webkit-linear-gradient(right, #b7d339 -20%, #f27227 100%);
}
.dt-sc-service.type2.right:hover .gallery-details::after {
	background: linear-gradient(to right, #f27227 10%, #b7d339 100%);
	background-image: -webkit-linear-gradient(right, #f27227 10%, #b7d339 100%);
}
.dt-sc-timeline:hover .hexagon2::before {
	background: linear-gradient(to right, #b7d339 0%, #f27227 100%);
	background-image: -webkit-linear-gradient(right, #b7d339 0%, #f27227 100%);
}
ul.dt-sc-social-network li {
	background: rgba(0, 0, 0, 0) linear-gradient(45deg, #f27227 0px, #b7d339 100%);
	background-image: -webkit-linear-gradient(45deg, #f27227 0px, #b7d339 100%);
}
ul.dt-sc-social-network li::after {
	background: linear-gradient(45deg, #b7d339 -20%, #f27227 100%);
	background-image: -webkit-linear-gradient(45deg, #b7d339 -20%, #f27227 100%);
}
.dt-sc-ico-content.type6 .dt-sc-border:before {
	background: linear-gradient(to bottom, #b7d339 0%, #f27227 100%);
	background-image: -webkit-linear-gradient(bottom, #b7d339 0%, #f27227 100%);
}
.dt-sc-ico-content.type6 .dt-sc-border:after {
	background: linear-gradient(to right, #b7d339 0%, #f27227 100%);
	background-image: -webkit-linear-gradient(right, #b7d339 0%, #f27227 100%);
}
.dt-sc-ico-content.type6:before {
	background: linear-gradient(to bottom, #f27227 0%, #b7d339 100%) !important;
	background-image: -webkit-linear-gradient(bottom, #f27227 0%, #b7d339 100%) !important;
}
.dt-sc-ico-content.type6:after {
	background: linear-gradient(to right, #f27227 0%, #b7d339 100%) !important;
	background-image: -webkit-linear-gradient(right, #f27227 0%, #b7d339 100%) !important;
}
/* *****----- Secondary - #b7d339 -----***** */
	
	/*----*****---- << Color >> ----*****----*/
	
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .entry-metadata i.fa, .entry-metadata div a:hover, .entry-details .entry-title h4 a:hover, .phone, .phone a, .opening-time > h3, .news-letter .alignleft h2 span, #footer h3.widgettitle, table.dt-sc-rate th, .widget.widget_recent_entries .entry-metadata > h3 a:hover, .widget.widget_recent_entries .entry-metadata .author > a:hover, .widget.widget_recent_entries .entry-metadata .comments > a:hover, .widget_categories ul li a span, .widget ul.tweet_list li.tweet a:hover, .widget ul.tweet_list li.tweet span.tweet-time, ul.dt-sc-tabs-frame li a, ul.dt-sc-tabs-vertical-frame li a, .dt-sc-dropcap.dt-sc-dropcap-bordered-circle, .dt-sc-team .team-details h5 a:hover, .dt-sc-team h5 a:hover, .team-details-social-icons li a, ul.info li strong, #footer .footer-links li:first-child, .blog-post blockquote, ul.commentlist li .commentmetadata, .reply a:hover, #main-menu ul.menu > li > a:hover, #main-menu ul.menu > li.current_page_item > a, #main-menu ul li.dropdown ul li.current_page_item a, #main-menu ul li.dropdown ul li.current_page_item ul li.current_page_item a, .dt-sc-pr-tb-col.selected .dt-sc-price .price, .dt-sc-pr-tb-col.selected .dt-sc-price .dollar, .dt-sc-pr-tb-col.selected .dt-sc-price .terms, .dt-sc-pr-tb-col:hover .dt-sc-price .price, .dt-sc-pr-tb-col:hover .dt-sc-price .dollar, .dt-sc-pr-tb-col:hover .dt-sc-price .terms, .dt-sc-timeline:hover .dt-sc-timeline-content i.fa, .dt-sc-counter:hover h5, .author-name a:hover, ul.dt-sc-social-icons li a.fa:hover, #main-menu ul li.dropdown ul li a:hover, .icon-date-picker {
	color: #b7d339;
}
/*----*****---- << BackGround Color >> ----*****----*/
	
input[type="submit"]:hover, span.small-line, h3.border-title:before, th, #header .dt-sc-button.medium:before, .dt-sc-button.effect:before, #main-menu ul.menu li a:after, #main-menu > ul.menu > li.current_page_item a:after, .blog-entry:hover .entry-details .entry-title h4:after, .form-row > input[type="submit"]:hover, ul.dt-sc-social-network > li, .contact-form > input[type="submit"]:hover, .subscribe-frm .dt-sc-button.small:hover, .dt-sc-rate h3:before, .pagination ul li a, .pagination .next-post a, .pagination .prev-post a, .appointment-form input[type="submit"]:hover, .tooltip-container .tooltip .tooltip-content, .tooltip-container .tooltip .tooltip-content:after, .dt-sc-animation-eff1:before, .dt-menu-toggle, .dt-sc-counter .dt-sc-counter-number::after, .aligncenter .tooltip.top .tooltip-content:after, .aligncenter .tooltip.right .tooltip-content:after, .aligncenter .tooltip.bottom .tooltip-content:after, .aligncenter .tooltip.left .tooltip-content:after, .aligncenter .tooltip.top .tooltip-content, .aligncenter .tooltip.right .tooltip-content, .aligncenter .tooltip.bottom .tooltip-content, .aligncenter .tooltip.left .tooltip-content, .dt-sc-ico-content.type3:hover .icon, .dt-sc-ico-content.type4:hover .icon, h5.dt-sc-toggle-accordion:before, h5.dt-sc-toggle:before, .dt-sc-bar, h5.dt-sc-toggle-accordion::before, h5.dt-sc-toggle::before, .dt-sc-button:hover, .widget.searchwidget .icon-search:hover, .dt-sc-ico-content.type1:hover .hexagon1, .dt-sc-ico-content.type1.select .hexagon1, .dt-sc-header-shape .hexagon, ul.shop-times li.closed, .photostack nav span.current.flip, .dt-sticky-menu.type3:before, .dt-sticky-menu.type4:before, ul.shop-times li::after {
	background-color: #b7d339;
}
.content a.bx-next:hover, .content a.bx-prev:hover {
	background: #b7d339 !important;
}
/*----*****---- << BorderColor >> ----*****----*/ 

#main-menu ul li.dropdown ul, #main-menu ul li.dropdown ul li ul, .dt-sc-counter .dt-sc-counter-number:after, .pagination ul li a, .pagination .next-post a, .pagination .prev-post a, .dt-sc-button.transparent.effect:hover, .dt-sc-ico-content.type3:hover .icon, .dt-sc-ico-content.type4:hover .icon, .dt-sc-dropcap.dt-sc-dropcap-bordered-circle, .dt-sc-ico-content.type4 .icon::before, .dt-sc-ico-content.type3 .icon, .dt-sc-ico-content.type4 .icon, .dt-sc-ico-content.type6 .icon {
	border-color: #b7d339;
}
/*----*****---- << Others >> ----*****----*/ 

#main-menu ul li.dropdown ul li ul, .faq ul.dt-sc-tabs-frame li a.current, .faq ul.dt-sc-tabs-vertical-frame li a.current {
	border-color: #b7d339 !important;
}

.footer-fix {
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	z-index: 10;
	display: none;
}
.footer-fix li {
	float: left;
	width: 25%;
}
.footer-fix li a {
	display: block;
	text-align: center;
	padding: 7px 0;
	font-size: 12px;
	line-height: 1;
}
.footer-fix li i {
	display: block;
	height: 20px;
	background: no-repeat center;
	background-size: contain;
	margin-bottom: 4px;
}
.footer-fix li i.i1 {
	background-image: url(../images/f_01.png);
}
.footer-fix li i.i2 {
	background-image: url(../images/f_02.png);
}
.footer-fix li i.i3 {
	background-image: url(../images/f_03.png);
}
.footer-fix li i.i4 {
	background-image: url(../images/f_04.png);
}
/*浮动客服*/
.toolbar {
	position: fixed;
	top: 50%;
	right: 1%;
	margin-top: -163px;
	z-index: 100;
	width: 80px;
}
.toolbar dd {
	position: relative;
	float: left;
	width: 80px;
	height: 80px;
	background: #121313;
	margin-top: 2px;
	border-radius: 5px;
	color: #fff;
	font-size: 14px;
	line-height: 21px;
	text-align: center;
	cursor: pointer;
	transition: all .5s;
}
.toolbar dd:first-child {
	margin-top: 0;
}
.toolbar dd i {
	width: 100%;
	height: 30px;
	display: block;
	margin-top: 13px;
	background: url(../images/toolbar.png) no-repeat center 0;
}
.toolbar dd.qq i {
	background-position-y: 0;
}
.toolbar dd.tel i {
	background-position-y: -30px;
}
.toolbar dd.code i {
	background-position-y: -60px;
}
.toolbar dd.top i {
	background-position-y: -90px;
}
.toolbar dd span {
	display: block;
	color: #fff;
}
.toolbar dd.tel .box {
	position: absolute;
	top: 0;
	width: 190px;
	right: -200px;
	height: 100%;
	margin-right: 10px;
	border-radius: 5px;
	background: #121313;
	opacity: 0;
	transition: all .5s;
}
.toolbar dd.tel .box p {
	font-size: 14px;
	margin: 15px auto 7px;
}
.toolbar dd.tel .box h3 {
	font-size: 18px;
	font-weight: bold;
}
.toolbar dd.tel .box:after {
	display: block;
	content: " ";
	border-style: solid dashed dashed dashed;
	border-color: transparent transparent transparent #121313;
	border-width: 9px;
	width: 0;
	height: 0;
	position: absolute;
	top: 50%;
	margin-top: -9px;
	right: -18px;
	margin-left: -12px;
}
.toolbar dd.code .box {
	position: absolute;
	top: 0;
	width: 162px;
	right: -172px;
	height: 162px;
	margin-right: 10px;
	border-radius: 5px;
	background: #121313;
	opacity: 0;
	transition: all .5s;
}
.toolbar dd.code .box img {
	width: 140px;
	height: 140px;
	padding: 11px;
}
.toolbar dd.code .box:after {
	display: block;
	content: " ";
	border-style: solid dashed dashed dashed;
	border-color: transparent transparent transparent #121313;
	border-width: 9px;
	width: 0;
	height: 0;
	position: absolute;
	top: 30px;
	right: -18px;
	margin-left: -12px;
}
.toolbar dd:hover {
	background: #333;
}
.toolbar dd.tel:hover .box {
	opacity: 1;
	right: 80px;
}
.toolbar dd.code:hover .box {
	opacity: 1;
	right: 80px;
}

/*四维网络www.yisoseo.com 翻页样式*/
.dede_pages{padding:20px 0;font-size:14px;text-align:center; overflow:hidden}
.dede_pages ul{display:inline-block;margin:0 auto;padding:0}
.dede_pages ul li{float:left;font-family:'microsoft yahei';margin:0 2px;padding:0 10px;line-height:25px;background:#fff;border:1px solid #d8dadf}
.dede_pages ul li a{float:left;color:#555;display:block}
.dede_pages ul li:hover{text-decoration:none;color:#fff;border:1px #333 solid;background-color:#333}
.dede_pages ul li:hover a{color:#fff}
.dede_pages ul li:hover a:hover{color:#fff;text-decoration:none}
.dede_pages ul li.thisclass{background-color:#333;color:#fff;border:1px #333 solid}
.dede_pages ul li.thisclass a{color:#fff}
.dede_pages .pageinfo{line-height:30px;padding-left:5px}
.dede_pages strong{font-weight:400}