.jnoe {	max-width: 100%;height: auto; }

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

	Table of Content

------------------------------------------------------------------- 



	34		#Reset & Basics

	62		#Basic Styles

	79		#Typography

	116		#Links

	124		#Images

	133		#Forms

	187		#General

	205		#Social Icons

	228		#Boxed Layout

	264		#Header

	301		#Navigation

	371		#Page Title

	405		#Intro

	425		#Services

	478		#Portfolio

	604		#Testimonials

	623		#Team

	663		#Quotes

	684		#Video

	703		#Skill Bars

	729		#Tabs

	760		#Accordion

	793		#Dropcap

	809		#Alert Boxes

	855		#404

	864		#Pricing Tables

	912		#Lists

	945		#Blog

	1099	#Buttons

	1125	#Clients

	1145	#Contact

	1180	#Icons

	1190	#Footer

	1262	#Scroll to top

	1293	#Carousel

	*/



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

	#Reset & Basics

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



	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

		margin: 0;

		padding: 0;

		border: 0;

		font-size: 100%;

		font: inherit;

		vertical-align: baseline; }

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

		display: block; }

	body {

		line-height: 1; }

	ol, ul {

		list-style: none; }

	blockquote, q {

		quotes: none; }

	blockquote:before, blockquote:after,

	q:before, q:after {

		content: '';

		content: none; }

	table {

		border-collapse: collapse;

		border-spacing: 0; }





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

	#Basic Styles

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



	body {

		font: 13px/20px 'Open Sans', sans-serif;

		font-weight: 400;

		color: #444;

		background-color: #fff;

		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */

		-webkit-text-size-adjust: 100%; }





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

	#Typography

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

	h1, h2, h3, h4, h5, h6 {

		color: #0b0b0b;

		font-family: 'Open Sans', sans-serif;

		font-weight: 600;

		line-height: 1.5; }

	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }

	h1 { font-size: 30px; margin-bottom: 14px;}

	h2 { font-size: 24px; margin-bottom: 10px; }

	h3 { font-size: 20px; margin-bottom: 8px; }

	h4 { font-size: 16px; margin-bottom: 4px; }

	h5 { font-size: 14px; }

	h6 { font-size: 12px; }



	p { margin: 0 0 20px 0; }

	p img { margin: 0; }

	p.lead { font-size: 21px; line-height: 27px; color: #777;  }



	em { font-style: italic; }

	strong { font-weight: bold; }

	small { font-size: 80%; }



	/*  Blockquotes  */

	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }

	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }

	blockquote cite { display: block; font-size: 12px; color: #555; }

	blockquote cite:before { content: "\2014 \0020"; }

	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }



	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }



	::-moz-selection { color: #fff;}

	::selection { color: #fff; }





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

	#Links

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



	a, a:visited {text-decoration: none; outline: 0; }

	p a, p a:visited { line-height: inherit; }





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

	#Images

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



	img.scale-with-grid {

		max-width: 100%;

		height: auto; }





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

	#Forms

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



	form {

		margin-bottom: 20px; }

	fieldset {

		margin-bottom: 20px; }

	input[type="text"],

	input[type="password"],

	input[type="email"],

	textarea,

	select {

		-webkit-box-sizing: border-box;

		-moz-box-sizing: border-box;

		box-sizing: border-box;

		border: 1px solid #888;

		border-radius: 3px;

		padding: 8px;

		margin-bottom: 20px;

		outline: none;

		font-family: 'Open Sans', sans-serif;

		font-size: 14px;

		color: #444;

		width: 100%;

		max-width: 100%;

		display: block;

		background: #f7f7f7;

		overflow: hidden; }

	select {

		padding: 0; }

	input[type="text"]:focus,

	input[type="password"]:focus,

	input[type="email"]:focus,

	textarea:focus {

		-webkit-transition: all 0.2s ease-in-out;

		-moz-transition: all 0.2s ease-in-out;

		transition: all 0.2s ease-in-out;

		border: 1px solid;

		box-shadow: 0 2px 4px rgba(71,107,241,0.3);

		background: #FFF; }

	textarea {

		min-height: 60px; }

	select {

		width: 220px; }

	input[type="checkbox"] {

		display: inline; }

	label span,

	legend span {

		font-weight: normal;

		font-size: 13px;

		color: #444; }





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

  #General

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



	section { margin-bottom: 50px; }



	.subtitle { 

		border-bottom: 1px solid #999;

		padding-bottom: 6px;

		margin-bottom: 20px; }



	.wide {

		width: 100%;

		background: #fff; }

	.element-wrap {	margin-bottom: 50px; }

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

	#Social Icons

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

.social { float: right; }
.social li { display: inline-block; }

.social li a {
display: inline-block;
width: 32px;
height: 32px; }
.social li a.facebook { background: url(../images/icons/social32-white.png) 0 0; }

.social li a.twitter { background: url(../images/icons/social32-white.png) -32px 0; }

.social li a.linkedin { background: url(../images/icons/social32-white.png) -64px 0; }

.social li a.youtube { background: url(../images/icons/social32-white.png) -64px 0; }

.social li a.behance { background: url(../images/icons/social32-white.png) -288px 0; }

.social li a.dribble { background: url(../images/icons/social32-white.png) -384px 0; }

/*#Boxed Layout */
.boxed {
box-shadow: 0 0 6px rgba(0,0,0,0.6);
border-radius: 3px;
background: #fff;
margin: 20px auto; }
.boxed header .header-top { 
border: 1px solid #3d3b3c;
border-radius: 3px 3px 0 0; }
.boxed footer .footer-bottom { 
border: 1px solid #111;
border-radius: 0 0 3px 3px; }
@media only screen and (max-width: 1024px) {
.boxed {
width:100%;
margin:0; }
.boxed header .header-top,
.boxed header .sticky,
.boxed footer .footer-bottom {
width: 100%;
border: none;
border-radius: 0; }
}
/*#Header */
	header {
	width: 100%;
}

	.header-nav { background: #fff;	}

	.sticky {

	box-shadow: 0 0 3px rgba(0,0,0,0.6);

	width: 100%;

	position: fixed;

	z-index: 9999;

	top: 0;

}
	.header-top {
	padding-top: 5px;
	width: 100%;
	color: #fff;
	background-color: #990302;
	height: 50px;
	padding-bottom: 5px;	
}

	.header-top2 {
	padding-top: 0px;
	width: 100%;
	color: #fff;
	background-color: #a4a4a4;
	padding-bottom: 10px;
}

	.header-top3 {
	padding-top: 0px;
	width: 100%;
	color: #fff;
	background-color: #a30504;
	height: 30px;

}
.header-contact {
	text-align: center;
	float: left;
	padding-top: 8px; }
.header-contact span {
	font-size: 14px;
	margin-right: 8px; }
.header-contact span i { margin-right: 8px; }

	.logo {
	text-align: center;
	background-position: center;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
/*#Navigation- */

	#nav {

	position: relative;

	z-index: 999;

	padding-left: 62px;

}



	#nav:after {

		clear: both;

		content: "";

		display: block; }



	#nav li { 

		transition: all 0.2s ease-in-out;

		-webkit-transition: all 0.2s ease-in-out;

		-moz-transition: all 0.2s ease-in-out;

		float: left; }



	#nav li:hover a { 

		color: #fff; }



	#nav li a {

	display: block;

	font-size: 14px;

	color: #FFFFFF;

	/* border-bottom: 3px solid #fff;*/

	transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	padding-top: 15px;

	padding-right: 14px;

	padding-bottom: 15px;

	padding-left: 14px;

}



	#nav li a.active {

		background: #f7f7f7;

		border-bottom: 3px solid; }



	#nav li:hover a.active { border-bottom: 3px solid #fff; }



	#nav li a:hover { color: #fff; }



	#nav li ul { display: none;	}



	#nav li:hover > ul { display: block; }



	#nav ul { 

		position: absolute;

		top: 100%; }



	#nav ul li { 

		background: #000;

		background: rgba(0,0,0,0.7);

		position: relative;

		float: none; }



	#nav ul li a {

		width: 170px;

		padding: 6px 0 6px 10px;

		margin-bottom: 2px;

		border-bottom: none;

		font-size: 13px; }



	#nav ul ul {

		position: absolute;

		left: 100%;

		top:0; }



	#nav ul ul li {

		float: none;

		margin-left: 2px;

		position: relative; }



	.nav-arrow:after {

		position: absolute;

		right: 10px;

		content: "\f054";

		font-family: FontAwesome;

		font-size: 12px; }



	.selectnav { 

		display: none;

		margin: 15px auto 25px;

		width: 320px; }



	@media screen and (max-width: 767px) {

		.js #nav { display: none; }

		.js .selectnav { 

			display: block; }

		.logo { float: none; }

		.header-contact { float: none; }

		.header-top { padding-bottom: 8px; }

		.header-top ul { display: none; }

	}





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

	#Page Title

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



	.page-title {

	padding: 20px 0;

	color: #fafafa;

	background-color: #818181;

}



	.page-title h1 { 

		font-size: 26px;

		line-height: 1.2;

		margin-bottom: 4px;

		font-weight: 400;

		color: #fff; }



	.breadcrumbs li { 

		display: inline;

		margin-right: 5px; }



	.breadcrumbs li a {

		margin-right: 7px;

		color: #fff;

		font-weight: 600; }



	.crumb:after {

		content: "\f054";

		font-family: FontAwesome;

		font-weight: normal;

		text-decoration: inherit;

		font-size: 10px;

		color: #aaa; }





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

	#Intro

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



	.intro {

	color: #fff;

	position: relative;

	padding: 30px 0;

	margin-bottom: 50px;

	background: #3d3b3c;

	background-color: #818181;

}



	.intro h2 {

		margin-bottom: 0;

		color: #fff; }



	.intro .button {

		margin-top: 20px;

		float: left; }





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

	#Services

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



	.services-wrap {

	margin-bottom: 20px;

}

	

	.services-box {

		padding: 20px;

		margin-bottom: 30px;

		background: #f9f9f9;

		box-shadow: 0 1px 2px #888;

		text-align: center;

		display: block;

		color: #444;

		border-radius: 3px;

		-webkit-transition: all 0.2s ease-in-out;

		-moz-transition: all 0.2s ease-in-out;

		transition: all 0.2s ease-in-out; }



	.services-box i  {

		font-size: 56px;

		margin-bottom: 15px;

		color: #333; }

	

	.services-box:hover {

		color: #fff;

		box-shadow: 0 6px 8px #444; }



	.services-box:hover i  { color: #fff; }

	.services-box:hover h4 { color: #fff; }



	.services-button {

		margin-bottom: 10px;

		text-align: center;

		padding: 5px 10px; }





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

	#Portfolio

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



	#portfolio-slider { margin-bottom: 20px; }



	.caption {

		width: 100%;

		height: 100%;

		color: #fff;

		position: absolute;

		top: 70%;

		-webkit-transition: all 0.2s ease-in-out;

		-moz-transition: all 0.2s ease-in-out;

		transition: all 0.2s ease-in-out;

		background: rgba(0,0,0, 0.6); }



	#filter { margin-bottom: 30px; }



	#filter li { 

		height: 26px;

		margin-right: 5px;

		margin-bottom: 8px;

		display: inline-block; }



	#filter li a {

		background: #555;

		color: #fff;

		padding: 5px 8px; }



	.item {

	border-radius: 3px;

	margin-bottom: 30px;

	padding-bottom: 2px;

	background: #f9f9f9;

	text-align: center;

	box-shadow: 0 1px 2px #080808;

	-webkit-transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	transition: all 0.2s ease-in-out;

}



	@media only screen and (max-width: 767px) {

		.item { margin: 0 6px 30px; }

	}



	.item a { 

		display: block;

		width: 100%;

		height: 100%;

		color: #666; }



	.item h5 { 

		padding-top: 12px;

		font-size: 16px; }



	.item:hover {

		color: #fff;

		box-shadow: 0 6px 8px #080808; }



	.item:hover a,

	.item:hover h5 { color: #fff; }



	.overlay {

		margin: 0;

		height: auto;

		overflow: hidden;

		position: relative; }



	.overlay .caption {

	border-radius: 3px 3px 0 0;

	text-align: center;

	width: 100%;

	height: 100%;

	position: absolute;

	overflow: hidden;

	top: 0;

	left: 1px;

	opacity: 0;

	filter: alpha(opacity=0);

	background-color: #000;

	background-color: rgba(0,0,0,0.3);

}



	.overlay .caption .icon-wrap { 

		position: absolute;

		width: 60px;

		height: 60px;

		top: 50%;

		left: 50%;

		margin: -30px 0 0 -30px;

		font-size: 20px;

		background-color: #000;

		filter: alpha(opacity=0);

		background-color: rgba(0,0,0,0.6);

		border-radius: 30px; }



	.overlay .caption .icon-wrap i { line-height: 60px; }



	.overlay:hover .caption {

		opacity:1;

		filter: alpha(opacity=30);

		-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; }



	.overlay:hover .caption .icon-wrap { filter: alpha(opacity=60); }



	.overlay img { 

		border-radius: 3px 3px 0 0;

		vertical-align: bottom; }





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

	#Testimonials

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



	.testimonials {

		background: #f9f9f9;

		padding: 10px;

		border: 1px solid #ddd;

		border-radius: 4px; }



	.testimonials img {

		float: left;

		margin: 0 10px 10px 0;	}



	.testimonials span { 

		float: right;

		padding-right: 10px; }





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

	#Team

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



	.team-member { text-align: center; }



	.team-member h4 {

		font-size: 20px;

		line-height: 1.2;

		font-weight: 400; }	



	.team-member img { margin-bottom: 10px; }

	.team-member span { color: #666; }

	.team-member p { text-align: left; }



	.team-social {

		border-top: 1px solid #888;

		border-bottom: 1px solid #888;

		margin: 15px 0;

		padding-top: 5px; }



	.team-social li { display: inline-block; }



	.team-social li a {

		display: inline-block;

		width: 32px;

		height: 32px;

		opacity: 0.5;

		filter: alpha(opacity=50); }



	.team-social li a:hover { 

		opacity: 1;

		filter: alpha(opacity=100); }



	.team-social li a.facebook { background: url(../images/icons/social32.png) 0 0; }

	.team-social li a.twitter { background: url(../images/icons/social32.png) -32px 0; }

	.team-social li a.linkedin { background: url(../images/icons/social32.png) -64px 0; }

	.team-social li a.vimeo { background: url(../images/icons/social32.png) -72px 0; }

	.team-social li a.behance { background: url(../images/icons/social32.png) -384px 0; }

	.team-social li a.dribble { background: url(../images/icons/social32.png) -512px 0; }





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

	#Quotes

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



	.quote {

		background: #f9f9f9;

		border: 1px solid #eee;     

		padding: 30px 30px 20px;

		margin-bottom: 50px;

		text-align: left; }



	.quote-text { display: block; float: left; }



	.promo-box { border-left: 4px solid; }



	.quote h2 { font-size: 20px; margin-bottom: 0; }



	.quote .button {  float: right; margin-top: 10px; }





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

	#Video

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



	.video-wrap { 

		position: relative;

		padding-bottom: 56.25%; /* 16:9 */

		padding-top: 25px;

		height: 0;

		margin-bottom: 50px; }



	.video-wrap iframe {

		width: 100%;

		height: 100%;

		position: absolute;

		top: 0;

		left: 0; }





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

	#Skill Bars

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



	.skill-title { 

		margin-bottom: 5px;

		font-size: 14px; }



	.skill-bar {

		position: relative;

		border-radius: 3px;

		border: 1px solid #ddd;

		height: 18px;

		margin-bottom: 15px; }



	.skill-line {

		position: absolute;

		top: -1px;

		left: -1px;

		height: 18px;

		border-radius: 3px 0 0 3px;

		border: 1px solid; }





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

	#Tabs

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



	.tabs-wrap { 

		margin-bottom: 20px;

		min-height: 220px; }



	.tabs li { display: inline; }



	.tabs a {

		margin-bottom: -1px;

		padding: 5px 10px;

		display: inline-block;

		color:#3d3b3c;  }



	.tabs a.active {

		background: #f9f9f9;

		border-radius: 3px 3px 0 0;

		border-top: 1px solid #ddd;

		border-right: 1px solid #ddd; 

		border-left: 1px solid #ddd;

		border-bottom: 1px solid #f9f9f9; }



	.tab {

		padding: 10px;

		border-radius: 0 3px 3px 3px;

		background: #f9f9f9;

		border: 1px solid #ddd; }





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

	#Accordion

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



	.accordion { min-height: 300px; }



	.accordion dd { padding: 0 10px 20px; }



	.accordion dt a {

		font-size: 16px;

		display: block;

		padding: 10px;

		margin-bottom: 10px;

		color: #3d3b3c;

		background: #f9f9f9;

		border: 1px solid #ddd; }



	.accordion dt a:visited { color: #3d3b3c; }



	.accordion dt a span {

		display: inline-block;

		margin-right: 10px;

		padding: 5px;

		width: 12px;

		height: 12px;

		border-radius: 3px;

		vertical-align: middle;

		background: #666 url(../images/icons/open.png) no-repeat -22px center; }



	.accordion dt a.activedt span {

		background: url(../images/icons/open.png) no-repeat 0 center; }





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

	#Dropcaps

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



	.dropcap {

		float: left;

		margin-right: 10px;

		font-size: 20px;

		line-height: 28px;

		color: #fff;

		text-align: center;

		width: 30px;

		height:30px;

		background: #666; }





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

	#Alert Boxes

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



	.notification {

		position: relative;

		margin-bottom: 20px;

		padding: 10px;

		text-align: left;

		line-height: 16px; }



	.notification i {

		display: inline-block;

		margin-right: 10px;

		width: 20px;

		text-align: center;

		font-size: 16px; }



	.notification i.close {

		position: absolute;

		top: 10px;

		right: 0; }



	.notification i.close:hover { cursor: pointer; }



	.notification.info {

		color: #3c82b4;

		background: #abdcff;

		border: 1px solid #3c82b4; }



	.notification.error {

		color: #d01c31;

		background: #ffabb5;

		border: 1px solid #d01c31; }



	.notification.sucess {

		color: #1fa622;

		background: #9cff9e;

		border: 1px solid #1fa622; }



	.notification.warning {

		color: #aba503;

		background: #fefb9f;

		border: 1px solid #aba503; }


	.page-error { text-align: center; margin-bottom: 100px; }

	.page-error h2 { font-size: 170px; }

	.page-error p  { font-size: 22px; line-height: 30px; }

/*-#Pricing Tables */

	.tables {

		border-radius: 0 0 3px 3px;

		text-align: center;

		border-left: 1px solid #555;

		border-right: 1px solid #555;

		border-bottom: 1px solid #555;

		margin-bottom: 20px; }



	.table-name h3 { 

		text-align: center;

		background: #555;

		color: #FFF;

		margin-bottom: 0;

		line-height: 60px;

		border-radius: 3px 3px 0 0; }



	.table-price {

		padding: 10px 0;

		background: #ddd; }



	.table-price h4 {

		color: #333;

		font-size: 26px;
		margin-bottom: 0; }
	.signup { padding-top: 20px; }
	.order { padding: 0 15px; }
	.order li {
	padding: 15px 0;
	border-bottom: 1px solid #ccc; }

/*	#Lists */
	.check-list li {
		position: relative;
		padding: 6px 0 6px 20px; }

	.check-list li:before {
		position: absolute;
		left: 0;
		content: "\f00c";
		font-family: FontAwesome;
		font-weight: normal;
		text-decoration: inherit;
		font-size: 13px; }
	.arrow-list li {
		position: relative;
		padding: 6px 0 6px 20px;
		border-bottom: 1px solid #DDD; }
	.arrow-list li:before {
		position: absolute;
		left: 0;
		content: "\f054";
		font-family: FontAwesome;
		font-weight: normal;
		text-decoration: inherit;
		font-size: 10px;
		color: #666; }





/*-	#Blog--- */
	.blog img { margin-bottom: 20px; }
	.widget { margin-bottom: 30px; }
	.search-form { position: relative; }
	input.search {

		height: 40px;

		color: #888;

		border: 1px solid #888;

		padding: 10px;

		width: 100%; }



	input.search:focus { color: #333; }



	.search-button {

		font-size: 16px;

		cursor: pointer;

		color: #FFF;

		width: 40px;

		height: 40px;

		position: absolute;

		top: 0;

		right: 0;

		border: 1px solid;

		border-radius: 0 3px 3px 0; }



	.tags a {

		display: inline-block;

		color: #fff;

		border-radius: 2px;

		padding: 2px 5px;

		margin: 0 2px 6px 0; }



	.author {

		color: #666;

		margin-bottom: 20px;

		padding: 10px;

		border-left: 4px solid;

		background: #f9f9f9;

		box-shadow: 0 1px 2px #aaa;

		border-radius: 3px; }



	.author img {

		float: left;

		margin: 0 10px 20px 0; }



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



	.avatar { float: left; }



	.comment-entery {

		color: #666;

		position: relative;

		margin-left: 100px;

		background: #f9f9f9;

		padding: 16px 16px 2px;

		box-shadow: 0 1px 2px #aaa;

		border-radius: 3px; }



	.comment-author {

		float: left;

		width: 100%;

		margin-bottom: 8px; }



	.comment-author .name {

		color: #444; 

		float: left;

		margin-right: 5px;

		font-size: 15px;

		font-weight: 600; }



	.comment-author .date { 

		float: left;

		color: #888; }



	.comment-author	.reply a {

		float: right;

		color: #888; }



	.comment-author	.reply a i { margin-right: 5px; }



	.arrow {

		width: 12px;

		height: 21px;

		background: url(../images/icons/arrow-left.png) no-repeat;

		position: absolute;

		left: -12px;

		top: 20px; }



	.child { margin-left: 100px; }



	@media screen and (max-width: 767px) {

		.child { margin-left: 30px; }

	}



	.meta {	margin-bottom: 15px; }



	.pagination { margin-bottom: 30px; }



	.pagination li { 

		display: inline-block; }



	.pagination li a { 

		display: block;

		background-color: #eee;

		color: #333;

		padding: 5px 10px;

		border-radius: 3px;

		-webkit-transition: all 0.2s ease-in-out;

		-moz-transition: all 0.2s ease-in-out;

		transition: all 0.2s ease-in-out; }



	.pagination li a.current,

	.pagination li a:hover { color: #fff; }



	.post img {

		margin-bottom: 10px; }



	.post,

	.medium-post {

		border-bottom: 1px solid #ccc;

		margin-bottom: 30px; }



	.medium-post img {

		margin: 0 20px 20px 0;

		width: 200px;

		height: auto;

		float: left; }



	.post h3 a,

	.medium-post h3 a {	color: inherit;	}



	.post h3,

	.medium-post h3 { margin-bottom: 0; }





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

	#Buttons

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



	.button { 

		display: inline-block;

		width: auto;

		background: #555;

		color: #fff;

		border-radius: 3px;

		border: 1px solid #555;

		cursor: pointer;

		margin: 0 10px 20px 0;

		-webkit-transition: all 0.2s ease-in-out;

		-moz-transition: all 0.2s ease-in-out;

		transition: all 0.2s ease-in-out; }



	.small      { padding: 6px 15px; font-size: 12px; }

	.medium     { padding: 10px 20px; }

	.large      { padding: 12px 22px; font-size: 16px; }



	.button.color:hover { 

		background: #555;

		border-color: #555; }





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

	#Clients

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



	.clients a {

		background: #444;

		box-shadow: 0 1px 2px #080808;

		text-align: center;

		display: block;

		padding: 30px 0 15px;

		margin-bottom: 20px;

		-webkit-transition: all 0.2s ease-in-out;

		-moz-transition: all 0.2s ease-in-out;

		transition: all 0.2s ease-in-out; }



	.clients a:hover { 

		box-shadow: 0 6px 8px #080808;

		background: #222; }





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

	#Contact

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



	#map {

		width:100%; 

		height:350px; }



	.message { width: 100%; }



	.contactform label { 

		display: block;

		margin-bottom: 3px;

		font-size: 14px; }



	.contactform input,

	.commentform input { max-width: 300px; }



	.error-message,

	.success-message { 

		display: block;

		margin-bottom: 15px;

		font-size: 14px; }



	.error-message { color: #f00; }

	.success-message { color: #0b0; }



	.contact-page-info i {

		color: #444;

		display: inline-block;

		text-align: center;

		margin-right: 5px;

		width: 16px; }





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

	#Icons

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



	.icons li { cursor: default; color: #3d3b3c; height: 30px; line-height: 34px; display: block; }

	.icons li i { display: inline-block; width: 30px; text-align: center; }

	.icons li:hover { background-color: #eee; }

	.icons li:hover i { font-size: 24px; }





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

	#Footer

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



	footer {

		width: 100%;

		color: #FFF; }



	footer h3 {

		padding-bottom: 5px;

		margin-bottom: 15px;

		color: #fff;

		border-bottom: 1px solid #FFF; }



	footer p { color: #ddd; }



	.footer-top {

	padding-top: 30px;

	background-color: #990302;

}



	.footer-widget {

	margin-bottom: 30px;

	width: 300px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

}



	.contact-info i {

		color: #fff;

		display: inline-block;

		text-align: center;

		margin-right: 5px;

		width: 16px; }



	/* Twitter */



	.tweet_list li {

		color: #eee;

		padding-left: 30px;

		margin-bottom: 10px; }



	.tweet_list li i.icon-twitter {

		margin: 5px 0 0 -30px;

		float: left;

		font-size: 20px; }



	/* Flickr */



	.flickr li img {

		width: 68px;

		height: 68px;

		display: block;

		float: left;

		margin: 0 5px 5px 0;

		opacity: 0.8;

		filter: alpha(opacity=80); }



	.flickr li img:hover { 

		opacity: 1;

		filter: alpha(opacity=100); }



	/* Footer Bottom */



	.footer-bottom {

	padding: 15px 0 5px;

	background-color: #8e0201;

}



	.footer-bottom p { color: #fff; }



	.copyright { padding-top: 5px; }



	.footer-social { text-align: center; }



	@media screen and (max-width: 767px) {

		.copyright { text-align: center; }

		.social { float: none; }

	}





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

	#Scroll to top

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



	#toTop {

		display:none;

		text-decoration:none;

		position:fixed;

		bottom:40px;

		right:20px;

		overflow:hidden;

		width:40px;

		height:40px;

		border:none;

		text-indent:100%;

		border-radius: 3px;

		background: #333 url(../images/icons/ui.totop.png) no-repeat 0 0; }



	#toTopHover {

		background: url(../images/icons/ui.totop.png) no-repeat 0 0;

		border-radius: 3px;

		width:40px;

		height:40px;

		display:block;

		overflow:hidden;

		float:left;

		opacity: 0;

		-moz-opacity: 0;

		filter:alpha(opacity=0); }





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

	#Carousel

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



	/* Portfolio Carousel */



	.jcarousel-skin-work .jcarousel-container-horizontal { width: 100%; }



	.jcarousel-skin-work .jcarousel-clip {	overflow: hidden; }



	.jcarousel-skin-work .jcarousel-clip-horizontal {

		width: 100%;

		height: auto; }



	.jcarousel-skin-work .jcarousel-next-horizontal,

	.jcarousel-skin-work .jcarousel-prev-horizontal {

		position: absolute;

		top: -50px;

		width: 24px;

		height: 24px;

		cursor: pointer;

		border-radius: 3px;

		-webkit-transition: all 0.2s ease-in-out;

		-moz-transition: all 0.2s ease-in-out;

		transition: all 0.2s ease-in-out; }



	.jcarousel-skin-work .jcarousel-next-horizontal {

		right: 10px;

		background: #666 url(../images/icons/navigation.png) no-repeat -17px center; }



	.jcarousel-skin-work .jcarousel-next-disabled-horizontal,

	.jcarousel-skin-work .jcarousel-next-disabled-horizontal:hover,

	.jcarousel-skin-work .jcarousel-next-disabled-horizontal:focus,

	.jcarousel-skin-work .jcarousel-next-disabled-horizontal:active {

		cursor: default;

		background-color: #bbb; }



	.jcarousel-skin-work .jcarousel-prev-horizontal {

		right: 38px;

		background: #666 url(../images/icons/navigation.png) no-repeat 3px center; }





	.jcarousel-skin-work .jcarousel-prev-disabled-horizontal,

	.jcarousel-skin-work .jcarousel-prev-disabled-horizontal:hover,

	.jcarousel-skin-work .jcarousel-prev-disabled-horizontal:focus,

	.jcarousel-skin-work .jcarousel-prev-disabled-horizontal:active {

		cursor: default;

		background-color: #bbb; }





	/* Testimonials Carousel */



	.jcarousel-skin-testimonials .jcarousel-container-horizontal { width: 100%; }



	.jcarousel-skin-testimonials .jcarousel-clip { overflow: hidden; }



	.jcarousel-skin-testimonials .jcarousel-item { margin: 0 10px 0 0; }



	.jcarousel-skin-testimonials .jcarousel-next-horizontal,

	.jcarousel-skin-testimonials .jcarousel-prev-horizontal {

		position: absolute;

		top: -50px;

		width: 24px;

		height: 24px;

		cursor: pointer;

		border-radius: 3px;

		-webkit-transition: all 0.2s ease-in-out;

		-moz-transition: all 0.2s ease-in-out;

		transition: all 0.2s ease-in-out; }



	.jcarousel-skin-testimonials .jcarousel-next-horizontal {

		right: 0;

		background: #666 url(../images/icons/navigation.png) no-repeat -17px center; }



	.jcarousel-skin-testimonials .jcarousel-next-disabled-horizontal,

	.jcarousel-skin-testimonials .jcarousel-next-disabled-horizontal:hover,

	.jcarousel-skin-testimonials .jcarousel-next-disabled-horizontal:focus,

	.jcarousel-skin-testimonials .jcarousel-next-disabled-horizontal:active {

		cursor: default;

		background-color: #ddd; }



	.jcarousel-skin-testimonials .jcarousel-prev-horizontal {

		right: 28px;

		background: #666 url(../images/icons/navigation.png) no-repeat 3px center; }



	.jcarousel-skin-testimonials .jcarousel-prev-disabled-horizontal,

	.jcarousel-skin-testimonials .jcarousel-prev-disabled-horizontal:hover,

	.jcarousel-skin-testimonials .jcarousel-prev-disabled-horizontal:focus,

	.jcarousel-skin-testimonials .jcarousel-prev-disabled-horizontal:active {

		cursor: default;

		background-color: #bbb; }