@import url(http://fonts.googleapis.com/css?family=Lato:400,700,300);
@import url(http://fonts.googleapis.com/css?family=Kaushan+Script);
@import url(http://fonts.googleapis.com/css?family=Kanit);
.clearfix:after, .home-icon {
	clear: both
}
.project-controls span:hover, .search-trigger:hover {
	cursor: pointer
}
.blog-featured-image .overlay, .portfolio-item .overlay, .post .post-img-content .overlay, .team-image .overlay {
	text-align: center;
	vertical-align: middle
}
#main-slider .carousel .boxed, #main-slider .carousel .btn, #main-slider .carousel h2, #stats h3, .blog .blog-item .entry-meta, .btn-outlined, .main-title, .modal .modal-header>h4, .navbar-header h1, .navbar-inverse .navbar-nav .dropdown-menu>li>a, .navbar-inverse .navbar-nav>li>a, .portfolio-item h5, .post .author, .post .post-title, .section-heading p, .widget-title {
	text-transform: uppercase
}
.clearfix {
	zoom: 1
}
.clearfix:after, .clearfix:before {
	display: table;
	content: "";
	line-height: 0
}
.hide-text {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0
}
a, body {
	color: #222
}
.input-block-level {
	display: block;
	width: 100%;
	min-height: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
body {
	background: #f5f5f5;
	font-family: Kanit, sans-serif;
	font-weight: 300;
	line-height: 1.6;
	font-size: 16px
}
h1, h2, h3, h4, h5, h6 {
	font-family: Lato, sans-serif;
	font-weight: 700
}
.main-title, a {
	font-family: Kanit, sans-serif
}
a {
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}
hr {
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #fff
}
.btn {
	font-weight: 400
}
.btn-transparent {
	border: 3px solid #fff;
	background: 0 0;
	color: #fff
}
.btn-transparent:hover {
	border-color: rgba(255,255,255,.5)
}
a:focus, a:hover {
	color: #d9534f;
	text-decoration: none;
	outline: 0
}
.dropdown-menu {
	margin-top: -1px;
	min-width: 180px
}
body>section {
	padding: 50px 0
}
.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden
}
.embed-container embed, .embed-container iframe, .embed-container object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
blockquote {
	background-color: #fff
}
#mainNav .navbar-brand {
	color: #fed136;
	font-family: 'Kaushan Script', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'
}
#mainNav .navbar-brand.active, #mainNav .navbar-brand:active, #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
	color: #fec503
}
#main-slider {
	position: relative;
	z-index: 5;
	color: #fff;
}
#main-slider .carousel-inner {
	overflow: visible
}
.backstretch:before {
	min-width: 100%;
	height: 100%;
	z-index: -1
}
#main-slider .carousel h2 {
	font-size: 44px;
	color: #fff;
	text-shadow: rgba(0,0,0,.4) 0 1px 1px;
	letter-spacing: -1px;
	margin-top: 30px
}
#main-slider .carousel .btn {
	z-index: 10px
}
#main-slider .carousel .btn:hover {
	background-color: rgba(255,255,255,.9);
	color: #202020
}
#main-slider .carousel .boxed {
	padding: 10px 15px;
	background-color: rgba(0,0,0,.3);
	display: inline-block
}
#main-slider .carousel .item {
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	left: 0!important;
	opacity: 0;
	top: 0;
	position: absolute;
	width: 100%;
	display: block!important;
	height: 600px;
	-webkit-transition: opacity ease-in-out .5s;
	-moz-transition: opacity ease-in-out .5s;
	-o-transition: opacity ease-in-out .5s;
	transition: opacity ease-in-out .5s
}
#main-slider .carousel .item:first-child {
	top: auto;
	position: relative
}
#main-slider .carousel .item.active {
	opacity: 1;
	-webkit-transition: opacity ease-in-out .5s;
	-moz-transition: opacity ease-in-out .5s;
	-o-transition: opacity ease-in-out .5s;
	transition: opacity ease-in-out .5s;
	z-index: 1
}
.home-icon {
	padding: 10px 15px;
	background-color: rgba(0,0,0,.2);
	display: block;
	font-size: 78px;
	margin: 100px auto 0;
	position: relative;
	width: 80px;
	-webkit-transform: rotate(15deg);
	-moz-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	-ms-transform: rotate(15deg)
}
#single-page-slider {
	padding-top: 150px
}
#single-page-slider .carousel {
	z-index: 5!important;
	color: #fff;
	text-shadow: rgba(0,0,0,.4) 0 1px 1px
}
#main-slider-page {
	min-height: 350px;
	z-index: 2!important
}
#recent-works {
	padding: 90px 0
}
#recent-works .item-inner {
	position: relative;
	margin: 0
}
.portfolio-filter, .portfolio-items {
	list-style: none;
	padding: 0;
	margin: 0 -20px 20px 0
}
.portfolio-filter>li {
	display: inline-block
}
.portfolio-filter>li a.active {
	color: #FFF;
	background: #fed136;
	border: 2px solid #fed136
}
.portfolio-items>li {
	float: left;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.portfolio-items.col-2>li {
	width: 50%
}
.portfolio-items.col-3>li {
	width: 33%
}
.portfolio-items.col-4>li {
	width: 25%
}
.portfolio-items.col-5>li {
	width: 20%
}
.portfolio-items.col-6>li {
	width: 16%
}
.portfolio-item {
	padding: 0;
	margin: 0
}
.portfolio-item .item-inner {
	background: #fff;
	padding: 0;
	margin: 0 20px 20px 0;
	position: relative
}
.portfolio-item img {
	width: 100%
}
.portfolio-item h5 {
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
	border-bottom: 4px solid #f0f0f0;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.navbar-inverse, .portfolio-item:hover h5, .post:hover .content, .team-member:hover .team-content {
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out
}
.portfolio-item:hover h5, .post:hover .content, .team-member:hover .team-content {
	transition: all .5s ease-in-out;
	border-bottom: 4px solid #fed136
}
.portfolio-item h5:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255,255,255,0);
	border-bottom-color: #fff;
	border-width: 15px;
	margin-left: -15px
}
.portfolio-item .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: rgba(255,255,255,.9);
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s
}
.portfolio-item .overlay .preview {
	position: relative;
	top: 50%;
	display: inline-block;
	margin-top: -20px
}
.portfolio-item:hover .overlay {
	opacity: 1
}
.isotope-item {
	z-index: 2
}
.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1
}
.isotope, .isotope .isotope-item {
	-webkit-transition-duration: .8s;
	-moz-transition-duration: .8s;
	-ms-transition-duration: .8s;
	-o-transition-duration: .8s;
	transition-duration: .8s
}
.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width
}
.isotope .isotope-item {
	-webkit-transition-property: 0 opacity;
	-moz-transition-property: 0 opacity;
	-ms-transition-property: 0 opacity;
	-o-transition-property: 0 opacity;
	transition-property: transform, opacity
}
.isotope .isotope-item.no-transition, .isotope.no-transition, .isotope.no-transition .isotope-item {
	-webkit-transition-duration: 0;
	-moz-transition-duration: 0;
	-ms-transition-duration: 0;
	-o-transition-duration: 0;
	transition-duration: 0
}
.isotope.infinite-scrolling {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none
}
.project-controls {
	position: absolute;
	bottom: 0;
	left: 0
}
.project-controls span {
	position: relative;
	bottom: 70px;
	font-size: 60px;
	display: block
}
div.pp_overlay {
	z-index: 9999!important
}
#pricing-table .plan {
	border-radius: 0;
	list-style: none;
	margin: 0 0 20px;
	background: #fed136;
	text-align: center;
	padding: 30px 0
}
.img-thumbnail, .well {
	border: 0
}
#pricing-table .plan li {
	padding: 5px 0;
	color: #fff;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}
#pricing-table .plan li.plan-name {
	font-size: 24px;
	line-height: 24px;
	color: #fff;
	padding-bottom: 35px
}
#pricing-table .plan li.plan-name h3 {
	margin: 0
}
#pricing-table .plan li.plan-price {
	margin-bottom: 20px;
	background-color: rgba(0,0,0,.2)
}
#pricing-table .plan li.plan-price>div {
	display: inline-block;
	padding: 10px;
	font-size: 24px;
	width: 70px;
	height: 70px
}
#pricing-table .plan li.plan-price>div sup {
	font-size: 10px;
	line-height: 10px
}
#pricing-table .plan li.plan-price>div>small {
	display: block;
	font-size: 11px
}
#pricing-table .plan li.plan-action {
	margin-top: 25px;
	border-top: 0
}
#pricing-table .plan.featured {
	background-color: #202020
}
#title h1 {
	margin: 0;
	font-size: 36px;
	font-weight: 300
}
#meet-the-team .role {
	margin-top: 10px;
	display: block;
	font-size: 14px
}
.progress, .progress .bar {
	background: #fff;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	height: 30px;
	line-height: 30px
}
.well {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
ul.breadcrumb {
	margin: 20px 0 0;
	background: 0 0
}
ul.breadcrumb>li {
	text-shadow: none
}
ul.breadcrumb>li .divider, ul.breadcrumb>li>a {
	color: #fff
}
ul.breadcrumb>li.active {
	color: rgba(255,255,255,.7)
}
ul.tag-cloud {
	list-style: none;
	padding: 0;
	margin: 0
}
ul.tag-cloud li {
	display: inline-block;
	margin: 0 0 2px
}
.btn-social {
	border: 0;
	color: #fff;
	border-radius: 0;
	display: inline-block;
	width: 30px;
	height: 33px;
	line-height: 30px;
	text-align: center;
	padding: 0
}
.btn-social.btn-facebook {
	border: 2px solid #4f7dd4;
	color: #4f7dd4
}
.btn-social.btn-facebook:hover {
	background: #4f7dd4
}
.btn-social.btn-twitter {
	border: 2px solid #5bceff;
	color: #5bceff
}
.btn-social.btn-twitter:hover {
	background: #8eddff
}
.btn-social.btn-linkedin {
	border: 2px solid #21a6d8;
	color: #21a6d8
}
.btn-social.btn-linkedin:hover {
	background: #21a6d8
}
.btn-social.btn-google-plus {
	border: 2px solid #dc422b;
	color: #dc422b
}
.btn-social.btn-google-plus:hover {
	background: #dc422b
}
.btn-social.btn-world {
	border: 2px solid #1EA362;
	color: #1EA362
}
.btn-social.btn-world:hover {
	background: #1EA362
}
.btn-social:hover {
	color: #fff
}
.navbar-inverse {
	opacity: 0.9;
	color: #fff;
	border: none;
	transition: all .5s ease-in-out
}
.navbar-inverse .navbar-toggle {
	background-color: transparent;
	color: #fff
}
.navbar-fixed-top {
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.navbar-inverse .navbar-brand {
	font-family: Lato, sans-serif;
	font-size: 36px;
	line-height: 50px;
	color: #fff
}
.navbar-inverse .navbar-nav>li>a {
	position: relative;
	display: inline-block;
	outline: 0;
	text-decoration: none;
	text-shadow: none;
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	transition: color .3s
}
#main-slider .carousel .btn, .opaqued {
	text-shadow: rgba(0,0,0,.4) 0 1px 1px
}
.navbar-inverse .navbar-nav>li>a:focus::after, .navbar-inverse .navbar-nav>li>a:focus::before, .navbar-inverse .navbar-nav>li>a:hover::after, .navbar-inverse .navbar-nav>li>a:hover::before {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.navbar-inverse .navbar-nav>li>a::before {
	top: 0;
	display: none
}
.navbar-inverse .navbar-nav>li>a::after {
	bottom: 0
}
.navbar-inverse .navbar-nav>li>a::after, .navbar-inverse .navbar-nav>li>a::before {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background: #fff;
	content: '';
	opacity: 0;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-webkit-transition: opacity .3s 0 .3s;
	-moz-transition: opacity .3s 0 .3s;
	transition: opacity .3s transform .3s;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px)
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
	background-color: transparent
}
.navbar-inverse .navbar-nav .dropdown-menu {
	background-color: #202020;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 0;
	padding: 0;
	margin-top: 15px
}
.navbar-right .dropdown-menu {
	right: auto;
	left: 0
}
.navbar-inverse .navbar-nav .dropdown-menu>li.active>a, .navbar-inverse .navbar-nav .dropdown-menu>li:focus>a, .navbar-inverse .navbar-nav .dropdown-menu>li:hover>a {
	background-color: rgba(0,0,0,.3)
}
.navbar-inverse .navbar-nav .dropdown-menu>li:last-child>a {
	border-radius: 0 0 3px 3px
}
.navbar-inverse .navbar-nav .dropdown-menu>li.divider {
	background-color: rgba(0,0,0,.1)
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border-top: 0
}
.opaqued {
	padding: 5px 0;
	background-color: rgba(0,0,0,.6);
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.navbar-inverse.opaqued .navbar-nav .dropdown-menu {
	background-color: rgba(0,0,0,.6);
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.navbar-brand h1 {
	margin: 4px 0 0;
	font-weight: 700;
	font-size: 30px
}
.team-member:hover .img-thumbnail {
	background: #fed136
}
.team-member .img-thumbnail {
	padding: 0;
	border-radius: 0;
	margin-bottom: 0;
	overflow: hidden;
	-webkit-transition: background .3s color .3s box-shadow .3s;
	-moz-transition: background .3s color .3s box-shadow .3s;
	transition: background .3s color .3s box-shadow .3s
}
.team-content {
	background: rgba(255, 255, 255,0.9);
	padding: 15px;
	border-bottom: 4px solid #f0f0f0
}
.team-content h5 {
	font-size: 16px
}
.team-content:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255,255,255,0);
	border-bottom-color: #fff;
	border-width: 15px;
	margin-left: -15px
}
.team-image {
	position: relative;
	padding: 0
}
.team-image .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: rgba(255,255,255,.9);
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s
}
.team-image .overlay .preview {
	position: relative;
	top: 50%;
	display: inline-block;
	margin-top: -20px
}
.team-image:hover .overlay {
	opacity: 1
}
#social-media .fa-facebook {
	background-color: #3c5899
}
#social-media .fa-facebook:hover {
	background-color: #4e6fba
}
#social-media .fa-twitter {
	background-color: #29c5f6
}
#social-media .fa-twitter:hover {
	background-color: #5ad2f8
}
#social-media .fa-google-plus {
	background-color: #d13d2f
}
#social-media .fa-google-plus:hover {
	background-color: #da6459
}
#social-media .fa-pinterest {
	background-color: #c61118
}
#social-media .fa-pinterest:hover {
	background-color: #ec1e26
}
.fa-lg {
	font-size: 48px;
	height: 108px;
	width: 108px;
	line-height: 108px;
	color: #fff;
	margin: 10px;
	background-color: rgba(0,0,0,.4);
	text-align: center;
	display: inline-block!important;
	border-radius: 100%
}
.fa-md {
	font-size: 36px;
	height: 68px;
	width: 68px;
	line-height: 68px;
	color: #fff;
	margin-right: 15px;
	background-color: #fed136;
	text-align: center;
	display: block;
	box-shadow: 0 0 0 4px rgba(255,255,255,1);
	overflow: hidden;
	-webkit-transition: background .3s color .3s box-shadow .3s;
	-moz-transition: background .3s color .3s box-shadow .3s;
	transition: background .3s color .3s box-shadow .3s
}
.service-block:hover .fa-md {
	background: 0 0;
	color: #fed136;
	box-shadow: 0 0 0 4px #fed136
}
.service-block .media-heading {
	margin-bottom: 10px;
	font-size: 16px
}
.modal {
	border: 0
}
.modal#loginForm {
	width: 600px;
	margin-left: -300px
}
.modal .modal-header {
	border: 0;
	padding: 20px 20px 0
}
.modal .modal-header>h4 {
	font-weight: 300;
	font-size: 14px;
	color: #848484;
	margin: 0
}
.modal .modal-body {
	padding: 20px
}
.modal input[type=password], .modal input[type=text] {
	padding: 5px 10px;
	min-height: 30px;
	width: 130px;
	margin-right: 10px
}
.modal .fa-remove {
	color: #848484;
	position: absolute;
	right: -5px;
	top: -5px;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	display: block;
	background: #ebebeb;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	cursor: pointer
}
#bottom, #footer a, #footer-wrapper a {
	color: #bdc3c7
}
.modal button {
	margin-left: 10px;
	border: 0
}
.gap {
	margin-bottom: 5px
}
.big-gap {
	margin-bottom: 100px
}
.no-margin {
	margin: 0;
	padding: 0
}
.registration-form {
	border: 0;
	background-color: #fff;
	padding: 20px;
	display: inline-block
}
#bottom h4 {
	margin-top: 0;
	margin-bottom: 15px
}
#bottom .media-heading {
	display: block;
	font-weight: 400
}
.row>div {
	margin-bottom: 10px
}
ul.arrow, ul.arrow-double, ul.cross, ul.rss, ul.star, ul.tick, ul.unstyled {
	list-style: none;
	padding: 0;
	margin: 0
}
ul.arrow li::after, ul.arrow li::before, ul.arrow-double li::after, ul.arrow-double li::before, ul.cross li::after, ul.cross li::before, ul.rss li::after, ul.rss li::before, ul.star li::after, ul.star li::before, ul.tick li::after, ul.tick li::before {
	font-family: FontAwesome;
	font-size: 10px
}
ul.arrow li::before, ul.arrow-double li::before, ul.cross li::before, ul.rss li::before, ul.star li::before, ul.tick li::before {
	margin-right: 6px
}
ul.arrow li::before {
	content: "\f105"
}
ul.arrow-double li::before {
	content: "\f101"
}
ul.tick li::before {
	content: "\f00c"
}
ul.cross li::before {
	content: "\f00d"
}
ul.star li::before {
	content: "\f006"
}
ul.rss li::before {
	content: "\f09e"
}
#comments-list .well:after, .blog .blog-item .blog-content:after, .post .content:after {
	content: " ";
	pointer-events: none
}
#footer {
	margin-top: 40px;
	background-color: #101010;
	padding-top: 30px;
	padding-bottom: 30px;
	color: #eee;
	border-top: 1px solid #333
}
#footer ul, ul.social {
	padding: 0;
	list-style: none
}
#footer a:hover, #footer-wrapper a:hover {
	color: #fed136
}
#footer ul {
	margin: 0
}
#footer ul>li {
	display: inline-block;
	margin-left: 15px
}
ul.social {
	margin: 10px 0 0;
	display: inline-block
}
ul.social>li {
	display: inline-block;
	margin: 0 5px
}
ul.social>li>a {
	font-size: 24px;
	color: #666
}
ul.social>li>a:hover {
	color: #999
}
.box-border {
	padding: 15px
}
.accordion-group {
	background-color: #fff;
	border-top: 1px solid #f0f0f0
}
.accordion-heading .accordion-toggle {
	color: #666;
	font-weight: 700
}
.accordion-inner {
	border-top: 0
}
.blog .blog-item {
	background-color: #fff;
	margin-bottom: 40px
}
.blog .blog-item .img-blog {
	width: 100%;
	border-radius: 0;
	height: auto
}
.blog .blog-item .blog-content:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	border-color: rgba(255,255,255,0);
	border-bottom-color: #fff;
	border-width: 15px;
	margin-left: -15px
}
.blog .blog-item h3 {
	margin-top: 0
}
.blog .blog-item .entry-meta {
	font-size: 12px;
	color: #737373;
	margin-bottom: 11px
}
.blog .blog-item .entry-meta>span {
	display: inline-block;
	color: #999;
	margin-right: 10px;
	font-size: 12px
}
.blog .blog-item .entry-meta>span a {
	color: #999
}
.blog-featured-image {
	position: relative;
	padding: 0
}
.blog-featured-image .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: rgba(255,255,255,.9);
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s
}
.blog-featured-image .overlay .preview {
	position: relative;
	top: 50%;
	display: inline-block;
	margin-top: -20px
}
.blog-featured-image:hover .overlay {
	opacity: 1
}
ul.pagination>li>a {
	border: 0
}
ul.pagination>li.active>a, ul.pagination>li:hover>a {
	background-color: #222;
	color: #fff
}
textarea#message {
	padding: 10px 15px;
	height: 219px
}
.widget {
	margin-bottom: 30px
}
ul.gallery {
	list-style: none;
	padding: 0;
	margin: 0
}
ul.gallery li {
	display: block;
	width: 60px;
	padding: 0;
	margin: 0 4px 4px 0;
	float: left
}
ul.faq {
	list-style: none;
	margin: 0
}
ul.faq li {
	margin-top: 30px
}
ul.faq li:first-child, ul.faq li>div h3 {
	margin-top: 0
}
ul.faq li span.number {
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #222;
	color: #fff;
	font-size: 24px
}
ul.faq li>div {
	margin-left: 70px
}
#error {
	text-align: center;
	margin-top: 150px;
	margin-bottom: 150px
}
img.comment-avatar {
	max-width: 80px;
	height: auto
}
img.author-box-image {
	max-width: 110px;
	height: auto
}
#comments-list .well {
	position: relative;
	overflow: hidden
}
#comments-list .well:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	border-color: rgba(245,245,245,0);
	border-right-color: #f5f5f5;
	border-width: 10px;
	margin-top: -10px
}
#content-wrapper {
	padding: 0;
	z-index: 5;
	position: relative
}

#content-wrapper section {
	padding-top: 10px;
	padding-bottom: 10px
}
#footer-wrapper {
	z-index: 1;
	padding-top: 30px;
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color: #202020
}
.widget-img {
	max-width: 80px;
	height: auto
}
.about-us-widget {
	background-image: url(../images/world-map.png);
	background-size: contain
}
#search-wrapper input#search-box {
	margin-top: 15px;
	margin-bottom: 15px;
	width: 100%;
	background-color: #555;
	border-bottom: 2px solid #555;
	border-top: none;
	border-left: none;
	border-right: none;
	color: #eee;
	font-size: 14px;
	padding: 8px 5px
}
.opaqued #search-wrapper input#search-box {
	background-color: rgba(0,0,0,.4);
	border-bottom: 2px solid transparent
}
.divider-section {
	background-color: rgba(0,0,0,.8);
	position: relative;
	overflow: hidden;
	display: block;
	color: #f5f5f5
}
.divider-section a {
	color: #f5f5f5
}
.btn-outlined {
	border-radius: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	font-weight: 700;
	-webkit-box-shadow: none;
	box-shadow: none!important
}
.btn-outlined.btn-primary {
	background: 0 0;
	border: 2px solid #fed136;
	color: #fed136
}
.btn-outlined.btn-primary:active, .btn-outlined.btn-primary:hover {
	color: #FFF;
	background: #fed136;
border-color:#fed136:
}
.btn-outlined.btn-success {
	background: 0 0;
	border: 2px solid #5cb85c;
	color: #5cb85c
}
.btn-outlined.btn-success:active, .btn-outlined.btn-success:hover {
	color: #FFF;
	background: #47a447
}
.btn-outlined.btn-info {
	background: 0 0;
	border: 2px solid #5bc0de;
	color: #5bc0de
}
.btn-outlined.btn-info:active, .btn-outlined.btn-info:hover {
	color: #FFF;
	background: #39b3d7
}
.btn-outlined.btn-warning {
	background: 0 0;
	border: 2px solid #f0ad4e;
	color: #f0ad4e
}
.btn-outlined.btn-warning:active, .btn-outlined.btn-warning:hover {
	color: #FFF;
	background: #ed9c28
}
.btn-outlined.btn-danger {
	background: 0 0;
	border: 2px solid #d9534f;
	color: #d9534f
}
.btn-outlined.btn-danger:active, .btn-outlined.btn-danger:hover {
	color: #FFF;
	background: #d2322d
}
.btn-outlined.btn-white {
	background: 0 0;
	border: 2px solid #fff;
	color: #fff
}
.btn-outlined.btn-white:active, .btn-outlined.btn-white:hover {
	color: #fed136;
	background: #fff
}
.no-display {
	opacity: 0
}
.appear {
	opacity: 1;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}
.post {
	background-color: #fff;
	overflow: hidden
}
.post .content {
	position: relative;
	border-bottom: 4px solid #f0f0f0
}
.post .content:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	border-color: rgba(255,255,255,0);
	border-bottom-color: #fff;
	border-width: 15px;
	margin-left: -15px
}
.post .post-img-content {
	position: relative;
	padding: 0
}
.post .post-img-content .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: rgba(255,255,255,.9);
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s
}
.post .post-img-content .overlay .preview {
	position: relative;
	top: 50%;
	display: inline-block;
	margin-top: -20px
}
.post .post-img-content:hover .overlay {
	opacity: 1
}
.post .post-title {
	margin: 0 0 10px;
	vertical-align: bottom;
	z-index: 2;
	position: relative
}
.post .post-title b {
	background-color: rgba(51,51,51,.58);
	display: inline-block;
	margin-bottom: 5px;
	color: #FFF;
	padding: 10px 15px;
	margin-top: 5px
}
.read-more-wrapper {
	margin: 25px 0 5px;
	text-align: right
}
.stat-icon {
	font-size: 44px
}
#stats h1 {
	margin: 10px 0;
	font-size: 32px
}
#stats h3 {
	margin: 0;
	font-size: 16px
}
.tile-progress {
	background: #00a65b;
	margin-bottom: 20px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}
.tile-progress .tile-header {
	padding: 15px 20px 40px
}
.tile-progress .tile-progressbar {
	height: 4px;
	background: rgba(0,0,0,.18);
	margin: 0
}
.tile-progress .tile-footer {
	padding: 10px 20px;
	text-align: left;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	float: left;
	position: relative;
	margin-top: -30px
}
.tile-progress.tile-red {
	background-color: #fff;
	color: #202020
}
.tile-progress.tile-red .tile-footer {
	background: #f56954;
	color: #fff
}
.tile-progress.tile-cyan {
	background-color: #fff;
	color: #202020
}
.tile-progress.tile-cyan .tile-progressbar span {
	background: #202020
}
.tile-progress.tile-cyan .tile-footer {
	background: #fed136;
	color: #fff
}
.tile-progress {
	background-color: #fff;
	color: #202020
}
.tile-progress .tile-progressbar span {
	display: block;
	width: 0;
	height: 100%;
	-webkit-transition: all 1.5s cubic-bezier(.23, 1, .32, 1);
	-moz-transition: all 1.5s cubic-bezier(.23, 1, .32, 1);
	-o-transition: all 1.5s cubic-bezier(.23, 1, .32, 1);
	transition: all 1.5s cubic-bezier(.23, 1, .32, 1);
	background: #202020
}
.tile-progress .tile-footer {
	background: #303641;
	color: #fff
}
.tile-progress.tile-pink {
	background-color: #fff;
	color: #202020
}
.tile-progress.tile-pink .tile-progressbar span {
	background: #202020
}
.tile-progress.tile-pink .tile-footer {
	background: #ec3b83;
	color: #fff
}
.backstretch {
	z-index: 3!important
}
#quote-carousel .carousel-indicators {
	right: 50%;
	top: auto;
	bottom: 0;
	margin-right: -19px
}
#quote-carousel .carousel-indicators li {
	background: silver
}
#quote-carousel .carousel-indicators .active {
	background: #333
}
#quote-carousel img {
	width: 250px;
	height: 100px
}
.item blockquote {
	border-left: none;
	margin: 0;
	background-color: transparent
}
.item blockquote img {
	margin-bottom: 10px
}
.item blockquote p:before {
	content: "\f10d";
	font-family: Fontawesome;
	float: left;
	margin-right: 10px
}
.testimonial-list-item:hover blockquote {
	border-left: 4px solid #fed136
}
.quote-author-list {
	max-width: 95px;
	height: auto;
	padding: 10px 0 10px 15px;
	margin-right: 19px;
	position: relative
}

@media screen and (min-width:768px) {
#quote-carouse {
	margin-bottom: 0;
	padding: 0 40px 30px;
	margin-top: 30px
}
#main-slider .carousel, #main-slider .carousel-inner, #main-slider .carousel-inner .item, #main-slider .carousel-inner .item .container, #main-slider .carousel-inner .item .row, #main-slider .carousel-inner .item .row .col-sm-12 {
	height: auto
}
}

@media screen and (max-width:769px) {
#quote-carousel .carousel-indicators {
	bottom: -20px!important
}
#quote-carousel .carousel-indicators li {
	display: inline-block;
	margin: 0 5px;
	width: 15px;
	height: 15px
}
#quote-carousel .carousel-indicators li.active {
	margin: 0 5px;
	width: 20px;
	height: 20px
}
}
#contactform input#email, #contactform input#name, #contactform input#website, #contactform textarea#comments {
	width: 100%;
	padding: 10px 5px;
	margin-bottom: 15px;
	background-color: rgba(0,0,0,.1);
	color: #202020;
	border: none
}
.mb0, .section-inner.gap {
	margin-bottom: 0!important
}
#contactform textarea#comments {
	min-height: 150px
}
#contact h3 {
	text-transform: uppercase
}
#mapwrapper {
	width: 100%;
	height: 400px
}
.form-horizontal .control-label {
	display: none
}
#message {
	padding: 0
}
.form-control {
	padding: 10px 5px;
	background-color: rgba(0,0,0,.1);
	color: #202020;
	border: none;
	border-radius: 0
}
#preloader {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999999;
	width: 100%;
	height: 100%;
	overflow: visible
}
.section-inner {
	padding-top: 60px;
	padding-bottom: 60px
}
.navbar-header h1 {
	color: #fff;
	font-size: 24px;
	letter-spacing: 2px;
	margin: 0
}
.navbar-inverse .navbar-nav {
	margin-top: 0;
	margin-bottom: 0
}
.navbar-inverse .navbar-nav>li>a {
	letter-spacing: 1px;
	font-size: 15px;
	padding: 15px 15px 10px;
	color: #f5f5f5;
	font-weight: 400
}
.blog .blog-item .blog-content {
	padding: 60px 40px;
	position: relative;
	border-bottom: 4px solid #f0f0f0
}
.btn {
	padding: 10px 16px;
	font-size: 13px;
	letter-spacing: 2px
}
.form-control {
	height: 42px
}
.widget-title {
	margin-top: 0;
	font-size: 16px;
	margin-bottom: 30px;
	letter-spacing: 2px
}
.portfolio-item h5, .post .post-title {
	font-size: 14px;
	letter-spacing: 2px;
	font-weight: 400
}
.portfolio-item h5 {
	background: #fff;
	margin: 0 20px 0 0;
	padding: 20px 10px
}
.post .post-title {
	display: block
}
.overlay .btn-outlined.btn-primary {
	background-color: #fff;
	border-color: #fff
}
.post .content {
	padding: 25px 15px
}
.post .author {
	font-size: 10px;
	color: #737373;
	padding: 10px 0 8px;
	margin-bottom: 10px
}
.section-heading hr {
	margin: 20px auto;
	max-width: 330px;
	opacity: .9
}
.main-title {
	letter-spacing: 4px
}
#content-wrapper {
	box-shadow: none
}
.navbar-inverse .navbar-nav .dropdown-menu>li>a {
	padding: 15px;
	color: #eee;
	font-size: 12px;
	letter-spacing: 1px
}
#single-page-slider {
	min-height: 310px!important
}
#main-slider .carousel .btn {
	border: 3px solid rgba(255,255,255,.9);
	color: #fff;
	border-radius: 0;
	margin-top: 35px;
	font-size: 19px;
	font-weight: 400;
	padding: 10px 15px;
	letter-spacing: 4px
}
#testimonials-slider h4, .comments-title, .team-content h5 {
	text-transform: uppercase;
	letter-spacing: 2px
}
.backstretch:before {
	content: '';
	background-image: none!important;
	background-color: rgba(0,0,0,.4)
}
#tagWrapper {
	text-align: right;
	margin: 40px 0
}
.btn-sm, .btn-xs {
	padding: 5px 10px;
	font-size: 12px
}
.comments-title {
	margin-bottom: 60px;
	margin-top: 40px!important;
	font-size: 18px
}
.team-member .btn {
	margin-top: 10px;
	margin-bottom: 5px;
	line-height: 37px;
	height: 40px;
	width: 40px;
	padding: 0
}
.team-content h5 {
	font-weight: 400
}
#testimonials-slider p {
	font-size: 15px;
	font-style: italic;
	margin-bottom: 10px
}
#testimonials-slider h4 {
	font-weight: 400;
	font-size: 14px
}
.search-trigger {
	color: #fff;
	padding: 15px 15px 10px;
	display: block;
	line-height: 1
}

@media all and (max-width:768px) {
#content-wrapper {
	margin-bottom: 0!important
}
#footer-wrapper {
	position: relative!important
}
}