@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

html, body {
	height: 100%;
}

body {
	font-family: 'Effra', 'Brandon-Grotesque', Helvetica, Arial, sans-serif;
	font-size: 16px;
	max-width: 100%;
}

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

::selection {
	background-color: #bb342a;
	color: #fff;
}

/* Icon Font
-------------------------- */

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot');
	src:url('../fonts/icomoon.eot') format('embedded-opentype'),
		url('../fonts/icomoon.woff') format('woff'),
		url('../fonts/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: 2em;
	transition: all .3s;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-arrow-left:before {
	content: "\e601";
}

.icon-arrow-down:before {
	content: "\e606";
}

.icon-arrow-right:before {
	content: "\e603";
}

.icon-vimeo:before {
	content: "\e602";
}

.icon-twitter:before {
	content: "\e604";
}

.icon-facebook:before {
	content: "\e605";
}

.icon-linkedin:before {
	content: "\e600";
}

.icon-google-with-circle:before {
	content: "\e607";
}

h2 {
	font-size: 40px;
	margin: 0 0 5px;
}

h3 {
	font-size: 24px;
	margin: 0 0 5px;
}

/* Nav Bar Fixed
-------------------------- */

.navbar {
	border: 0;
	background: rgba(30,30,30,1);
	height: 66px;
	transition: all .3s;
}

.fulldark {
	background: rgba(30,30,30,1);
}
/*
.navbar:hover {
	background: rgba(30,30,30,1);
} */

.navbar-brand {
	height: auto;
	padding: 17px 0;
}

.navbar-brand img, .navbar-brand-white img {
	height: 30px;
	width: auto;
}

.navbar-default .navbar-nav > li > a {
	font-family: 'Brandon-Grotesque';
	font-size: 18px;
	line-height: 60px;
	padding: 3px 20px 0;
	color: #fcc764;
	font-weight: 700;
	letter-spacing: 1px;
}

.navbar-default .navbar-nav > li > a:hover {
	color: #fff;
}


.navbar-right {
	background: rgba(30,30,30,1);
}

.navbar-toggle {
	margin: 13px 15px 0;
}	

.navbar-nav {
	margin: 0 -15px;
}

.navbar-collapse {
	border-top: 0;
}	

.navbar-toggle {
	border: 3px solid #fcc764 !important;
	background: none !important;
}

.navbar-default .navbar-toggle .icon-bar {
	background: #fcc764;
}

.stay {
	margin-bottom:0;
	border-radius: 0;
	background: none transparent;
}

.navbar-brand-white {
	position: absolute;
	top: 10px;
	z-index:101;
}

.reveal-nav {
	margin-top:-100px;
	transition: all .6s;
}

.show {
	margin-top:0;
	transition: all .6s;
}

/* Cover
-------------------------- */

.hero {
	position: relative;
	width: 100%;
	height: 95%;
	min-height: 600px;
	margin: 0 auto;
}

.hero-reel {
	height: auto;
	min-height: 0;
	max-height: 843px;
}

.jumbotron {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	background: url(../img/lights-bg.jpg) center center no-repeat;
	background-size: cover;
	background-position: 0 0
}


.jumbotron h2 {
	color: #fff;
	margin-top: 10%;
	font-size: 60px;
	line-height: 1.2;
	text-transform: uppercase;
	position: absolute;
}

.jumbotron h2 span {
	color: #858a93
}

.light-1 {
	position: absolute;
	left: 60%;
}

.light-2 {
	position: absolute;
	left: 38%;
}

.light-3 {
	position: absolute;
	left: 27%;
}

.light-4 {
	position: absolute;
	left: 22%;
}

/* Intro
-------------------------- */

.intro {
	text-align: center;
	background: url(../img/cardboard-red.jpg) top left;
	color: #f6f5f3;
	padding: 60px 0;
}

.process-pod {
	padding: 0 50px;
}

.intro h2 {
	font-size: 100px;
	font-family: Montserrat;
	margin-top: 18px;
	line-height: 1;
}

.project-intro {
	background: #fff;
	color: #444;
}

.project-intro .container {
	margin-bottom: 20px;
}

.intro h1, .intro p {
	display: inline;
	font-size: 20px;
}

.project-intro h2 {
	font-size: 28px;
	margin-bottom: 20px;
}

.project-intro p {
	font-size: 18px;
}

.project-intro > .container {
	width: 850px;
	max-width: 90%;
}

.intro a {
	margin-top: 60px;
}

a {
	color: #bb342a;
	transition: all .2s;
}

a:hover {
	color: #961f16;
	text-decoration: none;
}

#about-about {
	padding: 316px 0 250px;
	background: url(../img/hero-about.jpg);
	background-size: cover;
}

.btn {
	font-family: "Brandon-Grotesque";
	border: 2px solid;
	padding: 12px 24px;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 16px;
	border-radius: 0;
	transition: all .6s;
	letter-spacing: 1px;
	background: #;
}

.btn-white {
	color: #fff !important;
	border-color: #fff;
}

.btn-brown {
	color: #fcc764 !important;
	padding: 15px;
	font-size: 18px;
	border: 3px solid #fcc764;
	border-left: 0; border-right: 0;
	background: #fcc764;
	color: #333 !important;
}

.btn-brown:hover {
	padding: 15px 32px;
	transition: all .3s;
}

.intro .btn {
	border: 3px solid #fcc764; 
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

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

.work {
	max-width: 80%;
	margin: 0 auto;
}

.client {
	padding: 60px 0 120px;
}

.projects {
	padding: 0 0 105px;
}

.subhead {
	width: 100%;
	text-align: center;
}

h5 {
	font-size: 28px;
	font-weight: 400;
	color: #858a93;
	line-height: 1;
	margin: 0 0 10px;
}

.label {
	font-size: 14px;
	text-transform: uppercase;
	color: #82939a;
	font-weight: 700;
}

.thumbnail {
	border-radius: 0;
	padding: 0;
	border: 0;
	margin-bottom: 30px;
	
}

.thumbnail > img {
	margin: 0;
	width: 100%;
}

.thumbnail:hover {
	opacity: .75;

}

#special {
	margin-bottom: 0;
}

.hidden-md {
	display: none;
}



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

.work-carousel {
	background: #3d3f40;
	padding: 60px;
}



.work-carousel img {
	width: 280px;
	margin: 0 auto;
}



/* About us page
-------------------------- */

.about {
	background: #f6f5f3;
	padding: 60px 0;
}

#about-about h2 {
	text-transform: uppercase;
	font-size: 50px;
}

.about h3 {
	font-size: 50px;
	line-height: 1.3;
	color: #4f3738;
	text-transform: uppercase;
}

.about p {
	font-size: 18px;
	line-height: 1.5;
}

.about p span {
	color: #858a93;
	font-size: 24px;
	line-height: 1.2;
	font-weight: 300;
}

.stamp {
	max-width: 100%;
}

.services {
	background: url(../img/foos.jpg) top left no-repeat;
	background-size: cover;
	padding: 60px 0 30px;
	background-attachment: fixed
}

.sc {
	margin-bottom: 30px;
}

.service-card {
	background: rgba(255,255,255,.8);
	margin: 0 auto;
	padding: 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	min-height: 360px;
	transition: all .7s;
}

.service-card:hover {
	background: #fafafa;
	box-shadow: 0 3px 10px #333;
	transition: all .1s;
}

.service-card-icon {
	text-align: center;
	padding-top: 30px;
}

.service-card img {
	height: 32px;
	width: auto;
}

.service-card h4 {
	width: 100%;
	text-align: center;
	color: #858a93;
	font-size: 20px;
	line-height: 1.3;
}

.service-card ul {
	color: #3a3f41;
	padding-left: 30px;
}


.map {
	background: url(../img/map.jpg) center center no-repeat;
	min-width: 100%;
	margin: 0;
	padding: 80px 0;
	position: relative;
}

.pin {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -44px;
	margin-left: -17px;
	height: 44px;
	width: 33px;
	background: url(../img/pin.png);
}

.contact, .contact-phone {
	background: #bb342a;
	padding: 30px;
	color: #fff!important;
	width: 40%;
	max-width: 560px;
}

.contact h3 {
	color: #fff;
	opacity: 1;
	font-size: 28px;
	text-transform: none;
}

.contact-phone {
	width: 100%;
	max-width: none;
	display: none;
}

.cntr {
	width: 100%;
	text-align: center;
	margin-top: 60px;
}

.testimonials {
	padding-bottom: 60px;
}
	
blockquote {
	color: #858a93;
	background: #fff; 
	box-shadow: 0 1px 5px #ccd3da;
	border-radius: 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 15px 30px;
	display: inline-block;
}
 
blockquote::after {
	height: 30px;
	width: 30px;
	background: pink;
	display: block;
	content:' ';
	position: absolute;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	background: #fff; 
	box-shadow: 2px 2px 2px #e1e4e8;
}

.attribution {
	margin: 20px 40px 0 60px;
}

.attribution span {
	font-size: 14px;
	text-transform: uppercase;
}

/* Careers Page
-------------------------- */

.careers-wrap {
	background: #F6F5F3;
	padding: 167px 0 0;
	font-size: 18px;
}

.careers-intro {
	background: url(../img/prospective.jpg) top right no-repeat;
	background-size: 500px;
	padding-bottom: 100px;
	width: 100%;
}

.careers-intro p {
	padding-right: 500px;
}

.wufoo-careers {
	display: block;
}

.wufoo-careers ul {
	list-style: none;
	padding: 0;
	width: 49%;
	float: left;
}

.wufoo-careers ul li {
	width: 100%;
}

.wufoo-careers input.text, .wufoo-careers input.search, .wufoo-careers textarea.textarea {
	border: 0;
	background: rgba(255,255,255,.75);
	outline: 0;
	padding: 10px;
	font-family: effra;
	font-size: 18px;
	transition: all .3s;
}

.wufoo-careers input.text:focus, .wufoo-careers input.search:focus, .wufoo-careers textarea.textarea:focus {
	background: rgba(255,255,255,.9);
}

.careers-form {
	background: url(../img/lights-bg.jpg) center center no-repeat;
	background-size: cover;
	padding: 100px 0;
}

label.desc {
	color: #858a93 !important;
}

input.large, select.large {
  width: 90% !important;
}

form li.focused {
	background: 0 !important;
}

form li.buttons input {
	margin-top: 20px;
	background: #B02929;
	color:#fff;
	padding: 18px 36px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	font-size: 18px!important;
	border: 0;
	font-family: "Brandon-Grotesque";
	text-transform: uppercase;
	font-weight: 700;
	transition: all .3s;
}

 form li.buttons input:hover {
 	padding: 18px 42px;
 }

 textarea.medium {
  height: 220px !important;
}

.careers-form h5 {
	text-align: center;
	color: #FBC562;
}

::-webkit-input-placeholder {
   color: #9299a3;
}

:-moz-placeholder { /* Firefox 18- */
   color: #9299a3;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #9299a3;  
}

:-ms-input-placeholder {  
   color: #9299a3;  
}

.job-descriptions {
	background: #F6F5F3;
	padding: 100px;
}

.panel-title a {
	color: #444;
	text-decoration: none;
}

.panel-title a h3 {
	border-bottom: 1px solid #c0c0c0;
}

/* Project pages
-------------------------- */

#MHFCU {
	background: url(../img/mhfcu/mhfcu-header.jpg) center center no-repeat;
	background-size: cover;
}

#rooted {
	background: url(../img/rooted/rooted-header.jpg) center center no-repeat;
	background-size: cover;
}

#phelps {
	background: url(../img/phelps/phelps-header.jpg) center center no-repeat;
	background-size: cover;
}

#gumc {
	background: url(../img/gumc/gumc-header.jpg) center top no-repeat;
	background-size: cover;
}

#corkys {
	background: url(../img/corkys/corkys-header.jpg) center center no-repeat;
	background-size: cover;
}

#gastro1 {
	background: url(../img/gastro1/gastro1-header.jpg) center center no-repeat;
	background-size: cover;
}

#tennshow {
	background: url(../img/tennshow/tennshow-header.jpg) center center no-repeat;
	background-size: cover;
}

#warren {
	background: url(../img/warren/warren-header.jpg) center center no-repeat;
	background-size: cover;
}

.project-images img {
	width: 100%;
}

.spaced {
	margin-bottom: 1%;
}

/* Winchester page 
-------------------------- */

.wf-hero {
	background: url(../img/winchester/hero.jpg) center top no-repeat;
	height: 700px;
	background-size: cover;
	position: relative;
	overflow: visible;
}

.mac {
	position: absolute;
	left: 50%;
	margin-left: -600px;
	bottom: -40px;
	z-index: 300;
}

.mac img {
	width: 520px;
}

.torn-paper-top {
	position: absolute;
	height: 93px;
	width: 100%;
	background: url(../img/winchester/ripped-top.png) bottom left repeat-x;
	top: -93px;
}

.torn-paper-bottom {
	position: absolute;
	height: 100px;
	background: url(../img/winchester/ripped-bottom.png) top left repeat-x;
	bottom: -100px;
	left: 0;
	right: 0;
	z-index: 300;
}

.wf-intro-wrapper {
	background: url(../img/winchester/paper.png) top left;
	position: relative;
}

.wf-main-content {
	font-family: 'enriqueta';
}

.wf-main-content p {
	font-size: 18px;
	line-height: 1.75;
}

.wf-intro {
	padding: 50px 0 100px;
	text-align: center;
	color: #4b4b4b;
}

.wf-intro h6 {
	font-family: Proxima Nova;
	color: #bb342a;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 2px;
	margin-bottom: 0;
}

.wf-logo { 
	padding-top: 20px;
	width: 100%;
	text-align: center;
}

.wf-logo img {
	width: 75%;
	max-width: 400px;
	margin: 150px auto 0;
}

.grass {
	position: absolute;
	height: 100px;
	background: url(../img/winchester/grass.png) bottom left repeat-x;
	bottom: -80px;
	left: 0;
	right: 0;
	z-index: 300;
}

.soil {
	background: url(../img/winchester/soil.jpg) top left;
	padding: 200px 0 100px;
	text-align: left;
	position: relative;
}

.soil-bottom {
	position: absolute;
	height: 37px;
	background: url(../img/winchester/soil-bottom.jpg) top left repeat-x;
	bottom: -37px;
	left: 0;
	right: 0;
	z-index: 300;
}

.jake {
	float: left;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	width: 100%;
	/* border: 20px solid #27211f;
	box-shadow: 0px 2px 1px rgba(77,69,65,.8);
	-moz-box-shadow: 0px 2px 1px rgba(77,69,65,.8);
	-webkit-box-shadow: 0px 2px 1px rgba(77,69,65,.8); */
	margin-right: 50px;
}

.soil h2 {
	color: #d25833;
	padding-top: 20px;
}

.soil p {
	color: #d0cac9;
}

.sitemap {
	background: url(../img/winchester/paper.png) top left;
	padding: 120px 0 60px;
	position: relative;
}

.sitemap-copy {
	text-align: right;
}

.sitemap-copy h2 {
	color: #739725;
}

.sitemapimg {
	overflow-x: hidden;
	position: absolute;
	right: 0;
	bottom: 0;
}

.sitemap img {
	height: 600px;
	margin-top: -70px;
}

/* SVG animation ----------------- */

.roots {
  position: absolute;
  margin: auto;
  top: -100px;
  width: 100%;
}

.sm-icon {
  stroke: none;
}

.empty-space {
  width: 100%;
  height: 3000px;
}

/* ----------------- end SVG animation */

.moodboard {
	background: url(../img/winchester/wood-tile.jpg) top left #111;
	color: #ddd;
	padding: 150px 0 0;
	box-shadow: inset 0 5px 10px rgba(0,0,0,.5);
	-moz-box-shadow: inset 0 5px 10px rgba(0,0,0,.5);
	-webkit-box-shadow: inset 0 5px 10px rgba(0,0,0,.5);
}

.mb-copy {
	text-align: center;
}

.moodboard h2 {
	color: #ffffff;
}

.moodboard-art {
	max-width: 100%;
	margin: 80px 0 0;
}

.moodboard-art img {
	width: 100%;
	margin: 0 auto -150px;
}

.design {
	background: url(../img/winchester/paper.png) top left #fff;
	padding: 250px 0 10px;
	text-align: center;
	color: #4b4b4b
}

.design img {
	margin: 50px 0 0;
	max-width: 90%;
}

.typography { 
	background: url(../img/winchester/green-typog.jpg) top right #849c3f;
	text-align: left;
	width: 50%;
	float: left;
	display: inline-block;
	padding: 80px;
	margin: 100px 0;
	color:  #fff;
}

.typography h2 {
	color: #fff;
}

.typography a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

.specimen img {
	float: right;
	width: 47%;
	margin-right: 3%;
	margin: 100px 0;
}

.colors img {
	margin: 0px auto 0;
}

.colors p {
	margin: 40px auto;
}

.design::after {
	background: url(../img/winchester/ripped-bottom.png) bottom left repeat-x;
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	content: ' ';
	height: 100px;
}

.mockups img {
	width: 100%;

}

.conclusion {
	background:  url(../img/winchester/paper.png) top left #fff;
	text-align: center;
	padding: 75px 0;
	position: relative;
}

.conclusion::before {
	background: url(../img/winchester/ripped-top.png) bottom left repeat-x;
	width: 100%;
	position: absolute;
	top: -100px;
	left: 0;
	right: 0;
	content: ' ';
	height: 100px;
}

.conclusion::after {
	background: url(../img/winchester/ripped-bottom.png) bottom left repeat-x;
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -100px;
	content: ' ';
	height: 100px;
}

.testimonial {
	color: #849c2f;
	font-style: italic;
	font-size: 20px !important;
}

.testimonial span {
	text-transform: capitalize;
	font-size: 18px;
	padding-top: 15px;
	color: #4b4b4b;
	font-style: initial;
}

.conclusion hr {
	border-color: #b3a391;
	opacity: .5;
	margin: 60px 100px;
}

.live {
	width: 100%;
	text-align: center;
	background: url(../img/winchester/farm.jpg) center center #000;
	background-size: cover;
	padding: 260px 0 230px;
}

.live a {
	background: #e26735;
	background: rgba(49,28,28,.7);
	font-size: 20px;
	letter-spacing: 1.5;
	color: #fff;
	text-decoration: none;
	text-transform: lowercase;
	font-weight: 700;
	padding: 40px 80px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	transition: all .2s;
}

.live a:hover {
	background: #c05023;
	background: rgba(49,28,28,.9);
}



/* Footer
-------------------------- */

footer {
	background: #252728;
	color: #c1c1c1;
	padding: 60px 0;
}

.fun {
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	padding: 0 60px;
	color: #929292;
}

.fun strong {
	color: #fff;
	font-size: 18px;
}

.fun img {
	display: inline;
	float: left;
	max-height: 130px;
	padding-right: 20px;
	position: relative;
}

.footer-right {
	text-align: right;
}

.footer-right img {
	height: 136px;
	width: auto;
	opacity: .2;
}

.footer-left, .footer-left a {
	color: #666;
}

.footer-left p {
	margin: 20px 0 3px;
}

.icon-facebook:hover {
	color: #3B5998;
}

.icon-twitter:hover {
	color: #00aced;
}

.icon-vimeo:hover {
	color: #aad450;
}

.icon-linkedin:hover {
	color: #007bb6;
}

.icon-google-with-circle:hover {
	color: #dd4b39;
}

.signature {
	background: #1e1e1e;
	padding: 20px 0;
	text-align: center;
	color: #a6abae;
	width: 100%;
}

	.signature a {
		color: #fff;
	}

	a.surprise {
		color: #a6abae;
	}

.sig-block {
	display: inline;
	border-right: 1px solid #a6abae;
	padding: 0 10px;
}

.sig-block:last-child {
	border-right: none;
	padding-right: 0;
}

.sig-block:first-child {
	padding-left: 0;
}


/* stop horizontal scrolling
-------------------------- */

.container {
max-width:100%;
}

/* Slick Slider
--------------------------- */

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white url("../img/ajax-loader.gif") center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Icons */
@font-face { font-family: "slick"; src: url("../fonts/slick.eot"); src: url("../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("../fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }


/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 30px; width: 40px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 30px; line-height: 1; color: #666; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -44px; background: rgba(255, 255, 255, .15); height: 100%; top: 10px; transition: all .2s; }
.slick-prev:before { font-family: 'icomoon'; content: "\e601"; font-size: 40px; color: #3D3F40; }
.slick-prev:hover { background: rgba(255, 255, 255, .3); }

.slick-next, slick-next:visited { left: auto; right: -43px; background: rgba(255, 255, 255, .15); height: 100%; top: 10px; transition: all .2s; }
.slick-next:before { font-family: 'icomoon'; content: "\e603"; font-size: 40px; color: #3D3F40; }
.slick-next:hover { background: rgba(255, 255, 255, .3); }



/* Dots */
.slick-slider { margin-bottom: 0px; }

.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }

[dir="rtl"] .slick-next {right: auto;left: -25px;}
[dir="rtl"] .slick-next:before {content: "\2190";}
[dir="rtl"] .slick-prev {right: -25px;left: auto;}
[dir="rtl"] .slick-prev:before {content: "\2192";}
[dir="rtl"] .slick-slide {float: right;}


/* about page arrows */
.testimonial-caro .slick-next:before, .testimonial-caro .slick-prev:before {
	color: #999
}

.testimonial-caro .slick-next, .testimonial-caro .slick-prev {
	opacity: .4;
	background: #FFF;
}

.testimonial-caro .slick-next:hover, .testimonial-caro .slick-prev:hover {
	opacity: 1;
}

.testimonial-caro .slick-next, slick-next:visited {
	right: -20px;
}

.testimonial-caro .slick-prev {
	left: -20px;
}


@media screen and (max-width: 582px) {
	.slick-prev, .slick-next {
		width: 40px;
		height: 100%;
	}
		
	.slick-prev:before, .slick-next:before {
		font-size: 40px;
	}
}	


/* MEDIA QUERIES
-------------------------- */


@media screen and (min-width: 2411px) {
	.map {
		background-size: cover;
	}
}

@media screen and (max-width: 1278px) {
	.work-carousel .container {
		width: 880px;
	}	

}

@media screen and (max-width: 1200px) {
	.jake {
		margin-top: 70px;
	}

	.typography {
		float: none;
		width: 100%;
		background-position: -100px 0;
		background-repeat: none;
		margin-bottom: 0;
	}

	.specimen img {
		float: none;
		width: 100%;
		max-width: 800px;
		margin: 50px auto 100px;
	}

	.sitemapimg {
		bottom: auto;
		top: 100px;
	}

	.fun {
		text-align: center;
	}

	.fun img {
		display: block; float: none;
		padding: 0 0 20px;
		max-height: 200px;
		width: auto;
		margin: 0 auto!important;
	}

}


@media screen and (max-width: 992px) {
	footer .container {
		width: 750px;		
	}
	
	 .work-carousel .container {
	 	width: 660px;
	 }
	
	.slider img {
		width: 310px;
	}

	.intro h2 {
		margin-top: 60px;
	}

	.intro h2:first-child {
		margin-bottom: 0;
	}
	
	.footer-left, .footer-right {
		width: 49.5%;
		display: inline-block;
	}
	.work-carousel .container {
		width: 
	}

	.mac {
		left: 65%;
	}

	.jake, .sitemap img {
		max-width: 400px;
		float: none;
		margin: 0 auto 40px;
		display: inherit;
		height: auto;
	}

	.sitemap img {
		width: 800px;
		max-width: 100%;
		margin-top: 80px;
	}

	.sitemapimg {
		position: relative;
		top: auto;
	}

	.soil, .sitemap-copy {
		text-align: center;
	}

	.colors {
		margin-top: 100px;
	}

	footer .container {
		width: 90%;		
	}
	
	.footer-left, .footer-right, .fun {
		width: 100%;
		display: block;
		text-align: center;
		border: 0;
	}
	
	.fun {
		padding: 60px 0;
	}

	.fun a {
		display: inline-block;
	}

	.fun img {
		width: auto;
	}

	.careers-intro {
		background: #F6F5F3;
	}

	.careers-intro p {
			padding-right: 0;
	}
}


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


	.jumbotron h2 {
		text-align: center;
		top: 25%;
		font-size: 50px;
		width: 100%;
		left: 0;
		padding: 10px 30px;
	}
	
	.label {
		text-align: left;
		padding: 0 0 20px 20px;
		font-size: 16px;
	}
	
	.thumbnails {
		text-align: center;
		padding-left: 0;
	}
	
	.work-carousel .container {
	 	width: 330px;
	 }
	
	.work-carousel img {
		width: 300px;
	}

	.wf-intro {
		padding: 0 0 75px;
	}

	.soil, .sitemap, .mb-copy, .conclusion {
		padding-left: 5%;
		padding-right: 5%;
	}

	.hidden-md {
		display: block;
	}

	.signature {
		padding: 30px 0;
	}
	
	.sig-block {
		display: block;
		border: 0;
		padding: 0;
		font-size: 18px;
	}

	/* Realign Careers wufoo form */

	.wufoo-careers ul {
		float: none;
		width: 100%;
	}

	input.large {
		width: 100% !important;
	}

	.careers-wrap {
		padding: 100px 5% 5%;
	}

	.careers-intro {
		padding-bottom: 0;
	}

	.careers-form {
		padding: 5%;
	}

	.careers-form h5 {
		text-align: left;
	}

	input.btTxt {
		width: 100% !important;
	}

	.job-descriptions {
		padding: 5%;
	}

}

@media screen and (max-width: 582px) {
	.sc {
		width: 100%;
		max-width: 350px;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}

	.light-1 {
		display: none !important;
	}

	.light-3, .light-2, .light-4 {
		height: 100%;
	}

	.jumbotron h2 {
		top: 15%;
		font-size: 35px;
	}
	
	.intro {
		padding: 60px 0 !important;
	}
	
	.intro h2 {
	}
	
	.about-lead {
		font-size: 18px;
	}
	
	.contact-phone {
		display: block;
		margin: 30px 0 0;
	}
	
	.contact {
		display: none;
	}
	
	.map {
		margin-top: 0;
		height: 400px;
	}
	
	.work-carousel img {
		width: 100%;
	}

	.wf-hero {
		height: 500px;
	}

	.wf-logo img {
		width: 200px;
	}

	.typography {
		padding: 40px;
	}

	.live a {
		font-size: 1em;
		padding: 40px;
	}
}

/* ServiceMaster Page
-------------------------- */

.svm-hero {
	background: url(../img/servicemaster/hero.jpg) center top no-repeat;
	height: 700px;
	background-size: cover;
	position: relative;
	overflow: visible;
	z-index: -5;
}

.truck {
	position: absolute;
	right: -0%;
	margin-right: 0px;
	bottom: 170px;
	z-index: 5300;
}

.truck-video {
	right: -0%;
	margin-right: 0px;
	bottom: 60px;
	z-index: 5300;
}

.truck img {
	width: 100%;
}

.header-bar {
	position: absolute;
	height: 110px;
	width: 100%;
	background: url(../img/servicemaster/header-bar.png) bottom left no-repeat;
	top: -55px;
	z-index: -1;
	
}


.svm-intro-wrapper {
	background: #ffffff;
	position: relative;
	z-index:-4;
}

.svm-main-content {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;;
	z-index: -3;
}

.svm-main-content p {
	font-size: 18px;
	line-height: 1.75;
}

.svm-brand {
	padding: 80px 0 0px;
	text-align: left;
	color: #4b4b4b;
	position: relative;

}

.svm-intro {
	padding: 10px 0 50px;
	text-align: left;
	color: #4b4b4b;
	position: relative;

}

.svm-brand h2 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #0072ec;
	font-weight: 400;
	text-transform: none;
	font-size: 45px;
	letter-spacing: 0px;
	line-height: 55px;
	width: 75%;
	
}

.svm-brand h3 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #0072ec;
	font-weight: 100;
	text-transform: none;
	font-size: 45px;
	letter-spacing: 0px;
	line-height: 65px;
	
}

.svm-intro h4 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #0072ec;
	font-weight: 100;
	text-transform: none;
	font-size: 28px;
	letter-spacing: 0px;
	line-height: 35px;
	
}

.svm-intro b {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #555555;
	font-weight: 600;
	text-transform: none;
	font-size: 18px;
	letter-spacing: 0px;
	line-height: 25px;
	
}


.wf-logo { 
	padding-top: 20px;
	width: 100%;
	text-align: center;
}

.wf-logo img {
	width: 75%;
	max-width: 400px;
	margin: 150px auto 0;
}

.grass {
	position: absolute;
	height: 100px;
	background: url(../img/winchester/grass.png) bottom left repeat-x;
	bottom: -80px;
	left: 0;
	right: 0;
	z-index: 300;
}

.svm-quote {
	
	position: relative;
	
  background-image: -moz-radial-gradient( 50% 50%, circle closest-side, rgb(76,75,75) 0%, rgb(51,51,51) 300%);
  background-image: -webkit-radial-gradient( 50% 50%, circle closest-side, rgb(76,75,75) 0%, rgb(51,51,51) 300%);
  background-image: -ms-radial-gradient( 50% 50%, circle closest-side, rgb(76,75,75) 0%, rgb(51,51,51) 300%);
  top: 0px;
  width: 100%;
  z-index: 55;

}

.svm-quote-mark {
	padding: 0px 0 0px;
	text-align: left;
	color: #4b4b4b;
	position: relative;
	top: -90px;
	height: 60px;
	width:25%;


}

.svm-quote-content {
	text-align: left;
	width: 100%;

}

.svm-quote h2 {
	font-family: Gotham;
	color: #0072ec;
	font-weight: 400;
	text-transform: none;
	font-size: 400px;
	width: 25%;

}

.svm-quote h6 {
	font-family: Gotham;
	color: #ffffff;
	font-weight: 100;
	text-transform: none;
	font-size: 18px;
	width: 100%;

}


.svm-quote p {
	font-size: 36px;
	font-weight:100;
	line-height: 1.25;
	color:#ffffff
	
}


.soil h2 {
	color: #d25833;
	padding-top: 20px;
}

.soil p {
	color: #d0cac9;
}

.svm-primary-goal {
	background: url(../img/servicemaster/primary-goal.jpg) top left no-repeat;
	padding: 0px;
	position: relative;
	height: 900px;
	background-size: cover;
}

.svm-primary-goal-sm {
	background-color: #ffffff;
	padding: 0px;
	position: relative;
	height: 100%;
	background-size: cover;
}

.svm-primary-goal-copy {
	text-align: left;
	padding: 50px 0px 10px 0px;
}

.svm-primary-goal-copy h3 {
	color: #0072ec;
	font-size: 30px;
}

.svm-primary-goal img {
	overflow-x: hidden;
	position: absolute;
	right: 0;
	bottom: 0;
}

.svm-primary-goal img {
	height: 600px;
	margin-top: -70px;
}

.engage {
	background-color: #ffffff;
	color: #0072ec;
	margin-bottom: 0px;
	margin-top: -300px;
	padding: 50px 0 0;
	box-shadow: inset 0 5px 10px rgba(0,0,0,.5);
	-moz-box-shadow: inset 0 5px 10px rgba(0,0,0,.5);
	-webkit-box-shadow: inset 0 5px 10px rgba(0,0,0,.5);
}

.engage-copy {
	text-align: left;
	color:#ffffff;
	background-color: #0072ec;
	padding: 60px;
	z-index: 1;
	
}

.engage-copy p {
	font-weight: 100;
	font-size: 18px;
	line-height: 24px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.engage h2 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #ffffff;
	font-weight: 300;
	text-transform: none;
	font-size: 20px;
	letter-spacing: 0px;
	line-height: 30px;
	width: 100%;
}

.engage-art {
	max-width: 100%;
	margin: 0px 0 0;
	z-index: 2;
}

.engage-art img {
	width: 95%;
	margin: 400px auto -850px;
}

.photos-lg {
	background-color: #ffffff;
	padding: 0px;
	text-align: center;
	color: #4b4b4b
	z-index:-2;
	margin-top: -300px;
}


.photos-lg img {
	margin: 0px;
	width: 100%;
}

/* VIDEO BACKGROUND*/

.header-unit {
  height: 100%;
  border: none;
  border-right:none;
  border-left: none;
  position: relative;
  padding: 20px;
}
#video-container {
	position: absolute;
}
#video-container {
	top:0%;
	left:0%;
	height:100%;
	width:100%;
	overflow: hidden;
}
video {
	position:absolute;
	z-index:0;
}
video.fillWidth {
	width: 100%;
}