/*   
Template Name: Unify - Responsive Bootstrap Template
Description: Business, Corporate, Portfolio and Blog Theme.
Version: 1.2
Author: Html Stream
Website: http://htmlstream.com/preview/unify
*/

/*Import Google Fonts*/
/*@import url(http://fonts.useso.com/css?family=Monda:400,700);
@import url(http://fonts.useso.com/css?family=Open+Sans);*/


body { 
    padding:0;
	color:#333; 
    font-size:13px;
    line-height:1.6;
	background:#fff;
}

p, a, li { 
	color:#555;
	line-height:1.6; 
}

a,
a:focus, 
a:hover, 
a:active {
   outline:0 !important;
}
a:hover {
	color:#72c02c;
	text-decoration:underline;
}

h1, h2, h3, h4, h5 {
	color:#555; 
	margin-top:5px; 
	text-shadow:none; 
	text-shadow:0 0 1px #f6f6f6;
	font-weight:normal !important; 
	font-family:'Open Sans', sans-serif; 
} 
h1 i, h2 i, h3 i, h4 i, h5 i {
	margin-right:7px;
}
#logo-header, #logo-footer{width:240px;}
/*Block headline*/
.heading {
	padding:5px 20px 5px 20px;
	border-left:4px solid #27c5f2; 
}

.headline {
	display:block;
	margin:10px 0 25px 0;
	border-bottom:1px dotted #e4e9f0;
}
.headline h3, 
.headline h4 {
	color:#585f69;
	margin:0 0 -2px 0;
	padding-right:10px;
	display:inline-block;
	text-shadow:0 0 1px #f6f6f6;
	border-bottom:2px solid #72c02c;
}

/*Purchase*/
.purchase {
	padding:30px 0 20px;
	box-shadow:inset 0 0 4px #eee;
	background:url(../img/breadcrumbs.png) repeat;
}
.purchase .container {
	padding:0 20px;
}
.purchase .container .span9 {
	margin-right:20px;
}
.purchase span {
	color:#666;
	display:block;
	font-size:32px;
	line-height:35px;
	margin-bottom:12px;
}
.purchase a.btn-buy {
	color:#fff;
	font-size:16px;
	cursor:pointer;
	margin-top:22px;
	font-weight:bold;
	border-radius:2px;
	background:#72c02c;
	display:inline-block;
	text-decoration:none;
	padding:12px 28px 9px;
	text-transform:uppercase;
	text-shadow:0 1px 0 #51a00b;
}
.purchase a.btn-buy:hover {
	color:#fff;
	background:#68af28;
	text-decoration:none;
	box-shadow:0 0 5px #c0c2c1;
} 

/*Service*/
.service { 
	margin-bottom:10px;
	padding:15px 15px 10px;
}
.service:hover {
	border-radius:2px;
	box-shadow:0 0 8px #ddd;
	background:#fcfcfc;
    -webkit-transition:box-shadow 0.2s ease-in-out;
    -moz-transition:box-shadow 0.2s ease-in-out;
    -o-transition:box-shadow 0.2s ease-in-out;
    transition:box-shadow 0.2s ease-in-out;
}
.service:hover i {
	color:#656565;
}
.service i {
	float:left;
	padding:10px;
	color:#72c02c;
	font-size:45px;  
	text-align:center;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
}
.service i.icon-cogs {
	font-size:37px;
}
.service .desc {
	width:75%;
	float:right;
}
.service .desc h4 {
	font-size:22px;
	line-height:25px;
}

.ie7 .service .circle i  {
	padding-bottom:45px !important; /*ie7*/
}

/*Blockquote*/
blockquote:hover {
	border-left-color:#72c02c; 
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
}
.hero {
	padding:18px;
	margin:20px 0;
	color:#566c8a;
	font-size:16px;
	background:#fcfcfc;
	border-left:4px solid #94c564; 
	font-family:'Open Sans', sans-serif;
}
.hero h1, .hero p { 
	text-shadow:1px 1px 0 #fff;
}

.hero-unify p {
	font-size:13px;
	line-height:20px;
}


/* Recent Work  */
.recent-work a {
	text-align:center;
	background:#fcfcfc;
	display:inline-block;
}

.recent-work a:hover {
	text-decoration:none;
}

.recent-work a:hover strong {
	color:#555;
}

.recent-work em.overflow-hidden {
	display:block;
}

.recent-work a span {
	display:block;
	padding:10px;
	border-bottom:solid 2px #eee;
}

.recent-work a strong {
	color:#555;
	display:block;
}

.recent-work a i {
	color:#777;
}

.recent-work a img {
   -webkit-transition: all 0.8s ease-in-out;
   -moz-transition: all 0.8s ease-in-out;
   -o-transition: all 0.8s ease-in-out;
   -ms-transition: all 0.8s ease-in-out;
   transition: all 0.8s ease-in-out;
}

.recent-work a:hover img {
	opacity:0.8;
   -webkit-transform: scale(1.2) rotate(3deg);
   -moz-transform: scale(1.2) rotate(3deg);
   -o-transform: scale(1.0) rotate(3deg);
   -ms-transform: scale(1.2) rotate(3deg);
   transform: scale(1.2) rotate(3deg);
}

.recent-work a:hover span {
	border-bottom:solid 2px #72c02c;
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    transition:all 0.3s ease-in-out;
}

/* Work */
.work {
	margin-top:6px;
}
.work .details {
	padding:10px;
}
.work .caption {
	display:block;
	padding-top:5px;
	color:#585f69 !important;
	font-size:18px !important;
}
.work .caption:hover {
	cursor:pointer;
	color:#444 !important;
	text-decoration:underline;
}

/* Testimonials */
.testimonial-body {
	padding:10px;
	margin-top:5px;
	background:#fcfcfc;
	border:1px solid #f5f5f5;
}
.testimonial-author{
	padding-top:15px;
	padding-left:20px;
}
.testimonial-author .arrow {
  width:0;
  height:0;
  position:absolute;
  margin-top:-16px;
  margin-left:20px;
  border-top:15px solid #fcfcfc;
  border-bottom:15px solid transparent;
  border-right:15px solid transparent;
}

.testimonial-author .name {
	color:#585f69;
	font-weight:bold;
}

.testimonal-arrow a {
	margin:0;
	top:-22px;
	float:right;
	color:#72c02c;
	font-size:25px;
	position:relative;
	display:inline-block;
	text-decoration: none;
	padding:0 9px !important;
}
.testimonal-arrow a:hover {
	color:#fff;
	text-decoration:none;
	background:#72c02c !important;
}

/*Carousel Arrow */
.carousel-caption {
	padding:10px 15px;
}
.carousel-arrow a.carousel-control {
	font-size:40px;
	height:inherit;
}
.carousel-arrow a.left {
	left:0;
}
.carousel-arrow a.right {
	right:0;
}

/*Clients (Flexslider)*/
.clients {
	box-shadow:none !important;
	margin-bottom:0 !important;    
}
.clients li {
	float:left;
	overflow:hidden;
	margin-left:1px;
	position:relative;
	background:#fafafa;
}
.clients li:hover {
	background:#f6f6f6;
}
.clients li img.color-img {
	top:0;
	left:0;
	display:none;
	position:absolute;
}
.clients li:hover img.color-img { 
	display:block;
}
.clients li img {
    filter:gray; /* IE6-9 */
	float:none !important;
	margin:0 auto !important;
}
.clients li img:hover {
    filter:none;
}
.clients, 
.flexslider.home {
    border:0px;
    overflow:hidden;
    margin-top:10px;      
    margin-bottom:30px;      
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}

.flexslider { 
	margin-top:10px !important;
}
.flexslider .flex-direction-nav a {
	margin-top:-10px !important;
}

/*Pegination*/
.pagination ul {
	box-shadow:none;
}
.pagination li a {
	color:#777;
	padding:5px 15px;
	border-radius:0 !important;
}

/*Footer*/
.footer {
	margin-top:40px;
	padding:20px 10px;
	background:#585f69;
	color:#dadada;
} 
.footer h1, 
.footer h2, 
.footer h3, 
.footer h4, 
.footer h5 {
	text-shadow:none;
	font-weight:normal !important; 
} 
.footer p,
.footer a {
	font-size:14px;
} 
.footer p {
	color:#dadada;
} 
.footer a {
	color:#72c02c;
}
.footer a:hover {
	color:#a8f85f;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
}
.footer h4, 
.footer h3 {
	color:#e4e4e4;
	background:none;
	text-shadow:none;
}

/*Blog Posts*/
.footer .posts {
	padding:0 15px;
}
.footer .blog-list {
	margin:0;
	padding:0;
	color:#dadada;
	list-style:none;
}
.footer .blog-list li {
	padding:0 0;
	margin-bottom:7px; 
}
.footer .blog-list li span {
	color:#818488;
}
.footer .dl-horizontal,
.footer .dl-horizontal:hover {
	border:none !important;
	background:none !important;
}
.footer .dl-horizontal a {
	color:#dadada;
}
.footer .dl-horizontal a:hover {
	color:#a8f85f !important;
}
.footer .dl-horizontal img {
	border-color:#888 !important;
}

/*Copyright*/
.copyright {
	font-size:12px;
	padding:5px 10px;
	background:#3e4753;
	border-top:solid 1px #777;	
}
.copyright p {
	color:#dadada;
}
.copyright a {
	margin:0 5px;
	color:#72c02c;
}
.copyright a:hover {
	color:#a8f85f;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
}
.copyright .span8 {
	padding-top:15px;
}
.copyright .span4 {
	padding-top:10px;
}

/*Home Page "Main page" (Default)
------------------------------------*/
/*Thumbnail*/
.thumbnail-style { 
	padding:5px; 
	border-radius:2px; 
}
.thumbnail-style:hover { 
	box-shadow:0 0 8px #ddd; 
    -webkit-transition:box-shadow 0.2s ease-in-out;
    -moz-transition:box-shadow 0.2s ease-in-out;
    -o-transition:box-shadow 0.2s ease-in-out;
    transition:box-shadow 0.2s ease-in-out;
}
.thumbnail-style h3 {
	margin:5px 0 0 0;
}
.thumbnail-style h3 a {
	font-size:20px;
}
.thumbnail-style h3 a:hover {
	color:#72c02c;
	text-decoration:none;
}
.thumbnail-style .thumbnail-img {
	position:relative;
}
.thumbnail-style a.btn-more {
	right:-10px;
	bottom:10px;
	color:#fff;
	padding:1px 6px;
	position:absolute;
	background:#72c02c;
	display:inline-block; 
}
.thumbnail-style a.btn-more:hover {
	text-decoration:none;
	box-shadow:0 0 0 2px #377500;
}
.thumbnail-style:hover a.btn-more {
	right:10px;
}

.thumbnail-kenburn img {
	left:10px;
	margin-left:-10px;
	position:relative;
   -webkit-transition: all 0.8s ease-in-out;
   -moz-transition: all 0.8s ease-in-out;
   -o-transition: all 0.8s ease-in-out;
   -ms-transition: all 0.8s ease-in-out;
   transition: all 0.8s ease-in-out;
}
.thumbnail-kenburn:hover img {
   -webkit-transform: scale(1.2) rotate(2deg);
   -moz-transform: scale(1.2) rotate(2deg);
   -o-transform: scale(1.2) rotate(2deg);
   -ms-transform: scale(1.2) rotate(2deg);
   transform: scale(1.2) rotate(2deg);
}
 
/*Welcome Block*/
.servive-block .span4 {
	padding:20px 30px;
	text-align:center;
	margin-bottom:20px;
	background:#fafafa;
	border-radius:2px;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
.servive-block .span4:hover {
	border-radius:2px;
	box-shadow:0 0 8px #ddd;
}
.servive-block .span4 h4 a:hover {
	color:#72c02c;
	text-decoration:none;
}

.servive-block .span4:hover h4,
.servive-block .span4:hover i {
	color:#72c02c;
}
.servive-block .span4 i {
	color:#565656;
	font-size:40px;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
}
.servive-block-in .span4 i {
	color:#72c02c;
}
.servive-block-in .span4:hover i {
	color:#565656;
}

/*Breadcrumbs*/
.breadcrumbs {
	padding:10px 0 6px;
	box-shadow:inset 0 0 4px #eee;
	background:url(../img/breadcrumbs.png) repeat;
}
.breadcrumbs h1 {
	color:#686868;
	font-size:30px;
	text-shadow:0 1px 0 #f1efef;
}
.breadcrumbs .container {
	padding:0 15px;
}

.breadcrumb { 
	top:9px;
	padding-right:0;
	background:none;
	position:relative;
}
.breadcrumb a {
	color:#777;
}
.breadcrumb li.active,
.breadcrumb li a:hover {
	color:#72c02c;
	text-decoration:none;
}

/*Home Page "Options"
------------------------------------*/
/*Accardion*/
.acc-home a.accordion-toggle { 
	color:#686868; 
	font-size:18px; 
	background:none; 
	padding:5px 15px;
	background:#fafafa;
	border-bottom:solid 1px #eee; 
	text-decoration:none !important;
}
.acc-home a.active,
.acc-home a.accordion-toggle:hover { 
	color:#92d556; 
	text-decoration:none !important;
}
.acc-home .accordion-group { 
	border:none;
	margin:0 !important; 
}
.acc-home .accordion-heading, 
.acc-home .accordion-inner { 
	border:none;
}
.acc-home .accordion-inner { 
	border:none;
	padding-top:3px;
}
.acc-home .collapse.in { 
	margin-top:-1px;
	margin-bottom:20px;
	background:#fdfdfd;
	border-bottom:solid 1px #72c02c; 
}

/*Posts*/
.posts .dl-horizontal { 
	margin-bottom:0;
	padding:3px;
	background:#fdfdfd;
	border-right:solid 2px #eee;
}
.posts .dl-horizontal:hover { 
	border-right:solid 2px #72c02c;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}
.posts .dl-horizontal dt { 
	width:56px; 
	float:left;
}
.posts .dl-horizontal dt img { 
	width:50px; 
	height:50px; 
	border:solid 3px #eee;
}
.posts .dl-horizontal dd { 
	margin-left:66px;
}
.posts .dl-horizontal dd p { 
	margin:0;
}
.posts .dl-horizontal a {
	font-size:15px;
	line-height:14px !important; 
}
.posts .dl-horizontal a:hover { 
	color:#72c02c; 
	text-decoration:none;
}
.posts .dl-horizontal:hover dt img,
.posts .dl-horizontal:hover dd a { 
	color:#72c02c;
	border-color:#72c02c !important;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}

/*Home Page "Options"
------------------------------------*/
/*Slider*/
.slider-inner .da-slider {
	box-shadow:none;
	border-bottom:2px solid #ddd;
}

/*Carousel*/
.carousel-control { 
	color:#fff; 
	border:none; 
	margin-top:0;
	border-radius:2px; 
}
.carousel-control:hover { 
	opacity:1;
	color:#72c02c; 
}

/*Tabs*/
.nav-tabs { 
	background:none !important;
}
.nav-tabs a { 
	font-size:14px;
	padding:5px 15px !important; 
}
.nav-tabs li.active a, 
.nav-tabs li.active a:hover,
.nav-tabs > .active > a, 
.nav-tabs > .active > a:hover, 
.nav-tabs > .active > a:focus { 
	color:#fff;
	border:none; 
	background:#72c02c; 
}
.nav-tabs > li > a { 
	border:none;
	border-radius:0; 
}
.nav-tabs > li > a:hover { 
	color:#fff; 
	background:#72c02c; 
}
.tab-content { 
	padding:7px 10px;
	border-top:solid 2px #72c02c; 
}

/*Home Page "Options"
------------------------------------*/
/*Right Sidebar*/
.who li { 
	margin-bottom:6px;
}
.who li i { 
	color:#72c02c; 
	position:relative; 
	top:2px; 
	margin-right:7px; 
	font-size:18px;
}
.who li:hover i, 
.who li:hover a { 
	color:#777;
}
.who li:hover a:hover {
	text-decoration:none;
}

/*Home Page "Options"
------------------------------------*/
/*Service Blocks*/
.service-alternative .service:hover { 
	background:#76ca2c;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
}
.service-alternative .service:hover i,
.service-alternative .service:hover p,
.service-alternative .service:hover h4 { 
	color:#fff;
}

/*About Page
------------------------------------*/
.team ul { 
	text-align:right;
}
.team ul li {
	padding:0 !important;
	margin:0 !important;
}
.team ul li a,
.team ul li a:hover {
	text-decoration:none;
}
.team ul li i {
	color:#aaa;
	font-size:20px;
	padding:4px;
	background:#f7f7f7;
}
.team ul li i:hover {
	color:#fff;
	background:#72c02c;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
}
.team .thumbnail-style {
	padding:12px;
}
.team .thumbnail-style small {
	display:block; 
	font-size:12px;
}
.team .thumbnail-style h3 {
	margin-bottom:10px;
}
.team .thumbnail-style:hover h3 a {
	color:#72c02c !important;
}

/*Icons Page
------------------------------------*/
.icon-page li { 
	color:#555; 
	margin:5px 0;
	font-size:14px; 
	font-family:Arial; 
}
.icon-page li i { 
	font-size:14px; 
	margin-right:5px;
}
.icon-page li:hover { 
	color:#72c02c;
}

/*Pricing Page
------------------------------------*/
/*Pricing Head*/
.pricing {
	position:relative;
	border-radius:3px;
	margin-bottom:15px;
	box-shadow:0 0 5px #eee;
}
.pricing:hover {
	box-shadow:0 0 15px #b5b5b5;
}
.pricing:hover h4 {
	color:#55c931;
}
.pricing-head {
	text-align:center;
}
.pricing-head h3,
.pricing-head h4 {
	margin:0;
	line-height:normal;
	font-weight:bold !important;
}
.pricing-head h3 span, 
.pricing-head h4 span {
	display:block;
	margin-top:5px;
	font-size:12px;
	font-style:italic;
}
.pricing-head h3 {
	color:#fafafa;
	padding:12px 0;
	font-size:35px;
	font-family:Arial;
	background:#55c931;
	border-radius:3px 3px 0 0;
	text-shadow:0 1px 0 #32a20f;
	border-bottom:solid 1px #41b91c;
}
.pricing-head h4 {
	color:#bac39f;
	padding:5px 0;
	font-size:70px;
	font-family:Arial;
	background:#fbfef2;
	text-shadow:0 1px 0 #fff;
	border-bottom:solid 1px #f5f9e7;
}
.pricing-head h4 i {
	top:-8px;
	font-size:28px;
	font-style:normal;
	position:relative;
}
.pricing-head h4 span {
	top:-10px;
	font-size:14px;
	font-style:normal;
	position:relative;
}
	
/*Pricing Content*/
.pricing-content li {
	color:#888;
	font-size:12px;
	padding:7px 15px;
	border-bottom:solid 1px #f5f9e7;
}
.pricing-content li i {
	top:2px;
	color:#72c02c;
	font-size:16px;
	margin-right:5px;
	position:relative;
}

/*Pricing Footer*/
.pricing-footer {
	color:#777;
	font-size:11px;
	line-height:17px;
	text-align:center;
	padding:0 20px 19px;
	border-radius:0 0 3px 3px;
}
.pricing-footer a,
.pricing-footer button {
	color:#fff;
	border:none;
	margin-top:5px;
	font-size:16px;
	padding:6px 15px;
	text-align:center;
	border-radius:2px;
	background:#55c931;
	display:inline-block;
	text-transform:uppercase;
	text-shadow:0 1px 0 #38b312;
	border-bottom:solid 2px #41b91c;
}
.pricing-footer a:hover,
.pricing-footer button:hover {
	cursor:pointer;
	background:#40ba1a;
	text-decoration:none;
	box-shadow:0 0 3px #999;
}

/*Priceing Active*/
.price-active,
.pricing:hover {
	z-index:9;
	margin-top:-15px;
	box-shadow:0 0 15px #b5b5b5;
}
.price-active h4 {
	color:#55c931;
}

.no-space-pricing .pricing:hover {
	-webkit-transition:box-shadow 0.3s ease-in-out;
	-moz-transition:box-shadow 0.3s ease-in-out;
	-o-transition:box-shadow 0.3s ease-in-out;
	transition:box-shadow 0.2s ease-in-out;
}
.no-space-pricing .price-active .pricing-head h4,
.no-space-pricing .pricing:hover .pricing-head h4 {
	color:#55c931;
	padding:15px 0;
	font-size:80px;
	-webkit-transition:color 0.5s ease-in-out;
	-moz-transition:color 0.5s ease-in-out;
	-o-transition:color 0.5s ease-in-out;
	transition:color 0.5s ease-in-out;
}

/*Gallery Page
------------------------------------*/
.gallery .thumbnail,
.gallery .thumbnail:hover {
	padding:0;
	border:none;
	box-shadow:none;
}
.gallery .thumbnails {
	margin-bottom:6px;
}

/*Registration and Login Page
------------------------------------*/
.reg-page,
.login-page  {
	overflow:hidden;
	margin:0 auto;
	background:#fcfcfc;
	border:solid 1px #eee;
	box-shadow:0 0 7px #eee;
}

/*Registration*/
.reg-page {
	min-width:30%;
	max-width:30%;
	padding:30px 50px 30px;
}
.reg-page h3 {
	margin-bottom:25px;
}

/*Login*/
.login-page {
	min-width:25%;
	max-width:25%;
	padding:35px 30px 30px;
}
.login-page h3 {
	margin:0 0 25px 0;
}
.login-page input.login-inputs {
	width:86%;
}
.login-page .checkbox {
	margin-top:7px;
}
.login-page .checkbox input {
	margin-right:6px !important;
}
.login-page button {
	margin:0 0 5px 0;
}

/*Login Page v1.1*/
.log-page {
	width: 310px;
	padding: 20px;
	margin: 0 auto;
	background:#fcfcfc;
	border:solid 1px #eee;
	box-shadow:0 0 7px #eee;
}

/*404 Page
------------------------------------*/
.page-404 p {
	top:70px;
	color:#777;
	font-size:300px;
	line-height:180px;
	text-align:center;
	position:relative;
}
.page-404 p i {
	font-style:normal;
	text-shadow:0 0 3px;
}
.page-404 p span {
	display:block;
	font-size:32px;
	position:relative;
}

/*Clients Page
------------------------------------*/
.clients-page { 
	overflow:hidden;
}
.clients-page p { 
	overflow:auto;
}
.clients-page p a { 
	overflow:auto;
	text-decoration:underline;
}
.clients-page a.img-hover {
	display:block;
	position:relative;
}
.clients-page img { 
	float:left;
	margin-right:20px;
	background:#fafafa;
	border:solid 1px #eee;
	width:120px;
	height:120px;
}
.clients-page img.img-colorful {
	display:none;
}
.clients-page a:hover img.img-colorful,
.clients-page:hover img.img-colorful {
	top:0; 
	left:0;
	display:block;
	position:absolute;
}

/*Privacy Page
------------------------------------*/
.privacy {}
.privacy a {
	text-decoration:underline;
}
.privacy a:hover {
	color:#72c02c;
	text-decoration:none;
}

/*Portfolio Page
------------------------------------*/
.portfolio-columns .span3 {
	margin-bottom:1.8%;
}
.portfolio-columns .span4 {
	margin-bottom:2.3%;
}
.portfolio-columns .span6 {
	margin-bottom:2.2%;
}

/*Portfolio Item Page
------------------------------------*/
.portfolio-item h3 { 
	margin-top:0;
}
.portfolio-item li {
	padding:3px 0;
} 
.portfolio-item p a {
	text-decoration:underline;
}
.portfolio-item p a:hover {
	text-decoration:none;
}

/*Blog Page
------------------------------------*/
.blog-page ul,
.blog-page li {
	margin:0 !important;
	padding:0 !important;
}
.blog{
	display: block;
}
.blog h3 {
	color:#72c02c;
}
.blog ul {
	color:#555;
	font-size:12px;
}
.blog li {
	margin-right:7px !important;
}
.blog li a:hover {
	color:#72c02c;
	text-decoration:none;
}
.blog ul.blog-info {
	border-top:solid 1px #eee;
	font-size: 12px;
}
.blog .blog-img { 
	margin:10px 0;
}
.blog-info img{
	width:18px;
	display: inline;
	margin-top: -2px;
}

/*Blog Tags*/
ul.blog-tags a {
	font-size:13px;
	padding:2px 5px;
	background:#f7f7f7;
	margin:0 2px 5px 0;
	display:inline-block;
	text-shadow:0 1px 0 #fff;
}
ul.blog-tags a:hover,
ul.blog-tags a:hover i {
	color:#72c02c;
	text-decoration:none;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
ul.blog-tags a i {
	color:#777;
}
.blog ul.blog-tags {
	border-bottom:solid 1px #eee;
	padding-bottom:4px !important;
}
.blog ul.blog-tags a {
	font-size:10px;
	display:inline;
	padding:2px 3px;
	margin-right:2px;
	background:#f4f4f4;
}

/*Blog Ads*/
.blog-ads li {
	display:inline;
}
.blog-ads li img {
	opacity:0.6;
	width:60px;
	height:60px;
	margin:0 2px 8px;
}
.blog-ads li img:hover {
	opacity:1;
	box-shadow:0 0 0 4px #72c02c;
}

/*Blog Latest Tweets*/
.blog-twitter p {
}
.blog-twitter p span {
	color:#777;
	display:block;
	font-size:11px; 
}
.blog-twitter p a {
	color:#72c02c;
	text-decoration:none;
}
.blog-twitter p a:hover {
	text-decoration:underline;
}

/*Blog Item Page
------------------------------------*/
.blog-item .media img {
	top:3px;
	width:54px;
	height:54px;
	position:relative;
}
.blog-item h4.media-heading {
	position:relative;
}
.blog-item h4.media-heading span {
	top:3px; 
	right:0;
	color:#777;
	font-size:12px;
	position:absolute;
}
.blog-item h4.media-heading span a {
	color:#72c02c;
}

/*Contact Page
------------------------------------*/
.map {
	width:100%; 
	height:350px;
	border-top:solid 1px #eee;
	border-bottom:solid 1px #eee;
}

.map-box {
	height: 250px;
}

.map-box-space {
	margin-top: 25px;
}

/*Coming Soon Page
------------------------------------*/
.coming-soon-page {
	background: #585f69;
}

.coming-soon-border {
	border-top: solid 3px #72c02c;
}

.coming-soon-logo  {
	margin-top: 10px;
	padding-top: 15px;
	border-top: solid 1px #4c5159;
}

.coming-soon-logo a {
	display: block;
	text-align: center;
}

.coming-soon,
.coming-soon-plugin {
	padding: 20px;
	text-align: center;
	margin-top: 20px;
}  

.coming-soon-plugin {
	min-height: 260px;
}

.coming-soon h1,
.coming-soon p {
	color: #fff;
}

.coming-soon h1 {
	font-size: 50px;
	line-height: 50px;
	margin-bottom: 15px;
	text-shadow: none;
}

.coming-soon p {
	font-size: 16px;
	line-height: 22px;
}

.coming-soon input {
	box-shadow: none;	
	-moz-box-shadow: none;	
	-webkit-box-shadow: none;	
}

.coming-soon-copyright {
	padding: 5px 0;
}

.coming-soon-copyright p {
	color: #fff;
	text-align: right;
}

/*One Page
------------------------------------*/
.one-page {
	padding-left: 0;
	padding-right: 0;
}

.one-page h1,
.one-page h2 {
	color: #fff;
	font-size: 30px;
	text-shadow: none;
	margin-bottom: 20px;
}

.one-page p {
	color: #fff;
}

.one-page .one-default p,
.one-page .one-default h1,
.one-page .one-default h2,
.one-page .one-grey p,
.one-page .one-grey h1,
.one-page .one-grey h2 {
	color: #555;
}

.one-page .one-page-inner {
	padding: 30px 20px;
	min-height: 300px;
}

.one-page .one-page-btn {
	font-size: 20px !important;
	padding-left: 30px !important;
	padding-right: 30px !important;  
	margin-bottom: 15px;
}

.one-page .btn-u {
	margin-bottom: 15px;	
}

.one-page .one-default {
	background: #fff;
}
.one-page .one-grey {
	background: #fafafa;
}
.one-page .one-blue {
	background: #3498db;
}
.one-page .one-red {
	background: #e74c3c;
}
.one-page .one-orange {
	background: #e67e22;
}
.one-page .one-green {
	background: #2ecc71;
}

/*Search Page
------------------------------------*/
.search-page h2 {
	font-size: 28px;
	margin-bottom: 20px;
}

.booking-blocks {
	overflow: hidden;
	padding: 15px 20px;
	margin-bottom: 25px;
	background: #fafafa;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

.booking-blocks:hover {
	border-radius:2px;
	background: #fafafa;
	box-shadow:0 0 8px #ddd;
}

.booking-blocks p a {
	color: #72c02c;
}

.booking-blocks .booking-img {
  width: 140px;
  margin-right: 10px;
}

.booking-blocks .booking-img li {
  color: #777;
}

.booking-blocks .booking-img li i {
  color: #78ccf8;
  font-size: 12px;
  margin-right: 5px;
}

.booking-blocks .booking-img img {
  float: left;
  width: 140px;
  height: auto;
  margin: 5px 10px 10px 0;
}

.booking-blocks h2 {
  margin-top: 0;
  font-size: 20px;
  line-height: 20px;
}

.booking-blocks ul.inline li {
  padding: 0;
}

.booking-blocks ul.inline li i {
  color: #f8be2c;
  cursor: pointer;
  font-size: 16px;
}

.booking-blocks ul.inline li i:hover {
  color: #f8be2c;
}

/*Others (Global classes)
------------------------------------*/
.color-red { color:#c00;}
.color-green { color:#72c02c;}
.color-blue { color:#3498db;}

.pull-lft { text-align:left;}
.pull-rgt { text-align:right;}

.rgt-img-margin { margin:4px 0 5px 8px;}
.lft-img-margin { margin:5px 20px 5px 0;}

.overflow-hidden { overflow:hidden;}
.padding-left-5 { padding-left:5px;}
.img-width-200 { width:200px;}

/*Image Border*/
.img-border {
	border:solid 3px #fff;
}

/*Background light-style*/
.bg-light { 
	padding:10px 15px; 
	border-radius:3px;
	margin-bottom:10px; 
	background:#fcfcfc; 
}
.bg-light:hover { 
	padding:9px 14px;
	border:solid 1px #e5e5e5;
}

/*Link read-more*/
a.read-more {
	font-weight:bold;
	text-decoration:none;
}
a.read-more:hover { 
	color:#72c02c; 
	text-decoration:none;
}

/*Link color-green-style*/
.linked:hover {
	color:#72c02c;
	text-decoration:none;
}

/*CSS3 Hover Effects*/
.hover-effect {
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;
}
.hover-effect-kenburn {
	left:10px;
	margin-left:-10px;
	position:relative;
   -webkit-transition: all 0.8s ease-in-out;
   -moz-transition: all 0.8s ease-in-out;
   -o-transition: all 0.8s ease-in-out;
   -ms-transition: all 0.8s ease-in-out;
   transition: all 0.8s ease-in-out;
}
.hover-effect-kenburn:hover {
	-webkit-transform: scale(2) rotate(5deg);
	-moz-transform: scale(2) rotate(5deg);
	-o-transform: scale(2) rotate(5deg);
	-ms-transform: scale(2) rotate(5deg);
	transform: scale(2) rotate(5deg);
}

/*Spaces*/
.margin-bottom-5, 
.margin-bottom-10, 
.margin-bottom-20, 
.margin-bottom-20,
.margin-bottom-25, 
.margin-bottom-40, 
.margin-bottom-50, 
.margin-bottom-60 { 
	clear:both;
}   
.margin-bottom-5 {
	margin-bottom:5px;
}
.margin-bottom-10 {
	margin-bottom:10px;
}
.margin-bottom-20 {
	margin-bottom:20px;
}
.margin-bottom-25 {
	margin-bottom:25px;
}
.margin-bottom-30 {
	margin-bottom:30px;
}
.margin-bottom-40 {
	margin-bottom:40px;
}
.margin-bottom-50 {
	margin-bottom:50px;
}
.margin-bottom-60 {
	margin-bottom:60px;
}

.top-2 {
	top:2px;
}

/*Button Style*/
.btn {
	box-shadow: none;
}

.btn-u {
	border:0;
	font-size:14px;
	cursor:pointer;
	padding:5px 13px;
	position:relative;
	background:#72c02c;
	display:inline-block;
	color:#fff !important;
	text-decoration:none !important;
}
.btn-u:hover {
	color:#fff;
	background:#5fb611;
	text-decoration:none;
    -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
}

.btn-u-small {
	padding:3px 12px;
}
.btn-u-large {
	font-size:18px;
	padding:10px 25px;
}
a.btn-u {
	padding:4px 13px;
	vertical-align:middle;
}
a.btn-u-small {
	padding:2px 12px;
}
a.btn-u-large {
	font-size:18px;
	padding:6px 25px;
}

/*Buttons Color*/
.btn-u-blue {
	background: #3498db !important;
}
.btn-u-blue:hover {
	background: #2980b9 !important;
}

.btn-u-red {
	background: #e74c3c !important;
}
.btn-u-red:hover {
	background: #c0392b !important;
}

.btn-u-orange {
	background: #e67e22 !important;
}
.btn-u-orange:hover {
	background: #d35400 !important;
}

.btn-u-sea {
	background: #1abc9c !important;
}
.btn-u-sea:hover {
	background: #16a085 !important;
}

.btn-u-green {
	background: #2ecc71 !important;
}
.btn-u-green:hover {
	background: #27ae60 !important;
}

.btn-u-yellow {
	background: #F1C40F !important;
}
.btn-u-yellow:hover {
	background: #F39C12 !important;
}

/*Social Icons*/
.social-icons {
	margin:0;
}
.social-icons li {
	float:left;
	display:inline;
	list-style:none;
	margin-right:5px;
	margin-bottom:5px;
	text-indent:-9999px;
}
.social-icons li a, a.social-icon {
	width:28px;
	height:28px;
	display:block;
	background-position:0 0;
	background-repeat:no-repeat;
	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.social-icons li:hover a {
	background-position:0 -38px;
}

.social_amazon {background: url(../img/icons/social/amazon.png) no-repeat;}
.social_behance {background: url(../img/icons/social/behance.png) no-repeat;}
.social_blogger {background: url(../img/icons/social/blogger.png) no-repeat;}
.social_deviantart {background: url(../img/icons/social/deviantart.png) no-repeat;}
.social_dribbble {background: url(../img/icons/social/dribbble.png) no-repeat;}
.social_dropbox {background: url(../img/icons/social/dropbox.png) no-repeat;}
.social_evernote {background: url(../img/icons/social/evernote.png) no-repeat;}
.social_facebook {background: url(../img/icons/social/facebook.png) no-repeat;}
.social_forrst {background: url(../img/icons/social/forrst.png) no-repeat;}
.social_github {background: url(../img/icons/social/github.png) no-repeat;}
.social_googleplus {background: url(../img/icons/social/googleplus.png) no-repeat;}
.social_jolicloud {background: url(../img/icons/social/jolicloud.png) no-repeat;}
.social_last-fm {background: url(../img/icons/social/last-fm.png) no-repeat;}
.social_linkedin {background: url(../img/icons/social/linkedin.png) no-repeat;}
.social_picasa {background: url(../img/icons/social/picasa.png) no-repeat;}
.social_pintrest {background: url(../img/icons/social/pintrest.png) no-repeat;}
.social_rss {background: url(../img/icons/social/rss.png) no-repeat;}
.social_skype {background: url(../img/icons/social/skype.png) no-repeat;}
.social_spotify {background: url(../img/icons/social/spotify.png) no-repeat;}
.social_stumbleupon {background: url(../img/icons/social/stumbleupon.png) no-repeat;}
.social_tumblr {background: url(../img/icons/social/tumblr.png) no-repeat;}
.social_twitter {background: url(../img/icons/social/twitter.png) no-repeat;}
.social_vimeo {background: url(../img/icons/social/vimeo.png) no-repeat;}
.social_wordpress {background: url(../img/icons/social/wordpress.png) no-repeat;}
.social_xing {background: url(../img/icons/social/xing.png) no-repeat;}
.social_yahoo {background: url(../img/icons/social/yahoo.png) no-repeat;}
.social_youtube {background: url(../img/icons/social/youtube.png) no-repeat;}

/*Glyphicons*/
.glyphicons-demo {
    text-align: ;
}

.glyphicons-demo .glyphicons {
    color: #999999;
    display: inline-block;
    font-size: 14px;
    line-height: 48px;
    margin-right: 20px;
    text-align: left;
    width: 150px;
}

.glyphicons-demo .glyphicons i:before {
    color: #666666;
    line-height: 55px !important;
}

.glyphicons-demo a:hover {
	color: #72c02c;
	text-decoration: none;
}

/*Style Switcher*/
i.style-switcher-btn {
	right: 0;
	top: 37px;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
	z-index: 555555;
	position: fixed;
	padding: 7px 9px;
	background: #585f69;
}

i.style-switcher-btn:hover {
	background:#707985;
}

i.style-switcher-btn-option {
	top: 38px;
	background: #9097a0;
}

i.style-switcher-btn-option:hover {
	background: #707985;
}

.style-switcher {
	right: 0;
	top: 37px;
	display: none;
	z-index: 555555;
	position: fixed;
	background: #585f69;
	padding: 15px 15px 15px 20px;
}

.style-switcher-inner {
	background: #9097a0;
}

.style-switcher .theme-close {
	top: 10px;
	right: 6px;
	position: absolute;
}

.style-switcher .theme-close i {
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	padding: 5px 7px;
	background: #464e5b;
}

.style-switcher .theme-close i:hover {
	color: #464e5b;
	background: #fff;
 }

.style-switcher .theme-heading {
	color: #fff;
	font-size: 14px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.style-switcher ul {
	margin-bottom: 0;
}

.style-switcher li {
	width: 20px;
	height: 20px;
	cursor: pointer;
	background: #c00;
	margin-right: 5px;
	display: inline-block;
	border: solid 1px #70747a; 
}

.style-switcher li:hover,
.style-switcher li.theme-active {
	margin-right: 3px;
	border: solid 2px #fff;
}

.style-switcher li.theme-default {
	background: #72c02c;
}
.style-switcher li.theme-blue {
	background: #3498db;
}
.style-switcher li.theme-orange {
	background: #e67e22;
}
.style-switcher li.theme-red {
	background: #e74c3c;
}
.style-switcher li.theme-light {
	background: #ecf0f1;
}

/*Revolution Slider*/
.bg-black-opacity {
	background: url(../img/sliders/revolution/bg-text.png) repeat;
	padding: 7px;
	text-shadow: none !important;
}

/* sriting */
.special-button {
	height:50px; 
	display: block;
    text-shadow: 0 0 1px #f6f6f6;
    font-family: 'Open Sans', sans-serif;
}
.praise{ float:right; display: block;}
.praise:hover{
	text-shadow: 2px 2px 5px gray;
}
.praise:visited{
	color:#72c02c;
}
.blog_content{
	overflow: hidden;
/* 左右高度自动对齐，以高的高度为外框高度 */
}
.vote_bar{    float: left;}
.vote_bar li { 	color:#fff;}
.badge-success li i{ 	color:#72c02c;}
.badge-important li i{ 	color:#F86177;}
.badge-success li i:hover{ 	color:#fff;}
.badge-important li i:hover { 	color:#fff;}

.HTC_media_a{
    font-size: 12px;
    display:inline;
    width: 350px;
    display:block;
    -moz-column-fill: balance;   
    -webkit-column-fill: balance;   
    -o-column-fill: balance;   
    -ms-column-fill: balance;   
}

.HTC_media_a li{
    position：relative;
    width:155px;
    height:145px;
    float:left;
    overflow: hidden;
}
.HTC_media_a li img{
    width:100%;
    height:100%;
    display:inline-block;
    vertical-align:top;
}
.HTC_media_a img:hover{
    box-shadow: 2px 2px 5px gray;
}
.gallery_img li a,.gallery_img li img{float:left; width: 135px; height:135px;}
.qst-container{	width:280px; overflow: hidden;}
.qst-container a{color:#72c02c;}
.main-comment h3{font-size: 16px; height: 25px;margin-top: -15px;}
.main-comment h4{font-size: 12px;}
.main-comment{margin-top: 0px;}
.main-comment a{color:#72c02c;}
.main-comment img{width:18px;}
.icon-comment:before              { content: "\f075"; }}
.span7{margin-left:13%;}

/* votecard */
.votecard{background:url(../img/posts/vote-up.png) no-repeat 0 0;padding:4px;width:63px;height:43px;text-align:center; display: block;float:left;}
.votecard div{position:relative;overflow:hidden;width:63px;height:43px;}
.votecard em{display:block;position:relative;width:63px;height:33px;padding:6px 0 6px 0;font:normal 28px/28px "Helvetica Neue","Helvetica","Arial",Sans-serif;color:#585F69;}
.votecard strong{font-weight:bold;}
.votecard span{font-size:10px;line-height:10px;display:block;color:#9a9a94;}
a.voteaction{margin:0 0 0 3px;display:block;text-indent:-9999px;width:71px;height:21px;background:url(../img/posts/vote-up.png) no-repeat -3px -54px; float: left;}
a.voteaction:hover{outline:none;background-position:-3px -75px;}
/* votecard2 */
.votecard2{background:url(../img/posts/vote-down.png) no-repeat 0 0;padding:4px;width:63px;height:43px;text-align:center; display: block; float:left;}
.votecard2 div{position:relative;overflow:hidden;width:63px;height:43px;}
.votecard2 em{display:block;position:relative;width:63px;height:33px;padding:6px 0 6px 0;font:normal 28px/28px "Helvetica Neue","Helvetica","Arial",Sans-serif;color:#585F69;}
.votecard2 strong{font-weight:bold;}
.votecard2 span{font-size:10px;line-height:10px;display:block;color:#9a9a94;}
a.voteaction2{margin:0 0 0 3px;display:block;text-indent:-9999px;width:71px;height:21px;background:url(../img/posts/vote-down.png) no-repeat -3px -54px; float: left;}
a.voteaction2:hover{outline:none;background-position:-3px -75px;}

a.voted,a.voted:hover{outline:none;background-position:-3px -96px;cursor:default;}
.votecolumn{width:75px;float: left; }
.votecolumn2{width:75px;float: left; }

/*vote button*/
.vote1btn{
	background-color: #FFC107; 
    padding-right: 9px;
    padding-left: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    color:#fff;
}
.vote1btn:hover, {
	background-color: #FFCA28; 
    box-shadow: 2px 2px 3px gray;
    cursor: pointer;
    text-decoration: none;
    color:#fff;
}
.vote2btn{
	background-color: #FB8C00; 
    padding-right: 9px;
    padding-left: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    color:#fff;
}
.vote2btn:hover{
	background-color: #FF9800; 
    box-shadow: 2px 2px 3px gray;
    cursor: pointer;
    text-decoration: none;
    color:#fff;
}
.vote3btn{
	background-color: #F4511E; 
    padding-right: 9px;
    padding-left: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    color:#fff;
}
.vote3btn:hover{
	background-color: #FF5722; 
    box-shadow: 2px 2px 3px gray;
    cursor: pointer;
    text-decoration: none;
    color:#fff;
}
.vote4btn{
	background-color: #6D4C41; 
    padding-right: 9px;
    padding-left: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    color:#fff;
}
.vote4btn:hover{
	background-color: #795548; 
    box-shadow: 2px 2px 3px gray;
    cursor: pointer;
    text-decoration: none;
    color:#fff;
}
.modifyPage{margin-left: 20%!important;}
.accordion-inner a {color:#72c02c;}
.pic{     
	display: block;
    width: 100px;
    height: 100px;
    overflow: hidden;
    border: 3px solid #eee;
    margin: 10px auto 10px;
 }
.pic img{
	max-width: 100%;
    max-height: 100%;
    width:100px;
    height:100px;
}

.upload-inp-box {
	width:83px;
	padding: 4px 10px;
	margin: 0px auto 10px;
    height: 20px;
    line-height: 20px;
    position: relative;
    cursor: pointer;
    color: #888;
    background: #fafafa;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
    display: block;
}
.upload-inp-box input{
	position: absolute;
    font-size: 100px;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer
}
.upload-inp-box:hover {
    background: #72c02c;
    border-color: #6BB42A;
    color: #fff;
    text-decoration: none;
}
.basic-info-banner{
	height:110px;
}
.basic-info{
	position: relative;
    margin: 0 30px 0px;
    height: 110px;
}
.basic-info-img{
	top:-80px;
	position: absolute;
    left: 0;
    z-index: 4;
    cursor: pointer;
}
.basic-info-img-inner{
    vertical-align: top;
    display: inline-block;
    overflow: hidden;
    border: 4px solid #fff;
    border-radius: 8px;
}
.basic-info-img-inner img{
	width: 160px; 
	height: 160px;
}
.basic-info-content{
	padding-top: 16px;
    padding-left: 32px;
    border-left: 164px solid transparent;
}
.basic-info-contentHead{
	font-weight: 500;
    font-size: 26px;
    line-height: 30px;
    color:#687074;
}
.basic-info-description{
	color:#555;
}
.basic-info-button{
}
.info-button{
	margin-top: -10px;
	border: 1px solid #77AB49;
    color: #77AB49;
    background-color: #fff;
    float:right;
    padding: 0 8px;
    border-radius: 3px;
    text-align: center;
    font-size: 14px;
    line-height: 32px;
    cursor: pointer;
}
.info-button:hover{
	text-decoration: none;
}
.ps-post-title{
	position:relative;
}
.ps-post-title h4{
	line-height: 60px;
}
.ps-post-title button{
	overflow: hidden;
	position:absolute;
	bottom: 10px;
	right:3px;
}
.ps-post-title i{
	font-size: 17px;
}
.ps-post-time{
	display: flex;
	line-height:10px;
	font-size: 13px;
	float:right;
	overflow: hidden;
}
.ps-comments{
	border: 1px solid #eee;
	padding: 5px;
	margin-bottom: 15px;
	position: relative;
}
.ps-comments button{
	overflow: hidden;
	position:absolute;
	bottom: 10px;
	right:3px;
	font-size: 17px;
}
.ps-comments-title{
	font-size: 17.5px;
}
#heartbtn{
	float:right;
	overflow: hidden;
	margin-top: -10px;
}
.HTC_media_a_pro li{
    position：relative;
    float:left;
    overflow: hidden;
    list-style: none;
}
.HTC_media_a_pro li img{
    width:100%;
    height:100%;
    display:inline-block;
    vertical-align:top;
}
.HTC_media_a_pro img:hover{
    box-shadow: 2px 2px 5px gray;
}
.qst-container_pro{width:90%; float:left;}
@media(min-width:1200px){
	.span7{margin-left:13%;}
}
@media(max-width: 1999px){
	.HTC_media_a{width:290px;}
	.qst-container{width:280px;}
}
@media(max-width:979px){
}
@media(min-width:768px) and (max-width:979px){
	.HTC_media_a{width:215px;}
	.qst-container{width:210px;}
	.modifyPage{margin-left: 10%!important;}
	.basic-info-banner{height: 120px;}
	.basic-info{height:120px; margin: 0 10px 0;}
	.basic-info-img{top:-80px;}
	.basic-info-img img{ width:160px;height:160px;}
	.basic-info-content{border-left: 160px solid transparent; }
	.info-button{line-height: 26px; padding: 0 4px;}
}
@media (min-width: 640px) and (max-width:767px){
	.HTC_media_a{width:560px;}
	.qst-container{width:555px;}
	.modifyPage{margin-left: 0px!important;}
	.basic-info{height:120px; margin: 0 10px 0;}
}
@media (min-width: 421px) and (max-width:639px){
	.HTC_media_a{width:490px;}
	.qst-container{width:485px;}
	.modifyPage{margin-left: 0px!important;}
	.basic-info-banner{height: 110px;}
	.basic-info{height:110px; margin: 0 10px 0;}
	.basic-info-img{top:-50px;}
	.basic-info-img img{ width:100px;height:100px;}
	.basic-info-content{border-left: 90px solid transparent; }
	.info-button{line-height: 26px; padding: 0 4px; margin-top: -80px;}
	.basic-info-contentHead{font-size: 22px;line-height: 26px;}
}
@media (min-width: 376px) and (max-width:420px){
	.HTC_media_a{width:345px;}
	.qst-container{width:340px;}
	.modifyPage{margin-left: 0px!important;}
	.basic-info-banner{height: 110px;}
	.basic-info{height:110px; margin: 0 10px 0;}
	.basic-info-img{top:-80px;}
	.basic-info-img img{ width:100px;height:100px;}
	.basic-info-content{border-left: 0px solid transparent; padding-top: 30px;}
	.info-button{line-height: 26px; padding: 0 4px; margin-top: -85px;}
	.basic-info-contentHead{font-size: 20px;line-height: 24px;}
}
@media (min-width: 321px) and (max-width:376px){
	.HTC_media_a{width:305px;}
	.qst-container{width:300px;}
	.modifyPage{margin-left: 0px!important;}
	.basic-info-banner{height: 80px;}
	.basic-info{height:150px; margin: 0 10px 0;}
	.basic-info-img{top:-60px;}
	.basic-info-img img{ width:80px;height:80px;}
	.basic-info-content{border-left: 0px solid transparent; padding-top: 30px;padding-left: 5px;}
	.info-button{line-height: 26px; padding: 0 4px; margin-top: 0px;}
	.basic-info-contentHead{font-size: 20px;line-height: 24px;}
}
@media(max-width:321px){
	.HTC_media_a{width:255px;}
	.qst-container{width:255px;}
	.modifyPage{margin-left: 0px!important;}
	.basic-info-banner{height: 80px;}
	.basic-info{height:150px; margin: 0 10px 0;}
	.basic-info-img{top:-60px;}
	.basic-info-img img{ width:80px;height:80px;}
	.basic-info-content{border-left: 0px solid transparent; padding-top: 30px;padding-left: 5px;}
	.info-button{line-height: 26px; padding: 0 4px; margin-top: 0px;}
	.basic-info-contentHead{font-size: 20px;line-height: 24px;}
}