/*
Theme Name: HTML5 Rush
Theme URI: http://www.avathemes.com/HTML/HTML5Rush
Description: The 2012 default theme for HTML5 Rush
Author: MediaNovak.com
Author URI: http://www.MediaNovak.com
Version: 1.0
Tags: simple, white, minimalistic
*/

/* -----------------------------------------
   Homepage
----------------------------------------- */

body {
	background:url(images/bg-pattern.png) repeat !important;
}

.logo {
	padding-top:42px !important;
}

.facebook {
	text-indent:9999px;
	width:33px;
	height:33px;
	background:url(images/social-icons.png) no-repeat;
	background-position: 0 -35px;
	opacity: 0.4;
	transition: opacity 0.5s;
	-moz-transition: opacity 0.5s; /* Firefox 4 */
	-webkit-transition: opacity 0.5s; /* Safari and Chrome */
	-o-transition: opacity 0.5st; /* Opera */
}

.twitter {
	text-indent:9999px;
	width:33px;
	height:33px;
	margin-left:5px !important;
	margin-right:0px !important;
	background:url(images/social-icons.png) no-repeat;
	background-position: -43px -35px;
	opacity: 0.4;
	transition: opacity 0.5s;
	-moz-transition: opacity 0.5s; /* Firefox 4 */
	-webkit-transition: opacity 0.5s; /* Safari and Chrome */
	-o-transition: opacity 0.5st; /* Opera */
}

.facebook:hover, .twitter:hover {
	border-bottom:none !important;
}

.facebook:hover {
	opacity: 1;
	transition: opacity 0.5s;
	-moz-transition: opacity 0.5s; /* Firefox 4 */
	-webkit-transition: opacity 0.5s; /* Safari and Chrome */
	-o-transition: opacity 0.5st; /* Opera */
}

.twitter:hover {
	opacity: 1;
	transition: opacity 0.5s;
	-moz-transition: opacity 0.5s; /* Firefox 4 */
	-webkit-transition: opacity 0.5s; /* Safari and Chrome */
	-o-transition: opacity 0.5st; /* Opera */
}

.homepage-intro {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding: 35px 30px 30px 30px;
}

.homepage-intro h1 {
	font-family: 'BebasNeueRegular';
	font-size:26px;
	line-height:34px;
	text-align:center;
	color:#544c4c;
	margin:0;
	padding:0;
}

.homepage-intro p {
	font-family: 'sakkal_majallaregular';
	font-size:22px;
	line-height:26px;
	text-align:center;
	color:#000000;
	margin:0;
	padding:0;
}

.margin-top-30 {
	margin-top:30px !important;
}

.overflow-visible {
	overflow:visible !important;
}

.overflow-hidden {
	overflow:hidden !important;
}

.homepage-services {
	border-top:1px solid #ccc;
	margin-top:15px !important;
	padding-top:30px;
}

.service-box {
	border-right:1px #CCC solid;
	padding: 20px 10px 15px 10px !important;
	text-align:center;
	margin-bottom:30px;
}

.service-box:last-child {
	border-right:none !important;
}

.service-image-1 {
	background:url(images/branding-icon.png) no-repeat center top;
	width:100%;
	height:63px;
}

.service-image-2 {
	background: url(images/logo-design-icon.png) no-repeat center top;
	width:100%;
	height:63px;
}

.service-image-3 {
	background: url(images/print-icon.png) no-repeat center top;
	width:100%;
	height:63px;
}

.service-image-4 {
	background: url(images/copywriting-icon.png) no-repeat center top;
	width:100%;
	height:63px;
}

.service-box h2 {
	font-family: 'BebasNeueRegular';
	font-size:26px;
	line-height:34px;
	text-align:center !important;
	color:#484343;
	margin-top:12px !important;
	margin-bottom:2px !important;
	margin:0;
	padding:0;
}

.service-box p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:18px;
	text-align:center;
	color:#444444;
	margin:0;
	padding:0;
}

.carousel-works {
	width:100%;
	overflow:hidden;
}

.carousel-works  h2 {
	height:40px;
	font-family: 'BebasNeueRegular';
	font-size:24px;
	text-align:left;
	border-top:1px #CCC solid;
	border-bottom:1px #CCC solid;
	color:#4c4b4b;
	margin-top:0px !important;
	margin-bottom:2px !important;
	padding-top:8px !important;
	margin:0;
	padding:0;
}

.carousel-works h3 {
	width:100%;
	clear:both;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	text-align:left;
	color:#4c4b4b;
	margin:0;
	padding:0;
}

.carousel-works .blog-home-dates {
	margin-bottom:6px !important;
	width:100%;
	clear:both;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	line-height:16px;
	text-align:left;
	color:#ff4200;
	margin:0;
	padding:0;
}

.carousel-works p {
	width:100%;
	white-space: normal !important;
	margin-top:8px !important;
	border-top:1px #CCC solid;
	padding-top:8px !important;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	line-height:16px;
	text-align:left;
	color:#4c4b4b;
	margin:0;
	padding:0;
}

.carousel-blog-margin-top {
	margin-top:25px;
}

.footer-top p, .footer-bottom p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	color:#949393;
}

.footer-top p span, .footer-bottom p span {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	color:#c5c4c4;
}

.footer-top {
	background: #4c4b4b;
	height:100px;
}

.footer-first {
	height:40px;
	padding-top:12px !important;
	border-bottom:1px #777 solid;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#949393;
}

.footer-second {
	height:30px;
	margin-top:10px !important;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#949393;
}

.footer-first a:first-child {
	padding-left:0 !important;
}

.footer-first a {
	font-size:11px;
	padding: 0 12px 0 8px;
	color:#949393;
	transition: color 0.5s;
	-moz-transition: color 0.5s; /* Firefox 4 */
	-webkit-transition: color 0.5s; /* Safari and Chrome */
	-o-transition: color 0.5st; /* Opera */
}

.footer-first a:hover {
	font-size:11px;
	padding: 0 12px 0 8px;
	color:#fff;
	transition: color 0.5s;
	-moz-transition: color 0.5s; /* Firefox 4 */
	-webkit-transition: color 0.5s; /* Safari and Chrome */
	-o-transition: color 0.5st; /* Opera */
}

.padding-left-right {
	padding-left:30px;
	padding-right:30px;
	color:#949393 !important;
}

.footer-bottom {
	background: #313030;
	height:45px;
	padding-top:15px;
}

.footer-bottom a {
	margin-top:2px !important;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#c5c4c4;
	transition: color 0.5s;
	-moz-transition: color 0.5s; /* Firefox 4 */
	-webkit-transition: color 0.5s; /* Safari and Chrome */
	-o-transition: color 0.5st; /* Opera */
}

.footer-bottom a:hover {
	margin-top:2px !important;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	transition: color 0.5s;
	-moz-transition: color 0.5s; /* Firefox 4 */
	-webkit-transition: color 0.5s; /* Safari and Chrome */
	-o-transition: color 0.5st; /* Opera */
}

.footer-facebook a {
	width:28px;
	height:28px;
	margin-right:10px;
	background:url(images/social-icons-footer.png) no-repeat;
	text-indent:9999px;
	overflow:hidden;
	display:block;
	float:left;
	background-position: 0 0;
	transition: background-position 0.5s;
	-moz-transition: background-position 0.5s; /* Firefox 4 */
	-webkit-transition: background-position 0.5s; /* Safari and Chrome */
	-o-transition: background-position 0.5st; /* Opera */
}

.footer-twitter a {
	width:28px;
	height:28px;
	margin-right:10px;
	background:url(images/social-icons-footer.png) no-repeat;
	text-indent:9999px;
	overflow:hidden;
	display:block;
	float:left;
	background-position: -38px 0;
	transition: background-position 0.5s;
	-moz-transition: background-position 0.5s; /* Firefox 4 */
	-webkit-transition: background-position 0.5s; /* Safari and Chrome */
	-o-transition: background-position 0.5st; /* Opera */
}

.footer-vimeo a {
	width:28px;
	height:28px;
	margin-right:10px;
	background:url(images/social-icons-footer.png) no-repeat;
	text-indent:9999px;
	overflow:hidden;
	display:block;
	float:left;
	background-position: -76px 0;
	transition: background-position 0.5s;
	-moz-transition: background-position 0.5s; /* Firefox 4 */
	-webkit-transition: background-position 0.5s; /* Safari and Chrome */
	-o-transition: background-position 0.5st; /* Opera */
}

.footer-dribbble a {
	width:28px;
	height:28px;
	margin-right:10px;
	background:url(images/social-icons-footer.png) no-repeat;
	text-indent:9999px;
	overflow:hidden;
	display:block;
	float:left;
	background-position: -114px 0;
	transition: background-position 0.5s;
	-moz-transition: background-position 0.5s; /* Firefox 4 */
	-webkit-transition: background-position 0.5s; /* Safari and Chrome */
	-o-transition: background-position 0.5st; /* Opera */
}

.footer-behance a {
	width:28px;
	height:28px;
	margin-right:10px;
	background:url(images/social-icons-footer.png) no-repeat;
	text-indent:9999px;
	overflow:hidden;
	display:block;
	float:left;
	background-position: -152px 0;
	transition: background-position 0.5s;
	-moz-transition: background-position 0.5s; /* Firefox 4 */
	-webkit-transition: background-position 0.5s; /* Safari and Chrome */
	-o-transition: background-position 0.5st; /* Opera */
}

.footer-rss a {
	width:28px;
	height:28px;
	background:url(images/social-icons-footer.png) no-repeat;
	text-indent:9999px;
	overflow:hidden;
	display:block;
	float:left;
	background-position: -190px 0;
	transition: background-position 0.5s;
	-moz-transition: background-position 0.5s; /* Firefox 4 */
	-webkit-transition: background-position 0.5s; /* Safari and Chrome */
	-o-transition: background-position 0.5st; /* Opera */
}

.footer-facebook a:hover {
	width:28px;
	height:28px;
	margin-right:10px;
	background:url(images/social-icons-footer.png) no-repeat;
	text-indent:9999px;
	overflow:hidden;
	display:block;
	float:left;
	background-position: 0 -30px;
	transition: background-position 0.5s;
	-moz-transition: background-position 0.5s; /* Firefox 4 */
	-webkit-transition: background-position 0.5s; /* Safari and Chrome */
	-o-transition: background-position 0.5st; /* Opera */
}

.footer-twitter a:hover {
	width:28px;
	height:28px;
	margin-right:10px;
	background:url(images/social-icons-footer.png) no-repeat;
	text-indent:9999px;
	overflow:hidden;
	display:block;
	float:left;
	background-position: -38px -30px;
	transition: background-position 0.5s;
	-moz-transition: background-position 0.5s; /* Firefox 4 */
	-webkit-transition: background-position 0.5s; /* Safari and Chrome */
	-o-transition: background-position 0.5st; /* Opera */
}

.footer-vimeo a:hover {
	width:28px;
	height:28px;
	margin-right:10px;
	background:url(images/social-icons-footer.png) no-repeat;
	text-indent:9999px;
	overflow:hidden;
	display:block;
	float:left;
	background-position: -76px -30px;
	transition: background-position 0.5s;
	-moz-transition: background-position 0.5s; /* Firefox 4 */
	-webkit-transition: background-position 0.5s; /* Safari and Chrome */
	-o-transition: background-position 0.5st; /* Opera */
}

.footer-dribbble a:hover {
	width:28px;
	height:28px;
	margin-right:10px;
	background:url(images/social-icons-footer.png) no-repeat;
	text-indent:9999px;
	overflow:hidden;
	display:block;
	float:left;
	background-position: -114px -30px;
	transition: background-position 0.5s;
	-moz-transition: background-position 0.5s; /* Firefox 4 */
	-webkit-transition: background-position 0.5s; /* Safari and Chrome */
	-o-transition: background-position 0.5st; /* Opera */
}

.footer-behance a:hover {
	width:28px;
	height:28px;
	margin-right:10px;
	background:url(images/social-icons-footer.png) no-repeat;
	text-indent:9999px;
	overflow:hidden;
	display:block;
	float:left;
	background-position: -152px -30px;
	transition: background-position 0.5s;
	-moz-transition: background-position 0.5s; /* Firefox 4 */
	-webkit-transition: background-position 0.5s; /* Safari and Chrome */
	-o-transition: background-position 0.5st; /* Opera */
}

.footer-rss a:hover {
	width:28px;
	height:28px;
	background:url(images/social-icons-footer.png) no-repeat;
	text-indent:9999px;
	overflow:hidden;
	display:block;
	float:left;
	background-position: -190px -30px;
	transition: background-position 0.5s;
	-moz-transition: background-position 0.5s; /* Firefox 4 */
	-webkit-transition: background-position 0.5s; /* Safari and Chrome */
	-o-transition: background-position 0.5st; /* Opera */
}

.footer-margin-left {
	margin-left:25px;
}

/* -----------------------------------------
   About Us
----------------------------------------- */

.content {
	width:100%;
	height:320px;
	overflow:auto;
	float:left;
}

.row  h2 {
	height:40px;
	font-family: 'BebasNeueRegular';
	font-size:24px;
	text-align:left;
	color:#4c4b4b;
	margin-top:0px !important;
	margin-bottom:2px !important;
	padding-top:8px !important;
	margin:0;
	padding:0;
}

.content  p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	text-align:left;
	color:#222222;
	margin-bottom:20px !important;
	margin:0;
	padding:0;
}

.padding-left-20 {
	padding-left:20px !important;
}

.padding-right-20 {
	padding-right:20px !important;
}

.padding-10 {
	padding-left:10px !important;
	padding-right:10px !important;
}

.content img {
	margin-bottom:10px;
}

.content a {
	opacity:0.5;
	transition: opacity 0.5s;
	-moz-transition: opacity 0.5s; /* Firefox 4 */
	-webkit-transition: opacity 0.5s; /* Safari and Chrome */
	-o-transition: opacity 0.5st; /* Opera */
}

.content a:hover {
	opacity:1;
	transition: opacity 0.5s;
	-moz-transition: opacity 0.5s; /* Firefox 4 */
	-webkit-transition: opacity 0.5s; /* Safari and Chrome */
	-o-transition: opacity 0.5st; /* Opera */
}

.team-member-title {
	font-family:Arial, Helvetica, sans-serif;
	color: #4c4b4b;
	font-weight:normal;
	font-size:18px;
	margin:0;
	padding:0;
	padding-top: 10px;
	padding-bottom:5px;
}

.team-member-image {
	margin:0 !important;
	padding:0 !important;
	width:100% !important;
	height:200px !important;
	overflow:hidden;
	border-bottom:3px #CCC solid;
	transition: border-bottom 0.5s;
	-moz-transition: border-bottom 0.5s; /* Firefox 4 */
	-webkit-transition: border-bottom 0.5s; /* Safari and Chrome */
	-o-transition: border-bottom 0.5st; /* Opera */
}

.team-member-image:hover {
	margin:0 !important;
	padding:0 !important;
	width:100% !important;
	height:200px !important;
	overflow:hidden;
	border-bottom:3px #ff4200 solid;
	transition: border-bottom 0.5s;
	-moz-transition: border-bottom 0.5s; /* Firefox 4 */
	-webkit-transition: border-bottom 0.5s; /* Safari and Chrome */
	-o-transition: border-bottom 0.5st; /* Opera */
}

team-member-title {
	font-family:Arial, Helvetica, sans-serif;
	color: #4c4b4b;
	font-weight:normal;
	font-size:18px;
	margin:0;
	padding:0;
	padding-top: 10px;
	padding-bottom:5px;
}

.team-member-position {
	font-family:Arial, Helvetica, sans-serif;
	color: #6a6868;
	font-weight:normal;
	font-size:14px;
	margin:0;
	padding:0;
	padding-bottom:10px;
}

.team-member-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	text-align:left;
	color:#333;
	margin:0;
	padding:0;
}

.team-social-profiles {
	margin-top:20px;
	border-top:1px dotted #999;
	padding-top:10px;
}

.facebook-team a {
	width:28px;
	height:28px;
	margin-right:10px;
	background:url(images/social-icons-footer.png) no-repeat;
	text-indent:9999px;
	overflow:hidden;
	display:block;
	float:left;
	background-position: 0 0;
	transition: background-position 0.5s;
	-moz-transition: background-position 0.5s; /* Firefox 4 */
	-webkit-transition: background-position 0.5s; /* Safari and Chrome */
	-o-transition: background-position 0.5st; /* Opera */
}

.twitter-team a {
	width:28px;
	height:28px;
	margin-right:10px;
	background:url(images/social-icons-footer.png) no-repeat;
	text-indent:9999px;
	overflow:hidden;
	display:block;
	float:left;
	background-position: -38px 0;
	transition: background-position 0.5s;
	-moz-transition: background-position 0.5s; /* Firefox 4 */
	-webkit-transition: background-position 0.5s; /* Safari and Chrome */
	-o-transition: background-position 0.5st; /* Opera */
}

.dribbble-team a {
	width:28px;
	height:28px;
	margin-right:10px;
	background:url(images/social-icons-footer.png) no-repeat;
	text-indent:9999px;
	overflow:hidden;
	display:block;
	float:left;
	background-position: -114px 0;
	transition: background-position 0.5s;
	-moz-transition: background-position 0.5s; /* Firefox 4 */
	-webkit-transition: background-position 0.5s; /* Safari and Chrome */
	-o-transition: background-position 0.5st; /* Opera */
}

.behance-team a {
	width:28px;
	height:28px;
	margin-right:10px;
	background:url(images/social-icons-footer.png) no-repeat;
	text-indent:9999px;
	overflow:hidden;
	display:block;
	float:left;
	background-position: -152px 0;
	transition: background-position 0.5s;
	-moz-transition: background-position 0.5s; /* Firefox 4 */
	-webkit-transition: background-position 0.5s; /* Safari and Chrome */
	-o-transition: background-position 0.5st; /* Opera */
}

.facebook-team a:hover {
	width:28px;
	height:28px;
	margin-right:10px;
	background:url(images/social-icons-footer.png) no-repeat;
	text-indent:9999px;
	overflow:hidden;
	display:block;
	float:left;
	background-position: 0 -30px;
	transition: background-position 0.5s;
	-moz-transition: background-position 0.5s; /* Firefox 4 */
	-webkit-transition: background-position 0.5s; /* Safari and Chrome */
	-o-transition: background-position 0.5st; /* Opera */
}

.twitter-team a:hover {
	width:28px;
	height:28px;
	margin-right:10px;
	background:url(images/social-icons-footer.png) no-repeat;
	text-indent:9999px;
	overflow:hidden;
	display:block;
	float:left;
	background-position: -38px -30px;
	transition: background-position 0.5s;
	-moz-transition: background-position 0.5s; /* Firefox 4 */
	-webkit-transition: background-position 0.5s; /* Safari and Chrome */
	-o-transition: background-position 0.5st; /* Opera */
}

.dribbble-team a:hover {
	width:28px;
	height:28px;
	margin-right:10px;
	background:url(images/social-icons-footer.png) no-repeat;
	text-indent:9999px;
	overflow:hidden;
	display:block;
	float:left;
	background-position: -114px -30px;
	transition: background-position 0.5s;
	-moz-transition: background-position 0.5s; /* Firefox 4 */
	-webkit-transition: background-position 0.5s; /* Safari and Chrome */
	-o-transition: background-position 0.5st; /* Opera */
}

.behance-team a:hover {
	width:28px;
	height:28px;
	margin-right:10px;
	background:url(images/social-icons-footer.png) no-repeat;
	text-indent:9999px;
	overflow:hidden;
	display:block;
	float:left;
	background-position: -152px -30px;
	transition: background-position 0.5s;
	-moz-transition: background-position 0.5s; /* Firefox 4 */
	-webkit-transition: background-position 0.5s; /* Safari and Chrome */
	-o-transition: background-position 0.5st; /* Opera */
}

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

.team-members {
	float:left;
}

/* -----------------------------------------
   Work
----------------------------------------- */

h2.work {
	height:40px;
	font-family: 'BebasNeueRegular';
	font-size:24px;
	text-align:left;
	border-top:1px #CCC solid;
	border-bottom:1px #CCC solid;
	color:#4c4b4b;
	margin-top:0px !important;
	margin-bottom:2px !important;
	padding-top:9px !important;
	margin:0;
	padding:0;
}

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

h4.project-title {
	font-family:Arial, Helvetica, sans-serif;
	color: #4c4b4b;
	font-weight:normal;
	font-size:14px;
	margin:0 !important;
	padding:0;
	padding-left:15px;
	height:20px !important;
	width:100%;
	background: url(images/arrow-small.png) 0 3px no-repeat;
}

h4.project-title a {
	color: #4c4b4b;
	transition: color 0.5s;
	-moz-transition: color 0.5s; /* Firefox 4 */
	-webkit-transition: color 0.5s; /* Safari and Chrome */
	-o-transition: color 0.5st; /* Opera */
}

h4.project-title a:hover {
	color: #ff4200;
	transition: color 0.5s;
	-moz-transition: color 0.5s; /* Firefox 4 */
	-webkit-transition: color 0.5s; /* Safari and Chrome */
	-o-transition: color 0.5st; /* Opera */
}

/* -----------------------------------------
   Blog Layout One - Two Columns
----------------------------------------- */

.blog-two-columns .blog-post {
	width:100%;
}

.date {
	font-family:Arial, Helvetica, sans-serif;
	color: #4c4b4b;
	font-weight:normal;
	font-size:12px !important;
	margin:0;
	padding:0;
	width:100%;
	height:20px;
	padding-left:25px;
	padding-top:5px;
	margin-bottom:10px;
	background:url(images/clock-time.png) no-repeat left;
}

.blog-post h2 a {
	float:left;
	font-family: 'BebasNeueRegular';
	color: #4c4b4b;
	font-weight:normal;
	font-size:24px;
	padding:0;
	margin-top:10px;
	margin-bottom:5px;
	width:100%;
	clear:both;
	position:relative;
	transition: color 0.5s;
	-moz-transition: color 0.5s; /* Firefox 4 */
	-webkit-transition: color 0.5s; /* Safari and Chrome */
	-o-transition: color 0.5st; /* Opera */
}

.blog-post h2 a:hover {
	color: #ff4200;
	transition: color 0.5s;
	-moz-transition: color 0.5s; /* Firefox 4 */
	-webkit-transition: color 0.5s; /* Safari and Chrome */
	-o-transition: color 0.5st; /* Opera */
}

.categories {
	float:left;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	color: #4c4b4b;
	font-weight:normal;
	font-size:12px !important;
	width:100%;
	height:30px;
	padding-left:25px;
	margin-bottom:10px;
	border-top:1px #CCC solid;
	border-bottom:1px #CCC solid;
	background:url(images/categories.png) no-repeat left;
}

.categories p {
	float:left;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	color: #4c4b4b;
	font-weight:normal;
	font-size:12px !important;
	padding-top:5px;
	margin:0;
}

.blog-details {
   width: 100%;
   height: 200px;
   float: left;
   margin-bottom:5px;
   overflow: hidden;
   position: relative;
   text-align: center;
}

.facebook-post a {
	width:20px;
	height:30px;
	margin-left:5px;
	float:right;
	background:url(images/facebook.png) 0 4px no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

.twitter-post a {
	width:24px;
	height:30px;
	float:right;
	background:url(images/twitter.png)  0 1px no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

.blog-post p {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
}

.blog-post .read-more {
	float:left;
	width:100%;
	height:22px;
	text-align:left;
	padding-top:4px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	border-top:1px #CCC solid;
	border-bottom:1px #CCC solid;
	background:url(images/read-more-img.png) right no-repeat;
}

.read-more a {
	width:100%;
	color:#666666 !important;
	transition: color 0.5s;
	-moz-transition: color 0.5s; /* Firefox 4 */
	-webkit-transition: color 0.5s; /* Safari and Chrome */
	-o-transition: color 0.5st; /* Opera */
}

.read-more a:hover {
	width:100%;
	color:#ff4200 !important;
	transition: color 0.5s;
	-moz-transition: color 0.5s; /* Firefox 4 */
	-webkit-transition: color 0.5s; /* Safari and Chrome */
	-o-transition: color 0.5st; /* Opera */
}

.blog-sidebar {
	margin:0;
	padding:0;
	padding-left:40px !important;
}

.blog-sidebar h3 {
	float:left;
	font-family: 'BebasNeueRegular';
	color: #4c4b4b;
	font-weight:normal;
	font-size:24px;
	padding:0;
	padding-bottom:4px;
	margin-bottom:0;
	margin-top:0;
	width:100%;
	clear:both;
	position:relative;
	border-bottom:1px #CCC solid;
}

.sidebar-list a {
	width:100%;
	height:30px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	color: #4c4b4b;
	font-weight:normal;
	font-size:14px;
	padding-top:8px;
	border-bottom:1px #ddd dotted;
	padding-left:45px;
	background:url(images/categories-list.png) no-repeat;
	background-position: 0 0;
	transition: background-position 0.5s;
	-moz-transition: background-position 0.5s; /* Firefox 4 */
	-webkit-transition: background-position 0.5s; /* Safari and Chrome */
	-o-transition: background-position 0.5st; /* Opera */
}

.sidebar-list a:hover {
	background-position: 0 -30px;
	transition: background-position 0.3s;
	-moz-transition: background-position 0.3s; /* Firefox 4 */
	-webkit-transition: background-position 0.3s; /* Safari and Chrome */
	-o-transition: background-position 0.3st; /* Opera */
}

.popular-blog-post {
	width:100%;
	float:left;
	margin-top:15px;
}

.popular-post-image a {
	width:70px;
	height:70px;
	float:left;
	margin-right:10px;
	border: 2px solid #ccc;
	transition: border 0.5s;
	-moz-transition: border 0.5s; /* Firefox 4 */
	-webkit-transition: border 0.5s; /* Safari and Chrome */
	-o-transition: border 0.5st; /* Opera */
}

.popular-post-image a:hover {
	width:70px;
	height:70px;
	float:left;
	border: 2px solid #ff4200;
	transition: border 0.5s;
	-moz-transition: border 0.5s; /* Firefox 4 */
	-webkit-transition: border 0.5s; /* Safari and Chrome */
	-o-transition: border 0.5st; /* Opera */
}

h4.popular-post-title {
	float:left;
	width:100%;
	font-family: 'BebasNeueRegular';
	color: #4c4b4b;
	font-weight:normal;
	font-size:18px;
	padding:0;
	padding-bottom:4px;
	margin-bottom:0;
	margin-top:0;
	position:relative;
}

.popular-post-title a {
	color: #4c4b4b;
	transition: color 0.5s;
	-moz-transition: color 0.5s; /* Firefox 4 */
	-webkit-transition: color 0.5s; /* Safari and Chrome */
	-o-transition: color 0.5st; /* Opera */
}

.popular-post-title a:hover {
	color: #ff4200;
	transition: color 0.5s;
	-moz-transition: color 0.5s; /* Firefox 4 */
	-webkit-transition: color 0.5s; /* Safari and Chrome */
	-o-transition: color 0.5st; /* Opera */
}

.popular-post-description {
	font-family:Arial, Helvetica, sans-serif;
	color: #4c4b4b;
	font-weight:normal;
	font-size:12px !important;
	margin:0;
	padding:0;
	line-height:18px;
}

.pagination {
	float:left;
	width:100%;
	border-top:1px #ccc solid;
	padding-top: 15px;
	padding-bottom:10px;
	height:30px;
	margin-bottom:30px;
}

.pagination-number a {
	float:left;
	width:21px;
	height:21px;
	color:#fff;
	border:1px #ff4200 solid;
	background: #ff4200;
	padding:5px 5px 5px 6px;
	margin-right:2px;
	font-size:11px;
	transition: color 0.5s;
	-moz-transition: color 0.5s; /* Firefox 4 */
	-webkit-transition: color 0.5s; /* Safari and Chrome */
	-o-transition: color 0.5st; /* Opera */
	transition: background 0.5s;
	-moz-transition: background 0.5s; /* Firefox 4 */
	-webkit-transition: background 0.5s; /* Safari and Chrome */
	-o-transition: background 0.5st; /* Opera */
}

.pagination-number a:hover {
	float:left;
	width:21px;
	height:21px;
	border:1px #ff4200 solid;
	background: #fff;
	padding:5px 5px 5px 6px;
	margin-right:2px;
	font-size:11px;
	transition: color 0.5s;
	-moz-transition: color 0.5s; /* Firefox 4 */
	-webkit-transition: color 0.5s; /* Safari and Chrome */
	-o-transition: color 0.5st; /* Opera */
	transition: background 0.5s;
	-moz-transition: background 0.5s; /* Firefox 4 */
	-webkit-transition: background 0.5s; /* Safari and Chrome */
	-o-transition: background 0.5st; /* Opera */
}

/* -----------------------------------------
   Elements
----------------------------------------- */

.elements p {
	line-height:18px;
	font-size:12px;
	margin-bottom:30px;
}

.dropcap-1 {
	background-color: #ff4200;
	border-radius: 2px 2px 2px 2px;
	color: white;
	display: block;
	float: left;
	font-size: 26px;
	line-height: 32px;
	margin: 6px 8px 0 0;
	padding: 5px 0;
	text-align: center;
	width: 44px;
}

.dropcap-2 {
	background-color: #ff4200;
	border-radius: 55px 55px 55px 55px;
	color: white;
	display: block;
	float: left;
	font-size: 26px;
	line-height: 44px;
	margin: 6px 8px 0 0;
	text-align: center;
	width: 44px;
}

.dropcap-3 {
	float: left;
	font-size: 53px;
	line-height: 50px;
	color: #ff4200;
	margin: 0 8px 0 0;
	font-weight: bold;
}

.dropcap-4 {
	background-color: #4c4b4b;
	border-radius: 2px 2px 2px 2px;
	color: white;
	display: block;
	float: left;
	font-size: 26px;
	line-height: 32px;
	margin: 6px 8px 0 0;
	padding: 5px 0;
	text-align: center;
	width: 44px;
}

.dropcap-5 {
	background-color: #4c4b4b;
	border-radius: 55px 55px 55px 55px;
	color: white;
	display: block;
	float: left;
	font-size: 26px;
	line-height: 44px;
	margin: 6px 8px 0 0;
	text-align: center;
	width: 44px;
}

.dropcap-6 {
	float: left;
	font-size: 53px;
	line-height: 50px;
	color: #4c4b4b;
	margin: 0 8px 0 0;
	font-weight: bold;
}

.dropcap-7 {
	border-radius: 2px 2px 2px 2px;
	color: #4c4b4b;
	display: block;
	float: left;
	font-size: 26px;
	line-height: 32px;
	margin: 6px 8px 0 0;
	padding: 5px 0;
	text-align: center;
	width: 44px;
	border:#ff4200 1px solid;
}

.dropcap-8 {
	border-radius: 55px 55px 55px 55px;
	color: #4c4b4b;
	display: block;
	float: left;
	font-size: 26px;
	line-height: 44px;
	margin: 6px 8px 0 0;
	text-align: center;
	width: 44px;
	border:#ff4200 1px solid;
}

.dropcap-9 {
	border-radius: 2px 2px 2px 2px;
	float: left;
	width: 40px;
	text-align:center;
	font-size: 53px;
	line-height: 50px;
	color: #4c4b4b;
	margin: 0 8px 0 0;
	padding-left:5px;
	font-weight: bold;
	border-left:#ff4200 1px solid;
}

.elements h2 {
	width:100% !;
	float:left !important;
}

/* -----------------------------------------
   Full Width
----------------------------------------- */

.fullwidth img {
	border:2px solid #ff4200;
}

.fullwidth-border-top {
	margin-top:20px !important;
	margin-bottom:30px !important;
	padding-top:20px;
	border-top: 1px solid #999;
}

.fullwidth-border-top h2 {
	width:100%;
	float:left;
}

.fullwidth-border-top p {
	width:100%;
	float:left;
}

/* -----------------------------------------
   Contact
----------------------------------------- */

.fullwidth-border-top h2 {
	width:100%;
	float:left;
}

.fullwidth-border-top p {
	width:100%;
	float:left;
}

.google-maps {
	margin-bottom:20px !important;
}

/* -----------------------------------------
   MediaQueries
----------------------------------------- */

@media only screen and (max-width: 767px) {
	.logo {
		text-align:center;
		margin-bottom:20px;
	}
	
	.service-box {
		border-right: none;
		padding: 20px 10px 15px 10px !important;
		text-align:center;
		margin-bottom:30px;
	}
	
	.service-box:first-child {
		border-right: 1px #CCC solid;
		padding: 20px 10px 15px 10px !important;
		text-align:center;
		margin-bottom:30px;
	}
	
	.service-box:last-child {
		border-left:1px #CCC solid;
		border-right:none !important;
	}
	
	select.responsive-nav  {
		display: block;
		background:none;
		background-image: url(images/responsive-nav-bg.png);
		background-position: center right;
		background-repeat: no-repeat;
		width: 100%;
		margin-bottom:20px;
		border: 1px solid #ccc;
		height:30px;
	}
	
	select {
	  -webkit-appearance: button;
	  -webkit-border-radius: 2px;
	  -webkit-padding-end: 20px;
	  -webkit-padding-start: 2px;
	  -webkit-user-select: none;
	  background-position: center right;
	  background-repeat: no-repeat;
	  border: 1px solid #AAA;
	  color: #555;
	  font-size: inherit;
	  margin: 0;
	  overflow: hidden;
	  padding-top: 2px;
	  padding-bottom: 2px;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	}
	
	.footer-first {
		height:50px;
		padding-top:0px !important;
		border-bottom:1px #777 solid;
		text-transform:uppercase;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		color:#949393;
	}
	
	.footer-first select.responsive-nav  {
		margin-top:10px;
		display: block;
		background: #555;
		color:#FFF;
		background-image: url(images/responsive-nav-bg-white.png);
		background-position: center right;
		background-repeat: no-repeat;
		width: 100%;
		border: 1px solid #444 !important;
		height:30px;
	}
	
	.padding-right-20 {
		padding-right:0px !important;
		margin-bottom:30px;
	}
	
	.padding-10 {
		padding-left:0 !important;
		padding-right:0 !important;
		margin-bottom:30px;
	}
	
	.padding-left-20 {
		padding-left:0 !important;
		margin-bottom:30px;
	}
	
	.blog-sidebar {
		margin:0;
		padding:0;
		padding-left:0 !important;
		margin-bottom:30px;
	}
}

@media only screen and (max-width: 1024px) {
	.row { width: auto; min-width: 0; padding-left: 10px !important; padding-right: 10px !important; }
}