@charset "utf-8";
/* CSS Document */

/*ISOTOPE */

/**** Isotope Filtering ****/
.center {
	margin: 0 auto;
}

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.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: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}


html { 
  

  
}

a.blog {
	display: block;
	width: 50px;
	height: 50px;
	background-image:url(../images/blog.png);
	background-position: 0 top;
	background-repeat: no-repeat;
}

a.blog:hover {
	background-position: 0 bottom;
}
	
#homepage {
	height: 0;
	background: url('../images/OurAdHere.jpg') no-repeat top center; 
 	 -webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

.dropicon {
	margin-top: 25px;
	margin-bottom: 25px;

}

.nomargindrop {
	margin-top: 0px !important;
	padding-bottom: 10px;
}

.clear { clear: both;}

/* WHAT WE DO EXTRAS */

#what {
	min-height: 650px;
}

/* CAPABILITIES EXTRAS */

#capabilities{
	min-height: 650px;
	text-align: left;
}

.capabilities-bottom-icon {
	padding-left: 18%;
	
}

.capabilities-content {
	float: left; 
	width: 72%;
	padding: 0 30px;
	margin-top:30px;
	margin-left: 50px;
	text-align:left;
	background-image:url('../images/about-us/capabilities_bg_dots.png');
	background-repeat:repeat-y;
	background-position:right;
}

.capabilities-bullet {
	width: 18%;
	float: left;
	
}

.capabilities-bullet ul {
	margin-top:30px;
	margin-left: 20px;
	float: left;
	color: #FFF;
	list-style-type: none;
	margin-right: -10px;
}

.capabilities-bullet li {
	padding-left: 35px;
	background-image:url(../images/about-us/capabilities_bullet.png);
	background-repeat:no-repeat;
	background-position: 0 5px;
	margin-bottom: .5em;
}

.capabilities-bullet ul.first {
	margin-left: 0;
	
}

.capabilities-bullet ul.first li {
	background-image: none;
}

.capabilities-title {
	font-family:  'Roboto', sans-serif;
	font-weight:700;
	font-size:35px;
	line-height:38px;
	color:#FFF !important;
	width:100%;
	text-align:center;
	text-transform:uppercase;
	padding:0;
	margin:0;
	text-shadow:none;
	float:left;
}

.capabilities-subtitle {
	font-family: 'Radley', serif;
	font-weight:normal;
	font-size:24px;
	line-height:34px;
	text-transform:none;
	color:#FFF !important;
	width:100%;
	text-align:left;
	padding:0;
	margin:0;
	text-shadow:none;
	float:left;
}

.capabilities-subtitle span {
	font-family: 'Norican', cursive;
	font-size:34px;
}

/* PHILOSOPHY SECTIONS */


.philosophy-title {
	font-family:  'Roboto', sans-serif;
	font-weight:700;
	font-size:35px;
	line-height:38px;
	color:#FFF !important;
	width:100%;
	text-align:center;
	text-transform:uppercase;
	padding:0;
	margin:0;
	text-shadow:none;
	float:left;
}

.philosophy-subtitle {
	font-family: 'Radley', serif;
	font-weight:normal;
	font-size:24px;
	line-height:34px;
	text-transform:none;
	color:#FFF !important;
	width:100%;
	text-align:center;
	padding:0 20%;
	margin:0;
	margin-top: 25px;
	margin-bottom: 85px;
	text-shadow:none;
	float:left;
}

#philosophies {
	width: 100%;
	background-image:url('../images/patterns/orange_concrete.jpg');
	background-repeat:repeat;
	margin: 0 0 90px;
	padding: 10px 18%
	
}

#philosophies h2 {
	width: 64%;
	margin:0 auto;
	height: 85px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: white;
	text-transform:uppercase;
	font-size: 22px !important;
	letter-spacing: 1px;
}

.philosophy-hands {
	clear: left;
	width: 730px;
	margin: 0 auto;
}

.philosophy-hands ul li a {
	display:inline-block;
	list-style:none;
	background-image: url('../images/about-us/philosophy1b.png');
	background-color:#FFF;
	background-size:85px 85px;
	height: 85px;
	width: 85px;
	margin: 10px 30px;
	float: left;
	border-radius: 50%;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}

.philosophy-hands ul li a.active {
	background-image: url('../images/about-us/philosophy1.png');
	background-color: #df760e;
	box-shadow: 0px 0px 10px 10px rgba(0,0,0,0.2);
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	transform:rotate(360deg);
}

.philosophy-hands ul li:nth-child(2) a {
	background-image: url('../images/about-us/philosophy2b.png');
}

.philosophy-hands ul li:nth-child(2) a.active {
	background-image: url('../images/about-us/philosophy2.png');
}

.philosophy-hands ul li:nth-child(3) a {
	background-image: url('../images/about-us/philosophy3b.png');
}

.philosophy-hands ul li:nth-child(3) a.active {
	background-image: url('../images/about-us/philosophy3.png');
}

.philosophy-hands ul li:nth-child(4) a {
	background-image: url('../images/about-us/philosophy4b.png');
}

.philosophy-hands ul li:nth-child(4) a.active {
	background-image: url('../images/about-us/philosophy4.png');
}

.philosophy-hands ul li:nth-child(5) a {
	background-image: url('../images/about-us/philosophy5b.png');
}

.philosophy-hands ul li:nth-child(5) a.active {
	background-image: url('../images/about-us/philosophy5.png');
}



ul.philosophy-list {
	list-style: none;
}



/* PROCESS SECTIONS */

.slidesjs-container {
	height: 250px !important;
}

.process-bg {
	padding: 75px 0;
	margin: 100px 0;
	background-image:url('../images/about-us/white_40_bg.png');
	background-repeat: repeat;
}


.process-title {
	font-family:  'Roboto', sans-serif;
	font-weight:700;
	font-size:35px;
	line-height:38px;
	color:#e37910 !important;
	width:100%;
	text-align:center;
	text-transform:uppercase;
	padding:0;
	margin:0;
	text-shadow:none;
	float:left;
}

.process-subtitle {
	font-family: 'Radley', serif;
	font-weight:normal;
	font-size:24px;
	line-height:34px;
	text-transform:none;
	color:#000 !important;
	width:100%;
	text-align:center;
	padding:0 10%;
	margin:0;
	margin-top: 25px;
	margin-bottom: 30px;
	text-shadow:none;
	float:left;
}

/* TEAM SECTIONS */


.team-title {
	font-family:  'Roboto', sans-serif;
	font-weight:700;
	font-size:35px;
	line-height:38px;
	color:#e37910 !important;
	width:100%;
	text-align:center;
	text-transform:uppercase;
	padding:0;
	margin:0;
	text-shadow:none;
	float:left;
}

.team-subtitle {
	font-family: 'Radley', serif;
	font-weight:normal;
	font-size:24px;
	line-height:34px;
	text-transform:none;
	color:#000 !important;
	width:100%;
	text-align:center;
	padding:0 10%;
	margin:0;
	margin-top: 10px;
	margin-bottom: 25px;
	text-shadow:none;
	float:left;
}

.teams {
	text-align: center;
	margin-top: 50px;
	background-image:url('../images/team/team-separator.png');
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 20px;
}

.team-info {
	text-align: left;
	background-image:url('../images/team/team-separator.png');
	background-repeat: repeat-x;
	padding: 30px 20px;
}

.team-social-links {
	float: right;
	width: 60px;
	margin-left: 20px;
	
}

.team-social-links img {
	margin-bottom: 15px;
}

.teams ul {
	list-style:none;
}

.teams ul li {
	font-family: 'Radley', serif;
	font-weight:normal;
	font-size:16px;
}

.teams ul li span {
	font-family:  'Norican', cursive;
	font-weight:700;
	font-size:13px;
	color: #e67400;
}

.teams ul li a {
	padding-top: 170px;
	margin: 10px 8px;
	background-size: 146px 146px;
	display:inline-block;
	list-style:none;
	float: left;
	line-height: 18px;
	width: 146px;
	background-image:url(../images/team/Paul-50.png);
	background-repeat:no-repeat;
	color:#000;
	text-decoration:none;
}

.teams ul li a.active {
	color:#000;
	background-image:url(../images/team/Paul.png);
	background-repeat:no-repeat;
}

.teams ul li:nth-child(2) a {
	background-image:url(../images/team/Michael-50.png);
}

.teams ul li:nth-child(2) a.active {
	background-image:url(../images/team/Michael.png);
}

.teams ul li:nth-child(3) a {
	background-image:url(../images/team/Tricia-50.png);
}

.teams ul li:nth-child(3) a.active {
	background-image:url(../images/team/Tricia.png);
}

.teams ul li:nth-child(4) a {
	background-image:url(../images/team/Sarah-50.png);
}

.teams ul li:nth-child(4) a.active {
	background-image:url(../images/team/Sarah.png);
}

.teams ul li:nth-child(5) a {
	background-image:url(../images/team/Jerry-50.png);
}

.teams ul li:nth-child(5) a.active {
	background-image:url(../images/team/Jerry.png);
}
.teams ul li:nth-child(6) a {
	background-image:url(../images/team/Danielle-50.png);
}
.teams ul li:nth-child(6) a.active {
	background-image:url(../images/team/Danielle.png);

}

/* CLIENTS SECTIONS */

.client-logos {
	margin-top: 125px;
	background-color:#000;
}

.clients-bg {
	padding: 75px 0;
	background-image:url('../images/about-us/white_40_bg.png');
	background-repeat: repeat;
}



.clients-title {
	font-family:  'Roboto', sans-serif;
	font-weight:700;
	font-size:35px;
	line-height:38px;
	color:#e37910 !important;
	width:100%;
	text-align:center;
	text-transform:uppercase;
	padding:0;
	margin:0;
	text-shadow:none;
	float:left;

}

img.clients-logo{
	width: 280px;
	height: 125px;
	margin: 25px 25px 0 70px;
	float: left;
}

.client-content {
	float: left;
	width: 330px;
}

p.clients-subtitle {
	font-family: 'Radley', serif;
	font-weight:normal;
	font-size:22px;
	line-height:26px;
	text-transform:none;
	color:#000 !important;
	text-align:center;
	margin:0;
	margin-top: 25px;
	text-shadow:none;
	margin-bottom: 25px;
}

h2.clients-name{
	font-family:  'Roboto', sans-serif;
	font-weight:700;
	font-size:12px;
	line-height:15px;
	color:#000 !important;
	width:100%;
	height: 75px;
	text-align:center;
	text-transform:uppercase;
	padding:0 0  20px 0;
	margin:0;
	text-shadow:none;
}

p.clients-name span {
	color:#e37910 !important;
}


/* CONTACT SECTIONS */

.contact-title {
	font-family:  'Roboto', sans-serif;
	font-weight:700;
	font-size:35px;
	line-height:38px;
	color:#e37910 !important;
	width:100%;
	text-align:center;
	text-transform:uppercase;
	padding:0;
	margin:0;
	text-shadow:none;
	float:left;
}

.contact-subtitle {
	font-family: 'Radley', serif;
	font-weight:normal;
	font-size:24px;
	line-height:34px;
	text-transform:none;
	color:#000 !important;
	width:100%;
	text-align:center;
	padding:0 10%;
	margin:0;
	margin-top: 25px;
	margin-bottom: 10px;
	text-shadow:none;
	float:left;
}

/* PORTFOLIO SECTION*/

ul#filter {
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
	margin-top: 20px;
	text-align: center;
}

ul#filter li a {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-decoration: none;
	text-transform:uppercase;
	color: #000;
	text-align: center;
	text-shadow: 0px 2px 3px #FFFFFF;
	cursor: pointer;
	
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
	background-size: 100%;
	
	-moz-transition-property: opacity;
	-moz-transition-duration: 0.5s;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.5s;
	-o-transition-property: opacity;
	-o-transition-duration: 0.5s;
	-ms-transition-property: opacity;
	-ms-transition-duration: 0.5s;
	transition-property: opacity;
	transition-duration: 0.5s;
}

ul#filter li a:hover {
	opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

ul#filter li a.selected {
	opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    position: relative;
}

ul#filter li a.selected:after {
	top: 57px;
	left: 50%;
	margin-left: -15px;
	position: absolute;
	content: " ";
	width: 29px;
	height: 16px;
	z-index: 10;
}

ul#filter li {
	display: inline;
	margin-right: 20px;
}

ul#filter li:last-child {
	margin-right: 0 !important;
}

.orange-dots {
	display: block;
	width: 100%;
	height: 4px;
	background-image:url('../images/orange-dots.png');
	background-repeat: repeat-x;
}

#areas {
	clear: left;
	padding: 25px 0 !important;
}

#portfolio-grid {
	width: 98%;
	max-width: 940px;
	margin: 0 auto;
	min-height: 200px;
}

#portfolio-grid .item {
	float: left;
	width: 220px;
	height: 120px;
	padding: 0;
	margin: 0;
	margin-right: 14px;
	margin-bottom: 14px;
	font-size: 14px;
	cursor: pointer;
}

#portfolio-grid .itemimage {
	position: relative;
}

#portfolio-grid .itemimage img {
	display: block !important;
	width: 100% !important;
	height: auto !important;
}

#portfolio-grid .itemimagehover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/projectehover.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	z-index: 1000;
	opacity: 0;
	-webkit-transition: all .45s ease-out;       
	-moz-transition: all .45s ease-out; 
	-ms-transition: all .45s ease-out; 
	-o-transition: all .45s ease-out; 
	transition: all .45s ease-out; 
}

.projecttitle {
	display: block;
	color: #FFF;
	text-align: center;
	margin-top: 28%;
	font-size: 15px;
	
	-webkit-transition: all .45s ease-out;       
	-moz-transition: all .45s ease-out; 
	-ms-transition: all .45s ease-out; 
	-o-transition: all .45s ease-out; 
	transition: all .45s ease-out; 
}

#portfolio-grid .itemimagehover:hover {
	opacity: 1;
}

#portfolio-grid a:hover {
	text-decoration: none;
}

#portfolio-grid .itemimagehover:hover .projecttitle {
	margin-top: 23%;
}

.project-overlay {
	-webkit-overflow-scrolling: touch;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2000;
	background-color: white;
	overflow: scroll;
}

.project-overlay .project, .project-overlay .newsletter {
	max-width: 1000px;
	margin: 0 auto;
	padding: 5%;
}

.project-overlay .projecttext span{
	color: #DF760E
}

.project-overlay .projecttext {
	width: 20%; 
	float: left;
}

.project-overlay .projectimages {
	max-width: 75%;
	float: right;
}

.project-overlay .projectvideo {
	max-width: 75%;
	float: right;
}

.project-overlay .projectvideo iframe {
	max-width: 100%;
	float: left;
}

.project-overlay .projectimages img  {
	width: 100%;
	height: auto;
	margin-bottom: 5px;
}



body.noscroll {
	overflow: hidden;
	-webkit-overflow-scrolling: none;
}

.closer {
	cursor: pointer;
	position: fixed;
	top: 15px;
	right: 25px;
}

.content#portfolio {
/*
	max-width: 1000px;
	padding: 150px 5% 0 5%;
*/
}


/* END PORTFOLIO */


@media only screen and (max-width: 1023px) {
	#homepage {
		height: 0;
		background: url('../images/OurAdHere(large).jpg') no-repeat top center; 
		 -webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
	.hideicon {
		display: none;
	}
	

	.mobile-team-member p {
		padding: 0 70px;
	}
	
	.header-container {
		display: none;
	}
	
	#capabilities{
		min-height: 0;
	}
	
	.capabilities-content {
		margin-left: 0;
	}
	
	.capabilities-title, .philosophy-title, .process-title {
		font-size:28px;
		line-height:36px;
		width:80%;
		margin: 0 10%;
		
	}
	.capabilities-subtitle, .process-subtitle {
		font-size: 20px;
		line-height: 24px;
		text-transform: none;
		width: 100%;
		
		
	}
		
	
	.capabilities-subtitle span {
		font-family: 'Norican', cursive;
		font-size:24px;
	}
	
	.capabilities-bullet li{
		font-size: .85em;
	}
	
	 .philosophy-subtitle {
		font-size: 20px;
		line-height: 24px;
		text-transform: none;
		color: #FFF !important;
		width: 100%;
		margin-bottom: 20px;
	
		
	}
	#philosophies {
		padding: 10px 8% !important;
		}
		
	#philosophies h2 {
		font-size: 18px!important;
	}
	
	
	.mobile-team-member h2 {	
		font-family: 'Radley', serif;
		font-weight:normal;
		font-size:23px;
	}
	
	.mobile-team-member h2 span {
		font-family:  'Norican', cursive;
		font-weight:700;
		font-size:19px;
		color: #e67400;
	}	
	
	
}




@media only screen and (max-width: 768px) {
	#homepage { 
	  background: url('../images/OurAdHere(medium).jpg') no-repeat top center; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	}
	
	
	
	#portfolio-grid {
		width: 98%;
		max-width: 715px;
		padding-left: 10px;
		margin: 0 auto;
		min-height: 200px;
		}
	
}



/* @media only screen and (max-width: 480px) {*/
@media only screen and (max-width: 767px) {
	
	#homepage {
		background: url('../images/about-us/mobile-home.jpg') no-repeat top center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	
	  
	}
	
	.hideicon {
		display: none;
	}
	
	
	
/* CAPABILITIES EXTRAS */

	.process-bg {
		padding: 10px 10px;
		background-image:url('../images/about-us/white_40_bg.png');
		background-repeat: repeat;
	}

	.capabilities-bottom-icon {
		padding-left: 0;
		
	}

	.capabilities-subtitle {
		font-family: 'Radley', serif;
		font-weight:normal;
		font-size:16px;
		line-height:22px;
		text-transform:none;
		color:#FFF !important;
		width:100%;
		text-align:left;
		padding:0;
		margin:0;
		text-shadow:none;
		float:left;
	}
	
	.capabilities-title {
		font-family:  'Roboto', sans-serif;
		font-weight:700;
		font-size:24px;
		line-height:28px;
		color:#FFF !important;
		width:100%;
		text-align:center;
		text-transform:uppercase;
		padding:0 10px;
		margin:0;
		text-shadow:none;
		float:left;
	}

	
	.capabilities-subtitle span {
		font-family: 'Norican', cursive;
		font-size:20px;
	}

	.capabilities-content {
		float: left; 
		width: 100%;
		padding: 0 20px 30px;
		margin: 0;
		margin-top:30px;
		text-align:left;
		background-image: none;
	}
	
	.capabilities-bullet {
		width: 60%;
		margin-left: 10%;
		
	}
	
	.capabilities-bullet ul {
		margin-top: 10px;
		margin-left: 20%;
		float: left;
		color: #FFF;
		list-style-type: none;
	}
	
	.capabilities-bullet li {
		padding-left: 35px;
		background-image:url('../images/about-us/capabilities_bullet.png');
		background-repeat:no-repeat;
		background-position: 0 5px;
		margin-bottom: .6em;
		font-size: 1.2em;
	}
	
	.capabilities-bullet ul.first {
		margin-left:20%;
		margin-top:30px;
		padding-bottom: 25px;
		margin-bottom: 25px;
	
		
	}
	
	.capabilities-bullet ul.first li {
		background-image:url('../images/about-us/capabilities_bullet.png');
		background-repeat:no-repeat;
		background-position: 0 5px;
	}
	
	/* PHILOSOPHY SECTIONS */


	.philosophy-title {
		font-family:  'Roboto', sans-serif;
		font-weight:700;
		font-size:24px;
		line-height:28px;
		color:#FFF !important;
		width:100%;
		text-align:center;
		text-transform:uppercase;
		padding:0;
		margin:0;
		text-shadow:none;
		float:left;
	}
	
	.philosophy-subtitle {
		font-family: 'Radley', serif;
		font-weight:normal;
		font-size:16px;
		line-height:22px;
		text-transform:none;
		color:#FFF !important;
		width:100%;
		text-align:center;
		padding:0 10%;
		margin:0;
		margin-top: 25px;
		margin-bottom: 25px;
		text-shadow:none;
		float:left;
	}

	ol.philosophy-list {
		clear: left;
		padding-top: 100px !important;
		margin: 0 10%;
		text-align: left;
		color:#e37910 !important;
	}
	
	ol.philosophy-list li {
		margin-bottom: .5em;
		list-style-position:outside;
	}
	
	#philosophies {
		
		width: 100%!important;
		background-image:url('../images/patterns/orange_concrete.jpg');
		background-repeat:repeat;
		padding: 0px 20px;
		text-align: center;
		
		/*border: 1px dotted #656565;*/
	}
	
	#philosophies h2 {
		color: white;
		display: table-cell;
		text-align: center!important;
		vertical-align: middle;
		text-transform:uppercase;
		font-size: 13px !important;
		letter-spacing: 1px;
	}
	
	.philosophy-hands {
		clear: left;
		width: 300px;
		margin: 0 auto;
	}
	
	.philosophy-hands ul li a {
		display:inline-block;
		list-style:none;
		background-image: url('../images/about-us/philosophy1b.png');
		background-color:#FFF;
		background-size:40px 40px;
		height: 40px;
		width: 40px;
		margin: 10px 10px;
		float: left;
		border-radius: 50%;
		-webkit-transition: all ease 0.3s;
		-moz-transition: all ease 0.3s;
		-o-transition: all ease 0.3s;
		-ms-transition: all ease 0.3s;
		transition: all ease 0.3s;
	}


	/* PROCESS */
	
	.process-subtitle {
		font-family: 'Radley', serif;
		font-weight:normal;
		font-size:16px;
		line-height:22px;
		text-transform:none;
		color:#000 !important;
		width:100%;
		text-align:center;
		margin:0;
		margin-top: 15px;
		margin-bottom: 30px;
		text-shadow:none;
		float:left;
	}

		
	.process-title {
		font-family:  'Roboto', sans-serif;
		font-weight:700;
		font-size:20px;
		line-height:18px;
		color:#e37910 !important;
		width:100%;
		text-align:center;
		text-transform:uppercase;
		padding:0;
		margin:0;
		padding-top: 40px;
		text-shadow:none;
		float:left;
	}
	
	
/* CLIENTS */

.client-logos {
	margin-top: 125px;
	background-color:#000;
	padding: 0 50px;
}
	
/* TEAM */

	.team-title {
		font-family:  'Roboto', sans-serif;
		font-weight:700;
		font-size:35px;
		line-height:38px;
		color:#e37910 !important;
		width:100%;
		text-align:center;
		text-transform:uppercase;
		padding:0;
		margin:0;
		text-shadow:none;
		float:left;
	}
	
	.team-subtitle {
		font-family: 'Radley', serif;
		font-weight:normal;
		font-size:18px;
		line-height:34px;
		text-transform:none;
		color:#000 !important;
		width:100%;
		text-align:center;
		padding:0 3%;
		margin:0;
		margin-top: 0px;
		margin-bottom: 25px;
		text-shadow:none;
		float:left;
	}
	
	.mobile-team-member {
		
		margin-bottom: 40px;
	}
	
	.mobile-team-member h2 {	
		font-family: 'Radley', serif;
		font-weight:normal;
		font-size:23px;
	}
	
	.mobile-team-member h2 span {
		font-family:  'Norican', cursive;
		font-weight:700;
		font-size:19px;
		color: #e67400;
	}	
	
	.mobile-team-member p {
		padding: 0 20px;
	}
	
	mobile-team-social-links {
		width: 60%;
		margin: 0 auto;
		
	}
	
	.contact-title {
		font-family:  'Roboto', sans-serif;
		font-weight:700;
		font-size:24px;
		color:#e37910 !important;
		width:100%;
		text-align:center;
		text-transform:uppercase;
		padding:0;
		margin:0;
		text-shadow:none;
		float:left;
	}
	
	.contact-subtitle {
		font-family: 'Radley', serif;
		font-weight:normal;
		font-size:16px;
		line-height:22px;
		text-transform:none;
		color:#000 !important;
		width:100%;
		text-align:center;
		padding:0 10%;
		margin:0;
		margin-top: 25px;
		margin-bottom: 10px;
		text-shadow:none;
		float:left;
	}
	
	
	/* CLIENTS SECTIONS */
	
	.clients-bg {
		padding: 75px 0;
		background-image:url('../images/about-us/white_40_bg.png');
		background-repeat: repeat;
	}
	
	.clients-cover {
		background-image:url('../images/about-us/white_40_bg.png');
		background-repeat: repeat;
		padding: 15px 0;
		height: 500px !important;
	}
	
	
	.clients-title {
		font-family:  'Roboto', sans-serif;
		font-weight:700;
		font-size:20px;
		line-height:18px;
		color:#e37910 !important;
		width:100%;
		text-align:center;
		text-transform:uppercase;
		padding:0;
		margin:0;
		text-shadow:none;
		float:left;
		background-image: url('../images/about-us/clients_title_dots.png');
		background-repeat:repeat-x;
		background-position:bottom;
		margin-bottom: 15px;
		padding-bottom: 25px;
	}
	
	img.clients-logo{
		width: 100px;
		height: 45px;
		margin: 0 auto;
	}
	
	.client-content {
		width: 85%;
		margin: 0 auto;
		text-align: center;
		float: none;
	}
	
	p.clients-subtitle {
		font-family: 'Radley', serif;
		font-weight:normal;
		font-size:14px;
		line-height:18px;
		text-transform:none;
		color:#000 !important;
		text-align:left;
		margin:0;
		margin-top: 25px;
		text-shadow:none;
		margin-bottom: 25px;
	}
	
	p.clients-name{
		font-family:  'Roboto', sans-serif;
		font-weight:700;
		font-size:11px;
		line-height:14px;
		color:#000 !important;
		width:100%;
		text-align:left;
		text-transform:uppercase;
		padding:0;
		margin:0;
		text-shadow:none;
	}
	

	.project-overlay .projecttext {
		width: 100%; 
		float: none;
	}
	
	.project-overlay .projectimages {
		max-width: 100%;
		margin-top: 25px;
		float: none;
	}
	
	.project-overlay .projectvideo {
		max-width: 100%;
		float: none;
	}

	.project-overlay .projectvideo iframe {
		max-width: 100%;
		max-height: auto;
		float: left;
	}
	
	
	
}

/* QEVOLVE */

.quovolve {
        margin: 20px 0;
    }
    .quovolve blockquote {
        margin: 0;
    }
    .quovolve blockquote p {
        margin: 10px 0;
    }
    .quotes ul {
        list-style: none;
    }

    /**
     * General Navigation Styles
     */
    .quovolve-nav:before, .quovolve-nav:after {
        content: "\0020"; display: block; height: 0; visibility: hidden;    
    } 
    .quovolve-nav:after { clear: both; }
    .quovolve-nav {
        margin: 20px 0;
        line-height: 30px;
        zoom: 1;
    }
    .quovolve-nav span {
        float: left;
        margin-right: 5px;
    }
    .quovolve-nav a {
        background: #aaa;
        line-height: 20px;
        color: #fff;
        display: block;
        padding: 5px 15px;
        border: 0 none;
        text-align: center;
        /* Border Radius */
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        /* Box Shadow */
        -moz-box-shadow: inset 0 1px 2px rgba(0,0,0, 0.15);
        -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0, 0.15);
        box-shadow: inset 0 1px 2px rgba(0,0,0, 0.15);
    }
    .quovolve-nav a:hover {
        background: #e37910;
		color: #fff !important; 
    }

    /**
     * Numbered Navigation
     */
    .nav-numbers {
        list-style: none; 
		margin: 0;
        float: right;
    }
    .nav-numbers li {
        float: left;
        margin: 0 0 0 5px;
    }
    .nav-numbers li a {
        padding-left: 0; padding-right: 0;
        width: 30px;
    }
    .nav-numbers li.active a, .nav-numbers li a:hover {
        background: #e37910;
    }

    /**
     * Navigation Description
     */
    .nav-text {
        margin-left: 30px;
        color: #aaa;
    }
    


/* SLIDER CSS */


    #slides {
      display: none
    }
	
	 #slides-clients{
      display: none
    }
	
	.slide-item {
		min-height: 600px;
	}
	
	
    #slides .slidesjs-navigation {
      margin-top:3px;
    }

    #slides .slidesjs-previous {
      
    }

    #slides .slidesjs-next {
    }

    .slidesjs-pagination {
      margin: 6px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }
  </style>
   End SlidesJS Optional

   SlidesJS Required: These styles are required if you'd like a responsive slideshow 
  <style>
    #slides {
      display: none;
	  position: relative;
    }
	
	#slides-clients {
      display: none;
	  position: relative;
    }
	
	.slide-title {
		padding: 0 20%;
		text-align: center;
		font-family: 'Norican', cursive;
		font-size: 35px;
		padding-bottom: 20px;
	}
	.slide-subtitle {
		padding: 0 20%;
		text-align: center;
		font-family:  'Roboto', sans-serif;
		font-size: 13px;
		font-weight:700;
		text-transform:uppercase;
	}


    .scontainer {
	  clear: left;
      margin: 0 auto;  
    }
	/*
	.client-arrow {
		margin-top: 50px;
	
	}*/
	
	.previous-arrow {
		display: block;
		background-image:url(../images/about-us/previous-arrow.png);
		background-repeat:no-repeat;
		width: 50px;
		height: 18px;
		position: absolute;
		top: 190px;
		left: 5%;
		z-index: 1000;
	}
	
	.next-arrow {
		display: block;
		background-image:url(../images/about-us/next-arrow.png);
		background-repeat:no-repeat;
		width: 50px;
		height: 18px;
		position: absolute;
		top: 190px;
		left: 90%;
		z-index: 1000;
	}

    /* For tablets & smart phones */
    @media (max-width: 767px) {
		

	  .quovolve-nav span {
		  display: none;
	  }
	 
	  ol.nav-numbers {
		  display:block;
		  width: 240px;
		  margin: 0 auto;
	  }
	  
	  .nav-numbers {
		 	
		  float: none;
		  
	  }
	  p.contact-texttop {
		  max-width: 100%;
	  }
		
	  .slidesjs-slide {
			min-height: 500px; !important	
		}
      .scontainer {
        width: auto;
      }
    }

    /* For smartphones 
	@media (max-width: 480px) {*/
    @media (max-width: 767px) {
		.contact-image {
			width:100%;
			float:none;
			text-align:center;
			padding:0 10px 20px 10px;
		}
		.contact-image img {
			width: 250px;
			max-width: 100%;
			margin: 0 auto;
		}
		
	  .contact-center {
			width: 300px;
			margin-bottom: 25px;
	  }
	  
	  p.contact-text{
		  text-align:center!important;
	  }
	  
	  p.contact-texttop {
		  width: 300px;
		  text-align:center!important;
	  }
	  
	  .contact-form {
		  	clear: both;
		 	margin-top: 25px;
			padding-top: 60px;
			
	  }
	  
	  .back-to-top img {
		  margin-top: 20px;
	  }
	  
	  p.footer-right {
		  font-size: 8px;
		  line-height: 50px;
	  }
		
      .scontainer {
        width: auto;
		
      }
	  
	  .slidesjs-container {
		height: 200px !important;
		}
	  
	  .slide-item {
		height: 800px; !important
	}
	
	.previous-arrow {
		display: block;
		background-image:url(../images/about-us/previous-arrow_s.png);
		background-repeat:no-repeat;
		width: 30px;
		height: 11px;
		position: absolute;
		top: 235px;
		left: 5%;
		z-index: 1000;
	}
	
	.next-arrow {
		display: block;
		background-image:url(../images/about-us/next-arrow_s.png);
		background-repeat:no-repeat;
		width: 30px;
		height: 11px;
		position: absolute;
		top: 235px;
		left: 90%;
		z-index: 1000;
	}
	
	.slide-title {
		padding: 0 3%;
		text-align: center;
		font-family: 'Norican', cursive;
		font-size: 20px;
		padding-bottom: 10px;
		margin-top: 0;
		padding-top: 0;
	}
	.slide-subtitle {
		padding: 0 3%;
		text-align: center;
		font-family:  'Roboto', sans-serif;
		font-size: 12px;
		line-height: 14px;
		font-weight:700;
		text-transform:uppercase;
	}
	#portfolio-grid {
		width: 236px;
		margin: 0 auto;
		min-height: 200px;
	}
	
	#options {
		width: 90%;
		margin: 0 auto;
		margin-bottom: 40px;

    }
	

    /* For smaller displays like laptops */
    @media (min-width: 768px) and (max-width: 979px) {
      .scontainer {
        width: auto;
      }
    }

    /* For larger displays */
    @media (min-width: 1200px) {
      .scontainer {
        width: auto
      }
    }