		

.how-it-works-wrapper
{
	border: 4px solid #fff;
	-webkit-box-shadow: 3px 3px 8px 1px rgba(51,51,51,1);
	-moz-box-shadow: 3px 3px 8px 1px rgba(51,51,51,1);
	box-shadow: 3px 3px 8px 1px rgba(51,51,51,1);
	margin-bottom: 25px;
	overflow: hidden;
	width: 930px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	margin-bottom: 25px;
	overflow: hidden;
	width: 930px;
}

.ss-slider .buttons-container {
			background: #fff;
			overflow: hidden;
			width: 100%;
		}

	/* -------------------------------------------------- */
	/*	Slider
	/* -------------------------------------------------- */

	.ss-slider {
		background: #fff url(../img/loader.gif) no-repeat center 185px;
		margin: 0px auto;
		max-height: 500px;
		max-width: 940px;
		overflow: hidden;
		position: relative;
	}

	.ss-slider.fully-loaded { overflow: visible; }

	.ss-slider.fully-loaded, .no-js .ss-slider { background: none; }

	.no-js .ss-slider { max-height: none; }

		/* ---------------------------------------- */
		/*	Single Slide
		/* ---------------------------------------- */
		
		.ss-slider .slides-container {}

			.ss-slider .slide {
				display: none;
				margin: 0;
			}

			.ss-slider .slide:first-child { display: block; }

			.ss-slider.fully-loaded .slide, .no-js .ss-slider .slide {
				background-repeat: no-repeat;
				display: block;
				float: left;
				overflow: hidden;
				position: relative;
				z-index: 1;
			}

			.ss-slider.fully-loaded .slide { height: 100%; }
			
			.no-js .ss-slider .slide { margin: 40px 0 0; }	
			
			.no-js .ss-slider .slide:first-child { margin-top: 0; }

				.ss-slider .slide-img {
					background-repeat: no-repeat;
					height: 100%;
					left: 0;
					position: absolute;
					top: 0;
				}
		
		.ss-slider .slide-images-container {
			background: #fff;
			background-repeat: no-repeat;
			display: block;
			width: 100%;
			z-index: 11;
		}

			.ss-slider .slide-bg-image {
				background: #fff;
				margin: 0;
				width: 100%;
			}

			.ss-slider.fully-loaded .slide-bg-image { display: none; }
		
			.no-js .ss-slider .slide-bg-image { display: block; }
				
		/* ---------------------------------------- */
		/*	Button
		/* ---------------------------------------- */
		
		.ss-slider .buttons-container {
			background: #fff;
			overflow: hidden;
			width: 100%;
		}
		
		.ss-slider.hide-bottom-buttons .buttons-container { display: none; }
		
			.ss-slider .slide-button, .no-js .ss-slider .slide-button:hover {
				background: #E8EDF1;
				border-bottom: 1px solid #e9e9e9;
				border-top: 4px solid #dfdfdf;
				-webkit-box-shadow: 1px 0 0 #fff inset, 0 1px 0 0 #fff inset;
				   -moz-box-shadow: 1px 0 0 #fff inset, 0 1px 0 0 #fff inset;
						box-shadow: 1px 0 0 #fff inset, 0 1px 0 0 #fff inset;
				color: #ffffff;
				cursor: pointer;
				display: block;
				float: left;
				font-size: 20px;
				height: 40px;
				overflow: hidden;
				padding: 20px;
				text-align: left;
				text-decoration: none;
				-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
				   -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
					-ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
					 -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
						transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
				width: 100%;
			}

			.ss-slider.hide-bottom-buttons .slide-button { display: none; }

			.ss-slider .slide:first-child .slide-button {
				-webkit-box-shadow: 0 1px 0 0 #fff inset;
				   -moz-box-shadow: 0 1px 0 0 #fff inset;
						box-shadow: 0 1px 0 0 #fff inset;
			}
				
				.ss-slider.fully-loaded .slide-button:hover, .ss-slider.fully-loaded .slide-button.active {
					background: #043368;
					color: #ffffff;
				}
				
				.ss-slider.fully-loaded .slide-button:hover { border-top-color: #aeaeae; }

				.no-js .ss-slider .slide-button, .no-js .ss-slider .slide-button:hover { cursor: auto; }
				
				.no-js .ss-slider  a > .slide-button:hover  { cursor: pointer; }
				
				.ss-slider .slide-button h5 {
					color: #3a3a3a;
					font: 700 23px/1.5 	'PT Sans Narrow';
					line-height: 22px;
					margin: 0;
				}

.ss-slider .slide-button:hover h5 {
					color: #ffffff;
					font: 700 23px/1.5 	'PT Sans Narrow';
					line-height: 22px;
					margin: 0;
				}

					.ss-slider.fully-loaded .slide-button.active h5 { color: #ffffff; }

				.ss-slider .slide-button .description {
					color: #959393;
					display: block;
					font-size: 11px;
					line-height: 12px;
				}
		
				.ss-slider .slide-button .dropcap {
					background: #F15A23;
					-webkit-border-radius: 25px;
					   -moz-border-radius: 25px;
							border-radius: 25px;
					color: #fff;
					font-family: 'PT Sans Narrow';
					line-height: 42px;
					font-size: 35px;
					height: 45px;
					width: 45px;
				}

				.ss-slider .slide-button.image, .no-js .ss-slider .slide-button.image:hover {
					height: 80px;
					padding: 0;
					text-align: center;
				}

					.ss-slider .slide-button img {
						background: #f8f8f8;
						display: inline-block;
						font-size: 11px;
						max-height: 80px;
						filter: alpha(opacity=35); /* Fallback for old IE */
						opacity: 0.35;
						-webkit-transition: opacity .2s ease-in-out;
						   -moz-transition: opacity .2s ease-in-out;
							-ms-transition: opacity .2s ease-in-out;
							 -o-transition: opacity .2s ease-in-out;
								transition: opacity .2s ease-in-out;
					}
					
						.ss-slider .slide-button:hover img, .ss-slider.fully-loaded .slide-button.active img { background: #f0f0f0; }

						.no-js .ss-slider .slide-button:hover img, .no-js .ss-slider .slide-button.active img { background: #f8f8f8; }
							
						.ss-slider.fully-loaded .slide-button:hover img, .ss-slider.fully-loaded .slide-button.active img,
						.no-js .ss-slider .slide-button img {
							filter: alpha(opacity=100); /* Fallback for old IE */
							opacity: 1;
						}

		/* ---------------------------------------- */
		/*	Content
		/* ---------------------------------------- */
		
		.ss-slider .content-container, .no-js .ss-slider .slide-content {
			background: rgb(0, 0, 0); /* Fallback for old IE */
			filter: alpha(opacity=60); /* Fallback for old IE */
			background: rgba(0, 0, 0, .6);
			bottom: 115px;
			display: block;
			left: 30px;
			margin: 0;
			overflow: hidden;
			padding: 25px 30px 30px;
			position: absolute;
			width: 255px;
			z-index: 2;
		}
		
		.ss-slider.hide-content .content-container { display: none; }

		.ss-slider.hide-bottom-buttons .content-container, .no-js .ss-slider.hide-bottom-buttons .slide-content { bottom: 30px; }

		.ss-slider.show-content-onhover .content-container, .ss-slider.show-content-onhover .pagination-container a {
			opacity: 0;
			filter: alpha(opacity=0); /* Fallback for old IE */
		}
		
			.ss-slider.fully-loaded.show-content-onhover:hover .content-container, .ss-slider.fully-loaded.show-content-onhover:hover .pagination-container a {
				opacity: 1;
				filter: alpha(opacity=60); /* Fallback for old IE */
			}

			.ss-slider.fully-loaded .content-container {
				-webkit-transition: bottom .2s ease, height .2s ease, opacity .2s ease-in-out;
				   -moz-transition: bottom .2s ease, height .2s ease, opacity .2s ease-in-out;
					-ms-transition: bottom .2s ease, height .2s ease, opacity .2s ease-in-out;
					 -o-transition: bottom .2s ease, height .2s ease, opacity .2s ease-in-out;
						transition: bottom .2s ease, height .2s ease, opacity .2s ease-in-out;
			}
			
			.ss-slider .content-container.center {
				bottom: auto;
				left: 50%;
				margin-left: -193px;
				padding: 20px 30px;
				text-align: center;
				top: 135px;
				width: 326px;
			}
			
			.ss-slider .content-container.bottom {		
				bottom: 85px;
				left: 38px;
				max-width: 804px;
				padding: 10px 30px;
				text-align: center;
				width: 100%;
			}
			
			.ss-slider.hide-bottom-buttons .content-container.bottom { bottom: 0; }

			.ss-slider .slide-content {
				color: #bfbfbf;
				display: none;
				text-shadow: 0 -1px rgba(0, 0, 0, .75);
			}

				.ss-slider .slide-content a { color: #f15a23; }

				.ss-slider .slide-content a:hover { text-decoration: underline; }

				.ss-slider .slide-content h1,
				.ss-slider .slide-content h2,
				.ss-slider .slide-content h3,
				.ss-slider .slide-content h4,
				.ss-slider .slide-content h5,
				.ss-slider .slide-content h6 {
					color: #fff;
					margin: 0;
				}

					.ss-slider .slide-content h1 + *,
					.ss-slider .slide-content h2 + *,
					.ss-slider .slide-content h3 + *,
					.ss-slider .slide-content h4 + *,
					.ss-slider .slide-content h5 + *,
					.ss-slider .slide-content h6 + * { margin-top: 5px; }

				.ss-slider .slide-content h2 {
					font-size: 20px;
					font-weight: 700;
				}

				.ss-slider .slide-content h6 {
					font-size: 13px;
					font-weight: 400;
				}

				.ss-slider .slide-content p { margin-bottom: 10px; }

				.ss-slider .slide-content p:last-of-type { margin-bottom: 0; }

				.ss-slider .slide-content .button {
					color: #fff;
					font-size: 11px;
					padding: 5px 14px;
					text-shadow: none;
				}

					.ss-slider .slide-content .button:hover { text-decoration: none; }

		/* ---------------------------------------- */
		/*	Pagination
		/* ---------------------------------------- */
		
		.ss-slider .pagination-container a {
			background: rgb(241, 90, 35) url(../img/slider-arrows-small.png) no-repeat 0 center; /* Fallback for old IE */
			filter: alpha(opacity=60); /* Fallback for old IE */
			background: rgba(241, 90, 35, 0.6) url(../img/slider-arrows-small.png) no-repeat 0 center;
			bottom: 115px;
			color: transparent;
			cursor: pointer;
			display: block;
			font: 0/0 a;
			min-height: 27px;
			left: 346px;
			overflow: hidden;
			position: absolute;
			text-align: center;
			text-shadow: none;
			-webkit-transition: background-color .2s ease, bottom .2s ease, height .2s ease, opacity .2s ease-in-out, top .2s ease;
			   -moz-transition: background-color .2s ease, bottom .2s ease, height .2s ease, opacity .2s ease-in-out, top .2s ease;
			    -ms-transition: background-color .2s ease, bottom .2s ease, height .2s ease, opacity .2s ease-in-out, top .2s ease;
			     -o-transition: background-color .2s ease, bottom .2s ease, height .2s ease, opacity .2s ease-in-out, top .2s ease;
			        transition: background-color .2s ease, bottom .2s ease, height .2s ease, opacity .2s ease-in-out, top .2s ease;
			width: 15px;
			z-index: 2;
		}

		.ss-slider.hide-bottom-buttons .pagination-container a { bottom: 30px; }
		
		.ss-slider.hide-content .pagination-container a { display: none; }

			.ss-slider .pagination-container .next {
				background-position: -15px center;
				bottom: 156px;
			}

			.ss-slider.hide-bottom-buttons .pagination-container .next { bottom: 71px; }
		
			.ss-slider .pagination-container a:hover, .ss-slider.show-content-onhover:hover .pagination-container a:hover {
				background-color: rgba(241, 90, 35, 1);
				filter: alpha(opacity=100) !important; /* Fallback for old IE */
			}
			
			.ss-slider .pagination-container.center a {		
				background-image: url(../img/slider-arrows-large.png);
				bottom: auto;
				left: 50%;		
				min-height: 40px;
				top: 135px;
				width: 35px;
			}
			
				.ss-slider .pagination-container.center .prev {
					background-position: 0 center;
					left: 241px;
				}
				
				.ss-slider .pagination-container.center .next {
					background-position: -35px center;
					left: auto;
					right: 241px;
				}
			
			.ss-slider .pagination-container.bottom a {		
				background-image: url(../img/slider-arrows-medium.png);
				bottom: 85px;
				min-height: 20px;
				width: 37px;
			}

			.ss-slider.hide-bottom-buttons .pagination-container.bottom a { bottom: 0; }
			
				.ss-slider .pagination-container.bottom .prev {
					background-position: -1px center;
					left: 0;
				}
				
				.ss-slider .pagination-container.bottom .next {
					background-position: -40px center;
					left: auto;
					right: 0;
				}
			
		/* ---------------------------------------- */
		/*	Active Slide Bar
		/* ---------------------------------------- */

		.ss-slider .active-slide-bar {
			background: #1163A3;
			bottom: 0;
			display: block;
			height: 4px;
			left: 0;
			position: absolute;
			visibility: hidden;
			z-index: 10;
		}

		.ss-slider.hide-bottom-buttons .active-slide-bar { display: none; }
		
	/* -------------------------------------------------- */
	/*	Projects Carousel
	/* -------------------------------------------------- */

	.no-js .projects-carousel, .no-js .post-carousel {
		border-top: 1px solid #efefef;
		margin: 15px -20px 60px 0;
		padding: 25px 0 0;
	}
		
		.projects-carousel > li, .post-carousel > li, #portfolio-items > article {
			float: left;
			list-style: none;
			margin: 0 20px 0 0;
			overflow: hidden;
			position: relative;
		}
		
		.projects-carousel > li, .post-carousel > li { width: 220px; }

		.projects-carousel, #portfolio-items { font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; }
		
		.no-js .post-carousel > li {
			display: inline-block;
			float: none;
		}

		.no-js .projects-carousel > li, .no-js #portfolio-items > article { margin-bottom: 40px; }

		.projects-carousel a, #portfolio-items article a {
			border-bottom: 1px solid #efefef;
			display: block;
			text-align: center;
		}
		
		.projects-carousel a { padding: 20px 0 0; }

		#portfolio-items article a, #portfolio-items article .audio-player, #portfolio-items article .video-player { margin: 0 auto; }

			.projects-carousel img, #portfolio-items article img {
				background-color: #fff;
				margin: 0 auto -5px;
				filter: alpha(opacity=70); /* Fallback for old IE */
				opacity: 0.7;
			}

			.no-js .projects-carousel img, .no-js #portfolio-items article img { margin-bottom: 0; }

			.projects-carousel img { margin: -25px auto 20px; }

			.projects-carousel .title, #portfolio-items > article .title {
				font-weight: 400;
				margin-bottom: 0;
			}

			.projects-carousel > li .categories, #portfolio-items > article .categories {
				color: #aeaeae;
				display: block;
				font-style: italic;
				margin: -1px 0 20px;
			}

			.projects-carousel a:hover, #portfolio-items > article:hover {
				background: #f8f8f8;
				border-bottom: 1px solid #f15a23;
			}

			.not-ie .projects-carousel a:hover:after, .not-ie #portfolio-items > article:hover:after {
				background: #f15a23;
				bottom: -2.5px;
				content: '';
				left: 50%;
				display: block;
				height: 5px;
				margin: 0 0 0 -2.5px;
				-webkit-transform: rotate(45deg);
				   -moz-transform: rotate(45deg);
					-ms-transform: rotate(45deg);
					 -o-transform: rotate(45deg);
						transform: rotate(45deg);
				position: absolute;
				width: 5px;
			}

			.projects-carousel a:hover img, #portfolio-items > article:hover img {
				filter: alpha(opacity=100); /* Fallback for old IE */
				opacity: 1;
			}

			.projects-carousel a:hover .title, #portfolio-items > article:hover .title { color: #f15a23; }

	/* -------------------------------------------------- */
	/*	Post Carousel
	/* -------------------------------------------------- */
		
	.post-carousel .entry-meta {
		float: left;
		font-style: italic;
		letter-spacing: -0.5px;
		line-height: 1.3;
		margin: 0 12px 0 0;
		text-align: center;
		width: 33px;
	}
	
		.post-carousel .entry-meta a {
			display: block;
			font-style: normal;
		}
		
		.post-carousel li .post-format { margin: 0; }

		.post-carousel li .date {
			display: block;
			margin: 8px 0 0;
		}
					
		.post-carousel .entry-body .title {
			font-size: 14px;
			font-weight: 400;
			margin: 0 0 10px 0;
		}
	
	.post-carousel .entry-body {
		float: right;
		margin: 0;
		width: 175px;
	}

	.post-carousel .entry-image, .post-carousel .entry-video, .post-carousel .entry-audio, .post-carousel .fluid-width-video-wrapper {
		margin-bottom: 15px;
		max-width: 100%;
		width: 100%;
	}

	.post-carousel .entry-video, .post-carousel .entry-audio, .post-carousel .fluid-width-video-wrapper { margin-bottom: 15px; }

	.touch-device .post-carousel .entry-audio { margin-top: -8px; }

	/* Image Gallery Slider */

	.post-carousel .image-gallery-slider { margin-bottom: 15px; }

		.post-carousel .image-gallery-slider li { margin: 0; }

			.post-carousel .image-gallery-slider img { margin-bottom: 0; }

	/* -------------------------------------------------- */
	/*	Projects & Post Carousel Navigation
	/* -------------------------------------------------- */

	.jcarousel-container {
		border-top: 1px solid #efefef;
		margin: 45px -20px 80px 0;
		max-width: 100%;
		padding: 25px 0 0;
	}

	.section-title + .jcarousel-container { margin-top: 15px; } 
	
		.jcarousel-clip {
			overflow: hidden;
			width: 100%;
		}

			.jcarousel-item {
				margin: 0 20px 0 0;
				width: 220px;
			}

		.jcarousel-next, .jcarousel-prev {
			background: #ddd url(../img/button-arrows.png) no-repeat 0 0;
			cursor: pointer;
			height: 19px;
			position: absolute;
			right: 0;
			top: -35px;
			width: 19px;
		}

		.jcarousel-prev {
			background-position: 0 -19px;
			right: 20px;
		}

			.jcarousel-next:hover, .jcarousel-next:focus, .jcarousel-next:active,
			.jcarousel-prev:hover, .jcarousel-prev:focus, .jcarousel-prev:active {
				background-color: #f15a23;
			}

			.jcarousel-next-disabled, .jcarousel-next-disabled:hover,
			.jcarousel-next-disabled:focus, .jcarousel-next-disabled:active,
			.jcarousel-prev-disabled, .jcarousel-prev-disabled:hover,
			.jcarousel-prev-disabled:focus, .jcarousel-prev-disabled:active {
				background-color: #eee !important;
				cursor: auto !important;
			}
		
.dropcap {
	background: #eaeaea;
	color: #777;
	display: inline-block;
	float: left;
	font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 23px;
	font-weight: 600;
	height: 36px;
	line-height: 36px;
	margin: 0 7px 0 0;
	text-align: center;
	width: 36px;
}	
@media only screen and (min-width: 960px) {

	.ss-slider .slides-container {
		display: block;
	}
		.ss-slider .slide-images-container { display: none; }
}
		