/* 
	-------------------------------------------------- 
   	Bootstrap theme
	-------------------------------------------------- 
	Table of Contents
		
		0. Helper Classes

		1. Landing
			:: regions
				:: header
				:: sections
				:: footer
			:: media-querys

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

/* -----------------------------------------------------------------------
	0. Helper Classes
------------------------------------------------------------------------ */
.uppercase{
	text-transform: uppercase;
}

.bold{
	font-weight: bold;
}

.btn-grey{
	background: #f0f1f1;
	border: 1px solid #c9c9c9;
	color: #000;
}
.btn-grey:hover,
.btn-grey:focus{
	background: #ddd;
	border: 1px solid #c9c9c9;
	color: #000;
}

.btn-dark{
	background: #868686;
	color: #fff;
}
.btn-dark:hover,
.btn-dark:focus{
	background: #666;
	color: #fff;
}

.btn.bevel{
	box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 2px rgba(255,255,255,.3);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 2px rgba(255,255,255,.3);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 2px rgba(255,255,255,.3);
	border: 1px solid rgba(0,0,0,.1);
}

.black{
	color: #000;
}
.white{
	color: #fff;
}
.orange{
	color: #f8ab03;
}

.rounded{
	border-radius: 30px;
}



/* -----------------------------------------------------------------------
	1. Landing
------------------------------------------------------------------------ */
#landing{
	background:#fff;
	position: absolute;
	width: 100%;
	height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	margin: 0 0 20px;
}

h2 {
	font-size: 36px;
}
h3 {
	font-size: 30px;
}

.breadcrumb{
	background: none;
}

/* -----------------------------------------
	regions
----------------------------------------- */

/* header */
#header {}

	#header .navbar .btn-navbar{
		margin: 13px 0 0;
		padding: 0;
	}

	#header .navbar .btn-navbar:hover{
		opacity: 0.7;
	}

	#header .navbar{
		margin-top: 0;
		border-top: 3px solid #f8ab03;
	}

	#header .navbar .navbar-inner{
		background: #fff;
		border-bottom: 1px solid rgba(0,0,0,.2);
	}

	#header #bottom-nav .navbar-right{ 
		margin-top: 3px;
	}
	#header #bottom-nav .btn-group-justified{
		margin-top: 10px;
	}

	#header h1{
		margin: 7px 0;
		line-height: 1;
		font-size: 1em;
	}

	#header .navbar .nav>li>a {
		color: #999;
		text-decoration: none;
		text-shadow: 0 0 0;
		padding: 10px;
	}

	#header .navbar #bottom-nav .nav li>a:focus, 
	#header .navbar #bottom-nav .nav li>a:hover {
		color: #000;
		background: #fff;
		box-shadow: inset 0 -3px #f8ab03;
	}

	#header .navbar #bottom-nav .nav .active>a,
	#header .navbar #bottom-nav .nav .active>a:hover,
	#header .navbar #bottom-nav .nav .active>a:focus {
		color: #fff;
		background: #f8ab03;
	}

	#header .navbar .nav>li>a.twitter{
		background: #7ec0f2;
		color: #fff;
		margin-left: 1px;
	}
	#header .navbar .nav>li>a.facebook{
		background: #3b5998;
		color: #fff;
		margin-left: 10px;
	}
	#header .navbar .nav>li>a.googleplus{
		background:  #dd4b39;
		color: #fff;
		margin-left: 1px;
	}
	#header .navbar .nav>li>a.youtube{
		background:  #bb0000;
		color: #fff;
margin-left: 1px;
	}

	#header .navbar .nav>li>a.twitter:hover,
	#header .navbar .nav>li>a.twitter:focus,
	#header .navbar .nav>li>a.facebook:hover,
	#header .navbar .nav>li>a.facebook:focus{
		opacity: 0.8;
	}

	#header .navbar .nav .dropdown-toggle .caret {
		margin-top: 0px;
	}

	#header .login-buttons .btn{
		font-size: 13px;
		padding: 5px 11px;
		margin: 2px 0 0 5px;
	}

/* sections */
#landing section{
	position: relative;
	min-height: 100%;
}
	#landing section > .content {
		width: 100%;
	}

/* #what section */
#landing section#what{
	background: url(/images/section_01_bg.png) no-repeat #f1f1f1;
}

	#landing section#what img.blank{
		width: 100%;
	}
	#landing section#what .text{
		background: #f1f1f1;
		box-shadow: 0 0 30px 20px #f1f1f1;
		-moz-box-shadow: 0 0 30px 20px #f1f1f1;
		-webkit-box-shadow: 0 0 30px 20px #f1f1f1;
		margin-bottom: 30px;
	}
	#landing section#what h2{
		color: #000;
		
	}
		#landing section#what h2 strong{
			color: #f8ab03;
		}
		#landing section#what .btn{
			font-size: 24px;
			margin-bottom: 10px;
		}

/* #passport section */

#landing section#passport{
	background: url(/images/passport_03.png) no-repeat #f1f1f1;
}

	#landing section#passport img.blank{
		width: 100%;
	}
	#landing section#passport .text{
		background: #f1f1f1;
		box-shadow: 0 0 30px 20px #f1f1f1;
		-moz-box-shadow: 0 0 30px 20px #f1f1f1;
		-webkit-box-shadow: 0 0 30px 20px #f1f1f1;
		margin-bottom: 30px;
	}
	#landing section#passport h2{
		color: #000;
		
	}
		#landing section#passport h2 strong{
			color: #f8ab03;
		}
		#landing section#passport .btn{
			font-size: 24px;
			margin-bottom: 10px;
		}

/* #how section */
#landing section#how{
	background: url(/images/middle_bottom.png) center bottom no-repeat;
}

	#landing section#how .container{
		padding-bottom: 90px;
	}
		#landing section#how h3{
			color: #000;
			margin-bottom: 10px;
		}
		#landing section#how p{
			font-size: 18px;
			margin: 0;
		}
		#landing section#how img{
			margin: 20px 0;
	}

/* #features section */		
#landing section#features{
	background: #303031;
}

	#landing section#features .carousel-inner h3{
		margin-top: 20px;
	}
	#landing section#features .carousel-inner p{
		color: #fff;
	}

	#landing section#features .carousel-inner img{
		max-width: 100%;
	}

	#landing section#features .carousel-indicators {
		position: relative;
		width: 100%;
		left: 0;
		right: 0;
		margin: 50px 0 0;
	}
		#landing section#features .carousel-indicators li {
			text-indent: 0;
			height: auto;
			width: auto;
			text-align: center;
			line-height: 1;
			padding: 20px;
			border-radius: 50%;
			-moz-border-radius: 50%;
			-webkit-border-radius: 50%;
			border: 2px solid #f8ab03;
			background: #fff;
			box-shadow: 0 0 0 2px rgba(255,255,255,.2);
			color: #999;
			transition:all 200ms;
			-moz-transition:all 200ms;
			-webkit-transition:all 200ms;
			margin: 0 10px 10px;
		}

		#landing section#features .carousel-indicators li:hover,
		#landing section#features .carousel-indicators li:focus,
		#landing section#features .carousel-indicators li.active {
			color: #f8ab03;
		}	

		#landing section#features .carousel-control{
			background: none;
			bottom: auto;
			line-height: 50px;
			height: 50px;
			margin-top: -100px;
			width: 50px;
		}

/* #how section */
#landing section#come{
	background: url(/images/middle_top.png) center top no-repeat, url(/images/middle_bottom.png) center bottom no-repeat;
}

	#landing section#come img{
		max-width: 100%;
		margin-bottom: 40px;
	}

	#landing section#come h3 strong{
		color: #f8ab03;
	}
/* #prices section */
#landing section#prices{
	background: #303031;
}
	#landing section#prices > .content {
		top: 0;
		position: relative;
		padding-top: 80px;
		padding-bottom: 80px;
	}

	#landing section#prices > .content .intro {
		margin-bottom: 40px;
	}
		#landing section#prices > .content .intro h3 {
			margin-bottom: 10px;
		}

	#landing section#prices .plan{
		float: left;
	}

		#landing section#prices .plan .thumbnail{
			border: none;
			padding: 10px;
			background: #f1f1f1;
		}
		#landing section#prices .plan.featured .thumbnail{
			background: #ffefcc;
		}

			#landing section#prices .plan .thumbnail h3{
				border-bottom: 1px solid rgba(0,0,0,0.2);
				color: #000;
				padding: 19px 10px;
				margin: -10px -10px 10px;
				letter-spacing: 4px;
				font-size: 18px;
				background: #ddd;
				border-radius: 3px 3px 0 0;
				-moz-border-radius: 3px 3px 0 0;
				-webkit-border-radius: 3px 3px 0 0;
				font-weight: bold;
			}

			#landing section#prices .plan.featured .thumbnail h3{
				background: #ffe2a2;
			}

			#landing section#prices .plan .thumbnail .price{
				background: #c8c8c8;
				width: 90px;
				height: 90px;
				padding: 23px 0;
				line-height: 1;
				display: inline-block;
				border-radius: 50%;
				-moz-border-radius: 50%;
				-webkit-border-radius: 50%;
				border:5px solid #fff;
				box-shadow: 0 0 0 3px rgba(0,0,0,0.05);
				-moz-box-shadow: 0 0 0 3px rgba(0,0,0,0.05);
				-webkit-box-shadow: 0 0 0 3px rgba(0,0,0,0.05);
				margin: 10px 0 20px;
			}
			#landing section#prices .plan.featured .thumbnail .price{
				background: #f8ab03;
			}

				#landing section#prices .plan .thumbnail .price .number{
					font-weight: bold;
					font-size: 30px;
					display: inline-block;
				}
				#landing section#prices .plan .thumbnail .price small{
					font-size: 13px;
				}


			#landing section#prices .plan .thumbnail ul{
				list-style: none;
				padding:0;
				margin: 0 -10px 10px;
				border-bottom: 1px solid rgba(0,0,0,0.2);
				border-top: 1px solid rgba(0,0,0,0.2);
				background: #f1f1f1;
			}
				#landing section#prices .plan .thumbnail ul li{
					padding: 10px 0;
				}

				#landing section#prices .plan .thumbnail ul li:nth-of-type(odd) {
					background: #fff;
				}

			#landing section#prices form{
				margin-bottom: 20px;
				margin-top: 20px;
			}
				#landing section#prices form label{
					font-weight: normal;
				}

			#landing section#prices .more-options .btn{
				margin-bottom: 10px;
			}

/* #how section */
#landing section#clients{
	background: url(/images/middle_top.png) center top no-repeat;
}
	
	/*#landing section#clients > .content {
		top: 0;
		position: relative;
		padding-top: 120px;
		padding-bottom: 80px;
	}*/
	
	#landing section#clients .media.comment{
		margin-bottom: 20px;
	}
		#landing section#clients .media.comment h4{
			font-size: 14px;
			font-weight: bold;
			margin-top: 10px;
		}

		#landing section#clients .comment .media-body p {
			margin-left: 0;
		}
	
	#landing section#clients .media-object:hover{
		opacity: 1;
	}
		#landing section#clients .media.comment img{
			max-width: 100%;
		}
		#landing section#clients .media.comment .media-object img{
			box-shadow: 0 0 0 3px rgba(0,0,0,0.05);
			-moz-box-shadow: 0 0 0 3px rgba(0,0,0,0.05);
			-webkit-box-shadow: 0 0 0 3px rgba(0,0,0,0.05);
		}

	#landing section#clients .carousel-control{
		background: none;
		bottom: auto;
		line-height: 50px;
		height: 50px;
		margin-top: -40px;
		width: 50px;
		color: #f8ab03;
		text-shadow: 0 0 0;
	}

	#landing section#clients .logo_block{
		margin-top: 40px;
	}

		#landing section#clients .logo_block img{
			margin: 0 30px 10px;
		}

/* #how section */
section#footer {
	background: #303031;
	color: #fff;
	margin-top: 80px;
	padding-top: 80px;
}
#landing section#footer {
	margin-top: 0;
	padding-top: 0;
}

	#landing section#footer > .content {
		top: 0;
		position: relative;
		padding-top: 80px;
		padding-bottom: 80px;
	}

	section#footer > .content .form-control{
		background: #222;
		border: #222;
		color: #fff;
	}


	section#footer > .content a{
		color: #fff;
	}section#footer > .content a:hover{
		color: #ccc;
		text-decoration: none;
	}

	section#footer .nav-stacked li{
		margin-bottom: 15px;
	}
		section#footer .nav-stacked a{
			background: #858585;
			color: #fff;
		}
		section#footer .nav-stacked a:hover,
		section#footer .nav-stacked a:focus{
			background: #666;
		}

	section#footer .contact-info{
		font-size: 18px;
		margin-top: 20px;
	}
		section#footer .contact-info .icon{
			vertical-align: -16%;
		}

	section#footer .social-icons{
		margin-bottom: 30px;
		margin-top: 30px;
	}
		section#footer .social-icons a{
			padding: 12px 10px;
			background: #222;
			margin-right: 10px;
		}

	section#footer .stMainServices {
		height: 30px;
	}
	section#footer .stButton .stButton_gradient {
		height: 20px;
	}

	section#footer .bottom-menu{
		margin-top: 40px;
	}

/* Feature page */

body > .page{
	margin-top: 140px;	
}

#features .feature-image{
	box-shadow: 0 10px 20px rgba(0,0,0,.2);
	-moz-box-shadow: 0 10px 20px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 10px 20px rgba(0,0,0,.2);
	margin-bottom: 30px;
	max-width: 100%;
}

#features .feature h2{
	border-left: 4px solid #f8ab03;
	padding-left: 20px;
}

#features .page-header{
	margin-bottom: 60px;
	padding-bottom: 60px;
}
#features .page-header img{
	max-width: 100%;
}

#blog #blog-title{
	background: url(/images/blogheader.jpg) no-repeat #f1f1f1 1% center;
	padding: 80px 40px;

}

#blog #blog-title h1{
	font-weight: bold;
	font-size: 48px;
}

.divider{
	margin: 40px 0;
}

.page-header{
	margin-bottom: 40px;
}

	.post img{
		margin-bottom: 30px;
	}

	.post img.pull-left{
		margin-right: 30px;
	}
	.post img.pull-right{
		margin-left: 30px;
	}

	.post img.img-circle{
		border: 3px solid #f8ab03;
	}

	.post h3.title{
		margin-bottom: 10px;
	}
	.post .meta-info{
		color: #999;
		font-size: 16px;
		background: #f9f9f9;
		padding: 8px;
		border-radius: 5px;
	}

.post{
	border-bottom: 1px solid #ccc;
}

.post .title a{
	color: #555;
}
.post .title a:hover,
.post .title a:focus{
	color: #000;
}

/* -----------------------------------------
	widget
----------------------------------------- */
.widget {
    border: none;
	background:#f5f5f5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 30px;
    padding: 10px;
}

.widget-title * {
    font-size: 14px;
    line-height: 14px;
    margin: 0 0 15px;
}

.widget a,
.nav-tabs a.send_message {
	color: #428bca;
}

.widget .nav-pills {
	margin:0;
}

.widget .nav-pills>li>a {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-bottom: 1px solid #ddd;
	padding: 10px 15px;
}

.widget .nav-stacked>li> .media {
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
}

/* widget-skills */
.widget-skills .btn,
.skills .btn {
    margin-bottom: 5px;
}

/* widget-flickr */
.widget-flickr ul {
    list-style: none;
    margin: 0;
    text-align: center;
}

.widget-flickr ul li {
    display: inline-block;
    margin-bottom: 5px;
    width: 31%;
}

.widget-flickr ul li a {
    display: inline-block;
}

.widget-flickr ul li a:hover {
    opacity: 0.6;
}

/* widget-menu */
.widget-menu .widget-body {
    margin-left: -10px;
    margin-right: -10px;
}


/* -----------------------------------------
	media-querys
----------------------------------------- */

@media (min-width: 768px) and (max-width: 979px) {
	#landing #top-nav nav{
		margin-top: 10px;
	}
	/* section#what */
	#landing section#what{
		background-position: 39% 58%;
	}
	#landing section#passport{
		background-position: 37% 88%;
		background-size: 236%;
		}
	}

	#landing #top-nav{
		transition: all 300ms;
		-webkit-transition: all 300ms;
		-moz-transition: all 300ms;
		-ms-transition: all 300ms;
		height: 0;
	}
	#landing .is_home #top-nav{
		height: 80px;
	}
		#landing #top-nav nav{
			margin-top: 21px;
		}

	#landing #header .logo-min{
		margin-top: 4px;
		margin-right: 10px;
		transition: all 500ms;
		-webkit-transition: all 500ms;
		-moz-transition: all 500ms;
		-ms-transition: all 500ms;
		margin-left: 0;
		opacity: 1;
	}

	.login-buttons {
		position: absolute;
		
		right: 10px;
	}
}

@media (max-width: 767px) {
	
	/* section#what */
	#landing section#what{
		background-position: 40% 77%;
	}
	#landing section#what > .content {
		padding-top: 80px;
	}

	/* section#passport */
	#landing section#passport{
		background-position: 40% 77%;
	}
	#landing section#passport > .content {
		padding-top: 80px;
	}
	/* section#features */
	#landing section#features .carousel-control{
		margin-top: -100px;
		top: 30%;
	}
	#landing section#features .carousel-indicators {
		margin: 20px 0 0;
	}
	#landing section#features .carousel-indicators li{
		padding: 10px;
		margin: 0 5px 10px;
	}
	#landing section#features .carousel-indicators li span{
		font-size: 24px;
	}

	body > .page{
		margin-top: 60px;	
	}

}

@media (max-width: 768px) {

	#landing header h1 {
		margin: 15px 0;
	}
		#landing header h1 img {
			height: 30px;
		}

	#landing h2 {
		font-size: 24px;
	}

	/* sectionpassport */
	#landing section#passport{
		background-position: 39% -2%;
		background-size: 259%;
	}

	/* section#what */
	#landing section#what{
		background-position: 40% 90%;
		background-size: 2000px;
	}

	.comment .media-body:before {
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid #ccc;
		border-bottom-color: rgba(0, 0, 0, 0.2);
		top: 61px;
		left: 22px;
	}

	.comment .media-body:after {
		border-left: 9px solid transparent;
		border-right: 9px solid transparent;
		border-bottom: 9px solid #ffffff;
		top: 63px;
		left: 23px;
	}

	.comment .media-body{
		display: block;
		width: 100%;
	}

	.post img.pull-left{
		margin-right: 0;
	}
	.post img.pull-right{
		margin-left: 0;
	}

}

@media (max-width: 979px) {
	#landing section > .content {
		padding-top: 80px;
	}
	#landing section#come > .content{
		padding-bottom: 80px;
	}

	#landing section#what > .content{
		text-align: center;
	}
	#landing section#passport > .content{
		text-align: center;
	}
	
}

@media (min-width: 980px) {

	/* header */
	#header h1{
		margin: 20px 0;
	}
	
	#landing #header #top-nav{
		transition: all 300ms;
		-webkit-transition: all 300ms;
		-moz-transition: all 300ms;
		-ms-transition: all 300ms;
		height: 0;
		border: none;
	}
	#landing #header .is_home #top-nav{
		height: 80px;
		border-bottom: 1px solid rgba(0,0,0,.2);
	}
		#top-nav nav{
			margin-top: 21px;
		}

	#landing #header #bottom-nav{
		box-shadow: 0 1px 2px rgba(0,0,0,.2);
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
		border: none;
	}
	#landing #header .is_home #bottom-nav{
		border-bottom: 1px solid rgba(0,0,0,.2);
		-moz-border-bottom: 1px solid rgba(0,0,0,.2);
		-webkit-border-bottom: 1px solid rgba(0,0,0,.2);
		box-shadow: 0 0 0;
	}

	#header .logo-min{
		margin-top: 4px;
		margin-right: 10px;
		transition: all 500ms;
		-webkit-transition: all 500ms;
		-moz-transition: all 500ms;
		-ms-transition: all 500ms;
		margin-left: 0;
		opacity: 1;
	}

	#header .is_home .logo-min{
		margin-left: -32px;
		opacity: 0;
	}
	
	#landing section > .content {
		top: 50%;
		position: absolute;
	}

	/* section#what */
	#landing section#what{
		background-position: center 47%;
	}
	#landing section#what > .content {
		margin-top: -120px;
	}

	/* section#how */
	#landing section#how> .content {
		margin-top: -220px;
	}
	#landing section#how> .content .row {
		background: url(/images/section_02_bg.png) center no-repeat;
		background-size:100%;
	}

	/* section#features */
	#landing section#features > .content {
		margin-top: -234px;
	}

	/* section#come */
	#landing section#come > .content {
		margin-top: -234px;
	}
	#landing section#come > .content h3{
		margin-top: 104px;
	}

	/* section#prices */
	#landing section#prices .plan{
		
		margin-top: 20px;
		margin-right: 1px;
		padding: 0;
	}
	#landing section#prices .plan.featured{
		margin-top: 0;
	}
	#landing section#prices .plan.featured .thumbnail{
		padding: 30px 10px;
	}
	#landing section#prices .plan.featured .thumbnail h3{
		padding: 29px 10px 29px;
		margin: -30px -10px 10px;
	}
	#landing section#prices .plan.featured .btn-orange{
		margin: 20px 0 -10px;
	}
	#landing section#prices .plan .thumbnail {
		border-radius: 0 ;
	}
	#landing section#prices .plan:first-child .thumbnail {
		border-radius: 4px 0 0 4px ;
	}
	#landing section#prices .plan.featured .thumbnail {
		border-radius: 4px ;
		position: relative;
		z-index: 1;
		box-shadow: 0 0 10px rgba(0,0,0,0.7);
		-moz-box-shadow: 0 0 10px rgba(0,0,0,0.7);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.7);
	}

	.comment .media-body:before {
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-right: 10px solid #ccc;
		border-right-color: rgba(0, 0, 0, 0.2);
		top: 30px;
		left: 81px;
	}

	.comment .media-body:after {
		border-top: 9px solid transparent;
		border-bottom: 9px solid transparent;
		border-right: 9px solid #ffffff;
		top: 31px;
		left: 82px;
	}

	.comment-form .media-body:after {
		border-right: 9px solid #f1f1f1;
	}

	/* section#come */
	#landing section#clients > .content {
		margin-top: -260px;
	}

	/* section#passport */
	#landing section#passport{
		background-position: 69% 47%;
		background-size: 134%;
	}
	#landing section#passport > .content {
		margin-top: -120px;
	}

}

@media (min-width: 1200px) {

	/* section#how */
	#landing section#how> .content {
		margin-top: -190px;
	}
	/* section#prices */
	#landing section#prices .plan{
		
	}

}


#clients-home img { 
	padding: 2px;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
}
#clients-home img:hover { 
	padding: 2px;
	-webkit-filter: none;
	-moz-filter: none;
	filter: none;
}


.carousel-inner ul {
	padding: 0;
}
.carousel-inner ul li {
	color: #FFF
}

#happy-clients {
	height: 80px
}
#happy-clients img { 
	width: auto;
}
#happy-clients .item  {
	height: 80px
}
#features-page img { 
	width: 100%;
}

.text-center img { 
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.bs-callout-info {
	border-left-color: #5bc0de;
}
.bs-callout {
	padding: 20px;
	margin: 20px 0;
	border: 1px solid #eee;
	border-left-width: 5px;
	border-radius: 3px;
}

.stButton_gradient, .stButton, .stMainServices  { height: 22px !important; }


/* #community section */
section#community{
	background: url(/images/section_communitybg.png) no-repeat #f1f1f1;
width: 100%;
}

	section#community img.blank{
		width: 100%;
	}
	section#community .text{
		background: #787878;
		box-shadow: 0 0 50px 30px #787878;
		-moz-box-shadow: 0 0 50px 30px #787878;
		-webkit-box-shadow: 0 0 50px 30px #787878;
		margin-bottom: 30px;
margin-top: -100px;
	}
	section#community h2{
		color: #fff;
		
	}
		section#community h2 strong{
			color: #f8ab03;
		}
		section#community .btn{
			font-size: 24px;
			margin-bottom: 10px;
		}

#textpassport
{
color: #000;
}

.post-content {
  font-size: 111%;
  line-height: 180%;
}